/*main*/
.mainContainer{
    width:100% !important;
    min-width: 0 !important;
}
.pad10{
    padding: 10px 20px 10px 20px;
}
.sub-content {
    overflow: scroll;
    height: 730px; 
  /*  height: calc(100vh - 100px); */
    padding-right: 10px;
}

/*플렉서블하게 바꾸고 싶으면 아래 서브 컨텐트 적용*/
/*
.sub-content {
    overflow: scroll;
    max-height: calc(100vh - 300px);
    padding-right: 10px;
}
*/
/*
body, html{
    margin:0;
    height:auto;
    min-width: 1200px;
	padding:30px;
	width:100%;
}*/
* {
  margin: 0;
  padding: 0;
  font-family: "KopubR","NotoSans", sans-serif;
}
body, html {
    display: inline-flex;
    /* align-items: center; */
    /* flex-direction: column; */
    /* font-family: NotoSansCJKKR; */
    font-family: 'Nanum Barun Gothic','Nanum Gothic','Malgun Gothic',Arial,Dotum,Gulim,Verdana,Tahoma,sans-serif,NotoSansCJKKR;
    width: 100%;
    /* height: 100%; */
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 12px;
}

/*
body {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.5;
  width: 100%;
  height: 100%;
  background-color: #fff;
}*/


body::-webkit-scrollbar{
    width:5px;
    height:5px;
}
body::-webkit-scrollbar-thumb{
    background-color: #a2a5a7fa;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid rgba(228, 226, 226, 0.438);
}
body::-webkit-scrollbar-track{
    background-color: rgba(202, 200, 200, 0.692);
    border-radius: 5px;
    box-shadow: inset 0px 0px 5px white;
}
        .topline{
            height : 38px;
            width: 100%;
            background: linear-gradient(-45deg, #8e84ff 50%, #2a153c 50%);
            padding: 0 5px;
            position: fixed;
        }
        .topline2{
            height : 60px;
            width: 100%;        
        }
.withfull{
    width:100%;
}
.wh100{
/*	height:100%; */
	padding: 35px 225x 67px 72px;
    width: 100%;
}

.divinput {
    border-radius: 4px;
    border: none !important;
    width: 100% !important;
    padding: 4px;
    height: 26px !important;
    font-size: 12px;
}


.hl2 {
    padding: 10px 0px 10px 3px;
    border-bottom: 2px solid #8e84ff;
    font-weight: bolder;
    font-size: 23px;
}

/*TOP-BUTTON*/
.btn{
	font-weight: bolder;
    background: white;
    border-radius: 5px;
    padding: 2px;
    width: 80px;
    height: 27px;
    border: 1px solid #2a153c;
}
.btpop{
        background: #3b54c2 !important;
        color: white !important;
        border: 1px solid #7c86ff !important;
}
.btn:hover {
    cursor: pointer;
    background-color: #15193c;
    color: white;
}
.btweens {
    display: flex;
    justify-content: space-between;
}

.flexend{
    display: flex;
    justify-content: flex-end;
}
.alignl{
    text-align: left !important;
}
.alignr{
    text-align: right !important;
}

/*MARGIN*/
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.ml20{
    margin-left: 20px;
}
.ml10{
    margin-left: 10px;
}
.ml5{
    margin-left: 5px;
}
.ml5{
    margin-left: 5px;
}
.mr20{
    margin-right: 20px;
}
.mr10{
    margin-right: 10px;
}
.mr5{
    margin-right: 5px;
}
.mb5{
    margin-bottom: 5px;
}
.mb10{
    margin-bottom: 10px;
}
.mb15{
    margin-bottom: 15px;
}
.mb20{
    margin-bottom: 20px;
}
.mb30{
    margin-bottom: 30px;
}
.mb40{
    margin-bottom: 40px;
}
/*adding*/
.p10{
	padding: 10px
}
.p20{
	padding: 20px
}
.lindiv {
    /*width: 100%;*/
	height: calc(100vh - 60px);
    overflow: auto;
}
.GridGunsu{
	display:none;
}

.ui-wizgrid-bdiv{
  width:100%;
}


/*...처리*/
.comcomcom{
    white-space: nowrap !important;
    text-overflow: ellipsis;
    overflow: hidden;    
}
.grd-edt {
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    width: 100% !important;
    padding: 5px;
    white-space: nowrap !important;
    text-overflow: ellipsis;
    overflow: hidden;
}

.grd-com {
    border-radius: 4px;
    width: 100% !important;
    background: before;
    color: #505050;
    border: 1px solid #cbcbcb;
    padding: 5px 15px 5px 5px;
    cursor: pointer;
    margin: 0 2px;
    user-select: none;
    cursor: pointer;
    background: white;
    appearance: none;
    background: url(../img/comboaw.png) no-repeat 95% 50%, rgb(255, 255, 255);
}
.hovla{
  color : #8E86FF;
}
/*
.ui-wizgrid .ui-state-default-grid.ui-wizgrid-hdiv.ui-corner-top {
    border-left: none !important;
    border-right: none !important;
}*/
/*
.ui-wizgrid .ui-wizgrid-bdiv {
    border-left: none !important;
    border-right: none !important;
    box-sizing: border-box;
}
*/
.ui-widget-content-grid.wizgrow.ui-row-ltr > td {
    padding: 1px !important;
    cursor: default;
    word-break: break-word;
    overflow: hidden;
}
/*
element.style {
    text-align: center;
}*/

.th-defaults2 {
    background: #f5f5f5;
    width: 10%;
    padding: 10px;
    color: #565656;
    font-weight: bolder;
    border-bottom: none;
    border: 1px solid #e1dfdfa3;
    border-top: none;
    border-left: none;
    border-right: none;
    overflow: hidden;
    white-space: nowrap;
}

.ui-widget-content-grid.wizgrow.ui-row-ltr > td {
    padding: 1px !important;
    cursor: default;
    word-break: break-word;
    overflow: hidden;
}
.ui-widget-content-grid.wizgrow.ui-row-ltr > td {
    padding: 10px 2px;
    cursor: default;
    word-break: break-word;
    overflow: hidden;
}


/*그리드 틀 고정*/
div#gbody_grdForm {
    height: 100% !important;
}

