body {margin: 0; padding: 0; font-family: 'Europa-Regular'; background: #f2f2f2;}
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
a:hover, a:focus { text-decoration: none; outline: 0 none;}
ul, li { list-style: none; padding:0; margin: 0;}
input:hover,input:focus, button:hover, button:focus, textarea:hover, textarea:focus, .btn:hover, .btn:focus {outline: 0 none;}
.form-control:focus {box-shadow: none; border-color: #354C9A;}
th:focus, td:focus {outline: 0 none;}

@font-face {
	font-family: 'Europa-Regular';
	src:url('../fonts/Europa-Regular.eot?#iefix') format('embedded-opentype'),  
		url('../fonts/Europa-Regular.woff') format('woff'), 
		url('../fonts/Europa-Regular.ttf')  format('truetype'), 
		url('../fonts/Europa-Regular.svg#Europa-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.lg_main {width: 100%; float: left;}
.lg_left {width: 40%; float: left;}
.lg_left_inner {width: 400px; float: none; margin: 0 auto; padding-top: 90px; display: table;}
.lg_logo_box {width: 100%; text-align: center; margin:0 0 30px 0;}
.lg_logo_box a {display: inline-block;}
.lg_logo_box img {max-width: 100%;}
.form_main {float: left; width: 100%;}
.lg_form_inner {width: 100%; float: left;}
.form-group {width: 100%; float: left; margin-bottom: 30px;}
.lg_text {height: 44px !important; line-height: 44px !important; color:rgba(0,0,0,0.5) !important; border: 0 !important; border-radius: 0; border-bottom: 1px solid rgba(0,0,0,0.2) !important; padding: 0 !important; font-size: 18px !important;}
.lg_btn {background-color: #354C9A; border: 0; border-radius: 2px; height: 55px; line-height: 55px; padding: 0 10px; color: #fff; width: 100%; text-transform: uppercase; letter-spacing: 1.1px; cursor: pointer; display:block; text-align: center; font-size: 15px; font-weight: bold;}
.lg_btn:hover, .lg_btn:focus {color: #fff;}
.forgot_pass, .back_link {font-size: 18px; line-height: 12px; text-align: center; color: rgba(0,0,0,0.5); display: inline-block;}
.forgot_pass:hover, .back_link:hover {color:#354C9A}
.forgot_pass_form {display: table-cell; height: 440px; vertical-align: middle;}

.lg_text::-webkit-input-placeholder {color:rgba(0,0,0,0.5);}
.lg_text::-moz-placeholder {color:rgba(0,0,0,0.5);}
.lg_text:-ms-input-placeholder {color:rgba(0,0,0,0.5);}
.lg_text:-moz-placeholder {color:rgba(0,0,0,0.5);}

/* Checkbox */
.custom-control-input {width: 25px; height: 25px; min-height: inherit;}
.custom-checkbox .custom-control-indicator {border-radius:1px; border: 1px solid #7F7F7F; width:25px; height:25px; background:#fff; float: left; margin: 0 10px 0 0; position: relative;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { background: #354C9A; border-color: #354C9A;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator::before {position: absolute; content: '\f00c'; left:-1px; top: -1px; width: 25px; height: 25px; line-height: 25px; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #fff; font-size: 14px; text-align: center;}
.custom-control-description {color: #7F7F7F; font-size:14px; line-height: 12px; font-weight: normal; float: left; margin: 8px 0 0;}
.custom-control { cursor: pointer;padding-left: 0; margin: 0; display: inline-block;}

.lg_right {width: 60%; float: left;}
.lg_right img {height: 100%; object-fit: cover; width: 100%;}

.mrgA00 {margin: 0 !important;}
.mrgTPBT {margin: 8px 0 !important;}
.mrgTPBT00 {margin-top: 0 !important; margin-bottom: 0 !important;}
.mrgTP15 {margin-top: 15px !important;}
.mrgTP30 {margin-top: 30px !important;}
.mrgRT8 {margin-right: 8px !important;}
.mrgRT00 {margin-right: 0 !important;}
.mrg00 {margin-bottom: 0 !important;}
.mrgBM15 {margin-bottom: 15px !important;}
.mrg50 {margin-bottom: 50px !important;}

.pad00 {padding: 0 !important;}

.mobile_user_name, .mobile_logout {display: none;}
.mobile_user_name a, .mobile_logout a {opacity: 1 !important;}
header {float: left; width: 100%; padding:0 15px; box-shadow: inset 0 -1px 0 0 #D8D8D8; position: relative; background: #fff;}
.logo {float: left; width: 100%; padding: 4px 0;}
.logo a {display: inline-block;}
.logo img {max-width: 100%;}

.head_right {float:right; width: auto;}
.toogle_icon {display: none;}
.menu {float: left; width: auto;}
.menu li {float: left; margin: 0 9px; position: relative;}
.menu li:first-child {margin-left: 0px;}
.menu li a {font-size: 15px; line-height: 30px; padding: 25px 0; letter-spacing: 1px; color: #282931; opacity: 0.4; display: block; font-weight: 700; text-transform: uppercase;}
.menu li a img {float: left; margin-right: 10px;}
.menu li.active a {opacity: 1;}
.menu li.active::before {content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 3px; background: #354C9A;}

.user_block {float: right; padding:22px 0; margin-left: 5px;}
.user_block li {float: left;}
.user_block li a {display: flex; align-items: center; font-size: 15px; color: #7F7F7F; line-height:36px; height: 36px; padding:0 8px; border-right: 1px solid #7F7F7F; text-decoration: underline;}
.user_block li:last-child a {border-right: 0; padding-right: 0;}

.main {float: left; width: 100%; position: relative;}
.inner_top {float: left; width: 100%; padding:10px 20px; box-shadow: inset 0 -1px 0 0 #D8D8D8; position: relative; background: #fff;}
.inner_left {float: left; width: auto;}
.lb_title {font-size: 15px; line-height: 44px; margin-right: 40px; color: rgba(28, 29, 31, 0.5); float: left;}
.lb_title span {color: #5D7DE7; font-weight: bold; display: inline-block; cursor: pointer;}

.inner_right {width: auto; float: right; margin: 8px 80px 8px 0;}
.w180 {width: 180px; float: left; margin-right: 15px;}
.search_txt {border-radius: 3px; background: #F2F2F2 url('../images/icon-search.png') no-repeat left 10px center / 13px 13px; color: rgba(28, 29, 31, 1); font-size: 15px; line-height:28px; height: 28px; padding:0 10px 0 30px; border: 0; width: 100%; box-sizing: border-box;}

.select2 {width: 100% !important;}
.select2-container .select2-selection--single {outline: 0 none;}
.select2-container--default .select2-selection--single {background: #F2F2F2; border: 0; border-radius: 3px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #282931; font-size: 15px;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color: #282931; font-size: 15px;}
.select2-results__option {padding:3px 6px; font-size: 15px;}
.select2-container--default .select2-search--dropdown .select2-search__field {height: 28px;}

.innher_HD_link {float: left;}
.innher_HD_link a {display: inline-block; color: #5D7DE7; font-size: 15px; line-height: 18px; margin: 0 15px 0 0;}
.innher_HD_link a:last-child {margin-right: 0;}

.add_icon {position: absolute; right: 20px; bottom: -28px; z-index: 1;}
.add_icon a {display: inline-block;}

.dash_cnt_main {float: left; width: 100%; padding:60px 20px; position: relative;}
.dashbox {float: left; width: 100%; background: #fff; box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1); border-radius: 5px; margin-bottom: 30px; position: relative;}
.dash_top {float: left; width: 100%; position: relative; box-shadow: inset 0 -1px 0 0 #6C6C6C; padding: 5px 50px 5px 20px;}
.box-title {font-size: 18px; line-height: 25px; color: #282931; padding: 5px 0 0 0;}
.box-date {font-size: 15px; line-height: 44px; color: #282931;}
.bx_cnt {float: left; width: 100%; padding:0 20px;}
.bx_cnt li {float: left; width: 100%; line-height: 35px; box-shadow: inset 0 -1px 0 0 #D8D8D8;}
.bx_cnt li span {color: #282931; font-size: 15px; line-height: 18px; display: inline-block;}
.bx_cnt li span.des_cl {color: rgba(28, 29, 31, 0.5);}
.bx_cnt li span.nu_cl {width: 70px;} 
.bx_cnt li span.name_cl {width: 150px;} 
.exclamation {display: inline-block; margin-left: 15px; color: #D0021B; font-size:22px; position: relative; max-height: 15px;}
.exclamation:hover {color: #D0021B;}
.bx_foot {float: left; width: 100%; padding:0 20px;}
.bx_foot span a {color: #5D7DE7; font-size: 15px; line-height:35px; display: inline-block;}
.bx_foot span.info_icon {width: 85px; margin-left:-10px;}
.bx_foot span.info_icon a {color: #9d9d9d; font-size:20px; display: inline-block;}
.view_all {width: 150px;}

.dash_count {width: 37px; height: 37px; line-height: 33px; text-align: center; right:-10px; top:-10px; position: absolute; border: 2px solid #fff; border-radius: 50%; color: #fff; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 2;}
.bg_red {background: #D0021B;}
.bg_dark_green {background: #59AA00;}
.bg_pink {background: #dac5e0}
.bg_blue {background: #bdcef8}
.bg_green {background: #b5e3cd;}
.bg_orange {background: #f5bfae;}
.bg_yellow {background: #f2d6a4;}
.bg_gary {background: #c6c6c6;}

.modal {text-align: center;}
.modal::before {display: inline-block; vertical-align: middle; content: " "; height: 100%;}
.modal-dialog {display: inline-block; text-align: left; vertical-align: middle;}
.modal-body {float: left; width: 100%;}
.modal-content {border: 0;}
.modal-title {font-size: 20px; line-height: normal;}
.modal-footer {display: inline-block; width: 100%;}

.bigpop .modal-dialog {width: 100%; max-width: 800px;}
.avail_lb_head {float: left; width: 100%; margin: 0 0 15px 0;}
.datepicker_cl {border-radius: 3px; background: #F2F2F2 url('../images/icon-calendar.png') no-repeat right 5px center / 30px auto; color: rgba(28, 29, 31, 1); font-size: 15px; line-height: 28px; height: 28px; padding: 0 30px 0 10px; border: 0; width: 100%; box-sizing: border-box;}
.avail_table_main {float: left; width: 100%;}
.avil_tbl th {background: #F2F2F2; color: #939498; font-size: 13px; font-weight: bold; letter-spacing:1px; line-height: 17px; padding:8px; text-transform: uppercase;}
.avil_tbl td {background: #fff; box-shadow: inset 0 -1px 0 0 #D8D8D8; color: #282931; font-size: 15px; line-height: 18px; letter-spacing:1px; padding:8px;}

table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {display: none;}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child::before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child::before {top: auto;}
table.dataTable>tbody>tr.child ul.dtr-details > li {float: left; width: 100%;}
table.dataTable>tbody>tr.child span.dtr-title {float: left;}
span.dtr-data {width: 100%; float: left; white-space: initial;}

.sort-icon {position: relative; display: inline-block; width: 15px; height: 17px; top: 4px; }
.sort-icon::before {position: absolute; content: ""; top: 2px; right: 0; border-bottom: 5px solid #929297; border-left: 5px solid transparent; border-right: 5px solid transparent; width: 10px; height: 3px;}
.sort-icon::after {position: absolute; content: ""; bottom: 0; right: 0; border-top: 5px solid #929297; border-left: 5px solid transparent; border-right: 5px solid transparent; width: 10px; height: 8px;}
.sorting_asc .sort-icon::before {opacity: 0.5;}
.sorting_desc .sort-icon::after {opacity: 0.5;}

.labor_pool_block {float: left; width: 100%; background: #282931; border-radius: 4px 0 0 4px; box-shadow: 0 4px 12px 0 rgba(0,0,0,0.5);}
.labor_pool_head {background: #393E44; float: left; width: 100%; padding:10px 20px;}
.sm_title {font-size: 18px; line-height: 44px; color: #FFFFFF;}
.labor_close_icon {width: 44px; line-height: 44px; text-align: center;}
.labor_filter {float: left; width: 100%; margin-top: 15px;}
.filter_inner {float: left; width: 100%; margin-bottom: 30px;}
.filter_inner .select2-container--default .select2-selection--single {background: #282931;}
.filter_inner .select2-container--default .select2-selection--single .select2-selection__placeholder, .filter_inner .select2-container--default .select2-selection--single .select2-selection__rendered {color: #fff;}
.filter_inner .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #fff transparent transparent transparent;}
.filter_inner .search_txt {background: #282931 url('../images/icon-search-white@2x.png') no-repeat left 10px center / 15px 15px; color: #fff;}
.filter_inner .search_txt::-webkit-input-placeholder {color:rgba(255,255,255,0.4);}
.filter_inner .search_txt::-moz-placeholder {color:rgba(255,255,255,0.4);}
.filter_inner .search_txt:-ms-input-placeholder {color:rgba(255,255,255,0.4);}
.filter_inner .search_txt:-moz-placeholder {color:rgba(255,255,255,0.4);}
.filter_inner .datepicker_cl {background: #282931 url('../images/icon-calendar-white@2x.png') no-repeat right 5px center / 20px auto; color: #fff;}

.labor_pool_tbl_main {float: left; width: 100%; padding: 20px;}
.labor_pool_tbl_main .container-fluid {padding:0;}
table.dataTable.labor_dt_cl th {color: #FFFFFF; background: #282931; opacity: 0.5; font-size: 11px; font-weight: bold; letter-spacing: 1px; line-height: 14px; border: 0 !important; padding: 7px;}
table.dataTable.labor_dt_cl td {color: #FFFFFF; background: #282931; font-size: 15px; line-height: 18px; padding: 7px; border: 0;}
table.dataTable.labor_dt_cl a {color: #fff; text-transform: capitalize; text-decoration: underline;}
.labor_ch {width: auto; float: left; height: 18px;}
.labor_ch .custom-control-input {width: 18px; height: 18px;}
.labor_ch .custom-checkbox .custom-control-indicator {border-radius: 2px; border: 2px solid #fff; width: 18px; height: 18px; background: transparent; margin: 0;}
.labor_ch .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator::before {left: -2px; top: -1px; width: 18px; height: 18px; line-height: 18px; font-size: 12px;}
.assign_btn {border-radius: 2px; background-color: #5D7DE7; color: #FFFFFF; letter-spacing: 1px; text-align: center; font-weight: bold; font-size: 15px; display: inline-block; height: 44px; line-height: 44px; padding:0 20px; text-transform: uppercase; margin-top: 15px; border:0; cursor: pointer;}
.assign_btn:hover {color: #fff;}

.as_fil_HD {float: left; width: 100%; margin-bottom: 10px;}
.container-fluid.dt-bootstrap4 {padding: 0;}
table.dataTable th {border: 0 !important; color: #939498; background: rgba(242, 242, 242, 0.4); padding: 10px; font-size: 13px; line-height: 17px; font-weight: bold; letter-spacing: 0.9px; text-transform: uppercase; box-shadow: inset 0 -1px 0 0 #6C6C6C;}
table.dataTable td {font-size: 15px; line-height: 28px; padding: 8px; background: #fff; color: #282931;}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {padding-right: 10px;}

.cm_btn {background: #5D7DE7; border-radius: 3px; font-size: 15px; color: #FFFFFF; text-align: center; height: 38px; line-height: 38px; padding:0 10px; text-transform: capitalize; display: inline-block; width: 110px; cursor: pointer; border: 0;}
.cm_btn:hover {color: #fff;}
.close_btn {cursor: pointer; color: #5D7DE7; font-size: 15px; text-align: center; line-height: 38px; padding:0 10px; width: 110px; border: 0; background: transparent;}
.w_auto {width: auto;}
.fl_w {width: 100%; float: left;}
.assignment_cnt {float: left; width: 100%;}
.assignment_cnt p {font-size: 14px; line-height: 22px; color: #282931; opacity: 0.54; float: left; width: 100%;}
.assignment_cnt .txtarea {color: #282931;}
.assignment_cnt h4 {display: inline-block; font-size: 14px; color: #282931; line-height: 24px; margin-bottom: 8px; font-weight: bold; text-transform: capitalize;}
.assignment_cnt ul {float: left; width: 100%;}
.assignment_cnt ul li {font-size: 14px; line-height: 28px; float: left; width: 100%; margin-bottom: 8px;}
.assignment_cnt .custom-checkbox {float: left; margin: 5px 15px 0 0;}
.bg_blue_pop {background: #5D7DE7; color: #fff;}
.sucess_main .modal-header {border-bottom: 0;}
.sucess_main .modal-footer {border-top: 0; margin-bottom: 30px;}
.suc-msg {font-size: 24px; line-height: 30px; color: #282931; margin: 30px 0 20px;}
.close, .close:focus, .close:hover {opacity: 1;}
.bx_foot span a.sche_link {color: #282931; margin-left: 10px;}

.line20 {line-height: 28px;}

/* Full Calendar */
.cal_inner_main {float: left; width: 100%;}
.cal_inner_main .fc-toolbar.fc-header-toolbar {margin-bottom: 0; padding:15px 20px; background: #fff;}
.cal_inner_main .fc .fc-button-group>* {margin: 0;}
.fc-left h2 {font-size: 22px; letter-spacing: 1.47px; line-height: 28px; color: #282931; float: left; margin-right: 10px;}
.cal_inner_main .fc-state-default {background: transparent; border-radius: 0; border: 0; box-shadow: none; margin: 0; padding: 0;}
.cal_inner_main .fc-left .fc-state-default {width: 28px; height: 28px;}
.cal_inner_main .fc-state-default .fc-icon {width: 28px; height: 28px; margin: 0;}
.cal_inner_main .fc-icon-left-single-arrow::after {content: ""; font-weight: 700; font-size: 40px; top: 0; background: transparent url('../images/icon-arrow-left@2x.png') no-repeat center center / 8px 12px; position: absolute; width: 28px; height: 28px; left: 0; right: 0;}
.cal_inner_main .fc-icon-right-single-arrow::after {content: ""; font-weight: 700; font-size: 40px; top: 0; background: transparent url('../images/icon-arrow-right@2x.png') no-repeat center center / 8px 12px; position: absolute; width: 28px; height: 28px; left: 0; right: 0; }

/* setting page */
.inner_pad {float: left; width: 100%; padding:20px 15px;}
.tab_main {float: left; width: 100%;}
.tab_left {width: 15%; float: left;}
.tab_left .nav-tabs {border-bottom: 0; float: left; width: 100%;}
.tab_left .nav-tabs .nav-item  {float: left; width: 100%; margin-bottom: 0;}
.tab_left .nav-tabs .nav-item .nav-link {color: rgba(28, 29, 31, 0.48); font-size: 15px; line-height: 18px; background: #E7E7E7; padding:20px 18px; display: block; border-radius: 0; border: 0; border-bottom: 1px solid #d6d6d6;}
.tab_left .nav-tabs .nav-item:last-child .nav-link {border-bottom: 0;}
.tab_left .nav-tabs .nav-item .nav-link.active {background: #fff; border-color:#fff; color: rgba(28, 29, 31, 1);}
.tab_right {width: 85%; float: left; background: #fff; padding:20px;}
.tab-content {float: left; width: 100%;}

/* inner tabs */
.inner_tabs_main {float: left; width: 100%;}
.inner_tab_head {float: left; width: 100%; position: relative;}
.inner_tab_head .nav-tabs {float: left; width: 100%; border-bottom: 1px solid #F3F3F3;}
.inner_tab_head .nav-tabs .nav-item {margin: 0 25px}
.inner_tab_head .nav-tabs .nav-link {color: rgba(28, 29, 31, 0.48); font-size: 15px; line-height: 18px; border-radius: 0; border: 0; position: relative; padding: 8px 0; text-transform: capitalize;}
.inner_tab_head .nav-tabs .nav-link.active {color: rgba(28, 29, 31, 1);}
.inner_tab_head .nav-tabs .nav-link.active::after {position: absolute; content: ""; bottom: 1px; left: 0; right: 0; width: 100%; height: 2px; background: #5D7DE7;}
.inner_tab_head .nav-tabs .nav-item.show .nav-link, .inner_tab_head .nav-tabs .nav-link.active {border:transparent;}
.inner_tab_head .nav-tabs .nav-link:focus, .inner_tab_head .nav-tabs .nav-link:hover {border:transparent;}

.inner_tab_cnt {float: left; width: 100%;}
.inner_cnt_main {float: left; width: 100%; padding: 30px 0;}
.inner_cnt_head {float: left; width: 100%;}
.sm_btn {color: #FFFFFF; font-size: 15px; text-align: center; background: #5D7DE7; height: 28px; line-height: 28px; padding:0 20px; border-radius: 3px; width: auto; display: block; float: left; margin-right: 20px; text-transform: capitalize;}
.sm_btn:hover {color: #fff;}
.sorting_disabled .sort-icon {display: none;}
/* .level_tbl td:nth-child(2) {color:rgba(28,29,31,0.54);} */
.cl_green {color: #59AA00;}
.dropdown_cover {display: inline-block; float: right; position: relative;}
.tbl_toogle {opacity: 0.54; display: block; height: 30px; line-height: 28px; width: 30px; text-align: center;}
.tbl_toogle.active {opacity:1; background-color: #f2f2f2; border-radius: 1px;}
.drop_down {z-index: 99; position: absolute; right: 0; background: #fff; box-shadow: 0 4px 14px 0 rgba(0,0,0,0.1); padding: 12px 0; width: 175px; display: none;}
.drop_down ul {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(213,213,213,0.4);}
.drop_down ul:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.drop_down li {display: block;}
.drop_down li a {display: block; color: #282931; font-size: 15px; line-height: 18px; padding:3px 15px;}
.drop_down li:hover a {background: rgba(93, 125, 231, 0.13);}
.drop_down li a.red_cl {color: #D0021B;}

.form_box {float: left; width: 100%; padding: 15px; border: 1px solid #eee; border-radius: 2px;}
.form_head {border-bottom: 1px solid #eee; float: left; width: 100%; margin-bottom: 10px; padding-bottom: 10px;}
.form_head h2 {font-size: 20px; text-transform: capitalize; float: left; color: #282931; opacity: 0.48;}
.form_close {float: right;}
.form-group label {font-size: 15px; line-height: 18px; color: rgba(28, 29, 31, 0.4); text-transform: capitalize; float: left; width: 100%;}
.form-control {height: 28px; line-height: 28px; padding:0 10px; color: rgba(28, 29, 31, 1); font-size: 15px; width: 100%; box-sizing: border-box; border: 0;background: #f2f2f2;}
.form-control:focus {background: #f2f2f2;}
.txtarea {background: #f2f2f2; height: 100px; padding: 10px; color: rgba(28, 29, 31, 1); font-size: 15px; float: left; width: 100%; border: 0; border-radius: .25rem; resize: none;}

.cat_action {float: right;}
.cat_action li {display: inline-block; margin: 0 5px; float: left; line-height: 28px;}
.cat_action li:first-child {margin-left: 0;}
.cat_action li:last-child {margin-right: 0;}
.cat_action li a {color: #282931; font-size: 20px;}
.cat_action li a:hover {color: #282931;} 

.switch {position: relative;display: inline-block; width:50px; height:28px; margin: 0;}
.switch input {display:none;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider::before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider::before {-webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px);}

/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round::before {border-radius: 50%;}
.add_row_icon {width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #5d7de7; display: inline-block; border-radius: 2px;}
.page_title {font-size: 22px; color: rgba(28, 29, 31, 0.4); border-bottom: 1px solid #eee; float: left; width: 100%; margin: 0 0 20px 0; padding: 0 0 10px 0;}
table.dataTable>tbody>tr.child ul.dtr-details {float: left; width: 100%;}
table.dataTable>tbody>tr.child ul.dtr-details > li {float: left; width: 100%;}
table.dataTable>tbody>tr.child span.dtr-title {text-transform: uppercase;}

.cnl_btn {display: inline-block; line-height: 28px;}

/* Upload File Design */
.custom_btn {width: 100%; float: left;}
.file-upload {display:inline-block; text-align:center; font-size:16px; }
.file-upload .file-select {display:block; border: 2px solid #353435; color: #353435; cursor:pointer; height:44px; line-height:42px; text-align:left; background:#FFFFFF; overflow:hidden; position:relative; border-radius: 4px;}
.file-upload .file-select .file-select-button{background:#353435;padding:0 10px;display:inline-block;height:42px;line-height:42px; color: #fff;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}

/* Job popup */
.large_pop .modal-dialog {max-width: 100%; margin: 1.75rem auto; width: 90%;}
.job_main { float: left;width: 100%; }
.large_pop .inner_tab_head {border-bottom: 1px solid #F3F3F3;}
.large_pop .inner_tab_head .nav-tabs {width: auto; border-bottom: 0; padding-top: 25px;}
.large_pop .inner_tab_head .nav-tabs .nav-link {font-size: 16px; line-height: 19px;}
.job_inner_main {float: left; width: 100%; /* background: #f2f2f2; */ padding:30px 0px;}
.job_tab_cover {float: left; width: 100%; padding: 0 30px; margin-bottom: 30px;}
.pop_cnt_title {font-size: 20px; font-weight: bold; line-height: 26px; border-bottom: 1px solid; color: #282931; margin: 0 0 15px; padding: 0 0 10px; letter-spacing: 0.5px; float: left; width: 100%;}
.job_tab_cover .form-group label {font-size: 12px; line-height: 14px; color: rgba(28, 29, 31, 0.64);}
.job_tab_cover .form-group .datepicker_cl, .job_tab_cover .form-group .form-control {height: 38px; line-height: 38px;}
.job_tab_cover .select2-container .select2-selection--single {height: 38px;}
.job_tab_cover .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 38px;}
.job_tab_cover .select2-container--default .select2-selection--single .select2-selection__arrow {height: 36px;}
.bg_white, .bg_white:focus {background-color:#fff;}
/* .job_sel .select2-container--default .select2-selection--single {background-color:#fff;} */

.no_CT {font-size: 12px; color: rgba(28, 29, 31, 0.64); width:auto; line-height: 38px; height: 38px; margin-right:25px; float: left;}
.w50 {width: 50%; float: left; margin-right: 25px;}
.cus_check {width: auto; float: left; margin: 6px 30px 0 0;}
.remove_btn {width: 38px; line-height: 38px; height: 38px; display: inline-block; text-align: center;}
.fl_none {float: none;}
table.tool_order_tbl td {line-height: 36px;}
table.tool_order_tbl .cat_action li {line-height: 36px; margin: 0 10px;}
.pop_S_C {margin: 12px 15px;}
label.w_auto {width: auto; float: left; margin: 0 15px 0 0; line-height: 28px;}

/* Work Order Form */
.md_pop .modal-dialog {max-width: 100%; width:70%;}
.WO_form th, .WO_form td {font-size: 14px; font-weight: normal; border-right: 1px solid #000;}
.WO_form th:last-child, .WO_form td:last-child {border-right: 0;}
.head_tbl th {background: #000; color: #fff;}
.head_tbl th, .head_tbl td {border-bottom: 1px solid #000;}
.head_tbl tr:last-child th, .head_tbl tr:last-child td {border-bottom: 0;}
.bg_BL {background: #000; color: #fff;}

.modal .invite_job_tbl .custom-control {width: 18px; height: 18px; float: left;}
.modal .invite_job_tbl th .custom-checkbox .custom-control-indicator {top:3px;}
.modal .response_tbl th .custom-checkbox .custom-control-indicator {top:8px;}
.modal .custom-control-input {width: 18px; height: 18px;}
.modal .custom-checkbox .custom-control-indicator {border: 2px solid #e3e1e1; width: 18px; height: 18px;}
.modal .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator::before {width: 18px; height: 18px; line-height: 16px; left: -2px; top: 0px; font-size: 12px;}
.modal .custom-control-description {margin:4px 0 0 0;}
.job_main .invite_job_tbl .custom-control {width: 18px; height: 18px; float: left;}
.job_main .invite_job_tbl th .custom-checkbox .custom-control-indicator {top:3px;}
.job_main .response_tbl th .custom-checkbox .custom-control-indicator {top:8px;}
.job_main .custom-control-input {width: 18px; height: 18px;}
.job_main .custom-checkbox .custom-control-indicator {border: 2px solid #e3e1e1; width: 18px; height: 18px;}
.job_main .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator::before {width: 18px; height: 18px; line-height: 16px; left: -2px; top: 0px; font-size: 12px;}
.job_main .custom-control-description {margin:4px 0 0 0;}
.light_gry {color: rgba(28, 29, 31, 0.54);}

.worker_box .form-control, .worker_box .select2-container--default .select2-selection--single, .worker_box .txtarea {background: #fff;}
.worker_box .datepicker_cl  {background-color: #fff;}
.worker_box p {font-size: 16px; line-height: 38px; margin-bottom: 0;}
.worker_box .no_CT {font-size: 16px;}
.collapsed .dropdown_cover {float: left;}
.collapsed .drop_down {left: 0; right: auto;}

.collapsed .cat_action {float: left; margin-left: 10px;}
.tools_main {float: left; width: 100%;}
.popover {background-color: #5D7DE7; border: 1px solid #5D7DE7;}
.bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {border-left-color: #5D7DE7;}
.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after {border-left-color: #5D7DE7;}
.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {border-top-color:#5D7DE7;}
.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {border-top-color:#5D7DE7;}
.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {border-bottom-color:#5D7DE7;}
.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {border-bottom-color:#5D7DE7;}
.bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {border-right-color:#5D7DE7;}
.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {border-right-color:#5D7DE7;}
.popover-body {color: #fff;}
.tools_ttl {font-size: 20px; float: left; margin-right: 15px; line-height: 28px; color: #282931; opacity: 0.48; text-transform: capitalize;}
.tools_main .inner_cnt_head .inner_right .sm_btn:last-child, .tools_main .inner_cnt_head .inner_right .w180:last-child {margin-right: 0;}

.form_cover {float: left; width: 100%;}
.gangbox_block {float: none; width: 100%; margin: 15px auto 30px; max-width: 1024px; display: table;}
.sheet_title {font-size: 22px; line-height: 30px; color:#282931; text-align: center; float: left; width: 100%; margin-bottom: 20px;}
.gangbox_block table {border: 1px solid #000; text-align: center;}
.gangbox_block td {font-size: 14px; line-height: 17px; text-align: center; padding: 5px; border-bottom: 1px solid #000; border-right:1px solid #000; }
.bg_tra {background: transparent; text-align: center;}
.bg_tra:focus {background: transparent;}

/* Calendar */
.cal_main .fc-timeline-event {
	padding: 0 !important;
}
.fc-timeline-event .fc-content {
	padding: 0;
}
.fc-ltr .fc-timeline-event .fc-title {
    padding-left: 0;
    margin-left: 0;
}
.cal_main .fc-toolbar .fc-left {position: relative; left: 30%;}
.cal_main {float: left; width: 100%; background: #fff; position: relative;}
.cal_main .inner_top {position: absolute; width: 82%; float: right; right: 0; top: 5px; box-shadow: none;}
.cal_icon_main {width: auto; float: right; }
.cal_icon_main a {margin: 0 10px; display:inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px;}
.cal_main th {height: 85px;}
.cal_main td {height: 44px; position: relative; border-color: rgba(0, 0, 0, 0.2)}
.cal_main .fc-timeline-event {border-radius: 0;}
.cal_main .fc-start {border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.cal_main .fc-end {border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
.cal_main .fc-not-end {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.cal_main .fc-not-start {border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}
.cal_main .fc-time-area .fc-rows td > div {height: auto !important;}
.cal_main .fc-time-area .fc-event-container {padding-bottom: 0; top:0px; height: auto !important;}
.cal_main .fc-timeline-event { height: 44px; line-height: 44px; color: #fff !important; padding: 0 10px; font-size: 16px; border: 0; cursor: pointer;}
.cal_main .fc-resource-area th {vertical-align: bottom; color: #9E9E9E;  font-size: 15px; line-height: 18px; font-weight: normal;}
.cal_main .fc-time-area tr:first-child th {font-size: 15px; line-height: 18px; color: #9E9E9E; font-weight: normal; vertical-align: bottom;}
.cal_main .fc-time-area tr:last-child th {font-size: 25px; line-height:normal; color: #9E9E9E; font-weight: normal; vertical-align: top;}
.cal_main .fc-time-area th {height: auto; border-bottom-color: transparent; text-align: left;}
.cal_main .fc-time-area th .fc-cell-content {padding:0 ;}
.cal_main .fc-timelineMonth-view .fc-time-area th, .cal_main .fc-timelineYear-view .fc-time-area th, .cal_main .fc-timelineDay-view .fc-time-area th {vertical-align: bottom !important;}
.cal_main .fc-title {font-size: 22px;}

.fc-timeline-event.fc-not-end .fc-content::after {content: ""; position: absolute; top: 50%; left: auto; right: 0; margin-top: -5px; border-left: 5px solid #000; border-top: 5px solid transparent; border-bottom: 5px solid transparent; opacity: .5;}

.awesome-popover-class {width:370px; max-width: 100%; background-color: #282931; box-shadow: 0 4px 12px 0 rgba(0,0,0,0.5); border-color: #282931; z-index: 2;}
.awesome-popover-class.bs-popover-auto[x-placement^=bottom] .arrow::before, .awesome-popover-class.bs-popover-bottom .arrow::before {border-bottom-color: #282931;}
.awesome-popover-class.bs-popover-auto[x-placement^=bottom] .arrow::after, .awesome-popover-class.bs-popover-bottom .arrow::after {border-bottom-color: #282931;}
.awesome-popover-class.bs-popover-auto[x-placement^=top] .arrow::before, .awesome-popover-class.bs-popover-top .arrow::before {border-top-color: #282931;}
.awesome-popover-class.bs-popover-auto[x-placement^=top] .arrow::after, .awesome-popover-class.bs-popover-top .arrow::after {border-top-color: #282931;}

.cal_pop_head {float: left; width: 100%; padding:12px; border-bottom: 1px solid rgba(255,255,255,0.5);}
.cal_pop_head h3 {color: #FFFFFF; font-size: 20px; line-height: 24px; text-align: center; font-weight: normal;}
.cal_pop_close {position: absolute; right: 15px; top: 12px; opacity: 0.5; cursor: pointer; z-index: 99;}
.cal_pop_cnt {float: left; width: 100%; padding: 20px 0;}
.cal_pop_cnt li {padding: 0; margin-bottom: 15px; float: left; width: 100%;}
.cal_pop_cnt li:last-child {margin-bottom: 0;}
.cal_pop_cnt li span {display: inline-block; color: #FFFFFF; font-size: 14px; line-height: 18px;}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {border-color: rgba(0, 0, 0, 0.2)}
.fc-event .fc-bg {opacity:0;}

/* 16-8-2018 */
.tab_close_icon {position: absolute;right: 0;}
.loader {position: absolute;z-index: 9;text-align: center;left: 0;right: 0;width: 100%;min-height: 1000px;background: rgba(255,255,255,0.8);display: flex;align-items: center;justify-content: center;top: 0;bottom: 0;}

.loader img {width: 100px; }
.ajx_loader {position: absolute;z-index: 9;text-align: center;left: 0;right: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.8);display: flex;align-items: center;justify-content: center;top: 0;bottom: 0;}
.ajx_loader img {width: 100px; }
.page-link{color: #282931;}
.page-link:hover{color: #282931;}

.gallery_pic_mnc{margin-top: 30px;float: left;width: 100%;}

.gallery_pic_mnc ul {float: left;width: 100%;margin: 0;padding: 0;}

.gallery_pic_mnc ul li {float: left;width: 19.2%;margin: 0;padding: 0;margin: 0 1% 1% 0;}
.gallery_pic_mnc ul li:nth-child(5n) {margin-right: 0;}
.gallery_pic_mnc ul li img {width: 100%;height: 256px;object-fit: cover;}
.gallery_pic_mnc ul li {position: relative;}

.gallery_pic_mnc ul li:hover .log-phot-del {opacity: 0.5;display: block;}

.gallery_pic_mnc ul li .log-phot-del {display: none;cursor: pointer;width: auto;height: auto;object-fit: none;position: absolute;top: 0;right: 0;color: #000;font-size: 20px;/*background: #ccc;*/padding: 2px;}

.gallery_pic_mnc ul li .log-phot-del:hover {opacity: 1;display: block;text-shadow: 0 0 10px #fff;}

#loginPhotoModal .dz-preview.dz-image-preview,
#loginPhotoModal .dz-preview.dz-file-preview{display: none !important;}

.dropzone_ {width: 100% !important;height: 150px !important;display: flex;justify-content: center;position: relative;padding-top: 90px;}
.dropzone_:before {content: "\f093";font-family: "Font Awesome 5 Free";left: calc(50% - 30px);position: absolute;top: 0;font-size: 60px;color: #0076ff;}

.dropzone_ {font-weight: 900;cursor: pointer;position: relative;background: #f7f7f7 !important;border: 2px dashed rgb(204, 204, 204);}
.dragLbl {font-weight: normal;padding: 0 5px;}
.colorpicker-element span.input-group-addon i {width: 30px;height: 28px;vertical-align: baseline;}
.drag_blk {float: left; width: 100%;}
.drag_blk li {float: left; width: 100%;}
.drag_blk span:nth-child(1) {width: 10%; float: left;}
.drag_blk span:nth-child(2) {width: 20%; float: left;}
.drag_blk span:nth-child(3) {width: 20%; float: left;}
.drag_blk span:nth-child(4) {width: 25%; float: left;}
.drag_blk span:nth-child(5) {width: 10%; float: left;}
.drag_blk span:nth-child(6) {width: 15%; float: left;}

.drag_head {float: left; width: 100%;}
.drag_head span {color: #FFFFFF; background: #282931; opacity: 0.5; font-size: 11px; font-weight: bold; letter-spacing: 1px; line-height: 14px; border: 0 !important; padding: 7px; display: inline-block; box-shadow: inset 0 -1px 0 0 #6C6C6C;}
.drag_cnt span, .ui-sortable-helper span {color: #FFFFFF; background: #282931; font-size: 15px; line-height: 18px; padding: 7px; border: 0;}
.drag_cnt span a, .ui-sortable-helper span a {color: #fff; text-transform: capitalize; text-decoration: underline;}

.job_lst_main .lp_view {display: none;}
.drag_blk .jb_view {display: none;}

.job_lst_main .ui-sortable-handle.lab_active {background: #fff;}

.ui-sortable-handle.lab_active { height: auto !important; background: #282931;}
.ui-sortable-placeholder {border:1px dashed rgba(255,255,255,0.5) !important;float: left;height: 32px; visibility: visible !important;}

.overLay_U {border: 2px dashed #000; border-radius: 5px; background: rgba(255, 255, 255, 0.9); z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: flex;align-items: center; justify-content: center; color: #A1A1A1; font-size: 18px; line-height: 44px; visibility: hidden;}
.overlat_SS .overLay_U { visibility: visible;}

.filter_inner .select2-container--default.select2-container--focus .select2-selection--multiple {border: 1px solid #282931; float: left; width: 100%; }
.filter_inner .select2-container--default .select2-selection--multiple .select2-selection__rendered {float: left; width: 100%;}
.filter_inner .select2-container--default .select2-selection--multiple .select2-selection__rendered li {line-height: 18px; margin-top: 3px;}
.filter_inner .select2-container--default .select2-selection--multiple {background-color: #282931;
    border: 1px solid #282931; min-height: 28px;}
.filter_inner .select2-container--default .select2-selection--multiple .select2-selection__choice {    background-color: transparent;border: 1px solid #fff; font-size: 13px;color: #fff;}
.white_border{border: 1px solid #fff;}
.ui-sortable-helper { height: auto !important; }
/*.lab_active{border: 1px solid #fff;}*/
.job_lst_main .ui-sortable-helper span {background: transparent;}
.jobs_listing{ max-height: 150px; }
.labr_listing{ max-height: 500px; }
.sm_delete {max-height: 25px; margin: 4px 0 0 0;}

.select2-container--default .select2-search--inline .select2-search__field {width: auto !important; font-size: 15px; margin: 0;}

.view_assngd_list th:nth-child(5), .view_assngd_list th:nth-child(6), .view_assngd_list th:last-child {
	text-align: center !important;}
.view_assngd_list td:nth-child(5), .view_assngd_list td:nth-child(6), .view_assngd_list td:last-child {text-align: center !important;}
.view_assngd_list td:nth-child(6) img{ margin-left: 0px !important; }
.view_assngd_list td:last-child span {display: inline-block; float: none !important;}

#view_conflict_list {z-index: 99999999; background: rgba(0,0,0,0.8);}