body {
    font-family: 'Malgun Gothic', 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/***** view ******/
input[readonly].form-control, textarea[readonly].form-control {
    background-color: #fafafa;
}

/********************* Grid *************************/

.ui-jqgrid .ui-jqgrid-view {
    font-size: 13px;
    font-family: 'Malgun Gothic', 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.ui-jqgrid tr.jqgrow td {
    padding-top: 3px;
    padding-bottom: 3px;
}


.ui-jqgrid .ui-jqgrid-toppager {
    height: 30px !important;
}

/********************* Btn *************************/
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }

/******************** Form ***************************/
.btn, .form-control, .single-line { font-size: 13px; } /* <-- 14px */
.form-control { padding: 0px 6px; height: 30px; } /* <-- 6px 12px / 34px*/
label { margin-right: 4px; }    /* <-- 0 */
.wrapper-content { padding: 10px 0; margin-left: -10px; margin-right: -5px; }
/*.ibox { margin-bottom: 7px; margin-left: 5px; }*/
/*.ibox-content { padding: 7px 10px; }*/
/*#jqGrid_wrapper {
    padding: 0;
    margin: 0;
}*/

#form-page-wrapper {
    position: inherit;
    margin: 0 0 0 0;
    width: 100%;
    /* min-height: 1000px; */
    padding: 0 10px;
}

.radio label, .checkbox label { padding-left: 0px; }

.form-control.error { border-style: solid; }

.errormsg { color:red; display:block; font-size: 12px; }
.errorbox { border:red solid 1px; }

/******************** Navbar **********************/
.page-heading { padding-bottom: 10px; }
.navbar { min-height: 0; }
.minimalize-styl-2 { margin: 5px; }
.navbar-top-links li a { padding: 10px 10px; min-height: 0; }
.page-heading { padding: 5px; }
.page-heading h2 { margin-top: 10px; }

/********************** Color ******************/
.yellow { color: yellow; }
.red { color: red; }
.blue { color: blue; }

/********************** Autocomplete style for Bootstrap *********************/
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item>a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

/*s 파일 업로드 관련*/
.file-upload {
    background-color: #ffffff;
    padding: 20px;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.image-upload-wrap {
    margin-top: 20px;
    position: relative;
}

/*e 파일 업로드 관련*/

/*jqgrid 셀 선택시*/
.ui-state-hover {
    color: black;
}

.grid-yellow {
    background-color: #ffff00 !important;
}

.grid-green {
    background-color: #00ff00 !important;
}

.grid-red {
    background-color: #ff0000 !important;
}

.grid-padding-left{
    padding-left: 7px !important;
}

.grid-padding-right{
    padding-right: 7px !important;
}

.evaluate-selector {
    /*display: block;*/
    /*width: 100%;*/
    margin-left: 10px;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.evaluate-selector option[disabled] {
    background-color: #ced4da;
}

.evaluate-margin {
    margin-top: 5px;
    margin-bottom: 5px;
}

.a-block {
    pointer-events: none;
}

.default-image-wh {
    width: 32vw !important;
    height: 22vw !important;
}

.portrait-image-wh {
    width: 25vw !important;
    height: 30vw !important;
}

.default-padding {
    padding-top: 40px;
}

.portrait-padding {
    padding-top: 85px;
}

.table.table-bordered.text-center.table-custom th,
.table.table-bordered.text-center.table-custom td {
    vertical-align: middle;
}

.table.table-bordered.text-center.table-custom .table-td {
    width: 93px;
}

.w50 {
    width: 50px !important;
}
.w60 {
    width: 60px !important;
}
.w70 {
    width: 70px !important;
}
.w85 {
    width: 85px !important;
}
.w150 {
    width: 150px !important;
}
.w200 {
    width: 200px !important;
}
.w500 {
    width: 500px !important;
}
.w520 {
    width: 520px !important;
}

select:disabled {
    -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
}

select:disabled ~.select2 .select2-selection__arrow {
    display: none;
}

.fs16 {
    font-size: 16px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs24 {
    font-size: 24px !important;
}

.fs32 {
    font-size: 32px !important;
}

.mt2{
    margin-top: 2%;
}

.ml1-6{
    margin-left: 1.6%;
}

.ml2{
    margin-left: 2%;
}

.mt3{
    margin-top: 3%;
}

.mx-width{
    max-width: 15.5%;
}

.mr19{
    margin-left: 19px;
}
.ui-jqgrid-btable .ui-state-highlight { background: #FBF9EE; }

/*
레이아웃 고정
 */
.table-fixed {
    width: 100%;
    table-layout: fixed;
}

/*
줄바꿈 방지
 */
.table-fixed th, .table-fixed td {
    overflow: hidden;
    white-space: nowrap;
}

.blank-cell{
    background-color: #EDEDED;
}

.border-top-double{
    border-top: double 3px #DDDDDD;
}
.table-header, .table-cell {
    line-height: 0.5 !important;
    border: 1px solid #DDDDDD !important;
    color: #676a6c;
}

.table-header{
    background: #FFFFFF !important;
}

.input_sub_process{
    min-width: 100px !important;
}

@media print {
    .row.none-print, .font-bold.none-print {
        display: none;
    }

   /* body {
        zoom: 0.88; !*배율*!
    }*/

    .page-break {
        break-before: page; /* 페이지 나누기 */
    }

    .table-cell.blank-cell {
        background-color: #EDEDED !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .table-cell.blank-cell,
    .table-cell.title.grid-padding-left,
    .table-cell.text-right.grid-padding-right,
    .table-cell.font-bold.align-content-start {
        border: 1px solid #DDDDDD !important;
    }

    .table th, .table td {
        border: 1px solid #DDDDDD !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .table.table-bordered thead th {
        border: 1px solid #DDDDDD !important;
    }
}
.print-label {
    align-content: center;
}

.supplier-name{
    position: relative;
    bottom: 20px;
    width: 200px;
    font-size: 15px;
    font-weight: 800;
}

.qr-bg {
    /* Image */
    position: absolute;
    height: 465px;
    z-index: 1;
}

#qr-img{
    width: 100%;
}

.qr-label {
    width: 200px;
    text-align: center;
    justify-items: center;
    z-index: 10;
    margin-left: 48px;
    margin-top: 150px;
}