.ui-wizgrid .ui-wizgrid-btable {
    table-layout: fixed;
}

.ui-wizgrid tr.ui-row-ltr td {
    white-space: nowrap !important;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* 그리드 클릭시 컬럼 색*/
td.edit-cell.ui-state-highlight-grid > input:focus {
    outline: none !important;
    border : none !important; 
    border-radius: 4px !important;
    font-size : 12px !important;
    padding:5px !important;
    width:100% !important;
 }
 td.edit-cell.ui-state-highlight-grid > select {
    outline: none !important;
    border : none !important;
    border-radius: 4px !important;
    font-size : 12px !important;
    padding:5px !important;
    width:100% !important;
 }
 /*
td.edit-cell.ui-state-highlight-grid > ComboBox:focus {
    outline: none !important;
    border : 2px solid #8e84ff !important;
    border-radius: 4px !important;
    font-size : 14px !important;
    padding:3px !important;
 }*/
/*그리드클릭시 색*/
.ui-wizgrid .selected-row, div.ui-wizgrid .selected-row td {
    font-style: normal;
    border-left: 0 none;
    background: #f1f0fb;
    color: #8e84ff;
    border-top: 0;
}
.ui-wizgrid tr.ui-widget-content-grid:hover {
    color: #8e84ff !important;
}

.th-default2 {
    background: #dbd8fe;
    background: #f2f1fc;
    width: 10%;
    padding: 10px;
    color: #565656;
    font-size: small;
    border: 0px !important;
    border-bottom: 1px solid #e0e0ea!important;
}
.hl3 {
    padding: 10px 0px 10px 10px;
    border-left: 3px solid #8e84ff;
    font-weight: 600;
    background: #eeedf8;
}
.fonlar{
font-size: larger;
}
.inputstyleb {
    border: 1px solid #f2f1fc;
    padding: 4px;
    border-radius: 4px;
    width: 70%;
	color: #505050;
    font-size: 12px;
}
.comstyleb {
    border: 1px solid #f2f1fc;
    padding: 4px;
    border-radius: 4px;
    width: 30%;
}

.inputBox {
   background: #ffffff;
    color: #000000;
    border: 1px solid #d3d3d3;
    padding: 5px 17px;
    cursor: pointer;
    width: 90%;
    margin: 0 auto;
    user-select: none;
    cursor: pointer;
    border-radius: 4px;

}
.btn2 {
    font-weight: bolder;
    background: white;
    border-radius: 5px;
    padding: 2px;
    width: 100px;
    height: 27px;
    border: 1px solid #8e84ff;
    color: #8e84ff;
}
.btn2:hover {
    cursor: pointer;
    background:#8e84ff;
    color: white;
	    border: none;
}
.btnpop {
    font-weight: bolder;
    background: white;
    border-radius: 5px;
    padding: 2px;
    width: 80px;
    height: 27px;
    border: 1px solid #ff6060;
    color: #ff6060;
}
.btnpop:hover {
    cursor: pointer;
    background:#ff6060;
    color: white;
	    border: none;
}
.cal_w{
	width:153px;
}

.footer{
	width:100%;
	height:30px;
}
/*파일 관련*/
label#file1-label {
    background: #8e84ff;
    color: white;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 20px 5px 20px;
    border-radius: 4px;
}

.secondh2 {
    border-left: 4px solid #d2ceff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 8PX 8px 8px 20px;
}

div#file1-box {
    width: 500px;
}
.edboxdiv{
    border: 1px solid #b9b9b9;
    border-radius: 8px;
}
.filelabel {
    background: #eeeeee;
    color: black;
    font-size: 12px;
    font-weight: 600;
    width: 250px;
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 3px;
    margin-right: 20px;
}
.filedivbox {
    padding: 20px;
    border: 2px solid #d3cfff;
    border-radius: 8px;
}

/*팝업*/

.ui-wizgrid .ui-state-default-grid.ui-wizgrid-hdiv.ui-corner-top {
    border-left: 0px solid #D7D7D7 !important;
    border-right: 0px solid #D7D7D7 !important;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    background: linear-gradient(-45deg, #2a153c 50%, #8e84ff 50%) !important;
	height:30px !important;
}
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
    border: none;
    border-radius: 10px;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    border: none;
    border-radius: 10px;
}

.ui-widget-header {
    border: none !important;
}
span.ui-button-icon-primary.ui-icon.ui-icon-closethick {
    cursor: pointer !important;
}
.title {
    font-size: 23px;
    color: #15193c;
    font-weight: bolder;
}
#layerPopup {
    border-radius: 0 0 6px 6px !important;
}

