/*
* ====================================================================================================
* ARMS V2 STYLE CSS
* ====================================================================================================
*/
.panel-body {
    padding: 0px;
    background-color: #ECF0F5;
}
.panel-body .search-bar {
    padding: 5px;
    background-color: #EAEAEA;
    background-image: -webkit-linear-gradient(top, #FCFCFC, #EAEAEA);
    background-image: linear-gradient(to bottom, #FCFCFC, #EAEAEA);
    /*background-color: #f3f3f3;*/
    /*background-color: #f7f9fc;*/
    margin: 5px 0px;
    border: 1px solid #B5B5B5;
}
.panel-body .form-bar {
    padding: 5px;
    background-color: #ffffff;
    margin: 5px 0px;
    border: 1px solid #B5B5B5;
}
.panel-body.panel-deco {
    background-color: #E5E8ED;
    /*background-color: rgba(0, 0, 0, 0.03);*/
    border-radius: 3px;
    padding: 10px;
}
.panel-body.panel-deco > form > div {
    background-color: white !important;
}
.panel-body.panel-deco div.input-group input, .panel-body.panel-deco div.input-group select,
.panel-body.panel-deco div.input-group textarea, .panel-body.panel-deco div.input-group .checkbox {
    margin-left: 10px;
}
.panel-control > .form-control {
    height: 26px;
}
.form-body {
    padding: 15px;
    background-color: #fff;
}
.search-bar div.radio {
    padding-top: 1px;
}
.search-bar input.form-control, .search-bar .form-label,
.search-bar .addon-search-btn, .search-bar a.search-btn, .search-bar a.clear-btn, .search-bar a.download-btn,
.input-group .table-label, .input-group .form-control.form-table {
    height: 26px !important;
    padding: 3px 5px !important;
}
.search-bar div.bootstrap-select button {
    height: 26px !important;
    margin-left: 5px !important;
    padding: 3px 15px 3px 10px!important;
    border: 1px solid #A9A9A9 !important;
}
.search-bar div.bootstrap-select {
    padding-right: 5px;
}
.search-bar div.bootstrap-select button.dropdown-toggle .caret {
    right: 4px;
}
.search-bar .addon-search-btn {
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 2px !important;
    font-size: 12px;
    border-color: #CBCBCB !important;
}
.search-bar input.form-control {
    margin: 0px 0px 0px 5px !important;
}
.search-bar div.input-group {
    margin-right: 20px;
}
.search-bar .radio input[type=radio] {
    margin-left: -8px;
}
.search-bar .input-daterange.input-group {
    margin-right: 0px;
}
.search-bar div.input-group input {
    border-color: #A9A9A9;
}
.search-bar div.input-group .bs-searchbox > input[type=text] {
    width: 93% !important;
}
div.input-group .bs-searchbox > input[type=text] {
    width: 95% !important;
}
.search-bar div.input-group input[type=text].width-80 {
    width: 80px !important;
}
.search-bar div.input-group input[type=text].width-100 {
    width: 100px !important;
}
.search-bar div.input-group input[type=text].width-110 {
    width: 110px !important;
}
.search-bar div.input-group input[type=text].width-121 {
    width: 121px !important;
}
.search-bar div.input-group input[type=text] {
    width: 130px !important;
}
.search-bar div.input-group input[type=text].width-140 {
    width: 140px !important;
}
.search-bar div.input-group input[type=text].width-150 {
    width: 150px !important;
}
.search-bar div.input-group input[type=text].width-155 {
    width: 155px !important;
}
.search-bar div.input-group input[type=text].width-160 {
    width: 160px !important;
}
.search-bar div.input-group input[type=text].width-170 {
    width: 170px !important;
}
.search-bar div.input-group input[type=text].width-180 {
    width: 180px !important;
}
.search-bar div.input-group input[type=text].width-184 {
    width: 184px !important;
}
.search-bar div.input-group input[type=text].width-200 {
    width: 200px !important;
}
.search-bar div.input-group input[type=text].width-220 {
    width: 220px !important;
}
.search-bar div.input-group input[type=text].width-290 {
    width: 290px !important;
}
.search-bar div.input-group input[type=text].width-295 {
    width: 295px !important;
}
.search-bar div.input-group input[type=text].width-305 {
    width: 305px !important;
}
.search-bar div.input-group input[type=text].width-337 {
    width: 337px !important;
}
.search-bar div.input-group input[type=text].width-319 {
    width: 319px !important;
}
.search-bar div.input-group input[type=text].date-range {
    width: 90px !important;
}
.search-bar div.input-group input[type=text].width-97p {
    width: 97% !important;
}
.search-bar a.search-btn,
.search-bar a.clear-btn,
.search-bar a.download-btn {
    border-radius: 3px !important;
}
.search-bar button#searchBtn i.icon-lg,
.search-bar button#clearBtn i.icon-lg {
    font-size: 1.4em;
}
.search-bar div.panel-control i.icon-lg {
    line-height: 1em !important;
}
.modal-header {
    background-color: #eaeaea;
    border-bottom: 1px solid #cccccc;
    /*border-bottom: 1px solid #e5e5e5;*/
}
.modal .input-group .btn {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 90%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.btn.btn-label {
    pointer-events: none;
}
.btn.btn-gray {
    background-color: #eaeaea;
    border-color: #cccccc !important;
    color: #53595E;
}
div.modal-body div.input-group input, div.modal-body div.input-group select,
div.modal-body div.input-group textarea,  div.modal-body div.input-group .checkbox {
    margin-left: 10px;
}
div.modal-body button.btn-label {
    text-align:left;
}
div.modal-body button.btn-label i {
    margin-left: 5px;
}
div.modal-body div.bootstrap-select {
    width: 20%;
}
div.modal-body .search-bar div.bootstrap-select {
    width: 150px;
}
div.modal-body div.panel {
    margin-bottom: 0px;
}
div.modal-dialog.base-modal {
    width: 470px !important;
}
div.modal-dialog.modal-w-200 {
    width: 200px !important;
}
div.modal-dialog.modal-w-250 {
    width: 250px !important;
}
div.modal-dialog.modal-w-300 {
    width: 300px !important;
}
div.modal-dialog.modal-w-350 {
    width: 350px !important;
}
div.modal-dialog.modal-w-400 {
    width: 400px !important;
}
div.modal-dialog.modal-w-430 {
    width: 430px !important;
}
div.modal-dialog.modal-w-470 {
    width: 470px !important;
}
div.modal-dialog.modal-w-480 {
    width: 480px !important;
}
div.modal-dialog.modal-w-500 {
    width: 500px !important;
}
div.modal-dialog.modal-w-520 {
    width: 520px !important;
}
div.modal-dialog.modal-w-540 {
    width: 540px !important;
}
div.modal-dialog.modal-w-570 {
    width: 570px !important;
}
div.modal-dialog.modal-w-580 {
    width: 580px !important;
}
div.modal-dialog.modal-w-600 {
    width: 600px !important;
}
div.modal-dialog.modal-w-700 {
    width: 700px !important;
}
div.modal-dialog.modal-w-710 {
    width: 710px !important;
}
div.modal-dialog.modal-w-750 {
    width: 750px !important;
}
div.modal-dialog.modal-w-800 {
    width: 800px !important;
}
div.modal-dialog.modal-w-810 {
    width: 810px !important;
}
div.modal-dialog.modal-w-820 {
    width: 820px !important;
}
div.modal-dialog.modal-w-875 {
    width: 875px !important;
}
div.modal-dialog.modal-w-900 {
    width: 900px !important;
}
div.modal-dialog.modal-w-950 {
    width: 950px !important;
}
div.modal-dialog.modal-w-1000 {
    width: 1000px !important;
}
div.modal-dialog.modal-w-1010 {
    width: 1010px !important;
}
div.modal-dialog.modal-w-1100 {
    width: 1100px !important;
}
div.modal-dialog.modal-w-1200 {
    width: 1200px !important;
}
div.modal-dialog.modal-w-1300 {
    width: 1300px !important;
}
div.modal-dialog.modal-w-1340 {
    width: 1340px !important;
}
div.modal-dialog.modal-w-1410 {
    width: 1410px !important;
}
div.modal-dialog.modal-w-1450 {
    width: 1450px !important;
}
div.modal-dialog.modal-w-1500 {
    width: 1500px !important;
}
div.modal-dialog.modal-w-1520 {
    width: 1520px !important;
}
div.modal-dialog.modal-w-1550 {
    width: 1550px !important;
}
div.modal-dialog.modal-w-1650 {
    width: 1650px !important;
}
div.modal-dialog.modal-w-1600 {
    width: 1600px !important;
}
div.modal-dialog.modal-w-1700 {
    width: 1700px !important;
}
div.modal-dialog.modal-w-1720 {
    width: 1720px !important;
}
div.modal-dialog.modal-w-1800 {
    width: 1800px !important;
}
div.modal-dialog.modal-col-2 {
    width: 925px !important;
}
div.modal-dialog.modal-col-3 {
    width: 1050px !important;
}
div.panel.panel-dark.fullscreen div.panel-body {
    padding: 0px 10px;
}
div.bootbox.modal div.modal-dialog {
    width: 530px !important;
}
div.bootstrap-select > button.btn.dropdown-toggle.btn-default {
    background-color: #FCFCFC !important;
}
form.form-body div.input-group input,
form.form-body div.input-group select,
form.form-body div.input-group textarea {
    margin-left: 10px;
    font-size: 12px;
}
input.form-control, textarea.form-control {
    /*background-color: #FAFBFD;*/
    background-color: #FCFCFC;
}
input.form-control.readonly {
    background-color: #ECF0F5;
    cursor: not-allowed;
}
input.form-control.readonly:focus {
    outline: none;
}
.input-group-btn > .div-label {
    display: inline-block;
    border: 1px solid #ccc;
    border-bottom: 1px solid #8E8E8E;
    color: #53595E !important;
    border-radius: 1px !important;
    font-size: 12px;
    height: 40px;
    vertical-align: middle !important;
}
.input-group-btn > .form-label, .input-group-btn > .table-label {
    /*background-color: #dbdcde !important;
    border: 1px solid #bdbdbd;*/
    display: inline-block;
    background-color: #eaeaea !important;
    border: 1px solid #ccc;
    border-left: 2px solid #8E8E8E;
    /*border-bottom: 1px solid #8E8E8E;*/
    color: #53595E !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 6px;
    border-radius: 1px !important;
    font-size: 12px;
    height: 32px;
    vertical-align: middle !important;
    /*text-align: right !important;*/
}
.input-group-btn > .search-bar-label {
    /*background-color: #dbdcde !important;
    border: 1px solid #bdbdbd;*/
    height: 26px !important;
    color: rgba(45, 53, 60, 0.8) !important;
    display: inline-block;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif;
    vertical-align: middle !important;
}
.input-group-btn > .search-bar-label > i {
    margin-right: 5px;
}
body .jstree-default .jstree-clicked {
    background-color: #ccc !important;
    color: #3a444e !important;
}
body .jstree-default .jstree-wholerow-clicked {
    background: #ccc;
}
.input-daterange .input-group-addon.bord-no {
    background-color: #f7f9fc;
    min-width: 8px;
    padding-left: 4px;
    padding-right: 0px;
}
.modal-header.modal-header-mint {
    background-color: #26a69a;
    border-color: #26a69a;
    color: #fff;
    box-shadow: 0 1px 1px #13534d;
}
.search-bar .select2-container .select2-selection--single {
    height: 26px;
}
.search-bar .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
}
.search-bar .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
}
.search-bar .select2.select2-container.select2-container--default {
    margin-left: 5px;
}
.label.label-text {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    display: inline-block !important;
}
.label.label-text.label-w-150 {
    min-width: 150px !important;
}
.label.label-text.label-w-200 {
    min-width: 200px !important;
}
.table > tbody > tr > td.label-td, .table > tbody > tr > th.label-th {
    padding-top: 3px;
    padding-bottom: 3px;
}
.table td > .input-group .plain-text {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 10px;
}
.table-plain {
    clear: both;
    width: 100%;
    margin-top: 5px;
    border-collapse: collapse;
}
.table-plain tbody {
    border-top: 2px solid #949494;
}
.table-plain th {
    background-color: #f8f8f8;
    color: #333;
    font-weight: bold;
}
.table-plain th, .table-plain td {
    padding: 10px 7px;
    border-bottom: 1px solid #dcddde;
    color: #666;
}
.table-plain-b-comment {
    border-top:1px solid #eee; !important;" class="f-s-em-0_9 p-5
}
.top-menu .nav > li > a {
    display: inline-block;
}
.grid-link-column:hover,
.grid-event-column:hover {
    cursor: pointer;
    box-shadow: inset 0px 0px 1px 1px #0581f2;
    background: #e3f1ff;
    color: #000;
}
.grid-link-column {
    color: #0581f2;
}
.btn.btn-label {
    pointer-events: none;
}
.btn.btn-label.btn-gray {
    background-color: #eaeaea;
    border-color: #cccccc !important;
    color: #53595E;
}
div.modal-body button.btn-label {
    text-align:left;
}
div.modal-body button.btn-label i {
    margin-left: 5px;
}
/* ===== [ jsTree ] ===== */
.tree-panel {
    overflow: auto !important;
    border: 1px solid #ddd;
    background: #EAEAEA;
    padding: 0 10px 0 10px;
}
.tree-row {
    padding: 7px 76px 7px 7px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
}
/* ===== [ jsTree ] _END_ ===== */
ul.tasklist li[class^="task-"] {
    margin-bottom: 10px ;
    padding-top: 10px;
    padding-bottom: 25px;

}
.tasklist li {
    cursor: pointer;
}
.pagination > li > a, .pagination > li > span {
    border: 0px solid #ddd;
}
li.page-item .pagination>li>a {

}
.navbar-content {
    background: linear-gradient(90deg,#1e3a57 0,#25476a);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.08);
}
.brand-title {
    background-color: #1E3A57 !important;
}
div.pq-gridOverFlow {
    overflow: visible;
}

div.pq-grid.pq-theme * {
    font-size: 12px;
    font-family: 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #707478;
    line-height: 1.42857143;
    -webkit-font-smoothing: antialiased;
}
div.pq-grid.pq-theme i {
    font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}
div.pq-grid.pq-theme i.fa-xs {
    font-size: .75em;
}
div.pq-grid.pq-theme i.fa-sm {
    font-size: .875em;
}
div.pq-grid.pq-theme i.fa-1x {
    font-size: 1em;
}
div.pq-grid.pq-theme i.fa-1-3x {
    font-size: 1.3em;
}
div.pq-grid.pq-theme i.fa-1-5x {
    font-size: 1.5em;
}
div.pq-grid.pq-theme i.fa-1-7x {
    font-size: 1.7em;
}
div.pq-grid.pq-theme i.fa-2x {
    font-size: 2em;
}
.pq-grid-row.pq-striped {
    background: #f3f3f3;
}
.pq-table>.pq-grid-row>.pq-grid-cell.pq-focus {
    border: 1px solid #1D8DF3;
    /*background-image: -webkit-linear-gradient(top, #E5F6FF, #E3F1FF);*/
    background-image: -webkit-linear-gradient(top, #E3F1FF, #E5F6FF);
    background-image: linear-gradient(to bottom, #E3F1FF, #E5F6FF);
    /*background-color: #E3F1FF;*/
}
.pq-grid-row.pq-grid-title-row > .pq-grid-col {
    padding-top: 5px;
    padding-bottom: 1px;
}
.pq-table-left > .pq-grid-row.pq-grid-title-row > div {
    padding-top: 5px;
    padding-bottom: 1px;
}
.pq-filter-icon, .pq-menu-icon {
    height: 12px;
    position: absolute;
    top: 6px;
    right: 4px;
    opacity: .3;
}
.page-container .page-holder {
    padding-left: 12px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px !important;
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #FFFFFF;
    opacity: 1;
    filter: Alpha(Opacity=30); /* support: IE8 */
    border-radius: 8px;
}
.pq-theme .pq-grid-cell input[type="checkbox"] {
    margin-right: 0px;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    background-color: #fff !important;
    background-image: -webkit-linear-gradient(top, #fff, #F0F0F0) !important;
    background-image: linear-gradient(to bottom, #fff, #F0F0F0) !important;
}
.pq-theme input[type=checkbox], .pq-theme input[type=radio] {
    width: 16px;
    height: 16px;
    padding: 0;
    margin-bottom: 0;
    vertical-align: middle;
    position: relative;
    top: -2.5px;
}
.pq-theme select,
.pq-theme input[type="text"],
.pq-theme textarea {
    margin-top: -10px !important;
    margin-bottom: 3px;
}
.pq-grid.pq-theme.ui-widget.ui-widget-content {
    border: 1px solid #B5B5B5;
}
.pq-grid.pq-theme.panel {
    margin-bottom: 0px;
    border: 1px solid #B5B5B5;
}
div.pq-grid-row > div.pq-grid-cell {
    padding-top: 4px !important;
}
div.pq-grid-row > div.pq-grid-cell > input[type="checkbox"],
div.pq-grid-col-leaf .pq-title-span > input[type="checkbox"] {
    margin-top: 3px !important;
}
div.pq-grid-col-leaf .pq-title-span > input[type="checkbox"] {
    margin-left: 4px !important;
}
.pq-header-outer {
    background: #e9e9e9;
    border-bottom: 1px solid #cbcbcb;
}
.pq-grid-cell, .pq-grid-number-cell {
    padding: 5px 3px 1px;
    vertical-align: middle;
}
.pq-updated-cell {
    background-color: #DCF0F8;
}
.pq-grid-cell[title] {
    background-image: linear-gradient(-135deg, #4682B4 5px, transparent 5px) !important;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}
.glyphicon-triangle-right:before {
    content: "\f105";
}
.glyphicon-triangle-bottom:before {
    content: "\f107";
}
.pq-group-icon.glyphicon.glyphicon-triangle-right {
    padding-left: 4px;
    color: #21405F;
}
.pq-group-icon.glyphicon.glyphicon-triangle-bottom {
    padding-left: 4px;
    color: red;
}
.pq-grid-cell.pq-group-title-cell > span.pq-group-icon.glyphicon {
    margin-bottom: 4px;
}
.glyphicon-arrow-up:before {
    content: "\f106";
}
.glyphicon-arrow-down:before {
    content: "\f107";
}
.pq-col-sort-icon.glyphicon.glyphicon-arrow-up {
    top: -1px;
    padding-left: 4px;
    color: #21405F;
}
.pq-col-sort-icon.glyphicon.glyphicon-arrow-down {
    padding-left: 4px;
    color: #21405F;
}
.pq-col-sort-count{
    padding-left: 6px;
}
.pq-theme .pq-grid-cell.pq-align-vleft > div {
    position:relative;
    top:50%;
    transform:translateY(-50%);
    text-align: left;
}
.pq-theme .pq-grid-cell.pq-align-vcenter > div {
    position:relative;
    top:50%;
    transform:translateY(-50%);
    text-align: center;
}
.pq-theme .pq-grid-cell.pq-align-vleft, .pq-theme .pq-grid-cell.pq-align-vcenter {
    padding-top: 0px !important;
}
.list-group-item {
    background: rgba(237,237,237,1);
    background: -moz-linear-gradient(-45deg, rgba(237,237,237,1) 0%, rgba(242,242,244,1) 50%, rgba(243,243,243,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(50%, rgba(242,242,244,1)), color-stop(100%, rgba(243,243,243,1)));
    background: -webkit-linear-gradient(-45deg, rgba(237,237,237,1) 0%, rgba(242,242,244,1) 50%, rgba(243,243,243,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(237,237,237,1) 0%, rgba(242,242,244,1) 50%, rgba(243,243,243,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(237,237,237,1) 0%, rgba(242,242,244,1) 50%, rgba(243,243,243,1) 100%);
    background: linear-gradient(135deg, rgba(237,237,237,1) 0%, rgba(242,242,244,1) 50%, rgba(243,243,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#f3f3f3', GradientType=1 );
    border-bottom: 1px solid #B5B5B5;
    color: #707478;
}
.list-group-item a.role-btn {
    float: right !important;
}
.list-group.bord-all {
    border-color: #B5B5B5;
}
.display-hidden {
    display: none !important;
}
.list-group-item.item-dark-mode {
    background-color: #294f75 !important;
    background-image: none;
    border-color: #294f75 !important;
    color: #fff;
}
.nano.has-scrollbar {
    border: 1px solid #B5B5B5;
}
div.modal-body div.input-group .bs-searchbox input.form-control {
    margin-left: 0px;
}
.navbar-top-links > li > div.breadcrumb {
    height: 50px;
    display: table-cell;
    padding: 0 8px;
    /*padding: 11px 8px 0px;*/
    vertical-align: middle;
    color: #777;
    transition: all 0.4s;
}
.navbar-top-links > li > div > i {
    font-weight: 550;
    vertical-align: middle;
}
#container.mainnav-in .navbar-brand, #container.mainnav-lg .navbar-brand,
#container.mainnav-in .brand-title, #container.mainnav-lg .brand-title {
    width: 350px !important;
}
#navbar-container .navbar-header .navbar-brand {
    width: 450px !important;
}
.bootstrap-select .bs-searchbox + .dropdown-menu > li:first-child {
    padding-top: 2px;
}
.text-link {
    font-weight: normal;
    color: #337ab7;
    cursor: pointer;
}
.input-daterange .input-group-addon.date-range {
    width: auto;
    min-width: 3px;
    padding: 0px 0px 0px 6px;
    line-height: 1.42857143;
    border-width: 0px 0;
    margin-left: -5px;
    margin-right: -15px;
    background-color: rgba(255, 255, 255, 0);
}
.pq-state-select.pq-grid-row{
    background: #95c3eb;
}
.pq-state-select.pq-grid-row .pq-grid-cell, .pq-state-select.pq-grid-row .pq-grid-cell.pg-focus{
    color: #fff;
}
.pq-table>.pq-state-select.pq-grid-row>.pq-grid-cell.pq-focus {
    background-image: none;
}
div.pq-grid.pq-theme .pq-state-select.pq-grid-row div:not(.pq-grid-number-cell){
    color: #fff;
}
.selectedRowsFontBlue .pq-state-select.pq-grid-row div:not(.pq-grid-number-cell){
    color: #645CBB !important;
}

.op-3 { opacity: 0.3; }
.op-4 { opacity: 0.4; }
.op-5 { opacity: 0.5; }
.op-6 { opacity: 0.6; }
.op-7 { opacity: 0.7; }
.op-8 { opacity: 0.8; }
.op-9 { opacity: 0.9; }
/*
.nav-tabs {
    border-bottom: 2px solid #DDD;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-width: 0;
}
.nav-tabs > li > a {
    border: none; color: #666;
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
    border: none;
    color: #21527d !important;
    font-weight: 600;
    background: #fdfdfd;
}
.nav-tabs > li > a::after {
    content: "";
    background: #183E55;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}
.nav-tabs > li.active > a::after,
.nav-tabs > li:hover > a::after {
    transform: scale(1);
}
.tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}
.tab-pane {
    padding: 0px 0;
}
.tab-content {
    padding: 15px 0px 0px 0px;
    background: transparent;
}*/

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    /*background-color: #F1F1F1;*/
    background-color: #F6F6F6;
    border: 1px solid #B5B5B5;
    border-bottom-color: transparent;
}

.nav-tabs {
    border-bottom: 1px solid #B5B5B5;
}

.bs3.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.bs3.nav > li {
    position: relative;
    display: block;
}
.bs3.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.bs3.nav > li > a:hover,
.bs3.nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
}
.bs3.nav > li.disabled > a {
    color: #777;
}
.bs3.nav > li.disabled > a:hover,
.bs3.nav > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}
.bs3.nav .open > a,
.bs3.nav .open > a:hover,
.bs3.nav .open > a:focus {
    background-color: #eee;
    border-color: #337ab7;
}
.bs3.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.bs3.nav > li > a > img {
    max-width: none;
}
.bs3.nav-tabs {
    border-bottom: 1px solid #B5B5B5;
}
.bs3.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.bs3.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover, .bs3.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
    border-bottom-color: #183E55;
}
.bs3.nav-tabs > li.active > a,
.bs3.nav-tabs > li.active > a:hover,
.bs3.nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #B5B5B5;
    border-bottom-color: transparent;
}
.bs3.tab-content > .tab-pane {
    display: none;
}
.bs3.tab-content > .active {
    display: block;
}
.bs3.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.bs3.nav-tabs > li > a::after {
    content: "";
    background: #fff;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

/* modal 페이제 내의 tab 관련 css */
.modal-body .tab-base .nav-tabs > li:not(.active) > a {
    background-color: #f6f8fa;
}
.float-r {float: right}
.float-l {float: left}

/* 동적메타 폼 */
.input-form .row {
    display: flex;
}
.input-form .row > div {
    display: flex;
    align-items: center;
    padding: 10px;
}
.input-form .row > div:nth-child(2) {
    padding: 5px;
}
.input-form .row input.form-control {
    margin: 0 !important;
}
.input-form .row div:last-child > input[type='text'],
.input-form .row div:last-child > textarea,
.input-form .row div:last-child > span {
    width: 100%;
}
.input-form .row input[type='text'].date-picker {
    max-width: 90px;
}
.input-form div.bootstrap-select button {
    margin: 0px !important;
}
.callout-box {
    height: 100px;
    font-size: 1.2em;
    color: black;
    background-color: lightgrey;
    display: table-cell;
    vertical-align: middle;
    width: 1260px;
}
.callout-box-sm {
    color: #242424;
    background-color: lightgrey;
}
.callout-box-inline {
    display: inline-block;
    text-indent: 20px;
}
.arms-wave {
    font-size: 20px;
    font-weight: bold;
    font-family: Malgun Gothic;
    vertical-align: middle;
    line-height: 18px !important;
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 0px !important;
    padding-bottom: 2px !important;
}

.notice {
    padding: 10px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
    box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}

.title-gray {
    padding: 9px 10px;
    background-color: #eaeaea;
    border-left: 6px solid #7f7f84;
    border-top: 1px solid #DCDDDE;
    border-right: 1px solid #DCDDDE;
    border-bottom: 1px solid #DCDDDE;
}
.title-navy-blue {
    padding: 10px;
    color: #FFFFF5;
    background-color: #34495E;
    border-left: 8px solid #2A3A4B;
}
.title-violet {
    padding: 10px;
    color: #FFFFF5;
    background-color: #9B59B6;
    border-left: 8px solid #7C4792;
}
.title-blue {
    padding: 10px;
    color: #FFFFF5;
    background-color: #3498DB;
    border-left: 8px solid #2A7AAF;
}
.title-dark-gray, .title-main {
    padding: 10px;
    color: #FFFFF5;
    background-color: #414C57;
    border-left: 8px solid #2B323A;
}
.title-green {
    padding: 10px;
    color: #FFFFF5;
    background-color: #62CB31;
    border-left: 8px solid #4EA227;
}
.title-yellow {
    padding: 10px;
    color: #FFFFF5;
    background-color: #FFB606;
    border-left: 8px solid #CC9205;
}
.title-orange {
    padding: 10px;
    color: #FFFFF5;
    background-color: #E67E22;
    border-left: 8px solid #B8651B;
}
.title-red {
    padding: 10px;
    color: #FFFFF5;
    background-color: #E74C3C;
    border-left: 8px solid #B93D30;
}
.title-deep-red {
    padding: 10px;
    color: #FFFFF5;
    background-color: #C0392B;
    border-left: 8px solid #9A2E22;
}
.title-light-gray {
    padding: 10px;
    background-color: #FAFAFA;
    border-left: 8px solid #7F7F84;
}
.title-sub {
    padding: 10px;
    padding-left: 16px;
    background-color: #eaeaea;
    border-left: 2px solid #7f7f84;
    border-top: 1px solid #DCDDDE;
    border-right: 1px solid #DCDDDE;
    border-bottom: 1px solid #DCDDDE;
}
.form-text-in-label {
    border: 1px solid #00000012;
}
.bootstrap-select.form-control.input-group-btn.readonly {
    background-color: #ECF0F5 !important;
}

/**
통합검색 스타일 추가
 */
/*#searchResultTabNavi li{
    width: 25%;
    min-width: 250px;
}*/
.d-flex-space-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.d-flex-align-center{
    display: flex !important;
    align-items: center;
}

.d-flex{
    display: flex !important;
}
.d-flex-space-around {
    display: flex !important;
    justify-content: space-around;
}

#searchBar.total-search-bar .dropdown-toggle{
    max-height: none;
}

ul.search-list-wrapper.tasklist li[class^="task-"]{
    padding-bottom: 0 !important;
}
.search-list-wrapper div.detail-grid-row{
    display: flex;
    justify-content: space-between;
}
.search-list-wrapper div.detail-grid-row2{
    display: flex;
}
.search-list-wrapper div.detail-grid-row >div{
    width: 20%;
    padding: 5px;
}
.search-list-wrapper div.detail-grid-row2 >div{
    width: 20%;
    padding: 5px;
}
.search-list-wrapper div.detail-grid-row >div span{
    font-weight: bold;
    color: #2b323a;
    padding-left: 10px;
}
.search-list-wrapper div.detail-grid-row2 >div span{
    font-weight: bold;
    color: #2b323a;
    padding-left: 10px;
}
.filter-elem .bootstrap-select{
    margin-bottom: 0px;
}

#aside-container .aside-pin{
    padding: 0px 10px !important;
    margin-right: 5px !important;;
    font-size: 18px !important;;
    font-weight: 600 !important;;
    color: #aeaeae !important;;
}

#aside-container .aside-pin >i{
    transform: rotate(30deg);
}

#aside-container .aside-pin:hover{
    color: #83bddc !important;;
}

#aside-container .aside-pin.pinned{
    color: #ae378c !important;;
}

/* 준공자료 */
.oldDetailTitle{
    max-width: fit-content;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

/**
 ** 부서이력 Timeline
**/
#deptHistoryTimeline.timeline:before{
    left:99px;
    width: 2px;
}
#deptHistoryTimeline.timeline:after{
    left: 94px;
    width: 13px;
    height: 13px;
    border: 2px solid #bfc5c9;
}
#deptHistoryTimeline.timeline .timeline-header:first-child{
    margin-left: 50px;
}
#deptHistoryTimeline.timeline .timeline-stat{
    width: 200px;
}
#deptHistoryTimeline.timeline .timeline-time{
    max-width: 200px;
    font-weight: 700;
    font-size: 1.3em;
}
#deptHistoryTimeline.timeline .timeline-label{
    margin-left: 200px;
}

