@font-face {
    font-family: 'Glyphicons Halflings';
    src: url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot");
    src: url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff") format("woff"), url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg")
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.ttf") format("truetype")
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.ttf") format("truetype")
}

body {
    font-family: 'Noto Sans KR', sans-serif;
}

select {
    appearance: auto !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: .3rem .5rem !important;
}

    select option {
        padding: 3px 0 !important;
        font-size: 16px !important;
        border-radius: 0 !important;
    }

    select.custom-select {
        appearance: none !important;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

input[type=checkbox],
input[type=radio] {
    accent-color: cadetblue;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-euro:before, .glyphicon-eur:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

.function-icon-zoom {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/Assets/images/function-icon-zoom.svg) 0 0 no-repeat;
    border: none;
}

.function-icon-pen {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/Assets/images/function-icon-pen.svg) 0 0 no-repeat;
    border: none;
}

.text-light-green {
    color: #00AF8E;
}

.badge-light-green {
    color: #fff;
    background-color: #26B99A;
    border-color: #19A388;
    font-weight: normal;
}

.btn-light-green {
    color: #fff;
    background-color: #26B99A;
    border-color: #19A388;
}

.btn-more-light-green {
    background-color: #B4E8DD;
    color: #fff;
    border: 1px solid #8BD6C8;
}

.btn-setting {
    background: url(/Assets/images/icon-setting.svg) 0 0 no-repeat;
    background-size: 24px 25px;
    width: 24px;
    height: 25px;
}

.btn-item-remove {
    background: url(/Assets/images/icon-remove.svg) 0 0 no-repeat;
    background-size: 13px 18px;
    width: 14px;
    height: 19px;
    padding: 0;
    font-size: 0;
    border-radius: 0;
    border: none;
}

.custom-control-checkbox {
    width: 20px;
    height: 20px;
}

    .custom-control-checkbox:checked {
        color: #fff;
        border-color: #26B99A;
        background-color: #26B99A !important;
    }

.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:disabled:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #26B99A;
    background-color: #26B99A !important;
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-control-label::after {
    position: absolute;
    top: .22rem;
    left: -1.6rem;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.icon {
    display: inline-block;
}

.icon-import {
    background: url(/Assets/images/icon-import.svg) 0 0 no-repeat;
    width: 18px;
    height: 17px;
    background-size: 18px 17px;
}

.icon-import-notice {
    background: url(/Assets/images/icon-import-notice.svg) 0 0 no-repeat;
    width: 18px;
    height: 17px;
    background-size: 18px 17px;
}

.icon-import-info {
    background: url(/Assets/images/icon-import-info.svg) 0 0 no-repeat;
    width: 18px;
    height: 17px;
    background-size: 18px 17px;
}

.icon-import-success {
    background: url(/Assets/images/icon-import-success.svg) 0 0 no-repeat;
    width: 18px;
    height: 17px;
    background-size: 18px 17px;
}

.icon-import-error {
    background: url(/Assets/images/icon-import-error.svg) 0 0 no-repeat;
    width: 18px;
    height: 17px;
    background-size: 18px 17px;
}

.icon-export {
    background: url(/Assets/images/icon-export.svg) 0 0 no-repeat;
    width: 18px;
    height: 17px;
    background-size: 18px 17px;
}

.icon-export-notice {
    background: url(/Assets/images/icon-export-notice.svg) 0 0 no-repeat;
    width: 18px;
    height: 17px;
    background-size: 18px 17px;
}

.icon-export-info {
    background: url(/Assets/images/icon-export-info.svg) 0 0 no-repeat;
    width: 18px;
    height: 17px;
    background-size: 18px 17px;
}

.icon-export-success {
    background: url(/Assets/images/icon-export-success.svg) 0 0 no-repeat;
    width: 18px;
    height: 17px;
    background-size: 18px 17px;
}

.icon-export-error {
    background: url(/Assets/images/icon-export-error.svg) 0 0 no-repeat;
    width: 18px;
    height: 17px;
    background-size: 18px 17px;
}

.icon-import-price {
    background: url(/Assets/images/icon-import-price.svg) 0 0 no-repeat;
    width: 19px;
    height: 17px;
    background-size: 19px 17px;
}

.icon-export-price {
    background: url(/Assets/images/icon-export-price.svg) 0 0 no-repeat;
    width: 19px;
    height: 17px;
    background-size: 19px 17px;
}

.icon-stock {
    background: url(/Assets/images/icon-stock.svg) 0 0 no-repeat;
    width: 19px;
    height: 19px;
    background-size: 19px 19px;
}

.icon-price {
    background: url(/Assets/images/icon-price.svg) 0 0 no-repeat;
    width: 20px;
    height: 17px;
    background-size: 20px 17px;
}

.icon-calendar {
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url(/Assets/images/icon-calender.svg);
    background-size: 14px 16px;
}

.icon-zoom {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/Assets/images/icon-zoom.svg);
    background-size: 17px 17px;
}

.icon-pencil {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/Assets/images/icon-pencil.svg);
    background-size: 17px 17px;
}

.icon-save {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/Assets/images/icon-save.svg);
    background-size: 16px 16px;
}



.icon-lock {
    background: url(/Assets/images/icon-lock.svg) 0 0 no-repeat;
    width: 14px;
    height: 21px;
    background-size: 14px 21px;
}

.icon-logout {
    background: url(/Assets/images/icon-logout.svg) 0 0 no-repeat;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
}



.container {
    /*min-width: 1820px;*/
    width: 100%;
    padding: 0;
    max-width: 100%
}

.main_container {
    min-width: 1280px;
    position: relative;
}

.table-non-outer {
    border: none;
    border-top: 2px solid #E3E3E3;
    border-bottom: 2px solid #E3E3E3;
}

    .table-non-outer th:first-child {
        border-left: 0;
    }

    .table-non-outer th:last-child {
        border-right: 0;
    }

    .table-non-outer td:first-child {
        border-left: 0;
    }

    .table-non-outer td:last-child {
        border-right: 0;
    }

.row-white {
    background: #FFFFFF;
    padding: 20px 72px;
}

.row-gray {
    background: #F9FAFC;
    padding: 0 72px;
    border-bottom: 1px solid #CFCFCF;
}

.nav-sm .container.body .col-md-3.left_col {
    min-height: 100%;
    padding: 0;
    position: absolute;
    z-index: 590;
    background: #2A3F54;
    min-height: 100%;
    height: 100%;
    width: 70px;
    padding: 0;
    z-index: 9999;
}

.nav-sm .left_col {
    background: #172d44;
}

.nav-md .container.body .col-md-3.left_col {
}

.nav-sm .nav.side-menu > li {
    height: 69px;
}

.nav-sm .nav .icon {
    position: relative;
    left: -1px;
    top: -7px !important;
}

.nav-sm .container.body .col-md-3.left_col.menu_fixed {
    position: fixed;
    height: 100%
}

.nav-sm .container.body .col-md-3.left_col .mCSB_container, .nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
    overflow: visible
}

.nav-sm .hidden-small {
    width: 70px;
    flex-direction: column;
    /*    visibility: hidden*/
}

    .nav-sm .hidden-small a .label {
        display: none;
    }

    .nav-sm .hidden-small a .label {
        display: none;
    }

    .nav-sm .hidden-small .tooltip.show {
    }

.tooltip.show {
    z-index: 10000;
}


.nav-sm .container.body .right_col {
    padding: 10px 20px;
    margin-left: 70px;
    z-index: 2;
}

.nav-sm .navbar.nav_title {
    width: 70px;
    /*height: 119px;*/
    height: 80px;
}


    .nav-sm .navbar.nav_title a span {
        display: none
    }

.nav-sm .main_container .top_nav {
    display: block;
    margin-left: 70px;
    z-index: 2
}

.nav-sm .nav.side-menu li a {
    text-align: center !important;
    font-weight: 400;
    font-size: 14px;
    padding: 10px 5px
}

.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm {
    border-right: 5px solid #1ABB9C
}

    .nav-sm ul.nav.child_menu ul, .nav-sm .nav.side-menu li.active-sm ul ul {
        position: static;
        width: 200px;
        background: none
    }

.nav-sm > .nav.side-menu > li.active-sm > a {
    color: #1ABB9C !important
}

.nav-sm .nav.side-menu li a i.toggle-up {
    display: none !important
}

.nav-sm .nav.side-menu li a i {
    font-size: 25px !important;
    text-align: center;
    width: 38px;
    height: 38px;
    margin-bottom: 0;
    margin-left: -52px;
    flex: 0 0 auto;
}

.nav-sm ul.nav.child_menu {
    left: 100%;
    position: absolute;
    top: 0;
    width: 210px;
    z-index: 4000;
    background: #3E5367;
    display: none
}

    .nav-sm ul.nav.child_menu li {
        padding: 0 10px
    }

        .nav-sm ul.nav.child_menu li a {
            text-align: left !important
        }

.nav-sm .profile {
    display: none
}

.menu_section {
    margin-bottom: 0;
    background: #2A3F54;
    height: 100%;
    box-sizing: border-box;
}

    .menu_section h3 {
        padding-left: 23px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .5px;
        font-weight: bold;
        font-size: 11px;
        margin-bottom: 0;
        margin-top: 0;
        text-shadow: 1px 1px #000
    }

    .menu_section > ul {
        padding-top: 10px;
        display: block;
        background: #2A3F54;
    }

.profile_pic {
    width: 35%;
    float: left
}