/*팝업 디자인 레이아웃*/
.inputstylep {
    border: 1px solid #cbcbcb;
    padding: 4px;
    border-radius: 4px;
    width: 88%;
    color: #505050;
    font-size: 12px;
}

.layp {
    border: 1px solid #d1d1d1;
    border-top: 2px solid #b9b9b9;
    width: 100%;
    border-bottom: none;
}
.th-defaultp {
	background: #f7f7f7;
    width: 25%;
    padding: 5px;
    color: #565656;
    font-size: 12px;
    border: 0px !important;
    border-bottom: 1px solid #e0e0ea !important;
    padding: 5px 5px 5px 20px;
}

.lec-tablep {
    background: #ffffff;
    padding: 5px 5px 5px 5px;
    color: #565656;
    font-size: small;
    border: 0px !important;
    text-align: left;
    border-bottom: 1px solid #e0e0ea!important;
    font-size: 12px;
    font-weight: 600;
}
/*팝업 머리*/
.poph2
{
    text-align: center;
    font-size: 18px;
    padding: 10px 0px 10px 0px;
    border-bottom: 2px solid #8e84ff;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}

.ta-c{
    text-align: center !important;
}


/*
.mr2 {
    /* margin-right: 74px; 
    /* text-align: center; 
    background: #ffffff;
    color: #000000;
    border: 1px solid #d3d3d3;
    padding: 5px 17px;
    cursor: pointer;
    width: 359px;
    margin: 0 auto;
    user-select: none;
    cursor: pointer;
    border-radius: 4px;
}*/



.lbf{
    font-size: 13px;
    font-weight: 600;
    color: #3e3e3e;
	white-space: nowrap;
}



.linput{
    border-radius: 4px;
    border: 1px solid #cbcbcb;
    width: 240px;
	padding:4px;
	height:28px;
    
    font-size:12px;
}
.licom{
    border: 1px solid #cbcbcb;
	border-radius: 4px;
	width: 150px;
    padding:4px;
	height:28px;
    
    font-size:12px;
}

.layoutin {
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    text-align: center;
    padding: 4px;
/*    padding-left: 10px;
    padding-right: 10px;*/
    height: 28px;
    width: 300px !important;
    font-size:12px;
}
.wh20{
	 width: 20% !important;
}
.wh30{
	 width: 30% !important;
}
.wh40{
	 width: 40% !important;
}

.wh60{
	 width: 60% !important;
}
.wh68{
	 width: 68% !important;
}
.wh75{
	 width: 75% !important;
}

select:hover {
  border-color: #8e84ff;
}

.layoutla {
    background: #eeeeee;
    color: black;
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 3px;
    padding-left: 10px;
}

.lblist {
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    padding: 10px;
    background: whitesmoke;
    overflow-y: auto;
}

.width90{
	width:90%;
}
.width96{
	width:96%;
}


.numin{
    padding: 4px;
}

span.ui-spinner.ui-widget.ui-widget-content.ui-corner-all {
    border-radius: 4px;
    width: 50%;
	padding:4px;
}
.btween{
    display: flex;
    justify-content: space-between;
}
.disf{
    display: flex;
}
.navla{
    font-size: 11px;
}

.cusorp{
	cursor:point;
}
.ui-widget-content-grid {
    min-height: 411px !important;
    /*max-height: 411px !important;*/
}


input.tree-node-main-left-lChk {
    accent-color: #8e84ff;
}


/*체크박스 색*/
.ui-wizgrid .ui-wizgrid-view input[type="checkbox"] {
    width: 14px;
    height: 14px;
    accent-color: #8e84ff;
}
.searchbtt{
	border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 22px;
    height: 20px;
    margin-left: 7px;
    margin-top: 5px;
	margin-right: 4px;
    background: url(../img/search_icon.png) no-repeat !important;
}
.searchbtt2 {
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 23px;
    height: 20px;
    margin-left: 5px;
    margin-top: 5px;
    background: url(../img/search_icon.png) no-repeat !important;
}
.searchsize{
    background-size: 81% !important;
}
.searchsize2 {
    background-size: 72% !important;
}
.searchbtt:hover {
  border-color: #8e84ff;
}

.bttsearchdiv{
    border: 1px solid #c1c1c1;
    width: 300px;
    border-radius: 4px;
    background: white !important;
}
.serachin {
    border: none;
    width: 100%;
    padding:4px;
	border-radius: 4px;
	margin-right:2px;
	font-size:12px;
}
.menudiv{
	display: inline-flex;
    align-items: center;
}

.serachin:hover {
  border-color: #8e84ff;
}
.he25{
	    height: 28px;
}
.outer {
    border: 1px solid #e9e9e9;
    padding: 15px;
    border-radius: 6px;
}
.menuline{

        border-right: 4px solid #cdc8ff;
        border-radius: 35px;
        margin-right:35px

}
.searchbtt2 {
    border: none;
    border-radius: 4px;
    padding: 5px;
    background: #ffffff;
    cursor: pointer;
    width: 23px;
    height: 23px;
}
.callinput {
    border-radius: 4px;
    border: 1px solid #cbcbcb;
    /* width: 217px; */
    padding: 4px 0px 4px 4px;
}
.null {
	background: #eeeeee !important;
}
.width-full{
		width:100%;
}

.textarea {
    width: 100%;
    height: 100px;
    padding: 4px;
    resize: none;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
}

.wincal{
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #c1c1c1;
}
.wincalla{
margin-right:5px;
margin-left:5px;
    font-size: 15px;
    font-weight: 900;
}


select {
  font-family: 'Nanum Barun Gothic','Nanum Gothic','Malgun Gothic',Arial,Dotum,Gulim,Verdana,Tahoma,sans-serif,NotoSansCJKKR;
  font-size:12px;
  color: #444;
}

:focus-visible {
    outline: #8e84ff auto 1px;
}
/*
input:focus-visible {
  border-color: #8e84ff;
}

input:focus {
  border-color: #8e84ff;
}
.linput:focus{
   border-color:#8e84ff;
    outline: none;
}
.layoutin:focus-visible{
   border-color:#8e84ff;
}
*/
input:hover {
  border-color: #8e84ff;
}
.bttsearchdiv:hover {
  border-color: #8e84ff;
}
.licom:focus-visible{
   border-color:#8e84ff;
}

.btnl{
    font-weight: bolder;
    background: white;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    border: 1px solid #2a153c;
}
.btnl:hover {
    cursor: pointer;
    border: 1px solid #8e84ff;
    background: #8e84ff1f;
}


/*캘린더*/
/*
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #a39d99;
    font-weight: bold;
    color: #8e84ff;
    font-size: 10pt;
    background: white !important;
}

.ui-widget-header {
    border: 1px solid #f8f7ff;
    color: #222;
    font-weight: bold;
    background: #8e84ff;
}


.ui-datepicker-buttonpane.ui-widget-content> button.ui-datepicker-close {
    float: right !important;;
    background: #15193c !important;;
}
.ui-datepicker-buttonpane.ui-widget-content > button {
    border: 0px;
    color: white !important;
    border-radius: 3px;
    cursor: pointer;
    background: #c1c1c1 !important;
    vertical-align: top;
    font-size: 12px;
    height: auto;
    padding: 3px 7px 3px 7px;
}*/

/*캘린더 */

div[id^="calendar_"] {
    width: 100%;
    position: relative !important;
    display: flex;
    flex-direction: row;
    top: 0 !important;
    left: 0 !important;
    align-items: center;
    border-radius:4px;
    border: 1px solid #cbcbcb;
    background:white;
}
div[id^="calendar_"] > input[type='text'].hasDatepicker {
    width: 100%;
    border:none;
	font-size: 12px;
    font-family: 'Nanum Barun Gothic','Nanum Gothic','Malgun Gothic',Arial,Dotum,Gulim,Verdana,Tahoma,sans-serif,NotoSansCJKKR;
	padding: 4px;
    height: 26px;
	border-radius: 4px;
}

div[id^="calendar_"] > input[type='text']:focus-visible {
    width: 100%;
	font-size: 12px;
    outline: #8e84ff auto 1px !important;
    font-family: 'Nanum Barun Gothic','Nanum Gothic','Malgun Gothic',Arial,Dotum,Gulim,Verdana,Tahoma,sans-serif,NotoSansCJKKR;
}

div[id^="calendar_"] > button.ui-datepicker-trigger {
    width: var(--wiget-base-height); 
    background-size: 76% !important;border: none;
    background: url(../img/calicon.png) no-repeat;
    background-position: center;
    color: transparent;
    border-left: none;
    margin: 2.5px 0;
    padding: 11px;
    width: 10px !important;
     height: 10px !important; 
    margin-left: 3px;
    margin-right: 3px;
}
.ui-datepicker-trigger {
    margin-top: 0px;
    height: 23px;
    padding-left: 1px;
    padding-right: 0px;
    float: right;
    cursor: pointer;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #c1c1c1 !important;
    text-align: center;
    font-size: 12px !important;
    background: white !important;
    color: #555555 !important;
    font-weight: bold !important;
	padding: 1px 0px 3px 0px;
}
/*
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 50% !important;
    vertical-align: middle;
}*/
 .ui-datepicker select.ui-datepicker-year {
    width: 56px !important;
   /* border: 2px solid #b7b7b7; */
    border-radius: 4px;
    margin-right: 2px;
    vertical-align: middle;
}
.ui-datepicker select.ui-datepicker-month {
    width: 53px !important;
   /* border: 2px solid #b7b7b7; */
    border-radius: 4px;
    margin-right: 2px;
    vertical-align: middle;
}
div[id^="calendar_"]:focus-visible {
    outline: #8e84ff auto 1px;
}

.ui-widget {
	font-family: 'Nanum Barun Gothic','Nanum Gothic','Malgun Gothic',Arial,Dotum,Gulim,Verdana,Tahoma,sans-serif,NotoSansCJKKR;
font-size: 12px;
}
.ui-widget .ui-widget {
	font-size: 12px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: 'Nanum Barun Gothic','Nanum Gothic','Malgun Gothic',Arial,Dotum,Gulim,Verdana,Tahoma,sans-serif,NotoSansCJKKR;
	font-size: 12px;
}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{
	margin-top: 4px;
    font-size: 12px !important;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 4px !important;
    -moz-box-shadow: 0 1px 5px 0 #2f3133;
    -o-box-shadow: 0 1px 5px 0 #2f3133;
    box-shadow: 0 0px 3px 0px #0e0e0e8a;
    padding: 3px 5px;
    border-width: 0;
    text-align: center;
    background-color: #fff;
    cursor: default;
    z-index: 100 !important;
    width: 215px;
    background: whitesmoke;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
	background: #c1c1c1;
	padding:0;
    border: none !important;
    font-weight: bold;
}


.ui-state-hover,
.ui-datepicker-prev-hover{
    background:none !important;
}

/*캘린더 호버*/
.ui-state-hover,
.ui-widget-content .ui-state-hover{
  background: none !important;
}



.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    opacity: 0.7;
    background: #8e84ff !important;
    color: #ffff !important ;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 12px !important;
	margin: 1px 0 !important;
	text-align:center;
}
.ui-icon.ui-icon-circle-triangle-w, .ui-icon.ui-icon-circle-triangle-e {
    cursor: pointer;
    position: relative;
    top: 7px;
    padding: 0 !important; 
    font-size: 0.5rem;
    color: white;
}


