/*calendar*/
button.ui-datepicker-trigger {
    background: url("../../img/kitri/icon/Icon feather-calendar.png") no-repeat;
    background-position-x: center;
    background-position-y: center;
    width: 49px;
    height: 43px;
    border-collapse: collapse;
    text-align: center;
    border: 0px solid #8d8a8a;
    cursor: pointer;
    position: absolute;
    top:0px;
    right: 4px;
    
    border-left: solid 1px #e0e0ea;
}

/*number*/
.ui-corner-tr {
    border: solid 1px #e0e0ea;
    padding: 12px;
    top: 0px;
    border-radius: 4px 0px 0px 4px !important;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 4%) !important;
    border-top-right-radius: 0;
    position: relative;
    margin-left: 10px;
    cursor: pointer;
}

.ui-corner-br {
    border: solid 1px #e0e0ea;
    padding: 12px;
    top: 0px;
    border-radius: 0px 4px 4px 0px !important;
    border-right: 0p;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 4%) !important;
    border-top-right-radius: 0;
    position: relative;
    cursor: pointer;
}

/*radio*/
input[type="radio"] {
    position: absolute;
    overflow: hidden;
    display: none;
}
input[type="radio"] + label{
    display: inline-flex; 
    position: relative; 
    padding-left: 0px;
    margin-left: 35px;
    align-items: center;
    cursor: pointer; 
    -webkit-user-select: none; 
   }
input[type="radio"] + label:before { 
   content: ''; 
   position: absolute; 
   left: -25px; 
   width: 19px; 
   height: 19px; 
   text-align: center; 
   background: #fafafa; 
   border: 1px solid #cacece; 
   border-radius: 100%; 
} 

input[type="radio"] + label.radioChk:before {
    border-radius: 0px;
}
input[type="radio"] + label.radioChk:after {
    border-radius: 0px !important;
}
   
input[type="radio"]:checked + label:before { 
   background: #E9ECEE; 
   border-color: #adb8c0; 
} 
   
input[type="radio"]:checked + label:after { 
   content: ''; 
   position: absolute; 
   left: -20px;
   width: 10px;
   height: 10px;
   background: #99a1a7; 
   border-radius: 100%;
}

input[type="radio"]:checked + label:before { 
    border-color: #adb8c0; 
} 

input[class="radioCss"]:checked + label:before { 
    border-color: transparent; 
} 
    
input[class="radioCss"]:checked + label:after { 
    background: url("../../img/kitri/icon/check-circle.png") no-repeat !important;
    left: -24px;
    width: 20px;
    height: 20px;
    filter: hue-rotate(42deg);
 }

 input[class="radioCss"]:checked, input[class="radioCss"]:disabled+ label:after {
    background: url("../../img/kitri/icon/Forms _ Radio _ Active.svg") no-repeat !important;
    cursor: default;
    filter: hue-rotate(42deg);
}

 
 
/*check*/
input[type="checkbox"] + label{
    display: inline-block; 
    position: relative; 
    padding-left: 30px; 
    align-items: center;
    cursor: pointer; 
    -webkit-user-select: none; 
    white-space: nowrap;
}

input[type="checkbox"] + label:before { 
   content: ''; 
   position: absolute; 
   left: 0; 
   top: 3px;
   width: 18px; 
   height: 19px; 
   text-align: center; 
   background: #fafafa; 
   border: 1px solid #cacece; 
   border-radius: 3px; 
} 
   
input[type="checkbox"]:checked + label:before { 
   background: #E9ECEE; 
   border-color: #adb8c0; 
} 
   
input[type="checkbox"]:checked + label:before { 
    border-color: #adb8c0; 
} 
input[class="checkboxCss"]:checked + label:after,input[class="checkboxCss"]:disabled + label:after {
    background: url("../../img/kitri/icon/check-check.png") no-repeat !important;
    left: 0px !important;
    width: 20px !important;
    height: 20px !important;
    top: 2.5px !important;
    filter: hue-rotate(42deg);
}

input[class="checkboxCss"]:checked, input[class="checkboxCss"]:disabled+ label:after {
    background: url("../../img/kitri/icon/Forms _ Checkbox _ Active.svg") no-repeat !important;
    cursor: default;
}