.img-circle.profile_img {
    width: 70%;
    background: #fff;
    margin-left: 15%;
    z-index: 1000;
    position: inherit;
    margin-top: 20px;
    border: 1px solid rgba(52, 73, 94, 0.44);
    padding: 4px
}

.profile_info {
    padding: 25px 10px 10px;
    width: 65%;
    float: left
}

    .profile_info span {
        font-size: 13px;
        line-height: 30px;
        color: #BAB8B8
    }

    .profile_info h2 {
        font-size: 14px;
        color: #ECF0F1;
        margin: 0;
        font-weight: 300
    }

.profile.img_2 {
    text-align: center
}

    .profile.img_2 .profile_pic {
        width: 100%
    }

        .profile.img_2 .profile_pic .img-circle.profile_img {
            width: 50%;
            margin: 10px 0 0
        }

    .profile.img_2 .profile_info {
        padding: 15px 10px 0;
        width: 100%;
        margin-bottom: 10px;
        float: left
    }

.main_menu span.fa {
    float: right;
    text-align: center;
    margin-top: 0;
    margin-left: auto;
    font-size: 10px;
    min-width: inherit;
    color: #C4CFDA
}

.active a span.fa {
    text-align: right !important;
    margin-right: 4px
}

.nav-sm .menu_section {
    margin: 0;
    margin-bottom: 100px;
}

    .nav-sm span.fa, .nav-sm .menu_section h3 {
        display: none
    }

.nav-sm li li span.fa {
    display: inline-block
}

.nav_menu {
    float: left;
    background: #FFFFFF;
    border-bottom: 1px solid #D9DEE4;
    /*margin-bottom: 10px;*/
    width: 100%;
    position: relative;
    /*padding: 0px 0px 9px 0px;*/
}

.info-number .badge {
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
    padding: 2px 6px;
    position: absolute;
    right: -2px;
    top: -8px
}

@media (min-width: 480px) {
    .nav_menu {
        position: static
    }

    .item {
        display: block
    }
}

.nav-md .container.body .col-md-3.left_col {
    min-height: 100%;
    /*width: 230px;*/
    width: 250px;
    padding: 0;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 590;
    background: #2A3F54
}



body .container {
    overflow-x: hidden;
}

    .nav-md .container.body .right_col, body.nav-sm .container.body .right_col, body .container.body .right_col {
        background: #F9FAFC;
        padding-top: 80px !important;
    }

    body .container.body .right_col {
        background: #F7F7F7
    }

.nav-md .container.body .right_col {
    padding: 10px 0 0;
    /*margin-left: 230px;*/
    margin-left: 250px;
}

.nav-md .container.body.white-body .right_col {
    background: #fff;
}

.nav_title {
    /*width: 230px;*/
    width: 260px; /*menu Badge 추가로 메뉴명 줄바뀜으로 사이즈 늘림. 2022/12/15*/
    float: left;
    background: #2A3F54;
    border-radius: 0;
    /*height: 109px;*/
    height: 80px;
    padding: 0px;
    border-bottom: 1px solid #fff;
}



.container {
    width: 100%;
    padding: 0;
    max-width: 100%
}

.navbar-nav > li > a, .navbar-brand, .navbar-nav > li > a {
    color: #fff !important
}

body {
    color: #73879C;
    background: #2A3F54;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.471
}

.main_container .top_nav {
    display: block;
    /*margin-left: 230px;*/
    margin-left: 250px;
}



.navbar-header {
    background: #34495E
}

.navbar-right {
    margin-right: 0
}



.top_nav .navbar-left {
    display: flex;
    width: auto;
    list-style: none;
    padding: 0;
    margin-left: 0;
    margin: 0;
    margin-top: 15px;
}

    .top_nav .navbar-left li {
        cursor: pointer;
        display: flex;
        align-items: center;
        font-size: 20px;
        color: #0F2F3C;
        font-weight: 700;
        margin-right: 25px;
        height: 50px;
        padding: 10px 18px;
    }

        .top_nav .navbar-left li .close {
            color: #0F2F3C;
            opacity: 1;
            margin-left: 4px;
        }

        .top_nav .navbar-left li:hover {
            color: #00AF8E;
        }

            .top_nav .navbar-left li:hover .close {
                color: #00AF8E;
            }

                .top_nav .navbar-left li:hover .close:hover {
                    opacity: 1;
                }


        .top_nav .navbar-left li.active {
            background: #00AF8E;
            color: #FFFFFF;
        }

            .top_nav .navbar-left li.active .close {
                color: #FFFFFF;
            }

.top_nav .navbar-right {
    margin: 13px;
    width: auto;
    margin-left: auto;
}

    .top_nav .navbar-right li {
        display: inline-block;
        position: static
    }

    .top_nav .navbar-right li {
        border-left: 2px solid #CFCFCF;
        padding: 8px 0 8px 44px;
    }

        .top_nav .navbar-right li .username {
            color: #4D4D4D;
            position: relative;
        }

            .top_nav .navbar-right li .username:before {
                content: "";
                display: inline-block;
                width: 7px;
                height: 7px;
                background: #00AF8E;
                border-radius: 50%;
                position: absolute;
                top: 4px;
                left: -14px;
            }

        .top_nav .navbar-right li .date {
            color: #AAAAAA;
        }


.top_nav .dropdown-menu li {
    width: 100%
}

.dropdown-item {
    width: 100%;
    padding: 12px 20px
}

.top_nav li a i {
    font-size: 15px
}

.navbar-static-top {
    position: fixed;
    top: 0;
    width: 100%
}

.sidebar-header {
    border-bottom: 0;
    margin-top: 46px
}

    .sidebar-header:first-of-type {
        margin-top: 0
    }

.nav > li {
    position: relative;
    display: block
}

.nav.side-menu > li {
    position: relative;
    display: block;
    cursor: pointer;
    box-sizing: border-box;
}

    .nav.side-menu > li > a {
        margin-bottom: 6px
    }

        .nav.side-menu > li > a:hover {
            color: #F2F5F7 !important
        }

        .nav.side-menu > li > a:hover, .nav > li > a:focus {
            text-decoration: none;
            background: transparent
        }

.nav.child_menu {
    display: none
}

    .nav.child_menu li:hover, .nav.child_menu li.active {
        background-color: rgba(255, 255, 255, 0.06)
    }

    .nav.child_menu li {
        padding-left: 36px
    }

.nav-md ul.nav.child_menu li:before {
    background: #425668;
    bottom: auto;
    content: "";
    height: 8px;
    left: 23px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%
}

.nav-md ul.nav.child_menu li:after {
    border-left: 1px solid #425668;
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0
}

.nav-md ul.nav.child_menu li:last-child::after {
    bottom: 50%
}

.nav.side-menu > li > a, .nav.child_menu > li > a {
    color: #E7E7E7;
    font-weight: 500
}

.nav.child_menu li li:hover, .nav.child_menu li li.active {
    background: none
}

.nav.child_menu li li a:hover, .nav.child_menu li li a.active {
    color: #fff
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 13px 15px 12px
}

.nav.side-menu > li.current-page, .nav.side-menu > li.active {
    border-right: 5px solid #1ABB9C
}

.nav li.current-page {
    background: rgba(255, 255, 255, 0.05)
}

.nav li li li.current-page {
    background: none
}

.nav li li.current-page a {
    color: #fff
}

.nav.side-menu > li.active > a {
    text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#334556), to(#2C4257)), #2A3F54;
    background: linear-gradient(#334556, #2C4257), #2A3F54;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
    box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0
}


.site_title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 22px;
    width: 100%;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    display: block;
    /*line-height: 59px;
    height: 55px;*/
    margin: 0;
    padding-left: 24px
}

    .site_title:hover, .site_title:focus {
        text-decoration: none
    }

    .site_title .logo-text {
        margin-left: 10px;
    }

        .site_title .logo-text img {
            width: 141px;
            height: 28px;
        }

    .site_title .logo-icon {
        width: 40px;
        height: 40px;
    }

.nav-sm .site_title {
    padding-left: 14px;
    position: relative;
    /*top: -5px;*/
}

.nav.navbar-nav {
    flex-direction: row;
}

    .nav.navbar-nav > li > a {
        color: #515356 !important
    }

.nav.top_menu > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #34495E !important
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent
}


.toggle {
    float: left;
    margin: 0;
}

    .toggle a {
        padding: 10px 37px;
        margin: 0;
        cursor: pointer;
        margin-top: 15px;
    }


        .toggle a i {
            font-size: 31px
        }

.nav.child_menu > li > a {
    color: rgba(255, 255, 255, 0.75);
    font-size: 12px;
    padding: 9px
}





footer {
    min-width: 1280px;
    font-size: 12px;
    color: #A5A5A5;
    padding: 10px 20px;
    display: block
}

.footer_fixed footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: #2A3F54;
}

.sidebar-footer {
    bottom: 0px;
    clear: both;
    display: flex;
    padding: 5px 0 0 0;
    position: fixed;
    /*width: 230px;*/
    width: 260px;
    z-index: 1;
    background: #172D44;
    padding: 23px 0;
}

    .sidebar-footer a {
        padding: 7px 0 3px;
        text-align: center;
        width: 50%;
        display: block;
        background: #172D44;
        color: #73879C;
        text-decoration: none;
    }

        .sidebar-footer a:first-child {
            border-right: 1px solid #213F4B;
        }

