html {
    overflow-x: hidden;
}

.ui-jqgrid-labels {
    height: 30px;
}

.ui-jqgrid tr.jqgrow td {
    height: 30px !important;
    font-size: 12px;
}

.ui-jqgrid-sortable {
    font-size: 12px;
    font-weight: bold;
}

.draggable.dragging {
    opacity: 0.5;
}

.modal-custom {
    height: 100%;
    max-width: none !important;
    margin: 0 !important;
}

.modal-content {
    height: 100%;
    border: none;
    border-radius: 0px;
    background: #f4f6f9;
    overflow-x: hidden;
}

/*#tab {
    max-height: calc(100vh - 144px);
    overflow-y: auto;
}*/

.btn-warning {
    width: 50px;
}

.ui-jqgrid tr.jqgrow td:not(:first-child) {
    padding-left: 10px;
    padding-right: 10px;
}

.ui-jqgrid tr.jqgrow td:last-child {
    width: 100%;
    /*border-right: 1.5px solid #dddddd;*/
}

.ui-jqgrid .ui-jqgrid-htable th.ui-th-column:not(:first-child) {
    text-align: left !important;
    padding-left: 10px;
}

.ui-jqgrid .ui-jqgrid-htable th:last-child {
    /*width: 100% !important;*/
}

.ui-jqgrid .ui-th-column-header {
    padding-left: 10px !important;
    font-size: 13px !important;
    font-weight: bold !important;
}

.modal-dialog:not(.modal-custom) .modal-content {
    height: auto;
}

.modal-open .modal-custom .modal {
    background-color: rgba(0, 0, 0, 0.5);
}

/*상단 고정*/
.main-header {
    position: sticky;
    top: 0;
}

.history-tabs-custom {
    position: sticky;
    top: 57px;
}

.history-tab-inner-container-wrap .content {
    padding-left: 8px;
    padding-right: 8px;
}

/*좌측 메뉴 사이드바 크롬*/
.ui-jqgrid-bdiv::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.ui-jqgrid-bdiv::-webkit-scrollbar-thumb {
    background-color: rgba(166, 173, 182, 0.69);
}

.ui-jqgrid-bdiv::webkit-scrollbar-track {
    background-color: rgba(200, 210, 218, 0.76);
}

/*페이징 가운데 정렬*/
.customPaginateBar {
    width: 100vw !important;
}


/* 그리드 테두리 수정 */
.ui-widget.ui-widget-content {
    border-right: none !important;
    border-left: none !important;
    border-bottom: none !important;
}

.ui-jqgrid tr.jqgfirstrow td {
    border-right-width: 0px !important;
}

/*정산 CSS 변경*/
.info-box.ver2 {
    width: 100%;
    margin-bottom: 7px;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 3px solid #6c757d;
    margin-right: 0;
}

.menu-open > .nav-link {
    background-color: #3C69DD !important;
    color: #fff !important;
}

.text-truncate-overflow {
    display: -webkit-box;
    vertical-align: middle;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /*border:none !important;*/
}

.custom-radio > input[type=radio]:disabled + label::after {
    background-color: #e9ecef !important;
}

.colWidth5{
    width: 5% !important;
}
.colWidth10{
    width: 10% !important;
}
.colWidth11{
    width: 11% !important;
}
.colWidth12{
    width: 12% !important;
}
.colWidth15{
    width: 15% !important;
}
.colWidth20{
    width: 20% !important;
}
.colWidth22p5{
    width: 22.5% !important;
}
.colWidth25{
    width: 25% !important;
}
.colWidth30{
    width: 30% !important;
}
.colWidth35{
    width: 35% !important;
}
.colWidth40{
    width: 40% !important;
}
.colWidth45{
    width: 45% !important;
}
.colWidth70{
    width: 70% !important;
}
.colWidth75{
    width: 75% !important;
}
.colWidth80{
    width: 80% !important;
}
.colWidth85{
    width: 85% !important;
}
.colWidth100{
    width: 100% !important;
}
.colWidth20px{
    width: 20px !important;
}
.colWidth30px{
    width: 30px !important;
}
.colWidth40px{
    width: 40px !important;
}
.colWidth50px{
    width: 50px !important;
}
.colWidth60px{
    width: 60px !important;
}
.colWidth80px{
    width: 80px !important;
}
.colWidth90px{
    width: 90px !important;
}
.colWidth100px{
    width: 100px !important;
}
.colWidth120px{
    width: 120px !important;
}
.colWidth130px{
    width: 130px !important;
}
.colWidth180px{
    width: 180px !important;
}
.colWidth200px{
    width: 200px !important;
}
.colWidth250px{
    width: 250px !important;
}
.colWidth280px{
    width: 280px !important;
}
.colWidthAuto{
    width: auto !important;
}
.memoSaveBtn{
    float: right !important;
}

.cardBlock{
    display: block !important;
}

.maxWidth700AndMaxHeigh400{
    max-width: 700px !important;
    max-height: 400px !important;
}

.fontSize15AndColorWhitesomke{
    font-size: 15px !important;
    color: whitesmoke !important;
}

.errorPageBtn{
    text-decoration: none !important;
    cursor: pointer !important;
}
.modalMinWidth40{
    min-width: 40% !important;
}
.modalMinWidth80{
    min-width: 80% !important;
}
.spanLineHeight26{
    ine-height: 26px !important;
}
.aTagPointer{
    cursor: pointer !important;
}
.modalHeightAuto{
    height: auto !important;
}
.displayBlock{
    display:block !important;
}
.minHeight100px{
    min-height: 100px !important;
}
.minHeight550px{
    min-height: 550px !important;
}
.verticalAlignTop{
    vertical-align:top !important;
}
.imageModalContent{
    width:1000px !important;
    height: 1000px !important;
    left: -50% !important;
}
.paddingTop16px{
    padding-top: 16px !important;
}
.cardBodyPositionAndheight{
    position: relative !important;
    height:330px !important;
}
.serchBtnWidth100AndML10px{
    width:100px !important;
    margin-left: 10px !important;
}

.width570pxAndMarginTop6px{
    width: 570px; !important;
    margin-top: 6px; !important;
}

.cursorAndRoyalblue{
    cursor: pointer !important;
    color: royalblue !important;
}

.hoverTableColor{
    background-color:rgba(0, 0, 0, 0.03) !important;
}
.codeTable td{
    height: 32px !important;
}
.codeTableWrap{
    height: 355px !important;
    overflow-y: auto !important;
}

.height32px{
    height: 32px !important;
}
.height330px{
    height: 330px !important;
}