/**
 * zTree Icon테스트 - 보존용기 신청
**/
.ztree li span.button.CONTAINER_ico_docu{

}
.ztree li span.button.FILING_ico_docu{
    .fas; .fa-lg; .fa-fw; .fa; .fa-newspaper-o;
}

.dropdown-menu.open, .dropdown-menu.inner{
    max-height: 350px !important;
}

/**
 ** toggleSideBtn - 화면 접는 버튼
**/
.rightSideDiv a {
    position: absolute;
    padding: 15px 20px 15px 0px;
    width: 20px;
    text-decoration: none;
    font-size: 20px;
    color: white;
    border-radius: 0 5px 5px 0;
    display: inline-block;
    top: 150px;
    background-color: #555;
    z-index: 1;
}
.leftSideDiv a {
    position: absolute;
    left: -15px;
    padding: 15px 20px 15px 5px;
    width: 20px;
    text-decoration: none;
    font-size: 20px;
    color: white;
    border-radius: 5px 0 0 5px;
    display: inline-block;
    top: 150px;
    background-color: #555;
    z-index: 1;
}




/*
* ====================================================================================================
* ARMS V2 STYLE CSS
* 손금왕 추가 수정
* 2022-08-23
* ====================================================================================================
*/

/******************************* base ***************************/