.nav-sm {
    background: #172D44;
}

    .nav-sm .sidebar-footer {
        align-items: center;
        /*position: absolute;*/
        position: fixed;
    }

        .nav-sm .sidebar-footer a {
            padding: 10px 0 10px;
        }

            .nav-sm .sidebar-footer a:first-child {
                border-right: 0;
                border-bottom: 1px solid #213F4B;
            }

.sidebar-footer a .label {
    font-size: 15px;
    font-weight: 500;
    word-break: keep-all;
}

/* added */

.nav.side-menu > li > a, .nav.child_menu > li > a {
    display: flex;
    align-items: center;
}

.nav.side-menu > li > a {
    /*font-size: 18px;*/
    font-size: 16px;
}

.nav.child_menu > li > a {
    /*font-size: 16px;*/
    font-size: 13px;
    font-weight: 300;
}

#sidebar-menu {
    height: calc(100% - 119px);
    box-sizing: border-box;
    background: #172D44;
    padding-left: 62px;
    padding-right: 0;
}

#sidebar-menu {
}

.nav-sm #sidebar-menu {
    overflow: visible;
    margin-top: 10px;
}

#sidebar-menu::-webkit-scrollbar {
    width: 5px;
}

#sidebar-menu::-webkit-scrollbar-track {
    background-color: #ddd;
}

#sidebar-menu::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
}

.nav-sm .main_menu .label {
    /*text-indent: -9999em;*/
    display: none;
}

.main_menu .label {
    padding-left: 40px;
}

.nav-sm .main_menu .badge {
    display: none;
}

.nav .icon {
    width: 38px;
    height: 38px;
    background-color: #0E2136;
    border-radius: 50%;
    margin-left: -72px;
}

.icon-dashboard {
    display: inline-block;
    background-image: url(/Assets/images/icon_dashboard.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 15px;
    height: 18px;
}


.icon-metering {
    display: inline-block;
    background-image: url(/Assets/images/icon_metering.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 15px;
    height: 18px;
}

.icon-document {
    display: inline-block;
    background-image: url(/Assets/images/nav-icon-1.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 15px;
    height: 18px;
}

.icon-cart {
    display: inline-block;
    background-image: url(/Assets/images/nav-icon-2.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
}

.icon-bill {
    display: inline-block;
    background-image: url(/Assets/images/nav-icon-3.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

.icon-inventory {
    display: inline-block;
    background-image: url(/Assets/images/nav-icon-4.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 18px;
    height: 10px;
}

.icon-chart {
    display: inline-block;
    background-image: url(/Assets/images/nav-icon-5.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
}

.icon-setting {
    display: inline-block;
    background-image: url(/Assets/images/nav-icon-6.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 15px;
    height: 16px;
}

.icon-file-attach {
    width: 18px;
    height: 22px;
    display: inline-block;
    background-image: url(/Assets/images/icon-file-attach.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.icon-remove {
    background: url(/Assets/images/icon-remove.svg) 0 0 no-repeat;
    background-size: 13px 18px;
    width: 13px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}


.tile_stats_count {
    padding: 15px 24px;
    box-shadow: 0px 3px 6px #CAD0E0;
    background: #FFFFFF;
    margin-bottom: 33px;
}

    .tile_stats_count .count_title {
        font-size: 20px;
        color: #79AEA4;
        border-bottom: 2px solid #EBEDF2;
        font-weight: 700;
        padding: 5px 5px 7px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .tile_stats_count .count_title .unit {
            font-weight: normal;
        }

    .tile_stats_count .count {
        font-size: 30px;
        color: #73879C;
        line-height: 47px;
        font-weight: 700;
        font-family: 'Montserrat', sans-serif;
    }

    .tile_stats_count .count_bottom {
        font-weight: 500;
        font-size: 27px;
        color: #00755F;
        font-family: 'Montserrat', sans-serif;
        text-align: right;
        line-height: 66px;
        font-size: 30px;
        font-weight: 700;
    }

        .tile_stats_count .count_bottom.red {
            color: #BF0700;
        }

        .tile_stats_count .count_bottom .unit {
            font-family: 'Noto Sans KR', sans-serif;
            font-size: 22px;
            margin-left: 8px;
        }

.x_title {
    font-size: 20px;
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
    /*margin-bottom: 15px;*/
}

    .x_title h3 {
        color: #0F2F3C;
        font-weight: 700;
    }

.setting-item-button {
    position: absolute;
    top: 15px;
    right: 50px;
}

.setting-price-button {
    position: absolute;
    top: -5px;
    right: 64px;
}

.link_more {
    font-size: 13px;
    background: #EEEEEF;
    color: #808E94;
    padding: 4px 8px;
    border-radius: 5px;
}

.latest {
    padding: 10px 13px;
}

    .latest .x_title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0;
    }

        .latest .x_title h3 {
            font-size: 20px;
        }

    .latest .x_content {
        background: #F9FAFC;
    }

.latest-list {
    padding: 34px 41px 50px;
    border-bottom: 2px solid #CFCFCF;
    min-height: 310px;
}

    .latest-list li {
        font-size: 16px;
        color: #000000;
        display: flex;
        justify-content: space-between;
        margin-bottom: 22px;
        font-family: 'Spoqa Han Sans Neo', 'sans-serif';
    }

        .latest-list li .subject {
            display: flex;
            align-items: center;
        }

            .latest-list li .subject a {
                color: inherit;
            }

            .latest-list li .subject:before {
                display: inline-block;
                content: "";
                background: #000000;
                border-radius: 50%;
                width: 4px;
                height: 4px;
                margin-right: 10px;
            }

        .latest-list li .date {
            color: #5A5A5A;
        }

#dashboardSlide {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 13px;
}

    #dashboardSlide .carousel-indicators li {
        border: 1px solid #2D4C58;
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }

    #dashboardSlide .carousel-indicators .active {
        background: #2D4C58;
    }

    #dashboardSlide .carousel-control-next:focus, #dashboardSlide .carousel-control-next:hover, #dashboardSlide .carousel-control-prev:focus, .carousel-control-prev:hover {
        color: #BEC4D1;
    }

    #dashboardSlide .carousel-control-next {
        right: -18px;
        left: auto;
        width: auto;
    }

    #dashboardSlide .carousel-control-prev {
        left: -18px;
        right: auto;
        width: auto;
    }

    #dashboardSlide .carousel-inner {
        box-sizing: border-box;
        padding: 5px;
    }

    #dashboardSlide .carousel-control-prev-icon {
        background-image: url(/Assets/images/slide-arrow-left.svg);
    }

    #dashboardSlide .carousel-control-next-icon {
        background-image: url(/Assets/images/slide-arrow-right.svg);
    }

table thead th {
    font-size: 14px;
    font-weight: 500;
}

table tbody th {
    font-size: 16px;
    color: #484848;
    font-weight: 500;
    text-align: center;
}

table tbody td.align-right {
    text-align: right;
}

table.table-light-sky-header thead {
    background: #E6EBF1;
}

    table.table-light-sky-header thead th {
        border-right: 1px solid #FFFFFF;
        border-top: none;
        border-bottom: none;
        text-align: center;
        color: #73879C;
    }

        table.table-light-sky-header thead th:last-child {
            border-right: none;
        }

table.table-light-sky-header tbody tr {
    border-bottom: 1px solid #E6EBF1;
}

table.table-light-sky-header tbody th {
    border-right: 1px solid #E6EBF1;
}

table.table-light-sky-header tbody tr:first-child td,
table.table-light-sky-header tbody tr:first-child th {
    border-top: none;
}

table.table-light-sky-header tbody th,
table.table-light-sky-header tbody td {
    font-size: 16px;
    color: #484848;
    border-right: 1px solid #E6EBF1;
    padding: 0.5rem !important;
}

.latest-table {
    padding: 13px 18px;
}


.login {
    padding: 170px 0 60px;
}

    .login .logo {
        margin-bottom: 3rem !important;
    }

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    font-size: 16px;
    line-height: 1.25;
    color: #5A5A5A;
    background-color: transparent;
    border: none;
}

    .page-link:hover {
        z-index: 2;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
    }

.custom-file {
    width: 400px;
    height: 38px;
}

.custom-file-input {
    width: 100%;
    height: 38px;
}

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "파일찾기";
    }

.custom-file-label {
    height: 38px;
    margin-bottom: 0;
}

.common-file-upload .custom-file-label {
    font-size: 14px;
}

    .common-file-upload .custom-file-label::after {
        width: 94px;
        top: 0;
        /*right: -88px;*/
        right: 0px;
        bottom: 0;
        z-index: 3;
        display: block;
        height: 37px;
        padding: .375rem 0;
        text-align: center;
        font-size: 14px;
        line-height: 22px;
        color: #000;
        /*background-color: #ced4da;*/
        border-left: inherit;
        /*border-radius: .25rem;*/
        content: '파일찾기...';
    }

.close {
    font-size: 1.4rem;
    opacity: 1;
}

.modal-header .close {
    font-size: 1.5rem;
}

.common-table {
    border-bottom: 2px solid #E3E3E3;
}


    .common-table th {
        text-align: center;
        background: #fff;
    }

    .common-table th, .common-table td {
        font-size: 14px;
    }

.notice-table th {
    font-size: 18px;
}

.notice-table tbody td:nth-child(2) {
    text-align: left;
}

