/******** Temp --> ********/
.error-box{text-align:center;}
.error-box .error{color:#f26d7d; font-weight:600;}
.error-box .warning{color:#F2BA39; font-weight:600;}
.error-box h2{display:none;}

.circle {
	background-size:cover;
	border-radius:50%;
	display:inline-block;
	width:38px; height:38px;
}
.simplecolorpicker.picker.glyphicons{min-width:182px; width:182px;}
.simplecolorpicker .color{height:20px; width:20px;}

body .ms-options-wrap > button, body .ms-options-wrap > button:focus{border: 1px solid #ddd;	border-radius:4px;}
body .ms-options-wrap > .ms-options > .ms-search {padding:4px;}
body .ms-options-wrap > .ms-options > .ms-search input[type="text"]{background-color:#f2f2f2;}
body .ms-options-wrap > .ms-options > ul input[type="checkbox"]{top:6px;}
body .ms-options-wrap > .ms-options > ul label{font-weight:400; padding:0 4px;}

::-webkit-input-placeholder{color:#aaa;}
::-moz-placeholder{color:#aaa;}
:-ms-input-placeholder{color:#aaa;}
input::placeholder{color:#aaa;}

@media screen and (max-width:768px){
	#bootstrap-cropper-dialog .modal-body{
		max-width: 90vw;
		overflow: auto;
		padding: 20px 0 40px;
	}
	::-webkit-scrollbar {
		-webkit-appearance: none;
	}

	::-webkit-scrollbar:vertical {
		width: 12px;
	}

	::-webkit-scrollbar:horizontal {
		height: 12px;
	}

	::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, .5);
		border-radius: 10px;
		border: 2px solid #ffffff;
	}

	::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: #ffffff;
	}
}

#location-picker{max-width:100% !important; border:1px solid #eee;}

.to-favorite{
	background-image:url(/img/icons/ic_fav_default.png);
	background-position:center;
	background-size:cover;
	display:inline-block;
	height:20px; width:20px;
	margin:0;
	vertical-align: bottom;}
.to-favorite.active,.to-favorite:hover{background-image:url(/img/icons/ic_fav_active.png);}

.star-rating-control .star-rating{margin: 0 5px 0 0;}
.star-rating-control .star-rating>a{background:url(/img/icons/star.png) center !important; background-size:28px !important;}
.star-rating-control .star-rating.star-rating-hover>a,
.star-rating-control .star-rating.star-rating-on>a{background:url(/img/icons/star-orange.png) center !important; background-size:28px !important;}


body .alert-danger, body .errorMessage{color:#f26d7d; background:none; font-size:14px; font-weight:600; text-align:center; margin:.5em auto;}
.nobr{white-space:nowrap;}
input{width:100%;}
input[type="radio"], input[type="checkbox"]{display:inline-block; margin-top:0; vertical-align:middle; width:auto;}



body .ui-timepicker-standard{border:none; border-radius:8px; box-shadow: 0 6px 32px 0 rgba(0,0,0,0.15); padding:0; z-index:9999 !important;}
body .ui-timepicker-standard .ui-menu{padding:4px 0;}
body .ui-timepicker-standard .ui-menu .ui-menu-item{padding:0;}
body .ui-timepicker-standard .ui-menu .ui-menu-item a{color:#2e2e2e; font-size:12px; line-height:14px; padding:7px 16px; text-decoration:none;}
body .ui-timepicker-standard .ui-menu .ui-menu-item a:hover{background-color:#f9f9f9;}

body .ui-datepicker{border:none; border-radius:8px; box-shadow:0 6px 12px rgba(0,0,0,.175); max-width:90%; padding:0; width:332px; z-index:9999 !important;}
body .ui-datepicker .ui-datepicker-header{background:none; background-color:transparent; border:none; padding:17px 16px;}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-title{color:#2e2e2e; font-size:16px; font-weight:700; line-height:14px;}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select{color:#2e2e2e; font-size:16px; font-weight:700; line-height:14px; margin-top:-10px; margin-bottom:-10px;}
body .ui-datepicker .ui-datepicker-prev, body .ui-datepicker .ui-datepicker-next{
	background-image:url(/img/arr-left.png);
	background-size:20px;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	top:10px;
}
body .ui-datepicker .ui-datepicker-prev{left:16px; right:auto;}
body .ui-datepicker .ui-datepicker-next{left:auto; right:16px; transform:rotate(180deg);}
body .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display:none;}

body .ui-datepicker .ui-datepicker-month, body .ui-datepicker .ui-datepicker-year{border:none; margin-top:-8px;}

body .ui-datepicker .ui-datepicker-calendar{}
body .ui-datepicker .ui-datepicker-calendar thead{position:relative; text-transform:uppercase;}
body .ui-datepicker .ui-datepicker-calendar thead:before,
body .ui-datepicker .ui-datepicker-calendar thead:after{
	background-color:#ededed;
	content:'';
	display:block;
	height:1px; width:100%;
	position:absolute; left:0; right:0;
}

body .ui-datepicker .ui-datepicker-calendar thead tr th{font-size:13px; font-weight:700; line-height:14px; padding:14px 4px;}

body .ui-datepicker .ui-datepicker-calendar tbody tr td{padding:4px 4px;}

body .ui-datepicker .ui-datepicker-calendar tbody tr:first-child td{padding-top:16px;}
body .ui-datepicker .ui-datepicker-calendar tbody tr:last-child td{padding-bottom:16px;}
body .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default{
	background:none;
	background-color:transparent;
	border:none;
	border-radius:4px;
	color:#2e2e2e;
	font-size:13px;
	font-weight:600;
	line-height:12px;
	padding:8px 0;
	text-align:center;
    width:28px;}


body .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-highlight{background-color:#f6f6f6;}
body .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-active{background-color:#58C947; color:#fff;}
body .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default:hover,
body .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-highlight:hover{background-color:rgba(88,201,71,.5); color:#fff;}

@media screen and (min-width:768px){
	body .ui-datepicker .ui-datepicker-calendar thead tr th:first-child{padding-left:30px;}
	body .ui-datepicker .ui-datepicker-calendar thead tr th:last-child{padding-right:30px;}
	body .ui-datepicker .ui-datepicker-calendar tbody tr td:first-child{padding-left:30px;}
	body .ui-datepicker .ui-datepicker-calendar tbody tr td:last-child{padding-right:30px;}
}

@media screen and (min-width:769px){
	body .col-nopl{padding-left:0;}
	body .col-nopr{padding-right:0;}
}

.single-checkbox input[type="checkbox"]{vertical-align:middle; margin-right:4px;}
.single-checkbox label{margin-bottom:0; vertical-align:middle; width:calc(100% - 24px);}

body span.multiselect-native-select{display:block;}
body span.multiselect-native-select *{outline:none !important;}
body span.multiselect-native-select .btn-group{width:100%;}
body span.multiselect-native-select .btn-group .multiselect.dropdown-toggle{
	background:none;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:8px;
	box-shadow:none;
	color:#1B2438;
	font-size:13px;
	font-weight:400;
	line-height:16px;
	margin:0;
	overflow:hidden;
	padding:5px 14px 6px 16px;
	text-align:left;
	text-overflow:ellipsis;
	max-width:302px;
	width:100%;}
body span.multiselect-native-select .btn-group .multiselect.dropdown-toggle[aria-expanded="true"]{box-shadow:0 1px 3px #ddd inset;}
body span.multiselect-native-select .btn-group .multiselect.dropdown-toggle .multiselect-selected-text{
	display:inline-block;
	float:left;
	max-width:calc(100% - 16px);
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align:middle;}
body span.multiselect-native-select .btn-group .multiselect.dropdown-toggle .caret{
	background-image:url(/img/icons/ic_arrow_menu_black.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	border:none;
	height:8px;
	float:right;
	margin-top:6px;
	width:8px;
}
body span.multiselect-native-select .btn-group .multiselect-container{border:none; box-shadow: 0 6px 32px 0 rgba(0,0,0,0.15); padding:4px 0; max-width:302px; width:100%;}
body span.multiselect-native-select .btn-group .multiselect-container>li>a>label{
	color:#2e2e2e;
	display:block;
	font-size:12px;
	font-weight:400;
	line-height:14px;
	margin:0 auto;
	max-width:100%;
	overflow:hidden;
	padding:7px 4px;
	text-overflow:ellipsis;
	white-space:nowrap;}
body span.multiselect-native-select .btn-group .multiselect-container>li.disabled>a>label{color:#888;}
body span.multiselect-native-select .btn-group .multiselect-container>li>a>label.radio{padding-left:32px; position:relative;}
body span.multiselect-native-select .btn-group .multiselect-container>li.active>a>label{color:#1B2438; font-weight:600;}
body span.multiselect-native-select .btn-group .multiselect-container>li.active>a>label.radio{
	background-image:url(/img/icons/ic_select_job.png);
	background-size:10px;
	background-repeat:no-repeat;
	background-position:12px center;}
body span.multiselect-native-select .btn-group .multiselect-container>li>a>label.radio input[type="radio"]{display:none;}
body span.multiselect-native-select .btn-group .multiselect-container>li>a>label>input{margin:0 3px 3px; position:relative;}
body span.multiselect-native-select .btn-group .multiselect-container>li>a>label>input[type="checkbox"]{margin:0 6px 2px;}
body span.multiselect-native-select .btn-group .multiselect-container>li>a{background:none; background-color:transparent;}
body span.multiselect-native-select .btn-group .multiselect-container>li>a:focus,
body span.multiselect-native-select .btn-group .multiselect-container>li>a:hover{background-color:#f9f9f9;}
body span.multiselect-native-select .btn-group .multiselect-container>li.multiselect-group>a,
body span.multiselect-native-select .btn-group .multiselect-container>li.multiselect-group>a:focus,
body span.multiselect-native-select .btn-group .multiselect-container>li.multiselect-group>a:hover{background:none; background-color:transparent; cursor:default;}
body span.multiselect-native-select .btn-group .multiselect-container>li.multiselect-group>a>label{padding:6px 6px 0;}
body span.multiselect-native-select .btn-group .multiselect-container>li.multiselect-filter{border-bottom:1px solid #ddd;}
body span.multiselect-native-select .btn-group .multiselect-container>li.multiselect-filter .input-group-addon{background:none; border:none; opacity:.5; padding:0 8px 0 2px;}
body span.multiselect-native-select .btn-group .multiselect-container>li.multiselect-filter .btn.multiselect-clear-filter{
	background:none;
	border:none;
	box-shadow:none;
	line-height:normal;
	margin:0;
	opacity:.5;
	padding:0 2px 0 6px;
	transition:.5s ease;}
body span.multiselect-native-select .btn-group .multiselect-container>li.multiselect-filter .btn.multiselect-clear-filter:hover{opacity:.9;}
body span.multiselect-native-select .btn-group .multiselect-container>li.multiselect-all{position:relative;}
body span.multiselect-native-select .btn-group .multiselect-container>li.multiselect-all:after{
	background-color:#ededed;
	content:'';
	display:block;
	height:1px;
	width:100%;
	margin:4px 0;
}

body span.select2-container--default .select2-selection--single{
	background:none;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:5px;
	box-shadow:none;
	height:auto;
	margin:0;
	max-width:none;
	outline:none;
	overflow:hidden;
	text-align:center;
	width:100%;}
body span.select2-container--default .select2-selection--single .select2-selection__rendered{
	color:#888;
	display:inline-block;
	font-size:13px;
	font-weight:400;
	line-height:16px;
	padding:7px 6px 7px 12px;
	text-overflow:ellipsis;
	vertical-align:middle;}
body span.select2-container--default .select2-selection--single .select2-selection__arrow{
	background-image:url(/img/icons/ic_calendar_arrow_down@2x.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	border:none;
	display:inline-block;
	height:16px; width:16px;
	position:static;
	vertical-align:middle;}
body span.select2-container--default .select2-selection--single .select2-selection__arrow b{display:none;}
body .select2-search--dropdown{
	background-image: url(/img/search-loupe.png);
	background-size:14px;
	background-position:7px center;
	background-repeat:no-repeat;
	padding:5px 5px 5px 30px;}
body .select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #ddd; border-radius:0;}
body .select2-container--default .select2-results__option[aria-selected]{color:#000; font-size:13px; line-height:16px;}
body .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#eee; color:#000; font-size:13px; line-height:16px;}




.shift-dialogue .employees.required a{cursor:pointer;}
.progress-pie-chart{margin-bottom:10px;}
.progress-pie-chart .hire-info{}
.progress-pie-chart .hire-info>h3{font-size:1.3em; font-weight:600; margin:0 auto;}
.progress-pie-chart .hire-info>p{color:#888; font-weight:600; margin:0 auto; text-transform:lowercase;}
#clear-filter{display:inline-block !important;}
#edit-employee{overflow-y:auto;}

body .scroll-box{max-height:150px; overflow:hidden;}
body .scroll-box .mCS-dark-thin.mCSB_scrollTools{width:5px;}
body .scroll-box .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#C2C8D5; width:5px;}
body .scroll-box .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#ededed;}
.mCSB_vertical .slimScrollBar{min-height:40px !important; max-width:5px !important}
.mCSB_vertical .slimScrollRail{max-width:5px !important}

body input[type="checkbox"]{position:relative;}
body input[type="checkbox"]:before{
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:2px;
	box-shadow: 0 1px 3px 0 rgba(202,202,202,0.50) inset;
	content:'';
	cursor:pointer;
	opacity:1;
	position:absolute; top:0; bottom:0; left:0; right:0;}
body input[type="checkbox"]:checked:before{
	background-color:#b6b6b6;
	background-image: url(/img/icons/ic_select_box.png);
	background-size:9px;
	background-position:center;
	background-repeat:no-repeat;
	border-color:#b6b6b6;
	box-shadow:none;
	opacity:1;
}
body input[type="checkbox"].blue:checked:before{
	background-color:#009EFF;
	border-color:#009EFF;
}

body a.green-link{color:#58C947;}
body a.green-link strong{font-weight:600;}
body .btn-color{
	background-image:url(/img/icons/icon_position_color@2x.png);
	background-size:cover;
	display:block;
	height:33px;
	padding:5.5px;
	width:33px;}
body .simplecolorpicker.icon{border-radius:50%; display:block; height:22px; outline:none; width:22px;}

body .chosen-container .chosen-drop{border-color:#ddd;}
body .chosen-container .chosen-results li.highlighted{background:none; background-color:#eee; color:#444;}
body .chosen-container-multi .chosen-choices li.search-choice{background:none; background-color:#eee; border-color:#d8d8d8; box-shadow:none;}

body .pager{background-color:#F9F9FA; margin:0; padding:10px;}
body .pager li>a, body .pager li>span{padding:0 8px;}
body .pager .previous>a, body .pager .previous>span, body .pager .next>a, body .pager .next>span{float:none;}

.modal-body .arr{position:relative;}
.modal-body .arr:after{
	box-sizing:border-box;
	color:#888;
	content:"→";
	font-size:1.5em;
	font-weight:700;
	padding:3px 10px;
	position:absolute;
	top:0; right:0;
	width:1em;
	height:1em;}

.align-left-center{text-align:left;}
.align-right-center{text-align:right;}
@media screen and (max-width:768px){
	.align-left-center{text-align:center;}
	.align-right-center{text-align:center;}
}

/************************ JOB STATUS MSG *******************************/
.job-status{display:none !important;}
.layout-right .alert{display:none !important;}
.content-box .modal-header{display:none;}
.content-box .modal-header, .content-box .modal-body{padding:0;}
.content-box .modal-header h3{margin-top:0;}
.content-box .modal-header .close{display:none;}

/******** Buttons --> ********/
.fixed-buttons{
	background-color:#fff;
	box-shadow:0 1px 3px #000;
	position:fixed;
	right:0; left:0; bottom:0;
	text-align:center;
	z-index:999;}
.modal-body .fixed-buttons{background:none; border-top:1px solid #ddd; box-shadow:none;}
@media screen and (min-width:769px) {
	.fixed-buttons.round{
		border-radius:40px;
		bottom:20px; left:50%;
		box-shadow:0 3px 10px #b8b8b8;
		margin-left:-200px;
		max-width:100%;
		width:400px;}
}
.fixed-buttons .btn{margin-top:6px; margin-bottom:6px;}

.buttons{text-align:center;}
.modal-dialog .buttons:before{
	border-top:1px solid #e5e5e5;
	content:'';
	display:block;
	height:1px;
	margin-left:-25px;
	margin-right:-25px;
	padding-bottom:15px;}
@media screen and (max-width:768px){
	.modal-dialog .buttons:before{margin-left:0; margin-right:0;}
}


.modal-dialog .btn.close{opacity:1;}

body .btn{
	background:transparent;
	background-image:none;
	border:1px solid transparent;
	border-radius:25px;
	-webkit-border-radius:25px;
	cursor:pointer;
	display:inline-block;
	font-size:14px;
	font-weight:600;
	line-height:2em;
	margin:5px auto;
	max-width:225px;
	padding:5px 10px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	width:100%;}
body .btn.full{margin-left:0; margin-right:0; max-width:none; width:100%;}
body .btn-table, body .btn-sqr{
	border:1px solid;
	border-radius:4px;
	display:inline-block;
	margin:3px;
	line-height: 1.2em;
	padding:6px 3px;
	vertical-align:top;
	text-decoration:none;
	text-align:center;
	width:100%;
	max-width:105px;
	white-space: normal;}
body .btn-short{padding:6px 9px; width:auto;}
body .btn-sqr-long{
	border:1px solid;
	border-radius:6px;
	display:inline-block;
	line-height:1.2em;
	margin:3px;
	padding:6px 12px;
	vertical-align:top;
	text-decoration:none;
	text-align:center;
	width:auto;}
body .items .ias_trigger a,
body .items .ias_trigger a:hover,
body .items .ias_trigger a:focus{background-color:#ebebeb !important;}
body .btn.btn-disabled,
body .btn-table.btn-disabled{
	border-style:dotted;
	color:#bbb;
	cursor:default;
	font-style:italic;
	font-weight:normal;
	pointer-events:none;}
body .btn-orange,
body .btn-orange:hover,
body .btn-orange:active,
body .btn-orange:focus{
	background-color:#F2BA39;
	border-color:#F2BA39;
	color:#fff;}
body .btn-green,
body .btn-green:hover,
body .btn-green:active,
body .btn-green:focus,
body .btn-dark-green,
body .btn-dark-green:hover,
body .btn-dark-green:active,
body .btn-dark-green:focus,
body .btn-primary,
body .btn-primary:hover,
body .btn-primary:active,
body .btn-primary:focus{
	background-color:#58C947;
	border-color:#58C947;
	color:#fff;}
body .btn-gray,
body .btn-gray:hover,
body .btn-gray:active,
body .btn-gray:focus{
	background-color:#ddd;
	border-color:#ddd;
	color:#444;}
body .btn-white,
body .btn-white:hover,
body .btn-white:active,
body .btn-white:focus{
	background-color:#fff;
	border:1px solid #ddd;
	color:#444;}
body .btn-blue,
body .btn-blue:hover,
body .btn-blue:active,
body .btn-blue:focus{
	background-color:#009EFF;
	border-color:#009EFF;
	color:#fff;}
body .btn-attention,
body .btn-attention:hover,
body .btn-attention:active,
body .btn-attention:focus{
	background-color:#f26d7d;
	border-color:#f26d7d;
	color:#fff;}
body .btn-red,
body .btn-red:hover,
body .btn-red:active,
body .btn-red:focus{
	background-color:#fff;
	border-color:#ddd;
	color:#444;}
body .btn-transp,
body .btn-transp:hover,
body .btn-transp:active,
body .btn-transp:focus{
	background-color:#fff;
	border-color:#fff;
	color: #7e7e7e;
	opacity:1;}
body .btn-transp-blue,
body .btn-transp-blue:hover,
body .btn-transp-blue:active,
body .btn-transp-blue:focus{
	background-color:#fff;
	border-color:#ededed;
	color: #009EFF;}
body .btn-transp-gray,
body .btn-transp-gray:hover,
body .btn-transp-gray:active,
body .btn-transp-gray:focus{
	background-color:transparent;
	border-color:transparent;
	color:#687380;}

.modal-dialog .btn-primary,
.modal-dialog .btn-primary:hover,
.modal-dialog .btn-primary:active,
.modal-dialog .btn-primary:focus{
	background:#6EC07A;
	border-color:#6EC07A;
	border:1px solid;
	border-radius:6px;
	color:#fff;
	display:inline-block;
	margin:3px;
	padding:3px 0;
	vertical-align:top;
	text-decoration:none;
	text-align:center;
	width:100%;
	max-width:105px;}


.flash{
	background-color:#fff;
	border-radius:6px;
	padding:10px 15px;
	margin-bottom:15px;
	border:1px solid #f26d7d;
	text-align:center;}
.flash .flash-alert{color:#f26d7d; font-weight:600;}
#layout>.flash{display:none !important;}

/******** emptyDashbord - waitingApproval --> ********/
#layout .content-box.emptyDashbord{text-align:center;}
.content-box.emptyDashbord{max-width:840px; text-align:center;}
.emptyDashbord>img{
	width:64px;
	height:auto;
	margin:0 auto;}
.emptyDashbord h2{
	font-size:18px;
	font-weight:600;
	line-height:1.3em;
	margin:24px auto 8px;}
.emptyDashbord h2 img{
	height:1em;
	margin-right:1em;}
.emptyDashbord p{
	color:#898989;
	line-height:1.5em;
	margin:8px auto 24px;
	max-width:700px;}
#layout .content-box.waitingApproval{padding:36px 24px; text-align:center;}
.waitingApproval > img{
	width:200px;
	height:auto;
	margin:0 auto;}
.waitingApproval h2{color:#414141; font-size:20px; font-weight:600; line-height:27px; margin:auto auto;}
.waitingApproval p{color:#888;font-size:16px; line-height:22px; margin:1em auto;}
.waitingApproval .btn.btn-blue{font-size:16px; width:250px;}
#layout .content-box.waitingDocumentsApproval{padding:12px 24px; text-align:left;}
.waitingDocumentsApproval {text-align: left;}
.waitingDocumentsApproval img {float: left; height:32px; margin:2px 20px 0 0;}
.waitingDocumentsApproval h3{color:#414141; font-size:15px; font-weight:600; line-height:20px; margin:0 auto;}
.waitingDocumentsApproval p{color:#888;font-size:12px; line-height:17px; margin:0 auto;}
#layout .content-box.verify-phone{text-align:center;}
.verify-phone img{width:90px;}
.verify-phone h2{margin:24px auto 8px;}
.verify-phone h3{color:#414141; font-size:20px; font-weight:600; line-height:27px;}
.verify-phone h4{color:#888; font-size:16px; font-weight:400; line-height:22px;}
.verify-phone a.resend-code{color:#009EFF; display:inline-block; font-size:14px; font-weight:600; line-height:19px;}
.verify-phone input[type="text"]{
	border-radius:4px;
	color:#000;
	height:40px;
	font-size:14px;
	font-weight:600;
	line-height:19px;
	margin:20px auto;
	max-width:100%;
	text-align:center;
	width:280px;}
.verify-phone .submit{padding-bottom:20px;}
.verify-phone .btn[disabled="disabled"]{background-color:#f1f1f1; border:none; color:#7e7e7e; cursor:default;}

.msg-denied{padding:9px 24px; text-align:center;}
.msg-denied h3{color:#414141; font-size:20px; font-weight:600; line-height:27px; margin:10px auto; text-align:left;}
.msg-denied p{color:#888;font-size:16px; line-height:22px; margin:0 auto; text-align:left;}

/******** Profile progress --> ********/
.profile-progress {}
.profile-progress>.row>div:first-child{border-right:1px solid #eee;}
.profile-progress .chart{width:100%;}
.profile-progress .chart a{text-decoration:none;}
.profile-progress .chart img{
	border-radius:50%;
	-webkit-border-radius:50%;}
.profile-progress .greeting {margin:1em auto; padding-left:10px;}
.profile-progress .greeting h3{
	font-size:18px;
	color:#00b0ff;}
.profile-progress .steps {text-align:center;}
.profile-progress .steps p{color:#00b0ff;}
.profile-progress .steps h6{
	background:url("/img/employer-progress-succes.png") no-repeat center -80px;
	cursor:default;
	padding-top:30px;
	text-align:center;
	position:relative;}
.profile-progress .steps h6.inactive{background:url("/img/employer-progress-succes.png") no-repeat center 1px;}
.profile-progress .steps h6.inactive:after{display:none;}
.profile-progress .steps h6:after,
.profile-progress .steps h6.inactive.next-step:after{
	background:url("/img/breadcrumbs-separator.png") no-repeat center 4px;
	content:""; display:block;
	height:30px; width:30px;
	position:absolute;
	top:5px; right:-30px;}
.profile-progress .steps h6:not(.inactive) a{color:#444; cursor:default; pointer-events:none;}

/******** Layout right - dashbordMsg --> ********/
.layout-right{}
.layout-right>.btn{max-width:275px; margin-bottom:1em;}
.layout-right>.btn.disabled{display:none;}
.layout-right .content-box .btn{max-width:120px;}
.layout-right .content-box .title{margin:0 auto 30px; position:relative;}
.layout-right .content-box.dashbordMsg{text-align:center; padding:20px;}
.layout-right .content-box.dashbordMsg p{text-align:center; line-height:1.2em;}
.layout-right .content-box.dashbordMsg .btn{background-color:#f3f3f3; border:none; margin-top:1em; width:110px;}
.layout-right .content-box h2{font-size:16px; font-weight:600;}
.layout-right .content-box h3{font-size:14px; font-weight:600; margin:0 auto 5px;}
.layout-right .content-box p{font-size:12px; margin:0 auto; max-width:580px;}
.layout-right .content-box .item{border-bottom:1px solid #eee; margin:15px auto;}
.layout-right .content-box .item:first-child{margin-top:0;}
.layout-right .content-box .item:last-child{border:none; margin-bottom:0;}
.layout-right #profile-menu{padding:0; margin:0;}
.layout-right #profile-menu li{display:block;}
.layout-right #profile-menu li a{
	background-color:#fff;
	background-image:none;
	border:1px solid #ddd;
	border-radius:3px;
	-webkit-border-radius:3px;
	color:#414141;
	cursor:pointer;
	display:inline-block;
	font-size:14px;
	font-weight:600;
	line-height:2em;
	margin:0 auto 15px;
	max-width:275px;
	padding:6px 12px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	white-space:nowrap;
	width:100%;}
@media screen and ( min-width:1320px ) {
	.layout-right .content-box.dashbordMsg p{text-align:left;}
}
@media screen and (max-width:768px) {
	.layout-right .content-box .item{margin:10px; display:inline-block; max-width:200px; border:none; vertical-align:top;}
	.layout-right .content-box .item:first-child{margin-top:10px;}
	.layout-right #profile-menu li a{max-width:175px;}
}

/******** Hiring progress --> ********/
.job-suggested{text-align:center; display:none;}
.job-suggested .portlet-title{text-align:center; margin:0 auto 15px; font-size:16px; font-weight:600;}
.hiring-progress-row {margin:15px auto; border-top:1px solid #eee; padding-top:10px;}
.hiring-progress-row .type {
	color:#2c2c2c;
	margin:0 0 5px 0;}
.hiring-progress-row > div > a {
	display:inline-block;
	color:#00b0ff;
	margin:0 auto 10px;}
.hiring-progress-row .hire-info {
	color:#303030;
	font-size:22px;
	line-height:22px;}
.hiring-progress-row .hire-info > div {
	color:#898989;
	font-size:16px;}
.hiring-progress-row .type{display:none;}

/******** tabs --> ********/
#layout .nav.nav-tabs{background-color:#fff; border:0; border-radius:5px 5px 0 0; border:1px solid #ddd; border-bottom:none;}
#layout .nav.nav-tabs>li>a,
#layout .nav.nav-tabs>li>a:focus,
#layout .nav.nav-tabs>li>a:hover{
	color:#888;
	background-color:transparent;
	border:none;
	border-bottom:3px solid #fff;
	font-size:14px;
	font-weight:600;
	margin-bottom:1px;
	padding:15px;}
#layout .nav.nav-tabs>li.active>a,
#layout .nav.nav-tabs>li.active>a:focus,
#layout .nav.nav-tabs>li.active>a:hover {border:none; border-bottom:3px solid #6EC07A; font-weight:600; color:#6EC07A;}
@media screen and (max-width:768px){
	#layout .nav.nav-tabs{padding:0; text-align:center;}
}


#layout .nav.nav-tabs.job-tabs{}
.tab-content .tab-pane .content-box{
	border-top-left-radius:0;
	border-top-right-radius:0;
}

#layout .nav.nav-tabs.shifts-tabs{background-color:transparent; margin-bottom:15px;}
#layout .nav.nav-tabs.shifts-tabs>li>a,
#layout .nav.nav-tabs.shifts-tabs>li>a:focus,
#layout .nav.nav-tabs.shifts-tabs>li>a:hover{
	background-color:#888;
	border:none;
	border-radius:3px; -webkit-border-radius:3px;
	color:#fff;
	font-weight:normal;
	padding:10px 15px;}
#layout .nav.nav-tabs.shifts-tabs>li.active>a,
#layout .nav.nav-tabs.shifts-tabs>li.active>a:focus,
#layout .nav.nav-tabs.shifts-tabs>li.active>a:hover{background-color:#6EC07A;}


.nav.nav-tabs.switch{
	background-color:#fafafa;
	border:1px solid #ededed;
	border-radius:4px;
	display:inline-block;

	margin:0;
	padding:0;}
.nav.nav-tabs.switch>li>a,
.nav.nav-tabs.switch>li>a:focus,
.nav.nav-tabs.switch>li>a:hover{
	background:transparent;
	border:1px solid transparent;
	border-radius:4px;
	color:#7e7e7e;
	font-size:12px;
	font-weight:600;
	line-height:14px;
	margin:0;
	padding:6px 24px;}
@media screen and (max-width:768px){
	.nav.nav-tabs.switch>li>a{padding:6px 12px;}
}

.nav.nav-tabs.switch>li.active>a,
.nav.nav-tabs.switch>li.active>a:focus,
.nav.nav-tabs.switch>li.active>a:hover {
	background-color:#fff;
	border:1px solid #EDEDED;
	box-shadow:0 2px 6px 0 rgba(0,0,0,0.10);
	margin:-1px 0;}

#layout .nav.nav-tabs.switch{
	background-color:#fafafa;
	border:1px solid #ededed;
	border-radius:4px;
	display:inline-block;
	margin:0;
	padding:0;}
#layout .nav.nav-tabs.switch>li>a,
#layout .nav.nav-tabs.switch>li>a:focus,
#layout .nav.nav-tabs.switch>li>a:hover{
	background:transparent;
	border:1px solid transparent;
	border-radius:4px;
	color:#7e7e7e;
	font-size:12px;
	font-weight:600;
	line-height:14px;
	margin:0;
	padding:6px 24px;}
#layout .nav.nav-tabs.switch>li.active>a,
#layout .nav.nav-tabs.switch>li.active>a:focus,
#layout .nav.nav-tabs.switch>li.active>a:hover {
	background-color:#fff;
	border:1px solid #EDEDED;
	box-shadow:0 2px 6px 0 rgba(0,0,0,0.10);
	margin:-1px 0;}

/******** dashboard-timerTracker --> ********/
.content-box.dashboard-timerTracker{text-align:center;}
.dashboard-timerTracker .title{margin-top:0; text-transform:capitalize;}
.dashboard-timerTracker .title a{font-weight:600; text-decoration:none;}
.dashboard-timerTracker .time{
	color:#898989;
	font-size:3em;
	font-weight:normal;}
.dashboard-timerTracker .money{color:#ccc;}
.dashboard-timerTracker h5{font-weight:600; line-height:1.5em;}
.dashboard-timerTracker h5 strong{color:#6EC07A;}
#timer-info-container{display:none; font-weight:normal; white-space:nowrap;}
#timer-info-time{color:#6EC07A;}
.dashboard-timerTracker a.btn{margin:1em auto 0;}
.dashboard-timerTracker a.btn-gray{font-weight:600; margin-top:1em; padding:1em;}
.dashboard-timerTracker .flash-error{color:#f26d7d; font-weight:600; margin-top:1em;}

.workProgressFilter{}
.workProgressFilter input, .workProgressFilter select{width:100%; height:32px; padding:4px 5px 5px;}
.content-box.tracked-items{padding-left:0; padding-right:0;}
.content-box.tracked-items .empty{padding-left:25px;}
.tracked-items h3{font-size:14px; margin:3px auto; line-height:18px;}
.tracked-items .summary{position:relative; overflow:hidden; padding-left:24px; padding-right:24px;}
.tracked-items .summary:after{
	content:' ';
	display:block;
	width:1500px;
	margin:0 -24px 5px -24px;
	padding:5px 0 0 0;
	border-bottom:1px solid #F0F0F0;
	font-size:1px;
	clear:both;}
.tracked-items .summary p{font-weight:600;}
.tracked-items .summary .heading{float:left; text-transform:uppercase;}
.tracked-items .summary .hours{float:right; color:#444; margin-right:1em;}
.tracked-items .summary .money{float:right; color:#6EC07A;}
.tracked-items .items .item{padding:0 24px;}
.tracked-items .list-view .items > .item:after{margin-bottom:5px; padding-top:5px;}
.tracked-items .item-title{text-transform:capitalize; font-size:16px; line-height:22px; margin:0 auto; font-weight:600;}
.tracked-items .item-title a{text-decoration:none;}
.tracked-items .item-period{font-weight:600;}
.tracked-items .item-period.old{text-decoration:line-through; font-size:small; color:#888;}
.tracked-items .period{color:#898989; font-weight:normal; white-space:nowrap;}
.tracked-items .earned{color:#6EC07A; font-weight:600;}
.tracked-items .status{
	text-transform:capitalize;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	font-style:italic;
	color:#888;
	text-align:center;
	padding:2px 0 3px;
	box-sizing:border-box;
	border-radius:3px;
}
.tracked-items .pending{color:#bbb;}
.tracked-items .approved{color:#6EC07A;}
.tracked-items .rejected{color:#e74c3c;}
.tracked-items .viewAll{
	text-align:center;
	padding:0;
	position:relative;}
.tracked-items .viewAll:before{
	content:' ';
	display:block;
	margin:0 -24px 5px -24px;
	padding:5px 0 0 0;
	border-bottom:1px solid #F0F0F0;
	font-size:1px;
	clear:both;}
.tracked-items .viewAll a{color:#898989; font-weight:600; text-decoration:none;}
.tracked-items .list-view .items > .item:last-child:after {display:none;}
@media screen and (max-width:768px){
	.tracked-items *{text-align:center;}
	.tracked-items .status{display:inline-block; padding-left:10px; padding-right:10px;}
}

/******** calendar - .fc --> ********/
.calendar-head{background-color:#fff; border-radius:5px 5px 0 0; padding:10px 15px; border:1px solid #ddd; border-bottom:none;}
.calendar-head .btn.btn-sqr{margin-top:6px;}
@media screen and (max-width:768px){
	.calendar-head .row>div:first-child{text-align:center;}
	.calendar-head .row>div:last-child{text-align:center;}
}
@media screen and (max-width:620px){

}

.legend{background-color:#fff; margin:0 auto; text-align:left;}
.legend div{display:inline-block; vertical-align:top; padding:0 10px;}
.legend div p{color:#888; font-size:12px; font-weight:600; display:inline-block; line-height:12px; margin:0 auto; text-align:left; vertical-align:middle;}
.legend div span{display:inline-block; height:14px; width:14px; margin-right:5px; vertical-align:middle; box-sizing:border-box;}
.legend div span.l_today{border:2px solid #EFBB45; border-radius:0;}
.legend div span.l_unpubl{background-color:rgba(204,204,204,0.8);}
.legend div span.l_empty{background-color:rgba(248,220,156,0.8);}
.legend div span.l_partially{background-color:rgba(188,229,255,0.8);}
.legend div span.l_full{background-color:rgba(110,192,122,0.8);}

.legend div span.l_available{background-color:#F8DC9C;}
.legend div span.l_available2{background-color:#99D3A1;}
.legend div span.l_block{background-color:rgba(68,68,68,0.8);}
.legend div span.l_applied{background-color:#a4bdfc;}
.legend div span.l_invited{background-color:rgba(188,229,255,0.8);}
.legend div span.l_accepted{background-color:#6EC07A;}
.legend div span.l_open{background-color:#ccc;}
.legend div span.l_past{background-color:#aaa; border-radius:0;}

.layout-right .legend{margin:0 auto 15px; text-align:left; padding:15px 0 15px 15px; border:solid 1px #ddd;}
.layout-right .legend div span{}
@media screen and (max-width:768px){
	.legend div{width:150px;}
}


.fc-license-message{display:none;}
.fc {border-color:#ddd; margin:0 0 30px 0;}
.fc .fc-row .fc-bg{border-right:1px solid #ddd;}
.fc .fc-toolbar{background:#fff; border:1px solid #ddd; border-bottom:0; margin:0; border-radius:5px 5px 0 0; padding:25px 10px 20px;}
.fc .fc-view-container{background:#fff;}
.fc .fc-event .fc-bg {opacity:0;}
.fc .fc-button-group{background-color:#fafafa; border:1px solid #ededed; border-radius:6px;}
.fc .fc-button {
	border:none;
	border-radius:6px;
	color:#7e7e7e;
	background:transparent;
	box-shadow:none;
	text-shadow:none;
	padding:6px 19px;
	height:auto;
	font-size:12px;
	font-weight:600;
	line-height:14px;
	text-transform:capitalize;}
.fc .fc-button.fc-state-down,
.fc .fc-button:active,
.fc .fc-button:focus{outline:none;}
.fc .fc-callAddForm-button,
.fc .fc-deleteAllShifts-button{
	background-color:#fff;
	border:1px solid #ededed;
	border-radius:6px;
	color:#009EFF;
	display:inline-block;
	font-size:12px;
	font-weight:600;
	height:28px;
	line-height:14px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;}
.fc .fc-report-button,.fc .fc-report-button:active,.fc .fc-report-button:focus,
.fc .fc-export-button,.fc .fc-export-button:active,.fc .fc-export-button:focus{background-color:#fff; border:1px solid #ddd; border-radius:6px; padding:5px 15px;}
.fc .fc-publish-button,.fc .fc-publish-button:active,.fc .fc-publish-button:focus{background-color:#58C947;  border-radius:6px; color:#fff; font-size:13px; line-height:20px;}
.fc .fc-publish-button.disabled{cursor:default; opacity:.5;}
.fc .fc-button.fc-state-active {background:#fff; border-radius:4px; box-shadow:0 2px 6px 0 rgba(0,0,0,0.10);}
.fc .fc-button.fc-today-button {
	background-color:#fafafa;
	border:1px solid #ededed;
	float:left;
	margin-left:15px;}
.fc .fc-button.fc-prev-button {
	color:#888;
	background:none;
	padding:6px 5px;
}
.fc .fc-button.fc-next-button {
	color:#888;
	background:none;
	padding:6px 5px;
	float:right;
}
.fc .fc-left{padding-left:15px;}
.fc .fc-left .fc-button-group{float:right;}
.fc .fc-left .fc-button-group:after {
	width:7px;
	height:7px;
	content:' ';
	background:#D8D8D8;
	margin:5px 0 0 0;
	border-radius:50%;
	display:inline-block;
	vertical-align:middle;
}
.fc .fc-left .fc-button-group .fc-icon {
	top:0;
	margin:0;
	height:15px;
	line-height:15px;
	font-size:16px;
}
.fc .fc-left h2 {
	font-size:16px;
	line-height:30px;
	font-weight:600;
	color:#2e2e2e;
	vertical-align:middle;
	min-width:150px;
	text-align:left;
	float:left;
	margin-left:1em !important;
}
.fc .fc-right {
	padding-right:15px;
}
.fc .fc-right .fc-dropDown-button{padding:0;}
.fc .fc-right .fc-dropDown-button:after{color:#a5a5a5; content:'...'; font-size:28px; line-height:15px;}
.fc .fc-right .fc-reportDown-button{padding:0;}
.fc .fc-right .fc-reportDown-button:after{color:#a5a5a5; content:'...'; font-size:28px; line-height:15px;}
.fc .fc-right ul.fc-header-toolbar-drop-down{
	background-color:#fff;
	border-radius:6px;
	box-shadow:0 6px 32px 0 rgba(0,0,0,0.15);
	list-style-type:none;
	margin:0;
	padding:4px 0;
	position:absolute;
	top:100%; right:0;
	z-index:999;}
.fc .fc-right ul.fc-header-toolbar-drop-down li{display:block; min-width:148px; position:relative; text-align:left;}
.fc .fc-right ul.fc-header-toolbar-drop-down li:after{
	background-color:#ededed;
	content:'';
	display:block;
	height:1px; width:100%;
	margin:4px 0;
}
.fc .fc-right ul.fc-header-toolbar-drop-down li:last-child:after{display:none;}
.fc .fc-right ul.fc-header-toolbar-drop-down li a{border:none; color:#2e2e2e; display:block; font-size:12px; font-weight:400; line-height:14px; padding:7px 16px;}
.fc .fc-right ul.fc-header-toolbar-drop-down li a:hover,
.fc .fc-right ul.fc-header-toolbar-drop-down li a:active,
.fc .fc-right ul.fc-header-toolbar-drop-down li a:focus{background-color:#f9f9f9;}

.fc .fc-header-tab-switcher{background:#ffffff; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.02); padding:0; position:relative; z-index:9;}
.fc .fc-header-tab-switcher:before{
	background-color:#ededed;
	content:'';
	display:block;
	height:1px; width:calc(100% - 50px);
	margin:0 auto;
}
.fc .fc-header-tab-switcher ul{border:1px solid #ddd; border-top:none; border-bottom:none; list-style:none; margin:0; padding:0;}
/*.fc .fc-header-tab-switcher li{border-bottom:2px solid #fff !important; box-sizing:border-box; display:inline-block; text-align:center; width:25%;}*/
.fc .fc-header-tab-switcher li{border-bottom:2px solid #fff !important; box-sizing:border-box; display:inline-block; text-align:center; width:50%;}
.fc .fc-header-tab-switcher li.active{border-bottom-color:#58C947 !important; transition:.5s ease;}
.fc .fc-header-tab-switcher li a{border:none; color:#7e7e7e; display:block; font-size:15px; line-height:20px; padding:15px; text-decoration:none;}
.fc .fc-header-tab-switcher li a:hover,
.fc .fc-header-tab-switcher li a:focus{color:#58C947; transition:.5s ease;}
.fc .fc-header-tab-switcher li.active a{color:#58C947; font-weight:600; transition:.5s ease;}

.fc .fc-header-tab-switcher li.fc-header-tab-myEmployee,
.fc .fc-header-tab-switcher li.fc-header-tab-freelancer{display:none;}

/*@media screen and (max-width:600px){
	.fc .fc-header-tab-switcher li{width:50%;}
}*/


.fc .fc-toolbar h2{color:#2e2e2e; display:inline-block; float:none; font-size:16px; padding-top:1px; vertical-align:middle;}
.fc .fc-toolbar .fc-left,
.fc .fc-toolbar .fc-center,
.fc .fc-toolbar .fc-right{margin:3px auto; position:relative; text-align:center;}

.layout-content .fc .fc-toolbar .fc-button.fc-prev-button,
.layout-content .fc .fc-toolbar .fc-button.fc-next-button{
	margin:0;
	width:20px;
}

@media screen and (max-width:1366px){
	.fc .fc-toolbar h2{font-size:10px;}
	.fc .fc-toolbar .fc-button.fc-prev-button,
	.fc .fc-toolbar .fc-button.fc-next-button{
		margin:0;
		width:20px;
	}
}



@media screen and (max-width:890px) {
	.fc .fc-toolbar .fc-left,
	.fc .fc-toolbar .fc-center,
	.fc .fc-toolbar .fc-right{
		display:inline-block;
		float:none;
		padding:5px;
		position:relative;
		vertical-align:top;}
	.fc .fc-toolbar .fc-center{display:block; margin:0 auto 0;}

	.fc .fc-toolbar .fc-button.fc-prev-button,
	.fc .fc-toolbar .fc-button.fc-next-button{
		float:none;
	}
}
@media screen and (max-width:600px) {
	.fc .fc-toolbar .fc-left>*,
	.fc .fc-toolbar .fc-center>*,
	.fc .fc-toolbar .fc-right>*{float:none; margin:5px; vertical-align:top;}
	.fc .fc-toolbar .fc-center{padding:0;}
	.fc .fc-toolbar .fc-center>h2{font-size:13px; vertical-align:middle;}
	.fc .fc-toolbar .fc-button.fc-prev-button,
	.fc .fc-toolbar .fc-button.fc-next-button{vertical-align:middle;}
}

@media screen and (max-width:327px) {
	.fc .fc-right ul.fc-header-toolbar-drop-down{right:33%;}
}

.fc .fc-resource-area.fc-widget-header{border-left-color:#f0f0f0;}
.fc .fc-widget-header .fc-cell-content{text-align:center;}
.fc .fc-widget-header .fc-cell-content .fc-cell-text{margin:0 auto; text-align:center; text-transform:capitalize;}
.fc .fc-widget-header th {
	background: #fafafa;
	color:#7e7e7e;
	font-weight:600;
	font-size:13px;
	height:48px;
	vertical-align:middle;
}
.fc .fc-today {
	background:transparent;
}
.fc td.fc-today{border:none;}
.fc .fc-bg .fc-today{position:relative;}
.fc .fc-bg .fc-today:after {
	content:' ';
	display:block;
	height:100%;
	width:100%;
	border:2px solid #F2BA39;
	box-sizing:border-box;
	position:absolute;
	top:0; bottom:0; left:0; right:0;
}
.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
	position:relative;
}
.fc .fc-month-view .fc-content-skeleton .fc-today:after {
	box-sizing:border-box;
	content:' ';
	display:block;
	position:absolute;
	height:100%;
	width:100%;
	border:none;
}

.fc-requested {
	display: -webkit-inline-box;
}
.fc .fc-event .fc-requested,
.fc .fc-event .fc-accepted,
.fc .fc-event .fc-pending{
	font-size:11px;
	font-weight:600;
	color:#fff;
	margin:0 auto;
	margin-right:4px;
	padding:2px 0;
	text-align:center;}
.fc .fc-event .fc-requested:before,
.fc .fc-event .fc-accepted:before,
.fc .fc-event .fc-pending:before{
	content:'';
	display:inline-block;
	filter: invert(100%);
	-webkit-filter: invert(100%);
	height:12px; width:16px;
	vertical-align:bottom;}
.fc .fc-event .fc-accepted:before{background:url(/img/accepted.png) no-repeat left center; background-size:86%;}
.fc .fc-event .fc-pending:before{background:url(/img/pending.png) no-repeat left center; background-size:90%;}
.fc .fc-event .fc-requested:before{background:url(/img/requested.png) no-repeat left center; background-size:86%;}

.fc .fc-resource-area .fc-cell-content{border-right:none !important; overflow: visible;}
.fc .fc-resource-area .fc-cell-text{
	display:block;
	padding-left:10px;
	/*max-height:1.2em;*/
}
.fc .fc-resource-area .fc-cell-text a{
	color:#009EFF;
	display:block;
	overflow:hidden;
	text-decoration:none;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
}
.fc .fc-resource-area .fc-cell-text .outside-title{
	background:#fff;
	border:1px solid rgba(0,0,0,0.10);
	box-shadow:0 5px 16px 0 rgba(0,0,0,0.25);
	border-radius:6px;
	color:#4D4D4F !important;
	display:none;
	font-size:12px;
	line-height:20px;
	position:absolute; left:0; top:-25px;
	padding:4px 9px;
}
.fc .fc-resource-area .fc-cell-text .outside-title:after{
	border:6px solid transparent;
	border-top-color:#fff;
	content:"";
	display:block;
	height:1px; width:1px;
	position:absolute; top:100%;
}

.fc .fc-resource-area .fc-cell-text .img:hover .outside-title{display:block;}

.grid-view td {position: relative}
.grid-view .filters input, .grid-view .filters select{padding-left:0; padding-right:0;}


.fc .fc-resource-area .fc-cell-text .icon-outside, .grid-view .icon-outside{
	background-image: url(/img/icons/ic_freelancer.png);
	background-size:cover;
	display:block;
	position:absolute;
	top:15px; left:3px;
	width:16px; height:16px;
}
.fc .fc-resource-area .fc-cell-text img{
	width:24px;
	margin:0 8px 0 0;
	border-radius:50%;
}

#TimesheetReportContentBlock .grid-view .icon-outside{top:19px; left:8px;}

.fc .fc-resource-area .fc-cell-text .limit-exceeded {
	color: red !important;
}
.fc .fc-resource-area .fc-expander-space{display:none;}
.fc .fc-resource-area [data-resource-id="blocked"] .fc-cell-content{font-weight:600; color:#e74c3c;}
.fc .fc-resource-area [data-resource-id="available"] .fc-cell-content{font-weight:600; color:#6EC07A;}
.fc .fc-time-area.fc-widget-content .fc-event-container{min-height:40px !important;}
.fc .fc-divider{background-color:#ddd; border:none; width:0;}
.fc-widget-content>div{min-height:48px !important;}

#availability-calendar.fc .fc-timelineDay-view>table{table-layout:auto; width:100%;}
#availability-calendar.fc .fc-timelineDay-view .fc-scroller-canvas{width:100% !important;}
#availability-calendar.fc .fc-timelineDay-view .fc-time-area col{min-width:1px !important; width:calc(100% / 24) !important;}
#availability-calendar .fc-view td.blocked,.fc-bg .fc-past{background:rgba(0,0,0,0.08);}
#availability-calendar .fc-view .fc-content-skeleton td.blocked span {position:relative;}
#availability-calendar .fc-view .fc-content-skeleton td.blocked span:before {
	position:absolute;
	content:"";
	left:0;
	top:50%;
	right:0;
	border-top:1px solid;


	-webkit-transform:rotate(-15deg);
	-moz-transform:rotate(-15deg);
	-ms-transform:rotate(-15deg);
	-o-transform:rotate(-15deg);
	transform:rotate(-15deg);
}
.fc.fc-ltr .fc-timeline-event{
	box-sizing:border-box;
	margin:3px 3px 1px 2px;
	border-radius:3px;
	border:1px solid;
	padding:0;}
.fc.fc-ltr .fc-timeline-event .fc-title{color:#fff !important; display:none;}

#availability-calendar .fc-timeline-event .fc-title{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:0; padding-left:0;}
.fc.fc-ltr .fc-timeline-event .fc-content{padding:6px 9px; text-align:left;}
.fc.fc-ltr .fc-timeline-event .fc-time{color:#fff; display:block; font-size:11px; font-weight:600; padding:2px 0; text-align:left; text-transform:uppercase;}
.fc-scroller{height:auto !important; margin-right: -1px !important; overflow-y:hidden !important;}

.location-hint-active{
	background-image: url(/img/icons/location-yes.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 50px;
	padding-right: 18px
}

.location-no-active {
	background-image: url(/img/icons/location-no.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 50px;
	padding-right: 18px
}

@media screen and (max-width:768px){
	.fc .fc-time-area .fc-scroller-canvas{width:auto !important;}
}


@media screen and (min-width:1024px){
	.fc .fc-time-area .fc-scroller{overflow:visible;}
}



.fc.fc-ltr .fc-timelineDay-view .fc-widget-header.fc-time-area .fc-cell-content .fc-cell-text{
	font-weight:normal;
	font-size:10px;}
.fc.fc-ltr .fc-timelineMonth-view .fc-widget-header.fc-time-area .fc-cell-content .fc-cell-text{
	font-weight:normal;
	max-width:25px;
	overflow:hidden;
	display:block;
	font-size:10px;
	line-height:1em;}
.fc .fc-timelineDay-view .fc-event .fc-accepted,
.fc .fc-timelineDay-view .fc-event .fc-accepted:before,
.fc .fc-timelineDay-view .fc-event .fc-pending,
.fc .fc-timelineDay-view .fc-event .fc-pending:before {display:inline-block; margin:0;}
.fc .fc-timelineDay-view{overflow-x:auto;}
@media screen and (min-width:1024px){
	.fc .fc-timelineDay-view .fc-time-area .fc-scroller{overflow:auto;}
}
.fc .fc-timelineWeek-view .fc-event .fc-accepted,
.fc .fc-timelineWeek-view .fc-event .fc-accepted:before,
.fc .fc-timelineWeek-view .fc-event .fc-pending,
.fc .fc-timelineWeek-view .fc-event .fc-pending:before,
.fc .fc-month-view .fc-accepted,
.fc .fc-month-view .fc-accepted:before,
.fc .fc-month-view .fc-pending,
.fc .fc-month-view .fc-pending:before{display:inline-block;}
.fc .fc-month-view .fc-title{color:#fff; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:2px 0;}
.fc .fc-month-view .fc-not-start .fc-title {min-height:30px;}

.fc .fc-timeline-event.fc-not-start .fc-title{margin-left:0; padding-left:0;}
.fc .fc-body .fc-time-area .fc-following:before,
.fc .fc-timeline-event.fc-not-start .fc-title:before{display:none;}

.fc .fc-content {text-align:center; min-height:48px;}
.fc .fc-timeline-event .fc-content{min-height:32px;}
.fc .fc-event-container .fc-content{min-height:32px;}
.fc .fc-event-container .icon-outside{
	background-image: url(/img/icons/ic_public_shift.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute; right:5px; top:7px;
	width:15px; height:15px;
}
.fc .fc-day-grid-event .fc-time {color:#fff; display:block; font-size:11px; font-weight:600; padding:2px 0; text-align:left; text-transform:uppercase;}
.fc .fc-timelineMonth-view .fc-event .fc-time{
	writing-mode:tb-rl;
	-ms-writing-mode:tb-rl;
	-webkit-writing-mode:tb-rl;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	min-height:90px;
	max-height:93px;}
.fc .fc-timelineMonth-view .fc-event .fc-accepted{margin-top:5px;}
.fc .fc-timelineMonth-view .fc-event .fc-accepted:before {display:block; margin:3px auto;}
.fc .fc-timelineMonth-view .fc-event .fc-pending{margin-top:5px;}
.fc .fc-timelineMonth-view .fc-event .fc-pending:before {display:block; margin:3px auto;}
.fc .fc-month-view .fc-day-number{font-size:1.1em; font-weight:600; margin-right:3px; padding:3px;}
.fc .fc-event.status-changed,
.fc .fc-event.status-unpublished.stripes {
	background:repeating-linear-gradient( 120deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 15px, rgba(0, 0, 0, 0.08) 15px, rgba(0, 0, 0, 0.08) 33px );
}
.no-left.fc.fc-ltr .fc-resource-area{display:none;}
.no-left.fc.fc-ltr .fc-divider{display:none;}

.fc .fc-popover.fc-more-popover{border:none; left:10vw !important;}
.fc .fc-popover .fc-header .fc-title{color:#444;}


.fc-row.fc-week.fc-widget-content.fc-rigid{height:140px !important;}
.fc a.fc-more{color:#888; display:block; font-weight:600; line-height:1em; margin-top:3px; text-align:center;}
.fc tr:first-child > td > .fc-day-grid-event {margin-top:3px; line-height:1.1em}
.fc .fc-time-area.fc-widget-header,
.fc .fc-month-view .fc-head-container{background-color:#fff; border-left-color:#f0f0f0; border-right-color:#f0f0f0;}

.fc .fc-day-grid-event .fc-content,
.fc .fc-timeline-event .fc-content{white-space:normal; padding:6px 9px; text-align:left;}

@media screen and (max-width:768px){
	.fc .fc-view-container{overflow:auto;}
	.fc .fc-view{min-width:100%;}
	.fc .fc-view.fc-timelineDay-view{width:1070px;}
	.fc .fc-view.fc-timelineWeek-view{width:580px;}
	.fc .fc-view.fc-month-view{width:720px;}
	.fc .fc-day-grid-event .fc-content{font-size:10px;}
	.fc .fc-event .fc-accepted {font-size:10px;}
	.fc .fc-event .fc-pending {font-size:10px;}

	.fc .fc-popover.fc-more-popover{left:20px !important;}
}

/******** job - jobView - joblist - jobEdit - jobReminder --> ********/
.job{}
.job a{text-decoration:none;}
.job h2, .job h3, .job h4, .job p{line-height:1.3em; margin:4px auto;}
.job h2{font-size:24px; margin:0 auto 3px;}
.job h3{color:#444; font-size:14px; font-weight:600; word-break:break-word;}
.job h4{font-size:14px;}
.job p{font-size:12px; color:#444;}
.job p a{color:#b6b6b6}
.job p a.link-blue {
	color:#23b5ff;
}
.job p em{color:#888;}
.job .title, .job .title a{color:#000; text-transform:capitalize; font-weight:600;}
.job .subtitle, .job .subtitle a, .job .companyName, .job .companyName a{font-weight:400;	color:#a5a5a5;}
.job .info{display:inline-block; margin-right:8px; margin-top:0; vertical-align:top; color:#444;}
.job .info span{color:#888; font-weight:normal;}

.job .empty-ppc{border:4px solid #F2BA39; border-radius:50%; height:90px; width:90px; margin:0 auto;}
.job .empty-ppc p{color:#888; font-weight:600; padding-top:22px; text-align:center; text-transform:lowercase;}

.job .item .item-check, .job .item .item-body{display:inline-block; vertical-align:middle;}
.job .item .item-check{text-align:left; width:18px;}
.job .item .item-check label{
	background-size:cover;
	border:2px solid #f0f0f0;
	border-radius:100%;
	cursor:pointer;
	height:30px;
	margin:0;
	max-width:none;
	width:30px;}
.job .item .item-check input[type="checkbox"]{display:none;}
.job .item .item-check input[type=checkbox]:checked + label{background-image:url(/img/checked.png);}
.job .item .item-body{width:calc(100% - 22px)}
label.mark-all-shifts{font-weight:400; color:#888; position:absolute; top:-40px; right:20px;}
label.mark-all-shifts input{vertical-align:text-top;}

.job .item .btns{text-align:right;}

@media screen and (max-width:768px){
	.job .item .item-check label{margin-top:10px;}
	.job .item .btns{text-align:center;}
}
@media screen and (max-width:480px){
	label.mark-all-shifts{top:0; right:8px;}
}


.job .reviews{font-style:italic;}
.job .posted{font-size:12px; font-weight:normal; text-transform:none;}
.job .not-rated{display:block; font-size:13px; color:#888; line-height:1.3em; font-style:italic;}
.job .location{color:#444;}
.job .location a{
	background-image:url(/img/location.png);
	background-position:right;
	background-repeat:no-repeat;
	background-size:contain;
	max-width:50px;
	padding-right:25px;}
.job .location a, .job .location a:hover{color:#888; font-weight:normal;}
.job .location img{height:1em; vertical-align:top; margin-left:3px; margin-top:2px;}
.job .review-comment{
	color: #888;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: normal;
	font-style: italic;
}
.job.jobView .desc{}
.job .desc.short{
	color:#888;
	display:block;
	font-style:italic;
	max-width:100%;
	max-height:calc(11px * 1.4 * 4);
	margin:0 auto;
	font-size:12px;
	line-height:1.4em;
	overflow:hidden;
	position:relative;
	text-align:justify;
	word-break:break-word;
	/*	text-overflow: ellipsis;
        -webkit-line-clamp:3;
        -webkit-box-orient: vertical;*/
}
/*.job .desc.short:after{
	background-color:#fff;
	content:'...';
	padding-bottom:5px;
	position:absolute; left:0; top:50px;
	width:100%;
}*/


.job .descFull{color:#888; font-style:italic; word-break:break-word;}
.job .value-details {text-align:left; color:#444;}
.job .value-details b{font-weight:400;}
.job .value-details>span{margin-right:.5em; white-space:nowrap;}
.job .value-details strong{color:#6EC07A; font-weight:600;}

.timezone-hint{border-bottom:1px dashed #fff; display:inline-block;}
.job .value-details .timezone-hint{color:#6EC07A; border-color:#6EC07A}
#timezone-hint-bubble{opacity:0; position:absolute; top:0; transition:opacity .5s ease;}
#timezone-hint-bubble p{margin:0 auto;}

.job.jobView .uniform, .job.jobView .site_contact, .job.jobView .meeting_location, .job.jobView .desc{
	display:inline-block; vertical-align:top; color:#444;}
.job.jobView .uniform span,
.job.jobView .site_contact span,
.job.jobView .meeting_location span,
.job.jobView .desc span{color:#888; font-weight:normal;}

.job.notes h3{margin-top:0;}
.job.notes p{margin-bottom:0; font-size:13px; font-style:italic; color:#888;}
.job.jobList.list-view{margin:12px auto;}
.job.jobList .title, .job.jobList .title a{font-size:18px;}
.job.jobList .title a.to-favorite{margin:5px; height:15px; width:15px; vertical-align:top;}
.job.jobList .input-group{display:block;}
.job.jobList .input-group select{
	color:#888;
	font-size:13px;
	max-width:100%;
	width:100%;}
.job.jobList .review{}
.job.jobList .review p{margin:0 auto;}
.job.jobList .spoiler>h2{margin:0 auto; text-align:left; font-size:16px; font-weight:600; text-transform:capitalize;}
.job.jobList .spoiler>h2 a{color:#6EC07A; display:inline-block; padding-left:4px; vertical-align:middle; text-decoration:none;}
.job.jobList .spoiler>h2:before{
	content:'>';
	color:#6EC07A;
	cursor:pointer;
	display:inline-block; vertical-align:middle;
	font-size:18px; font-family:monospace;}
.job.jobList .spoiler.unfolded>h2:before{}
.job.jobList .spoiler.folded>h2:before{transform:rotate(90deg)}
.job.jobList .spoiler-text:before{
	content:' ';
	display:block;
	width:calc(100% + 24px + 24px);
	margin:0 -24px 20px -24px;
	padding:24px 0 0 0;
	border-bottom:1px solid #ddd;
	font-size:1px;
	clear:both;
}
.job.jobList .spoiler-text .item{position:relative;}
.job.jobList .spoiler-text .item:after{
	content:' ';
	display:block;
	width:calc(100% + 24px + 24px);
	margin:0 -24px 20px -24px;
	padding:15px 0 0 0;
	border-bottom:1px solid #ddd;
	font-size:1px;
	clear:both;
}
.job.jobList .spoiler-text .item:last-child:after{display:none;}
@media screen and (max-width:768px) and (orientation:portrait){
	.job .title, .job .title a,
	.job .companyName, .job .subtitle{text-align:left;}
}

.job.shiftList{padding:0;}
.job.shiftList .grid-view{padding:0;}
.job.shiftList .grid-view table.items th{
	background:none;
	border-bottom:1px solid #ddd;
	color:#000;
	font-size:14px;
	padding:12px;
	text-align:left;}
.job.shiftList .grid-view table.items label{cursor:pointer; width:100%;}
.job.shiftList .grid-view table.items input[type="checkbox"]{cursor:pointer;}
.job.shiftList .grid-view table.items tbody td{padding:6px 12px;}
.job.shiftList .grid-view table.items tbody td label{color:#888; font-weight:400;}
.job.shiftList .grid-view table.items tbody td strong{color:#444; font-weight:600; margin-right:5px;}
.job.shiftList .grid-view table.items tbody tr{background:none;}
.job.shiftList .grid-view table.items tbody tr:hover{background:#f7f7f7;}

.job.jobEdit{overflow:visible;}
.job.jobEdit .item {margin:0 0 10px;}
.job.jobEdit .item label{margin:5px auto; font-weight:600; display:block;}
.job.jobEdit .item span label{display:inline-block; font-weight:normal; margin:0 auto; max-width: calc(100% - 26px);}
.job.jobEdit .item.checkboxes .row div label{font-weight:normal; margin:0 auto;}
.job.jobEdit .item.pick label{font-weight:normal; vertical-align:middle;}
.job.jobEdit .item.pick label strong{font-weight:600;}
.job.jobEdit .item.pick input[type="radio"]{margin-right:5px;}
.job.jobEdit .item.uniform textarea{height:auto; width:100%;}
.job.jobEdit input[type="email"],
.job.jobEdit input[type="password"],
.job.jobEdit input[type="tel"],
.job.jobEdit input[type="text"],
.job.jobEdit .item textarea,
.job.jobEdit select{width:100%; margin-bottom:0; border-color:#ddd; padding:5px 10px;}
.job.jobEdit input[type="text"], .job.jobEdit select{height:32px; line-height:1em;}
.job.jobEdit .item input[type="text"]:disabled{background-color:#fbfbfb; color:#b6b6b6;}
.job.jobEdit input[type="checkbox"],
.job.jobEdit input[type="radio"] {
	margin:0 0 0 0;
	vertical-align:middle;}
.job.jobEdit input[name$="price]"] {
	width:calc(100% - 15px);
}
.job.jobEdit .btn{height:auto;}
.job.jobEdit .shifts .shift {
	font-size:13px;
	color:#444;
	text-decoration:none;
	display:inline-block;
	padding:5px 12px;
	margin:0 1px 5px 0;
	background:#F3F3F3;
	-webkit-border-radius:4px;
	border-radius:4px;}
.job.jobEdit .shifts .shift > i {
	font-size:16px;
	font-style:normal;
	color:#888;
	display:inline-block;
	margin:0px 0 0 12px;
	padding:0;
	vertical-align:bottom;}
.job.jobEdit .shifts .shift > span {
	font-style:normal;
	display:inline-block;
	margin:0px 0 0 12px;
	padding-left:19px;
	background:url(/img/employer_quantity.png) no-repeat left 3px;}
.content-box.jobReminder{padding:24px 24px 24px 0;}
.job.jobReminder h2{font-size:16px; line-height:1.25em; margin:0 auto 8px; font-weight:600;}
.job.jobReminder h2 strong{color:#6EC07A;}
.job.jobReminder h2 a{color:#23b5ff;}
.job.jobReminder h2 .timezone-hint{border-color:#6EC07A;}
.job.jobReminder h3{font-size:14px; line-height:1.25em; margin:0 auto 8px;}
.job.jobReminder .avatar {}
.job.jobReminder .value-details{text-align:right;}
.job.jobReminder .value-details h2{font-size:20px; color:#6EC07A;}
.job.jobReminder .location a{color:#888; font-weight:normal; cursor:text;}
.job.jobReminder .location img{height:1em; vertical-align:top; margin-left:3px;}
.job.jobReminder .eMsg em{font-weight:normal; color:#888;}
.job.jobReminder .uniform span,
.job.jobReminder .site_contact span,
.job.jobReminder .meeting_location span{color:#888; font-weight:normal;}
@media screen and (max-width:767px) {
	.content-box.jobReminder{padding:24px;}
	.job.jobReminder{text-align:center;}
	.job.jobReminder h3{text-align:left;}
	.job.jobReminder h3 span{display:block;}
}


.job.recurrence{text-align:left; padding-bottom:20px;}
.job.recurrence .item.type input[type="radio"]{display:none;}
.job.recurrence .item.type>label{padding-left:0;}
.job.recurrence .item.type>div{
	background-color:#fafafa;
	border:1px solid #ededed;
	border-radius:6px;
	display: inline-block;
	vertical-align: middle;
}
.job.recurrence .item.type>div label{
	border:1px solid transparent;
	border-radius:6px;
	color:#7e7e7e;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-weight:600;
	line-height:14px;
	margin:0;
	padding:5px 25px;
	text-align:center;
	vertical-align:top;}
.job.recurrence .item.type>div input:checked + label{
	background-color:#fff;
	box-shadow:0 0 1px #ededed, 0 2px 6px 0 rgba(0,0,0,0.10);
	margin-top:-1px;
	padding:6px 25px;}

.job.recurrence .form{padding:6px 0; background-color:#fff; font-size:12px; margin-top:20px;}
.job.recurrence .form label,
.job.recurrence .form input[type="text"],
.job.recurrence .form select{display:inline-block; width:auto; font-weight:normal; padding:3px 3px; font-size:13px; margin:2px auto;}
.job.recurrence .form input[type="text"]{padding:6px 6px 4px; margin:1px auto 0;}
.job.recurrence .form input[type="text"],
.job.recurrence .form select{
	background:none;
	border:none;
	border-radius:0;}
.job.recurrence .form .rec-type{border:1px solid #ddd; border-radius:8px; padding:6px 12px;}
.job.recurrence .form .rec-type.weekly .checkboxes{display:inline-block; text-align:center;}
.job.recurrence .form .rec-type.weekly .checkboxes>span>span{display:inline-block; white-space:nowrap; /* border:1px solid red;*/}
.job.recurrence .form .rec-type.weekly .checkboxes>span>span input{/*display:block; margin-bottom:0;*/ display:none;}
.job.recurrence .form .rec-type.weekly .checkboxes>span>span label{
	background-color:#f3f3f3;
	border-radius:3px;
	cursor:pointer;
	display:block;
	font-size:12px;
	margin:0 3px;
	padding:0 6px;}
.job.recurrence .form .rec-type.weekly .checkboxes>span>span input:checked + label{background-color:#888; color:#fff;}
.job.recurrence .form .end-type{border:1px solid #ddd; border-radius:8px; margin:12px auto; padding:6px 12px;}
.job.recurrence .form .end-type>label{margin:0 auto;}
.job.recurrence .form .holder{
	background-color:#f3f3f3;
	border-radius:4px;
	display:inline-block;
	margin:0 auto;
	text-align:center;}
.job.recurrence .form .holder input[type="radio"]{display:none;}
.job.recurrence .form .holder input:checked+label{background-color:#888; color:#fff;}
.job.recurrence .form .holder label{margin:0; padding:0 12px; cursor:pointer; line-height:30px;}
.job.recurrence .form .holder label:first-of-type{border-radius:4px 0 0 4px;}
.job.recurrence .form .holder label:last-of-type{border-radius:0 4px 4px 0;}
.job.recurrence .form .holder label input{
	background:none;
	border:none;
	border-radius:0;
	font-size:12px;
	line-height:14px;}
.job.recurrence .form .holder input:checked+label input{color:#fff;}
.job.recurrence .form .holder label select{
	background:none;
	border:none;
	border-radius:0;
	font-size:12px;
	line-height:14px;
	padding:2px 3px;}
.job.recurrence .form .holder label select option{color:#000;}
.job.recurrence .form .holder input:checked+label select{color:#fff;}


.job.recurrence .form .rec-type.calendar{border:none; padding:0;}
.job.recurrence .form .rec-type.calendar>.calendar-range{margin:0;}
.job.recurrence .form .rec-type.calendar>.calendar-range .ui-datepicker{max-width:100%;}



@media screen and (max-width:768px) {
	.job.recurrence .item.type label{text-align:left;}
	.job.recurrence .item.type>label{display:block;}
	.job.recurrence .form{text-align:center;}
	.job.recurrence .form .holder{display:block;}
	.job.recurrence .form .holder label{display:block;}
	.job.recurrence .form .holder label:first-of-type{border-radius:4px 4px 0 0;}
	.job.recurrence .form .holder label:last-of-type{border-radius:0 0 4px 4px;}
	.job.recurrence .form .end-type>label{margin:0 auto; display:block;}
	.job.recurrence .form .weekly .checkboxes>span>span label{margin:0 1px 0 0; padding:0 3px;}
}
.job .applicants{margin-bottom:10px auto;}
.job .applicants a {
	display:inline-block;
	margin:0 2px 6px 0;
	text-decoration:none;
	vertical-align:top;}
.job .applicants a img {
	border-radius:50%;
	-webkit-border-radius:50%;
	display:block;
	height:36px;
	width:36px;}

/******** profile - profileView - profileList - profileEdit --> ********/
.profile{}
.profile a{text-decoration:none;}
.profile h2, .profile h3, .profile h4, .profile p{line-height:1.3em; margin:4px auto;}
.profile h2{font-size:24px; margin:0 auto 3px;}
.profile h3 {color:#000; font-size:14px; font-weight:400; word-break:break-word;}
.profile h4 {font-size:14px;}
.profile p {font-size:13px; color:#444;}
.profile p a{color:#b6b6b6;}
.profile p em{color:#888;}
/*.profile .star-rating-widget > span:first-child{display:none;}*/
.profile .title, .profile .title a{color:#000; text-transform:capitalize; font-weight:600; margin:0 auto 4px;}
.profile .title a.to-favorite{margin:10px 0; height:15px; vertical-align:top; width:15px;}
.profile .subtitle, .profile .subtitle a, .profile .companyName, .profile .companyName a{font-weight:400;	color:#a5a5a5;}
.profile .info{display:inline-block; margin-right:8px; margin-top:0; vertical-align:top;}
.profile .info span{color:#888; font-weight:normal;}
.profile .reviews{font-style:italic;}
.profile .posted{font-size:12px; font-weight:normal; text-transform:none;}
.profile .activity{font-weight:normal; color:#444; margin-top:3px; font-size:12px;}
.profile .location{}
.profile .location a{
	background-image:url(/img/location.png);
	background-position:right;
	background-repeat:no-repeat;
	background-size:contain;
	max-width:50px;
	padding-right:25px;}
.profile .location a, .profile .location a:hover{color:#888; font-weight:normal;}

.profile .location img{height:1em; vertical-align:top; margin-left:3px; margin-top:3px;}
.profile .desc.short{
	color:#888;
	display:block;
	font-style:italic;
	max-width:100%;
	max-height:calc(11px * 1.4 * 4);
	margin:0 auto;
	font-size:12px;
	line-height:1.4em;
	overflow:hidden;
	position:relative;
	text-align:justify;
	word-break:break-word;
	/*	text-overflow: ellipsis;
        -webkit-line-clamp:3;
        -webkit-box-orient: vertical;*/
}
/*.profile .desc.short:after{
	background-color:#fff;
	content:'...';
	position:absolute; left:0; top:50px;
	width:100%;
}*/

.profile .value-details{text-align:left; color:#000; font-weight:600; position:relative; overflow:hidden;}
.profile .value-details strong{color:#6EC07A; font-weight:600;}
.profile .value-details em{color:#6EC07A; font-weight:400;}
.profile .value-details>span{margin-right:.5em; white-space:nowrap;}
.profile .value-details h2,
.profile .value-details h3,
.profile .value-details h4,
.profile .value-details p {margin:0 auto 10px; color:#888; font-weight:normal;}
.profile .value-details h4{font-size:14px; font-weight:600; color:#6EC07A;}
.profile .value-details h2 strong,
.profile .value-details h3 strong,
.profile .value-details p strong {font-weight:600; color:#000;}
.profile .value-details .green {color:#6EC07A;}
.profile .value-details .star-rating-widget{display:inline-block; margin:0 auto; white-space:nowrap; float:right;}
.profile .value-details .star-rating-widget > span:first-child{font-size:14px;}
@media screen and (max-width:998px){
	.profile .value-details .star-rating-widget{float:none;}
}
.profile .value-details .status{color:#687380;}
.profile .value-details .status.Accepted{color:#58C947;}
.profile .value-details .status.Confirmed{color:#58C947;}
.profile .value-details .status.Rejected{color:#F2605E;}
.profile .value-details .status.Conditionally{color:#F2BA39;}

.profile.profileView {}
.profile.profileView h2,
.profile.profileView h2 a {color:#000;}
.profile.profileList{}
.profile.profileList .title, .profile.profileList .title a{font-size:18px;}
.profile.profileList .title a.to-favorite{margin:2px 0 0; vertical-align:top;}
.profile.profileList .avatar {padding-right:0;}
.profile.profileList .input-group{display:block;}
.profile.profileList .input-group select{
	color:#888;
	font-size:13px;
	max-width:100%;
	width:100%;}
.profile.profileEdit{overflow:visible;}
.profile.profileEdit .item {margin:0 0 10px;}
.profile.profileEdit .item label{margin:5px auto; font-weight:600; display:block;}
.profile.profileEdit .item.checkboxes .row div label{font-weight:normal; display:inline-block; margin:0 auto;}
.profile.profileEdit .item.checkboxes .row div input[type="radio"]{margin-right:4px;}
.profile.profileEdit .item.checkboxes div label{font-weight:normal;}

.profile.profileEdit .item.checkboxes .row div label.employee_can_see_blocks_other_employees{margin-left:18px;}
.profile.profileEdit .item.checkboxes .row div label.employee_let_employees_add_bonuses{margin-bottom:18px; margin-left:18px;}
.profile.profileEdit .item.checkboxes .row div label.employee_can_see_full_shift{margin-bottom:18px;}

.profile.profileReview{}
.profile.profileReview .star-rating-control{display:block; position:relative; overflow:hidden; margin:8px auto 8px;}
.profile.profileReview .rate .rating-cancel{display:none !important;}
.profile.profileReview textarea{width:100%;}
.profile.profileEdit input[type="email"],
.profile.profileEdit input[type="password"],
.profile.profileEdit input[type="tel"],
.profile.profileEdit input[type="text"],
.profile.profileEdit .item textarea,
.profile.profileEdit select{width:100%; margin-bottom:0; border-color:#ddd; padding:5px 10px;}
.profile.profileEdit .item input[type="text"]:disabled{background-color:#fbfbfb; color:#b6b6b6;}
.profile.profileEdit input[type="checkbox"],
.profile.profileEdit input[type="radio"] {margin:0 0 0 0; vertical-align:middle;}
.profile.profileEdit .intl-tel-input.allow-dropdown {width:100%; max-width:300px;}
.profile.profileEdit .intl-tel-input.allow-dropdown .flag-container {left:auto; right:0;}
.profile.profileEdit .intl-tel-input.allow-dropdown .tel-code{
	color:#ccc;
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	margin:auto;
	position:absolute; top:6px; left:10px; }

.profile.profileEdit .photo{
	padding-top:2.5em;
	text-align:center;
	position:relative;}
.profile.profileEdit .photo .remove{
	background-image:url(/img/icons/iconn_cancel@2x.png);
	background-size:cover;
	display:none;
	height:14px; width:14px;
	opacity:.5;
	position:absolute; right:40px; top:2em;}
.profile.profileEdit .photo .avatar,
.profile.profileEdit .photo .logo_path {
	box-sizing:border-box;
	display:inline-block;
	margin:0 auto 1em;
	width:100px;
	height:100px;
	padding:0;
	border-radius:50%;
	-webkit-border-radius:50%;}
.profile.profileEdit .jcrop-holder {margin:0 auto;}
.profile.profileEdit .jcrop-keymgr {display:none !important;}
.profile.profileEdit ul.employee-language{padding:0; margin:0;}
.profile.profileEdit ul.employee-language li{
	background:#ebebeb;
	border:1px solid #ddd;
	border-radius:5px;
	font-size:13px;
	display:inline-block;
	margin:0 6px 6px 0;
	padding:0 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;}
.profile.profileEdit ul.employee-language li .title{padding-right:5px;}
.profile.profileEdit .my-radio-block{padding:5px 0;}
.profile.profileEdit .my-radio-block-item{display:inline-block;}
.profile.profileEdit .my-radio-block-item label{font-weight:normal; display:inline-block; margin:0 10px 0 0;}
@media screen and (max-width:768px){
	.profile.profileEdit .intl-tel-input.allow-dropdown .country-list{max-width:300px;}
	.profile.profileEdit .photo .remove{margin-right:-60px; right:50%; top:2em;}
}

/******** avatar --> ********/
.avatar-bg{
	background-color:#fff;
	background-image: url(/img/default-avatar.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:50%;
	box-shadow:0 1px 3px #ddd;
	display:inline-block;
	margin:0 auto;
	width:32px; height:32px;}

#header .user .avatar a .avatar-bg{height:32px; width:32px;}
.profile.profileEdit .photo .avatar-bg{height:100px; margin-bottom:1em; width:100px;}
.profile.profileList .avatar-bg, .job.jobList .avatar-bg{height:60px; width:60px;}
.profile.profileView .avatar-bg, .job.jobView .avatar-bg{height:80px; width:80px;}
.profile.profileReview .avatar-bg{height:80px; width:80px;}
.job.jobReminder .avatar-bg{height:90px; width:90px;}
.employee-dialogue .avatar-bg{height:116px; margin-bottom:6px; width:116px;}



.item-ava,.item-info{display:inline-block; vertical-align:top;}

.item-info{}
.item-btns{text-align:right;}

.job.jobList .item-ava,
.profile.profileList .item-ava{width:60px; margin-right:12px; margin-bottom:12px;}

.job.jobView .item-ava,
.profile.profileView .item-ava{width:80px; margin-right:12px; margin-bottom:12px;}

.job.jobList .item-info,
.profile.profileList .item-info{width:calc(100% - 80px);}

.job.jobView .item-info,
.profile.profileView .item-info{width:calc(100% - 100px);}



@media screen and (max-width:560px){
	.item-ava,.item-info{display:block;}
	.job.jobList .item-ava, .profile.profileList .item-ava,
	.job.jobView .item-ava, .profile.profileView .item-ava{width:100%; margin:0 auto; text-align:center;}
	.job.jobList .item-info, .profile.profileList .item-info,
	.job.jobView .item-info, .profile.profileView .item-info{width:100%;}
	.job .title, .profile .title, .job .companyName, .profile .companyName, .job .subtitile, .profile .subtitile{text-align:center;}
	.star-rating-widget{text-align:center;}
}
@media screen and (max-width:768px){
	.item-btns{text-align:center;}
}

.avatar{text-align:center;}
.avatar img {
	border-radius:100%;
	-webkit-border-radius:100%;
	margin:0 auto;
	max-width:90px;
	width:100%;}
.profileView .avatar img{max-width:100px;}
.jobView .avatar img{max-width:100px;}
@media screen and (max-width:768px){
	.avatar img{margin-bottom:8px;}
}

/******** tags --> ********/
.tags {margin:10px auto;}
.tags span{display:none;}
.tags a, .tags .name {
	background:#F8F8F8;
	border-radius:5px;
	-webkit-border-radius:5px;
	color:#888;
	cursor:default;
	display:inline-block;
	font-size:12px;
	line-height:14px;
	margin:0 10px 5px 0;
	padding:5px 15px;
	pointer-events:none;}

.tags .scrollable{width:auto; max-width:none; height:30px; overflow:visible; white-space:nowrap;}
.tags .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom:16px;}
.tags .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:1px;}
.tags .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:5px; margin-top:5px; background-color:#ddd;}

/******** shift-dialogue --> ********/
.shift-dialogue{}

.shift-dialogue input[type="text"],
.shift-dialogue select{color:#2e2e2e; font-size:13px; padding-left:13px;}
.shift-dialogue input[type="number"]{display:inline-block; height:auto; margin-left:6px; margin-top:3px; padding:3px 3px 3px 6px; width:60px;}

.shift-dialogue .section-title{color:#000; font-size:14px; font-weight:600; line-height:19px; margin:20px auto;}
.shift-dialogue .section-title img{margin-right:7px; width:20px;}
.shift-dialogue .section-title span{color:#a5a5a5; display:block; font-size:11px; font-weight:400; line-height:15px; margin-left:27px;}

.shift-dialogue .shift-templates{margin-bottom:20px;padding-bottom:1px;  position:relative;}
.shift-dialogue .shift-templates:after{
	background-color:#ededed;
	content:'';
	display:block;
	height:.5px;
	position:absolute; bottom:0; left:-40px; right:-40px;}
@media screen and (max-width:768px){
	.shift-dialogue .shift-templates:after{left:-15px; right:-15px;}
}


.shift-dialogue .shift-templates label{display:block;}
.shift-dialogue .shift-templates .section-title{cursor:pointer; margin-top:0;}
.shift-dialogue .shift-templates .section-title:after{
	background-image:url(/img/icons/ic_arrow_menu_up_black.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	content:'';
	display:inline-block;
	margin-left:9px;
	width:9px; height:9px;}
.shift-dialogue .shift-templates .section-title.closed:after{background-image: url(/img/icons/ic_arrow_menu_black.png);}
.shift-dialogue .shift-templates .templates{display:none;}
.shift-dialogue .shift-templates .templates .template{
	background:#b6b6b6;
	border-radius:4px;
	font-size:13px;
	font-weight:600;
	display:inline-block;
	margin:0 3px 6px 0;
	padding:2px 8px;}
.shift-dialogue .shift-templates .templates .template a{color:#fff; font-size:11px; font-weight:600; cursor:pointer; text-decoration:none;}
.shift-dialogue .shift-templates .templates .template a.remove{
	display:inline-block;
	font-size:16px;
	margin:0 0 0 12px;
	padding:0;
	vertical-align:bottom;}
.shift-dialogue .shift-templates .templates .template .employees-number{
	background-image: url(/img/employees-number.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:10px;
	display:inline-block;
	margin:0 3px;
	padding-left:12px;
}
.shift-dialogue .shift-templates .templates .template > span {
	font-style: normal;
	display: inline-block;
	margin: 0px 0 0 12px;
	padding-left: 19px;
	background: url(/img/employer_quantity.png) no-repeat left;}

.shift-dialogue .date label{width:100%;}
.shift-dialogue .date input{width:calc(100% - 30px);}
.shift-dialogue .date img{margin-left:6px; width:15px;}

.shift-dialogue .additional{position:relative;}
.shift-dialogue .additional:before{
	background-color:#ededed;
	content:'';
	display:block;
	height:1px;
	position:absolute; top:0; left:-40px; right:-40px;}
.shift-dialogue .additional .public{cursor:pointer;}
.shift-dialogue .additional .outside-fields{display:none;}
.shift-dialogue .additional hr{margin-top:0;}
.shift-dialogue .additional textarea{font-size:13px; overflow:hidden; padding:5px 10px;}
.shift-dialogue .additional label.per-label span{color:#7e7e7e;}
.shift-dialogue .additional .tips{padding:3px 0;}
.shift-dialogue .additional .tips label{font-weight:400;}

.shift-dialogue .period{padding:15px 0;}
.shift-dialogue .period .date,
.shift-dialogue .period .time{margin-bottom:15px;}
.shift-dialogue .period label{
	color:#444;
	display:block;
	font-size:14px;
	margin:5px auto;}
.shift-dialogue .period input{width:100%;}
.shift-dialogue .period .arrow{position:relative;}
.shift-dialogue .period .arrow:after{
	box-sizing:border-box;
	color:#888;
	content:"→";
	font-size:1.5em;
	font-weight:700;
	padding:5px 10px;
	position:absolute;
	top:0; right:0;
	width:1em;
	height:1em;}
.shift-dialogue .switch-field{
	background-color:#e4e4e4;
	border-radius:25px;
	display:inline-block;
	margin:10px auto;
	overflow:hidden;
	padding:0;
	text-align:center;}
.shift-dialogue .switch-field input{display:none;}
.shift-dialogue .switch-field label{
	background-color:#e4e4e4;
	border-radius:25px;
	display:inline-block;
	font-weight:600;
	margin:0 auto;
	text-align:center;
	text-shadow:none;
	padding:6px 24px;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	vertical-align:top;
	z-index:100;}
.shift-dialogue .switch-field label:hover{cursor:pointer;}
.shift-dialogue .switch-field input:checked + label{background-color:#6EC07A; color:#fff; padding:6px 30px;}
.shift-dialogue .switch-field br{display:none;}
.shift-dialogue .buttons label{font-weight:normal;}
.shift-dialogue .buttons .status {text-align:left;}
.shift-dialogue .buttons .status h4{font-size:14px; font-style:italic; font-weight:600;}
.shift-dialogue .buttons .status .green{color:#6EC07A;}
.shift-dialogue .buttons .status .red{color:#a94442;}
@media screen and (max-width:768px){
	.shift-dialogue .shifts{margin-left:15px; margin-right:15px;}
	.shift-dialogue .buttons{text-align:center;}
	.shift-dialogue .buttons .status {text-align:center;}
	.shift-dialogue .employees.required .btn-sqr{max-width:60px;}
}

.shift-dialogue .employees.info label strong,
.shift-dialogue .employees.info em{color:#888; font-size:13px; font-weight:400;}


.shift-dialogue .email-link {
	float: right;
}

.modal{}
.modal .modal-title{text-align:center;}
.modal .modal-title span.date,
.modal .modal-title span.time{color:#888; font-weight:400; white-space:nowrap;}
@media screen and (max-width:768px){
	.modal .modal-title span.date,
	.modal .modal-title span.time{font-size:12px;}
}

.modal .modal-body .fake-input{border:1px solid #ddd; border-radius:5px; padding:3px 13px;}

.availability-modal .sep{
	background-color:#ededed;
	height:.5px;
	margin-bottom:20px;
	margin-left:-40px;
	margin-right:-40px;
}

.availability-modal .request .ava{border-radius:50%; display:inline-block; margin-top:4px; vertical-align:middle; width:28px;}
.availability-modal .request .msg{display:inline-block; padding-left:6px; vertical-align:middle; width:calc(100% - 32px);}
.availability-modal .request .msg .name{font-weight:600; padding-right:3px; text-decoration:none;}
.availability-modal .request .error-box{color:#f26d7d; font-size:14px; font-weight:600; margin:0 auto 12px;}


.availability-modal .swap-section{margin-bottom:20px;}
.availability-modal .swap-section label{display:block;}

.availability-modal .swap-section .section-title{
	color:#000;
	cursor:pointer;
	font-size:14px; font-weight:600; line-height:19px;
	margin:20px auto;
	margin-top:0;}
.availability-modal .swap-section .section-title:after{
	background-image:url(/img/icons/ic_arrow_menu_up_black.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	content:'';
	display:inline-block;
	margin-left:9px;
	width:9px; height:9px;}
.availability-modal .swap-section .section-title.closed:after{background-image: url(/img/icons/ic_arrow_menu_black.png);}
.availability-modal .swap-section .section-title img{margin-right:7px; width:20px;}
.availability-modal .swap-section .section-title span{
	color:#a5a5a5; display:block; font-size:11px; font-weight:400; line-height:15px; margin-left:27px;
}

.availability-modal .swap-section .item{padding:6px 0; border-bottom:1px solid #ededed;}
.availability-modal .swap-section .item:last-child{border:none;}
.availability-modal .swap-section .item .ava{border-radius:50%; display:inline-block; margin-top:4px; vertical-align:middle; width:28px;}
.availability-modal .swap-section .item .name{
	display:inline-block;
	font-size:12px;
	line-height:16px;
	overflow:hidden;
	padding-left:6px;
	text-overflow:ellipsis;
	vertical-align:middle;
	white-space:nowrap;
	width:calc(100% - 32px);}
.availability-modal .swap-section .item .status{font-size:12px; margin-right:18px;}

.availability-modal .status h4{font-size:14px; font-weight:600; margin:0;}
.availability-modal .status h4.red{color:#f26d7d;}

.hire-employee-modal textarea{font-size:13px; overflow:hidden; padding:5px 10px;}
.hire-employee-modal input[type="text"],
.hire-employee-modal select{color:#2e2e2e; font-size:13px; padding-left:13px;}
.hire-employee-modal .modal-title{text-align:center;}
.hire-employee-modal .modal-title span{color:#888; font-weight:400;}
.hire-employee-modal .section-title{color:#000; font-size:14px; font-weight:600; line-height:19px; margin:0 auto 20px;}
.hire-employee-modal .section-title img{margin-right:7px; margin-top:2px; vertical-align:top; width:17px;}
.hire-employee-modal .section-title span{color:#a5a5a5; display:block; font-size:11px; font-weight:400; line-height:15px; margin-left:27px;}

.hire-employee-modal .details-section hr{margin-top:0; margin-bottom:15px;}
.hire-employee-modal .details-section textarea{font-size:13px; overflow:hidden; padding:5px 10px;}
.hire-employee-modal .details-section label.per-label span{color:#7e7e7e;}
.hire-employee-modal .details-section .fake-input{border:1px solid #ddd; border-radius:5px; padding:3px 13px;}
.hire-employee-modal .details-section .tips{padding:3px 0;}
.hire-employee-modal .details-section .tips label{font-weight:400;}

.hire-employee-modal .job-section{position:relative;}

.hire-employee-modal .shifts .scroll-box{max-height:100px;}
#hire-employee-form .shifts .shift{
	background:#a6a6a6;
	border-radius:4px;
	color:#fff;
	cursor:pointer;
	font-size:10px;
	font-weight:700;
	display:inline-block;
	margin:3px;
	padding:6px 12px;
	position:relative;
}
#hire-employee-form .shifts .shift span{display:inline-block; position:relative; vertical-align:middle; z-index:999;}
#hire-employee-form .shifts .shift input[type="checkbox"],
#hire-employee-form .shifts .shift input[type="radio"]{display:none;}
#hire-employee-form .shifts .shift input[type="checkbox"]+.icon,
#hire-employee-form .shifts .shift input[type="radio"]+.icon{
	background-image:url(/img/icons/ic_add_shift_white.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	display:inline-block;
	height:11px; width:11px;
	margin-left:10px;
	position:static;
	vertical-align:middle;
	z-index:999;
}
#hire-employee-form .shifts .shift input[type="checkbox"]:checked+.icon:before,
#hire-employee-form .shifts .shift input[type="radio"]:checked+.icon:before{
	background-color:#58C947;
	background-image:url(/img/icons/ic_select_box.png);
	background-size:11px;
	background-repeat:no-repeat;
	background-position:92% center;
	border-radius:4px;
	content:'';
	position:absolute; left:0; right:0; top:0; bottom:0;}
#hire-employee-form .shifts .shift input[type="checkbox"]:checked+.icon,
#hire-employee-form .shifts .shift input[type="radio"]:checked+.icon{background-image:url(/img/icons/ic_select_box.png); height:15px;}

#hire-employee-form p.msg{color:#2e2e2e; font-size:16px; line-height:22px; margin:15px auto; text-align:center;}
#hire-employee-form p.msg img{height:26px; margin-right:10px;}

#job-shift-form .employees .employee {
	background:#f2f2f2;
	border-radius:4px;
	color:#444;
	display:inline-block;
	font-size:13px;
	font-weight:600;
	margin:3px;
	padding:6px;
	position:relative;
	text-decoration:none;}
#job-shift-form .employees .employee > .avatar-bg {
	width:30px;
	height:30px;
	display:inline-block; vertical-align:middle;
	margin:0 6px 0 0;}
#job-shift-form .employees .employee > i{
	background-size:20px;
	color:#444;
	display:inline-block;
	font-size:16px;
	font-style:normal;
	height:20px; width:20px;
	line-height:16px;
	margin:0 6px;
	vertical-align:middle;}
#job-shift-form .employees .employee > i.delete{
	background-image:url(/img/icons/iconn_cancel@2x.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:14px;
}
#job-shift-form .employees .employee > i.apply{
	background-image:url(/img/icons/ic_select_job.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:10px;}


#edit-time-form{}
#edit-time-form .tt{
	background-color:#eee;
	border-radius:6px;
	display:inline-block;
	vertical-align:top;
	margin:5px auto;
	margin-right:10px;
	min-width:420px;
	padding:0 6px;
	border-radius:4px;}
#edit-time-form .tt label,
#edit-time-form .tt input,
#edit-time-form .tt .time{display:inline-block; height:auto; margin:5px 2px; padding:0; vertical-align:middle; width:auto;}
#edit-time-form .tt input{cursor:pointer; text-align:center; width:77px;}
#edit-time-form .tt input[disabled="disabled"]{cursor:default; border-color:transparent;}
#edit-time-form .tt.tt-new{padding: 0;}
#edit-time-form .dp-label{background: white; border-radius: 3px;}
#edit-time-form label.dp-label{padding: 3px;}
#edit-time-form .dp-input-hidden{width:  1px !important; height: 0px !important;}

#edit-time-form .section-title{
	color: #000;
	font-size: 14px;
	font-weight: 600;
	line-height: 19px;
	margin: 5px auto;}

#edit-time-form .employees .employee {
	background:#ccc;
	border-radius:4px;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	font-weight:600;
	margin:3px;
	padding:6px;
	position:relative;
	text-decoration:none;}
#edit-time-form .employees .employee > .avatar-bg {
	width:30px;
	height:30px;
	display:inline-block; vertical-align:middle;
	margin:0 6px 0 0;
	position:relative;
	z-index:9999;}
#edit-time-form .employees .employee > span{position:relative; z-index:9999;}
#edit-time-form .employees .employee input[type="radio"]{display:none;}
#edit-time-form .employees .employee input[type="radio"]+.icon{
	background-image:url(/img/icons/ic_add_shift_white.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	display:inline-block;
	height:11px; width:11px;
	margin-left:10px;
	margin-right:5px;
	position:static;
	vertical-align:middle;
	z-index:999;
}
#edit-time-form .employees .employee input[type="radio"]:checked+.icon:before{
	background-color:#58C947;
	background-image:url(/img/icons/ic_select_box.png);
	background-size:11px;
	background-repeat:no-repeat;
	background-position:92% center;
	border-radius:4px;
	content:'';
	position:absolute; left:0; right:0; top:0; bottom:0;}
#edit-time-form .employees .employee input[type="radio"]:checked+.icon{background-image:url(/img/icons/ic_select_box.png); height:15px;}
@media screen and (max-width:768px){
	#edit-time-form .tt{margin-right:auto; min-width:inherit;}
	#edit-time-form .tt label,
	#edit-time-form .tt input,
	#edit-time-form .tt .time{margin:3px auto; text-align:center; width:100%;}
}


/******** Timeline WorkProgress --> ********/
.tracked-timeline{}
.tracked-timeline>h3{margin:0 auto .5em; text-align:left; font-size:18px; font-weight:600;}
.tracked-timeline>h3 a{text-decoration:none;}
.tracked-timeline .job-title, .tracked-timeline .job-total{
	font-size:16px;
	font-weight:600;
	line-height:22px;
	margin:0 auto 8px;}
.tracked-timeline .job-title{font-size:18px; text-align:left; text-transform:capitalize;}
.tracked-timeline .job-title a{text-decoration:none;}
.tracked-timeline .job-total{text-align:right;}
.tracked-timeline .item{border:1px solid #eee; margin-bottom:-1px; padding:0 6px; position:relative; text-align:center;}
.tracked-timeline .item .item-title{margin-bottom:3px; padding:3px; text-align:left;}
.tracked-timeline .item .item-title h4{color:#888; font-size:14px; margin-left:18px;}
.tracked-timeline .item .item-title .date{color:#444;}
.tracked-timeline .item .item-title .duration{color:#6EC07A; font-weight:600; white-space:nowrap;}
.tracked-timeline .item .btns{text-align:right;}
.tracked-timeline .item .btn-table{}
.tracked-timeline .item .sub-item{
	background-color:#f7f7f7;
	border-radius:3px;
	display:inline-block;
	margin:3px;
	padding:3px 6px;
	min-width:300px;}
.tracked-timeline .item .sub-item .sub-date{display:inline-block; text-align:center; vertical-align:top;}
.tracked-timeline .item .sub-item .sub-duration{display:inline-block; text-align:right; vertical-align:top; color:#888;}
.tracked-timeline .item .spoiler{position:absolute; top:8px; left:6px; color:#888; cursor:pointer;}
.tracked-timeline .item .spoiler a{color:#888; text-decoration:none; vertical-align:top;}
.tracked-timeline .buttons{border:none; margin:0 auto;}
.tracked-timeline .btn-blue{max-width:120px;}
@media screen and (max-width:768px){
	.tracked-timeline .job-title{text-align:center;}
	.tracked-timeline .job-total{text-align:center;}
	.tracked-timeline .item .item-title{text-align:center;}
	.tracked-timeline .item .sub-item{width:100%; min-width:0; font-size:12px;}
	.tracked-timeline .item .btns{text-align:center;}
}


.tracked .spoiler-btn{cursor:pointer; display:inline-block; font-size:14px; color:#888; border-bottom:1px dashed #888;}
.tracked .sub-item{
	background-color:#f7f7f7;
	border-radius:3px;
	display:inline-block;
	margin:3px;
	padding:3px 6px;}
.tracked .sub-item .sub-time{display:inline-block; text-align:center; vertical-align:top;}
.tracked .sub-item .sub-duration{display:inline-block; text-align:right; vertical-align:top; color:#888;}
.tracked.editable input{
	background:transparent;
	border:none;
	display:inline-block;
	height:20px;
	margin:0; padding:0;
	width:60px;}

.tracked.editable .ui-timepicker-container{width:90px !important;}

/******** Filter-search --> ********/
.filter-search{margin-bottom:0; padding-top:12px;}
.filter-search .row>div{padding:0 5px; margin-bottom:5px;}
.filter-search .btn-clear{cursor:pointer; display:inline-block; padding:0; width:auto;}
.filter-search label{font-weight:600; margin:6px auto 0;}
.filter-search option[value=""]{color:#888;}
.filter-search option[value="create"]{font-weight:600; color:#F2BA39; text-transform:uppercase; font-size:14px;}
.filter-search .checkAv{padding:0; margin:0 auto;}
.filter-search .checkAv label{font-weight:normal; margin-right:10px;}
.filter-search .checkAv label strong{font-weight:600;}
.filter-search .checkAv input[type="radio"]{margin-right:5px;}
.filter-search .buttons{border:none; padding:0; padding-top:23px; text-align:right;}
.filter-search .ms-options-wrap>button{
	color:#000;
	height:31px;
	line-height:12px;}


#job-list-filter{float:right; margin-top:-44px;}
#job-list-filter select{height:36px; width:150px;}
#notification-list-filter select{height:36px; width:150px;}


@media screen and (min-width:768px){
	.filter-search.filter-fc{padding-top:0;}
}
@media screen and (max-width:768px){
	#job-list-filter{margin-top:-35px;}
	#job-list-filter select{height:30px; padding:3px 6px; width:150px;}
	#notification-list-filter select{height:30px; padding:3px 6px; width:150px;}

	.filter-search{padding-top:0;}
	.filter-search .buttons{text-align:center;}
}

/******** Notifications --> ********/
#mark-as-viewed-all-block{font-size:13px;}
@media screen and (max-width:400px){
	#mark-as-viewed-all-block{
		display:block;
		position:static;
		line-height:inherit;
		margin:0px auto;
	}
}
.notifications{}
.notifications.content-box{padding:0;}
.notifications.content-box.view{padding:10px 0;}
.notifications.content-box.view .head{color:#888; font-size:.9em; text-align: right; display: inline-block;}
.notifications.content-box.view .body{font-size: 16px; font-weight: 600; text-align: left; display: inline-block;}
.notifications.content-box.view .shifts{margin: 15px auto 10px;}
.notifications.content-box.view .shifts .shift-item{background:#fbfbfb; border:1px solid #eee; margin-bottom: 3px; padding: 3px 6px;}
.notifications.content-box.view .shifts .shift-item>div{display:inline-block; vertical-align: top; padding: 0 3px;}
.notifications.content-box.view .shifts .shift-item .position{color:#6EC07A; font-weight:600;}
.notifications.content-box.view .shifts .shift-item .date{color:#444;}
.notifications.content-box.view .shifts .shift-item .time{color:#888;}
@media screen and (min-width:768px){
	.notifications.content-box.view .item{padding:20px 40px;}
}
@media screen and (max-width:480px){
	.notifications.content-box.view .shifts .shift-item .position{display: block;}
}
.notifications .list-view .items > .item:after{display:none;}
.notifications .list-view .items .empty{display:block; padding:6px 12px;}
.notifications .summary{margin:0;}
.notifications .item{border-bottom:1px solid #ddd; padding:3px 24px; position:relative;}
.notifications .item:last-child{border:none;}
.notifications .item.not-viewed{background-color:#eee;}

.notifications .item .item-body, .notifications .item .item-btns{display: inline-block; vertical-align: middle;}
.notifications .item .item-body{padding:10px; text-align: left; width:calc(100% - 110px);}
.notifications .item .item-btns{text-align: center; width:100px;}
.notifications .item .item-body div{padding-bottom:.5em; display:inline; vertical-align:bottom;}
.notifications .item .item-body-view div{padding-bottom:.5em; display:inline; vertical-align:bottom;}
.notifications .item .item-body a{font-weight:600;}
.notifications .item .item-body em{color:#888; white-space:nowrap;}
.notifications .clearall{color:#888; padding:1em 0; text-decoration:none;}
.notifications .btn.btn-sqr{width:90%;}
.notifications .btn.btn-clr{
	color:#888;
	font-family:monospace;
	font-size:1.3em;
	line-height:1em;
	padding:0;
	position:absolute;
	top:0; right:.5em;
	width:auto;}
@media screen and (max-width:768px){
	.notifications .item .item-body, .notifications .item .item-btns{display: block; text-align:center; width: 100%;}
}
/******** Acceptances --> ********/
.acceptances{}
.acceptances.content-box{padding:0;}
.acceptances .item{border-bottom:1px solid #f0f0f0; padding:3px 24px; position:relative;}
.acceptances .item .item-body a{color:#888; display:inline-block; text-decoration:none; vertical-align:-webkit-baseline-middle;}
.acceptances .item .item-body a strong{color:#00b0ff; font-weight:400; margin-right:5px;}
.acceptances .item:last-child{border:none;}
.acceptances .list-view .items .item:after{display:none;}


body .grid-view .summary{color:#888; font-size:.8em; margin-top:-32px;}
body .grid-view table.items th{background:none; color:#000; font-size:13px; line-height:1.2em; text-align:left; padding: 6px 3px;}
body .grid-view table.items th a{background:none; color:#000;}
body .grid-view table.items tr.even{background:#fff;}
body .grid-view table.items tr.odd{background:#f7f7f7;}
body .grid-view table.items tbody td{
	line-height:1.4em;
	max-width:300px;
	text-overflow:ellipsis;
	word-break:break-word;}
body .grid-view table.items .dropdown-menu{
	border: none;
	box-shadow: 0 6px 32px 0 rgba(0,0,0,0.15);
	bottom:0; left:auto; right:35px; top:auto; 
	max-width: 302px;
	padding: 4px 0;
	width: 100%;}
body .grid-view table.items .dropdown-menu>li>a{
	color: #2e2e2e;
	display: block;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden;
	padding: 7px 14px;
	text-overflow: ellipsis;
	white-space: nowrap;}
body .grid-view table.items .dropdown-menu>li>a:hover{background:transparent; background-color:#f9f9f9;}


body .grid-view table.items .btn-default, .adminpanel .grid-view table.items .btn-default{
	background-color:#fff;
	background-image:url(/img/adm_icons/icon_edit_dark.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	border:none;
	border-radius:3px;
	box-shadow:none;
	text-indent:-9999em;
	text-transform:uppercase;
	padding:3px;
	overflow:hidden;
	width:32px;}

.adminpanel{}
.adminpanel .table-head{background:#fff; border-bottom:none; border-radius:5px 5px 0 0; padding:3px 24px;}
.adminpanel .table-head .btn, .adminpanel .table-head a{display:inline-block; vertical-align:middle;}
.adminpanel .summary{display:none;}
.adminpanel ul.yiiPager li{display:inline-block; vertical-align:top; margin-top:5px;}
.adminpanel .grid-view{background-color:#fff; border-radius:5px; margin:0; padding:15px 5px 40px;}
.adminpanel .mCSB_horizontal.mCSB_inside > .mCSB_container{/*display:inline-block;*/ width:auto !important;}

.adminpanel .grid-view .pager{font-weight:600;}
.adminpanel .grid-view .filters input,
.adminpanel .grid-view .filters select{border:1px solid #ddd; line-height:16px; padding: 5px 3px 6px 3px;}
.adminpanel .grid-view .filters select{padding:2px 3px 2px 3px;}
.adminpanel .grid-view table.items tr, .adminpanel .grid-view table.items tr.selected{background:none;}
.adminpanel .grid-view table.items tr:hover{background-color:#f6f6f6;}
.adminpanel .grid-view table.items thead th{width:40px;}
.adminpanel .grid-view table.items thead th,
.adminpanel .grid-view table.items thead th a{background:none; color:#444; font-weight:600; font-size:12px;}
.adminpanel .grid-view table.items thead th a{border-bottom:1px dashed #444;}
.adminpanel .grid-view table.items tr.even{background-color:#fff;}
.adminpanel .grid-view table.items tr.odd{background-color:#f7f7f7;}
.adminpanel .grid-view table.items .btn{
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:3px;
	-webkit-border-radius:3px;
	color:#444;
	display:inline-block;
	font-size:13px;
	font-weight:600;
	margin:3px auto;
	padding:3px 6px;
	vertical-align:top;
	text-decoration:none;
	text-align:center;}
.adminpanel .grid-view table.items .dropdown-menu{left:auto; right:0;}
/*.adminpanel .grid-view table.items .dropdown-menu-min{ top:-20px;}*/
.adminpanel .grid-view table.items td{font-size:11px;}
@media screen and (min-width:1023px){
	.adminpanel .grid-view table.items thead .filters td{padding-bottom:15px;}

	.adminpanel .grid-view table.items td,
	.adminpanel .grid-view table.items th{line-height:1.5em;}

	.adminpanel .grid-view table.items tr.even:hover{background:#ECFBD4;}
	.adminpanel .grid-view table.items tr.odd:hover{background:#ECFBD4;}

	.adminpanel .grid-view table.items thead tr th:nth-child(6){max-width:120px; overflow:hidden; text-overflow:ellipsis;}
	.adminpanel .grid-view table.items thead tr th:nth-child(13){width:80px;}
	.adminpanel .grid-view table.items tbody tr td:nth-child(13){width:80px;}
}
@media screen and (min-width:1023px) and (max-width:1366px){
	.adminpanel .grid-view table.items{font-size:11px;}
	.adminpanel .grid-view table.items thead th{width:24px;}
	.adminpanel .grid-view table.items thead th:nth-child(13){width:64px;}
}
@media screen and (min-width:1023px) and (max-width:1025px){
	.adminpanel .grid-view table.items td{font-size:9px;}
}
@media screen and (max-width:1023px){
	.adminpanel .grid-view .pager{font-size:10px; text-align:left; width:100%;}
	.adminpanel .grid-view table.items{
		border:none;
		display:block;
		font-size:10px !important;
		max-width:none;
		white-space:nowrap;}
	.adminpanel .grid-view table.items input,
	.adminpanel .grid-view table.items select,
	.adminpanel .grid-view table.items .btn{height:18px; line-height:1em; margin:2px 0 0; padding:0 5px; background:#fff; display:block;}
	.adminpanel .grid-view table.items .btn{font-size:10px; margin:0 auto;}
	.adminpanel .grid-view table.items .btn-group{vertical-align:top;}
	.adminpanel .grid-view table.items thead {
		background-color:#e8e8e8;
		border:1px solid #aaa;
		display:inline-block;
		height:auto;
		padding:0 3px;
		vertical-align:top;}
	.adminpanel .grid-view table.items thead tr{display:inline-block; vertical-align:top; width:68px;}
	.adminpanel .grid-view table.items thead tr th,
	.adminpanel .grid-view table.items thead tr td{
		border:none; border-bottom:1px solid #eee;
		display:block;
		font-size:10px;
		height:22px;
		margin:0;
		overflow:hidden;
		padding:0;
		text-align:left;
		text-overflow:ellipsis;
		width:100% !important;
		white-space:nowrap;}
	.adminpanel .grid-view table.items thead tr th a{font-size:10px;}
	.adminpanel .grid-view table.items tbody {
		border:1px solid #ddd;
		display:inline-block;
		height:auto;
		vertical-align:top;
		white-space:nowrap;}
	.adminpanel .grid-view table.items tbody tr{display:inline-block; padding:0 3px; vertical-align:top; width:120px; }
	.adminpanel .grid-view table.items tbody tr td{
		border:none; border-bottom:1px solid #eee;
		display:block;
		height:22px;
		margin:0;
		overflow:hidden;
		padding:0;
		text-overflow:ellipsis;
		width:100%;
		white-space:nowrap;}
	.adminpanel .grid-view table.items tbody tr td.button-column{overflow:visible;}
	.adminpanel .grid-view table.items .dropdown-menu{left:-50%; right:auto; top:auto; bottom:20px;}
}
select.onboarding_status{background:none; border:none; max-width:140px; outline:none; padding:0;}
.onboarding_status_new .name{color:#f26d7d;}
.onboarding_status_done_interview .name{color:#009EFF;}
.onboarding_status_workbright_link_sent .name{color:#F2BA39;}
.onboarding_status_good_to_go .name{color:#6EC07A;}

.superadmin ul.yiiPager li{display:inline-block; vertical-align:top; margin-top:5px;}
.superadmin{height:auto; position:relative; background-color:#f5f5f5 !important; width:100%; min-width:0; background:#fff;}
.superadmin div.flash-error, div.flash-notice, div.flash-success{padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.superadmin div.flash-error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.superadmin div.flash-notice{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.superadmin div.flash-success{background:#E6EFC2;color:#264409;border-color:#C6D880;}
.superadmin div.flash-error a{color:#8a1f11;}
.superadmin div.flash-notice a{color:#514721;}
.superadmin div.flash-success a{color:#264409;}
.superadmin div.form .rememberMe label{display:inline;}
.superadmin div.view{padding:10px;margin:10px 0;border:1px solid #C9E0ED;}
.superadmin div.breadcrumbs{font-size:0.9em;padding:5px 20px;}
.superadmin div.breadcrumbs span{font-weight:600;}
.superadmin .portlet{}
.superadmin .portlet-decoration{padding:3px 8px;background:#B7D6E7;border-left:5px solid #6FACCF;}
.superadmin .portlet-title{font-size:12px;font-weight:600;padding:0;margin:0;color:#298dcd;}
.superadmin .portlet-content{font-size:0.9em;margin:0;padding:5px 8px;margin-bottom:15px;background:#EFFDFF;}
.superadmin .portlet-content ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
.superadmin .portlet-content li{padding:2px 0 4px 0px;}
.superadmin .post{margin:0 0 20px;}
.superadmin .post .title{font-size:1.5em;border-bottom:1px solid #C9E0ED;}
.superadmin .post .title a{color:#555;text-decoration:none;}
.superadmin .post .author{color:#888;margin:0 0 5px;}
.superadmin .post .nav{-moz-border-radius:7px;padding:5px;background:#EFFDFF;}
.superadmin .comment{-moz-border-radius:7px;padding:10px;background:#F5F5F5;margin:5px 0;}
.superadmin .comment .content{margin:10px 0;}
.superadmin .comment .author{margin:5px 0;padding:0 0 3px;border-bottom:1px solid #DDD;}
.superadmin .comment .time{color:#888;font-size:0.8em;}
.superadmin .comment a.cid{color:#CCC;float:right;font-size:1.5em;font-weight:600;padding:0 5px 5px 5px;text-decoration:none;}
.superadmin .comment a.cid:hover{color:#555;}
.superadmin .comment .pending{color:red;}
.superadmin .left{float:left;}
.superadmin .right{float:right;}
.superadmin .clear{clear:both;}

.superadmin .block-left{
	background:#3A3F4E;
	position:absolute;
	top:55px;	left:0;
	min-height:100%;
	width:50px;}
.superadmin .block-left ul{margin:0; padding:0;}
.superadmin .block-left ul li{
	display:block;
	padding:0;
	overflow:hidden;
}
.superadmin .block-left ul li a{
	color:#ddd;
	border-left:3px solid transparent;
	display:block;
	background-color:transparent;
	font-size:13px;
	font-weight:600;
	text-decoration:none;
	padding:10px;
	padding-left:50px;
	background-repeat:no-repeat;
	background-position:6px center;
	background-size:30px;
	white-space:nowrap; overflow:hidden;
}
.superadmin .block-left ul li.edit-profile a{background-image:url(/img/adm_icons/icon_edit.png?v=030818);}
.superadmin .block-left ul li.users a{background-image:url(/img/adm_icons/icon_users.png?v=030818);}
.superadmin .block-left ul li.jobs a{background-image:url(/img/adm_icons/icon_jobs.png?v=030818);}
.superadmin .block-left ul li.emails a{background-image:url(/img/adm_icons/icon_emails.png?v=030818);}
.superadmin .block-left ul li.skills a{background-image:url(/img/adm_icons/icon_skills.png?v=030818);}
.superadmin .block-left ul li.languages a{background-image:url(/img/adm_icons/icon_languages.png?v=030818);}
.superadmin .block-left ul li.options a{background-image:url(/img/adm_icons/icon_options.png?v=030818);}
.superadmin .block-left ul li.log-msg a{background-image:url(/img/adm_icons/icon_log-msg.png?v=030818);}
.superadmin .block-left ul li.log-api a{background-image:url(/img/adm_icons/icon_log-api.png?v=030818);}
.superadmin .block-left ul li.log-ar a{background-image:url(/img/adm_icons/icon_log-ar.png?v=030818);}
.superadmin .block-left ul li.log-full a{background-image:url(/img/adm_icons/icon_log-full.png?v=030818);}
.superadmin .block-left ul li.docs a{background-image:url(/img/adm_icons/icon_docs.png?v=030818);}
.superadmin .block-left ul li.status a{background-image:url(/img/adm_icons/icon_status.png?v=030818);}
.superadmin .block-left ul li.roles a{background-image:url(/img/adm_icons/icon_roles.png?v=030818);}
.superadmin .block-left ul li.logout a{background-image:url(/img/adm_icons/icon_logout.png?v=030818);}
.superadmin .block-left ul li.developer a{background-image:url(/img/adm_icons/icon_developer.png?v=030818);}
.superadmin .block-left ul li.bitbucket a{background-image:url(/img/adm_icons/icon_bitbucket.png?v=030818);}
.superadmin .block-left ul li.errors a{background-image:url(/img/adm_icons/icon_errors.png?v=030818);}
.superadmin .block-left ul li.errors.red a{background-image:url(/img/adm_icons/icon_errors-red.png?v=030818);}

.superadmin .block-left ul li a:hover, #mainmenu ul li.active a{
	color:#fff;
	background-color:#313542;
	text-decoration:none;
	border-color:#F2BA39;
}
.superadmin .block-left .sidebar-toggle{
	border:none !important;
	color:#fff;
	padding:10px 0;
	margin:0 auto;
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	text-decoration:none;}
.superadmin .block-left .sidebar-toggle:hover,
.superadmin .block-left .sidebar-toggle:focus,
.superadmin .block-left .sidebar-toggle:visited{color:#fff;}

.superadmin .block-main{margin-left:50px;}
.superadmin .block-main h1{font-size:24px; margin:0 auto 10px;}
.superadmin .block-main h3{font-size:18px; margin:0 auto 10px;}
.superadmin .block-main input,
.superadmin .block-main select{max-width:100%;}
.superadmin .block-main .pull-right{margin-top:-14px;}
.superadmin .block-main .form{
	background-color:#fff;
	border-radius:8px;
	display:inline-block;
	margin:10px auto;
	padding:10px 20px;}
.superadmin .block-main .form .title{Font-size:14px; font-weight:600; margin-bottom:20px; position:relative; text-transform:uppercase;}
.superadmin .block-main .form .title:after{
	background-color:#ededed;
	content:'';
	display:block;
	height:1px;
	position:absolute; left:-20px; right:-20px;
}
.superadmin .block-main .form .title .row>.col{padding-bottom:10px;}
.superadmin .block-main .search-box .form{background-color:#f8f8f8;}
.superadmin .block-main .btn{max-width:none; width:auto; padding-left:30px; padding-right:30px;}
.superadmin .block-main .form .checkboxes label{font-weight:400;}
.superadmin .block-main .form .checkboxes label input{vertical-align:text-top;}
.superadmin .block-main .form.makemanager{min-width:600px;}

.superadmin .block-main .select2-container{width:100% !important;}
.superadmin .block-main .select2-selection{height:32px; margin-top:3px; width:100% !important; border:1px solid #ddd;}
.superadmin .block-main .select2-selection>span{height:32px;}

.superadmin .block-main .btn-delete{
	background:#888;
	border-radius:3px;
	color:#fff;
	font-family:monospace;
	line-height:1em;
	margin:6px 0 0;
	padding:5px 10px;
}
.superadmin .block-main .btn.no-border{border:none; margin-top:4px;}

.superadmin .block-main .search-form .row{display:inline-block; margin:0 auto 3px; vertical-align:top; width:300px;}
.superadmin .block-main .search-form .row.buttons{width:100%; margin:0; padding:12px 0 0 0; text-align:center;}
.superadmin .block-main .search-form label,
.superadmin .block-main .search-form input,
.superadmin .block-main .search-form select{display:inline-block; float:none;}
.superadmin .block-main .search-form label{color:#444; line-height:1.2em;}
.superadmin .block-main .search-form input{height:32px; margin-top:0; vertical-align:inherit; width:150px;}
.superadmin .block-main .search-form select{height:32px; padding:0 3px; width:150px;}
.superadmin .block-main .search-form .btn{height:auto; margin:0 auto; width:150px;}

.superadmin .block-main #sidebar{margin:0; padding:0;}
.superadmin .block-main #sidebar ul{
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:3px;
	list-style-type:none;
	margin-left:10px;
	padding:10px;}
.superadmin .block-main #sidebar ul li{}
.superadmin .block-main #sidebar ul li a{
	background-color:#ebebeb;
	border:1px solid #ddd;
	border-radius:3px;
	color:#444;
	display:block;
	margin:3px auto;
	padding:3px 12px;
	text-align:center;
	text-decoration:none;
}
.superadmin .block-main .list-view .items .view{background-color:#fff;}
.superadmin .block-main .form-box,
.superadmin .block-main .search-box{
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:3px;
	color:#000;
	padding:15px;
	width:100%;}
@media screen and (max-width:1280px){
	.superadmin .block-main .form-box{overflow-x:auto; overflow-y:visible; padding-bottom:100px;}
}
.superadmin .block-main .grid-view .summary{color:#888; font-size:.8em; margin-top:-32px;}
.superadmin .block-main .grid-view table.items th{background:none; color:#000; font-size:13px; line-height:1.2em; text-align:left; padding: 6px 3px;}
.superadmin .block-main .grid-view table.items th a{background:none; color:#000;}
.superadmin .block-main .grid-view table.items tr.even{background:#fff;}
.superadmin .block-main .grid-view table.items tr.odd{background:#f7f7f7;}
.superadmin .block-main .grid-view table.items tbody td{
	line-height:1.4em;
	max-width:300px;
	text-overflow:ellipsis;
	word-break:break-word;}
.superadmin .block-main .grid-view table.items .dropdown-menu{left:auto; right:0;}
.superadmin .block-main .grid-view table.items .btn-default, .adminpanel .grid-view table.items .btn-default{
	background-color:#fff;
	background-image:url(/img/adm_icons/icon_edit_dark.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	border:none;
	border-radius:3px;
	box-shadow:none;
	text-indent:-9999em;
	text-transform:uppercase;
	padding:3px;
	overflow:hidden;
	width:32px;}
.superadmin .block-main .grid-view table.items .filters input,
.superadmin .block-main .grid-view table.items .filters select{height:30px; font-size:12px; line-height:14px; padding:3px;}


.superadmin .block-main .box{
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:3px;
	display:inline-block;
	width:auto;}
.superadmin .block-main .box .detail-view{min-width:360px; width:auto;}
.superadmin .block-main .box.skills .item{
	display:inline-block;
	font-size:0.9em;
	vertical-align:top;
	width:160px;
	margin:2px;
	padding:5px;
	background-color:#f8f8f8;}
.superadmin .block-main .box.skills .item:nth-child(2n){background-color:#E5F1F4;}

.export-block{
	background:#fff;
	border:1px solid #ddd;
	border-radius:4px 0 0 4px;
	display:inline-block;
	padding:5px;
	text-align:center;
	vertical-align:top;}
.export-block a,
.export-block a:hover,
.export-block a:active,
.export-block a:focus{
	background:#888 url(/img/download.png) no-repeat;
	background-position:90% center;
	background-size:16px;
	border:1px solid #888;
	border-radius:4px;
	color:#fff;
	display:inline-block;
	font-size:14px;
	line-height:28px;
	margin:3px;
	padding:3px 30px 3px 15px;
	vertical-align:top;
	text-decoration:none;
	text-align:center;}
.export-block .export-button{
	background:#EBEBEB url(/img/export.png) no-repeat;
	background-position:90% center;
	background-size:16px;
	font-weight:400;
	max-width:none;
	padding:3px 30px 3px 15px;
	width:auto;}
.export-block .ajax-loader{width:100% !important;}

.superadmin .user-tabs,
.superadmin .status-tabs{border:none; margin-left:20px; margin-top:15px;}

.superadmin .status-tabs li a,
.superadmin .status-tabs li a:focus,
.superadmin .status-tabs li a:hover,
.superadmin .status-tabs li.active a,
.superadmin .status-tabs li.active a:focus,
.superadmin .status-tabs li.active a:hover,
.superadmin .user-tabs li a,
.superadmin .user-tabs li a:focus,
.superadmin .user-tabs li a:hover,
.superadmin .user-tabs li.active a,
.superadmin .user-tabs li.active a:focus,
.superadmin .user-tabs li.active a:hover {
	background:#eee;
	border:1px solid #ddd;
	border-bottom:none;
	color:#555;}
.superadmin .status-tabs li.active a,
.superadmin .status-tabs li.active a:focus,
.superadmin .status-tabs li.active a:hover,
.superadmin .user-tabs li.active a,
.superadmin .user-tabs li.active a:focus,
.superadmin .user-tabs li.active a:hover{
	background-color:#fff;}

.superadmin .user-tabs li.active,
.superadmin .status-tabs li.active{margin-bottom:-2px;}
.superadmin .status-tab-content .grid-view tr th:nth-child(1),
.superadmin .status-tab-content .grid-view tr td:nth-child(1){max-width:50px;}



#layout .admin .user-tabs,
#layout .admin .status-tabs{border:none; margin-left:40px; margin-top:15px; margin-right:20px; margin-bottom:-12px;}

#layout .admin .status-tabs li a,
#layout .admin .status-tabs li a:focus,
#layout .admin .status-tabs li a:hover,
#layout .admin .status-tabs li.active a,
#layout .admin .status-tabs li.active a:focus,
#layout .admin .status-tabs li.active a:hover,
#layout .admin .user-tabs li a,
#layout .admin .user-tabs li a:focus,
#layout .admin .user-tabs li a:hover,
#layout .admin .user-tabs li.active a,
#layout .admin .user-tabs li.active a:focus,
#layout .admin .user-tabs li.active a:hover {
	background:#eee;
	border:1px solid #ddd;
	border-bottom:none;
	color:#555;}
#layout .admin .status-tabs li.active a,
#layout .admin .status-tabs li.active a:focus,
#layout .admin .status-tabs li.active a:hover,
#layout .admin .user-tabs li.active a,
#layout .admin .user-tabs li.active a:focus,
#layout .admin .user-tabs li.active a:hover{
	background-color:#fff;}

#layout .admin .user-tabs li.active,
#layout .admin .status-tabs li.active{margin-bottom:-2px;}
#layout .admin .status-tab-content .grid-view tr th:nth-child(1),
#layout .admin .status-tab-content .grid-view tr td:nth-child(1){max-width:50px;}



#block-status-all>h2{font-size: 20px; letter-spacing: -.8px; margin-top:-32px; text-align: right;}
#block-status-all h4{color:#999;}
#block-status-all .btn-toggle{border-bottom:1px dashed; color:#888; cursor:pointer; font-size:16px; text-decoration:none; text-transform:uppercase;}
#block-status-all .btn-default{background-repeat:no-repeat; height:20px; margin:0; width:20px;}

.superadmin #user-grid tr th{width:40px;}
.superadmin #user-grid tr th:nth-child(1){width:36px;}
.superadmin #user-grid tr th:nth-child(7){width:30px;}
.superadmin #user-grid tr th:nth-child(14){width:80px;}
.superadmin #user-grid tr td{font-size:12px; word-break:normal; width:40px;}
.superadmin #user-grid tr td:nth-child(1){width:36px;}
.superadmin #user-grid tr td:nth-child(7){width:30px;}
.superadmin #user-grid tr td:nth-child(6){width:80px; word-break:break-word;}
.superadmin #user-grid tr td:nth-child(14){width:80px;}

.superadmin #employee-grid td, .superadmin #employer-grid td, .superadmin #manager-grid td{}
.superadmin #employee-grid img, .superadmin #employer-grid img, .superadmin #manager-grid img{width:30px;}

.superadmin #employee-grid tr th:nth-child(1), .superadmin #employee-grid tr td:nth-child(1),
.superadmin #employer-grid tr th:nth-child(1), .superadmin #employer-grid tr td:nth-child(1),
.superadmin #manager-grid tr th:nth-child(1), .superadmin #manager-grid tr td:nth-child(1){width:40px;}

.superadmin #employee-grid tr th:nth-child(3), .superadmin #employee-grid tr td:nth-child(3),
.superadmin #employer-grid tr th:nth-child(3), .superadmin #employer-grid tr td:nth-child(3),
.superadmin #employer-grid tr th:nth-child(5),.superadmin #employer-grid tr td:nth-child(5),
.superadmin #manager-grid tr th:nth-child(3),.superadmin #manager-grid tr td:nth-child(3){white-space:normal;}

.superadmin #employee-grid tr th:nth-child(2),.superadmin #employee-grid tr td:nth-child(2),
.superadmin #employer-grid tr th:nth-child(2),.superadmin #employer-grid tr td:nth-child(2),
.superadmin #employer-grid tr th:nth-child(6),.superadmin #employer-grid tr td:nth-child(6),
.superadmin #manager-grid tr th:nth-child(2),.superadmin #manager-grid tr td:nth-child(2){width:60px; text-align:center;}

.superadmin #employee-grid tr td:nth-child(5),
.superadmin #employer-grid tr td:nth-child(7),
.superadmin #employer-grid tr td:nth-child(8){color:#888; font-style:italic; padding-right:15px; overflow:hidden; text-overflow:ellipsis;}

.superadmin #job-grid th{width:100px;}
.superadmin #job-grid tr td:nth-child(2){white-space:nowrap;}
.superadmin #job-grid tr td:nth-child(4){white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.superadmin #email-template-grid th{width:40px;}
.superadmin #email-template-grid th:nth-child(1){width:30px;}
.superadmin #email-template-grid th:nth-child(4){min-width:600px;}

.superadmin #user-message-grid{}
.superadmin #user-message-grid tr th{}
.superadmin #user-message-grid tr th:nth-child(1){width:40px;}

.superadmin #list-1{}
.superadmin #list-1.grid-view table.items tbody tr td.button-column{overflow:visible;}

.superadmin #user-message-grid tr td{font-size:12px;}
.superadmin #user-message-grid tr td:nth-child(1){width:40px; white-space:nowrap;}
.superadmin #user-message-grid tr td:nth-child(4),
.superadmin #user-message-grid tr td:nth-child(6){font-size:10px; line-height:1.2em; word-break:break-all;}

.superadmin #skill-grid th{width:20px;}
.superadmin #language-grid td.button-column{width:80px;}
.superadmin #api-log-grid td{word-break:normal;}
.superadmin #api-log-grid tr td:nth-child(1){width:50px;}
.superadmin #api-log-grid tr td:nth-child(3){word-break:break-word;}

.grid-view .admin-range-picker-row{width:86px; display:inline-block; position:relative;}
.grid-view .admin-range-picker-clear{position:absolute; top:-3px; right:4px; color:#888; font-family:monospace;}




.block-table{}
.block-table .table-head{background-color:#fff; border-radius:5px 5px 0 0; padding:15px 30px 0;}
.block-table .table-head .row>div{margin-bottom:10px;}
.block-table .table-head .rl{text-align:right;}
.block-table .table-head input[type="text"].search{background:url(/img/search-loupe.png) no-repeat;	background-size:15px; background-position:9px center; padding-left:30px;}
.block-table .table-head label{color:#444; font-size:13px; padding: 5px 0 0;}
.block-table .table-head .dropdown{}
.block-table .table-head .dropdown .btn-dots{
	background:transparent;
	border:none;
	color:#a5a5a5;
	float:right;
	font-size: 28px;
	line-height:0;
	outline:none;
	padding:0 0 16px;
	width:auto;}
.superadmin .block-table.documents .table-head .nav.nav-dots{display:none;}
.block-table .table-head .dropdown .dropdown-menu{
	border:none;
	border-radius:6px;
	box-shadow:0 6px 32px 0 rgba(0,0,0,0.15);
	margin:0;
	padding:4px 0;}
.block-table .table-head .dropdown .dropdown-menu li a{
	border:none;
	color:#2e2e2e;
	display:block;
	font-size:12px;
	font-weight:400;
	line-height:14px;
	padding:7px 16px;}
.block-table .table-head .dropdown .dropdown-menu li a:hover,
.block-table .table-head .dropdown .dropdown-menu li a:active,
.block-table .table-head .dropdown .dropdown-menu li a:focus{background-color:#f9f9f9;}
.block-table.employees .table-head .filter-search{text-align:right;}
@media screen and (max-width: 768px){
	.block-table .table-head .rl{text-align:left;}
}
.block-table .table-head h2{color:#1B2438; font-size:20px; line-height:27px; margin:0 auto 5px;}
.block-table .table-head p{color:#687380; font-size:12px; line-height:17px;}

.block-table .table-foot{background-color:#fff; border-radius:0 0 5px 5px; padding:0 30px 15px;}

.block-table .grid-view{background-color:#fff; border:none; margin:0; padding:0;}
.block-table .grid-view .summary{display:none;}
.block-table .grid-view table.items{border:none; border-collapse:inherit; max-width:100%; width:100%;}
.block-table .grid-view table.items input[type="checkbox"]{background:#fff; border:2px solid #d8d8d8; border-radius:4px; height:16px; width:16px;}
.block-table .grid-view table.items thead{background-color:#F9F9FA; border:none; box-shadow:0 4px 4px 0 rgba(0,0,0,0.02) inset; margin:0; padding:0;}
.block-table .grid-view table.items thead tr th{background:none; border:none; padding:10px;}
.block-table .grid-view table.items thead tr th:first-child{padding-left:30px;}
.block-table .grid-view table.items thead tr th:last-child{padding-right:30px;}
.block-table .grid-view table.items th,
.block-table .grid-view table.items th a{color:#687380; font-weight:600; text-align:left;}
.block-table .grid-view table.items tbody tr{background:none;}
.block-table .grid-view table.items tbody tr:hover{background:#f7f7f7;}
.block-table .grid-view table.items tbody tr td{
	border-bottom:1px solid #f0f0f0; color:#000; font-size:12px; font-weight:400; overflow:hidden; padding:10px; text-overflow:ellipsis; white-space:nowrap;
}

.block-table .grid-view table.items tbody td.ach-disabled div {
	color: #687380;
	font-weight: 400;
}

.block-table .grid-view table.items tbody tr td:first-child{font-weight:600; padding-left:30px;}
.block-table .grid-view table.items tbody tr td:last-child{min-width:100px; padding-right:30px;}
.block-table .grid-view table.items tbody tr td.button-column{overflow:visible;}
.block-table .grid-view table.items .has-edit-value{background: #ffc200}
.block-table .grid-view table.items thead .btn-head,
.block-table .grid-view table.items tbody img,
.block-table .grid-view table.items tbody .circle,
.block-table .grid-view table.items tbody .avatar-bg{border-radius:100%; height:34px; margin-right:10px; margin-bottom:0; vertical-align:middle; width:34px;}
.block-table .grid-view table.items thead .btn-head{
	background-image:url(/img/icons/icon_plus_position@2x.png?v=2); background-size:cover; display:inline-block; height:34px; margin-left:1px; width:34px;
}
.block-table .grid-view table.items tbody .button-column{text-align:left; white-space:nowrap;}
.block-table .grid-view table.items tbody .button-column>a{
	background-size:cover;
	display:inline-block;
	height:30px;
	vertical-align:top;
	transition:.5s ease;
	word-break:normal;}

.block-table .grid-view table.items tbody .button-column>a.view{background-image: url(/img/icons/ic_calendar_inactive@2x.png); width:30px;}
.block-table .grid-view table.items tbody .button-column>a.view:hover,
.block-table .grid-view table.items tbody tr:hover>a.view{background-image: url(/img/icons/ic_calendar_active@2x.png);}

.block-table .grid-view table.items tbody .button-column>a.update{background-image: url(/img/icons/ic_edit_inactive@2x.png); width:30px;}
.block-table .grid-view table.items tbody .button-column>a.update:hover,
.block-table .grid-view table.items tbody tr:hover>a.update{background-image: url(/img/icons/ic_edit_active@2x.png);}

.block-table .grid-view table.items tbody .button-column>a.delete{background-image: url(/img/icons/ic_delete_inactive@2x.png); width:30px;}
.block-table .grid-view table.items tbody .button-column>a.delete:hover,
.block-table .grid-view table.items tbody tr:hover>a.delete{background-image: url(/img/icons/ic_delete_active@2x.png);}

.block-table .grid-view table.items tbody .button-column>a.loginAs{background-image: url(/img/icons/ic_loginAs_inactive.png); width:30px;}
.block-table .grid-view table.items tbody .button-column>a.loginAs:hover,
.block-table .grid-view table.items tbody tr:hover>a.loginAs{background-image: url(/img/icons/ic_loginAs_active.png);}

.block-table .grid-view table.items tbody .button-column a img{display:none;}
.block-table .grid-view table.items tfoot tr td{font-weight:600; padding:10px;}
.block-table .grid-view table.items tfoot tr td:first-child{padding-left:30px;}
.block-table .grid-view table.items tfoot tr td:last-child{padding-right:30px;}

.block-table.employees .grid-view table.items tbody tr td:nth-child(2){max-width:30vw;}

.block-table.employee-multiplication-details .grid-view table.items thead tr th{font-size:10px; line-height:14px;}
.block-table.employee-multiplication-details .grid-view table.items tbody tr td{white-space:normal; word-break:break-word; line-height:1.4em}



.block-table .grid-view table.items tbody .button-column a.btn-txt{font-size:12px; height:auto; padding:4px 20px; width:auto;}
.block-table.documents{padding-bottom:50px;}
.block-table.documents .grid-view table.items tbody .button-column a{min-width:75px;}
.block-table.documents .grid-view table.items tbody .button-column a.continue{
	background-image:url(/img/icons/ic_arrow_right.png);
	background-size:6px;
	background-position:95% 55%;
	background-repeat:no-repeat;
	color:#c3c9d5;
	-webkit-filter: brightness(50%);
	filter: brightness(50%);
	padding:4px 0;
	text-align:left;
}
.block-table.documents .grid-view table.items tbody .button-column a.delete{min-width:0;}

.block-table.documents .grid-view table.items tbody td.date{color:#687380; font-weight:600;}
.block-table.documents .grid-view table.items tbody td.status{color:#687380; font-weight:400;}
.block-table.documents .grid-view table.items tbody td.status .Accepted{color:#58C947; font-weight:600;}
.block-table.documents .grid-view table.items tbody td.status .uploaded{color:#58C947; font-weight:600;}
.block-table.documents .grid-view table.items tbody td.status .Rejected{color:#F2605E; font-weight:600;}
.block-table.documents .grid-view table.items tbody td.status .Submitted{color:#F2BA39; font-weight:600;}
.block-table.documents .grid-view table.items tbody td.status .reason{color:#687380; font-size:10px; font-weight:400;}



.block-table.manage-users .grid-view table.items tbody td{min-width:50px; padding:3px; white-space:normal; word-break:break-word;}
.block-table.manage-users .grid-view table.items thead tr th:first-child,
.block-table.manage-users .grid-view table.items thead tr th:last-child,
.block-table.manage-users .grid-view table.items tbody tr td:first-child,
.block-table.manage-users .grid-view table.items tbody tr td:last-child{padding:3px; width:50px;}
.block-table.manage-users .grid-view table.items tbody td.status{color:#687380; font-weight:400; text-align:center; width:48px;}
.block-table.manage-users .grid-view table.items tbody td.status>div{border-radius:3px; color:#fff; font-weight:600; height:20px; margin:0 auto; width:30px;}
.block-table.manage-users .grid-view table.items tbody td.status .Accepted{background-color:#58C947;}
.block-table.manage-users .grid-view table.items tbody td.status .Rejected{background-color:#F2605E;}
.block-table.manage-users .grid-view table.items tbody td.status .Submitted{background-color:#F2BA39;}
.block-table.manage-users .grid-view table.items tbody td.status .Not.Yet.Received{background-color:#B3B6A0;}

.block-table.manage-users .grid-view ul.yiiPager li{display:inline-block; vertical-align:top; margin-top:5px;}

.adminpanel .grid-view table.items tbody tr td{width:25px !important;}
.adminpanel .grid-view table.items thead tr th{width:25px !important;}
/*.adminpanel .grid-view table.items thead tr th:nth-child(13){width:25px;}*/
/*.adminpanel .grid-view table.items tbody tr td:nth-child(13){width:25px;}*/

/*#layout .export-block{display:none;}*/


.ajax-editable{position: relative;}
.ajax-editable.show-editable-frame{
	background:#fff;
	border:#B3B6A0;
	cursor:pointer;}
.ajax-editable.show-editable-frame .ajax-editable-icon-edit:after {
	background-image:url(/img/icons/ic_edit_employee.png);
	background-size:cover;
	content:'';
	cursor:pointer;
	height:13px; width:13px;
	position:absolute;
	right:6px;
}
.ajax-editable .ajax-editable-form{margin-bottom:1px; width:calc(100% - 20px);}
.ajax-editable .ajax-editable-form .ajax-editable-icon-save:after {
	background-image:url(/img/icons/ic_select_job.png);
	background-size:cover;
	content:'';
	cursor:pointer;
	height:9px; width:12px;
	position:absolute;
	right:2px; top:calc(50% - 9px - 4px);}
.ajax-editable .ajax-editable-form .ajax-editable-icon-cancel:after {
	background-image:url(/img/icons/iconn_cancel.png);
	background-size:cover;
	content:'';
	cursor:pointer;
	height:10px; width:10px;
	position:absolute;
	right:4px; top:calc(50% + 4px);}




@media screen and (max-width: 990px){
	.block-table.employee-multiplication-details{overflow-x:auto;}
}
@media screen and (max-width: 767px){
	.block-table.employees .table-head .row>div{text-align:center}
	.block-table.employees .table-head .row>div .btn{
		max-width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.block-table.employee-multiplication-details{text-align:center;}

	.block-table.employee-multiplication-details .grid-view{display:inline-block; margin:10px auto;}
	.block-table.employee-multiplication-details .grid-view table.items{overflow-x:scroll; white-space:nowrap;}

	.block-table.employee-multiplication-details .grid-view table.items thead,
	.block-table.employee-multiplication-details .grid-view table.items tbody,
	.block-table.employee-multiplication-details .grid-view table.items tfoot{display:inline-block; vertical-align:top; white-space:nowrap;}
	.block-table.employee-multiplication-details .grid-view table.items tfoot{background-color:#f3f5f6;}

	.block-table.employee-multiplication-details .grid-view table.items thead tr,
	.block-table.employee-multiplication-details .grid-view table.items tbody tr,
	.block-table.employee-multiplication-details .grid-view table.items tfoot tr{display:inline-block; vertical-align:top;}

	.block-table.employee-multiplication-details .grid-view table.items thead tr th,
	.block-table.employee-multiplication-details .grid-view table.items tbody tr td,
	.block-table.employee-multiplication-details .grid-view table.items tfoot tr td{
		border:none;
		border-bottom:1px solid #ddd;
		border-right:1px solid #ddd;
		display:block;
		font-size:13px;
		height:30px;
		line-height:16px;
		padding:6px 12px;
		white-space:nowrap;}

	.block-table.employee-multiplication-details .grid-view table.items thead tr th:last-child{border-bottom:none;}

	.block-table.employee-multiplication-details .grid-view table.items tbody tr td:last-child{border-bottom:none;}
	.block-table.employee-multiplication-details .grid-view table.items tbody tr td:nth-child(2){font-size:11px;}

	.block-table.employee-multiplication-details .grid-view table.items tfoot tr td{border-right:none;}
	.block-table.employee-multiplication-details .grid-view table.items tfoot tr td:last-child{border-bottom:none; border-right:none;}



}
@media screen and (max-width: 600px){
	.block-table .grid-view{overflow-x:auto;}
}


.employee-dialogue .intl-tel-input{width: 100%;}
.employee-dialogue .intl-tel-input .flag-container,
.employee-dialogue .intl-tel-input input[type="tel"]{display:inline-block; vertical-align:middle;}

.employee-dialogue .intl-tel-input .flag-container{position:relative; overflow-x:visible;}
.employee-dialogue .intl-tel-input .flag-container .selected-flag{background:none;}
.employee-dialogue .intl-tel-input input[type="tel"]{padding-left:6px !important; width:calc(100% - 100px);}
.employee-dialogue .intl-tel-input .tel-code{
	color: #888;
	font-size:14px;
	left: 55px; top:0;
	padding: 5px 0 0 0;
	position: absolute;
	text-align: right;
	width: 40px;}

.employee-dialogue .positions label{margin-bottom:12px;}
.employee-dialogue .positions input[type="text"]{display:inline-block; font-size:13px; vertical-align:top; width:calc(100% - 45px);}
.employee-dialogue .positions .chosen-container{display:block; width:100% !important;}
.employee-dialogue .positions .chosen-container-multi .chosen-choices{
	background:none;
	border:1px solid #D8D8D8; border-radius:4px;
	box-sizing:border-box;
	box-shadow:none;
	min-height:36px; width:100%;}
.employee-dialogue .positions .chosen-container-multi .chosen-choices li.search-field{min-height:36px;}
.employee-dialogue .positions .chosen-container-multi .chosen-choices li.search-field input[type=text]{min-height:34px; width:100% !important;}
.employee-dialogue .positions .btn{border:none; display:inline-block; height:35px; margin:0 0 0 5px; padding:0; vertical-align:top; width:35px;}
.employee-dialogue .positions .btn img{width:100%;}
.employee-dialogue .positions .item-employee-position{
	background:#F1F1F1;
	border-radius:4px;
	color:#888888;
	display:inline-block;
	font-size:12px;
	height:28px;
	line-height:17px;
	margin:0 6px 8px 0;
	padding:5px 10px;
	vertical-align:top;}
.employee-dialogue .positions .item-employee-position .title-employee-position,
.employee-dialogue .positions .item-employee-position .remove-employee-position{display:inline-block;	vertical-align:middle;}
.employee-dialogue .positions .item-employee-position .remove-employee-position{
	background: url(/img/icons/iconn_cancel@2x.png); background-size:cover;
	height:20px; width:20px;
	margin-left:3px; margin-right:-5px;}
.employee-dialogue .photo{padding-top:0; text-align:center;}
.employee-dialogue .photo label{
	border-radius:4px;
	color:#fff;
	font-size:12px;
	font-weight:600;
	height:28px;
	letter-spacing:-0.01px;
	line-height:15px !important;
	padding:5px 12px !important;
	width:auto;}

.wide.calendar .fc .fc-head{background:#f0f0f0;}
.wide.calendar .fc .fc-bg .fc-past,
.wide.calendar .fc .fc-bg .disabled{background-color:#fff !important;}
.wide.calendar .fc .fc-widget-header th {background:#fafafa; text-transform:uppercase;}
.wide.calendar .fc .fc-widget-header select{
	-webkit-appearance:none;
	-moz-appearance:none;
	background-color:transparent;
	background-image:url(/img/icons/ic_calendar_arrow_down@2x.png); background-size:contain; background-position:right; background-repeat:no-repeat;
	border:none;
	box-sizing:border-box;
	color:#888;
	outline:none;
	padding:2px 0 2px 16px;
	text-transform:capitalize;}
.wide.calendar .fc .fc-widget-header select::-ms-expand{display:none;}
.wide.calendar .fc .fc-resource-area .fc-cell-text{
	box-sizing:border-box;
	display:block;
	padding-left:10px;
	margin:0;
	padding:0;
	width:100%;}
.wide.calendar .fc .fc-resource-area .fc-cell-text a,
.wide.calendar .fc .fc-resource-area .fc-cell-text span{color:#000; font-size:12px; font-weight:600; vertical-align:middle;}
.wide.calendar .fc .fc-resource-area [data-resource-id="add-employee"] .fc-cell-text span{color:#009EFF; text-transform:uppercase;}
.wide.calendar .fc .fc-resource-area .fc-cell-text span.circle{height:20px;  width:20px;}
.wide.calendar .fc .fc-resource-area .fc-cell-text>.img,
.wide.calendar .fc .fc-resource-area .fc-cell-text>.text{display:inline-block; vertical-align:middle;}
.wide.calendar .fc .fc-resource-area .fc-cell-text>.img{width:30px;}
.wide.calendar .fc .fc-resource-area .fc-cell-text>.text span{display:block; line-height:1.2em; max-width:124px; overflow: hidden; text-overflow: ellipsis;}
.wide.calendar .fc .fc-resource-area .fc-cell-text>.text span.hrs{color:#888; font-size:11px; font-weight:400; line-height:16px;}
.wide.calendar .fc .fc-resource-area [data-resource-id="add-employee"] .fc-cell-text>.text span.hrs,
.wide.calendar .fc .fc-resource-area [data-resource-id="not_set"] .fc-cell-text>.text span.hrs{display:none;}

.wide.calendar .fc .fc-resource-area .ui-sortable{overflow-x:hidden;}
.wide.calendar .fc .fc-resource-area .ui-sortable>tr{background-color:#fff; box-shadow:0 1px 1px rgba(0,0,0,.2);}

.wide.calendar .fc .fc-body .fc-resource-area .fc-widget-content>div{position:relative;}
.wide.calendar .fc .fc-body .fc-resource-area .fc-cell-content{box-sizing:border-box; position:absolute; top:0; padding:8px; width:100%;}
.wide.calendar .fc .fc-bg .fc-today{background:none;}
.wide.calendar .fc.employee [data-resource-id="not_set"],
.wide.calendar .fc.myEmployee [data-resource-id="not_set"],
.wide.calendar .fc.freelancer [data-resource-id="not_set"]{background-color:rgba(110,192,122,.13);}
.wide.calendar .fc [data-resource-id="add-employee"]{cursor:pointer;}

.fc .fc-button.fc-prev-button,
.fc .fc-button.fc-next-button{
	background-size:cover;
	padding: 0;
	width: 30px;
	height: 30px;}
.fc .fc-button.fc-prev-button{background-image:url(/img/icons/ic_calendar_arrow_left@2x.png);}
.fc .fc-button.fc-next-button{background-image:url(/img/icons/ic_calendar_arrow_right@2x.png);}
.fc .fc-icon-left-single-arrow:after,
.fc .fc-icon-right-single-arrow:after{display:none;}
.fc .fc-left .fc-button-group:after{height:6px; width:6px; margin:4px 10px 0;}

@media screen and (max-width: 1370px){
	.fc.fc-ltr .fc-timeline-event .fc-time{font-size:9px;}
}

.calendar-plus-button{color:#b9b9b9; font-size:36px; line-height:36px; position:fixed;}

.mobile-calendar-plus-button {
	background-image:url(/img/icons/ic_calendar_plus@2x.png);
	background-size:cover;
	border-radius:4px;
	cursor:pointer;
	display:inline-block;
	height:16px;
	opacity:.25;
	vertical-align:middle;
	width:16px;
}
.calendar-event-icons{
	background:#e4e4e4;
	border:1px solid #ddd;
	border-radius:2px;
	margin-top:10px;
	margin-right:5px;
	margin-left:-7px;
	min-width:100px;
	padding:5px;
	position:fixed;
	text-align:center;
	z-index:10000;}
.calendar-event-icons:before{
	border:10px solid transparent;
	border-bottom-color:#e5e5e5;
	content:'';
	display:inline-block;
	margin-left:-10px;
	position: absolute;
	top:-20px; left:50%;
	width:0; height:0;
}
.calendar-event-icons .fc{margin:0;}
.calendar-event-icons .calendar-icon{background-size:cover; border-radius:4px; cursor:pointer; display:inline-block; height:24px; vertical-align:middle; width:24px;}
.calendar-event-icons .calendar-icon.add{background-image: url("/img/icons/ic_calendar_plus@2x.png");}
.calendar-event-icons .calendar-icon.delete{background-image: url("/img/icons/ic_calendar_delete@2x.png");}
.calendar-event-icons .calendar-icon.edit{background-color:rgba(59,59,59,.6); color:#fff; font-size:14px; margin:0 2px; padding:0 5px; width:auto;}

#calendar-event-icons-shift-info {margin-top:5px;}
#calendar-event-icons-shift-info .fc-event {background-color:#828282; border-color:#828282; padding:3px;}
#calendar-event-icons-shift-info span {display: block; text-align: center;}
#calendar-event-icons-shift-info .fc .fc-event .fc-accepted,
#calendar-event-icons-shift-info .fc .fc-event .fc-pending{color:#fff;}
#calendar-event-icons-shift-info .fc .fc-event .fc-accepted:before,
#calendar-event-icons-shift-info .fc .fc-event .fc-pending:before{filter: brightness(0) invert(1);}

.layout-right.wide>.btn{display:block !important; line-height:20px; margin:0 auto 15px; padding:10px 20px; white-space:normal;}
.layout-right.wide>.btn.disabled{background-color:#888; border-color:#888;}
.layout-right.wide .summary{display:none;}
.layout-right.wide .box{background:#fff; border-radius:6px; margin-bottom:15px; position:relative;}
.layout-right.wide .box .sub-box{}
.layout-right.wide .box .head{border-bottom:1px solid #f0f0f0; padding:10px 15px;}
.layout-right.wide .box .head.empty{padding:0;}
.layout-right.wide .box .head h2{color:#000; font-size:17px; font-weight:600; display:inline-block; margin:0; vertical-align:middle; width:calc(100% - 74px);}
.layout-right.wide .box .head h3{color:#000; font-size:14px; font-weight:600; display:inline-block; line-height:19px; margin:0; vertical-align:middle;}
.layout-right.wide .box .head h4{color:#000; font-size:12px; font-weight:600; display:inline-block; line-height:17px; margin:0; vertical-align:middle;}
.layout-right.wide .box .head .btn-head{
	border:1px solid #ededed;
	border-radius:4px;
	color:#009EFF;
	display:inline-block;
	font-size:12px; font-weight:600;
	height:28px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	width:70px;
}
.layout-right.wide .box .head .btn-add{
	color:#C2C8D5;
	display:inline-block;
	float:right;
	font-size:24px; font-weight:600;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;}
.layout-right.wide .box .head .btn-add:hover{color:#888;}

.layout-right.wide .box .body{padding:10px 15px 15px;}
.layout-right.wide .box .body p{color:#687380; font-size:12px; line-height:17px; margin:0;}
.layout-right.wide .box .body .search-field{
	background-image:url(/img/icons/ic_Search_in_card.png);
	background-position:left 6px;
	background-repeat:no-repeat;
	background-size:13px;
	border:none;
	color:#444;
	font-size:12px;
	line-height:16px;
	padding-left:22px;
	padding-bottom:12px;}

.layout-right.wide .box .body ::-webkit-input-placeholder{color:#ccc;}
.layout-right.wide .box .body ::-moz-placeholder{color:#ccc;}
.layout-right.wide .box .body :-ms-input-placeholder{color:#ccc;}
.layout-right.wide .box .body input::placeholder{color:#ccc;}

.layout-right.wide .box.customScroll .scroll-box{max-height:200px; overflow:auto;}
.layout-right.wide .box.customScroll .scroll-box .mCS-dark-thin>.mCSB_container{margin-right:5px;}
.layout-right.wide .box.customScroll .scroll-box .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger{height:40px !important;}
.layout-right.wide .box.customScroll .scroll-box .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#C2C8D5;}
.layout-right.wide .box.customScroll .scroll-box .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#ededed;}

.layout-right.wide .box .item a.btn{
	background-size:12px;
	background-position:center;
	background-repeat:no-repeat;
	display:none;
	height:25px;
	margin:-5px auto;
	vertical-align:middle;
	width: 25px;}
.layout-right.wide .box .item a.btn.edit{background-image:url(/img/icons/ic_edit_employee.png);}
.layout-right.wide .box .item a.btn.edit:hover{background-image:url(/img/icons/ic_edit_employee.png);}
.layout-right.wide .box .item:hover a.btn{display:inline-block;}


.layout-right.wide .box.positions .all{margin-bottom:15px;}
.layout-right.wide .box.positions .item{margin:6px auto; padding:0;}
.layout-right.wide .box.positions .item label{color:#888; cursor:pointer; font-size:14px; font-weight:600; width: calc(100% - 30px);}
.layout-right.wide .box.positions .item label.empty{cursor:default;}
.layout-right.wide .box.positions .item input[type="checkbox"]{display:none;}
.layout-right.wide .box.positions .item input[type="checkbox"]:checked + .circle{
	background-image:url(/img/icons/ic_select_box.png);
	background-size:9px;
	background-position:center;
	background-repeat:no-repeat;}
.layout-right.wide .box.positions .item .circle{height:20px; margin:0 auto; margin-right:4px; vertical-align:middle; width:20px;}
.layout-right.wide .box.positions .item .circle.not-set{background-color:#d3d3d3;}
.layout-right.wide .box.positions .item .txt{
	color:#000;
	display:inline-block;
	font-size:13px; font-weight:400; line-height:16px;
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align:middle;
	width:calc(100% - 32px);
}

.layout-right.wide .box.suggested .item{margin-bottom:10px;}
.layout-right.wide .box.suggested .item .item-ava, .layout-right.wide .box.suggested .item .item-info{display:inline-block; vertical-align:middle;}
.layout-right.wide .box.suggested .item .item-ava{margin-right:8px;}
.layout-right.wide .box.suggested .item .item-info{width:calc(100% - 45px);}
.layout-right.wide .box.suggested .item .item-info h4{
	color:#000; font-size:13px; font-weight:600; line-height:18px; margin:0; overflow:hidden; text-overflow:ellipsis; max-width:100%;
}
.layout-right.wide .box.suggested .item .item-info p{color:#a1a1a1; font-size:12px; line-height:14px; margin:0;}
.layout-right.wide .box.suggested .item .item-info p a{color:#a1a1a1; display:inline-block; text-decoration:none;}
.layout-right.wide .box.suggested a.more{
	background-image:url(/img/icons/ic_calendar_ViewMore_arrows@2x.png); background-size:contain; background-repeat:no-repeat; background-position:left;
	color:#a1a1a1; display:inline-block; font-size:13px; line-height:15px; margin-top:10px; padding:3px 5px 3px 30px; text-decoration:none;}

.layout-right.wide .box.employee-list{}
.layout-right.wide .box.employee-list .head h3 span{font-weight:400;}
.layout-right.wide .box.employee-list .action-toggle{
	background-image:url(/img/icons/ic_arrow_down.png);
	background-size:9px;
	background-position:center right;
	background-repeat:no-repeat;
	cursor:pointer;
	padding-right:20px;
	width:100%;
}
.layout-right.wide .box.employee-list .action-toggle.full{background-image:url(/img/icons/ic_arrow_up.png);}
.layout-right.wide .box.employee-list .body{height:0; padding:0 15px; overflow:hidden;}


.layout-right.wide .box.employee-list .items{}

.layout-right.wide .box.employee-list .items hr.outside{border-top-color:#009EFF; margin:5px 0;}
.layout-right.wide .box.employee-list .items hr.outside+.item:before{display:none;}

.layout-right.wide .box.employee-list .item{padding:6px 0 10px; position:relative; width:100%;}
.layout-right.wide .box.employee-list .item:before{
	background-color:#f0f0f0;
	content:'';
	display:block;
	height:1px;	width:97%;
	position:absolute;
	top:0; right:-15px;}
.layout-right.wide .box.employee-list .item input[type="checkbox"]{margin-top:1px;}
.layout-right.wide .box.employee-list .item .employee{font-size:12px; font-weight:400; line-height:16px; margin-bottom:0; width:calc(100% - 30px);}
.layout-right.wide .box.employee-list .item .circle{height:20px; margin:0 8px; width:20px;}
.layout-right.wide .box.employee-list .item .txt{
	display: inline-block;
	max-width: calc(100% - 60px);
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align:middle;
	white-space: nowrap;}
@media screen and (max-width:1279px){
	.layout-right.wide .box.employee-list .item:before{display:none;}
}


.layout-right.wide .box.employee-list .item.is-outside .employee{position:relative;}
.layout-right.wide .box.employee-list .item.is-outside .employee:before{
	content:'';
	background-image:url(/img/icons/ic_freelancer.png);
	background-size:cover;
	display:block;
	position:absolute;
	top:2px; left:16px;
	width:16px; height:16px;
}



.layout-right.wide .display-mode{margin-bottom:15px;}
.layout-right.wide .display-mode .switch{background-color:#fafafa; border-radius:6px; box-shadow: 0 0 0 1px #ededed;}
.layout-right.wide .display-mode .switch .btn{
	background:transparent;
	border-radius:6px;
	color:#7e7e7e;
	font-size:12px; line-height:14px;
	margin:0;
	max-width:none;
	width:calc(50% - 2px);}
.layout-right.wide .display-mode .switch .btn.disabled{
	background-color:#fff;
	border:1px solid #EDEDED;
	box-shadow: 0 0 1px #ededed, 0 2px 6px 0 rgba(0,0,0,0.10);
	margin: -1px 0;
	padding: 6px 0;
	opacity:1;}

.active-mode-position .shift-template-list{display:none;}
.active-mode-shift_template .positions-list{display:none;}

@media screen and (max-width: 1320px){
	.layout-right.wide .box .item{display:inline-block; margin-right:10px !important; max-width:100%; text-align:left; vertical-align:top; width:185px;}
}
@media screen and (max-width: 1280px){
	.layout-right.wide .box .sub-box{display:inline-block; vertical-align:top;}
}
@media screen and (max-width: 768px){
	.layout-right.wide .box.positions .item a.btn{display:inline-block;}
	.layout-right.wide .box .item{width:100%;}
}

.add-position-dialogue .layout-content{margin:-15px; padding-bottom:17px;}
.add-position-dialogue .layout-content h1{padding:15px 30px; border-bottom:1px solid #ddd;}
.add-position-dialogue .layout-content .content-box.job.jobEdit{margin: 0 auto 50px; padding:0 0 24px;}
.add-position-dialogue .layout-content .form{padding:0 30px;}
.add-position-dialogue .layout-content .item.btn-color,
#shift-template-form .item.btn-color{
	position:relative;
	background-image:url(/img/icons/icon_position_color@2x.png);
	background-size:cover;
	height:40px;
	width:40px;
	margin-top:35px;
	margin-left:auto;
	text-align:center;}
.add-position-dialogue .fixed-buttons{margin:0 30px; text-align:right; padding:15px 0;}
.add-position-dialogue .fixed-buttons .btn{max-width:120px}
@media screen and (max-width: 768px){
	.add-position-dialogue .layout-content .item.btn-color{float:left;}
}


.layout-right.wide.subclients .box .head{font-weight:600;}
.layout-right.wide.subclients .box .body h1{color:#000; font-size:2.5em; font-weight:600;}
.layout-content.subclients .box.items{background-color:#fff;}
.layout-content.subclients .box.items .item{padding:3px; padding-left:15px; position:relative;}
.layout-content.subclients .box.items .head{
	background-color:#F9F9FA;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	font-weight:600;
	padding:12px;
	text-align:left;
	text-transform: uppercase}
.layout-content.subclients .box.items .body{padding:12px; text-align:left;}
.layout-content.subclients .box.items .body .btn-box{position:relative; padding-left:18px;}
.layout-content.subclients .box.items .body .spoiler-btn{color:#888; cursor:pointer; position:absolute; top:3px; left:0; z-index:999;}
.layout-content.subclients .box.items .body .lvl-a{color:#000; font-weight:600;}
.layout-content.subclients .box.items .body .lvl-b{color:#444; font-weight:400;}
.layout-content.subclients .box.items .body .lvl-c{color:#888; font-weight:400;}
.layout-content.subclients .box.items .body .lvl-d{color:#bbb; font-weight:400; font-style:italic;}
.layout-content.subclients .box.items .body .lvl-a .spoiler-btn{left:0%;}
.layout-content.subclients .box.items .body .lvl-b .spoiler-btn{left:calc(25% + 3px);}
.layout-content.subclients .box.items .body .lvl-c .spoiler-btn{left:calc(50% + 6px);}
@media screen and (max-width: 768px){
	.layout-content.subclients .box.items{line-height:1em;}
	.layout-content.subclients .box.items .head{font-size:10px;}
	.layout-content.subclients .box.items .body{font-size:10px;}
}

.layout-right.wide.reg-progress ul{list-style-type:none; padding:0;}
.layout-right.wide.reg-progress ul li{
	background-image:url(/img/unchecked2.png);
	background-size:24px; background-repeat:no-repeat; background-position:left;
	color:#000; font-size:14px; font-weight:600; line-height:24px;
	margin:1em auto; padding-left:38px;}
.layout-right.wide.reg-progress ul li.done{background-image:url(/img/checked2.png); }
.layout-right.wide.reg-progress h4{font-size:12px; font-weight:600; position:relative;}
.layout-right.wide.reg-progress h4 .steps{color:#888; position:absolute; right:0; top:0;}
.layout-right.wide.reg-progress .bar-case{background-color:#eee; border-radius:5px; overflow:hidden; width:100%;}
.layout-right.wide.reg-progress .bar-case .bar{background-color:#009EFF; height:8px; width:5px;}
.layout-right.wide.reg-progress #close-completness{
	color:#bbb;
	font-weight:600;
	font-size:13px;
	line-height:19px;
	position:absolute;
	top:10px; right:15px;}
@media screen and (max-width: 768px){
	.layout-right.wide.reg-progress .sub-box{width:100%;}
}

.modal-title-table {
	color: #2e2e2e;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
}

.total-bonus{
	float:right;
	margin-right: 10px;
}

.title-bonuses{
	margin-top: 25px;
}

.tdbonus {
	padding-top: 4px !important;
	padding-bottom: 4px!important;
	line-height: 2.4em!important;
}

.content-box.form-doc .modal-header{display:block;}
.content-box.form-doc .modal-header .close {
	display: block;
}

#calendar-date-range_container .ui-datepicker .ui-datepicker-next{
	left:auto;
	right:16px;
	transform:rotate(180deg);
	margin-top: 8px
}

#calendar-date-range_container.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: none !important;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}

.notice{
	background: #fff;
	text-align: center;
	width: 100%;
	position: fixed;
	bottom: 0px;
	padding: 12px;
	color: #6EC07A;
	font-weight: 600;
}