input:hover, input:focus, textarea:hover, textarea:focus, button:hover, button:focus {outline:0 none; box-shadow: none;}
button.close {cursor: pointer;}
a:hover, a:focus {outline: 0 none;}
.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .btn-primary:focus, .btn-primary.focus {box-shadow: none;}
.modal-backdrop {background: #3C424C;}
.modal-content {border: 0;}

.add-job .modal-dialog {max-width: 820px;}
.add-job .modal-content {border-radius: 3px; border: 0; float: left; width: 100%;}
.job_info_pop_main {float: left; width: 100%;}
.job_subtitle {font-size: 14px;	letter-spacing: 1px; line-height: 17px; border-bottom: 1px solid #D8D8D8; padding-bottom: 5px; margin-bottom: 25px; color: #050505; text-transform: uppercase;}
.job_pop_row {float: left; width: 100%;}
.frm-control {padding: 7px 10px;}
.frm-control.jobNumber {border:0;}
.switch_cover {width:100%; float:left;}
.check_text {text-align: left; color: #4a4a4a; font-size: 14px; line-height: 24px; float: left; margin:0 10px 0 0;}
.switch {position: relative; display: inline-block; width:34px !important; height:20px; margin:5px 40px 5px 0;}
.switch input {display:none;}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
.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:16px; width:16px; left: 2px; bottom:2.5px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider {background-color: #0054FF;}
input:focus + .slider {box-shadow: 0 0 1px #232323;}
input:checked + .slider:before {-webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); background:#fff;}

.switch-group .switch {margin: 0;}

.cs_job .select2, .cs_job .frm-control {width: 242px !important; float: left; margin: 0 10px 0 0;}
.job_popwth {width: 70px;}
.frm_num_control {width: 60px; float: left; margin: 0 10px 0 0; height: 30px; line-height: 30px; border: 1px solid #8FA8BE; border-radius: 3px; padding:7px 0 7px 10px;}
.jb_pop_btn110 { width: 110px;}
.add-job .modal-footer {justify-content: center; padding-bottom: 60px;}

.pop_CH {float: left; width: 100%; position: relative; margin-top: 6px;}
.pop_CH label {position: absolute; top: 0; left: 0; line-height: 18px; padding-left: 28px; margin: 0;}
.pop_CH label::before {left: 0; margin-left: 0; top: 0;}
.pop_CH label::after {left: 0; top: 0; margin-left: 0;}

.add-job.add_emp_pop .modal-footer {justify-content: left;}
.add-job.add_emp_pop .btn {line-height:28px; padding: 0;}

.add_select_block {border-radius: 3px;  width: 100%; float: left; max-width: 355px; margin: 10px 0 0 0;}
.add_select_block ul {list-style: none; margin:0; padding: 0; max-height: 111px; overflow-y: auto; background-color: #F1F1F1;}
.add_select_block li {float: left; width: 100%; text-align: left; color: #484F57; font-size: 13px; line-height: 16px; margin: 0px;background-color: #F1F1F1;padding: 5px 10px; }
.add_select_block li:last-child {margin-bottom: 0;padding-bottom: 10px; }
.pop_cnl {display: inline-block; margin-left: 10px;}
.pop_cnl img {width: 8px;}

.job_popwth150 {width: 150px;}
.barcode_DIV {display: none;}
.barcode_DIV.show_barcodeDIV {display: inline-block;}
.yop_top {margin-top: 2px;}

.cs_breadcum {float: left; width: 100%; margin-bottom: 20px;}
.cs_breadcum ul {list-style: none; margin: 0; padding: 0;}
.cs_breadcum ul li {display: inline-block; font-size: 15px; line-height: 18px; color: #050505; margin: 0 15px 0 0; float: left; font-style: italic;}
.cs_breadcum ul li:last-child {margin-right: 0px;}
.cs_breadcum ul li a {display: block; color: #0054FF; font-size: 15px; line-height: 18px;}
.cs_breadcum ul li:hover a {color: #0054FF;}

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; height: 15px; width: 15px; line-height:18px;}
table.dataTable>tbody>tr.child span.dtr-title {text-transform: capitalize;}

.time_Popup .modal-dialog {max-width: 600px;}
.time_Popup .modal-body {padding: 0;}
.dateblock {float: left; width: 100%; background: #F8F8F8;}
.date_day_blk {display: inline-block; margin: 0 auto; width: 78%; padding: 12px 0;}
.date_day_blk h4 {font-size: 20px; line-height: 24px; text-align: center; color: #131313; margin: 0;}
.date_day_blk span {color: #131313; font-size:14px; line-height:17px; text-align: center; display: block;}
.icon_arrow {width: 65px; height: 65px; display: block; line-height: 65px; text-align: center;}

.time_form_main {padding:25px; width: 100%; float: left; box-sizing: border-box;}
.author_name {float: left; width: 100%; margin-bottom: 20px;}
.short_name {width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #fff; background: #705397; margin-right: 10px; float: left;}
.full_name {font-size: 14px; line-height:24px; float: left; margin-bottom: 0;}
.form_inner {float: left; width: 100%;}

.add_time_entry_block {padding:12px 0; margin:20px 0; float: left; width: 100%; border-bottom: 1px solid #D8D8D8;}
/*.add_time_entry_block {padding:12px 0; margin:20px 0; float: left; width: 100%; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8;}*/
.add_time_entry_block a {color: #0054FF; font-size: 15px; line-height: 18px; display: inline-block;}
.add_time_entry_block a:hover {color: #0054FF;}
.total_hours {width: 100%; float: left; text-align: center; color: #727E8B;	font-size: 14px; font-weight: bold;	letter-spacing: 1px; line-height: 17px;}
.total_hours span {color: #000;}
.time_Popup .modal-footer {justify-content: center; padding-bottom: 30px;}

/* employee profile page */

.emp_profile_au .short_name {width: 60px; height: 60px; font-size: 24px; line-height: 60px; letter-spacing: 1px; font-weight: bold;}
.emp_profile_au .full_name {font-size: 24px; font-weight: bold; letter-spacing: 1px; line-height:60px; color: #050505;}
.tabbing_main {float: left;  width: 100%;}
.tabbing_main .card {border: 0; background: transparent;}
.tabbing_main .card-header {padding: 0; border-bottom: 0; background: transparent;}
.tabbing_main .card-header-tabs {margin-right: 0; margin-bottom: 0; margin-left: 0;}
.tabbing_main .nav-tabs .nav-item {margin-bottom: 0; margin-right: 10px;}
.tabbing_main .nav-tabs .nav-link {border: 0; background: #CAD0DA; color: #727E8B; font-size: 12px; font-weight: bold; letter-spacing: 1px; line-height: 15px; padding: 11px 25px; text-transform: uppercase}
.tabbing_main .nav-tabs .nav-link.active, .tabbing_main .nav-tabs .nav-item.show .nav-link {background-color: #fff; border-color: transparent; color: #000000; font-size: 12px; font-weight: bold; letter-spacing: 1px; line-height: 15px;}
.tabbing_main .tab-content {background: #fff;}
.tabbing_main .nav-tabs .nav-link:focus, .tabbing_main .nav-tabs .nav-link:hover {opacity: 1;}

.inner_tab_cnt {float: left; width: 100%;}
.tab_cnt_inner_title {color: #050505; font-size: 18px; font-weight: bold; letter-spacing: 2px; line-height: 22px; text-transform: uppercase; margin-bottom: 20px;}
.tab_form_main {float: left; width: 100%;}
.tab_min_wdith {max-width: 800px; width: 100%;}
.w_line {padding: 0 10px; line-height: 28px;}
.tab-top_section {width: 100%; float: left;}

.emp_profile_au .short_name.txt_big {font-size: 32px;}
.delete_msg {color: #050505; font-size: 18px; font-weight: bold; letter-spacing: 1px; line-height: 26px;}
.btn {cursor: pointer;}
.filter_btn {width: 70px; height:30px; line-height: 30px; border: 1px solid #0054FF; border-radius: 3px; font-size: 15px; text-align: center; color: #0054FF; display: block}

/* Day Crew Popup */
.body_head {float: left; width: 100%; padding: 0 15px 10px 15px;}
.body_title {float: left; width: 100%; color: #484F57; font-size: 15px; line-height: 18px;}
.pop_tbl_main {float: left; width: 100%; padding: 15px 0;}
.pop_tbl_main .short_name {width: 32px; height: 32px; line-height: 32px;}
.pop_tbl_main .bl_bg {background: #66B3EF;}
.pop_tbl_main .gr_bg {background: #7ED7AB;}
.pop_tbl_main table {width: 100% !important;}
.pop_tbl_main th {color: #727E8B; font-size: 12px; font-weight: bold; letter-spacing: 1px; line-height: 15px; text-transform: uppercase;}
.pop_tbl_main td {color: #484F57; font-size: 13px; padding: 5px;}
.pop_tbl_main .select2-container--default .select2-selection--single .select2-selection__arrow b {font-size: 16px;}
.pop_tbl_main .author_name {margin-bottom: 0;}

.mrgpadborder {margin: 15px 0; padding: 15px 0; border-top:1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8;}
.padleftright {padding: 0 15px; float: left; width: 100%;}
.padR0 {padding-right: 0 !important; }
.cs_job .inNO {width: 50px !important; margin: 0 10px 0 0;}
.sel_eq_mani_ttl {color: #727E8B; font-size: 12px;	font-weight: bold;	letter-spacing: 1px; line-height: 15px; margin: 0 0 10px 0; text-transform: uppercase;}
.add_sel_row {width: 100%; float: left; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #D8D8D8;}
.add_sel_row:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.sel_eq_ttl {color: #484F57; font-size: 13px; line-height: 16px; margin: 0;}
.sel_qty {color: #667280; font-size: 11px; line-height: 13px;}

.total_block {float: left; width: 100%; margin: 15px 0 30px;}
.total_block ul {list-style: none; margin: 0; padding: 0;}
.total_block ul li {display: inline-block; margin: 0 10px;}
.total_block ul li span {float: left; width: 100%;}
.total_ttl {color: #667280; font-size: 12px; font-weight: bold; letter-spacing: 1px; line-height: 15px;}
.total_txt {color: #000; font-size: 14px; font-weight: bold; letter-spacing: 1px; line-height: 17px;}
.gry {color: #727E8B;}

.max_W_auto {max-width: 100%; height: auto;  background-color: #F1F1F1; padding: 10px;}
.as_mem_title {color: #727E8B; font-size: 12px; font-weight: bold; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; display: block;}
.pop-frm-control {height: 30px; border-radius: 3px; border: 1px solid #8FA8BE;}

.day_crew_main {display: block;}
.day_crew_sub {display: none;}
.pop_tbl_main tr.odd td {background: #F5F5F5}
.cs_w {width: 120px;}
.pad00 {padding: 0 !important}
.view_day_crew_sec th, .view_day_crew_assign th {display: none;}
.view_day_crew_assign td {color: #484F57; font-size: 15px; line-height: 18px; padding:10px;}

.jobcList {float: left; width: 100%;}
.jobcList ul {margin: 0; padding: 0;}
.jobcList ul li {float: left; width: 100%; margin: 15px 0 0; padding: 0 20px; list-style: none;}
.jobcList ul li a {padding:8px;  display:block; font-size: 15px; line-height: 17px; text-transform: capitalize; color: #131313; text-shadow: none; border: 1px solid #aaa; text-align: center;}
.jobcList ul li a:hover, .jobcList ul li a:focus { color: #131313; }
.tp_0.icon:after {top: 5px;}


.alert {float: none; width: 95%; margin: 0 auto; display:table;}
span.dtr-title:empty{
  display: none !important;
}
table.dataTable>tbody>tr.child span.dtr-title:empty{display: none !important;}
.pop_act{border: 1px solid #1266FF !important;}
.curact{color: #1266FF !important;}
 #emp_entri_tlb_wrapper table.dataTable { border-collapse: collapse !important;margin-top: 0 !important;width: 100% !important; }
 #emp_entri_tlb_wrapper { padding: 0 !important; }
 .dash_pop_edit { z-index: 1;right: 10px !important;top: 5px !important; }
 #emp_entri_tlb_wrapper .dataTables_scrollHeadInner { padding: 0 !important;width: 100% !important; }
 #emp_entri_tlb_wrapper .mCSB_inside>.mCSB_container { margin:0 !important;  }
 table#employees_dt_tbl tbody td img{    width: 50% !important;}
.per-no{margin-right: 10px;margin-top: -4px;}
.per-ys{margin-left: 10px;margin-top: -4px;}