.notice {
    margin-top: 65px;
    padding: 0 149px;
}

    .notice .notice-bottom {
    }

    .notice .notice-search-bar .btn {
        padding: .6rem .75rem;
        font-weight: bold;
        font-size: 18px;
    }

    .notice .notice-search-bar .form-control {
        display: block;
        width: 100%;
        height: calc(2.2em + .75rem + 2px);
        padding: .375rem .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;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .notice .notice-list-number-bar h4 {
        font-size: 15px;
        color: #808E94;
    }

    .notice .notice-list-number-bar .col-form-label {
        min-width: 60px;
        font-size: 15px;
    }

    .notice .notice-list-number-bar .select {
        width: 66px;
    }

    .notice .notice-bottom .page-count {
        font-size: 15px;
        font-weight: 700;
        color: #B4BEC1;
    }



.form-signin {
    width: 100%;
    max-width: 350px;
    padding: 0 15px;
    margin: auto;
}

    .form-signin .checkbox {
        font-weight: 400;
        font-size: 15px;
        color: #8699A1;
    }

    .form-signin .form-floating:focus-within {
        z-index: 2;
    }

    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .form-signin .login-links a {
        color: #000000;
        border-bottom: 1px solid #000000;
        padding-bottom: 2px;
        margin: 0 10px;
        font-size: 15px;
    }

    .form-signin .form-control {
        border-radius: 0;
        color: #000000;
    }

        .form-signin .form-control::placeholder {
            color: #ADB8BC;
        }

.login-notice {
    max-width: 730px;
    margin: auto;
}

    .login-notice .latest-list {
        padding: 32px 41px 32px;
        margin-bottom: 0;
    }

        .login-notice .latest-list li:last-child {
            margin-bottom: 0;
        }

    .login-notice .x_title {
        padding: 1px 0 6px;
        border-bottom: 2px solid #CFCFCF;
    }

    .login-notice .x_content {
        background: transparent;
    }

.modal-content {
    border-radius: 10px;
}

.notice-add-modal .modal-header {
    border-bottom: 2px solid #CFCFCF;
}

    .notice-add-modal .modal-header h5 {
        color: #00AF8E;
        font-size: 24px;
        font-weight: 700;
        padding-top: 14px;
        padding-left: 15px;
    }

.company-add-modal .modal-header h5 {
    color: #00AF8E;
    font-size: 24px;
    font-weight: 700;
}

.notice-add-modal .modal-body .col-form-label {
    font-size: 18px;
    font-weight: 700;
    color: #0F2F3C;
    width: 72px;
    flex: 0 0 72px;
}

.notice-add-modal .modal-body textarea {
    height: 413px;
}

.notice-add-modal .modal-body .form-control {
    border-radius: 0;
}

.notice-add-modal .modal-footer {
    border-top: 2px solid #CFCFCF;
    padding: 17px 30px 34px;
}

    .notice-add-modal .modal-footer button {
        padding: .468rem 2.1rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem;
    }

#AddCompanyModal .modal-footer {
    border-top: 2px solid #CFCFCF;
    padding: 17px 30px 34px;
}

    #AddCompanyModal .modal-footer button {
        padding: .468rem 2.1rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem;
    }

.modal-footer > :not(:last-child) {
    margin-right: .52rem;
}

.modal-footer > :not(:first-child) {
    margin-left: .52rem;
}

.notice-add-modal .custom-control .custom-control-label {
    padding-top: 3px;
    padding-left: 5px;
    font-size: 15px;
}

.import-measure .btn-measure-finished {
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 700;
}

.import-measure .btn-save {
    width: 41px;
}

.import-measure .col-form-box-2 {
    padding-left: 0;
    padding-right: 0;
}

.import-measure .custom-control-label {
    padding-top: 5px;
    padding-left: 5px;
}

.import-measure .section-1 .col-form-label {
    font-weight: 700;
    font-size: 18px;
    color: #0F2F3C;
    padding-left: 0;
    padding-right: 0;
}

.import-measure .section-1 {
    padding: 26px 50px;
    border-bottom: 1px solid #CFCFCF;
}

    .import-measure .section-1 .result-section {
        font-family: 'Spoqa Han Sans Neo', sans-serif;
    }

.import-measure .section-2 {
    padding: 26px 73px;
    border-bottom: 0px solid #CFCFCF;
}

    .import-measure .section-2 .col-md-8 {
        padding-right: 0;
    }

.import-measure .section-3 {
    margin-top: 25px;
}

    .import-measure .section-3 .nav-tabs .nav-item.show .nav-link, .import-measure .section-3 .nav-tabs .nav-link {
        width: 238px;
        text-align: center;
    }

        .import-measure .section-3 .nav-tabs .nav-link.active {
            border-color: #00AF8E;
        }

.section-3-inner .nav {
    padding-left: 70px;
}

    .section-3-inner .nav > li {
        top: -1px;
        margin-right: 2px;
    }




#section3-tab-content {
    padding-left: 20px;
}

    #section3-tab-content .dataTables_scrollHead .table {
        margin-top: 25px;
        font-family: 'Spoqa Han Sans Neo', sans-serif;
    }

    #section3-tab-content .table th {
        vertical-align: middle;
        padding: 8px 0;
        /*background: #fff;*/
    }

    #section3-tab-content .table td {
        /*background: #f9fafc;*/
        text-align: center;
    }

.import-measure .result-section .date {
    border-color: #172D44;
    font-size: 27px;
    font-weight: 700;
    color: #000000;
    text-align: center;
    margin-bottom: 16px;
}

.import-measure .result-section .weight {
    border-radius: 0;
    text-align: right;
    background: #000 !important;
    font-size: 45px;
    font-weight: 700;
    color: #fff;
    padding: 0 15px;
    border-right: 0px;
}

.import-measure .result-section .kg {
    border-radius: 0;
    background: #000 !important;
    font-size: 45px;
    font-weight: 700;
    color: #fff;
    padding: 0px;
    margin: 0px;
    width: 80px;
    border-left: 0px;
}

.import-measure .result-section .btn-confirm {
    margin-left: 15px;
    width: 198px;
    font-size: 20px;
    font-weight: 700;
    background: #566D85;
}

.import-measure .form-control {
    border-radius: 0;
}

.import-measure .btn {
    padding: .375rem .15rem;
}

.import-measure .col-button {
    padding-left: 0;
    padding-right: 0;
}

.import-measure .section-title {
    padding: 0;
}

    .import-measure .section-title h3 {
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 700;
        color: #0F2F3C;
        border-bottom: 1px solid #CFCFCF;
        padding-bottom: 10px;
    }

.info-detail .col-lg-4,
.info-detail .col-lg-3,
.info-detail .col-lg-12,
.info-detail .col-12,
.info-detail .col-6 {
    padding: 0;
    align-items: center;
}

.info-detail .input-box {
    padding: 4px 22px;
    display: flex;
    align-items: center;
    width: 100%;
}

    .info-detail .input-box .form-control-plaintext {
        color: #73879C;
        font-size: 13px;
        font-weight: 400;
    }

    .info-detail .input-box textarea {
        height: 160px;
    }

.info-detail .file-box {
    padding: 4px 22px 0px 22px;
    align-items: center;
    width: 100%;
}

    .info-detail .file-box #file-list {
        margin: 5px 0px !important;
    }

.info-detail .number-check-box input[type='text'] {
    width: calc(100% - 64px);
    margin-right: 4px;
}

.info-detail .number-check-box .btn-small {
    width: 60px;
}


.info-detail .person-col .input-box {
    padding: 4px 22px;
    display: flex !important;
    align-items: center;
    width: 100%;
}

.info-detail .person-col .col-form-label {
    width: 160px;
    font-size: 14px;
    /*background: #F9FAFC;*/
    background: #EFF7F5;
    color: #808E94;
    padding: 12px 0 13px 16px;
    flex: 0 0 auto;
}

.info-detail .person-col:nth-of-type(3) .input-box {
    display: none;
}

#AddCompanyModal .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

#AddCompanyModal .modal-xl {
    width: 1140px !important;
    max-width: 9999px !important
}

#NoticeAddModal .col-sm-10 {
    -ms-flex: 0 0 calc(100% - 72px);
    flex: 0 0 calc(100% - 72px);
    max-width: calc(100% - 72px);
}


#NoticeAddModal .modal-xl {
    width: 1140px !important;
    max-width: 9999px !important
}