/* 스크롤바
::-webkit-scrollbar-track{
    background-color: #fff;
}
::-webkit-scrollbar{
    width: 5px;
    height: 5px;
    background-color: #fff;
}
::-webkit-scrollbar-thumb{
    border-radius: 2px;
    background-color: #333;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    /*border-radius: 250px;*/
}
::-webkit-scrollbar-thumb {
    background: rgba(109,119,140,.3);
    cursor: default;
    border-radius: 250px;
    background-clip: padding-box;
    border: 2px solid transparent;
}
::-webkit-scrollbar-thumb:hover{
    background: rgba(0,0,0,.7);
    background-clip: padding-box;
    border: 2px solid transparent;
}
::-webkit-scrollbar-track {
    opacity: 0.3;
    cursor: default;
    border-radius: 250px;
}



body{
    /*font-size:14px;*/
}
.f0:after { content:""; display: block; clear:both; overflow:hidden}
.fl { float:left}
.fr { float:right}
.flex{ display: flex; align-items: center;}
.flex-center{ display: flex; justify-content: center; align-items: center;}
.flex-left{ display: flex; justify-content: flex-start; align-items: center;}
.flex-right{ display: flex; justify-content: flex-end; align-items: center;}
.gap-5{ gap:5px}
.gap-10{ gap:10px}
.gap-15{ gap:15px}
.gap-20{ gap:20px}
.gap-25{ gap:25px}
.gap-30{ gap:30px}


