/* 검사실 호출 */
.labor_hide {
    display:none;
}
.labor_head h6 {
    font-family:var(--font-regular);
    font-size:18px;
	color: var(--txt-color);
}
.labor_head button {
    border:1px solid var(--bg-border);
    background:var(--bg-white);
    border-radius:5px;
    font-family:var(--font-regular);
}
.labor_head button i {
    vertical-align:-1px;
}
.labor_head button i:nth-child(2) {
    color:var(--bg-blue);
}
.labor_name {
    border:1px solid var(--bg-border);
    box-sizing:border-box;
    font-size:14px;
    font-family:var(--font-regular);
}
.labor_name > p {
    height:39px;
    line-height:39px;
    text-align:center;
    background:#5A5A5A;
    color:var(--bg-white);
	margin-bottom: 0;
}
.labor_name ul {
    margin:0;
    padding:0;
}
.labor_name ul li {
    min-height: 40px;
    height: auto;

    border-bottom:1px solid var(--bg-border);
    box-sizing:border-box;
    padding:0 10px;

    line-height: 22px;
    display: flex;
    align-items: center;

}
.labor_name ul li:nth-child(2n-1) {
    background:var(--bg-modal-box);
}
.labor_name ul li input[type="checkbox"] {
    width:18px;
    height:18px;
    vertical-align:-5px;
}

.labor_name ul li span {
    display: inline-block;
    width: calc(100% - 18px - 0.5rem);
}

#labor_modal .modal-title {
    font-family:var(--font-bold);
}
    #labor_modal .modal-lg {
		max-width: calc(1366px - 7rem)!important;
    }

.modal-content {
    background-color: var(--bg-box) !important;
    border: 1px solid var(--bg-border) !important;
    border-radius: 0.3rem !important;

}

.modal{
	background-color:var(--modal-background-color);
}


 /* 모달 */
 .modal-header {
    background-color:var(--bg-modal);
}
.modal-header button {
    border:0;
    background:none;
}
.modal-header button i {
    color:var(--bg-white);
    font-size:30px;
}
.modal-title {
    font-family:var(--font-bold);
    color:#fff;
    font-size:18px;
}
.md_tx {
    font-size:20px;
    color:var(--bg-basefc);
    font-family:var(--font-bold);
}
.modal-footer button {
    border:0;
    color:var(--bg-white);
    font-size:16px;
    font-family:var(--font-regular);
    border-radius:5px;
}
.modal-footer button i {
    font-size:18px;
    vertical-align:-2px;
}
.modal-footer button.close {
    background-color:var(--modal-close);
}
.modal-footer button.save {
    background-color:var(--bg-add);
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    overflow-y:auto;
    overflow:overlay;
    overscroll-behavior:none;
    background-color:#e9eaee;
    width:5px;
    background-clip:padding-box;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
    width:5px;
    background-color:#b1b4b7;
}

.modal .switch_label{margin-top: 0 !important;}
.modal .form_switch{margin-top: 7px;}

@media (max-width:1440px) {

	#modal_sub1 .modal-dialog{
	        max-width:800px;
			width:calc(100% - 1rem);
	}

}

@media (max-width:1280px) {

#labor_modal .modal-lg {
	max-width: calc(784px - 7rem)!important;
}
#labor_modal .modal-body{display: flex;
    flex-direction: column !important;
}

#labor_modal .modal-body > div{width: 100%;}



}