.info-detail {
    /*overflow-y: scroll;
    height: 50vh;*/
    box-sizing: border-box;
    padding: 27px 0 0;
}


    .info-detail::-webkit-scrollbar {
        width: 14px;
    }

    .info-detail::-webkit-scrollbar-track {
        background-color: #EEEEEE;
    }

    .info-detail::-webkit-scrollbar-thumb {
        background-color: #FFFFFF;
        border: 2px solid transparent;
        background-clip: content-box;
    }

    .info-detail .btn-add {
        display: block;
    }


    .info-detail textarea.form-control,
    .info-detail textarea.form-control-plaintext {
        /*height: 163px;*/
        height: 88px;
    }

    .info-detail .section-title h3 {
        font-size: 18px;
        font-weight: 700;
        color: #0F2F3C;
        margin-bottom: 18px;
        margin-left: -17px;
    }

    .info-detail .section-3 .form-group {
        border-bottom: 2px solid #dedfe0;
    }

    .info-detail .form-group {
        width: 100%;
        display: flex;
        margin-bottom: 0;
        border-bottom: 1px solid #CFCFCF;
    }

    .info-detail .form-box {
        width: 100%;
    }

    .info-detail .car-number-form-section .form-control {
        width: 168px;
        margin-right: 13px;
    }

    .info-detail .business-address-form-section .form-control-small {
        width: 135px;
    }

    .info-detail .business-address-form-section .form-control-x-small {
        width: 100px;
    }

    .info-detail .business-address-form-section .form-line-detail-address {
        padding-right: 100px;
    }


    .info-detail .business-address-form-section .form-control {
        margin-right: 11px;
    }


    .info-detail .form-line {
        padding: 4px 23px;
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

    .info-detail .section {
        padding: 0 34px;
        margin-bottom: 30px;
    }

    .info-detail .section-3 {
        margin-bottom: 0;
    }

    .info-detail .section-form {
        border-top: 2px solid #CFCFCF;
        /*border-bottom: 1px solid #CFCFCF;*/
    }

    .info-detail .form-control {
        border-radius: 0;
    }

    .info-detail .col-form-label {
        width: 160px !important;
        font-size: 14px !important;
        /*background: #F9FAFC !important;*/
        background: #EFF7F5 !important;
        color: #808E94 !important;
        padding: 12px 0 13px 16px !important;
        flex: 0 0 auto !important;
        border-right: 1px solid #CFCFCF;
    }

        .info-detail .col-form-label.bl-1 {
            border-left: 1px solid #CFCFCF;
        }

    .info-detail label {
        margin: 0;
        white-space: nowrap;
    }

    .info-detail .car-number-items .item {
        background: #26B99A;
        color: #fff;
        border-radius: 3px;
        padding: .4rem .5rem;
        line-height: 1;
        margin-right: 7px;
        margin-bottom: 7px;
    }

    .info-detail .car-number-items .Ipitem {
        background: #26B99A;
        color: #fff;
        border-radius: 3px;
        padding: .4rem .5rem;
        line-height: 1;
        margin-right: 7px;
        margin-top: 5px;
    }

    .info-detail .car-number-items button.remove {
        padding: 0;
        background-color: transparent;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .info-detail .car-number-items .remove {
        float: none;
        opacity: 1;
        font-size: 1rem;
        margin-left: 8px;
    }

    .info-detail .car-number-items .remove {
        font-size: 1rem;
        font-weight: 700;
        color: #fff;
        text-shadow: 0 1px 0 #fff;
        opacity: 1;
    }

.car-number-items .item {
    display: inline-block;
}

.info-detail .btn-remove-line {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.info-detail .btn-remove-line {
    display: block;
    width: 21px;
    height: 21px;
    line-height: 1;
    background: #99A0A7;
    float: none;
    opacity: 1;
    font-size: 0.9rem;
    border-radius: 50%;
}

.info-detail .btn-remove-line {
    float: right;
    font-size: 0.8rem;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}

    .info-detail .btn-remove-line span {
        padding-top: 4px;
        display: block;
        width: 21px;
        height: 21px;
    }

.info-detail .btn-small {
    width: 74px;
    padding: .42rem 0rem;
}

.info-detail .btn-medium {
    width: 100px;
    padding: .42rem 0rem;
}

.info-detail .small-input {
    width: 240px;
}

.info-detail .col-form-line-1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.info-detail .col-form-line-2 label {
    width: 60px;
}

.info-detail .col-form-line-1 .input-box {
    padding: 0;
    width: calc(100% - 60px);
}

.info-detail .col-form-line-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}


    .info-detail .col-form-line-2 label {
        width: 60px;
        color: #000;
    }

    .info-detail .col-form-line-2 .input-box {
        padding: 0;
        width: calc(100% - 60px);
    }


.tab-common .nav-item {
    margin-left: 13px;
}

    .tab-common .nav-item:first-child {
        margin-left: 0;
    }

.tab-common .nav-link {
    background: #EDEDED;
    color: #626E72;
    font-size: 18px;
    font-weight: 700;
    padding: 0.9rem 1.7rem;
}

    .tab-common .nav-item.show .nav-link, .tab-common .nav-link.active {
        color: #fff;
        background-color: #26B99A;
        border-color: #dee2e6 #dee2e6 #fff;
    }

.tab-common .nav-item.show .nav-link, .tab-red .nav-link.active {
    color: #fff;
    background-color: #FA4747;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs.tab-active-green .nav-item.show .nav-link, .nav-tabs.tab-active-green .nav-link.active {
    background: #1BBB9C;
    color: #FFFFFF;
}


.common-nav-tabs {
    font-family: 'Noto Sans KR', sans-serif;
    border-bottom: 2px solid #00AF8E;
}

    .common-nav-tabs .nav-item a {
        background: #EFF7F5;
        color: #C2CCCA;
        font-size: 18px;
        font-weight: 700;
    }


.change-permission-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

    .change-permission-container .col-md-12 {
        padding-right: 30px;
    }

.change-permission {
    width: 100%;
    display: flex;
}

    .change-permission .header {
        display: flex;
        align-items: center;
        border-top: 2px solid #CFCFCF;
        border-bottom: 2px solid #CFCFCF;
        background: #fff;
        font-size: 18px;
        color: #000000;
        white-space: nowrap;
    }

    .change-permission .x_title h3 {
        font-size: 18px;
        font-weight: 700;
    }


.change-permission-section .nav {
    padding-left: 70px;
    margin-top: 10px;
}

    .change-permission-section .nav > li {
        top: -1px;
    }

        .change-permission-section .nav > li > a {
            width: 239px;
            text-align: center;
        }

    .change-permission-section .nav .nav-link:hover {
        background: #EFF7F5;
        border-color: transparent;
    }

.change-permission-section .nav-tabs .nav-link.active {
    background: #00AF8E;
}

    .change-permission-section .nav-tabs .nav-link.active:hover {
        background: #00AF8E;
        border-color: transparent;
    }


.nav > li > a {
    position: relative;
    display: block;
    padding: 13px 24px 12px;
}

.change-permission-section .nav-tabs .nav-link.active {
    border-color: #00AF8E;
}

.change-permission-section .x_title {
    border-bottom: 0;
}

.change-permission-section .nav-tabs {
    margin-bottom: 30px;
}

.change-permission .data {
    background: #F9FAFC;
    padding: 0;
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
}

    .change-permission .data ul {
        padding: 0;
    }

    .change-permission .data li {
        list-style: none;
        color: #000000;
    }

.change-permission .col-1,
.change-permission .col-2,
.change-permission .col-3 {
    display: flex;
    align-items: center;
    padding: 0 25px;
}

.change-permission .header .col-1,
.change-permission .header .col-2,
.change-permission .header .col-3 {
    padding: 10px 25px;
}

.change-permission .header .col-2,
.change-permission .header .col-3,
.change-permission .data .col-2,
.change-permission .data .col-3 {
    text-align: center;
    justify-content: center;
}

.change-permission .data .non {
    color: #BF0700;
}

.change-permission .depth-2 .col-1,
.change-permission .depth-2 .col-2,
.change-permission .depth-2 .col-3 {
    padding: 0 38px;
}

.change-permission .data .col-3 {
    color: #00AF8E;
}

.change-permission .data .depth-1 {
    font-size: 16px;
}

.change-permission .data .depth-2 {
    font-size: 16px;
    font-weight: 700;
}


.change-permission .data .depth-3 > li {
    padding-left: 13px;
}


.change-permission .data .depth-3 {
    font-size: 16px;
    font-weight: 300;
}

.change-permission .item-box {
    display: flex;
    padding: 11px 0;
}

    .change-permission .item-box.active .col-3 {
        color: #fff;
    }

    .change-permission .item-box.active {
        background: #00AF8E;
        color: #fff;
    }

.change-permission .arrow {
    font-size: 0;
    margin-right: 12px;
}

.change-permission .item-box.active .arrow svg path {
    fill: #fff;
}

.change-permission-controller {
    margin-bottom: 26px;
    border-top: 2px solid #dee2e6;
    /*border-bottom: 2px solid #dee2e6;*/
}

    .change-permission-controller .permission-select {
        display: flex;
    }

    .change-permission-controller .col-form-label {
        background: #EFF7F5;
        width: 160px;
        padding-left: 16px;
        line-height: 33px;
        font-size: 14px;
        border-right: 1px solid #dee2e6;
        color: #73879C;
    }

    .change-permission-controller .data {
        width: calc(100% - 160px);
        background: #fff;
        line-height: 33px;
        font-size: 15px;
        padding-left: 10px;
        color: #000;
    }

    .change-permission-controller .col {
        display: flex;
        padding: 0;
        border-bottom: 1px solid #dee2e6;
    }

    .change-permission-controller select {
        border-radius: 0;
        width: 168px;
        margin-right: 8px;
    }

    .change-permission-controller .btn-add {
        font-size: 16px;
        font-weight: 700;
    }

.change-permission-list-table {
    text-align: center;
}

    .change-permission-list-table th {
        font-size: 18px;
        color: #000000;
    }

    .change-permission-list-table td {
        font-size: 16px;
        background: #F9FAFC;
        color: #5A5A5A;
        vertical-align: middle;
    }

    .change-permission-list-table .btn-remove {
        display: inline-block;
        font-size: 0;
        padding-bottom: 2px;
    }

        .change-permission-list-table .btn-remove i {
            vertical-align: middle;
        }

#transaction-wrap {
    width: 100%;
    padding: 20px 30px;
    overflow: hidden;
}

    #transaction-wrap .dataTables_scrollHeadInner {
        /*border-top: 1px solid #000000;*/
    }

#transaction_list_table_wrapper table {
    margin-top: 0 !important;
}

#transaction_list_table_wrapper th {
    white-space: nowrap;
    word-break: keep-all;
    vertical-align: middle;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
}

