@import url('fonts.css');
@import url('wdt-reset.css');

/* Body Structure Style */

body{
	width: 100%;
	height: inherit;
	font-family: 'source-sans-pro', arial, sans-serif;
	color: #222222;
	font-size: 13px;
	line-height: 21px;
	overflow-x: hidden;
}

.main{
	width: inherit;
	height: inherit;
	position: relative;
	left: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.main.main-toright{
	left: 250px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.disp-modal{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	display: none;
}

.disp-modal .inner{
	overflow: hidden;
	margin: 34px 0 0;
}

.disp-modal .close-button{
	top: 7px;
    right: 17px;
    width: 22px;
    height: 22px;
	padding: 7px;
}

.disp-modal .close-button .close-icon span{
	background: #ffffff;
    width: 29px;
    top: 9px;
    left: -4px;
}

.disp-modal-body{
	width: 100%;
	min-width: 320px;
	max-width: 400px;
	margin: 0 auto;
	padding: 24px 14px;
	box-shadow: 0 0 7px 0 #000000;
	background: #ffffff;
}

.ajax-modal{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 100;
	display: none;
	overflow: auto;
}

.ajax-modal .modal{
}

.ajax-modal .close-button{
    top: 0;
    right: 27px;
    width: 22px;
    height: 22px;
    padding: 27px 14px 7px 14px;
    background: #222222;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.ajax-modal .close-button .close-icon span{
	background: #ffffff;
    width: 29px;
    top: 9px;
    left: -4px;
}

.loader-block{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000000;
	background: rgba(0,0,0,0.95);
	z-index: 999999;
	/*
	display: none;
	*/
}

.loader-block .inner{
	margin: 320px auto 0;
}

.loader-block p{
	text-align: center;
	color: #ffffff;
    font-size: 13px;
    line-height: 17px;
    margin: 7px 0 0 5px;
}

.loader-block .inner .image-block{
	width: 24px;
	margin: 0 auto;
}

.loader-block .inner .image-block img{
	width: 100%;
}

.container{
	width: 1280px;
	margin: 0 auto;
}

.inner-container{
	padding: 0 2%;
}

.inner-container-s{
	padding: 0 1%;
}

/* General Style Blocks */

.filter-block{
}

.filter-block .date-filter{
	float: right;
}

.filter-block .sort-filter{
	float: left;
}

.filter-block .sort-filter input[type="text"],
.filter-block .sort-filter input[type="number"]{
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border: 1px solid #929292;
	background: #ffffff;
	font-family: 'source-sans-pro', arial, sans-serif;
    font-size: 13px;
    line-height: 21px;
	padding: 3px 7px;
	box-shadow: none;
}

.filter-block .sort-filter select{
	border: 1px solid #929292;
	border-radius: 2px;
	background: #929292;
	font-family: 'source-sans-pro', arial, sans-serif;
    font-size: 13px;
    line-height: 21px;
	color: #ffffff;
	box-shadow: none;
	height: 29px;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.filter-block .sort-filter .sort-block select{
	border: 1px solid #53D0C0;
	background: #53D0C0;
}

.filter-block .sort-filter .filter-block select{
	border: 1px solid #62A9F9;
	background: #62A9F9;
}

.filter-block .sort-filter select:hover,
.filter-block .sort-filter select:focus,
.filter-block .sort-filter select:active{
	background: #ffffff;
	color: #494949;
	outline: none;
	box-shadow: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.filter-block .sort-filter .search-select-block select{
	border-radius: 0;
}

.filter-block .sort-filter .search-button{
	max-width: 29px;
}

.filter-block .sort-filter .search-button button{
	width: 100%;
	height: 29px;
	border: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	background: #FFA83C url('../images/search-icon.png')no-repeat 50%;
	background-size: 60%;
	outline: none;
	color: #ffffff;
	box-shadow: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	cursor: pointer;
}

.filter-block .sort-filter .search-button button:hover,
.filter-block .sort-filter .search-button button:focus{
	background: #494949 url('../images/search-icon.png')no-repeat 50%;
	background-size: 60%;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.cstm-date-block.disp-modal-body{
	max-width: 574px;
}

.form-block{
}

.form-block .inner-container{
	padding: 0 1%;
}

input[type="text"],
input[type="number"],
input[type="password"],
textarea,
select{
	width: 100%;
	padding: 4px 7px;
	font-family: 'source-sans-pro', arial, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #222222;
	outline: none;
	border: 1px solid #222222;
	background: #ffffff;
}

input[type="time"],
input[type="date"]{
	width: 100%;
	width: -webkit-fill-available;
	padding: 4px 7px;
	font-family: 'source-sans-pro', arial, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #222222;
	outline: none;
	border: 1px solid #222222;
	background: #ffffff;
}

input:disabled{
	background: #f1f1f1;
	box-shadow: none;
}

input:read-only{
	background: #f1f1f1;
	box-shadow: none;
}

textarea{
	max-width: none;
	resize: vertical;
}

select{
	height: 31px;
}

select.multiple{
	max-width: none;
	height: auto;
}

input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
textarea:focus,
textarea:active,
select:focus,
select:active,
input[type="date"]:focus,
input[type="date"]:active{
	border: 1px solid #3686BF;
	box-shadow: 0 0 3px 0 #3686BF;
}

p.input-lable{
	float: left;
	font-family: 'source-sans-pro', arial, sans-serif;
	font-size: 13px;
	line-height: 21px;
	cursor: pointer;
	margin: 0 0 0 10px;
}

input[type="radio"]{
	float: left;
    height: 23px;
    margin: 0 14px 0 0;
	cursor: pointer;
}

input[type="checkbox"]{
	float: left;
    height: 23px;
    margin: 0 14px 0 0;
	cursor: pointer;
}

input[type="file"]{
	height: 0;
    opacity: 0;
	position: absolute;
}

p.file-lable,
.value p.file-lable{
	font-family: 'source-sans-pro', arial, sans-serif;
	font-size: 13px;
	padding: 4px 0 0;
	line-height: 17px;
}

input[type="submit"],
input[type="button"]{
	display: block;
	width: 100%;
	max-width: 240px;
	padding: 7px;
	outline: none;
	color: #ffffff;
	background: #3686BF;
	border: 0;
	font-family: 'source-sans-pro', arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 21px;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	cursor: pointer;
	position: relative;
	z-index: 9;
}

input[type="submit"]{
	background: #FF4848;
}

input[type="submit"].center,
input[type="button"].center{
	margin: 0 auto;
}

input[type="submit"].full,
input[type="button"].full{
	max-width: auto;
}

input[type="submit"].right,
input[type="button"].right{
	float: right;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus{
	background: #555555;
	box-shadow: 0 0 3px 0 #555555;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

input[type="submit"]:active{
	background: #FF4848;
	box-shadow: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

input[type="button"]:active{
	background: #3686BF;
	box-shadow: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

input[type="submit"]:disabled,
input[type="button"]:disabled{
	background: #bbbbbb;
	box-shadow: none;
}

.link-btn{
}

.link-btn a{
	display: block;
	width: 100%;
	padding: 4px 0;
	outline: none;
	color: #ffffff;
	background: #3686BF;
	border: 0;
	font-family: 'source-sans-pro', arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 21px;
	text-align: center;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	cursor: pointer;
	position: relative;
	z-index: 9;
}

.link-btn a.center{
	margin: 0 auto;
}

.link-btn a.right{
	float: right;
}

.link-btn a:hover,
.link-btn a:focus{
	background: #555555;
	box-shadow: 0 0 3px 0 #555555;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.link-btn a:active{
	background: #3686BF;
	box-shadow: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.link-btn a:disabled{
	background: #bbbbbb;
	box-shadow: none;
}

.table-block{
}

.table-block table{
}

.table-block table.paginate{
	table-layout: fixed;
}

.table-block table tr{
	height: 38px;
	display: table-row;
}

.table-block table.paginate tr{
	display: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.table-block table.paginate tr.showPageRow{
	display: table-row;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.table-block table.paginate thead tr,
.table-block table.paginate thead tr td{
	display: table-row;
}

.table-block table tr:nth-child(odd){
	background: #f5f5f5;
}

.table-block table tr:nth-child(even){
	background: #ffffff;
}

.table-block table tr:hover{
	background: #555555;
}

.table-block table tr.color{
	
}

.table-block table tr.highlight{
}

.table-block table tr:last-child.highlight{
	border-top: 2px solid #222222;
	border-bottom: 2px solid #222222;
}

.table-block table tr.highlight.below,
.table-block table tr:last-child.highlight.below{
	border-top: none;
	border-bottom: 2px solid #222222;
}

.table-block table tr.highlight.above,
.table-block table tr:last-child.highlight.above{
	border-top: 2px solid #222222;
	border-bottom: none;
}

.table-block table tr th{
	font-family: 'source-sans-pro', arial, sans-serif;
	font-size: 13px;
	line-height: 19px;
	font-weight: bold;
	color: #ffffff;
	background: #00a287;
	padding: 4px 2px;
}

.table-block table tr th.left-align{
	text-align: left;
}

.table-block table tr th.right-align{
	text-align: right;
}

.table-block table tr th:last-child{
}

.table-block table tr td{
	font-size: 13px;
	line-height: 19px;
	color: #222222;
	font-weight: normal;
	text-align: center;
	padding: 4px 7px;
}

.table-block table tr td a{
	text-decoration: underline;
}

.table-block table tr.highlight td{
	font-weight: bold;
}

.table-block table tr td.left-align{
	text-align: left;
}

.table-block table tr td.right-align{
	text-align: right;
}

.table-block table tr:hover td{
	color: #ffffff;
}

.table-block table tr td:last-child{
}

.table-block table tr td.color_alert{
	position: relative;
}

.table-block table tr td.color_alert span{
	position: absolute;
	width: 7px;
	height: 80%;
	top: 10%;
	left: 0;
	background: #222222;
}

.table-block table tr td.color_alert.red span{
	background: #FF4848;
}

.table-block table tr td.color_alert.orange span{
	background: #FFA83C;
}

.table-block table tr td.color_alert.yellow span{
	background: #ffef30;
}

.table-block table tr td.color_alert.green span{
	background: #57D814;
}

.table-block table tr td.color_alert.trans span{
	background: transparent;
}

.table-block tr td .image-block{
	width: 80px;
	margin: 10px auto;
	border: 2px solid #ffffff;
}

.table-block tr td .image-block img{
	width: 100%;
}

.table-block tr td ul.icon-block{
	text-align: center;
}

.table-block tr td .icon-block li{
	display: inline-block;
	width: 21px;
	margin: 0 7px;
}

.table-block tr td .icon-block li a{
	display: block;
}

.table-block tr:hover td .icon-block li a{
	opacity: 0.7;
}

.table-block tr:hover td .icon-block li a:hover{
	opacity: 1;
}

.table-block tr:hover td .icon-block li a:active{
	opacity: 0.7;
}

.table-block tr td .icon-block li a img{
	width: 100%;
}

.pagination-block .pagination{
	margin: 14px 0 0;
	text-align: left;
}

.pagination-block .pagination li{
	display: inline-block;
	margin: 7px 0 0;
}

.pagination-block .pagination a{
	font-family: 'source-sans-pro', arial, sans-serif;
	display: block;
    padding: 7px 14px;
    margin: 0 7px 0 0;
    font-size: 13px;
    line-height: 24px;
    background: #222222;
    color: #ffffff;
}

.pagination-block .pagination a.active{
	font-weight: bold;
	background: #3686BF;
}

.pagination-block .pagination li p{
	font-family: 'source-sans-pro', arial, sans-serif;
    font-size: 13px;
	line-height: 24px;
	padding: 14px 7px 0;
	margin: 0 7px 0 0;
}

.block{
}

.block-1x{
	margin: 0 1%;
}

.block-1l{
	margin: 0 0 0 1%;
}
.block-1ll{
	margin: 0 0 0 2%;
}

.block-1r{
	margin: 0 1% 0 0;
}

.block-1rr{
	margin: 0 2% 0 0;
}

.block-2l{
	float: left;
	width: 50%;
}

.block-2r{
	float: right;
	width: 50%;
}

.block-2lx{
	float: left;
	width: 48%;
	margin: 0 1%;
}

.block-2lxx{
	float: left;
	width: 46%;
	margin: 0 2%;
}

.block-2rx{
	float: right;
	width: 48%;
	margin: 0 1%;
}

.block-2ll{
	float: left;
	width: 49%;
	margin: 0 0 0 1%;
}

.block-2lr{
	float: left;
	width: 49%;
	margin: 0 1% 0 0;
}

.block-2lrr{
	float: left;
	width: 48%;
	margin: 0 2% 0 0;
}

.block-2rl{
	float: right;
	width: 49%;
	margin: 0 0 0 1%;
}

.block-2rr{
	float: right;
	width: 49%;
	margin: 0 1% 0 0;
}

.block-3l{
	float: left;
	width: 33.33%;
}

.block-3r{
	float: right;
	width: 33.33%;
}

.block-3lx{
	float: left;
	width: 31.33%;
	margin: 0 1%;
}

.block-3rx{
	float: right;
	width: 31.33%;
	margin: 0 1%;
}

.block-3ll{
	float: left;
	width: 32.33%;
	margin: 0 0 0 1%;
}

.block-3lr{
	float: left;
	width: 32.33%;
	margin: 0 1% 0 0;
}

.block-3rl{
	float: right;
	width: 32.33%;
	margin: 0 0 0 1%;
}

.block-3rr{
	float: right;
	width: 32.33%;
	margin: 0 1% 0 0;
}

.block-4l{
	float: left;
	width: 25%;
}

.block-4r{
	float: right;
	width: 25%;
}

.block-4lx{
	float: left;
	width: 23%;
	margin: 0 1%;
}

.block-4rx{
	float: right;
	width: 23%;
	margin: 0 1%;
}

.block-4ll{
	float: left;
	width: 24%;
	margin: 0 0 0 1%;
}

.block-4lr{
	float: left;
	width: 24%;
	margin: 0 1% 0 0;
}

.block-4lrr{
	float: left;
	width: 23%;
	margin: 0 2% 0 0;
}

.block-4rl{
	float: right;
	width: 24%;
	margin: 0 0 0 1%;
}

.block-4rr{
	float: right;
	width: 24%;
	margin: 0 1% 0 0;
}

.block-5l{
	float: left;
	width: 20%;
}

.block-5r{
	float: right;
	width: 20%;
}

.block-5lx{
	float: left;
	width: 18%;
	margin: 0 1%;
}

.block-5ll{
	float: left;
	width: 19%;
	margin: 0 0 0 1%;
}

.block-5lr{
	float: left;
	width: 19%;
	margin: 0 1% 0 0;
}

.block-5rx{
	float: right;
	width: 18%;
	margin: 0 1%;
}

.block-5rl{
	float: right;
	width: 19%;
	margin: 0 0 0 1%;
}

.block-5rr{
	float: right;
	width: 19%;
	margin: 0 1% 0 0;
}

.block-6l{
	float: left;
	width: 16.66%;
}

.block-6r{
	float: right;
	width: 16.66%;
}

.block-6lx{
	float: left;
	width: 14.66%;
	margin: 0 1%;
}

.block-6ll{
	float: left;
	width: 15.66%;
	margin: 0 0 0 1%;
}

.block-6lr{
	float: left;
	width: 15.66%;
	margin: 0 1% 0 0;
}

.block-6rx{
	float: right;
	width: 14.66%;
	margin: 0 1%;
}

.block-6rl{
	float: right;
	width: 15.66%;
	margin: 0 0 0 1%;
}

.block-6rr{
	float: right;
	width: 15.66%;
	margin: 0 1% 0 0;
}

.block-7l{
	float: left;
	width: 14.285%;
}

.block-7r{
	float: right;
	width: 14.285%;
}

.block-7lx{
	float: left;
	width: 12.285%;
	margin: 0 1%;
}

.block-7ll{
	float: left;
	width: 13.285%;
	margin: 0 0 0 1%;
}

.block-7lr{
	float: left;
	width: 13.285%;
	margin: 0 1% 0 0;
}

.block-7rx{
	float: right;
	width: 13.285%;
	margin: 0 1%;
}

.block-7rl{
	float: right;
	width: 13.285%;
	margin: 0 0 0 1%;
}

.block-7rr{
	float: right;
	width: 13.285%;
	margin: 0 1% 0 0;
}

.block-8l{
	float: left;
	width: 12.5%;
}

.block-8r{
	float: right;
	width: 12.5%;
}

.block-8lx{
	float: left;
	width: 10.5%;
	margin: 0 1%;
}

.block-8ll{
	float: left;
	width: 11.5%;
	margin: 0 0 0 1%;
}

.block-8lr{
	float: left;
	width: 11.5%;
	margin: 0 1% 0 0;
}

.block-8rx{
	float: right;
	width: 10.5%;
	margin: 0 1%;
}

.block-8rl{
	float: right;
	width: 11.5%;
	margin: 0 0 0 1%;
}

.block-8rr{
	float: right;
	width: 11.5%;
	margin: 0 1% 0 0;
}

.block-23l{
	float: left;
	width: 40%;
}

.block-23r{
	float: right;
	width: 40%;
}

.block-23lx{
	float: left;
	width: 38%;
	margin: 0 1%;
}

.block-23rx{
	float: right;
	width: 38%;
	margin: 0 1%;
}

.block-23ll{
	float: left;
	width: 39%;
	margin: 0 0 0 1%;
}

.block-23lr{
	float: left;
	width: 39%;
	margin: 0 1% 0 0;
}

.block-23rl{
	float: right;
	width: 39%;
	margin: 0 0 0 1%;
}

.block-23rr{
	float: right;
	width: 39%;
	margin: 0 1% 0 0;
}

.block-31l{
	float: left;
	width: 33.33%;
}

.block-31r{
	float: right;
	width: 33.33%;
}

.block-31lx{
	float: left;
	width: 31.33%;
	margin: 0 1%;
}

.block-31rx{
	float: right;
	width: 31.33%;
	margin: 0 1%;
}

.block-31ll{
	float: left;
	width: 32.33%;
	margin: 0 0 0 1%;
}

.block-31lr{
	float: left;
	width: 32.33%;
	margin: 0 1% 0 0;
}

.block-31lrr{
	float: left;
	width: 31.33%;
	margin: 0 2% 0 0;
}

.block-31rl{
	float: right;
	width: 32.33%;
	margin: 0 0 0 1%;
}

.block-31rr{
	float: right;
	width: 32.33%;
	margin: 0 1% 0 0;
}

.block-32l{
	float: left;
	width: 66.66%;
}

.block-32r{
	float: right;
	width: 66.66%;
}

.block-32lx{
	float: left;
	width: 64.66%;
	margin: 0 1%;
}

.block-32rx{
	float: right;
	width: 64.66%;
	margin: 0 1%;
}

.block-32ll{
	float: left;
	width: 65.66%;
	margin: 0 0 0 1%;
}

.block-32lr{
	float: left;
	width: 65.66%;
	margin: 0 1% 0 0;
}

.block-32rl{
	float: right;
	width: 65.66%;
	margin: 0 0 0 1%;
}

.block-32rr{
	float: right;
	width: 65.66%;
	margin: 0 1% 0 0;
}

.block-34l{
	float: left;
	width: 75%;
}

.block-34r{
	float: right;
	width: 75%;
}

.block-34lx{
	float: left;
	width: 73%;
	margin: 0 1%;
}

.block-34rx{
	float: right;
	width: 73%;
	margin: 0 1%;
}

.block-34ll{
	float: left;
	width: 74%;
	margin: 0 0 0 1%;
}

.block-34lr{
	float: left;
	width: 74%;
	margin: 0 1% 0 0;
}

.block-34rl{
	float: right;
	width: 74%;
	margin: 0 0 0 1%;
}

.block-34rr{
	float: right;
	width: 74%;
	margin: 0 1% 0 0;
}

.block-37l{
	float: left;
	width: 30%;
}

.block-37r{
	float: right;
	width: 30%;
}

.block-37lx{
	float: left;
	width: 28%;
	margin: 0 1%;
}

.block-37rx{
	float: right;
	width: 28%;
	margin: 0 1%;
}

.block-37ll{
	float: left;
	width: 29%;
	margin: 0 0 0 1%;
}

.block-37lr{
	float: left;
	width: 29%;
	margin: 0 1% 0 0;
}

.block-37rl{
	float: right;
	width: 29%;
	margin: 0 0 0 1%;
}

.block-37rr{
	float: right;
	width: 29%;
	margin: 0 1% 0 0;
}

.block-73l{
	float: left;
	width: 70%;
}

.block-73r{
	float: right;
	width: 70%;
}

.block-73lx{
	float: left;
	width: 68%;
	margin: 0 1%;
}

.block-73rx{
	float: right;
	width: 68%;
	margin: 0 1%;
}

.block-73ll{
	float: left;
	width: 69%;
	margin: 0 0 0 1%;
}

.block-73lr{
	float: left;
	width: 69%;
	margin: 0 1% 0 0;
}

.block-73rl{
	float: right;
	width: 69%;
	margin: 0 0 0 1%;
}

.block-73rr{
	float: right;
	width: 69%;
	margin: 0 1% 0 0;
}

.block-71l{
	float: left;
	width: 69%;
	margin: 0 1% 0 0;
}

.block-61lx{
	float: left;
	width: 81.33%;
	margin: 0 1%;
}

.block-61lr{
	float: left;
	width: 82.33%;
	margin: 0 1% 0 0;
}

/* New Tags */

.block-51lx{
	float: left;
	width: 18%;
	margin: 0 1%;
}

.block-51lr{
	float: left;
	width: 19%;
	margin: 0 1% 0 0;
}

.block-51ll{
	float: left;
	width: 19%;
	margin: 0 0 0 1%;
}

.block-52lr{
	float: left;
	width: 39%;
	margin: 0 1% 0 0;
}

.block-52ll{
	float: left;
	width: 39%;
	margin: 0 0 0 1%;
}

.block-54l{
	float: left;
	width: 80%;
}

.block-54lr{
	float: left;
	width: 79%;
	padding: 0 1% 0 0;
}


.lable{
}

.lable-l{
	float: left;
	width: 38%;
	padding: 0 2% 0 0;
}

.lable p,
.lable-l p{
	font-family: 'source-sans-pro', arial, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #222222;
}

.lable p.bold,
.lable-l p.bold{
	font-weight: bold;
}

.lable p span,
.lable-l p span{
	font-family: 'source-sans-pro', arial, sans-serif;
	font-size: 12px;
	line-height: 21px;
}

.lable p span.red,
.lable-l p span.red{
	color: #F76767;
}

.lable p span.p,
.lable-l p span.p{
	font-family: 'source-sans-pro', arial, sans-serif;
	font-size: 13px;
	line-height: 21px;
}

.value{
}

.value-r{
	float: left;
	width: 60%;
}

.value p,
.value-r p,
.value p .input-lable{
	font-family: 'source-sans-pro', arial, sans-serif;
	font-size: 13px;
	line-height: 21px;
}

.value p span,
.value-r p span{
	font-family: 'source-sans-pro', arial, sans-serif;
	font-size: 12px;
	line-height: 21px;
}

.value .image-block{
	margin: 0 0 14px;
}

.value .image-block .inner-block{
	width: 210px;
	border: 1px solid #dddddd;
}

.value .image-block.thumb .inner-block{
	width: 132px;
}

.value .image-block img{
	width: 100%;
}

.line-break{
	display: block;
	border-top: 1px dashed #7d7d7d;
}

.tooltip{
	position: absolute;
    opacity: 0.1;
}

.tooltip .tooltip-box{
	position: relative;
	min-width: 50px;
    padding: 2px 7px;
	background: #ffffff;
	border: 1px solid #222222;
	border-radius: 2px;
}

.tooltip .tooltip-box:after,
.tooltip .tooltip-box:before{
	top: 100%;
	left: 9px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltip .tooltip-box:after{
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 4px;
	margin-left: -4px;
}

.tooltip .tooltip-box:before{
	border-color: rgba(34, 34, 34, 0);
	border-top-color: #222222;
	border-width: 5px;
	margin-left: -5px;
}

.tooltip .tooltip-box p{
	font-family: 'source-sans-pro', arial, sans-serif;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    color: #222222;
}

span.st-disable{
	color: #ff0000;
}

.btn{
	display: inline-block;
}

.btn.btn-2{
	margin: 0 2px 0 0;
}

.btn a{
	display: block;
	padding: 4px 17px;
	border-radius: 2px;
	background: #929292;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	position: relative;
	z-index: 9;
}

.btn a:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	border-radius: 2px;
    background: #555555;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.btn a:hover,
.btn a.active{
}

.btn a:hover:before,
.btn a:focus:before,
.btn a.active:before{
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.btn a:active:before{
	opacity: 0;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.btn.x2 a{
	display: block;
	padding: 7px 24px;
	border-radius: 3px;
	background: #222222;
}

.btn.blue a{
	background: #53D0C0;
}

.btn.orange.btn-1 a{
	background: #FFA83C;
}

.btn.red.btn-1 a{
	background: #F76767
}

.btn a img{
	max-width: 17px;
	margin: 2px 10px 2px 0;
}

.btn a p{
	font-family: 'source-sans-pro', arial, sans-serif;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    color: #ffffff;
}

.btn a.active p{
	font-weight: bold;
}

.close-button{
	position: absolute;
	width: 14px;
	height: 14px;
	top: 3px;
	right: 3px;
	cursor: pointer;
}

.close-button .close-icon{
	position: relative;
}

.close-button .close-icon span{
	position: absolute;
	top: 9px;
	left: 0;
	width: 18px;
	height: 4px;
	border-radius: 10px;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.close-button:hover .close-icon span{
	background: #FFA83C;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.close-button .close-icon span:nth-child(2){
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.acknowledge-msg-block{
	position: fixed;
	width: 20%;
	max-width: 240px;
	right: 3%;
	bottom: 42px;
	background: #222222;
	box-shadow: 2px 2px 5px -1px #000000;
	display: none;
}

.acknowledge-msg-block .inner{
	position: relative;
	padding: 17px 14px;
}

.acknowledge-msg-block p{
	font-size: 13px;
	line-height: 21px;
	color: #ffffff;
}

.acknowledge-msg-block p.msg_success{
	/*color: #ABEEAC;*/
	color: #57D814;
}

.acknowledge-msg-block p.msg_error{
	color: #FF4848;
}

.acknowledge-msg-block .close-button{
	width: 10px;
    height: 10px;
    top: 3px;
    right: 3px;
    padding: 2px;
}

.acknowledge-msg-block .close-button .close-icon span{
	top: 4px;
    left: -1px;
    width: 12px;
    height: 2px;
}

.accordian-head{
    background: #333333;
	padding: 7px 14px;
	cursor: pointer;
	margin: 14px 0 0;
}

.accordian-head h2{
	float: left;
    margin: 0 7px 0 0;
    font-size: 15px;
    line-height: 24px;
    color: #ffffff;
}

.accordian-head .img{
	float: right;
	width: 24px;
	height: 24px;
	background: url('../images/plus.png');
}

.accordian-head.active .img{
	background: url('../images/minus.png');
}

.accordian-body{
	padding: 0 0 24px;
}


/* CropIt Style */

.cropit-preview{
	background-color: #f8f8f8;
	background-size: cover;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 17px 0 0;
	width: 400px;
	height: 300px;
}

.cropit-preview-image-container{
	cursor: move;
}

.image-size-lable{
	margin: 7px 0 0;
}

.image-size-lable p{
	font-family: 'pt-sans-web', arial, sans-serif;
	font-size: 13px;
	line-height: 24px;
	text-align: left;
}


/* Main navigation bar style */

.navigation-shadow{
	position:fixed;
	width: 100%;
	height: 100%;
	top: 47px;
	background: rgba(255,255,255,0.5);
	display: none;
	z-index: 999;
}

.navigation{
	position:fixed;
	width: 250px;
	height: 100%;
	top: 0;
	left: -250px;
	z-index: 1000;
	background: rgba(255,255,255,0.5);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navigation.navigation-open{
	left: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navigation ul.main-nav{
	width: 100%;
	height: 100%;
	background: #222222;
	font-size: 0;
}

.navigation ul.main-nav li{
	display: block;
	position: relative;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.navigation ul.main-nav li.constant{
	font-family: 'source-sans-pro', arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 24px;
	text-align: center;
	color: #ffffff;
	background: #3686BF;
	padding: 10px 24px;
	border-bottom: 3px solid #00074f;
}

.navigation ul.main-nav li.constant:hover,
.navigation ul.main-nav li.constant.active:hover{
	background: #3686BF;
}

.navigation ul.main-nav li.active{
	background: #00A287;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.navigation ul.main-nav li:hover,
.navigation ul.main-nav li.active:hover{
	background: #FFA83C;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.navigation ul.main-nav li a{
	display: block;
	padding: 10px 17px;
	background: transparent;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.navigation ul.main-nav li a .nav-block{
	margin: 0 auto;
}

.navigation ul.main-nav li a .nav-block img{
	float: left;
	width: 24px;
	margin: 0 20px 0 0;
}

.navigation ul.main-nav li a .nav-block p{
	font-family: 'source-sans-pro', arial, sans-serif;
	font-size: 13px;
	line-height: 24px;
	text-align: left;
	color: #ffffff;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.navigation ul.main-nav li.active a .nav-block p{
	font-weight: bold;
}

.navigation ul.main-nav li ul.sub-nav{
	position: absolute;
	width: 100%;
	max-width: 240px;
	left: 0;
	top: 0;
	margin: 0;
	background: #222222;
	opacity: 0;
	display: none;
	z-index: -1;
	font-size: 0;
}
	
.navigation ul.main-nav li ul.sub-nav.active{
	display: block;
}

.navigation ul.main-nav li ul.sub-nav li{
	display: block;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.navigation ul.main-nav li ul.sub-nav li a{
	display: block;
	font-family: 'source-sans-pro', arial, sans-serif;
	padding: 10px 17px;
	font-size: 13px;
	line-height: 24px;
	text-align: left;
	color: #ffffff;
	background: transparent;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.navigation ul.main-nav li ul.sub-nav li.active a{
	font-weight: bold;
	background: #00A287;
}

.navigation ul.main-nav li ul.sub-nav li a:hover,
.navigation ul.main-nav li.active ul.sub-nav li a:hover,
.navigation ul.main-nav li ul.sub-nav li a:focus,
.navigation ul.main-nav li.active ul.sub-nav li a:focus{
	background: #FFA83C;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.navigation ul.main-nav li ul.sub-nav li a:active,
.navigation ul.main-nav li ul.sub-nav li.active a:active,
.navigation ul.main-nav li.active ul.sub-nav li a:active,
.navigation ul.main-nav li.active ul.sub-nav li.active a:active{
	background: #00A287;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

/* Header Style */

.header{
}

.header .level1{
	width: 100%;
	border-bottom: 3px solid #FF4848;
}

.header .level1 .nav-button{
	float: left;
	padding: 11px 0;
	cursor: pointer;
}

.header .level1 .nav-button .nav-icon{
	width: 30px;
	height: 22px;
	position: relative;
	margin: 0 34px 0 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 9;
	cursor: pointer;
}

.header .level1 .nav-button .nav-icon span{
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #222222;
	border-radius: 10px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.3s ease
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 1;
}

.header .level1 .nav-button:hover .nav-icon span{
	background: #FFA83C;
}

.header .level1 .nav-button .nav-icon span:nth-child(1){
	top: 0px;
}

.header .level1 .nav-button .nav-icon span:nth-child(2),
.header .level1 .nav-button .nav-icon span:nth-child(3){
	top: 9px;
}

.header .level1 .nav-button .nav-icon span:nth-child(4){
	top: 18px;
}

.header .level1 .nav-button.active .nav-icon span:nth-child(1){
	top: 9px;
	width: 0%;
	left: 50%;
}

.header .level1 .nav-button.active .nav-icon span:nth-child(2){
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.header .level1 .nav-button.active .nav-icon span:nth-child(3){
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.header .level1 .nav-button.active .nav-icon span:nth-child(4){
	top: 9px;
	width: 0%;
	left: 50%;
}
	
.header .level1 .logo-block{
	width: 400px;
	float: left;
	padding: 10px 0;
}

.header .level1 .logo-block p{
	font-family: 'source-sans-pro', arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #00074F;
}

.header .level1 .logo-block p span{
	font-family: 'source-sans-pro', arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #FF4848;
}

.header .level1 .rate-block{
	float: right;
	margin: 0 24px 0 0;
}

.header .level1 .rate-block a{
	display: block;
	background: #7eca8e;
}

.header .level1 .rate-block .text-block{
	float: left;
}

.header .level1 .rate-block .text-block p{
	font-family: 'source-sans-pro', arial, sans-serif;
	color: #ffffff;
	font-size: 14px;
	line-height: 44px;
	font-weight: bold;
	padding: 0 0 0 24px;
	text-align: center;
}

.header .level1 .rate-block .button-block{
	float: left;
}

.header .level1 .rate-block .image-block{
	width: 16px;
	margin: 0 auto;
	padding: 13px 24px;
}

.header .level1 .rate-block .image-block img{
	width: 100%;
}

.header .level1 .right-block{
	float: right;
}

.header .level1 .right-block .welcome-user{
	float: left;
	padding: 12px 0 11px;
	margin: 0 50px 0 0;
}

.header .level1 .right-block .welcome-user p{
	font-size: 13px;
	line-height: 21px;
	color: #00074F;
}

.header .level1 .right-block .notification-block{
	float: left;
}

.header .level1 .right-block .notification-block a{
	display: block;
	padding: 12px 14px 11px;
	font-family: 'source-sans-pro', arial, sans-serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 24px;
	color: #FF4848;
	background: #ffffff;
}

.header .level1 .right-block .logout-block{
	float: left;
}

.header .level1 .right-block .logout-block a{
	display: block;
	padding: 12px 17px 11px;
	font-family: 'source-sans-pro', arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 21px;
	color: #ffffff;
	background: #3686BF;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.header .level1 .right-block .logout-block a:hover{
	color: #222222;
	background: #FF4848;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

/* Footer */

.footer{
	padding: 5px 0;
	border-top: 2px solid #00074f;
}

.footer .inner{
	float: right;
}

.footer .inner p{
	font-family: 'source-sans-pro', arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #00074F;
	text-align: right;
	float: left;
}

.footer .inner a{
	display: block;
	font-family: 'source-sans-pro', arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #FF4848;
	float: left;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.footer .inner a:hover{
	text-decoration: underline;
}


/* Login Style */

.login-container{
	height: inherit;
	padding: 70px 0;
}

.login-block{
}

.login-form{
	width: 300px;
	padding: 50px 75px;
	margin: 0 auto;
	background: #ffffff;
	background: rgba(255,255,255,0.7);
	border-radius: 3px;
	/*border: 10px solid #222222;*/
	box-shadow: 0 0 10px 0 #222222;
}

.login-form h1{
	font-family: 'source-sans-pro', arial, sans-serif;
	font-weight: bold;
	font-size: 21px;
	line-height: 32px;
	padding: 0 0 24px;
	text-align: center;
	color: #222222;
	text-decoration: underline;
}

.login-form input[type="text"],
.login-form input[type="password"]{
	max-width: none;
}

.login-form input[type="submit"]{
	display: block;
	margin: 14px auto 0;
	width: 100%;
}

.login-form .login-msg{
	font-family: 'source-sans-pro', arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #FF0000;
	text-align: center;
}


/* Main Page Content - Genral Style */

.main-content{
	background: #ffffff;
}

.page-heading{
}

.page-heading h1,
.page-heading h2,
.page-heading h3{
	font-family: 'source-sans-pro', arial, sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
	color: #222222;
    border-bottom: 2px solid #222222;
    display: inline-block;
	text-transform: uppercase;
}

.page-heading h1 span,
.page-heading h2 span,
.page-heading h3 span{
	font-family: 'source-sans-pro', arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
	color: #222222;
}

.page-heading h1 span.bold,
.page-heading h2 span.bold,
.page-heading h3 span.bold{
    font-weight: bold;
}

.section-heading{
}

.section-heading h2{
	font-family: 'source-sans-pro', arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 24px;
	display: inline-block;
	border-bottom: 1px solid #222222;
}

.data-block{
}

.display-blocks{
}

.display-blocks .block{
}

.display-blocks .block .inner{
	background: #929292;
	border-radius: 3px;
}

.display-blocks .block.beige .inner{
	background: #e0b10f; /* beige */
}

.display-blocks .block.green .inner{
	background: #00A287; /* green */
}

.display-blocks .block.blue .inner{
	background: #62A9F9; /* blue */
}

.display-blocks .block.purple .inner{
	background: #c24bcc; /* purple */
}

.display-blocks .block.cGreen .inner{
	background: #678138; /* cGreen */
}

.display-blocks .block.wdtRed .inner{
	background: #F76767; /* Wdtred */
}

.display-blocks .block.orange .inner{
	background: #FFA83C; /* orange */
}

.display-blocks .block.skyBlue .inner{
	background: #53D0C0; /* sky blue */
}

.display-blocks .block.grey .inner{
	background: #929292; /* grey */
}

.display-blocks .block.midBlue .inner{
	background: #3f4cca; /* midBlue */
}

.display-blocks .block.lavender .inner{
	background: #824bcc; /* lavender */
}

.display-blocks .block.red .inner{
	background: #FF4848; /* red */
}

.display-blocks .block.brown .inner{
	background: #f06f32; /* brown */
}

.display-blocks .block.final .inner{
	background: #555555; /* Medium grey */
}

.display-blocks .block p{
	font-family: 'source-sans-pro', arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
	color: #ffffff;
	text-align: center;
}

.col-4 {
	display: inline-block;
	width: 23%;
	margin-left: 1%;
	margin-right: 1%;
	vertical-align: middle;
}

/* ====== Page Wise Styles ====== */

/*= Dashboard style =*/

.dashboard{
}

.dashboard .display-blocks .inner-container{
	/* padding: 0 1%; */
}

.dashboard .display-blocks .block{
}

.dashboard .display-blocks .block .inner{
	padding: 14px;
}

.dashboard .display-blocks .block .inner.dblock{
	display: block;
	transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
}

.dashboard .display-blocks .block .inner.dblock span{
	margin-left: 7px;
	transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
}

.dashboard .display-blocks .block .inner.dblock:hover span{
	margin-left: 9px;
	transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
}

.dashboard .display-blocks .block .inner.dblock:hover{
	transform: translateY(-2px);
	-o-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
}

.dashboard .dash-l1{}

.dashboard .dash-l1 .table-block{
	max-height: 185px;
	overflow: auto;
}

.dashboard .display-blocks .block.black .inner{
	background: #222222;
}

.dashboard .display-blocks .block.red .inner{
	background: #FF4848;
}

.dashboard .display-blocks .block.orange .inner{
	background: #FFA83C;
}

.dashboard .display-blocks .block.green .inner{
	background: #57D814;
}

.dashboard .display-blocks .content-block-1{}

.dashboard .display-blocks .content-block-1 .inner-container{
	padding: 0;
}

.dashboard .display-blocks .content-block-1 .inner{
	width: 100%;
	font-size: 0;
}

.dashboard .content-block-1 .block.green{
	background: #678138;
}

.dashboard .content-block-1 .block.black{
	background: #222222;
}

.dashboard .content-block-1 .block{
	width: 29.33%;
	margin-left: 2%;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
}

.dashboard .content-block-1 .section-text{}

.dashboard .content-block-1 .section-text p.p1{
	font-size: 16px;
	line-height: 24px;
}

.dashboard .content-block-1 .section-text p.p2{
	font-size: 14px;
	line-height: 20px;
}

/*= Manage clients / Buyers / Sellers / Inquiry Styles =*/

.manage-orders-united .filter-block .sort-filter{
	width: 990px;
}

.manage-orders-united .filter-block .date-filter{
	width: 235px;
}

.manage-orders-united .filter-block .date-filter .btn{
	display: block;
}

.manage-orders-united .filter-block .date-filter .btn a{
	padding: 4px;
}

.manage-orders-united .search-block{
	max-width: 163px;
}

.manage-orders-united .export-file-block{
	max-width: 123px;
}

.manage-users-new .filter-block .sort-filter{
	float: none;
	width: auto;
}

.manage-sellers-new .filter-block .sort-filter,
.manage-buyers-new .filter-block .sort-filter{
	width: 990px;
}

.manage-buyers .filter-block .sort-filter,
.manage-sellers .filter-block .sort-filter,
.manage-inquiries .filter-block .sort-filter{
	width: 990px;
}

.manage-buyers-new .filter-block .date-filter,
.manage-sellers-new .filter-block .date-filter,
.manage-buyers .filter-block .date-filter,
.manage-sellers .filter-block .date-filter,
.manage-inquiries .filter-block .date-filter{
	width: 235px;
}

.manage-users-new .filter-block .date-filter .btn,
.manage-buyers-new .filter-block .date-filter .btn,
.manage-sellers-new .filter-block .date-filter .btn,
.manage-buyers .filter-block .date-filter .btn,
.manage-sellers .filter-block .date-filter .btn,
.manage-inquiries .filter-block .date-filter .btn{
	display: block;
}

.manage-users-new .filter-block .date-filter .btn a,
.manage-buyers-new .filter-block .date-filter .btn a,
.manage-sellers-new .filter-block .date-filter .btn a,
.manage-buyers .filter-block .date-filter .btn a,
.manage-sellers .filter-block .date-filter .btn a,
.manage-inquiries .filter-block .date-filter .btn a{
	padding: 4px;
}

.manage-buyers-new .search-block,
.manage-sellers-new .search-block{
	max-width: 155px;
}

.manage-buyers .search-block,
.manage-sellers .search-block{
	max-width: 160px;
}

.manage-users-new .search-block,
.manage-inquiries .search-block{
	max-width: 200px;
}

.manage-buyers .export-file-block,
.manage-sellers .export-file-block{
	max-width: 115px;
}

.disp-modal-body.update-pstatus-block,
.disp-modal-body.update-status-block{
	max-width: 320px;
}

.manage-project-images{}

.manage-project-images .image-block{
	float: left;
	position: relative;
	height: 100px;
	margin-right: 14px;
}

.manage-project-images .image-block img{
	display: block;
	height: 100%;
}

.manage-project-images .image-block .icon-block{
	position: absolute;
	top: 0;
	right: 0;
	background: #494949;
	padding: 4px;
	max-width: 14px;
	opacity: 0.7;
	cursor: pointer;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.manage-project-images .image-block .icon-block:hover,
.manage-project-images .image-block .icon-block:focus{
	opacity: 1;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.manage-project-images .image-block .icon-block img{
	width: 100%;
}



.update-status-block .status-list-block{
}

.update-status-block .status-list-block ul{
	text-align: center;
}

.update-status-block .status-list-block ul li{
	display: block;
}

.update-status-block .status-list-block ul li a{
	display: block;
	padding: 7px 24px;
	background: #000000;
}

.update-status-block .status-list-block ul li:first-child a{
	background: #E0B10F;
}

.update-status-block .status-list-block ul li:nth-child(2) a{
	background: #678138;
}

.update-status-block .status-list-block ul li:nth-child(3) a{
	background: #00A287;
}

.update-status-block .status-list-block ul li a:hover,
.update-status-block .status-list-block ul li a:focus{
	background: #3686BF;
}

.update-status-block .status-list-block ul li a:active{
	background: #222222;
}

.update-status-block .status-list-block ul li a img{
	float: left;
	height: 21px;
	margin: 0 14px 0 0;
}

.update-status-block .status-list-block ul li a p{
	float: left;
	font-family: 'source-sans-pro', arial, sans-serif;
    font-weight: bold;
    font-size: 13px;
    line-height: 21px;
	color: #ffffff;
}

/* Tag Block */

.tag-block{
}

.tag-block .addnewtag{
	padding: 4px 7px;
    font-family: 'pt-sans-web', arial, sans-serif;
    font-size: 15px;
    line-height: 24px;
	color: #222222;
	border: 1px solid #aaaaaa;
	outline: none;
}

.tag-block .addnewtag:hover,
.tag-block .addnewtag:focus{
	box-shadow: 0 0 3px 0 #aaaaaa;
}

.tag-block .search-tag-btn,
.tag-block .new-tag-btn{
    color: #ffffff;
}

.tag-block .search-tag-btn{
	background: #3686BF;
}

.tag-block .search-tag-btn:hover,
.tag-block .search-tag-btn:focus{
	box-shadow: 0 0 3px 0 #3686BF;
}

.tag-block .search-tag-btn:active{
	box-shadow: none;
}

.tag-block .new-tag-btn{
	background: #222222;
}

.tag-block .new-tag-btn:hover,
.tag-block .new-tag-btn:focus{
	box-shadow: 0 0 3px 0 #222222;
}

.tag-block .new-tag-btn:active{
	box-shadow: none;
}

.tag-block ul.tag-values{
	border: 1px solid #dddddd;
	padding: 10px 7px;
	min-height: 21px;
	max-height: 284px;
	overflow: auto;
}

.tag-block ul.tag-values li{
	float: left;
	font-family: 'pt-sans-web', arial, sans-serif;
	font-size: 13px;
	line-height: 12px;
	color: #222222;
	padding: 4px;
	background: #dddddd;
	border-radius: 3px;
	border: 1px solid #dddddd;
	margin-bottom: 4px;
	margin-right: 4px;
	cursor: pointer;
	text-transform: uppercase;
}


.tag-block ul.tag-values li:hover,
.tag-block ul.tag-values li:focus{
	box-shadow: 0 0 3px 0 #dddddd;
}

.tag-block ul.tag-values li:active{
	box-shadow: none;
}

.tag-block ul.tag-search-values{
	border: 1px solid #dddddd;
	padding: 10px 7px;
	min-height: 44px;
	max-height: 284px;
	overflow: auto;
}

.tag-block ul.tag-search-values li{
	float: left;
	font-family: 'pt-sans-web', arial, sans-serif;
	font-size: 13px;
	line-height: 12px;
	color: #494949;
	padding: 4px;
	background: #ffffff;
	border-radius: 3px;
	border: 1px solid #494949;
	margin-bottom: 4px;
	margin-right: 4px;
	cursor: pointer;
	text-transform: uppercase;
}

.tag-block ul.tag-search-values li:hover,
.tag-block ul.tag-search-values li:focus{
	box-shadow: 0 0 3px 0 #222222;
}

.tag-block ul.tag-search-values li.active{
	background: #494949;
	color: #ffffff;
}

.tag-block ul.tag-search-values li:active{
	box-shadow: none;
}