@media (max-width:767px) {


    #labor_modal select {
        font-size:14px;
        font-family:var(--font-bold);
    }
    #labor_modal .modal-lg {
        width: calc(100% - 1rem);
        height:85%;
        overflow: hidden;
        overflow-y: auto;
    }

    #labor_modal .modal-lg .modal-content {
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        overscroll-behavior:none;
        color:var(--daily-frame-color);
    }

    #labor_modal .modal-lg .modal-content::-webkit-scrollbar {
        background-color:var(--daily-frame-bg-color);
        width:5px;
        background-clip:padding-box;
    }
    #labor_modal .modal-lg .modal-content::-webkit-scrollbar-thumb {
        width:5px;
        background-clip:padding-box;
        box-shadow:inset 0 0 0 5px;
    }


    #labor_modal .modal-header {
        height:55px;
    }
    #labor_modal .title_btn button {
        width:30px;
        height:30px;
        border-radius:50%;
        background:var(--bg-white);
    }
    #labor_modal .title_btn button i {
        font-size:18px;
        color:var(--bg-modal);
    }

    .labor_head button {
        height:36px;
        font-size:14px;
    }
    .labor_head button i {
        font-size:16px;
        vertical-align:-1px;
    }
    .labor_form2 {
        display:flex;
        flex-wrap:wrap;
        box-sizing:content-box;
        gap:1.5%;
        padding:8px;
        margin-top:10px;
    }
    .labor_form2 select:first-child {
        flex:0 0 36%;
    }
    .labor_form2 select:nth-child(2) {
        flex:0 0 36%;
    }
    .labor_form2 button {
        flex:0 0 25%;
        background:var(--bg-btn);   
        border:0;
        color:var(--bg-white);
        border-radius:5px;
        font-family:var(--font-bold);
        font-size:14px;
    }
    .labor_frame2 {
        margin:10px 0;
        gap:3%;
    }
    .labor_tlist {
        width:48%;
    }
    .labor_name {
        width:52%;
    }
    .labor_name li span{
		color: var(--txt-color);
	}
    #labor_table {
        width:100%!important;
        margin:0!important;
        font-size:14px;
        border:0;
        border-bottom:1px solid var(--bg-border);
    }
    #labor_table tr th {
        height:40px;
        padding:0;
    }
    #labor_table tr td {
        height:40px;
    }
    #labor_table tbody tr:nth-child(2n-1) {
        /*background:#F9F9F9 !important;
		230630 검사실 호출 팝업 다크모드 그레이배경 안보여서 수정(모바일)
		*/
        background:#F9F9F9;

    }
    #labor_table tr th:first-child {
        flex:0 0 60%;
    }
    #labor_table tr th:nth-child(2) {
        flex:0 0 40%;
        border-left:0!important;
        border-right:1px solid var(--bg-border);
    }
    #labor_table th.hidden-col {
        display:none;
    }
    #labor_table td.hidden-col {
        display:none;
    }
    #labor_table tr td:first-child {
        flex:0 0 60%;
        border-right:1px solid var(--bg-border);
    }
    #labor_table tr td:nth-child(2) {
        flex:0 0 40%;
    }
    .labor_name p {
        height:40px;
    }
    .labor_hide > div > p {
        color:var(--bg-blue);
        font-family:var(--font-bold);
        font-size:18px;
    }
    .labor_hide .hclose {
        height:32px;
        border:1px solid var(--bg-border);
        background:none;
        font-size:14px;
        font-family:var(--font-bold);
        color:var(--bg-basefc);
        border-radius:5px;
    }
    #all_labor {
        border:0;
        border-bottom:1px solid var(--bg-border);
		width:100% !important;
    }
    #all_labor tr th {
        height:40px;
        border-bottom:0!important;
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        width: 33.3% !important;  
        white-space: nowrap !important;              
    }
    #all_labor tr td {
        height:40px;
        border-bottom:0!important;
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        width: 33.3% !important;    
        white-space: nowrap !important;                 
    }
    /*
    #all_labor tr th:first-child {
        flex:0 0 33.33%;
        border-right:1px solid var(--bg-border);
    }
    #all_labor tr th:nth-child(2) {
        flex:0 0 33.33%;
        border-left:0!important;
        border-right:0!important;
    }
    #all_labor tr th:nth-child(3) {
        flex:0 0 33.33%;
    }
    #all_labor tr td:first-child {
        flex:0 0 33.33%;
    }
    #all_labor tr td:nth-child(2) {
        flex:0 0 33.33%;
        border-left:0!important;
        border-right:0!important;
    }
    #all_labor tr td:nth-child(3) {
        flex:0 0 33.33%;
    }
    */
    #labor_table tr.active {
        position:relative;
        border:2px solid var(--bg-blue);
        box-sizing:border-box;
    }
    #labor_table .trFocus:after {
        content:"\f0da";
        font-family:"Font Awesome 5 Free";
        font-weight:900;
        position:absolute;
        right:-6px;
        top:50%;
        transform:translateY(-50%);
        color:var(--bg-blue);
    }
    .dataTable.tstyle thead tr {
        display:flex;
        flex-wrap:wrap;
        height:40px;
        box-sizing:border-box;
    }
    .dataTable.tstyle thead tr th {
        display:flex;
        justify-content:center;
        text-align:center;
        height:40px;
        align-items:center;
        border-collapse:collapse!important;
    }
    .dataTable.tstyle tbody tr td {
        display:flex;
        flex-wrap:wrap;
        height:40px;
        box-sizing:border-box;
    }
    .dataTable.tstyle tbody tr:last-child {
        border-bottom:0;
    }
    .dataTable.tstyle tbody tr td {
        display:flex;
        justify-content:center;
        text-align:center;
        height:40px;
        align-items:center;
        box-sizing:border-box;
        border-collapse:collapse;
    }
    .labor_btn {
        display:flex;
        flex-wrap:wrap;
        box-sizing:content-box;
    }
    .labor_btn button {
        padding:15px 0;
        color:var(--bg-white);
        border:0;
        border-radius:5px;
        font-size:16px;
        font-family:var(--font-regular);
    }
    .labor_btn button i {
        font-size:24px;
    }
    .labor_btn button.labor_cancle {
        flex:0 0 calc(33.33% - 6px);
        background:#6C757D;
    }
    .labor_btn button.labor_call {
        flex:0 0 calc(33.33% - 6px);
        background:var(--bg-add);
        margin:0 9px;
    }
    .labor_btn button.labor_con {
        flex:0 0 calc(33.33% - 6px);
        background:var(--bg-delete);
    }
	.labor_btn button p {
		margin: 0;
		margin-top: 0.25rem !important;
	}
    /* sub_page4 검사목록 보기 */
    #labor_list2 .modal-xl {
        border-radius:15px;
        overflow:hidden;
    }
    #labor_list2 .modal-content {
        border-radius:15px;
        overflow:hidden;
    }
    #labor_list2 .modal-header > div {
        color:var(--bg-white);
        font-family:var(--font-bold);
    }
    #labor_list2 .modal-body h6 {
        font-family:var(--font-bold);
        font-size:18px;
    }
    #labor_list2 input[type="checkbox"] {
        width:16px;
        height:16px;
        border-radius:5px;
        margin-top: 8px;
    }
    #labor_list2 p {
        font-family:var(--font-bold);
        font-size:16px;
    }
    #labor_table2 tr th {
        border:0!important;
    }
    #labor_table2 tr td {
        border:0!important;
    }
    #labor_table2 tbody tr {
        border-top:1px solid var(--bg-border)!important;
    }
    #labor_table2 tr th:first-child {
        flex:0 0 18%;
        border-right:1px solid var(--bg-border)!important;
    }
    #labor_table2 tr th:nth-child(2) {
        flex:0 0 34%;
        border-right:1px solid var(--bg-border)!important;
    }
    #labor_table2 tr th:nth-child(3) {
        flex:0 0 23%;
        border-right:1px solid var(--bg-border)!important;
    }
    #labor_table2 tr th:nth-child(4) {
        flex:0 0 25%;
    }
    #labor_table2 tr td:first-child {
        flex:0 0 18%;
        border-right:1px solid var(--bg-border)!important;
    }
    #labor_table2 tr td:nth-child(2) {
        flex:0 0 34%;
        border-right:1px solid var(--bg-border)!important;
    }
    #labor_table2 tr td:nth-child(3) {
        flex:0 0 23%;
        border-right:1px solid var(--bg-border)!important;
    }
    #labor_table2 tr td:nth-child(4) {
        flex:0 0 25%;
    }


    .mo-group{display:inline-block !important;}
}
@media (max-width:420px) {
	#modal_noti .noti_btn button{
		width: calc(33.3% - 0.33rem);
	}
	#modal_noti .noti_btn button br{display:block;}
}
@media (max-width:400px) {
	.labor_tlist{width: 56%;}
	.labor_name {width: 44%;}


}