#transaction_list_table_wrapper td {
    white-space: nowrap;
    word-break: keep-all;
    height: 19px;
    font-size: 16px;
    color: #5A5A5A;
    text-align: center;
    vertical-align: middle;
}

#transaction_list_table_wrapper table {
    border-collapse: collapse !important;
}

#transaction_list_table_wrapper th {
    border-bottom: 1px solid #dee2e6;
}

.form-control-inline {
    display: inline-block;
    width: auto;
}

#search-wrap {
    position: relative;
    margin-bottom: 30px;
}

    #search-wrap input[type="text"].form-control-inline,
    #search-wrap select.form-control-inline {
        height: 37px;
        vertical-align: middle;
        font-size: 15px;
        border-radius: 0;
        margin-right: 6px;
        width: 150px;
    }

    #search-wrap .btn {
        min-width: 74px;
        margin-right: 8px;
    }

        #search-wrap .btn.btn-setting {
            min-width: auto;
        }

.datepicker-wrap {
    position: relative;
    width: 130px;
    display: inline-block;
}

    .datepicker-wrap input[type="text"].form-control-inline {
        width: 100% !important;
    }

    .datepicker-wrap:after {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        right: 12px;
        width: 14px;
        height: 16px;
        background: url(/Assets/images/icon-calender.svg);
    }

    .datepicker-wrap:after {
        content: "";
    }

    .datepicker-wrap .icon-calendar {
        position: absolute;
        top: 10px;
        right: 12px;
    }


.search-setting-window {
    transition: 0.5s;
    position: absolute;
    z-index: 5000;
    right: 30px;
    top: 80px;
    top: -1000px;
    padding-top: 54px;
    padding-left: 59px;
    background: #fff;
    border: 1px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    border-top: 2px solid #dddddd;
    width: 1321px;
    height: 309px;
}

    .search-setting-window:after {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        right: 32px;
        width: 24px;
        height: 48px;
        background: url(/Assets/images/icon-dashboard-close.svg);
        background-size: 100% 100%;
    }

    .search-setting-window .close-button {
        display: block;
        position: absolute;
        top: 0;
        z-index: 1000;
        right: 32px;
        width: 35px;
        height: 61px;
    }

    .search-setting-window .custom-checkbox {
        display: inline-block;
        float: left;
        width: 13%;
        margin: 9px 0;
    }

        .search-setting-window .custom-checkbox .text {
            vertical-align: middle;
            line-height: 26px;
            padding-left: 12px;
            font-size: 15px;
        }

    .search-setting-window .confirm-button {
        text-align: center;
        position: absolute;
        bottom: 38px;
        left: 0;
        width: 100%;
    }

        .search-setting-window .confirm-button .btn {
            width: 97px;
        }

#file-list {
    list-style: none;
    padding-left: 0px;
}

.attach {
    float: left;
    position: relative;
    display: table;
    min-width: 400px;
    height: 28px;
    line-height: 27px;
    color: #808080;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    background: transparent;
    border: 1px solid #959595;
    padding-right: 17px;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.attach-delete {
    float: left;
    margin-top: 4px;
    margin-left: 10px;
    cursor: pointer;
}

    .attach-delete:after {
        clear: both;
    }

.attach svg {
    position: absolute;
    top: 10px;
    right: 8.5px;
}

.attach.non-download {
    cursor: inherit;
}

    .attach.non-download:hover {
        text-decoration: none;
        color: #808080;
    }

.attach.none {
    float: none;
}

#contract-file-list {
    list-style: none;
    padding-left: 0px;
}

.contractattach {
    float: left;
    position: relative;
    display: table;
    min-width: 200px;
    height: 28px;
    line-height: 27px;
    color: #808080;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    background: transparent;
    border: 1px solid #959595;
    padding-right: 17px;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.contract-attach-delete {
    float: left;
    margin-top: 4px;
    margin-left: 10px;
    cursor: pointer;
}

    .contract-attach-delete:after {
        clear: both;
    }

.contractattach svg {
    position: absolute;
    top: 10px;
    right: 8.5px;
}

.contractattach.non-download {
    cursor: inherit;
}

    .contractattach.non-download:hover {
        text-decoration: none;
        color: #808080;
    }

/*.input-box #file-list {
    position: absolute;
    left: 183px;
    top: 50px;
}

    .input-box #file-list .attach-delete {
        margin-top: 9px;
        display: flex;
    }*/

body .container.body .right_col {
    background: #f9fafc;
}

body.contents-body {
    background: #f9fafc;
    /*height: 100vh;*/
}

.this-month-purchase-amount {
    margin: 0px 0px 20px 15px;
    font-size: 18px;
}

.dataTables_paginate li a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    font-size: 16px;
    line-height: 1.25;
    color: #5A5A5A !important;
    background-color: transparent !important;
    border: none;
}

#transaction_list_table_wrapper .pagination {
    justify-content: flex-end;
    margin-top: 0.85rem;
}

    #transaction_list_table_wrapper .pagination li.active {
        border-radius: 5px;
        border: 1px solid #CED4DA;
    }

.dataTables_paginate li a {
    padding: 6px 12px;
}

.dataTables_scroll {
    margin-bottom: 10px;
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 12px;
    height: 14px;
    background-color: #E4E4E4;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(52,73,94,0.94);
}

.dataTables_scrollBody::-webkit-scrollbar-track {
    border-bottom: 1px solid #eee;
    background-color: #EEEEEE;
}


.wizard_horizontal ul.wizard_steps {
    display: table;
    list-style: none;
    position: relative;
    width: 100%;
    margin: 0 0 50px
}

    .wizard_horizontal ul.wizard_steps li {
        display: table-cell;
        text-align: center
    }

        .wizard_horizontal ul.wizard_steps li a, .wizard_horizontal ul.wizard_steps li:hover {
            display: block;
            position: relative;
            -moz-opacity: 1;
            filter: alpha(opacity=100);
            opacity: 1;
            color: #666
        }

            .wizard_horizontal ul.wizard_steps li a:before {
                content: "";
                position: absolute;
                height: 4px;
                background: #ccc;
                top: 20px;
                width: 100%;
                z-index: 4;
                left: 0
            }

            .wizard_horizontal ul.wizard_steps li a.disabled .step_no {
                background: #ccc
            }

            .wizard_horizontal ul.wizard_steps li a .step_no {
                width: 40px;
                height: 40px;
                line-height: 40px;
                border-radius: 100px;
                display: block;
                margin: 0 auto 5px;
                font-size: 16px;
                text-align: center;
                position: relative;
                z-index: 5
            }

            .wizard_horizontal ul.wizard_steps li a.selected:before, .step_no {
                background: #34495E;
                color: #fff
            }

            .wizard_horizontal ul.wizard_steps li a.done:before, .wizard_horizontal ul.wizard_steps li a.done .step_no {
                background: #1ABB9C;
                color: #fff
            }

        .wizard_horizontal ul.wizard_steps li:first-child a:before {
            left: 50%
        }

        .wizard_horizontal ul.wizard_steps li:last-child a:before {
            right: 50%;
            width: 50%;
            left: auto
        }

.sales-info-batch-upload-options {
    display: flex;
    justify-content: space-between;
    margin-bottom: 23px;
}

    .sales-info-batch-upload-options select {
        border-radius: 0;
    }

    .sales-info-batch-upload-options .date .form-control {
        width: 140px;
    }


    .sales-info-batch-upload-options .option-box {
        display: flex;
        align-items: center;
    }

    .sales-info-batch-upload-options label {
        flex: 0 0 auto;
        font-size: 18px;
        color: #0F2F3C;
        font-weight: 700;
        margin-right: 14px;
        white-space: normal;
        margin: 0;
        margin-right: 14px;
    }

    .sales-info-batch-upload-options .excel-upload .upload-box {
        width: 339px;
        display: flex;
    }

    .sales-info-batch-upload-options .excel-upload .custom-file {
        width: 248px;
        padding-right: 83px;
        box-sizing: border-box;
    }

        .sales-info-batch-upload-options .excel-upload .custom-file .custom-file-label {
            border-radius: 0;
        }

            .sales-info-batch-upload-options .excel-upload .custom-file .custom-file-label::after {
                right: -90px;
            }

#sales-info-batch-upload-modal .modal-footer {
    padding: 17px 30px 34px;
}

    #sales-info-batch-upload-modal .modal-footer button {
        width: 95px;
    }

.sales-table-wrap {
    overflow-x: scroll;
    overflow-y: scroll;
    max-height: 268px;
}

#sales-info-batch-upload-modal .delete-button-row {
    margin-top: 15px;
    margin-bottom: 109px;
}

    #sales-info-batch-upload-modal .delete-button-row .btn-delete {
        padding: .375rem 1.33rem;
    }

.sales-info-batch-upload-table {
    text-align: center;
    width: 1900px;
}

    .sales-info-batch-upload-table th {
        font-size: 18px;
        color: #000000;
    }

    .sales-info-batch-upload-table td {
        font-size: 16px;
        background: #F9FAFC;
        color: #5A5A5A;
    }

.import-measure .form-control-gray {
    background: #f9fafc;
}

.add-notice-form {
    padding: 18px 16px 0 30px;
}

.dataTables_paginate .page-link {
    position: relative !important;
    display: block !important;
    padding: 0.5rem 0.75rem !important;
    margin-left: -1px !important;
    line-height: 1.25 !important;
    color: #00AF8E !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
}

