body {
    font-family: 'Roboto', 'Pretendard', 'sans-serif';
        overflow: hidden;
}



.dataTables_filter input { 
	width: 100px;
	height:25px ; 
	color: black;
	/* background-color: black !important; */
	margin-top:2px;
	margin-bottom:2px;
	     font-size:12px;

}
/*
.dataTables_wrapper .myfilter .dataTables_filter{float:left}
.dataTables_wrapper .mylength .dataTables_length{float:right}
*/
.dataTables_wrapper 
     .dataTables_length, div.dataTables_wrapper 
         div.dataTables_filter label, 
         div.dataTables_wrapper div.dataTables_info {
     color: black;
     font-size:11px;
  font-family: Lucida Console,Helvetica,sans-serif !important;
    /* background-color: red;
.dataTables_filter {
   float: left !important;
}
    */
}

.dataTables_wrapper .dataTables_filter {
    float: left !important;
    text-align: right;
}
.dataTables_scrollHeadInner {background:#000}

.dataTable{
		/* table-layout:fixed; */
	 width: 100%;
	cursor:pointer;
    border-top: 1px solid #68686a;
}
table.dataTable thead th{
    font-family: 'Roboto', 'Pretendard', 'sans-serif';
    background: gainsboro;
    /*background: #fff;*/
    vertical-align: bottom;
    color: #222222;
    font-weight: bold;
      white-space: nowrap;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    min-height: 30px;
    padding: 6px 10px;
    /*border: 1px solid #e2e2e2;*/
}
table.dataTable tbody td {
	line-height: 1.5 ;
   /*   padding: 1px 1px !important; */ 
   font-family: Lucida Console,Helvetica,sans-serif ;
     font-size:12px;
     color:black;
      white-space: nowrap;

    /*border: 1px solid #e2e2e2;*/
}
.empInfo0_2_2 {
    margin-left:1px;
    width: 99.7%;
    /*border: 1px solid gray;*/
    height: calc(100vh - 160px) !important;
    /*background: #f1f3f8;*/
    padding: 10px 0 11px;
}
.empInfo0_2_3 {
    margin-left:1px;
    width: 99.7%;
    /*border: 1px solid gray;*/
    height: calc((100vh - 10vh) - 170px) !important;
    /*background: #f1f3f8;*/
    padding: 10px 0 11px;
}

table.dataTable > tbody > tr.selected > td.select-checkbox:after, table.dataTable > tbody > tr.selected > th.select-checkbox:after {
    margin-top: -30px !important;
}

.disabled {
    pointer-events: none;
} 
    

table{width:100%;margin-bottom:1px;font-size:12px !important;border-collapse: collapse;color:black}


.pjy_sub_header {
    position:relative;
    margin:2px;

    --pjy_sub_header_height: 85px;
    height: var(--pjy_sub_header_height);
    width:99.6%;
    /*border: 1px solid silver;*/
    z-index:100;
    background-color: #f5f5f5;
}
.sdi_sub_body {
    margin-left:1px;
    width: 99.7%;
    height: calc(100vh - 130px) !important;
    padding: 10px 0 11px;
    overflow: auto;
}

.sdi_sub_body2 {
    margin-left:1px;
    width: 99.7%;
    height: calc((100vh - 60vh) - 160px) !important;
    padding: 10px 0 11px;
}
.sdi_sub_body3 {
    margin-left:1px;
    width: 99.7%;
    height: calc(60vh) !important;
    padding: 10px 0 11px;
}
.mdi_sub_body {
    margin-left:1px;
    width: 99.9%;
    height: calc((100vh - 78px)  ) !important;
    padding: 1px 0 1px;
    overflow-y: auto;
    /*overflow: auto;*/
}

.ui-tabs .ui-tabs-panel {
    padding: 0em !important;
    /*border: 5px solid black !important;*/
    /*background-color: black !important;*/
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background-color: black !important;
    border-radius: 5px 5px 0 0;
    /*color : black !important;*/
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: black !important;
    text-decoration: none;
}
.ui-icon-circle-close {
    background-position: -32px -192px;
    /*background-color: darkgray;*/
}
.pjy .left2 {
    width: 90%;
    float: left;
    box-sizing: border-box;
    
    background: #ff0;
}
.pjy .right2 {
    width: 10%;
    float: left;
    box-sizing: border-box;
    
    background: #0ff;
}
/* 3��� */
#container {
  display: flex;
}