@media (min-width:768px) {
    .labor_layout > div:first-child {
        width:45%;
    }
    .labor_layout > div:nth-child(2) {
        width:55%;
    }
    #labor_modal select {
        font-size:16px;
        font-family:var(--font-bold);
    }

    #labor_modal .modal-lg {
		min-width: auto !important;
		width: 100% !important;
		height: auto;



    }

    #labor_modal .modal-lg.min {
        height:auto;
		min-width: auto !important;
		width: 672px !important;
		max-width: 100% !important;

    }
    #labor_modal .modal-lg.min .modal-content {
        width:100%;
    }
    #labor_modal .modal-lg.min .modal-content .labor_layout > div:first-child {
        width:100%;
    }

    #labor_modal .modal-content {
        min-height:780px;
    }
    .labor_form2 {
        margin-top:10px;
        display:flex;
        flex-wrap:wrap;
        box-sizing:content-box;
        gap:1.5%;
        padding:13px;
    }
    .labor_form2 select:first-child {
        flex:0 0 42%;
    }
    .labor_form2 select:nth-child(2) {
        flex:0 0 42%;
    }
    .labor_form2 button {
        flex:0 0 13%;
        background:var(--bg-btn);   
        border:0;
        font-family:var(--font-bold);
        color:var(--bg-white);
        border-radius:5px;
    }
    .labor_btn {
        display:flex;
        flex-wrap:wrap;
        box-sizing:content-box;
        gap:1.5%;
    }
    .labor_btn button {
        padding:15px 0;
        color:var(--bg-white);
        border:0;
        border-radius:5px;
        font-size:18px;
        font-family:var(--font-regular);
    }
    .labor_btn button i {
        font-size:29px;
    }

    .labor_btn button p {
        margin-bottom:0 !important;
		line-height: 1;
    }    

    .labor_btn button.labor_cancle {
        flex:0 0 32.33%;
        background:#6C757D;
    }
    .labor_btn button.labor_call {
        flex:0 0 32.33%;
        background:var(--bg-add);
    }
    .labor_btn button.labor_con {
        flex:0 0 32.33%;
        background:var(--bg-delete);
    }
    .labor_frame2 {
        gap:2%;
        margin:15px 0;
    }
    .labor_tlist {
        width:63%;
    }
    .labor_name {
        width:37%;
    }
    #labor_table {
        width:100%!important;
        margin:0!important;
        font-size:14px;
        text-align:center;
    }
    #labor_table tr th:first-child {
        flex:0 0 40%;
        border-right:1px solid var(--bg-border);
    }
    #labor_table tr th:nth-child(2) {
        flex:0 0 30%;
        border-right:1px solid var(--bg-border);
    }
    #labor_table tr th:nth-child(3) {
        flex:0 0 30%;
    }
    #labor_table tr td:first-child {
        flex:0 0 40%;
        border-right:1px solid var(--bg-border);
    }
    #labor_table tr td:nth-child(2) {
        flex:0 0 30%;
        border-right:1px solid var(--bg-border);
    }
    #labor_table tr td:nth-child(3) {
        flex:0 0 30%;
    }   
    #labor_table tr.active {
        position:relative;
        border:2px solid var(--bg-blue);
        box-sizing:border-box;
    }
    #labor_table .trFocus:after {
        content:"\f0da";
        font-family:"Font Awesome 5 Free";
        font-weight:900;
        position:absolute;
        right:-8px;
        top:50%;
        transform:translateY(-50%);
        color:var(--bg-blue);
    }
    #all_labor tr th:first-child {
        flex:0 0 21%;
        border-right:1px solid var(--bg-border);
    }
    #all_labor tr th:nth-child(2) {
        flex:0 0 17%;
        border-right:1px solid var(--bg-border);
    }
    #all_labor tr th:nth-child(3) {
        flex:0 0 17%;
        border-right:1px solid var(--bg-border);
    }
    #all_labor tr th:nth-child(4) {
        flex:0 0 21%;
        border-right:1px solid var(--bg-border);
    }
    #all_labor tr th:nth-child(5) {
        flex:0 0 12%;
        border-right:1px solid var(--bg-border);
    }  
    #all_labor tr th:nth-child(6) {
        flex:0 0 12%;
    }
    #all_labor tr td:first-child {
        flex:0 0 21%;
        border-right:1px solid var(--bg-border);
    }
    #all_labor tr td:nth-child(2) {
        flex:0 0 17%;
        border-right:1px solid var(--bg-border);
    }
    #all_labor tr td:nth-child(3) {
        flex:0 0 17%;
        border-right:1px solid var(--bg-border);
    }
    #all_labor tr td:nth-child(4) {
        flex:0 0 21%;
        border-right:1px solid var(--bg-border);
    }
    #all_labor tr td:nth-child(5) {
        flex:0 0 12%;
        border-right:1px solid var(--bg-border);
    }  
    #all_labor tr td:nth-child(6) {
        flex:0 0 12%;
    }
    .labor_hide .hclose {
        border:1px solid var(--bg-border);
        background:none;
        font-family:var(--font-regular);
        border-radius:5px;
    }
    .dataTable.tstyle thead tr {
        display:flex;
        flex-wrap:wrap;
        height:40px;
        border-left:1px solid var(--bg-border);
        border-right:1px solid var(--bg-border);
        box-sizing:border-box;
    }
    .dataTable.tstyle thead tr th {
        display:flex;
        justify-content:center;
        text-align:center;
        height:40px;
        align-items:center;
        border-top:1px solid var(--bg-border);
        box-sizing:border-box;
        border-collapse:collapse!important;
    }
    .dataTable.tstyle tbody tr {
        display:flex;
        flex-wrap:wrap;
        height:40px;
        border-left:1px solid var(--bg-border);
        border-right:1px solid var(--bg-border);
        border-bottom:1px solid var(--bg-border);
        box-sizing:border-box;
    }
    .dataTable.tstyle tbody tr:last-child {
        border-bottom:0;
    }
    .dataTable.tstyle tbody tr td {
        display:flex;
        justify-content:center;
        text-align:center;
        height:40px;
        align-items:center;
        border:0;
        box-sizing:border-box;
        border-collapse:collapse;
    }
    .labor_hide > div > h6 {
        color:var(--bg-blue);
        font-family:var(--font-bold);
        font-size:18px;
    }
    .labor_hide .hclose {
        height:38px;
        border:1px solid var(--bg-border);
        background:none;
        font-size:15px;
        font-family:var(--font-bold);
        color:var(--bg-basefc);
        border-radius:5px;
    }
    .labor_hide .labor_head {
        height:32px;
        margin-bottom:5px;
    }
}