.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
    font-size: 0.9rem;
    display: inline-block;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 50%;
	text-align:center;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}

.ui-icon {
    display: inline-block;
    text-indent: 0px;
    overflow: hidden;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    margin-left: -8px !important;
    top: 20% !important;
    margin-top: 0 !important;
    filter: grayscale(1) !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute !important;
    top: 0px !important;
    width: 2.4em !important;
    height: 100% !important;
}
.ui-datepicker .ui-datepicker-prev {
    left: 0 !important;
}
.ui-datepicker .ui-datepicker-next {
    right: 0 !important;
}	

button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all.ui-state-hover{
	background:#8e84ff !important;
}
button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all.ui-state-hover{
	background:#c1c1c1 !important;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    text-decoration: none;
}


/* 밑에 */

.ui-datepicker .ui-datepicker-buttonpane {
    margin: 0.6em 0px 0 0 !important;
    padding: 0px !important;
    border: none !important;
    text-align: right !important;
    box-shadow: none !important;
    background: transparent !important;
}
.ui-datepicker-buttonpane.ui-widget-content > button {
    border: 0px;
    color: white !important;
    border-radius: 4px;
    cursor: pointer;
    background: #c1c1c1 !important;
    vertical-align: top;
    width: 24%;
    font-size: 12px;
    height: auto;
}
.ui-datepicker-buttonpane.ui-widget-content> button.ui-datepicker-close {
    float: right;
    background: #586880;
    display: none;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: none !important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0 0.2em 0.4em !important;
    cursor: pointer !important;
    padding: 0.2em 0.6em 0.3em 0.6em !important;
    width: auto !important;
    overflow: visible !important;
}
.ui-datepicker-year:focus-visible{
    outline: none;
}	