input[class="checkboxCss"]:checked + label:before { 
    border-color: transparent; 
} 
input[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    left: 4px;
    width: 10px;
    height: 10px;
    background: #99a1a7;
    border-radius: 3px;
    top:6.5px;
}

 /*버튼 o*/
 .subBtn .labelBtn,.file-box> :nth-last-child(1) {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    background: white;
    outline: 0;
    border: 1px solid #2c3041;
    font-size: 12pt;
    margin: 0 2px;
    height: 44px !important;
    box-sizing: border-box;
    font-weight: 100;
    cursor: pointer;
    color: #2c3041;
    padding: 4px 12px;
    border-radius: 3px;
    transition: all .35s;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.minW {
    min-width: 50px !important;
}

.plusBtn label::before {  /*추가버튼*/
    content: '';
    width: 15px;
    height: 15px;
    background-size: 100% !important;
    margin-right: 2px;
    background: url("../../img/kitri/icon/Icon feather-plus-circle.svg") no-repeat;
    display: inline-block;
} 

.subBtn label::before { /*찾아보기*/
    content: '';
    width: 15px;
    height: 15px;
    background-size: 100% !important;
    margin: 0 6px 0 0;
    display: inline-block;
}

.subBtn label.greenBtn { /*연두색버튼*/
    background: #33db7b;
    color: white;
    border: 1px solid #33db7b;
}

.subBtn input.greenBtn {
    background: #33db7b;
    border: 1px solid #33db7b;
    color: white;
    padding: 4px 12px;
    height: 44px;
}
label.fileBtn{
    transition: all .35s;
}
label.fileBtn:hover{
    background: var(--file-btn-hover-color);
    color: black;
    border: 1px solid white;
    font-weight: bold;
}
label.fileBtn::before { /*찾아보기*/
    content: '';
    background: url("../../img/kitri/icon/Icon feather-paperclip.svg") no-repeat;
    width: 20px;height: 18px;margin-right: 4px;
}
.filebox + label::before { /*찾아보기 o*/
    background: url("../../img/kitri/icon/Icon feather-paperclip.svg") no-repeat;
}

label.downLoadBtn::before { /*다운로드*/
    background: url("../../img/kitri/icon/Icon ionic-md-download.svg") no-repeat;
    vertical-align: middle;
    height: 17px !important;
}

label.WdownLoadBtn::before { /*다운로드(흰)*/
    background: url("../../img/kitri/icon/Icon feather-download.svg") no-repeat;
    vertical-align: middle;
    height: 17px !important;
}

label.popupBtn::before { /*프로그램명세*/
    background: url("../../img/kitri/icon/Icon awesome-pencil-alt.svg") no-repeat;
}
label.rPlusBtn::before { /*행추가*/
    background: url("../../img/kitri/icon/Icon feather-plus.svg") no-repeat;
    background-position: center;
}

label.rCancelBtn::before { /*행삭제*/
    background: url("../../img/kitri/icon/row434.svg") no-repeat;
    background-position: center;
}

label.searchBtn::before { /*검색*/
    background: url("../../img/kitri/icon/Icon feather-search.svg") no-repeat;
    background-position: center;
}

label.WsearchBtn::before { /*검색(흰)*/
    background: url("../../img/kitri/icon/Icon feather-searchW.svg") no-repeat;
    background-position: center;
    width: 16px;
    margin: 0;
}

label.reSetBtn::before { /*초기화*/
    background: url("../../img/kitri/icon/Icon awesome-redo-alt.svg") no-repeat;
    background-position: center;
}

label.checkBtn::before { /*적합*/
    background: url("../../img/kitri/icon/Icon feather-check.svg") no-repeat;
    background-position: center;
}

label.closeBtn::before { /*부적합*/
    background: url("../../img/kitri/icon/Icon material-close.svg") no-repeat;
    background-position: center;
}
label.externalBtn::before { /*내보내기*/
    background: url("../../img/kitri/icon/Icon open-external-link.svg") no-repeat;
    background-position: center;
}
label.printBtn::before { /*인쇄*/
    background: url("../../img/kitri/icon/Icon open-external-link.svg") no-repeat;
    background-position: center;
}
label.finalEBtn::before { /*내보내기*/
    background: url("../../img/kitri/icon/icon-final.svg") no-repeat;
    background-position: center;
    height: 20px;
}
.externalBtn {
    border: 1px solid #15BADC !important;
    border-radius: 25px !important;
    width: 130px;
    height: 35px !important;
    color: #15BADC !important;
}
.printBtn {
    border: 1px solid #15BADC !important;
    border-radius: 25px !important;
    width: 130px;
    height: 35px !important;
    color: #15BADC !important;
}
.finalEBtn {
    border: 1px solid #030303 !important;
    border-radius: 25px !important;
    width: 130px;
    height: 35px !important;
    color: #000000 !important;
}

.sort-btn.DownActive::after {
    content: '';
    background: url("../../img/kitri/icon/Icon material-arrow-drop-down.svg") no-repeat;
    width: 13px;
    height: 13px;
    background-size: 100% !important;
    display: inline-block;
    background-position: center;
    position: ABSOLUTE;
    right: 8px;
    bottom: 21px;
}

.sort-btn.Active::after
{
	  content :'';
	  background: url("../../img/kitri/icon/Icon material-arrow-drop-up.svg") no-repeat;
    background-position: center;
    width: 13px;
    height: 13px;
    background-size: 100% !important;
    display: inline-block;
    position: ABSOLUTE;
    right: 8px;
    bottom: 21px;
   
}