.label{
    font-weight: normal;
}
.btn {
    /*font-size: 14px;*/
    /*padding: 3px 5px;*/
}
.btn.dropdown-toggle{
    /*line-height: 1.475;*/
}
.icon-lg {
    /*font-size: 1em;*/
    /*line-height: 1em;*/
}
.search-bar .btn i{
    /*font-size: 14px;*/
    /*margin-top: -6px;*/
}/*
#searchBtn i{
    font-size: 14px !important;
    line-height: 1.5;
}*/
.search-bar .icon-lg{
    line-height: 0.8;
}
.search-bar .btn{
    padding:3px 6px;
}
.search-bar.form-inline{
    display: block;
}
.btn-sm{
    /*font-size: 12px;*/
}
.form-control {
    /*font-size: 14px;*/
}
.btn-primary, .label-primary, .badge-primary, .progress-bar-primary, .alert-primary, .bg-primary {
    background-color: #0C98F6;
    border-color: #0C98F6 !important;
}
.btn-primary:hover, .label-primary:hover, .badge-primary:hover, .progress-bar-primary:hover, .alert-primary:hover, .bg-primary:hover {
    background-color: #007cd0 !important;
    border-color: #007cd0 !important;
}
.btn-primary:focus, .label-primary:focus, .badge-primary:focus, .progress-bar-primary:focus, .alert-primary:focus, .bg-primary:focus {
    background-color: #007cd0 !important;
    border-color: #007cd0 !important;
}
.callout-box-sm{
    background: #ebf2ff;
    border-top:1px solid #d3d8e1;
    border-right:1px solid #d3d8e1;
    border-bottom:1px solid #d3d8e1;
}

input.form-control:focus, textarea.form-control:focus{
    border-color: #0C98F6 !important;
}
.search-bar div.input-group input[type=text],
.magic-radio + label, .magic-checkbox + label  {
    /*font-size:14px;*/
}
input.form-control.readonly {
    border-color: #E9EBEE !important;
    background-color: #F2F3F6;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #E9EBEE;
    background-color: #F2F3F6;
}
.toggle-switch:checked + label:before {
    background-color: #0C98F6;
}


/* datepicker input */
.search-bar div.input-group input[type=text].width-80.datepicker,.search-bar div.input-group input[type=text].date-range{
    width:80px !important;
    text-align: left;
    letter-spacing: -1.0px;
}
.search-bar div.input-group input[type=text].width-80.datepicker::placeholder,.search-bar div.input-group input[type=text].date-range::placeholder{
    font-size:12px;
}
body .datepicker table tr td span.active.active, body .datepicker table tr td span.active.disabled.active, body .datepicker table tr td span.active.disabled:active, body .datepicker table tr td span.active.disabled.active:hover, body .datepicker table tr td span.active.disabled:hover:active, body .datepicker table tr td span.active:active, body .datepicker table tr td span.active.active:hover, body .datepicker table tr td span.active:hover:active, body .datepicker table tr td.active.active, body .datepicker table tr td.active.highlighted.active, body .datepicker table tr td.active.highlighted:active, body .datepicker table tr td.active:active, body .datepicker table tr td.selected, body .datepicker table tr td.selected.highlighted{
    background-color: #0C98F6;
    border-color: #0C98F6;
    color: #fff;
}
.datepicker table tr td.today:hover{
    color: #000;
    background-color: #ffdb99 !important;
    border-color: #ffb733 !important;
}
.active.day:hover{
    background-color: #0C98F6 !important;
    border-color: #0C98F6 !important;
}
.datepicker::placeholder{
    position: relative;
    top:-3px;
}