.ui-datepicker-year:hover{
	color:#8e84ff;
}
.ui-datepicker-month:hover{
	color:#8e84ff;
}

div[id^="calendar_"]:hover{
    border-color: #8e84ff;
}

.ui-datepicker-year {
    padding: 4px !important;
    padding-left: 3px !important;
    padding-right: 5px !important;
}
.ui-datepicker-title > select {
    width: 50px;
    height: 27px;
    color: white;
    border: none;
    background-color: transparent;
    font-size: 0.7rem;
    margin-right: 1px;
    cursor: pointer;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker-title > select > option {
    color: #000000 !important;
    background-color: #ffffff !important;
    font-size: 12px !important;
    overflow: auto !important;
    text-align:left !important;
}

select.ui-datepicker-year {
    text-align: center;
}
select.ui-datepicker-month {
    text-align: center;
}
select.ui-datepicker-month:focus-visible{
 	outline: none;
}

.calmom {
    position: relative;
    width:140px;
    height: 28px;
}
.lh28{
line-height: 28px;
}


.dash-label.button .dash-button, select {
    background: before;
    color: #505050;
    border: 2px solid rgb(163, 163, 163);
    padding: 5px 15px;
    cursor: pointer;
   /* margin: 0 2px;*/
    user-select: none;
    cursor: pointer;
    border-radius: 7px;
    background:white;
    appearance: none; 
    background: url(../img/comboaw.png)  no-repeat 95% 50%, rgb(255, 255, 255); 
}

/**/
.th-defaultd {
    background: #dbd8fe;
    background: #eeeeee;
    width: 20%;
    padding: 5px;
    color: #565656;
    font-size: small;
    border: 1px solid white !important;
    border-bottom: none;
}
.lec-tabled {
    background: #dbd8fe;
    background: #ffffff;
    padding: 5px;
    padding-left: 15px;
    color: #565656;
    font-size: 12px;
    border: 0px !important;
    text-align: left;
    border-bottom: 0px solid #e0e0ea!important;
}
.layfull {
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    text-align: center;
    padding: 4px;
    height: 28px;
    width: 95% !important;
    font-size: 12px;
}
/*버튼 */

.savei::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/save.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.deli::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/recycle.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.searchi::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/searchi.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.newi::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/newi.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.listi::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/listi.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.oki::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/oki.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.cpi::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/cpi.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.chgi::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/chgi.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.prti::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/prti.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.addi::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/add.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.mnusi::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/mnus.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.rei::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/rei.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.user1::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/user1.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.user2::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/user2.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.excel::before {
    content: "";
    background-size: 16px 16px !important;
    display: inline-block;
    background: url(../img/excel2.png);
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}




.addbtt {
    background: url(../img/add.png) no-repeat;
    background-size: 50% !important;    
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.mnusbtt {
    background: url(../img/mnus.png) no-repeat;
    background-size: 50% !important;      
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.conf{
    height: 140px;
    overflow-x: hidden;
    overflow-y: auto;
    resize: none;
}
.conf::-webkit-scrollbar {
    width: 10px;
}
.conf::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
}
  .conf::-webkit-scrollbar-track {
    background-color: #ffff;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
  }  
  
  
  
 input[type="radio"]{
    accent-color: #8e84ff;
}

select {
    padding: 4px !important;
   /* padding-left: 1px !important; */
    padding-right: 7px !important;
}

.width100{
    width:100% !important;
}

.th-defaults {
    background: #f5f5f5;
    width: 10%;
    padding: 10px;
    color: #565656;
    font-weight: bolder;
    border-bottom: none;
    border: 1px solid #e1dfdfa3;
    border-top: none;
    border-left: none;
    border-right: none;
    overflow: hidden;
    white-space: nowrap;
}
.lec-tables {
    background: #dbd8fe;
    background: #ffffff;
    padding: 9px;
    color: #565656;
    font-size: small;
    text-align: left;
    border: 1px solid #e1dfdfa3;
    border-left: none;
    border-right: none;
    border-top: none;
}
.disb{
    display: block;
}
.lays {
    border: 1px solid #d1d1d1;
    border-top: 2px solid #d1d1d1;
    width: 100%;
    border-left: none;
    border-right: none;
}
.empty-content-container {
    display: inline-flex;
    width: 100%;
    height: 100px;
    /*align-items: center;*/
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
}
button:focus-visible{
    outline:none !important;
 }

/*그리드 오버플로우*/
/*라디오*/
div[id^="calendar_"] > input[type='text']:focus-visible
{
    outline: #8e84ff auto 1px !important;
}
.radio {
    margin-bottom: 2px !important;
    vertical-align: middle !important;
}
.searchbtt:focus-visible{
    outline:none;
 }



 .delRow{
    text-decoration: line-through;
     color: red !important;
 }

 .p5 {
    padding: 5px 5px 5px 5px !important;
}

.lipop {
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    width: 90%;
    padding: 4px;
    font-size: 12px;
}

.layrow{
    text-align: center;
    border: none;
    font-size: 12px;
    background: #f5f5f5;
    color: #565656;
    font-weight: bolder;
}

.lec-table-row {
    padding: 5px;
    color: #565656;
    font-size: 12px;
    border: 0px;
    border-bottom: 0px solid #e0e0ea;
    text-align: center;
    border-right: 1px solid #e1dfdfa3;
    border-bottom: 1px solid #e1dfdfa3;  
}


.layoutrow {
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    text-align: center;
    padding: 4px;
    height: 28px;
    width: 100% !important; 
    font-size: 12px;
}

.calmomrow {
    position: relative;
}

td:nth-last-child(1) {
    border-right: 0px !important;

}
/*그리드 생긴거 전체*/
table#grdPer {
    /* border-right: 1px solid red; */
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;    
    border-bottom: 1px solid #eeeeee;      
}

/*그리드 썸머리*/
.sumhead{
    margin-right: 20px;
    margin-left: 20px;
    font-weight: 600;
}
.summrr {
    height: 28px;
    width:100%;
    background: #eeeeee;
    border-bottom: 1px solid #b7b1b2;
    display: flex;
}
.aammrr {
    display : table;
    width: 8%;
    margin-right: 4px;
    text-align: right;
}
.mmrrla{
    display : table-cell;
    vertical-align: middle;
    font-size:12px; 
}

/*file css sample*/
/*div#gbody_grdFile {
    height: 110px !important;
}*/
div#gview_grdFile {
    min-height: 110px !important;
  /*  max-height: 110px !important; */
/*    border-bottom: 1px solid #b7b1b2; */
    border-bottom: 1px solid #eeeeee;
}
div#gbox_grdFile {
    border-top: none !important;
    border-bottom: none !important;
    margin-bottom: 0px !important;
    min-height: 110px !important;
}

