#dialogServiceMan{
    font-family: sans-serif !important;
    font-size: 13px;
}
#dialogServiceMan table{
	margin-top:10px;
	font-family: sans-serif;
	font-size:12px;
	table-layout: auto;
	width:100%;
	overflow-x:hidden;
}
#dialogServiceMan table td:last-child {
    width: 0px;
}

#dialogServiceMan table td {
}
#dialogServiceMan thead{
	background: white;
	position: sticky;
	top: 0px;
	border-bottom:1px solid black;	
}

#dialogServiceMan table td.eImage{
	text-align: center;
}

#dialogServiceMan thead th{
	min-width: 50px;
	padding-right:10px;
}

#dialogServiceMan tbody tr{
	border-bottom:1px solid #cccccc;
	height:24px;
}
#dialogServiceMan tbody td{
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}
#dialogServiceMan tbody td[col="last"]{
	padding-right:2px;
}

#dialogServiceMan tbody td.eOk{
	cursor:pointer;
}
#dialogServiceMan tbody td.eInputNumberValue{
	text-align:right !important;
}

#dialogServiceMan tbody td.eOk{
	cursor:pointer;
}

#dialogServiceMan tbody.mainlist tr{
	cursor:pointer;
}

#dialogServiceMan tbody.cllist tr:hover{
	background-color:#dddddd;
}

#dialogServiceMan .ptbtn{
    font-size:11px;
    padding: 3px 10px 2px 10px;
    border-width: 1px !important;
    border-color: #aaaaaa;
    margin:0px !important;
}

#dialogServiceMan #ptclnameinput{
    width: 400px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding-left: 5px;
    height: 23px;
    font-size: 12px;
}

#dialogServiceMan .inputitem{
    width:100%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding-left: 5px;
    height: 23px;
    font-size: 12px;
}

#dialogServiceMan .inputitemcenter{
    text-align: center;
}

#dialogServiceMan .modal-body{
    overflow-x:hidden;
}

#dialogServiceMan .barRatioIllu{
    border:1px solid #aaaaaa;
    height:10px;
    width:100%;
    border-radius:3px;
}

#dialogServiceMan .barRatioIlluContents{
    background-color:#12e612;
    height:100%;
}
#dialogServiceMan .barRatioIlluContentsAlert{
    background-color:orange !important;
}

#dialogServiceMan .serviceValUnit{
    margin-top:2px;
    margin-left:8px;
}

#dialogServiceMan .shr{
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #bbbbbb;
}

#dialogServiceMan #serviceman_search{
        width: 100%;
        border: 1px solid #cccccc;
        border-radius: 5px;
        padding-left: 5px;
        height: 23px;
        font-size: 12px;
    }
    
#dialogServiceMan .serviceman_searchClearBtn{
        position: absolute;
        right: 4px;
        width: 15px;
        top: 4px;
        fill: #bbbbbb;
        cursor:pointer;
    }
    
#dialogServiceMan .serviceman_filterSec{
        width: 30%;
        position: relative;
        float: right;
        margin-right:15px;
    }

#dialogServiceMan .knavcontainer{
    display:flex;
    border:1px solid #aaaaaa;
    border-radius: 6px;
    height:24px;
}
#dialogServiceMan .knavitem{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-basis: 80px;
    cursor:pointer;
}
#dialogServiceMan .knavitem:not(.knavitem_selected):hover{
    color:white;
    background-color:#dddddd;
}

#dialogServiceMan .knavitem:not(:last-child){
    border-right:1px solid #aaaaaa;
}

#dialogServiceMan .knavitem_selected{
    color:white;
    background-color:rgb(214, 141, 4)
}

.kiotsecmain .kiotinput,
.kiotsecmain select{
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding-left: 5px;
    height: 23px;
    font-size: 12px;
}

#dialogServiceMan .unitsellist{
        width: 100%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    font-size: 12px;
    overflow-y:auto;
    height:200px;
}

#dialogServiceMan .recplist,
#dialogServiceMan .recplistlookup{
        width: 100%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    font-size: 12px;
    overflow-y:auto;
    height:100px;
}

#dialogServiceMan .unitsellistitem{
    padding: 3px;
    padding-left: 8px;
    cursor: pointer;
}
#dialogServiceMan .unitsellistitem:hover{
    background-color:orange;
}
#dialogServiceMan .unitsellistitemselected{
    background-color:orange;
}

#dialogServiceMan .unitsellistitem:not(:last-child){
    float:left;
    width:100%;
    border-bottom:1px solid #cccccc;
}

#dialogServiceMan .unitsellistitemcol1{
    float:left;
    width:66%;
}

#dialogServiceMan .unitsellistitemcol2{
    float:left;
    width:33%;
}

.btnCreateRecipient{
    margin-top: 5px !important;
}

.unitsellistiteminfoitem{
    text-align: center;
    margin-top: 10px;
    width: 100%;
}

#dialogServiceMan .recplistitem{
    padding: 3px;
    padding-left: 8px;
    cursor: pointer;
    display: flex;
    flex-flow: row;
}

#dialogServiceMan .recplistitemcol{
    width: 100%;
}

#dialogServiceMan .recplistitem:not(:last-child){
    border-bottom:1px solid #cccccc;
}

#dialogServiceMan .recplistitemheader{
    font-weight: 900;
    font-size: 11px;
    padding-bottom: 0px;
    padding: 3px;
    padding-bottom:0px;
    padding-left: 8px;
    display: flex;
    flex-flow: row;
}

#dialogServiceMan .recplistbottom{
    display: flex;
    flex-flow: row;
}

#dialogServiceMan .recplistbottom input{
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding-left: 5px;
    height: 23px;
    font-size: 12px;
}

#dialogServiceMan .recplistlookup{
    gap:10px;
}

#dialogServiceMan .recplist,
#dialogServiceMan .recplistlookup{
        margin-bottom:5px;
}

#dialogServiceMan .recplistbottom{
    gap: 5px
}

#dialogServiceMan .recplistlookup .recplistitem:hover{
	background-color:#dddddd;
}

.ksortmain{
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    display:flex;
}
.ksorticon{
    margin-top: 1px !important;
    margin-right: 3px;
    width: 7px !important;
    cursor:pointer;
}
.ksorticon svg[t="neutral"]{
    fill:#aaaaaa;
}

.ksorttext{
    flex: 1;
    cursor:pointer;
}