/* radio box*/
.magic-radio + label:after {
    background: #0C98F6;
}
.magic-radio:checked + label:before {
    border: 2px solid #0C98F6;
}
/******************************* layout ***************************/
@media (min-width: 768px) and (max-width: 991px){
    #container.mainnav-lg #content-container, #container.mainnav-lg #footer {
        left: 0px
    }
}
#container.navbar-fixed > #navbar{
    height: 50px;
}
.navbar-content{
    background: #fff;
    border-bottom: 1px solid #eee;
}

.list-group-item{
    border:0
}
/* gnb 오른쪽 userInfo */
.navbar-top-links > li > a,
.navbar-top-links > li > a:not(.mainnav-toggle) > i {
    color: #707478;
}
.navbar-top-links .head-list li a {
    font-size: 12px;
}
.navbar-top-links > li > a,#dropdown-user .ic-user {
    height: 48px !important;
}
.navbar-top-links > li > a:hover {
    background-color: #fff !important;
    color: #555;
}
.navbar-top-links > .open > a, .navbar-top-links > .open > a:focus {
    background-color: #fff !important;
    color: #555;
}
#container .badge {
    font-size: 10px;
}

.main-title {
    padding: 0 20px;
    background-color: #3F4658;
}
.main-title > span{ padding: 0}
/*.main-title .btn{ font-size:14px;}*/

#content-container > #page-content {
    padding-top: 50px;
}

#container.mainnav-in .navbar-brand, #container.mainnav-lg .navbar-brand, #container.mainnav-in .brand-title, #container.mainnav-lg .brand-title {
    background: #fff !important;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    padding-left: 20px;
}
/* breadcrumb
.breadcrumb:after{ content:""; display:block; clear: both;overflow: hidden; font-size:12px}
.breadcrumb{
    position: fixed;
    display: block;
    width: 100%;
    height: 40px !important;
    top:50px;
    left:0;
    text-align: left;
    background: #fff;
    margin-top: 0px;
    margin-bottom: 5px;
    webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.12);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.12);
    color: #707478 !important;
    padding: 11px 0 0 20px !important;
}
.breadcrumb > li{
    float: left;
    font-size:12px;
    padding-top:10px
}
.breadcrumb > li:last-child{
    font-weight: bold;
}*/

/* 즐겨찾기 리스트 */
.tasklist{
    background: none;
    padding:0;
}
.tasklist li{
    margin: 5px 0;
    padding: 5px;
}
/* panel */
.title-dark-gray, .title-main {
    padding: 5px 10px 5px 10px;
    color: #777;
    background: none;
    border-left: none !important;
    /*font-size: 14px;*/
}
.nano.has-scrollbar {
    border: 1px solid #d3d8e1;
}
.panel-dark .panel-heading, .panel-dark .panel-footer, .panel-dark.panel-colorful{
    background: #3F4658;
}
.panel-body .search-bar{
    background: #fff;
    border: 1px solid #d3d8e1;
    padding: 10px 15px;
    margin: 5px 0;
}
.search-bar div.input-group {
    margin-right: 15px;
}

.kr-brand-icon{
    width:120px;
    height: auto;
    margin: 0;
}
.kr-brand-text > span{
    display: none;
}
.kr-brand-text > span.print-iblock{
    display: inline-block;
}
.kr-brand-text {
    color:#444;
    font-size: 15px;
    font-weight: 600;
    /*margin: 6px 0 0 0;*/
}
.panel-title,.input-group-btn > .search-bar-label{
    /*font-size: 14px;*/
}
.panel-title .icon-lg {
    /*font-size: 14px;*/
    /*line-height: 1em;*/
}
.input-group-btn > .search-bar-label{
    padding-top: 3px !important;
    padding-left: 0 !important;
}
.search-bar div.input-group input,
.search-bar div.bootstrap-select button {
    border-color: #DBDDE2 !important;
    border-radius: 0;
}
.search-bar div.input-group input:focus,
.search-bar div.bootstrap-select button:focus {
    border-color: #0C98F6 !important;
}
.search-bar .addon-search-btn{
    /*font-size:14px;*/
}
/* dropdown menu */
.dropdown-menu {
    border: none;
    /*font-size:14px;*/
    border-radius:   0px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 12%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 12%);
}
.dropdown-menu:not(.head-list) > li > a:hover {
    background-color: #0C98F6;
}
.dropdown-menu .nano.has-scrollbar {
    border: none;
}
.dropdown-menu .bord-top {
    border-top: 1px solid rgba(0, 0, 0, 0.07)
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary:disabled, .btn-primary.disabled, .btn-primary:not([class*="btn-active-"]) + .dropdown-menu > li > a:hover, .btn-primary:not([class*="btn-active-"]) + .dropdown-menu > li > a:focus, .btn-primary:not([class*="btn-active-"]) + .dropdown-menu > .active > a, .btn-primary + .dropdown-menu:not(.head-list) > li > a.active, .open > .dropdown-toggle.btn-primary, .btn-hover-primary:hover, .btn-hover-primary:active, .btn-hover-primary.active, .btn-active-primary.btn:active, .btn-active-primary.btn.active, .btn-active-primary + .dropdown-menu > li > a:hover, .btn-active-primary + .dropdown-menu > li > a:focus, .btn-active-primary + .dropdown-menu > .active > a, .open .dropdown-toggle.btn.btn-active-primary, .btn-group.open .dropdown-toggle.btn.btn-active-primary {
    background-color: #0C98F6 !important;
    border-color: #0C98F6 !important;
    color: #fff !important;
}

/* tab
.nav-tabs {
    border-bottom: 2px solid #D3D8E1;
}
.nav-tabs i{
    display: none;
}
.nav-tabs > li > a::after {
    background: #3F4658;
    background: #0C98F6
}
.nav-tabs > li > a {
    background: #DBE3EC;
}
.nav-tabs > li > a {
    color: #7a878e;
    font-size:1.0em
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
    color: #555 !important;
    background: none;
}*/
.nav-tabs > li > a {
    font-size:1.0em
}
.panel-body .nav-tabs>li.active>a, .panel-body .nav-tabs>li.active>a:focus, .panel-body .nav-tabs>li.active>a:hover {
    background-color: #fff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,
.nav-tabs.bg-none>li.active>a, .nav-tabs.bg-none>li.active>a:focus, .nav-tabs.bg-none>li.active>a:hover{
    background-color: #F5F6FA;
    border-bottom-color: #F5F6FA;
}
.panel-body .nav-tabs>li >a:hover:not(.panel-body .nav-tabs>li.active >a:hover){
    background: #eef0f6;
    border-top:1px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
}
.nav-tabs > li > a::after {
    border:none !important;
}

.nav .fa-star{
    margin:15px 0px 0 0;
    font-size:18px;
    cursor: pointer;
}

/* top-menu */
.top-menu {
    background: #fff !important;
    webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%);
    font-size:16px;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%) 0px 1px 3px 0px;
    z-index: 41;
    z-index: 1001;
}

.top-menu .nav > li.active > a, .top-menu .nav > li.active > a:hover, .top-menu .nav > li.active > a:focus {
    background: #fff;
    /*border-bottom: 3px solid #0C98F6;*/
    color: #555;
}
.top-menu .nav > li.active  > a:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 3px;
    background: #0C98F6;
    left:3px;
}
.top-menu li > a i, .top-menu li > a .caret {
    display: none;
}
.top-menu li > a .caret{
    display: none !important;
}
.top-menu .nav > li > a {
    font-size: 14px;
    margin: 0 10px;
    color: #555;
}

.top-menu .nav .sub-menu {
    background-color: #fff;
    font-size: 13px;
}
.navbar-content {
    box-shadow: none;
}
body, #content-container, #navbar,.fixed-fluid [class*="fixed-"],.bg-default,.panel-body {
    background-color: #F5F6FA !important;
}
.modal .panel-body {
    background-color: inherit !important;
}
.navbar-content .text-warning{
    color: #F6C70C !important;
}
.top-menu .nav > li > a {
    font-weight: normal;
}
.top-menu .nav > li.active > a, .top-menu .nav > li.active > a:hover, .top-menu .nav > li.active > a:focus {
    font-weight: bold;
}

.top-menu .nav > .has-sub > a+ul.sub-menu {
    border: 0px solid #ccc;
    webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.12);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.12);
}

/* gnb 좌우 컨트롤 */
.top-menu .nav > li.menu-control {
    background: #fff;
}
.top-menu .nav > li.menu-control:hover {
    background: #F1F3F9;
}
.top-menu .nav > li.menu-control > a i{
    color:#777
}
.top-menu .nav > li.menu-control.menu-control-left > a,
.top-menu .nav > li.menu-control.menu-control-right > a {
    box-shadow: none;
}
.top-menu .nav .sub-menu{
    border: none;
    padding-left: 20px;
}
#top-menu > ul > li > ul > li > ul > li {
    margin-left: 10px;
}
.top-menu .nav .sub-menu a{
    position:relative;
    padding-left: 10px;
    width: 100%;
    color:#777;/*
    font-weight: bold;*/
}
.top-menu .nav .sub-menu .active a{
    color:#2a72b5 ;
}
.top-menu .nav .sub-menu a:before{
    content: "";
    position: absolute;
    left:0;
    top:11px;
    top:13.5px;
    width:3px;
    height: 3px;
    background: #ccc;
    border-radius: 250px;
}
.top-menu .nav .sub-menu.second-sub{
    box-shadow: none;
    margin-bottom: 10px;
    padding-left: 0px;
    width: 100%;
}
.top-menu .nav .sub-menu.second-sub  a{
    position:relative;
    /*font-size:14px;*/
    padding: 2px 20px;
    padding-left: 10px;
    color:#999;
    font-weight: normal;
}
.top-menu .nav .sub-menu.second-sub  a:hover{
    color:#555;
}
.top-menu .nav .sub-menu.second-sub  a:before{
    content: "";
    position: absolute;
    left:0;
    top:13px;
    width:5px;
    height: 1px;
    background: #ccc;
}