.pmbttdiv {
    padding: 10px;
    padding-top: 28px;  
}
.filela {
    background: #eeeeee;
    padding: 8px;
    font-weight: 700;
    padding-left: 10px;
    color: #222222;
    font-size: 12px !important;
}
.filediv {
    border-top: 2px solid #b9b9b9 !important;
    border-radius: 2px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ui-widget-content-grid {
    border-top: 2px solid #b9b9b9 !important;
} 
/* 그리드 섬머리 넓이 */
.ui-wizgrid-sdiv { 
    width: 100% !important;
}


input[type="checkbox"] {
    width: 14px;
    height: 14px;
    accent-color: #8e84ff;
}
[id*='_ImgDate_popup']{
    cursor: pointer;
     width: 16px !important;
     height: 16px !important;
 }
 

 .printline {
    page-break-after: always;
}
.headstops{
    position: sticky;
    background: white;
    top: 0px;
    z-index: 1;
    }

/*******************@@@@모바일버전만 이 아래로@@*************************/
@media (max-width: 520px) {
    .pad10 {
        padding: 0px !important;
    }
    .lindiv {
        /* width: 100%; */
        height: calc(100vh - 60px);
        overflow: initial;
    }
    img#prcess_Loading {
        left: calc(43%) !important;
    }
    .mmrrla{
        display : table-cell;
        vertical-align: middle;
        font-size:10px; 
    }
    
    .sub-content {
        overflow: none;
        height: auto;
        padding-right: 0px;
    }
    
    .searchbtt {
        margin-top: 6px;
        margin-left: 0px;
    }
    .btween {
        display: block;
        justify-content: space-between;
    }
    .layfull{
        font-size: 10px;
    }
    .textarea{
        font-size: 10px;
    }
    .th-defaults2 {
        background: #eeeeee;
        width: 0%;
        padding: 5px;
        color: #565656;
        font-weight: bolder;
        border-bottom: none;
        border: 1px solid #e1dfdfa3;
        border-top: none;
        border-left: none;
        border-right: none;
        overflow: hidden;
        white-space: nowrap;
    }   
    .th-defaults {
        background: #eeeeee;
        width: 10%;
        padding: 10px;
        color: #565656;
        font-weight: bolder;
        border-bottom: none;
        border: 1px solid #e1dfdfa3;
        border-top: none;
        border-left: none;
        border-right: none;
        overflow: hidden;
        white-space: nowrap;
        display: none;
    }
    .lec-tables {
        background: #dbd8fe;
        background: #ffffff;
        padding: 3px;
        color: #565656;
        font-size: 10px;
        text-align: left;
        border: 1px solid #e1dfdfa3;
        border-left: none;
        border-right: none;
        border-top: none;
        width: 33%;
    }    
   div[id*="_gdiv"] {
    overflow: auto;
    /*border: 1px solid gainsboro; */
    } 
    div[id^="gbox_"] {
        min-width: 700px;
    }  
    div[id^="paginate_"] {
        margin-top: 5px;
    }   
    div[id^="gbody_"]{
        overflow: auto;
        margin-bottom: 10px;
        border-bottom: 1px solid #b9b9b9;
        max-height: 350px;
    }
    input[id^="checkbox_grid"]{

    }    
    .title {
        font-size: 19px;
        color: #15193c;
        font-weight: bolder;
    }
    .btnl {
        font-weight: bolder;
        background: white;
        border-radius: 5px;
        padding: 5px 10px 5px 10px;
        font-size: 10px;
        border: 1px solid #2a153c;
    }
    /* 제목 폰트*/
    .hl2 {
        padding: 0px 0px 10px 0px;
        border-bottom: 2px solid #8e84ff;
        font-weight: bolder;
        font-size: 21px;
    }
    /* 그리드 헤더 폰트*/
    .ui-wizgrid .ui-wizgrid-sortable {
        cursor: pointer;
        font-family: "KopubR","NotoSans", sans-serif;
        font-weight: bold;
        font-size: 12px;
    }
    /* 그리드 바디 폰트*/
    .ui-wizgrid tr.wizgrow td {
        /* font-weight: 700 !important; */
        height: 35px !important;
        font-size: 12px ;
    }
    .lbf{
    
        display: none;
    }
    .serachin {
        border: none;
        width: 100%;
        padding: 4px;
        margin-right: 2px;
        font-size: 10px;
    }
    .mbnone{
        display: none;
    }
    .layoutla {
        background: #eeeeee;
        color: black;
        font-size: 10px;
        font-weight: 600;
        width: 100%;
        padding-left: 5px;
        padding-top: 8px;
        padding-bottom: 8px;
        border-radius: 3px;
		white-space: nowrap;
    }
    .linput {
        border-radius: 4px;
        border: 1px solid #cbcbcb;
        width: 135px;
        padding: 4px;
        font-size: 10px;
    }
    .licom{
        width: 80px;
        margin-right: 5px;
        font-size: 10px;
    }
    .layoutin {
        font-size: 10px !important;
    }
    .width96 {
        width: 40% !important;
    }
    .ui-widget {
        font-family: 'Nanum Barun Gothic','Nanum Gothic','Malgun Gothic',Arial,Dotum,Gulim,Verdana,Tahoma,sans-serif,NotoSansCJKKR;
        font-size: 10px;
     /*   min-width: 700px; */ 
        border-bottom: none;
    }
    .w40 {
        width: 48% !important;
    }

    .disgrid{
        display: block !important;
        justify-content: center;
        align-items: center;
        justify-items: center;
        align-content: space-between; 
    }
    .navla {
        font-size: 11px;
        display: none;
    }
	.main-btn {
		width: 100% !important; 
	}
    .headstop{
    position: sticky;
    background: white;
    top: 0px;
    z-index: 1;
    }

    div[id^="calendar_"] > input[type='text'].hasDatepicker {
        font-size: 10px;
    }
    .licom2 {
        width: 80px;
        margin-right: 5px;
        font-size: 10px !important;
    }
    .pmbttdiv {
        /* padding: 10px; */
        padding-top: 28px;
        /* padding-right: 12px; */
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: space-between;
        align-items: center;
        padding-right: 10px;
    }
    /*file*/
    div#grdFile_gdiv {
        height: 143px;
    }

     /*pop*/
     .th-defaultp {
        font-size: 10px;
    }   
    .inputstylep {
        font-size: 10px;
    }
    body::-webkit-scrollbar {
        width: 0px;
    }
    .th-defaultp {
        width: 29%;
    }
    .mr20{
        margin-right: 5px;
    }
	.mwh20{
		width: 20% !important;
	}
	.mwh25{
		width: 25% !important;
	}
	.mwh30{
		width: 30% !important;
	}
	.mwh35{
		width: 35% !important;
	}
	.mwh40{
		width: 40% !important;
	}
	.mwh45{
		width: 45% !important;
	}
	.mwh50{
		width: 50% !important;
	}
	.mwh60{
		width: 60% !important;
	}
	.mwh70{
		width: 70% !important;
	}
	.mwh100{
		width: 100% !important;
	}
    /*버튼 */