.dataTables_paginate .page-item.active .page-link {
    z-index: 3 !important;
    color: #fff !important;
    background-color: #00AF8E !important;
    border-color: #00AF8E !important;
}

.dataTables_paginate .page-link:hover {
    z-index: 2;
    color: #00AF8E !important;
    text-decoration: none !important;
    background-color: #e9ecef !important;
    border-color: #dee2e6 !important;
}

.dataTables_paginate .page-item.disabled .page-link {
    color: #6c757d !important;
    pointer-events: none !important;
    cursor: auto !important;
    background-color: #fff !important;
    border-color: #dee2e6 !important;
}

.dataTables_paginate .pagination li.active {
    border-radius: 5px;
    border: 0 !important;
}

.contents_iframe {
    /*display: none;*/
    width: 100%;
    /*height: calc(100vh - 120px);*/
    /*height: calc(100vh + 297px);*/
    margin-top: -30px;
    /*line-height: calc(100vh - 120px);*/
    /*line-height: calc(100vh + 297px);*/
    text-align: center;
    font-size: 50px;
    color: red;
}

    .contents_iframe iframe {
        width: 100%;
        /*height: 100%;*/
        border: 0;
    }

/*DASH BOARD LAYER*/
#dashboard_layer {
    transition: 0.5s;
    position: fixed;
    z-index: 2500;
    top: 0;
    background: #fff;
    background: #f9fafc;
    right: -100%;
    height: 100%;
    width: 460px;
    border-left: 1px solid #cfcfcf;
}

    #dashboard_layer .top-buttons {
        text-align: center;
        margin: 0 45px 0;
        padding-top: 97px;
    }

        #dashboard_layer .top-buttons .btn {
            margin: 0 9px;
        }

    #dashboard_layer .close-button {
        position: absolute;
        top: 38px;
        right: 46px;
    }

    #dashboard_layer .company-info {
        border-bottom: 2px solid #CFCFCF;
        padding-bottom: 27px;
    }

        #dashboard_layer .company-info table {
            width: 394px;
            margin: 43px auto 0;
        }

        #dashboard_layer .company-info th {
            width: 172px;
            text-align: left;
            padding-bottom: 10px;
            color: #0F2F3C;
            font-size: 17px;
            line-height: 30px;
        }

        #dashboard_layer .company-info td {
            width: 172px;
            font-size: 18px;
            line-height: 30px;
            color: #000;
            text-align: left;
            padding-bottom: 10px;
            font-weight: normal;
        }

    #dashboard_layer .calc-list {
        padding-left: 43px;
        padding-top: 24px;
    }

        #dashboard_layer .calc-list h3 {
            font-size: 18px;
            width: 175px;
            line-height: 24px;
            color: #0F2F3C;
            float: left;
        }

        #dashboard_layer .calc-list .price {
            font-size: 18px;
            line-height: 24px;
            color: #000;
            float: left;
            font-weight: bold;
        }

        #dashboard_layer .calc-list table {
            clear: both;
            width: 100%;
            margin-top: 8px;
            margin-left: 25px;
        }

            #dashboard_layer .calc-list table th {
                clear: both;
                font-size: 15px;
                color: #0F2F3C;
                width: 90px;
                text-align: left;
                font-weight: normal;
            }

            #dashboard_layer .calc-list table td {
                text-align: left;
                font-weight: normal;
                line-height: 33px;
                padding-left: 58px;
                color: #000;
            }

    #dashboard_layer .line {
        background: #CFCFCF;
        height: 2px;
        margin-top: 20px;
    }

    #dashboard_layer .bottom {
        background: #f9fafc;
    }

    #dashboard_layer .top {
        background: #fff;
    }

#tab_header a,
#tab_header a:link,
#tab_header a:visited {
    text-decoration: none;
    color: #0F2F3C;
}

    #tab_header a:active,
    #tab_header a:hover {
        text-decoration: none;
        color: #00AF8E;
    }

#tab_header li.nav-item.active a {
    color: #FFFFFF;
}

/* 매입 / 매출 내역 */
table tr.backcolorchange {
    background-color: rgb(255,228,0,0.5) !important;
}

    table tr.backcolorchange:hover {
        background-color: #FFE400 !important;
    }


/* 권한 관리 */
table thead .dt-menu {
    align-items: center;
    border-top: 2px solid #CFCFCF;
    border-bottom: 2px solid #CFCFCF;
    white-space: nowrap;
}

#datatable-ajax-menu tbody tr:hover {
    /*
    background: #00AF8E;
    color: #fff;
    */
    cursor: pointer
}

#datatable-ajax-menu .info {
    background: #00AF8E;
    color: #fff;
}

#datatable-ajax-menu .dt-menu {
    font-size: 16px;
    list-style: none;
    color: #000000;
}

.change-permission-controller .form-control {
    border-radius: 0;
}

/* column width */
.custom-md-1 {
    -ms-flex: 0 0 12%;
    flex: 0 0 12%;
    max-width: 12%;
}

/* jambo_table */
table.jambo_table thead {
    background: rgba(52,73,94,0.94);
    color: #ECF0F1;
}

table.jambo_table th,
table.jambo_table td {
    vertical-align: middle;
    /*font-size: 12px !important;*/
}

table.jambo_table thead th:first-child {
    border-left: 1px solid rgba(52,73,94,0.94);
}

table.jambo_table .dataTables_empty {
    text-align: center;
}

/* 품목 관리 */
.itemicon {
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    padding: .375rem .25rem;
    font-size: 1rem;
    border-radius: .25rem;
}

.card-body .form-group .form-control {
    border-radius: 0;
}

/* 매입 단가 관리 */
#purchase-price-list .info {
    background: #00AF8E;
    color: #fff;
}

/* 사용자 관리 */
.user-detail {
    box-sizing: border-box;
    padding: 0 0 0 0 !important;
}

#Users .toggle {
    float: initial !important;
}

.form-info {
    padding: 0px 0px 0px 10px;
}

/* 결재 관리 */
.ms-options-wrap > .ms-options {
    width: 30% !important;
    margin-left: 19%;
}

.ms-options-wrap button {
    padding: 0px 120px !important;
    width: 267px !important;
    height: 40px !important;
}

.ms-options > label {
    background-color: aqua !important;
}

.ms-options-wrap button span {
    position: absolute;
    margin-top: -15px !important;
    margin-left: -115px !important;
}

.ms-options-wrap > .ms-options > ul label {
    margin: 0px !important;
}

.ms-options-wrap > .ms-options > ul li.selected label {
    background-color: #00AF8E !important;
}

.ms-options-wrap > .ms-options > ul label.focused, .ms-options-wrap > .ms-options > ul label:hover {
    background-color: #00AF8E !important;
}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    top: 14px !important;
}


/* 재고관리 */
.important {
    background: #dee2e6;
    font-weight: bold;
    font-size: 13pt;
}

/* colspan border-bottom */
th[colspan]:not([colspan="1"]) {
    /*border-bottom: 0px !important;*/
}