.top-menu .nav .sub-menu.second-sub .active  a{
    color:#2a72b5 ;
}


@media screen and (min-width: 1600px) {/*
    .top-menu {
        margin-top: 5px;
        background: #fff !important;
        webkit-box-shadow: none;
        box-shadow: none;
        font-size:14px;
        top:-1px !important;
        left:50%;
        margin-left: -550px;
        width: 1000px;
    }
    .top-menu .nav > li.menu-control.menu-control-left {
        display: none !important;
    }
    .top-menu .nav > li.menu-control.menu-control-right {
        display: none !important;
    }

    .top-menu .nav{
        margin-left:0 !important;
    }
    .top-menu .nav > li > a {
        font-size: 16px;
        position: relative;
        margin: 0 10px;
        padding-bottom: 15px;
    }*/
}
@media (min-width: 1600px) and (max-width: 1700px) {
    /*.top-menu .nav > li > a {*/
    /*    font-size: 14px;*/
    /*    margin: 0 10px;*/
    /*}*/
    /*.top-menu {*/
    /*    transform:translate(calc(-50% - 80px), 0);*/
    /*}*/
}
@media screen and (max-width: 1599px) {
    /*.top-menu {*/
    /*    top:50px !important;*/
    /*    margin: 0;*/
    /*    font-size:13px;*/
    /*}*/
    /*.top-menu .nav > li > a {*/
    /*    font-size: 14px;*/
    /*    margin: 0 10px !important;*/
    /*    padding-bottom: 10px;*/
    /*}*/
    /*.breadcrumb{*/
    /*    display: none!important;*/
    /*}*/
}
@media screen and (max-width: 999px) {
    .breadcrumb{
        display: none!important;
    }
}
@media screen and (max-width: 768px) {
    .top-menu .nav > li > a {
        margin: 0 0px;
    }
    .navbar-header {
        display: block;
        margin-top: -50px;
        position: fixed;
    }
}
@media screen and (max-width: 420px) {
    .content {
        padding: 15px;
    }
    html,body{ min-width: 360px}
    .brand-title1 strong{
        font-size:11px;
        margin: 12px 0 0 10px;
    }
    .top-menu .nav > li > a {
        font-size: 15px;
        margin: 0px 5px;
    }
}

/******************************* table ***************************/
/*pq-grid*/
.pq-grid:before{
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}
.pq-header-outer {
    border-color: #D3D8E1;
}
.pq-header-outer .pq-cont-inner {
    background: none;
    background-color:none;
    background: #F8F9FD;
    background-color: #F8F9FD;
}
.pq-td-border-top > .pq-grid-row > .pq-grid-cell,
.pq-cont-inner > .pq-td-border-top > .pq-grid-row {
    border-bottom-color: #E8EBEF;
}
.pq-theme .ui-widget-header {
    background: #F8F9FD;
    border-color: #D3D8E1;
}
.pq-body-outer .pq-grid-number-cell, .pq-summary-outer .pq-grid-number-cell {
    background: #fff;
}
.pq-grid-col {
    border-color: #D3D8E1;
}
.pq-grid-col:hover {
    background: #eef0f6;
}
.pq-grid-row > .pq-grid-number-cell, .pq-grid-number-col {
    border-color: #E8EBEF;
    /*text-align: center;!* 번호 cell *!*/
}
.pq-td-border-right > .pq-grid-row > .pq-grid-cell {
    border-right-color: #E8EBEF;
}

div.pq-theme {
    color: #333;
    border-color: #D3D8E1 !important;
    background: #fff;
    border-radius: 0;
}
.pq-theme > .pq-grid-top {
    background: #fff;
    color: #333;
    border-color: #D3D8E1;
}
.pq-grid-title, .pq-group-header {
    background: #fff;
    border-color: #D3D8E1;
}
.pq-cont-lt, .pq-cont-tr, .pq-body-outer .pq-cont-left {
    border-color: #E8EBEF;
}

/* cell 높이 조정 thead */
.pq-table-left > .pq-grid-row.pq-grid-title-row > div, .pq-grid-header-table .pq-td-div .pq-title-span {
    /*font-size: 14px;*/
    /*height: 36px !important;*/
    /*line-height: 25px !important;*/
    /*text-align: center;*/
}
.pq-grid-row.pq-grid-title-row > .pq-grid-col{
    /*height: 36px !important;*/
    /*line-height: 25px !important;*/
}


/* cell 높이 조정 tbody */
.pq-grid-row > .pq-grid-number-cell, .pq-grid-number-col, .pq-grid-cell{
    /*min-height: 30px !important;*/
    /*line-height: 20px !important; ;*/
}

.ui-corner-top{display: none}/* 그리드 타이틀  */
.pq-grid-cell-hover.ui-state-hover,
.pq-grid-row-hover.ui-state-hover {
    background: none;
}
.pq-grid-row.pq-striped {
    background: #fff;
}
.pq-state-select.pq-grid-row {
    background: rgba(12,152,246,0.1);
    color: #555;
}

/* 체크박스 선택시 배경 색상 */
.pq-state-select {
    background: rgba(12,152,246,0.1) !important;
}
/* 체크박스 선택시 폰트 색상 */
div.pq-grid.pq-theme .pq-state-select.pq-grid-row div:not(.pq-grid-number-cell) {
    color: #707478;
}
.pq-table>.pq-grid-row>.pq-grid-cell {
    border-left:1px rgba(12,152,246,1.00012)!important;
    /*font-size:14px;*/
    /*line-height: 21px !important;*/
}

.pq-table>.pq-grid-row>.pq-grid-cell.pq-focus {
    border:1px solid rgba(12,152,246,1) !important;
    background:rgba(12,152,246,0.1) !important;
    outline: none !important;
    z-index: 999;
}

/* 선택시 th 값*/
.pq-grid-overlay {
    background: rgba(12,152,246,0.01);
    border:1px solid #ccc;
}
.pq-number-overlay, .pq-head-overlay {
    background: rgba(12,152,246,0.025);
    border:none;
}

.pq-col-sort-asc, .pq-col-sort-desc {
    background: rgba(12,152,246,0.1);
}

div.pq-grid.pq-theme * {
    font-weight: normal;
    /*font-size: 14px;*/
}
.pq-grid-footer span{
    /*font-size: 12px !important;*/
}
.pq-grid .label, .pq-grid .btn{
    /*font-size:12px !important;*/
    min-width: 63px;
    display: inline-block;
}
.pq-grid .btn.add-tooltip{
    min-width: inherit;
}
.pq-grid .btn.btn-modal-dept{
    min-width: inherit;
}

/* 작은 버튼 수정 */
div.pq-grid.pq-theme .button-sm span{
    font-weight: normal;
    /*font-size: 12px !important;*/
}
div.pq-grid.pq-theme .button-sm{
    line-height: 1.2 !important;
    position: relative;
    top:-2px;
}
.page-container{
    background: none;
    border: 1px solid #D3D8E1;
    border-top:none;
}

.pq-grid-cell.pq-group-title-cell > span.pq-group-icon.glyphicon:hover{
    border-color:transparent;
}
.pq-group-icon.glyphicon.glyphicon-triangle-bottom {
    color: #0C98F6;
}
/* table-plain */
.table-plain {
    /*font-size: 14px;*/
}
.table > tbody > tr > td.label-td, .table > tbody > tr > th.label-th {
    padding-top: 3px;
    padding-bottom: 3px;
}
.table td > .input-group .plain-text {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 10px;
}
.table-plain tbody {
    border-top: 1px solid #D3D8E1;
}
.table-plain th {
    background-color: #F8F9FD;
    color: #333;
    font-weight: normal;
}
.table-plain th, .table-plain td {
    padding: 4px 7px;
    border-bottom: 1px solid #ebeef4;
    color: #666;
    height:27px;
}

.table-plain tr:last-child th,.table-plain tr:last-child td {
    border-bottom: 1px solid #D3D8E1;
}

table .text-red-lighter{
    display: table-cell;
    position: inherit;
    /*font-size: 14px;*/
}
table i.text-red-lighter{
    display: inline-block;
    /*font-size:12px;*/
}

/* pagination */
.pagination {
    /*padding-top: 5px;*/
}
.light-theme .current {
    background: #0C98F6;
    border-color: #0C98F6;
    box-shadow: none;
}