/*
    .savei::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/save.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .deli::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/recycle.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .searchi::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/searchi.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .newi::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/newi.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .listi::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/listi.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .oki::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/oki.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .cpi::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/cpi.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .chgi::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/chgi.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .prti::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/prti.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .addi::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/add.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .mnusi::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/mnus.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .rei::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/rei.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .user1::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/user1.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .user2::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/user2.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }  
    */
	
	/*엑셀다운로드 버튼 숨기기(모바일) */
	.excel {
	    display: none;
    }
   /******************************end media*/ 
    }
    




/*팝업크기*/
@media (max-width: 1000px) {
    .sub-content {
        overflow: none;
        height: auto;
        padding-right: 0px;
    }
    .navla {
        display: none;    
    }
 
}


/*버튼크기*/
@media (max-width: 1200px) {
   .btnl {
        font-weight: bolder;
        background: white;
        border-radius: 5px;
        padding: 5px 10px 5px 10px;
        font-size: 10px;
        border: 1px solid #2a153c;
    }    
    .savei::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/save.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .deli::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/recycle.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .searchi::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/searchi.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .newi::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/newi.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .listi::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/listi.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .oki::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/oki.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .cpi::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/cpi.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .chgi::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/chgi.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .prti::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/prti.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .addi::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/add.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .mnusi::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/mnus.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .rei::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/rei.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .user1::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/user1.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;
    }
    .user2::before {
        content: "";
        background-size: 14px 14px !important;
        display: inline-block;
        background: url(../img/user2.png);
        width: 14px;
        height: 14px;
        vertical-align: text-top;    
    }
}