/* dataTable row add */
td.dt-control {
    background: url('/Assets/images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.hasChild td.dt-control {
    background: url('/Assets/images/details_close.png') no-repeat center center;
}

.child-box {
    border: 0px !important;
    padding: 0px !important;
    width: 100% !important;
}

.bg-child tbody tr {
    background: #EFF7F5 !important;
}

    .bg-child tbody tr td:first-child {
        border-left: 0px;
    }

    .bg-child tbody tr td:last-child {
        border-right: 0px;
    }

/* button */
.button-delete-wait,
.button-delete-notcheck,
.button-print,
.button-detail,
.button-update,
.button-edit-reason,
.button-image {
    padding: 0px !important;
    width: 32px;
}

.button-round,
.button-issued,
.button-reject,
.button-account,
.button-paystatus,
.button-delete-deal {
    padding: 2px 6px !important;
    font-size: 13px;
}

.button-issued {
    width: 110px !important;
}

.button-calculation,
.button-calculation-cancel {
    position: absolute;
    left: 110px;
    top: -4px;
    z-index: 9999;
}

.button-calculation-batch {
    position: absolute;
    left: 130px;
    top: -4px;
    z-index: 9999;
}

.button-calculation2 {
    position: absolute;
    left: 178px;
    top: -4px;
    z-index: 9999;
}

.button-deal-print {
    position: absolute;
    left: 130px;
    top: -4px;
    z-index: 9999;
}

.button-create-etcdeal {
    position: absolute;
    left: 290px;
    top: -4px;
    z-index: 9999;
}

.button-detail-create-etcdeal {
    position: absolute;
    left: 80px;
    top: -10px;
    z-index: 9999;
    width: 90px;
}

.table-title {
    position: absolute;
}

.wrap-top-danger {
    border: 2px solid #dc3545;
    border-bottom: 0px;
}

.wrap-danger {
    border: 2px solid #dc3545;
    border-top: 0px;
    border-bottom: 0px;
}

.wrap-bottom-danger {
    border: 2px solid #dc3545;
    border-top: 0px;
}

/* 모달 테이블 */
.card-body .edit-table-wrap {
    border: 2px solid #dc3545;
}

.card-body .edit-table {
    margin: 0;
    border: 0;
    width: 100%;
}

    .card-body .edit-table th,
    .card-body .edit-table td {
        border: 0;
        padding: 0;
        vertical-align: middle;
        border-right: 1px solid #CFCFCF;
        border-bottom: 1px solid #CFCFCF;
    }

    .card-body .edit-table th {
        width: 158px;
        font-size: 14px;
        font-weight: 700;
        /*background: #F9FAFC;*/
        background: #EFF7F5;
        color: #808E94;
        padding-left: 16px;
        padding-right: 16px;
    }

        .card-body .edit-table th.sub {
            width: 100px !important;
        }

    .card-body .edit-table td {
        padding: 4px 10px;
    }

    .card-body .edit-table tr td:last-child {
        border-right: 0px !important;
    }

    .card-body .edit-table tr.header th:last-child {
        border-right: 0px !important;
    }

    .card-body .edit-table input {
        text-align: right;
        width: 70%;
        padding-right: 5px;
        display: inline-block;
    }

table.inner-table {
    padding: 0px !important;
    margin: 0px !important;
    margin-bottom: 0px !important;
}

    table.inner-table tr {
        height: 47px;
    }

    table.inner-table > thead > tr:first-child > th:last-child {
        border-right: 0px !important;
    }

    table.inner-table > tbody > tr:last-child > th,
    table.inner-table > tbody > tr:last-child > td {
        border-bottom: 0px !important;
    }

/* VIEW 테이블 */
.view-table {
    margin: 0;
    border: 0;
    border-top: 2px solid #CFCFCF;
    width: 100%;
}

    .view-table th,
    .view-table td {
        border: 0;
        padding: 0;
        vertical-align: middle;
        border-right: 1px solid #CFCFCF;
        border-bottom: 1px solid #CFCFCF;
    }

    .view-table th {
        width: 158px;
        font-size: 14px;
        font-weight: 700;
        background: #EFF7F5;
        color: #808E94;
        text-align: left;
        padding-left: 16px;
    }

        .view-table th.sub {
            width: 100px !important;
        }

    .view-table td {
        padding: 4px 10px;
    }

    .view-table tr td:last-child {
        border-right: 0px !important;
    }

    .view-table input {
        width: 100%;
        padding-right: 5px;
        display: inline-block;
    }

    .view-table .input-box {
        line-height: 29px;
    }


textarea.reason {
    height: 60px !important;
}

.table-tax {
}

    .table-tax th {
        width: 140px !important;
        font-size: 14px;
        font-weight: 700;
        padding-right: 16px;
        text-align: right;
    }

        .table-tax th.supplier-title {
            background-color: #dc3545;
            color: #FFFFFF;
            text-align: center;
            border-color: #dc3545;
        }

        .table-tax th.contractor-title {
            background-color: #0069d9;
            color: #FFFFFF;
            text-align: center;
            border-color: #0069d9;
        }

        .table-tax th.supplier {
            /*background-color: #F6CECE;*/
            color: #dc3545;
        }

        .table-tax th.contractor {
            /*background-color: #A9E2F3;*/
            color: #0069d9;
        }

    .table-tax .bt-red {
        border-top-color: #dc3545;
    }

    .table-tax .br-red {
        border-right-color: #dc3545;
    }

    .table-tax .bb-red {
        border-bottom-color: #dc3545;
    }

    .table-tax .bl-red {
        border-left-color: #dc3545;
    }

    .table-tax .bt-blue {
        border-top-color: #0069d9;
    }

    .table-tax .br-blue {
        border-right-color: #0069d9;
    }

    .table-tax .bb-blue {
        border-bottom-color: #0069d9;
    }

    .table-tax .bl-blue {
        border-left-color: #0069d9;
    }

    .table-tax .bt-black {
        border-top-color: #000000;
    }

    .table-tax .br-black {
        border-right-color: #000000;
    }

    .table-tax .bb-black {
        border-bottom-color: #000000;
    }

    .table-tax .bl-black {
        border-left-color: #000000;
    }

.table-tax-summary th {
    width: 140px !important;
    font-size: 14px;
    font-weight: 700;
    padding-right: 16px;
    text-align: right;
    height: 45px;
    line-height: 45px;
}

.table-tax-summary td {
    text-align: left;
}

    .table-tax-summary td input {
        text-align: left;
    }

.table-tax-item th,
.table-tax-deal th {
    font-size: 14px;
    font-weight: 700;
    background-color: #EFF7F5 !important;
    color: #808E94;
}

.dataTables_scrollHeadInner .table-tax-deal {
    border-top: 2px solid #CFCFCF;
}

.deal-wrapper .section-title {
    position: absolute;
    margin-top: 5px;
}

.deal-wrapper .dataTables_filter label {
    margin-bottom: 0.5rem;
}

.deal-wrapper .dataTables_filter input {
    border-radius: 0.2rem !important;
}

#table-deal_wrapper {
    width: 100%;
}
/* 처리내역 */
#table-process-history_wrapper {
    width: 100%;
}

    #table-process-history_wrapper th {
        background-color: #EFF7F5;
        color: #808E94;
    }

    #table-process-history_wrapper thead tr th,
    #table-process-history_wrapper tbody tr td {
        border-right: 1px solid #CFCFCF;
    }

        #table-process-history_wrapper thead tr th:last-child,
        #table-process-history_wrapper tbody tr td:last-child {
            border-right: 0;
        }


/* 기본설정 클래스 작업 By Ahn */
.table-td-text-align-left {
    text-align: left;
}

.table-td-text-align-center {
    text-align: center;
}

.table-td-text-align-right {
    text-align: right;
}

.padding-right-5px {
    padding-right: 5px;
}

.padding-right-10px {
    padding-right: 10px;
}

.padding-right-15px {
    padding-right: 15px;
}

.padding-right-20px {
    padding-right: 20px;
}

.redClass {
    color: rgb(215,127,110) !important;
}

.blueClass {
    color: rgb(103,143,174) !important;
}


.zip-attach {
    float: left;
    position: relative;
    display: contents;
    width: 100%;
    height: 28px;
    line-height: 27px;
    color: #808080;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    background: transparent;
    /*border: 1px solid #959595;*/
    padding-right: 17px;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.select2-container--bootstrap-5 .select2-selection {
    border-radius: 0;
}

.select2-container--bootstrap-5 {
    display: inline-block;
    margin-right: 6px;
}

#search-wrap select[data-dropdown=searchable] {
    width: 170px;
}

.select2-container--open {
    z-index: 100000;
}

.select2-results__option {
    font-size: 13px !important;
}

/*
    유통 > 매출내역 > 엑셀업로드
*/
.danger-left, .danger-center, .danger-right {
    border: 2px solid #dc3545;
}

.danger-left, .danger-center {
    border-right: 0px;
}

.danger-right, .danger-center {
    border-left: 0px;
}

.warning-left, .warning-center, .warning-right {
    border: 2px solid #ffc107;
}

.warning-left, .warning-center {
    border-right: 0px;
}

.warning-right, .warning-center {
    border-left: 0px;
}


select.batch {
    font-size: 13px;
    width: 105px;
    height: 32px;
    padding: 0px 0px 0px 3px !important;
}

input.batch {
    font-size: 13px;
    width: 100px;
    height: 32px;
}

.bg-sub-sum {
    background-color: #EFF7F5 !important;
}

.bg-sum {
    background-color: #dee2e6 !important;
}

    .bg-sum td:not(:last-child) {
        border-right-color: #fff;
    }

.bg-total-sum {
    background-color: #26B99A !important;
}

.badge-status {
    padding: 6px;
    font-size: 12px;
    font-weight: 400;
}

/* side-bar */
.side-bar.left {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 270px;
    background: #F2F2F2;
}

.side-bar.right {
    top: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    background: #F2F2F2;
}

.side-bar.bottom {
    left: 0;
    right: 0;
    bottom: 0;
    height: 270px;
    background: #F2F2F2;
}

.side-bar.top {
    left: 0;
    right: 0;
    top: 0;
    height: 270px;
    background: #F2F2F2;
}

.side-bar.side-bar-shadow {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.64);
}

.side-bars > .side-bar {
    position: fixed;
    color: #4D4D4D;
    padding: 0px;
    text-align: center;
    z-index: 100000;
}

.btn-side-bar {
    color: #00AF82;
}

    .btn-side-bar > i.fa {
        font-size: 24px;
    }

/* width */
.w-90 {
    width: 90% !important;
}

.w-80 {
    width: 80% !important;
}

.w-70 {
    width: 70% !important;
}

.w-60 {
    width: 60% !important;
}

.w-50 {
    width: 50% !important;
}

.w-40 {
    width: 40% !important;
}

.w-30 {
    width: 30% !important;
}

.w-20 {
    width: 20% !important;
}

.w-10 {
    width: 10% !important;
}

.mw-340 {
    max-width: 340px !important;
}

.mw-270 {
    max-width: 270px !important;
}

/* button toggle */
.toggle-box {
    display: flex;
}

.button-toggle {
    color: #212529;
    background: #f8f9fa;
    border-color: #ced4da;
    padding: 5px 10px;
}

    .button-toggle:not(:disabled):not(.disabled).active {
        color: #FFFFFF;
        background: #26B99A;
        border-color: #19A388;
    }

/* notify */
.notify-title-left {
    float: left !important;
    font-size: 18px !important;
}

.notify-title-right {
    float: right !important;
    font-size: 14px !important;
}

.notify-text {
    font-size: 14px !important;
    margin-top: 15px;
    text-align: left !important;
    padding: 1rem !important;
}

.notify-no-data {
    position: relative;
    top: 35%;
    font-size: 16px;
}

.button-notify-delete {
    cursor: pointer;
}
/*.ui-pnotify .alert.ui-pnotify-container {
    color: #FFFFFF;
    background: #26B99A;
    border: 2px solid #19A388;
}*/