.light-theme .current.prev, .light-theme .current.next{
    background: #fff;
    border-color: #DBDDE2;
    box-shadow: none;
    color: #333;
}
.pagination-sm > li > a, .pagination-sm > li > span {
    /*padding: 2px 7px;*/
    background: none;
    border: 1px solid #DBDDE2;
    box-shadow: none !important;
}
.pagination-sm.simple-pagination {
    /*padding-top: 3px;*/
}
.pli-arrow-left-2{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(/images/chevron-double-left.svg) no-repeat;
    background-size:14px 14px;
    width:14px;
    height:14px;
    opacity: 0.7;
}
.pli-arrow-left, .psi-arrow-left{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(/images/chevron-left.svg) no-repeat;
    background-size:14px 14px;
    width:14px;
    height:14px;
    opacity: 0.7;
}
.pli-arrow-right-2{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(/images/chevron-double-right.svg) no-repeat;
    background-size:14px 14px;
    width:14px;
    height:14px;
    opacity: 0.7;
}
.pli-arrow-right-3{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(/images/chevron-right.svg) no-repeat;
    background-size:50px 50px;
    width:50px;
    height:50px;
    opacity: 0.7;
}
.pli-arrow-right, .psi-arrow-right{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(/images/chevron-right.svg) no-repeat;
    background-size:14px 14px;
    width:14px;
    height:14px;
    opacity: 0.7;
}

.disabled .pli-arrow-left-2,.disabled .pli-arrow-left,.disabled .pli-arrow-right-2,.disabled .pli-arrow-right{
    opacity: 0.3;
}

div.pq-grid.pq-theme i.fa-1-5x {
    font-size: 1.2em;
    line-height: 1.6;
}

/* 통합검색 */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #0C98F6;
    border-color: #0C98F6;
}

/* modal */

/* close btn */
.modal-header .pci-cross{
    margin-top: 3px;
}
.modal-header .pci-cross:before {
    width: 1.78em;
    height: 1px;
}
.modal-header .pci-cross:after {
    height: 1.8em;
    width: 1px;
}
.pci-circle {
    border: none;
}

.modal.in .modal-dialog {
    box-shadow: 5px 5px 15px rgb(0 0 0 / 20%);
}
.modal-header {
    background-color: #f3f4f9;
}
.modal-title {
    font-size: 17px;
    color: #555;
}
.modal-content {
    border: 0;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 12%);
}

/* modal alert */
.modal .alert-primary,.modal .alert-primary:hover {
    background-color: #f4f5f9 !important;
    border-color: #0C98F6 !important;
    color:#53595E !important
}
.modal .alert-info,.modal .alert-info:hover {
    background-color: #f4f5f9 !important;
    border-color: #5acacd !important;
    color:#53595E !important
}

.bord-top {
    border-top: 1px solid #D3D8E1;
}
.input-group-btn > .form-label, .input-group-btn > .table-label {
    display: inline-block;
    /*background-color: #F8F9FD !important;*/
    background: none !important;
    border: none;
    border-left: none;
    /*border-bottom: 1px solid #E8EBEF;*/
    color: #53595E !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 6px;
    border-radius: 1px !important;
    /*font-size: 14px;*/
    height: 32px;
    vertical-align: middle !important;
}
.form-horizontal .checkbox span, .form-horizontal .radio span{
    margin-right: 15px;
}
.text-red-lighter {
    font-size: 9px;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

/* js tree */
.jstree-default .jstree-anchor {
    font-size: 13px;
}
.jstree-default .jstree-icon:empty {
    font-size: 12px;
}
body .jstree-default .jstree-wholerow-clicked,
body .jstree-default .jstree-clicked{
    background: #eaf2fe !important;
}
body .jstree-default .jstree-wholerow-hovered {
    background: #eaf2fe !important;
}

/* 좌측 메뉴 */
#mainnav-menu-wrap {
    margin-top: -3px;
    height: calc(100% - 34px);
}
#mainnav .list-header {
    font-size: 16px;
    padding: 25px 15px 20px 15px;
}
#mainnav-menu a {
    padding:10px 18px;
}
#mainnav-menu a i{
    display: none;
}
#mainnav-menu > .active-sub > a, #mainnav-menu > .active-sub > a:hover {
    color: #0C98F6;
    background:none;
    padding-left:28px;
    margin:0;
}

#mainnav-menu a{
    position: relative;
    padding-left:28px ;
}
#mainnav-menu a:before{
    content: "";
    position: absolute;
    left:17px;
    top:16.5px;
    width:3px;
    height: 3px;
    background: #ccc;
    border-radius: 250px;
}

/* 권한목록 */
.list-group-item.item-dark-mode {
    background-color: #0C98F6 !important;
    border-color: #0C98F6 !important;
    color: #fff;
}
.list-group-item.item-dark-mode i{
    color: #fff !important;
    font-size: 16px;
}


/* icon */
.ld-list{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    padding-right: 35px;
}
.ld-list > li{
    width:calc(100%/5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.ld-list > li a:hover{
    background: rgba(0,0,0,0.05);
    border-radius: 20px;
}
.ld-list > li a{
    padding:20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    max-width: 170px;
}
.ld-list .ld-item{
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ld-list > li a:hover .ld-item{
    text-decoration:none;
    transform:translateY(-4px);
    box-shadow:3px 3px 5px 0px rgba(0,0,0,.17);
}

.ld-list .ld-item.ld-bg-primary{
    background: #0C98F6;
}
.ld-list .ld-title{
    margin-top: 10px;
    display: inline-block;
    /*font-size: 14px;*/
    color: #486582;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
}

/* search bar */
.clear-btn.btn-purple{
    background: #F1F3F9 !important;
    border-color: #F1F3F9 !important;
    color:#0D0D0D !important;;
}
.clear-btn.btn-purple:hover,
.clear-btn.btn-purple:focus{
    background: #E4E7EF !important;
    border-color: #E4E7EF !important;
}
/* btn style */

.btn:not(.disabled):not(:disabled):hover {
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0);
}
.btn.focus,
.btn:focus,
.btn:hover {
    color: inherit;
}
.btn:not(.disabled):not(:disabled):active,
.btn:not(.disabled):not(:disabled).active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0)r
}
.btn-success, .btn-success:focus{
    background-color: #414c57 !important;
    border-color: #3a444e !important;
    color: #fff;}
.btn-success:hover{
    background-color: #2b323a !important;
    border-color: #2b323a !important;
}

/* 로딩바 사이즈 변경 */
.spinner img{
    width:50px !important;
}

.tasklist .task-info {
    border-left-color: transparent !important;
}
/*
#nanoScrollTree .nano-content{
    padding:15px;
}*/

.nano-content .bg-aqua-darker {
    background-color: #0C98F6 !important;
}

#searchBar .input-white, div.bootstrap-select > button.btn.dropdown-toggle.btn-default{
    border: none;
}

/* icon */
.pli-home{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(/images/icon-gnb-home.svg) no-repeat;
    width:16px;
    height:16px;
}

.pli-magnifi-glass{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(/images/icon-gnb-search.svg) no-repeat;
    width:16px;
    height:16px;
}

.pli-layout-grid{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(/images/icon-gnb-all.svg) no-repeat;
    width:16px;
    height:16px;
}

.pli-male{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(/images/icon-gnb-user.svg) no-repeat;
    width:16px;
    height:16px;
    margin-top: -2px;
}

/* search bar icon */
.search-bar .fa-eraser{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(/images/icon-refresh.svg) no-repeat;
    width:16px;
    height:16px;
    margin-top: -2px;
}
.search-bar .fa-search{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(/images/icon-search.svg) no-repeat;
    width:16px;
    height:16px;
    margin-top: -2px;
}
.search-bar .fa-download{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(/images/icon-down.svg) no-repeat;
    width:16px;
    height:16px;
    margin-top: -2px;
}

.navbar-top-links > li > a, #dropdown-user .ic-user {
    height: 50px !important;
}
.search-list-wrapper div.detail-grid-row{
    font-size: 12px;
}
.search-list-wrapper div.detail-grid-row2{
    font-size: 12px;
}
.search-list-wrapper .label-outline-dark,
.search-list-wrapper .label-outline-danger,
.search-list-wrapper .label-outline-purple{
    background-color: #F1F3F9;
    border:none;
    border-radius: 250px !important;
    padding: 5px 10px !important;
    display: inline-block;
    color:#252525 !important;
}
.search-list-wrapper .label-outline-dark i,
.search-list-wrapper .label-outline-danger i,
.search-list-wrapper .label-outline-purple i{
    display: none;
}

.search-list-wrapper .label-outline-info{
    border-radius: 250px;
    border:1px solid #0C98F6 !important;
    color: #0C98F6 !important;
}
.search-list-wrapper .text-primary, .text-blue{
    font-size:16px;
    color:#0C98F6 !important;
}
.nano .text-bold, .task-undefined{ font-size: 12px !important;}
.nano .label{
    font-size: 11px !important;
}
.badge.badge-outline-purple, .badge.badge-soft-purple, .badge-soft-info{
    background: #fff;
    border:1px solid #0C98F6 !important;
    color: #0C98F6 !important;
}
.tree-content .badge.badge-outline-gray{
    background: #0C98F6 !important;
}

.fa-dot-circle.text-aqua-darker, .text-blue-darker {
    color:#0C98F6 !important;
}

.text-navy {
    color:#34495e !important;
}

.btn.btn-label.btn-gray{
    background: #f2f2f2 !important;
}