@media print {

    
 
@page {
        size:210mm 297mm; 
        margin:5mm;
        
       }
       

    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact; 
    }

    .body-container {
        height: auto;
    }

    body, html {
        margin:5;
        padding:5;    
        height: auto;
        overflow-x: hidden;
        overflow-y: hidden;
        font-size: 10px !important;
    }
    
    .sub-content {
        overflow: hidden;
        height: auto;
        padding-right: 0px;
    }
    
    .lindiv {
        height: auto;
        overflow: hidden;
    }   
    .lec-tables {
        padding: 0px;
        padding-left: 5px;
    }

    .Mtop-menu-container {
        display: none !important;
    }
    div#example2-i {
        display: none !important;
    }    
    .l {
        display: none !important;
    }
    .navla {
        display: none !important;
    }      
    .btnarea{
        display: none !important;       
    }    
    .searchbtt {
        display: none !important;
    }    
    div[id^="calendar_"] > button.ui-datepicker-trigger {
        display: none !important;
    }    
    .pmbttdiv {
        display: none !important;
    }    
    .ui-wizgrid .selected-row, div.ui-wizgrid .selected-row td {
        font-style: normal;
        border-left: 1px solid #b7b7b7;
        background: #ffffff;
        color: #666666;
        border-top: 0;
    }
    .lec-tables {
        font-size: 10px !important;
    }
    .null {
        background: #ffffff;
    }
    div[id^="calendar_"] > input[type='text'].hasDatepicker {
        font-size: 10px !important;   
        padding-left: 1px !important; 
        padding-right: 1px !important;    
    }
    div[id^="calendar_"] {
        font-size: 10px !important;    
    }  

    
    .printline {
        page-break-before: always;
    }

    .mmrrla{
        display : table-cell;
        vertical-align: middle;
        font-size:10px; 
    }  
    .ui-wizgrid .ui-wizgrid-bdiv {
        overflow: hidden;
    }
    .grd-edt {
        border: none !important;
        padding: 0px;
    }

    .layoutrow {
        border: none !important;
        font-size: 10px !important;
        padding: 0px !important;
        padding-left: 1px !important; 
        padding-right: 1px !important;
    }    
    .lec-table-row {
        padding-left: 1px !important; 
        padding-right: 1px !important;
        font-size: 10px !important;
    }
    div[id^="calendar_"] {
        border: none !important;
        font-size: 10px !important;
    }    
    .divinput {
        border: none !important;  
        font-size: 10px !important;
        padding-left: 1px !important; 
        padding-right: 1px !important;
    }
    .bttsearchdiv {
        border: none !important;  
        font-size: 10px !important;
    }
    .th-defaults2 {
        font-size: 10px !important;
    }    
    .ui-wizgrid .ui-wizgrid-sortable {
        font-size: 10px !important;
    }            
    .ui-state-default-grid, .ui-widget-content-grid .ui-state-default-grid, .ui-widget-header-grid .ui-state-default-grid {
        font-size: 10px !important;
    }            
    .ui-wizgrid tr.wizgrow td {
        font-size: 10px !important;
    }
    .ui-wizgrid .ui-wizgrid-view {
        font-size: 10px !important;
    }       
    .ui-widget {
        font-size:10px !important;
    } 
    div#gview_grdFile {
        min-height: 0px !important;
    }          
/*    
    .file-dropBox {
        display: none;
    }
    .filela {
        text-align: right;
        background: #ffffff;
    }
    .filediv {
        border: 0px solid #b9b9b9 !important;
        border-top: 2px solid #b9b9b9 !important;
        border-radius: 2px;
        margin-top: 20px;
        margin-bottom: 5px;
    }*/
}