td.details-control {
    background: url('/resources/static/images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('/resources/static/images/details_close.png') no-repeat center center;
}
.testimg1 {
    background: url('/resources/static/images/details_close.png') no-repeat center center;
}

.pjy_btn_crud {
	/* 	display :none; */

    font-family: 'Roboto', 'Pretendard', 'sans-serif';
    width: 120px;
    height: 30px;
    background-color: #28a745;
    border-color: #28a745;
    color:white;
    cursor:pointer; 
    text-align: center;
    border-color: white;
    border: 2px solid white;
    font-size: 80%;
    border-radius: 0.30rem;
}
.pjy_btn {
    width: 100px;
    height: 30px;
    background-color: #dc3545;
    border-color: #dc3545;
    /*background-repeat: no-repeat;*/
    color:white;
    cursor:pointer; 
    text-align: center;
    /*border-color: white;*/
    /*box-sizing: border-box;*/

    border: 2px solid white;
        font-size: 80%;
    border-radius: 0.30rem;
    font-family: "Noto Sans","Roboto","Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",sans-serif;
}

.floatR{
	float:right;
}
.pjy_btn_small {
	/*float:right;*/
    width: 50px;
    height: 20px;
    background-color: #ecdd91;
    background-repeat: no-repeat;
    border-radius: 3px;
    color:black;
    cursor:pointer; 
    text-align: center;
    	box-shadow: 1px 2px 0 blue;
        font-size: 12px !important;
        font-weight:600;
        margin-top:0px;
        margin-right:0px;
            border-color: #0077cc !important;
                border-style: solid;
    border-width: 1px;
            
}
.pjy_btn_namecard {
    /*float:right;*/
    width: 60px;
    height: 20px;
    background-color: white;
    background-repeat: no-repeat;
    border-radius: 3px;
    color:black;
    cursor:pointer;
    text-align: center;
    box-shadow: 1px 2px 0 blue;
    font-size: 12px !important;
    font-weight:600;
    margin-top:0px;
    margin-right:0px;
    border-color: #0077cc !important;
    border-style: solid;
    border-width: 1px;

}

button.dt-button, div.dt-button, a.dt-button, input.dt-button {
	    line-height: 0.5em !important;
}
button.dt-button.test_button, button.dt-button.test_button:hover, button.dt-button.test_button:active, button.dt-button.test_button:focus {
  background-color:#ff80ff;
  
}

button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button.active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button.active:not(.disabled):hover:not(.disabled), input.dt-button:active:not(.disabled):hover:not(.disabled), input.dt-button.active:not(.disabled):hover:not(.disabled) {
   background-color:#ff80ff;
  
}

.pjy_button_unfixed:disabled ,
.pjy_button_fixed:disabled {
	background: #0077cc;
  color: #555;
  cursor: not-allowed;
}

.pjy_btn_query {
    width: 90px;
    height: 25px;
	/*display: inline-flex;*/
    /*align-content: center;*/
    /*justify-content: center;*/
    min-width: 0;
    padding-left: 4px;
    padding-right: 4px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    font-size: 12px;
    /*line-height: 1.84615385;*/
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #3355c4;
    color: white;

    border-color: blue !important;
    
	cursor: pointer; 
	outline: none; 
	/*box-shadow: 1px 2px 0 blue;*/

}

.pjy_btn_small:active,
.pjy_btn_query:active{
	box-shadow: 1px 1px 0 red; 
	position: relative; 
	top:2px;
}

.pjy_btn_query2 {
    width: 90px;
    height: 32px;
    background-color: Yellow;
    /*background-repeat: no-repeat;*/
    border-radius: 5px;
    color:black;
    cursor:pointer; 
    text-align: center;
    /*box-sizing: border-box;*/
        font-size: 80%;
}

.pjy_btn_search1 {
    width: 90px;
    height: 15px;
    /*display: inline-flex;*/
    /*align-content: center;*/
    /*justify-content: center;*/
    min-width: 0;
    padding-left: 4px;
    padding-right: 4px;
    /*border-style: solid;*/
    /*border-width: 1px;*/
    border-radius: 3px;
    font-size: 9px;
    /*line-height: 1.84615385;*/
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #3355c4;
    color: white;

    border-color: blue !important;

    cursor: pointer;
    outline: none;
    /*box-shadow: 1px 2px 0 blue;*/

}
.pjy_btn_search2 {
    width: 150px;
    height: 25px;
    /*display: inline-flex;*/
    /*align-content: center;*/
    /*justify-content: center;*/
    min-width: 0;
    padding-left: 4px;
    padding-right: 4px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    font-size: 12px;
    /*line-height: 1.84615385;*/
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #ffae00;
    color: white;

    border-color: blue !important;

    cursor: pointer;
    outline: none;
    /*box-shadow: 1px 2px 0 blue;*/

}


.txt1 {display: table-cell;font-size: 12px;font-weight: 200;color: #fff;text-align: center;}
.txt2 {display: table-cell;font-size: 12px;font-weight: 200;color: #fff;text-align: center;}
.txt3 {display: table-cell;font-size: 12px;font-weight: 200;color: black;text-align: right;cursor:pointer}
.txt4 {display: table-cell;font-size: 12px;font-weight: 200;color: #fff;text-align: center;}
.txt5 {display: table-cell;font-size: 12px;font-weight: 200;color: black;text-align: left;margin-left:-5px}
.txt9 {width :400px;display: table-cell;font-size: 12px;font-weight: 500;color: yellow;text-align: right;}

.txt_amt {font-size: 12px;font-weight: 200;color: #000;text-align: right;width:100px}
.txt_str {font-size: 12px;font-weight: 200;color: #fff;text-align: center;width:50px}
.txt_input {font-size: 12px;font-weight: 200;color: #000;text-align: center;width:50px}

.txtWhite{font-size: 12px;font-weight: 200;color: white;text-align: center;}
.txtYellow{font-size: 12px;font-weight: 200;color: yellow!important;text-align: center;}
.txtRed   {font-size: 12px;font-weight: 600;color: red !important;text-align: center;}
.txtBlue  {font-size: 12px;font-weight: 200;color: blue !important;text-align: center;}
.txtBlack {font-size: 12px;font-weight: 200;color: white !important;text-align: center;}
.txtRed_L   {font-size: 12px;font-weight: 200;color: red;text-align: left;}
.txtBlack_L {font-size: 12px;font-weight: 200;color: white;text-align: left;}
.txtBlack_R {font-size: 12px;font-weight: 200;color: white;text-align: right;}


.rowRed   {display: table-cell;font-size: 12px;color: yellow}
.rowRed2   {display: table-cell;font-size: 9px;color: yellow }

.txtRed2   {font-size: 14px;font-weight: 500;color: red !important;text-align: center ;}
.txtBlack2 {font-size: 14px;font-weight: 500;color: black;text-align: center;}

.txtBig1   {font-size: 15px;color: white; width:100px;text-align: right; }
.txtBig2   {font-size: 15px;color: white; width:100px;text-align: left; }

.sb_label {font-size: 12px;word-break:normal; word-wrap: normal;font-family: Lucida Console,Helvetica,sans-serif !important;vertical-align:middle;}

.txtReadOnly   {color: blue !important;}


ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	/* 	background: white; */
		
}

.resizer { display:flex; margin:0; padding:0; resize:both; overflow:hidden }
.resizer > .resized { flex-grow:1; margin:0; padding:0; border:0 }

.ugly { background:red; border:4px dashed black; 
}

td.titlebar-right {
    float: right !important;
}

/* Selected row color */
table.display.dataTable > tbody > tr.selected > *,
table.display.dataTable > tbody > tr.odd.selected > *,
table.display.dataTable > tbody > tr.selected:hover > *  {
    box-shadow: inset 0 0 0 9999px #acbad4 !important;
    color: #333;
    background-color: #fff;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.status_finished {
    background-color:gray;
    color:white;
    padding: 18px;
    border-radius: 5px;
    width: 90% !important;
}

. date_prevReserved {
    background-color: white;
    color:black;
    padding: 5px;
    border-radius: 5px;
}

.vipClient {
    background-color:#ffc107;
    color:white;
    padding: 4px;
    border-radius: 5px;
}
.distance {
    background-color: black;
    border: 1px solid #0acf97;
    color: white;
    padding: 4px;
    border-radius: 5px;
}
.inputMediaType_mo {
    background-color: darkolivegreen;
    /*border: 1px solid #0acf97;*/
    color: white;
    padding: 4px;
    border-radius: 5px;
}
.inputMediaType_hu {
    background-color: darkcyan;
    /*border: 1px solid #0acf97;*/
    color: white;
    padding: 4px;
    border-radius: 5px;
}
.date_reserved {
    background-color:green;
    color:white;
    padding: 5px;
    border-radius: 5px;
}

.date_reserved2 {
    background-color:green;
    color:white;
    padding: 2px;
    border-radius: 2px;
    height: 20px !important;
}
.addr_error {
    background-color:red;
    color:white;
    padding: 3px;
    border-radius: 3px;
}
.status_cancel {
    background-color:red;
    color:white;
    padding: 18px;
    border-radius: 5px;
}
.status_wait {
    background-color:yellow;
    color:black;
    padding: 18px;
    border-radius: 5px;
}
.status_settle {
    background-color:#007BFF;
    border : none;
    color:white;
    height: 30px !important;
    border-radius: 5px;
    width: 100%;
}
.status_settle_amt {
    background-color:gray;
    border : none;
    color:white;
    height: 20px !important;
    border-radius: 5px;
    width: 100%;
}
.status_reserved {
    background-color:green;
    border : none;
    color:white;
    height: 30px !important;
    border-radius: 5px;
    width: 100%;
}
.btnPhoto {
    height: 20px;
}

.blinking{
    -webkit-animation: blink 0.5s ease-in-out infinite alternate;
    -moz-animation: blink 0.5s ease-in-out infinite alternate;
    animation: blink 1s ease-in-out infinite alternate;
}