.panel-primary .panel-heading{
    background: #0C98F6 !important;
    border-color: #0C98F6 !important;
}

.btn-mint, .btn-mint:focus {
    background-color: #29b2a6;
    border-color: #26a69a !important;
    color: #fff;
}

.btn-info,
.btn-info:focus {
    background-color: #0C98F6;
    border-color: #0C98F6 !important;
    color: #fff;
}

.bg-info, .bg-aqua {
    background-color: #0C98F6 !important;
}


.bg-info.active .text-black-lighter {
    color: #fff !important;
}

.btn.btn-default.addon-search-btn, .btn.btn-default.addon-search-btn:focus {
    background: #414c57 !important;
    border-color: #3a444e !important;
    color: #fff !important;
}

/*dashboard panel*/
.ds-panel{
    background: #fff;
    border-radius: 15px !important;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%);
}
.dashboard-wrap .panel-heading{
    height: 30px;
}
.dashboard-wrap .icon-ds-more{
    position: absolute;
    right: 50px;
    top:50%;
    transform: translate(0, -50%);
}
.dashboard-wrap .icon-ds-more-top{
    position: absolute;
    right: 25px;
    top:20px;
    cursor: pointer;
}
@media (max-width: 1360px) {
    .dashboard-wrap .pad-hor{
        padding:0 !important;
    }
    .f-s-16 {
        font-size: 12px !important;
    }
    .text-2x {
        font-size: 1.4em;
    }
    .ds-panel .pad-hor{
        width:40px;
    }
    .ds-panel .pad-hor img{
        width:100%;
    }
    .dashboard-wrap .icon-ds-more{
        right:36px;
    }
}
@media (max-width: 999px) {
    .dashboard-wrap .p-r-20, .dashboard-wrap .col-md-3{
        padding-right: 0 !important;
    }
    .dashboard-wrap .ds-panel{
        margin-bottom:10px;
    }    .ds-panel .pad-hor{
        width:50px;
    }
    .dashboard-wrap .icon-ds-more{
        right:20px;
    }
}




#leftToggleBtn, #rightToggleBtn{
    width: 30px !important;
    height: 30px !important;
    left:inherit !important;
    margin-left: -15px;
    background: #fff !important;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 12%);
    border-radius: 250px !important;
    color:#000 !important;
    padding: 0 !important;
    font-size: 16px !important;
}
#leftToggleBtn i, #rightToggleBtn i {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.9;
    padding-right: 2px;
}

.search-bar .col-sm-12{
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.search-bar .col-sm-12 .pull-right {
    margin-left: auto;
}

.modal{ top:50px !important;}
.modal-dialog .modal-body{ padding-top: 30px; padding-bottom: 30px}
.nav-tabs{
    display: flex;
    flex-wrap: wrap;
    gap:5px 0;
}
.nav-tabs.nav-justified{
    display: inline-block;
}

/* tree menu */
/*.jstree-default .jstree-icon.fa-map-signs:empty{color: #0C98F6 !important;}*/ /* 한국철도공사 변경 2023.08.24 대전 이재균 */
.jstree-default .jstree-icon.fa-calendar:empty{color: #5BA8A1 !important;}
.jstree-default .jstree-icon.fa-file:empty{color: #7A8EA2 !important;}
.jstree-default .jstree-icon.text-black {color: #7A8EA2 !important;}

.nav-tabs > li > a:hover::after {
    background: #21527d !important;
}
.nav-tabs > li.active > a:hover::after {
    background: none !important;
}

.nav-tabs > li > a:hover {
    background: none;
    border:none
}
.nav-tabs > li > a::after {
    content: "";
    background: #fff;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}
.nav-tabs > li > a:hover::after {
    content: "";
    background: #000;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(1);
}

/* filter select box */
#container.aside-bright #aside a:not(.btn) {
    color: #7a878e;
    background: #fff;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgb(0 0 0 / 0%);
    border-color: #DBDDE2 !important;
}
.chosen-container,
.chosen-container .chosen-drop {
    border-color: #DBDDE2 !important;
}

.chosen-container .chosen-results li.result-selected,
.chosen-container .chosen-results li.active-result.highlighted{
    background: #0C98F6 !important;
    color:#fff !important;
    border-radius: 3px;
}

/* modal 재설정 - 설정된 간격보다 좁아지면 밑으로 떨어지는 현상 */
div.modal-dialog{
    /*width: 100% !important;*/
    /*top: 30px;*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*transform: translate(-50%, 0%) !important;*/
}
div.modal-dialog.modal-w-400 {
    /*width: 100% !important;*/
    max-width: 400px !important;
}
div.modal-dialog.modal-w-430 {
    /*width: 100% !important;*/
    max-width: 430px !important;
}
div.modal-dialog.modal-w-470 {
    /*width: 100% !important;*/
    max-width: 470px !important;
}
div.modal-dialog.modal-w-480 {
    /*width: 100% !important;*/
    max-width: 480px !important;
}
div.modal-dialog.modal-w-500 {
    /*width: 100% !important;*/
    max-width: 500px !important;
}
div.modal-dialog.modal-w-570 {
    /*width: 100% !important;*/
    max-width: 570px !important;
}
div.modal-dialog.modal-w-580 {
    /*width: 100% !important;*/
    max-width: 580px !important;
}
div.modal-dialog.modal-w-600 {
    /*width: 100% !important;*/
    max-width: 600px !important;
}
div.modal-dialog.modal-w-700 {
    /*width: 100% !important;*/
    max-width: 700px !important;
}
div.modal-dialog.modal-w-710 {
    /*width: 100% !important;*/
    max-width: 710px !important;
}
div.modal-dialog.modal-w-750 {
    /*width: 100% !important;*/
    max-width: 750px !important;
}
div.modal-dialog.modal-w-800 {
    /*width: 100% !important;*/
    max-width: 800px !important;
}
div.modal-dialog.modal-w-810 {
    /*width: 100% !important;*/
    max-width: 810px !important;
}
div.modal-dialog.modal-w-820 {
    width: 820px !important;
}
div.modal-dialog.modal-w-875 {
    /*width: 100% !important;*/
    max-width: 875px !important;
}
div.modal-dialog.modal-w-900 {
    /*width: 100% !important;*/
    max-width: 900px !important;
}
div.modal-dialog.modal-w-950 {
    /*width: 100% !important;*/
    max-width: 950px !important;
}
div.modal-dialog.modal-w-1000 {
    /*width: 100% !important;*/
    max-width: 1000px !important;
}
div.modal-dialog.modal-w-1010 {
    /*width: 100% !important;*/
    max-width: 1010px !important;
}
div.modal-dialog.modal-w-1100 {
    /*width: 100% !important;*/
    max-width: 1100px !important;
}
div.modal-dialog.modal-w-1200 {
    /*width: 100% !important;*/
    max-width: 1200px !important;
}
div.modal-dialog.modal-w-1300 {
    /*width: 100% !important;*/
    max-width: 1300px !important;
}
div.modal-dialog.modal-w-1340 {
    /*width: 100% !important;*/
    max-width: 1340px !important;
}
div.modal-dialog.modal-w-1410 {
    /*width: 100% !important;*/
    max-width: 1410px !important;
}
div.modal-dialog.modal-w-1430 {
    /*width: 100% !important;*/
    max-width: 1430px !important;
}
div.modal-dialog.modal-w-1450 {
    /*width: 100% !important;*/
    max-width: 1450px !important;
}
div.modal-dialog.modal-w-1500 {
    /*width: 100% !important;*/
    max-width: 1500px !important;
}
div.modal-dialog.modal-w-1520 {
    /*width: 100% !important;*/
    max-width: 1520px !important;
}
div.modal-dialog.modal-w-1550 {
    /*width: 100% !important;*/
    max-width: 1550px !important;
}
div.modal-dialog.modal-w-1650 {
    /*width: 100% !important;*/
    max-width: 1650px !important;
}
div.modal-dialog.modal-w-1600 {
    /*width: 100% !important;*/
    max-width: 1600px !important;
}
div.modal-dialog.modal-w-1700 {
    /*width: 100% !important;*/
    max-width: 1700px !important;
}
div.modal-dialog.modal-w-1800 {
    /*width: 100% !important;*/
    max-width: 1800px !important;
}

.longtext > button.btn.dropdown-toggle.btn-default > span{
    width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.longtext-60 > button.btn.dropdown-toggle.btn-default > span{
    max-width: 60px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.longtext-70 > button.btn.dropdown-toggle.btn-default > span{
    max-width: 70px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.longtext-80 > button.btn.dropdown-toggle.btn-default > span{
    max-width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.longtext-100 > button.btn.dropdown-toggle.btn-default > span{
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.longtext-130 > button.btn.dropdown-toggle.btn-default > span{
    max-width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.text-long-tooltip-short-w50 {
    display: inline-block;
    max-width: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text-long-tooltip-short-w60 {
    display: inline-block;
    max-width: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text-long-tooltip-short-w80 {
    display: inline-block;
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text-long-tooltip-short-w100 {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text-long-tooltip-short-w130 {
    display: inline-block;
    max-width: 130px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text-long-tooltip-short-w200 {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text-long-tooltip-short-w220 {
    display: inline-block;
    max-width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.container-row {
    position: relative;
}

.container-btn {
    position: absolute;
    bottom: 0;
}