@media(max-width: 1500px) {
    .employee_job_data_table th, .employee_job_data_table td, .time_off th, .time_off td {line-height: 25px; vertical-align: middle;}  
}
@media (min-width: 1473px) and (max-width: 1670px) {
	#labor .w180 {width: 150px;}
}
@media(max-width: 1499px) {
    .cal_main .inner_top .w300 {
        width: 180px;
    }
}
@media(max-width: 1472px) {
	.user_block {margin-left: 0;}
	.menu li {margin: 0 4px;}
	.menu li a {font-size: 14px;}
	.menu li a img {margin-right: 5px;}
	.lb_title {margin-right: 20px;}
	.inner_right {margin: 8px 50px 8px 0;}
	.w180 {width: 170px;}
	.job_inner_main .w180 {width: 125px;}
	.large_pop .modal-dialog {max-width: 100%; margin: 10px 0; width: 98%;}
	.cal_main .inner_top {width: 100%;}
}
@media(max-width: 1360px) {
    .labor_filter .col-sm-4 {flex: auto; width: 100%; max-width: 100%;}
    .labor_filter .col-sm-8 {flex: auto; width: 100%; max-width: 100%;}
}
@media(min-width: 1292px) {
	.emp_head_filter .btn_all_frm .btn_bg,
	#title_with_submit.edit_job_mb .btn_all_frm .btn_bg{
		margin-left: 0px;
		width: auto !important;
		padding: 0 30px !important;
	}
	#title_with_submit.edit_job_mb .grp_main .btn_bg{
		margin-left: 20px !important;
	}
}
@media(max-width: 1292px) {
	.menu li {margin: 0 2px;}
	.menu li a {font-size: 13px; padding:23px 0;}	
	.user_block {padding:20px 0;}
	.user_block li a {font-size: 13px;}
	.dash_top {padding:5px 30px 5px 10px;}
	.bx_cnt {padding:0 10px;}
	.bx_cnt li span.nu_cl, .bx_cnt li span.name_cl {width: auto;}
	.box-title {font-size: 16px; line-height: 30px;}
	.box-date {line-height: 34px;}
	.bx_foot {padding:0 10px;}
	.bx_foot span.info_icon {width: auto; margin: 0 15px 0 0;}
	.labor_pool_head, .labor_pool_tbl_main {padding:10px;}
	.sm_title, .labor_close_icon {line-height: normal;}
	.filter_inner {margin-bottom: 15px;}
	.assign_btn {margin-top: 10px; height: 34px; line-height: 34px;}	
	.cal_main .inner_top {width: 100%; position: relative; box-shadow: inset 0 -1px 0 0 #D8D8D8; top: inherit;}
}
@media(max-width: 1199px) {	
	header .col-sm-2 {padding-right: 0;}
	header .col-sm-10 {padding-left: 0;}
	.lg_left_inner {width: 100%; float: left; display: inline-block; padding:50px 20px 0;}
	.mrg100 {margin-bottom: 50px !important;}
	.forgot_pass_form {height: 390px;}
	.menu li {margin: 0;}
	.menu li a {font-size: 11.5px; padding:20px 0;}
	.menu li a img {margin-right: 0px;}
	.user_block {padding:17px 0;}

	.inner_left {width: 100%; margin-bottom: 10px;	}
	.inner_right {width: 100%; margin:15px 0 0;}
	.w180 {width: 110px;}

	.cat_box_main .col-sm-4 {max-width: 100%; flex: auto;}
	.cat_box_main .col-sm-4 .form_box {margin-bottom: 15px;}

	.job_inner_main .col-sm-6 {width: 100%; max-width: 100%; flex: auto;}
	.job_tab_cover {padding: 0;}
	.cal_icon_main a {margin: 0 5px;}
}
@media(max-width: 1099px) {
    .navigation_vn_menu ul li {margin: 0 10px;}
    .cl_boxc .col-sm-5 {padding-right: 0;}
    .cl_boxc .col-sm-7 {padding-left: 0;}

    .grp_main .nw_w {width: 130px; float: left;}
    .btn_all_frm .grp_main .btn_bg {margin-right: 0; margin-left: 10px; padding: 0 15px;}
}
@media(min-width: 1024px) {
	.menu {display: inline-block !important;}
	#title_with_submit.edit_job_mb .grp_main .nw_w {
	    width: 160px;
	    float: left;
	}
	#title_with_submit.edit_job_mb .grp_main .btn_bg{
		margin-left: 10px;
	}
}
@media(max-width: 1023px) {
	header .col-sm-2 {flex: auto; position: static; width: auto;} 
	header .col-sm-10 {flex: auto; position: static; width: auto;}
	.logo img {max-width: 150px;}
	.toogle_icon {display: inline-block; width:40px; height:40px; border-radius:4px; line-height:40px; text-align: center; background: #5D7DE7; color: #fff; margin: 14px 0; font-size: 20px; cursor: pointer;}
	.menu {display: none; position: absolute; width: 100%; left: 0; right: 0; z-index: 9; background: #fff; top: 100%;}
	.menu li {margin: 0; width: 100%; float: left; padding:0; box-shadow: inset 0 -1px 0 0 #D8D8D8;}
	.menu li a {font-size: 14px; padding: 8px 20px; float: left; width: 100%; color: #000;}
	.menu li a img {margin-right: 10px;}
	.user_block, .menu li.active::before {display: none;}
	.mobile_user_name, .mobile_logout {display: inline-block;}
	.shrink_div {max-width: 100%; flex: auto; width: 100%;}
	.shrink_div .half-blk {max-width: 50%; flex: auto;}
	.show_div {position: absolute; right: 0; max-width: 50%; flex: auto; z-index: 2;}
	.dash_cnt_main {padding: 30px 20px;}	

	.tab_left {width: 100%; float: left;}
	.tab_left .nav-tabs .nav-item {width: 33.33%;}
	.tab_left .nav-tabs .nav-item .nav-link {border-bottom: 0; padding: 15px;}	
	.tab_right {width: 100%; float: left;}

	.modal::before {display: none;}
	.bigpop .modal-dialog, .md_pop .modal-dialog {width: 90%; max-width: 100%; margin: 10px 0;}
	.overflow-x {overflow-x: scroll; padding-bottom: 15px;}
	.overflow-x table.WO_form {width: 830px;}

	.reg_icon {display: none;}
	.mobile_icon {display: inline-block;}

	.edit_job_mb .col-sm-4:first-child {flex: auto; width: 100%; max-width: 100%;}
	.edit_job_mb .col-sm-4 {flex: auto;float: right; width: auto; max-width: 100%;}
	.grp_main {float: left;}
}
@media(min-width: 991px) {
	.emp_head_filter .btn_all_frm .btn_bg,
	#title_with_submit.edit_job_mb .btn_all_frm .btn_bg{
		margin-left: 0px;
		width: 40%;
		padding: 0px;
	}
}
@media(max-width: 991px) {
	.add_icon {position: absolute; right: 35px; bottom: -15px;}
	.add_icon img {width: 40px; height: 40px;}	
	.gauge-cont, .inner, .spinner { width: 54px; height: 27px; }
	.inner::after { width: 30px; height: 16px; top: 13px; left: 13px;}
	span.count, span.count-lef { font-size: 10px; top: -1px; left: 10px; }
	span.count-lef { left: 3px; width: 10px; height: 15px; top: -7px; font-size: 9px; }
}
@media(max-width: 950px) {
    .navigation_vn_menu ul li {margin: 0 5px;} 
    .navigation_vn_menu ul li a {font-size: 12px;}
}
@media(max-width: 800px) {
	.modal-dialog {width: 90%; max-width: 100%;}
}
@media(max-width: 767px) {
	.cal_main .inner_top .float-right div{
        margin-bottom: 8px;
    }
	.lg_left {width: 100%; float: left; height: auto !important;}
	.lg_right {display: none;}
	.mrg50 {margin-bottom: 30px !important;}
	.forgot_pass_form {height: auto; display: block;}

	.shrink_div .half-blk {max-width: 100%; flex: auto;}
	.dashbox {margin-bottom: 20px;}
	.show_div {max-width: 100%;}

	.email_sms .col-sm-6 {max-width: 100%; flex: auto;}
	.form_box {margin-bottom: 15px;}

	.job_inner_main {padding: 20px;}
	.no_CT {margin-right: 10px;}
	.w50 {width: 35%; margin-right: 10px;}
	.cus_check {margin-right: 10px;}
	.pop_cnt_title {font-size: 16px; line-height: normal;}

	.gangbox_block {max-width: 100%; display: inline-block; margin-bottom: 0;}
	.scroll_DIV {float: left; width: 100%; overflow-x: auto; padding-bottom: 10px; margin-bottom: 20px;}
	.scroll_DIV table {width: 700px;}
	.mrgTP30 {margin-top: 15px !important;}

	.cal_main th {height: 40px;}
	.cal_main .fc-time-area tr:first-child th {font-size: 12px;}
	.cal_main .fc-time-area tr:last-child th {font-size: 18px;}
	.cal_main .fc-timeline-event {height: auto; line-height: 28px;}
	.cal_main .fc-title {font-size: 16px;}
	.cal_main .fc-timeline-event:first-child {border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
	.cal_main .fc-timeline-event:last-child {border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
	span.fc-cell-text {width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left;}

	.header {position: relative;}
    .head_right {float: right; width: auto;}
    .header .col-sm-3 {flex: auto; position: static; width: auto;}
    .header .col-sm-9 {flex: auto; position: static; width: auto;}
    .toggle_icon {display: inline-block; width: 40px; height: 40px; border-radius: 4px; line-height: 40px; text-align: center; color: #fff; margin:0; font-size: 20px; cursor: pointer;}
    .navigation_vn_menu {display: none; position: absolute; width: 100%; left: 0; right: 0; z-index: 9; background: #fff; top: 100%; box-shadow: 5px 5px 20px #D8D8D8;}
    .navigation_vn_menu li {margin: 0 !important; padding: 0 !important; width: 100%; float: left; padding: 0; box-shadow: inset 0 -1px 0 0 #D8D8D8;}
    .navigation_vn_menu li a {font-size: 14px !important; padding: 8px 20px !important; float: left; width: 100%; color: #a9a9ac !important;}

    .headerCounts {padding: 20px 20px 0;}
    .headerCounts .cl_boxc {width: 32%; margin: 0 2% 20px 0; height: auto; padding: 10px;}
    .headerCounts .cl_boxc:nth-child(3n) {margin-right: 0;}
    .headerCounts .cl_boxc .row {margin: 0;}
    .headerCounts .cl_boxc .col-sm-5, .headerCounts .cl_boxc .col-sm-7 {padding:0; flex: auto; width: 100%; max-width: 100%;}
    .headerCounts .cl_boxc span, .headerCounts .cl_boxc p {height: auto; text-align: center; width: 100%; float: left; display: block; line-height: normal;}

}
@media(max-width: 579px) {
	.w180 {margin-bottom: 8px;}
	.avail_lb_head .col-sm-6 {margin-bottom: 15px;}
	.avail_lb_head .col-sm-6:last-child {margin-bottom: 0;}
	.as_fil_HD .col-sm-4 {margin-bottom: 10px;}
	.filter_inner .datepicker_cl {margin-bottom: 10px;}
	.filter_inner .col-sm-6:last-child .datepicker_cl {margin-bottom: 0;}

	.job_tab_cover {margin-bottom: 15px;}
	.job_inner_main .no_CT {margin: 0 0 5px 0; width: 100%; line-height: normal; height: auto;}
	.job_inner_main .w180 {width: 100%; margin: 0 0 10px;}
	.job_inner_main .form-group.job_sel {margin-bottom: 10px;}

	#add_tool_job_pop .as_fil_HD .col-sm-6 {margin-bottom: 10px;}
	.cm_btn {margin-bottom: 5px;}
	.worker_box .fl_w .w180 {width: 150px;}

	.top_title_page_main .form-inline {width: 100%;}
	.top_title_page_main .btn_bg {margin: 10px 0 0 0 !important;}
}
@media(max-width: 575px) {	
	.emp_edit_cnt_main .full_width.pad15 {padding: 0;}
	.emp_edit_cnt_main .emp_head_filter .row {margin: 0;}
	.emp_head_filter .for_FRMKL.form-group {margin-bottom: 10px;}
	.emp_head_filter .btn_all_frm.mrg24 {margin-top: 0;}
	.emp_head_filter .btn_all_frm .padx {padding: 0 20px;}
	.emp_head_filter .btn_all_frm .btn_bg {margin:10px 0 0 10px !important;}
	.edit_add_job {position: relative; right: 0; float: right;}
	#schedule_data .emp_head_filter .col-sm-6 {padding: 0;}
	.emp_head_filter {padding: 0 0 20px 0;}
	.week_tbl th.dark_bg {line-height: normal;}
	.employeeJobData.week_tbl th.dark_bg {text-align: center;}
	.jobphasediv .col-sm-4,.jobphasediv .col-sm-3,.jobphasediv .col-sm-1{width: 50%;}
}
@media(max-width: 480px) {
	.cal_main .inner_top .w300 {
        width: 100%;
    }
    .cal_main .inner_top .float-right div:last-child{
        margin-bottom: 0;
    }
	.lg_logo_box {margin-bottom: 20px;}
	.lg_left_inner {padding:20px 20px 0;}
	.form-group {margin-bottom: 20px;}
	.mrg100, .mrg50 {margin-bottom: 20px !important;}
	.lg_btn {height: 45px; line-height: 45px;}

	.w180 {width: 49%; margin-right: 2%; float: left;} 
	.w180:nth-child(2n) {margin-right: 0;}

	.tab_left .nav-tabs .nav-item .nav-link {padding: 8px; font-size: 13px;}
	.inner_tab_head .nav-tabs .nav-item {margin: 0 10px;}
	.inner_tab_head .nav-tabs .nav-item:first-child {margin-left: 0;}
	.inner_tab_head .nav-tabs .nav-item:last-child {margin-right: 0;}
	.inner_tab_head .nav-tabs .nav-link {font-size: 14px;}
	.tab_right {padding:10px;}
	.inner_cnt_main {padding: 10px 0;}
	.inner_cnt_head .sm_btn {width: 100%; margin: 0 0 10px 0;}
	.w180 {width: 100%; margin: 0 0 10px 0;}
	.mrgTP30 {margin-top: 15px !important;}

    .cat_action li {line-height: 20px;}
    .cat_action li a {font-size: 15px;}
	.switch {width: 36px; height: 18px;}
    .slider::before{height:12px; width:12px; bottom: 3px;}
    input:checked + .slider::before {-webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(15px);}

    .sm_btn {margin-right: 10px;}
    .mrgRT8 {margin-right:0px !important;}
    .no_CT {margin: 0 0 5px; line-height: normal; height: auto;}
    .w50 {width: 100%; margin-right: 0;}
    .large_pop .inner_tab_head .nav-tabs .nav-item:first-child {margin-left: 10px;}

    .worker_box .fl_w .form-group:first-child {display: none;}
    .worker_box .fl_w .form-group {margin: 0;}
    .worker_box .fl_w .form-group .no_CT, .worker_box .fl_w .form-group p {line-height: normal;}
    .worker_box .fl_w .w180 {width: 100%;}

    .siConfirmCls .modal-dialog {width: 90% !important; margin: 10px 0;}

    .cal_icon_main {width: 100%; float: left;}
    .cal_icon_main a {line-height: 22px; margin: 0;}
    .cal_icon_main a img {max-height: 17px;}

    .drag_head span {font-size: 9px;}
    .drag_cnt span {font-size: 12px;}
    .cal_top .w300 {width: 100%; margin: 0 0 10px 0;}
    .fc-left h2 {font-size: 18px;}
    table.dataTable.nowrap th, table.dataTable.nowrap td {white-space: normal !important;}

    .filter_main .form-inline .form-group {display: inline-block; flex: auto; flex-flow: initial; align-items: center; width: 100%; margin: 0 0 10px 0 !important;}
    .filter_main .dheight {padding-left: 0;}
    .md_title {font-size: 18px;}
}

@media(max-width: 375px) {
    .headerCounts .cl_boxc {width:49%; margin: 0 2% 10px 0; height: auto; padding: 10px;}
    .headerCounts .cl_boxc:nth-child(2n) {margin-right: 0;}
    .headerCounts .cl_boxc:nth-child(3n) {margin-right: 2%;}    
    .box-title, .box-date {font-size: 14px;}
}