/*:root {
    --color: #7651E1;
    --color-btn-hover: #E6E2F6;
    --color-btn-purple-hover: #5734BC;
    --color-w: #EFECFD;
    --color-bor: #664DC9;
    --color-view-tab: #A99DCC;
    --color-view-tab-bg: #ECEAF2;
    --color-view-tab-bg-hover: #D3CFDD;
}*/
/*:root {
    --color: #026510;
    --color-btn-hover: #f1f5f2;
    --color-btn-purple-hover: #01460c;
    --color-w: #e8f8eb;
    --color-bor: #005608;
    --color-view-tab: #027a14;
    --color-view-tab-bg: #ECEAF2;
    --color-view-tab-bg-hover: #c6d9c8;
}*/
.container, .container-fluid {
    padding-right: 5px;
    padding-left: 5px;
}

@media (min-width: 1280px) {
    .hor-header .container,
    .horizontal-main .container,
    .hor-content .container {
        max-width: 100%;
    }
}

body.app.minu-bg {
    background-color: #f8f8f8;
}

.horizontalMenu > .horizontalMenu-list > li > a {
    font-size: 13px;
}

.horizontalMenu > .horizontalMenu-list > li > a > span {
    padding-top: 3px;
}

.horizontalMenu > .horizontalMenu-list > li > a:hover {
    color: #f59c1a !important;
}

.horizontalMenu > .horizontalMenu-list > li > a:hover svg {
    fill: #f59c1a !important;
}

.horizontal-main {
    padding: 1px 8px;
}

.hor-icon {
    width: 32px !important;
    height: 32px !important;
    padding: 8px 0px 8px 12px;
    margin-left: 0px !important;
}

.hor-content.main-content.spa {
    margin-top: 0px !important;
    margin-left: 0px;
    margin-right: 0px;
    position: absolute;
    top: 80px;
    bottom: 12px;
    left: 0px;
    right: 0px;
    min-width: 1514px;
}

.header .main-header-end .nav-link.icon {
    padding: 5px 10px !important;
}

.header .main-header-end .nav-link.icon.favorites {
    padding-right: 0px !important;
    margin-top: 1px;
}

.nav-link.icon .header-icon {
    width: 38px;
    height: 38px;
}

@media (min-width: 767px) {
    .hor-header .profile-dropdown {
        padding: 0rem;
    }
}

@media (min-width: 767px) {
    .hor-header .form-inline .btn {
        top: 4px;
    }
}

.header .nav-link .badge, .header .nav-item .badge {
    top: 10px;
}

.pulse {
    top: 12px;
    left: 30px;
}

.hor-content.main-content {
    margin-left: 0;
    margin-right: 0;
}

.hor-content.main-content > .container {
    padding-right: 3px;
}

.card-header {
    min-height: 3.2rem !important;
    padding-left: 16px !important;
    padding-right: 18px !important;
}

.card-title {
    color: #525F7F !important;
}

.card-header .card-title {
    margin-top: 2px !important;
}

.card-status {
    height: 2px;
    border-radius: 0px;
}

.table-hover tbody tr:hover {
    background-color: #F6FAFE;
}

.th-border-left {
    border-left: 1px solid #e6ebf1;
}

table.row-height-md th, table.row-height-md td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active,
.hor-menu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a.active {
    color: #f59c1a;
}

.ms-menu .tab-menu-heading .tabs-menu1 ul li .active {
    border-bottom: 2px solid var(--color) !important;
}

.ms-menu .tab-menu-heading .tabs-menu1 ul li a {
    padding: 20px 0px !important;
    border: 0px solid #e6ebf1 !important;
}

.chat-conatct-list .list-group-item .chat-time {
    top: 20px;
}

.chat-conatct-list .option-dots {
    top: 10px;
}

.text-primary, .text-navy {
    color: #525F7F;
}

.text-navy {
    color: #214061;
}

.page-header {
    margin: 0px 0px 12px 0px !important;
}

.page-main.spa {
    margin-top: 6px !important;
    padding: 6px 6px 6px 0px !important;
}

h4.page-title {
    padding-left: 10px !important;
}

.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
    top: 36px !important;
}

.bg-card-status {
    background: #7B828A !important;
}

.bg-card-status-gray {
    background: #c2c4c7 !important;
}

.modal-header {
    background-color: #eaeaea;
    border-bottom: 1px solid #cccccc;
    cursor: move;
}

.modal-footer {
    background-color: #eaeaea;
    border-bottom: 1px solid #cccccc;
    cursor: move;
    padding: 8px 10px !important;
}

.hor-header .header-brand {
    margin-top: 0px !important;
}

.header-brand-img {
    margin: 0 5px 10px 26px !important;
    vertical-align: bottom !important;
}

.header-brand-img.login {
    height: 4rem;
}

.list-group-item a.auth-btn, .list-group-item span.auth-btn, li span.auth-btn,
.list-group-item a.role-btn, .list-group-item span.role-btn, li span.role-btn {
    float: right !important;
}

.display-hidden {
    display: none !important;
}

div.domainContent.fit-height {
    height: calc(100vh - 57px);
}

span.label {
    pointer-events: none;
    opacity: 0.75;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 1em;
    font-size: 12px;
    border-radius: 1px;
    margin-bottom: 0px;
    line-height: 1;
}

span.label.label-sm {
    padding: 4px 8px;
}

span.label.label-round {
    border-radius: 10rem;
}

span.label.label-primary {
    background-color: rgba(102, 77, 201, 0.25) !important;
    color: var(--color) !important;
}

span.label.label-secondary {
    background-color: rgba(91, 115, 232, 0.25) !important;
    color: #5b73e8 !important;
}

span.label.label-success {
    background-color: rgba(56, 203, 137, 0.25) !important;
    color: #38cb89 !important;
}

span.label.label-info {
    background-color: rgba(62, 128, 235, 0.25) !important;
    color: #3e80eb !important;
}

span.label.label-teal {
    background-color: rgba(43, 203, 186, 0.25) !important;
    color: #2bcbba !important;
}

span.label.label-warning {
    background-color: rgba(255, 171, 0, 0.25) !important;
    color: #ff9f43 !important;
}

span.label.label-danger {
    background-color: rgba(239, 75, 75, 0.25) !important;
    color: #ef4b4b !important;
}

span.label.label-purple {
    background-color: rgba(115, 103, 240, 0.25) !important;
    color: #7367f0 !important;
}

span.label.label-light {
    color: #8A98AC !important;
    background-color: #f2f3f7 !important;
    border-color: #f2f3f7 !important;
}

span.label.label-dark {
    background-color: rgba(52, 58, 64, 0.25) !important;
    color: #343a40 !important;
}

span.label.label-outline-light {
    color: #495057;
    background-color: transparent;
    background-image: none;
    border-color: #747b83;
    box-shadow: 0 0px 10px -5px #e8ebf2;
}

span.label.label-outline-primary {
    color: var(--color);
    background-color: transparent;
    background-image: none;
    border-color: var(--color);
    box-shadow: 0 0px 10px -5px rgb(112 94 200 / 50%);
}

span.label.label-outline-secondary {
    color: #5b73e8;
    background-color: transparent;
    background-image: none;
    border-color: #5b73e8;
    box-shadow: 0 0px 10px -5px rgb(91 115 232 / 50%);
}

span.label.label-outline-success {
    color: #38cb89;
    background-color: transparent;
    background-image: none;
    border-color: #38cb89;
    box-shadow: 0 0px 10px -5px rgb(56 203 137 / 50%);
}

span.label.label-outline-info {
    color: #3e80eb;
    background-color: transparent;
    background-image: none;
    border-color: #3e80eb;
    box-shadow: 0 0px 10px -5px rgb(91 127 255 / 50%);
}

span.label.label-outline-warning {
    color: #ffab00;
    background-color: transparent;
    background-image: none;
    border-color: #ffab00;
    box-shadow: 0 0px 10px -5px rgb(255 171 0 / 50%);
}

span.label.label-outline-danger {
    color: #dc0441;
    background-color: transparent;
    background-image: none;
    border-color: #dc0441;
    box-shadow: 0 0px 10px -5px rgb(220 4 65 / 50%);
}

/*span.label.label-outline-purple {
  color: #8892d6 !important;
  border: 1px solid #8892d6;
  background-color: #ffffff;
}*/

span.label.label-outline-purple {
    color: #7367f0;
    background-color: transparent;
    background-image: none;
    border-color: #7367f0;
    box-shadow: 0 0px 10px -5px rgb(115 103 240 / 50%);
}

/* ====================================================================== [ BTABS ] */
.bTabs ul.ui-sortable {
    min-height: 31px !important;
}

.nav-tabs { /*border-bottom: 1px solid #ADB2AE;*/
}

.nav-tabs .active {
    border: 1px solid #ADB2AE;
    border-bottom: 0px;
    border-radius: 0px;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

@CHARSET "UTF-8";
.bTabs {
    min-height: 200px !important;
}

.bTabs button.navTabsCloseBtn:hover {
    color: red !important;
    font-weight: 700;
}

.bTabs .nav-tabs {
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 30px;
}

.bTabs .nav-tabs > li {
    margin-right: 5px;
}

.bTabs .nav-tabs > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #666666;
    font-size: 13px;
}

.bTabs .nav-tabs li a.active {
    color: #294f75;
    font-weight: bold;
}

.bTabs .nav-tabs li a.active button.navTabsCloseBtn {
    color: #666666;
}

.bTabs div.tab-content {
    height: 100%;
    overflow-y: hidden;
    padding-left: 8px;
    padding-right: 2px;
}

.bTabs div.tab-content div.tab-pane {
    height: 100%;
}

.bTabs ul.ui-sortable {
    min-height: 31px !important;
}

.bTabs li.ui-sortable-placeholder {
    border: 2px dashed #AAAAAA !important;
    background-color: #FFFFE1;
    padding: 0px;
    height: 28px !important;
}

.bTabs li.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.bTabs li.bTabsPlaceHolder {
    visibility: visible !important;
    box-sizing: content-box;
}

.bTabs .nav-tabs li.active a {
    color: #227AD7;
    font-weight: bold;
}

.nav-tabs > li > a, .nav-pills > li > a {
    color: #fff;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

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

.bTabs .nav-tabs li.active a {
    color: #227AD7;
    font-weight: bold;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #00bc8c;
    background-color: #222222;
    border: 1px solid #464545;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs > li > a, .nav-pills > li > a {
    color: #fff;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

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

/* ====================================================================== [ BTABS ] _END_ */

/* ====================================================================== [ SEARCH-BAR ] */
#searchBar + .card-body {
    padding: 0px 16px 12px 16px
}

.card .search-bar {
    min-height: 3.2rem !important;
    /*padding-left: 16px !important;*/
    padding-left: 0px !important;
    padding-right: 16px !important;
    border-bottom: 0 !important;
    font-size: 12px !important;
    background: transparent;
    padding: 0.5rem 1.5rem;
    display: flex;
    min-height: 3.5rem;
    align-items: center;
    margin-bottom: 0;
    position: relative;
}

.card .search-bar.modal {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.card .search-bar.multi-row {
    min-height: 38px !important;
}

.card .search-bar .input-group {
    margin-right: 5px;
}

.card .search-bar .search-btn, .card .search-bar .clear-btn {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.card .search-bar .search-btn {
    margin-right: 20px;
}

.card .search-bar .clear-btn {
    margin-right: 10px;
}

.card .search-bar .input-group-sm > .form-control,
.card .search-bar .input-group-sm > .input-group-prepend > .input-group-text,
.card .search-bar .input-group-sm > .input-group-append > .input-group-text,
.card .search-bar .input-group-sm > .input-group-prepend > .btn,
.card .search-bar .input-group-sm > .input-group-append > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 12px;
    line-height: 1;
    border-radius: 0px;
}

.card .search-bar .input-group-sm > .input-group-prepend:first-child {
    margin-right: 5px !important;
}

.card .search-bar .input-group-sm > .input-group-prepend:first-child > .input-group-text {
    width: 90px !important;
    display: grid;
    background-color: #eaeaea !important;
    border: 1px solid #ccc;
    border-left: 2px solid #8E8E8E;
    color: #53595E !important;
}

.card .search-bar .input-group-sm > .input-group-prepend:first-child > .input-group-text.width-100 {
    width: 100px !important;
}

.card .search-bar .input-group-sm > .input-group-prepend:first-child > .input-group-text.width-120 {
    width: 120px !important;
}

.card .search-bar .input-group-sm .form-select + .select2.select2-container.select2-container--default,
.card .search-bar .input-group-sm.width-150 .form-select + .select2.select2-container.select2-container--default {
    width: 56px !important;
}

.card .search-bar .input-group-sm.width-180 .form-select + .select2.select2-container.select2-container--default {
    width: 86px !important;
}

.card .search-bar .input-group-sm.width-200 .form-select + .select2.select2-container.select2-container--default {
    width: 106px !important;
}

.card .search-bar .input-group-sm.width-240 .form-select + .select2.select2-container.select2-container--default {
    width: 146px !important;
}

.card .search-bar .input-group-sm.width-250 .form-select + .select2.select2-container.select2-container--default {
    width: 156px !important;
}

.card .search-bar .input-group-sm.width-260 .form-select + .select2.select2-container.select2-container--default {
    width: 166px !important;
}

.card .search-bar .input-group-sm.width-270 .form-select + .select2.select2-container.select2-container--default {
    width: 176px !important;
}

.card .search-bar .input-group-sm.width-300 .form-select + .select2.select2-container.select2-container--default {
    width: 206px !important;
}

.card .search-bar .input-group-sm.width-350 .form-select + .select2.select2-container.select2-container--default {
    width: 256px !important;
}

.card .search-bar .input-group-sm.width-400 .form-select + .select2.select2-container.select2-container--default {
    width: 306px !important;
}

.card .search-bar .input-group-sm.width-550 .form-select + .select2.select2-container.select2-container--default {
    width: 456px !important;
}

.card .search-bar .select2-container .select2-selection--single {
    height: 26px !important;
}

.card .search-bar .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px !important;
}

.card .search-bar .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px !important;
}

.card .search-bar .input-group-text.date-range {
    padding-left: 2px !important;
    padding-right: 4px !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
}

.card .search-bar .select2-container--default .select2-selection--single {
    border-radius: 0px;
}

.card .search-bar + .card-body {
    padding: 0px 15px 15px;;
}

.card .search-bar .input-group-sm > .input-group-prepend.width-40:first-child > .input-group-text {
    width: 40px !important;
}

.card .search-bar .input-group-sm > .input-group-prepend.width-60:first-child > .input-group-text {
    width: 60px !important;
}

.card .search-bar .input-group-sm > .input-group-prepend.width-80:first-child > .input-group-text {
    width: 80px !important;
}

.card .search-bar .input-group-sm > .input-group-prepend.width-90:first-child > .input-group-text {
    width: 90px !important;
}

.card .search-bar .input-group-sm > .input-group-prepend.width-100:first-child > .input-group-text {
    width: 100px !important;
}

.card .search-bar .input-group-sm > .input-group-prepend.width-120:first-child > .input-group-text {
    width: 120px !important;
}

.card .search-bar .input-group-sm.width-160 .input-group-prepend.width-40 + .form-select + .select2.select2-container.select2-container--default {
    width: 116px !important;
}

.card .search-bar .input-group-sm.width-160 .input-group-prepend.width-60 + .form-select + .select2.select2-container.select2-container--default {
    width: 96px !important;
}

.card .search-bar .input-group-sm.width-160 .input-group-prepend.width-80 + .form-select + .select2.select2-container.select2-container--default {
    width: 76px !important;
}

.card .search-bar .input-group-sm.width-160 .input-group-prepend.width-90 + .form-select + .select2.select2-container.select2-container--default {
    width: 66px !important;
}

.card .search-bar .input-group-sm.width-160 .input-group-prepend.width-100 + .form-select + .select2.select2-container.select2-container--default {
    width: 56px !important;
}

.card .search-bar .input-group-sm.width-160 .input-group-prepend.width-120 + .form-select + .select2.select2-container.select2-container--default {
    width: 36px !important;
}

.card .search-bar .input-group-sm.width-180 .input-group-prepend.width-40 + .form-select + .select2.select2-container.select2-container--default {
    width: 136px !important;
}

.card .search-bar .input-group-sm.width-180 .input-group-prepend.width-60 + .form-select + .select2.select2-container.select2-container--default {
    width: 116px !important;
}

.card .search-bar .input-group-sm.width-180 .input-group-prepend.width-80 + .form-select + .select2.select2-container.select2-container--default {
    width: 96px !important;
}

.card .search-bar .input-group-sm.width-180 .input-group-prepend.width-90 + .form-select + .select2.select2-container.select2-container--default {
    width: 86px !important;
}

.card .search-bar .input-group-sm.width-180 .input-group-prepend.width-100 + .form-select + .select2.select2-container.select2-container--default {
    width: 76px !important;
}

.card .search-bar .input-group-sm.width-180 .input-group-prepend.width-120 + .form-select + .select2.select2-container.select2-container--default {
    width: 56px !important;
}

.card .search-bar .input-group-sm.width-200 .input-group-prepend.width-40 + .form-select + .select2.select2-container.select2-container--default {
    width: 156px !important;
}

.card .search-bar .input-group-sm.width-200 .input-group-prepend.width-60 + .form-select + .select2.select2-container.select2-container--default {
    width: 136px !important;
}

.card .search-bar .input-group-sm.width-200 .input-group-prepend.width-80 + .form-select + .select2.select2-container.select2-container--default {
    width: 116px !important;
}

.card .search-bar .input-group-sm.width-200 .input-group-prepend.width-90 + .form-select + .select2.select2-container.select2-container--default {
    width: 106px !important;
}

.card .search-bar .input-group-sm.width-200 .input-group-prepend.width-100 + .form-select + .select2.select2-container.select2-container--default {
    width: 96px !important;
}

.card .search-bar .input-group-sm.width-200 .input-group-prepend.width-120 + .form-select + .select2.select2-container.select2-container--default {
    width: 76px !important;
}

/* ====================================================================== [ SEARCH-BAR ] _END_ */

/* ====================================================================== [ SELECT 2 ] */
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #294f75 !important;
    border-radius: 2px;
    outline: 0;
    background: url(../assets/plugins/select2/select2.png) no-repeat 98% -21px;
    padding-right: 20px;
}

.select2-container .select2-selection--single {
    height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: inherit;
}

/*.select2-container--open {
  z-index: 9999999 !important;
}

.modal-open .select2-container {
  z-index: 9999;
}*/

select.form-control.width-50 + .select2.select2-container.select2-container--default {
    width: 50px !important;
}

select.form-control.width-150 + .select2.select2-container.select2-container--default {
    width: 150px !important;
}

select.form-control.width-180 + .select2.select2-container.select2-container--default {
    width: 180px !important;
}

select.form-control.width-200 + .select2.select2-container.select2-container--default {
    width: 200px !important;
}

select.form-control.width-300 + .select2.select2-container.select2-container--default {
    width: 300px !important;
}

select.form-control.width-350 + .select2.select2-container.select2-container--default {
    width: 350px !important;
}

select.form-control.width-550 + .select2.select2-container.select2-container--default {
    width: 550px !important;
}

/* ====================================================================== [ SELECT 2 ] _END_ */

img.label-icon-xl {
    margin-right: 3px;
    margin-bottom: 2px;
    width: 20px;
    height: 20px;
}

img.label-icon-lg {
    margin-right: 3px;
    margin-bottom: 2px;
    width: 18px;
    height: 18px;
}

img.label-icon {
    margin-right: 3px;
    margin-bottom: 2px;
    width: 16px;
    height: 16px;
}

img.label-icon-md {
    margin-right: 3px;
    margin-bottom: 3px;
    width: 14px;
    height: 14px;
}

.card-title img.label-icon {
    margin-bottom: 4px;
}

.hor-content.main-content > .container {
    margin-top: 5px !important;
}

.hor-content.main-content > .container.spa { /*margin-top: 3px !important;*/
    height: 100% !important;
}

.hor-content.main-content > .container.spa > #mainFrameTabs {
    height: 100% !important;
    margin-left: 0;
    margin-right: 0
}

.tab_wrapper > ul {
    border: 0px;
    border-bottom: 1px solid #B5B5B5;
}

.tab_wrapper > ul li.active {
    border-top: 1px solid #B5B5B5 !important;
    border-left: 1px solid #B5B5B5 !important;
    border-right: 1px solid #B5B5B5 !important;
    background: white !important;
    color: var(--color);
}

.tab_wrapper .content_wrapper {
    border: 0px !important;
}

.tab_wrapper > ul li {
    background: white !important;
}

.modal.show .modal-dialog.modal-fullscreen {
    width: 100vw !important;
    max-width: none;
    height: 100% !important;
    margin: 0 !important;
}

.modal.show .modal-dialog.modal-fullscreen .modal-content {
    height: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.modal.show .modal-dialog.modal-fullscreen .modal-header {
    border-radius: 0 !important;
}

.modal.show .modal-dialog.modal-fullscreen .modal-body {
    overflow-y: hidden !important;
}

.modal.show .modal-dialog.modal-fullscreen .modal-footer {
    border-radius: 0 !important;
}

.modal-dialog-scrollable {
    height: calc(100% - 5rem) !important;
}

.modal-275 {
    max-width: 275px;
    width: 275px;
}

.modal-450 {
    max-width: 450px;
    width: 450px;
}

.modal-550 {
    max-width: 550px;
    width: 550px;
}

.modal-600 {
    max-width: 600px;
    width: 600px;
}

.modal-650 {
    max-width: 650px;
    width: 650px;
}

.modal-780 {
    max-width: 780px;
    width: 780px;
}

.modal-800 {
    max-width: 800px;
    width: 800px;
}

.modal-850 {
    max-width: 850px;
    width: 850px;
}

.modal-880 {
    max-width: 880px;
    width: 880px;
}

.modal-950 {
    max-width: 950px;
    width: 950px;
}

.modal-1000 {
    max-width: 1000px;
    width: 1000px;
}

.modal-1100 {
    max-width: 1100px;
    width: 1100px;
}

.modal-1200 {
    max-width: 1200px;
    width: 1200px;
}

.modal-1300 {
    max-width: 1300px;
    width: 1300px;
}

.modal-1400 {
    max-width: 1400px;
    width: 1400px;
}

.modal-1500 {
    max-width: 1500px;
    width: 1500px;
}

.modal.non-modal-slide {
    left: unset;
    right: 0px;
    width: unset;
    pointer-events: none;
}

.modal.non-modal-slide .modal-dialog {
    margin: 0px;
    height: 100%;
}

.modal.non-modal-slide .modal-content {
    position: fixed;
    pointer-events: auto;
}

.modal.non-modal-slide .select2-container {
    pointer-events: auto;
}

.pqgrid-tip {
    min-height: 20px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

.form-label.minu-form {
    display: block;
    margin-bottom: .375rem;
    font-weight: 400;
    font-size: 12px;
    padding-top: 6px !important;
    background-color: #eaeaea !important;
    border: 1px solid #ccc;
    border-left: 2px solid #8E8E8E;
    color: #53595E !important;
    margin-bottom: 0px;
    height: 32px;
}

.form-label.minu-form.required {
    border-left: 3px solid #ef4b4b;
    /*border-left: 2px solid #c7254e;*/
}

.form-label.minu-form.text-right {
    text-align: right;
    padding-right: 6px !important;
}

.form-label.minu-form.text-left {
    text-align: left;
    padding-left: 6px !important;
}

.modal .form-label.minu-form {
    width: 153px !important;
}

.modal .form-label.minu-form.width-50 {
    width: 50px !important;
}

.modal .form-label.minu-form.width-65 {
    width: 65px !important;
}

.modal .form-label.minu-form.width-80 {
    width: 80px !important;
}

.modal .form-label.minu-form.width-90 {
    width: 90px !important;
}

.modal .form-label.minu-form.width-100 {
    width: 100px !important;
}

.modal .form-label.minu-form.width-110 {
    width: 110px !important;
}

.modal .form-label.minu-form.width-120 {
    width: 120px !important;
}

.modal .form-label.minu-form.width-130 {
    width: 130px !important;
}

.modal .form-label.minu-form.width-140 {
    width: 140px !important;
}

.modal .form-label.minu-form.width-150 {
    width: 150px !important;
}

.modal .form-label.minu-form.width-160 {
    width: 160px !important;
}

.modal .form-label.minu-form.width-170 {
    width: 170px !important;
}

.modal .form-label.minu-form.width-210 {
    width: 210px !important;
}

.modal .form-label.minu-form.width-250 {
    width: 250px !important;
}

.modal .form-label.minu-form.width-260 {
    width: 260px !important;
}

.form-control {
    line-height: 1.5;
    font-size: 12px;
    border-radius: 0px;
}

.row.minu-form {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.row.minu-form.default {
    margin-left: 0px !important;
    margin-right: -12px !important;
}

.card.search-result {
    margin-bottom: 10px !important;
}

.card.search-result.blue {
    color: #1687ed;
    border-left: 4px solid #5dacf2;
    border-radius: 0px;
}

.card.search-result.primary {
    color: #1687ed;
    border-left: 4px solid var(--color);
    border-radius: 0px;
}

.card.search-result hr {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    border-bottom: 1px solid #728096;
}

.search-result .shape {
    border-right-width: 80px;
    border-bottom-width: 45px;
}

.search-result .shape .shape-text {
    top: 3px;
    left: 42px;
}

/* ====================================================================== [ BOOTBOX ] */
.bootbox .modal-body > .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5rem 0.75rem;
    z-index: 1;
    font-weight: 100;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    float: right;
    font-size: 1.40625rem;
    line-height: 1;
    color: #000;
    text-shadow: none;
    opacity: .5;
}

.bootbox .modal-header .close {
    font-weight: 100;
    font-size: 1.40625rem;
    line-height: 1;
    text-shadow: none;
    opacity: .5;
}

.bootbox .modal-dialog {
    max-width: 400px;
}

/* ====================================================================== [ BOOTBOX ] _END_ */

.header-breadcrumb > ol {
    display: flex;
    flex-wrap: wrap;
    padding: 12px 10px 5px 4px !important;
    list-style: none;
    border-radius: 0.25rem;
    margin-bottom: 0px !important;
}

.header-breadcrumb-item {
    color: #6c756e;
}

.header-breadcrumb-item + .header-breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    content: "/";
    opacity: 0.5;
}

.header .main-header-end .nav-link.icon, .header .profile-dropdown {
    border-right: 0px !important;
}

.header .nav-link .badge.side-badge {
    right: 3px !important;
}

.badge {
    vertical-align: middle !important;
}

/* ====================================================================== [ PQ-GRID ] */
div.pq-grid.pq-theme * {
    /*font-size: 12px;*/
    /*color: #707478 !important;*/
    color: #53595E;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

div.pq-grid.pq-theme .text-success {
    color: #38cb89 !important;
}

.pq-grid.pq-theme.panel {
    border: 1px solid #B5B5B5;
}

div.pq-theme {
    color: #333;
    border-color: #cbcbcb !important;
    background: #e9e9e9;
}

.pq-header-outer {
    background: #e9e9e9;
    border-bottom: 1px solid #cbcbcb;
}

.pq-header-outer .pq-cont-inner {
    background-color: #EAEAEA;
    background-image: -webkit-linear-gradient(top, #FCFCFC, #EAEAEA);
    background-image: linear-gradient(to bottom, #FCFCFC, #EAEAEA);
    border-bottom: 1px solid var(--color);
}

.pq-td-border-right > .pq-grid-row > .pq-grid-cell {
    border-right-color: #cbcbcb;
}

.pq-td-border-top > .pq-grid-row > .pq-grid-cell, .pq-cont-inner > .pq-td-border-top > .pq-grid-row {
    border-bottom-color: #cbcbcb;
}

.pq-grid-number-cell {
    padding-top: 5px;
}

.pq-grid-title-row > .pq-grid-number-cell {
    padding-top: 6px;
}

.pq-theme .ui-widget-header {
    border-color: #e6ebf1;
}

.ui-widget.ui-widget-content {
    border: 1px solid #e6ebf1;
}

.ui-icon.ui-icon-circle-triangle-e {
    background-image: none !important;
}

.ui-icon.ui-icon-circle-triangle-w {
    background-image: none !important;
}

#ui-datepicker-div tbody, #ui-datepicker-div td, #ui-datepicker-div tfoot, #ui-datepicker-div th, #ui-datepicker-div thead, #ui-datepicker-div tr {
    padding: 4px 6px !important;
}

.ui-datepicker-calendar .ui-state-default {
    border: 0px solid #c5c5c5 !important;
    background: white !important;
}

.ui-datepicker-calendar .ui-state-default.ui-state-active {
    background: #5965f9 !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
}

.ui-datepicker select.ui-datepicker-year {
    width: 50px;
    border: 1px solid #d2d6da !important;
    color: #53595E !important;
    margin-right: 2px;
}

.ui-datepicker select.ui-datepicker-month {
    width: 45px;
    border: 1px solid #d2d6da !important;
    color: #53595E !important;
    margin-left: 5px;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center !important;
}

.ui-datepicker-calendar td:first-child a.ui-state-default, .ui-datepicker-calendar th:first-child.ui-datepicker-week-end span {
    color: #BA5B5B !important;
}

.ui-datepicker-calendar td:last-child a.ui-state-default, .ui-datepicker-calendar th:last-child.ui-datepicker-week-end span {
    color: #5b73e8 !important;
}

.row.row-under-grid > div,
.row.row-under-grid div.card,
.row.row-under-grid div.card-status,
.row.row-under-grid div.card-header,
.row.row-under-grid div.card-body {
    position: inherit !important;
}

.pq-grid {
    overflow: visible;
}

.pq-col-sort-icon, .pq-col-sort-count {
    min-width: 0;
}

.pq-col-sort-icon.glyphicon.glyphicon-arrow-up:before {
    content: "\25B2";
    color: var(--color);
    padding-left: 2px;
}

.pq-col-sort-icon.glyphicon.glyphicon-arrow-down:before {
    content: "\25BC";
    color: var(--color);
    padding-left: 2px;
}

.pq-col-sort-count:before {
    content: "";
    padding-left: 4px;
}

.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, #E3F1FF, #E5F6FF);
    background-image: linear-gradient(to bottom, #E3F1FF, #E5F6FF);
}

.pq-updated-cell {
    background-color: #DCF0F8;
}

.card .card-body.grid {
    padding: 16px 16px 16px 16px;
}

div.pq-grid.pq-theme .grid-link {
    color: #0d6efd !important;
    text-decoration: underline !important;
    cursor: pointer;
}

.pq-group-icon.ui-icon.ui-icon-triangle-1-se {
    background-position: -65px 0;
}

.pq-group-icon.ui-icon.ui-icon-triangle-1-e {
    background-position: -32px 0;
}

.pq-group-title-cell .pq-group-icon {
    margin: -4px 4px 0px 0px !important;
    border-radius: 2px;
}

.pq-group-icon.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "FontAwesome" !important;
    /*font-weight: 900 !important;*/
}

.glyphicon-triangle-bottom:before {
    content: "\f068" !important;
    /*content: "\f107" !important;*/
}

.glyphicon-triangle-right:before {
    content: "\f067" !important;
    /*content: "\f105" !important;*/
}

.pq-group-icon.glyphicon.glyphicon-triangle-right {
    padding-left: 2px;
    color: #333a41;
}

.pq-group-icon.glyphicon.glyphicon-triangle-bottom {
    padding-left: 2px;
    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-GRID ] _END_ */

/* ====================================================================== [ PQ-GRID PAGER ] */
.page-container {
    border-top: 0px;
    margin: 0px;
    padding-top: 4px;
}

.page-container .page-holder {
    margin-top: 4px;
}

.page-container .page-holder .btn:not(.disabled):not(:disabled):hover {
    box-shadow: none !important;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 2px 6px !important;
    font-size: 11px !important;
    line-height: 1.5;
}

.pagination-sm .page-link.prev, .pagination-sm .page-link.next,
.pagination-sm .disabled > .prev, .pagination-sm .disabled > .next {
    padding: 1px 4px 3px;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    /*border-top-left-radius: 0px;*/
    /*border-bottom-left-radius: 0px;*/
    /*border-radius: 0px;*/
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    /*border-top-right-radius: 0px;*/
    /*border-bottom-right-radius: 0px;*/
}

.pagination-sm.simple-pagination {
    padding-top: 1px;
    padding-bottom: 0px;
}

.light-theme a, .light-theme span {
    border-radius: 10px;
}

.simple-pagination .prev > i, .simple-pagination .next > i {
    padding-left: 1px;
    padding-right: 1px;
}

.d-flex-space-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.panel-control {
    height: 100%;
    position: relative;
    float: right;
    padding: 0px 5px;
}

.panel-control > .total-count {
    padding-top: 5px;
    font-size: 12px;
}

.btn-view-select {
    color: #fff;
    background-color: #4a4848;
    border-color: #151617;
}

.btn-view-select:hover {
    color: #fff;
    background-color: #000509;
    border-color: #6c757d;
}

/* ====================================================================== [ PQ-GRID PAGER ] _END_ */

/* ====================================================================== [ SIDE-MENU ] */
.app-content .side-app {
    padding: 18px 20px 20px;
}

#menuTree .category-title, #menuTree .label-title {
    padding: 3px 3px 5px 0px;
    margin-top: 3px;
    color: #1c3550;
    font-size: 13px;
    font-weight: bold;
}

#menuTree .category-title > img {
    width: 24px;
    height: 24px;
    padding-bottom: 0px;
    margin-bottom: 3px;
    margin-right: 3px;
}

#menuTree .label-title > svg {
    width: 16px;
    height: 16px;
    padding-bottom: 0px;
    margin-bottom: 3px;
    margin-right: 3px;
}

#menuTree.tree li.branch {
    background: rgba(108, 117, 125, .18);
}

#menuTree.tree li {
    border-color: #6c757d;
    color: #888888;
    font-size: 13px;
    font-weight: 600;
}

#menuTree.tree ul:before {
    border-left: none;
}

#menuTree.tree ul {
    margin-left: 2px !important;
    margin-right: 3px !important;
}

#menuTree.tree ul li:before {
    border-top: none;
}

#menuTree.tree li a.no-hover {
    pointer-events: none;
}

#menuTree.tree li a {
    text-decoration: none;
    color: #1a1630;
}

#menuTree.tree li a:hover {
    color: #1687ed;
    font-weight: bold;
}

#menuTree.tree .branch img {
    width: 14px;
    height: 14px;
    padding-bottom: 0px;
    margin-bottom: 3px;
    margin-right: 6px;
    margin-left: -3px;
}

#menuTree.tree .branch {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

#menuTree.tree li i {
    margin-right: 5px;
}

#menuTree.tree .branch li.sub-menu {
    padding-left: 8px
}

#sidebarToggle .side-on-img, #sidebarToggle .side-off-img {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

#sidebarToggle .divider {
    width: 16px;
    height: 100px;
}

#sidebarMenu {
    padding-left: 0px;
    padding-right: 10px;
    float: left;
    background: #454545;
    margin-left: -15px;
}

#sidebarToggle {
    left: 0px;
    position: absolute;
    display: flex;
    flex-direction: column;
    top: calc(50vh - 180px);
}

#sidebarToggle img {
    position: initial !important;
}

#sidebarToggle.active {
    left: 220px;
}

#sidebarToggle.active .side-on-img {
    display: block;
}

#sidebarToggle .side-on-img,
#sidebarToggle.active .side-off-img {
    display: none;
}

/* ====================================================================== [ SIDE-MENU ] _END_ */


.card.custom-card.noti-label {
    color: #1687ed;
    background: #ebf5fd;
    border: 1px solid #5dacf2;
    border-radius: 0px;
    margin-top: 0px;
    margin-bottom: 16px;
    padding: 3px 10px !important;
}

.card.custom-card.noti-label > .card-body {
    padding: 5px 5px 5px 0px;
}

/* ====================================================================== [ SCROLL CONTENTS ] */
.card-body#scrollContents, .card-body.scrollContents {
    height: calc(100vh - 110px);
    padding: 15px;
}

#sidebarMenu .submenu-contents {
    height: calc(100vh - 170px);
}

.card-body#treeViewScrollContents {
    height: calc(100vh - 108px);
    padding: 15px;
}

.treeview-scroll-contents {
    height: calc(100vh - 107px);
    padding: 15px;
}

.scroll-contents-158 {
    height: calc(100vh - 158px);
}

.scroll-contents-152 {
    height: calc(100vh - 152px);
}

.scroll-contents-154 {
    height: calc(100vh - 154px);
}

.scroll-contents-308 {
    height: calc(100vh - 308px);
}

/* ====================================================================== [ SCROLL CONTENTS ] _END_ */

/* ====================================================================== [ JSTREE ] */
.tree-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 1px solid #e6ebf1;
}

.tree-search-form {
    display: flex;
}

.aic {
    align-items: center;
}

.jstree-content {
    border: none !important;
}

.count_badge {
    color: white;
    border-radius: 10px;
    padding: 1px 10px;
    font-size: 10px;
    margin-left: 5px;
    background-color: #0C6EFD;
}

.close_badge {
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 10px;
    font-size: 10px;
    margin-left: 5px;
    background-color: var(--color);
}

.no_checkbox > i.jstree-checkbox {
    display:none
}

/* ====================================================================== [ JSTREE ] _END_ */

/* ====================================================================== [ autocomplete ] */
.ui-autocomplete {
    z-index: 999999999999;
}

/* ====================================================================== [ autocomplete ] _END_ */

.m-auto {
    margin: 0 auto !important;
}

.m-0 {
    margin: 0px !important;
}

.m-1 {
    margin: 1px !important;
}

.m-2 {
    margin: 2px !important;
}

.m-3 {
    margin: 3px !important;
}

.m-4 {
    margin: 4px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-8 {
    margin: 8px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-12 {
    margin: 12px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-16 {
    margin: 16px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-24 {
    margin: 24px !important;
}

.m-32 {
    margin: 32px !important;
}

.m-36 {
    margin: 36px !important;
}

.m-40 {
    margin: 40px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-t-1 {
    margin-top: 1px !important;
}

.m-t-2 {
    margin-top: 2px !important;
}

.m-t-3 {
    margin-top: 3px !important;
}

.m-t-4 {
    margin-top: 4px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-6 {
    margin-top: 6px !important;
}

.m-t-7 {
    margin-top: 7px !important;
}

.m-t-8 {
    margin-top: 8px !important;
}

.m-t-9 {
    margin-top: 9px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-11 {
    margin-top: 11px !important;
}

.m-t-12 {
    margin-top: 12px !important;
}

.m-t-14 {
    margin-top: 14px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-16 {
    margin-top: 16px !important;
}
.m-t-17 {
    margin-top: 17px !important;
}
.m-t-20 {
    margin-top: 20px !important;
}

.m-t-22 {
    margin-top: 22px !important;
}

.m-t-24 {
    margin-top: 24px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.m-t-26 {
    margin-top: 26px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-35 {
    margin-top: 35px !important;
}

.m-t-36 {
    margin-top: 36px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}

.m-t-70 {
    margin-top: 70px !important;
}

.m-t-80 {
    margin-top: 80px !important;
}

.m-t-100 {
    margin-top: 100px !important;
}

.m-t-108 {
    margin-top: 108px !important;
}

.m-t-110 {
    margin-top: 110px !important;
}

.m-t-150 {
    margin-top: 150px !important;
}

.m-r-0 {
    margin-right: 0px !important;
}

.m-r-1 {
    margin-right: 1px !important;
}

.m-r-2 {
    margin-right: 2px !important;
}

.m-r-3 {
    margin-right: 3px !important;
}

.m-r-4 {
    margin-right: 4px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-r-6 {
    margin-right: 6px !important;
}

.m-r-7 {
    margin-right: 7px !important;
}

.m-r-8 {
    margin-right: 8px !important;
}

.m-r-9 {
    margin-right: 9px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-11 {
    margin-right: 11px !important;
}

.m-r-12 {
    margin-right: 12px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-r-16 {
    margin-right: 16px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-r-23 {
    margin-right: 23px !important;
}

.m-r-24 {
    margin-right: 24px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.m-r-35 {
    margin-right: 35px !important;
}

.m-r-40 {
    margin-right: 40px !important;
}

.m-r-46 {
    margin-right: 46px !important;
}

.m-r-50 {
    margin-right: 50px !important;
}

.m-r-60 {
    margin-right: 60px !important;
}

.m-r-65 {
    margin-right: 65px !important;
}

.m-r-70 {
    margin-right: 70px !important;
}

.m-r-80 {
    margin-right: 80px !important;
}

.m-r-100 {
    margin-right: 100px !important;
}

.m-r-110 {
    margin-right: 110px !important;
}

.m-r-240 {
    margin-right: 240px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-1 {
    margin-bottom: 1px !important;
}

.m-b-2 {
    margin-bottom: 2px !important;
}

.m-b-3 {
    margin-bottom: 3px !important;
}

.m-b-4 {
    margin-bottom: 4px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-6 {
    margin-bottom: 6px !important;
}

.m-b-7 {
    margin-bottom: 7px !important;
}

.m-b-8 {
    margin-bottom: 8px !important;
}

.m-b-9 {
    margin-bottom: 9px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-12 {
    margin-bottom: 12px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-16 {
    margin-bottom: 16px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-b-35 {
    margin-bottom: 35px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.m-l-auto {
    margin-left: auto !important;
}

.m-l-0 {
    margin-left: 0px !important;
}

.m-l-1 {
    margin-left: 1px !important;
}

.m-l-2 {
    margin-left: 2px !important;
}

.m-l-3 {
    margin-left: 3px !important;
}

.m-l-4 {
    margin-left: 4px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-l-7 {
    margin-left: 7px !important;
}

.m-l-8 {
    margin-left: 8px !important;
}

.m-l-9 {
    margin-left: 9px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-12 {
    margin-left: 12px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-16 {
    margin-left: 16px !important;
}

.m-l-18 {
    margin-left: 18px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-l-22 {
    margin-left: 22px !important;
}

.m-l-24 {
    margin-left: 24px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}

.m-l-28 {
    margin-left: 28px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-l-31 {
    margin-left: 31px !important;
}

.m-l-32 {
    margin-left: 32px !important;
}

.m-l-34 {
    margin-left: 34px !important;
}

.m-l-35 {
    margin-left: 35px !important;
}

.m-l-36 {
    margin-left: 36px !important;
}

.m-l-40 {
    margin-left: 40px !important;
}

.m-l-41 {
    margin-left: 41px !important;
}

.m-l-50 {
    margin-left: 50px !important;
}

.m-l-56 {
    margin-left: 56px !important;
}

.m-l-60 {
    margin-left: 60px !important;
}

.m-l-66 {
    margin-left: 66px !important;
}

.m-l-67 {
    margin-left: 67px !important;
}

.m-l-68 {
    margin-left: 68px !important;
}

.m-l-70 {
    margin-left: 70px !important;
}

.m-l-74 {
    margin-left: 74px !important;
}

.m-l-75 {
    margin-left: 75px !important;
}

.m-l-80 {
    margin-left: 80px !important;
}

.m-l-83 {
    margin-left: 83px !important;;
}

.m-l-85 {
    margin-left: 85px !important;
}

.m-l-90 {
    margin-left: 90px !important;
}

.m-l-95 {
    margin-left: 95px !important;
}

.m-l-110 {
    margin-left: 110px !important;
}

.m-l-650 {
    margin-left: 650px !important;
}

.m-l-938 {
    margin-left: 938px !important;
}

.m-l-945 {
    margin-left: 945px !important;
}

.m-l-950 {
    margin-left: 950px !important;
}

.m-l-980 {
    margin-left: 980px !important;
}

.m-l-1000 {
    margin-left: 1000px !important;
}

.m-l-1010 {
    margin-left: 1010px !important;
}

.m-l-1015 {
    margin-left: 1015px !important;
}

.m-l-1023 {
    margin-left: 1023px !important;
}

.m-l-1025 {
    margin-left: 1025px !important;
}

.m-l-1040 {
    margin-left: 1040px !important;
}

.m-l-1050 {
    margin-left: 1050px !important;
}

.m-l-1200 {
    margin-left: 1200px !important;
}

.m-l-1230 {
    margin-left: 1230px !important;
}

.m-l-1275 {
    margin-left: 1275px !important;
}

.m-l-1420 {
    margin-left: 1420px !important;
}

.m-tb-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.m-tb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.m-tb-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.m-tb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.m-tb-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.m-lr-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.m-lr-3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.m-lr-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.m-lr-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.m-lr-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.m-lr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.m-lr-12 {
    margin-left: 12px !important;
    margin-right: 12px !important;
}

.m-lr-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.wrapper {
    padding: 15px;
}

.p-0 {
    padding: 0px !important;
}

.p-1 {
    padding: 1px !important;
}

.p-2 {
    padding: 2px !important;
}

.p-3 {
    padding: 3px !important;
}

.p-4 {
    padding: 4px !important;
}

.p-5 {
    padding: 5px !important;
}

.p-7 {
    padding: 7px !important;
}

.p-8 {
    padding: 8px !important;
}

.p-9 {
    padding: 9px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-12 {
    padding: 12px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-16 {
    padding: 16px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-32 {
    padding: 32px !important;
}

.p-35 {
    padding: 35px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-t-0 {
    padding-top: 0px !important;
}

.p-t-1 {
    padding-top: 1px !important;
}

.p-t-2 {
    padding-top: 2px !important;
}

.p-t-3 {
    padding-top: 3px !important;
}

.p-t-4 {
    padding-top: 4px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-6 {
    padding-top: 6px !important;
}

.p-t-7 {
    padding-top: 7px !important;
}

.p-t-8 {
    padding-top: 8px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-12 {
    padding-top: 12px !important;
}

.p-t-13 {
    padding-top: 13px !important;
}

.p-t-14 {
    padding-top: 14px !important;
}
.p-t-15 {
    padding-top: 15px !important;
}
.p-t-16 {
    padding-top: 16px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-24 {
    padding-top: 24px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-t-35 {
    padding-top: 35px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.p-r-1 {
    padding-right: 1px !important;
}

.p-r-2 {
    padding-right: 2px !important;
}

.p-r-3 {
    padding-right: 3px !important;
}

.p-r-4 {
    padding-right: 4px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-6 {
    padding-right: 6px !important;
}

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

.p-r-8 {
    padding-right: 8px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-12 {
    padding-right: 12px !important;
}

.p-r-14 {
    padding-right: 14px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-r-16 {
    padding-right: 16px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-r-24 {
    padding-right: 24px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.p-r-32 {
    padding-right: 32px !important;
}

.p-r-35 {
    padding-right: 35px !important;
}

.p-r-40 {
    padding-right: 40px !important;
}

.p-r-70 {
    padding-right: 70px !important;
}

.p-r-80 {
    padding-right: 80px !important;
}

.p-r-100 {
    padding-right: 100px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.p-b-1 {
    padding-bottom: 1px !important;
}

.p-b-2 {
    padding-bottom: 2px !important;
}

.p-b-3 {
    padding-bottom: 3px !important;
}

.p-b-4 {
    padding-bottom: 4px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-7 {
    padding-bottom: 7px !important;
}

.p-b-8 {
    padding-bottom: 8px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-12 {
    padding-bottom: 12px !important;
}

.p-b-13 {
    padding-bottom: 13px !important;
}

.p-b-16 {
    padding-bottom: 16px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-b-24 {
    padding-bottom: 24px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-b-35 {
    padding-bottom: 35px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.p-b-69 {
    padding-bottom: 69px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}

.p-l-1 {
    padding-left: 1px !important;
}

.p-l-2 {
    padding-left: 2px !important;
}

.p-l-3 {
    padding-left: 3px !important;
}

.p-l-4 {
    padding-left: 4px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-6 {
    padding-left: 6px !important;
}

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

.p-l-8 {
    padding-left: 8px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-12 {
    padding-left: 12px !important;
}

.p-l-14 {
    padding-left: 14px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-l-16 {
    padding-left: 16px !important;
}

.p-l-18 {
    padding-left: 18px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-l-22 {
    padding-left: 22px !important;
}

.p-l-24 {
    padding-left: 24px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.p-l-27 {
    padding-left: 27px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-l-33 {
    padding-left: 33px !important;
}

.p-l-35 {
    padding-left: 35px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.p-l-43 {
    padding-left: 43px !important;
}

.p-l-45 {
    padding-left: 45px !important;
}

.p-l-54 {
    padding-left: 54px !important;
}

.p-l-55 {
    padding-left: 55px !important;
}

.p-l-60 {
    padding-left: 60px !important;
}

.p-r-70 {
    padding-left: 70px !important;
}

.p-tb-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.p-tb-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.p-tb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.p-tb-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.p-tb-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.p-tb-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.p-tb-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.p-rl-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.p-rl-4 {
    padding-right: 4px !important;
    padding-left: 4px !important;
}

.p-rl-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.p-rl-6 {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.p-rl-8 {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.p-rl-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.p-rl-12 {
    padding-right: 12px !important;
    padding-left: 12px !important;
}

.p-rl-16 {
    padding-right: 16px !important;
    padding-left: 16px !important;
}

.width-10 {
    width: 10px !important;
}

.width-20 {
    width: 20px !important;
}

.width-30 {
    width: 30px !important;
}

.width-40 {
    width: 40px !important;
}

.width-50 {
    width: 50px !important;
}

.width-55 {
    width: 55px !important;
}

.width-60 {
    width: 60px !important;
}

.width-70 {
    width: 70px !important;
}

.width-75 {
    width: 75px !important;
}

.width-76 {
    width: 76px !important;
}

.width-80 {
    width: 80px !important;
}

.width-85 {
    width: 85px !important;
}

.width-90 {
    width: 90px !important;
}

.width-95 {
    width: 95px !important;
}

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

.width-110 {
    width: 110px !important;
}

.width-116 {
    width: 116px !important;
}

.width-120 {
    width: 120px !important;
}

.width-125 {
    width: 125px !important;
}

.width-130 {
    width: 130px !important;
}

.width-132 {
    width: 132px !important;
}

.width-140 {
    width: 140px !important;
}

.width-145 {
    width: 145px !important;
}

.width-150 {
    width: 150px !important;
}

.width-157 {
    width: 157px !important;
}

.width-158 {
    width: 158px !important;
}

.width-160 {
    width: 160px !important;
}

.width-168 {
    width: 168px !important;
}

.width-170 {
    width: 170px !important;
}

.width-177 {
    width: 177px !important;
}

.width-180 {
    width: 180px !important;
}

.width-200 {
    width: 200px !important;
}

.width-215 {
    width: 215px !important;
}

.width-220 {
    width: 220px !important;
}

.width-230 {
    width: 230px !important;
}

.width-240 {
    width: 240px !important;
}

.width-245 {
    width: 245px !important;
}

.width-250 {
    width: 250px !important;
}

.width-260 {
    width: 260px !important;
}

.width-270 {
    width: 270px !important;
}

.width-280 {
    width: 280px !important;
}

.width-290 {
    width: 290px !important;
}

.width-300 {
    width: 300px !important;
}

.width-310 {
    width: 310px !important;
}

.width-320 {
    width: 320px !important;
}

.width-330 {
    width: 330px !important;
}

.width-333 {
    width: 333px !important;
}

.width-340 {
    width: 340px !important;
}

.width-350 {
    width: 350px !important;
}

.width-370 {
    width: 370px !important;
}

.width-375 {
    width: 375px !important;
}

.width-376 {
    width: 376px !important;
}

.width-380 {
    width: 380px !important;
}

.width-390 {
    width: 390px !important;
}

.width-400 {
    width: 400px !important;
}

.width-410 {
    width: 410px !important;
}

.width-420 {
    width: 420px !important;
}

.width-440 {
    width: 440px !important;
}

.width-450 {
    width: 450px !important;
}

.width-490 {
    width: 490px !important;
}

.width-500 {
    width: 500px !important;
}

.width-510 {
    width: 510px !important;
}

.width-550 {
    width: 550px !important;
}

.width-568 {
    width: 568px !important;
}

.width-600 {
    width: 600px !important;
}

.width-618 {
    width: 618px !important;
}

.width-630 {
    width: 630px !important;
}

.width-635 {
    width: 635px !important;
}

.width-645 {
    width: 645px !important;
}

.width-647 {
    width: 647px !important;
}

.width-650 {
    width: 650px !important;
}

.width-700 {
    width: 700px !important;
}

.width-775 {
    width: 775px !important;
}

.width-805 {
    width: 805px !important;
}

.width-810 {
    width: 810px !important;
}

.width-10p {
    width: 10% !important;
}

.width-20p {
    width: 20% !important;
}

.width-25p {
    width: 25% !important;
}

.width-30p {
    width: 30% !important;
}

.width-35p {
    width: 35% !important;
}

.width-40p {
    width: 40% !important;
}

.width-45p {
    width: 45% !important;
}

.width-48p {
    width: 48% !important;
}

.width-49p {
    width: 49% !important;
}

.width-50p {
    width: 50% !important;
}

.width-55p {
    width: 55% !important;
}

.width-60p {
    width: 60% !important;
}

.width-65p {
    width: 65% !important;
}

.width-70p {
    width: 70% !important;
}

.width-75p {
    width: 75% !important;
}

.width-80p {
    width: 80% !important;
}

.width-85p {
    width: 85% !important;
}

.width-88p {
    width: 88% !important;
}

.width-90p {
    width: 90% !important;
}

.width-95p {
    width: 95% !important;
}

.width-98p {
    width: 98% !important;
}

.width-100p {
    width: 100% !important;
}

.height-18 {
    height: 18px !important;
}

.height-30 {
    height: 30px !important;
}

.height-40 {
    height: 40px !important;
}

.height-50 {
    height: 50px !important;
}

.height-55 {
    height: 55px !important;
}

.height-65 {
    height: 65px !important;
}

.height-80 {
    height: 80px !important;
}

.height-540 {
    height: 540px !important;
}

.height-660 {
    height: 660px !important;
}

.height-690 {
    height: 690px !important;
}

.height-800 {
    height: 800px !important;
}

.height-800max {
    max-height: 800px !important;
}

.height-900max {
    max-height: 900px !important;
}

.height-1000max {
    max-height: 1000px !important;
}

.height-100 {
    height: 100px !important;
}

.height-103 {
    height: 103px !important;
}

.height-107 {
    height: 107px !important;
}

.height-130 {
    height: 130px !important;
}

.height-250 {
    height: 250px !important;
}

.height-300 {
    height: 300px !important;
}

.height-420 {
    height: 420px !important;
}

.height-425 {
    height: 425px !important;
}

.height-500 {
    height: 500px !important;
}

.height-560 {
    height: 560px !important;
}

.height-600 {
    height: 600px !important;
}

.height-608 {
    height: 608px !important;
}

.height-650 {
    height: 650px !important;
}

.height-700 {
    height: 700px !important;
}

.height-750 {
    height: 750px !important;
}

.height-900 {
    height: 900px !important;
}

.height-10p {
    height: 10% !important;
}
.height-15p {
    height: 15% !important;
}
.height-20p {
    height: 20% !important;
}

.height-25p {
    height: 25% !important;
}

.height-30p {
    height: 30% !important;
}

.height-35p {
    height: 35% !important;
}

.height-40p {
    height: 40% !important;
}

.height-45p {
    height: 45% !important;
}

.height-50p {
    height: 50% !important;
}

.height-55p {
    height: 55% !important;
}

.height-60p {
    height: 60% !important;
}

.height-65p {
    height: 65% !important;
}

.height-70p {
    height: 70% !important;
}

.height-75p {
    height: 75% !important;
}

.height-80p {
    height: 80% !important;
}

.height-85p {
    height: 85% !important;
}

.height-90p {
    height: 90% !important;
}

.height-95p {
    height: 95% !important;
}

.height-100p {
    height: 100% !important;
}

.fs15 {
    font-size: 15px !important;
}

.fs13 {
    font-size: 13px !important;
}

.tar {
    text-align: right !important;
}

.tac {
    text-align: center !important;
}

.fl{
    float: left
}

.fr{
    float: right
}
.lh3 {line-height:1.3;}
.lh4 {line-height:1.4;}
.lh5 {line-height:1.5;}
.lh6 {line-height:1.6;}

/* ====================================================================== [ FIXED FLUID ] */
.fixed-fluid {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 2px;
    padding-right: 6px;
}

.fixed-fluid:after {
    content: '';
    display: block;
    clear: both;
}

.fixed-fluid > .pull-xs-left {
    float: left;
}

.fixed-fluid > .pull-xs-right {
    float: right;
}

.fixed-fluid > .fixed-xs-160 {
    width: 180px;
}

.fixed-fluid > .fixed-xs-200 {
    width: 220px;
}

.fixed-fluid > .fixed-xs-250 {
    width: 270px;
}

.fixed-fluid > .fixed-xs-300 {
    width: 320px;
}

.fixed-fluid > .fixed-xs-350 {
    width: 370px;
}

.fixed-fluid > * {
    padding-left: 8px;
    padding-right: 8px;
}

.fixed-fluid > .fluid {
    overflow: hidden;
    padding-left: 8px;
    padding-right: 8px;
}

@media (min-width: 768px) {
    .fixed-fluid > .pull-sm-left {
        float: left;
    }

    .fixed-fluid > .pull-sm-right {
        float: right;
    }

    .fixed-fluid > .fixed-sm-160 {
        width: 180px;
    }

    .fixed-fluid > .fixed-sm-200 {
        width: 210px;
    }

    .fixed-fluid > .fixed-sm-250 {
        width: 270px;
    }

    .fixed-fluid > .fixed-sm-270 {
        width: 270px;
    }

    .fixed-fluid > .fixed-sm-300 {
        width: 320px;
    }

    .fixed-fluid > .fixed-sm-310 {
        width: 330px;
    }

    .fixed-fluid > .fixed-sm-320 {
        width: 340px;
    }

    .fixed-fluid > .fixed-sm-350 {
        width: 350px;
    }

    .fixed-fluid > .fixed-sm-400 {
        width: 420px;
    }

    .fixed-fluid > .fixed-sm-450 {
        width: 470px;
    }

    .fixed-fluid > .fixed-sm-500 {
        width: 520px;
    }

    .fixed-fluid > .fixed-sm-520 {
        width: 540px;
    }

    .fixed-fluid > .fixed-sm-550 {
        width: 570px;
    }

    .fixed-fluid > .fixed-sm-630 {
        width: 650px;
    }

    .fixed-fluid > .fixed-sm-730 {
        width: 750px;
    }

    .fixed-fluid > .fixed-sm-850 {
        width: 870px;
    }

    .fixed-fluid > .fixed-sm-950 {
        width: 970px;
    }

    .fixed-fluid > .fixed-sm-30pc {
        width: 30%;
    }

    .fixed-fluid > .fixed-sm-70pc {
        width: 70%;
    }

    .fixed-fluid > .fixed-sm-75pc {
        width: 75%;
    }

    .fixed-fluid > .fixed-sm-80pc {
        width: 80%;
    }

    .fixed-fluid > .fixed-left-border {
        border-left: 1px solid rgba(0, 0, 0, 0.07);
    }

    .fixed-fluid > .fixed-right-border {
        border-right: 1px solid rgba(0, 0, 0, 0.07);
    }

    .panel-body > .fixed-fluid > .fixed-left-border {
        padding-left: 15px;
    }

    .panel-body > .fixed-fluid > .fixed-left-border + .fluid {
        padding-right: 15px;
    }

    .panel-body > .fixed-fluid > .fixed-right-border {
        padding-right: 15px;
    }

    .panel-body > .fixed-fluid > .fixed-right-border + .fluid {
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .fixed-fluid > .pull-md-left {
        float: left;
    }

    .fixed-fluid > .pull-md-right {
        float: right;
    }

    .fixed-fluid > .fixed-md-160 {
        width: 180px;
    }

    .fixed-fluid > .fixed-md-200 {
        width: 220px;
    }

    .fixed-fluid > .fixed-md-250 {
        width: 270px;
    }

    .fixed-fluid > .fixed-md-300 {
        width: 320px;
    }

    .fixed-fluid > .fixed-md-350 {
        width: 370px;
    }
}

@media (min-width: 1200px) {
    .fixed-fluid > .pull-lg-left {
        float: left;
    }

    .fixed-fluid > .pull-lg-right {
        float: right;
    }

    .fixed-fluid > .fixed-lg-160 {
        width: 180px;
    }

    .fixed-fluid > .fixed-lg-200 {
        width: 220px;
    }

    .fixed-fluid > .fixed-lg-250 {
        width: 270px;
    }

    .fixed-fluid > .fixed-lg-300 {
        width: 320px;
    }

    .fixed-fluid > .fixed-lg-350 {
        width: 370px;
    }
}

/* ====================================================================== [ FIXED FLUID ] _END_ */
body.pace-done.app > .horizontalMenucontainer {
    overflow-x: auto;
    height: 100vh !important;
}

body.pace-done.app > .horizontalMenucontainer > #mainPage {
    min-width: 1514px !important;
}

.page-container {
    border-top: 0px;
    margin: 0px;
    padding-top: 5px;
}

.alert-navy {
    background-color: #25476a;
    border-color: #25476a;
    color: #fff !important;
}

.modal form {
    padding: 0px !important;
}

.modal-lg .modal-body .row.minu-form {
    padding-left: 5px !important;
}

.modal .modal-body .row.minu-form .col.col-single {
    padding-right: 0px !important;
}

.modal-dialog-centered {
    min-height: calc(100% - 300px);
}

.text-thin {
    font-weight: 300 !important;
}

.text-normal {
    font-weight: normal !important;
}

.text-semibold {
    font-weight: 600 !important;
}

.text-bold {
    font-weight: 700 !important;
}

.text-extrabold {
    font-weight: 800 !important;
}
/* ====================================================================== [ TEXT ] _END_ */

.info-well {
    background: #fafafa;
    color: #303030;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    padding: 8px 4px;
}

.info-well.form-col {
    margin-bottom: 16px;
}

.info-well.form-col-2 {
    margin-bottom: 16px;
    margin-right: 14px;
}

.modal-body.form-col-2 {
    padding-left: 14px;
    padding-right: 0px;
}

.dark-mode .horizontal-main.hor-menu {
    background: #012244;
}


.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 90%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

.label-outline-purple {
    color: #8892d6 !important;
    border: 1px solid #8892d6;
    background-color: #ffffff;
}

span.label {
    pointer-events: none;
    opacity: 0.75;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 1em;
    font-size: 12px;
    border-radius: 2px;
    margin-bottom: 0px;
    line-height: 1;
}

span.label.label-sm {
    padding: 4px 8px;
}

span.label.label-xs {
    padding: 0px 4px;
}

span.label.label-round {
    border-radius: 10rem;
}

span.label.label-round4 {
    border-radius: 4px;
}

span.label.label-round8 {
    border-radius: 8px;
}

span.label.label-primary {
    background-color: rgba(102, 77, 201, 0.25) !important;
    color: var(--color) !important;
}

span.label.label-secondary {
    background-color: rgba(91, 115, 232, 0.25) !important;
    color: #5b73e8 !important;
}

span.label.label-success {
    background-color: rgba(56, 203, 137, 0.25) !important;
    color: #38cb89 !important;
}

span.label.label-info {
    background-color: rgba(62, 128, 235, 0.25) !important;
    color: #3e80eb !important;
}

span.label.label-teal {
    background-color: rgba(43, 203, 186, 0.25) !important;
    color: #2bcbba !important;
}

span.label.label-warning {
    background-color: rgba(255, 171, 0, 0.25) !important;
    color: #ff9f43 !important;
}

span.label.label-danger {
    background-color: rgba(239, 75, 75, 0.25) !important;
    color: #ef4b4b !important;
}

span.label.label-purple {
    background-color: rgba(115, 103, 240, 0.25) !important;
    color: #7367f0 !important;
}

span.label.label-light {
    color: #8A98AC !important;
    background-color: #f2f3f7 !important;
    border-color: #f2f3f7 !important;
}

span.label.label-dark {
    background-color: rgba(52, 58, 64, 0.25) !important;
    color: #343a40 !important;
}

span.label.label-outline-light {
    color: #495057;
    background-color: transparent;
    background-image: none;
    border-color: #747b83;
    box-shadow: 0 0px 10px -5px #e8ebf2;
}

span.label.label-outline-primary {
    color: var(--color);
    background-color: transparent;
    background-image: none;
    border-color: var(--color);
    box-shadow: 0 0px 10px -5px rgb(112 94 200 / 50%);
}

span.label.label-outline-secondary {
    color: #5b73e8;
    background-color: transparent;
    background-image: none;
    border-color: #5b73e8;
    box-shadow: 0 0px 10px -5px rgb(91 115 232 / 50%);
}

span.label.label-outline-success {
    color: #38cb89;
    background-color: transparent;
    background-image: none;
    border-color: #38cb89;
    box-shadow: 0 0px 10px -5px rgb(56 203 137 / 50%);
}

span.label.label-outline-info {
    color: #3e80eb;
    background-color: transparent;
    background-image: none;
    border-color: #3e80eb;
    box-shadow: 0 0px 10px -5px rgb(91 127 255 / 50%);
}

span.label.label-outline-warning {
    color: #ffab00;
    background-color: transparent;
    background-image: none;
    border-color: #ffab00;
    box-shadow: 0 0px 10px -5px rgb(255 171 0 / 50%);
}

span.label.label-outline-danger {
    color: #dc0441;
    background-color: transparent;
    background-image: none;
    border-color: #dc0441;
    box-shadow: 0 0px 10px -5px rgb(220 4 65 / 50%);
}

span.label.label-outline-purple {
    color: #7367f0;
    background-color: transparent;
    background-image: none;
    border-color: #7367f0;
    box-shadow: 0 0px 10px -5px rgb(115 103 240 / 50%);
}

.image-icon.icon-16 {
    height: 16px;
    width: 16px;
}

.image-icon.icon-18 {
    height: 18px;
    width: 18px;
}

.image-icon.icon-20 {
    height: 20px;
    width: 20px;
}

.tooltip {
    font-size: 12px !important;
}

.board-reply {
    background: #fff;
}

.board-reply .col-left {
    padding-right: 0px !important;
}

.board-reply .col-right {
    padding: 0 0 0 5px !important;
}

.board-reply textarea {
    width: 100%;
    min-height: 85px;
    padding: 6px 12px;
    border: 1px solid #eceff9;
    background: 0 0;
}

.board-reply button {
    height: 40px;
    width: 40px;
    box-shadow: 0px 2px 3px rgb(4 4 7 / 10%);
    border: 1px solid #e6ebf1;
}

.jstree-content {
    border: 1px solid #ececec;
    padding: 8px 0px 8px 8px;
    margin-bottom: 10px;
}

i.jstree-icon.jstree-themeicon.jstree-themeicon-custom {
    width: 24px;
    height: 24px;
}

.modal .form-group.row.row-right {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.modal .form-group.row.row-right .col {
    padding-right: 0px !important;
}

.modal .col-sm-6.col-md-6.col-right {
    padding-right: 0px !important;
}

.dropdown.country-selector .dropdown-menu {
    min-width: 3rem !important;
}

.dropdown.country-selector img.country {
    width: 24px !important;
    height: 24px !important;
    line-height: 1.4rem !important;
}

.dropdown.country-selector .dropdown-item {
    padding: 4px 10px !important;
}

.dropdown.country-selector .dropdown-menu-arrow.dropdown-menu-end:before,
.dropdown.country-selector .dropdown-menu-arrow.dropdown-menu-end:after {
    left: 18px !important;
    right: 22px !important;
}

.dropdown-menu .dropdown-filter-title {
    width: 100% !important;
    color: #6b6f80 !important;
    padding: 6px 12px !important;
    font-weight: 600 !important;
    border: 0 solid #e6ebf1 !important;
    border-bottom-width: 1px !important;
}

.bb-0 {
    border-bottom: 0px !important;
}

.bt-0 {
    border-top: 0px !important;
}

/* 반응형 기능 삭제 */
@media (min-width: 992px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .animated-arrow.hor-toggle {
        display: none;
    }

    .hor-content.main-content {
        margin-top: initial;
    }

    .hor-header.header {
        position: initial;
        width: initial;
        z-index: initial;
    }
}

@media only screen and (max-width: 991px) {
    .horizontalMenu {
        visibility: initial;
        position: initial;
    }

    .horizontalMenu > .horizontalMenu-list {
        width: initial;
        background-color: inherit;
        margin-left: initial;
    }

    .horizontalMenu > .horizontalMenu-list > li {
        width: initial;
        float: left;
    }

    .horizontalMenu > .horizontalMenu-list > li > a {
        line-height: 20px;
    }

    .horizontalMenu > .horizontalMenu-list > li a span {
        display: initial;
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li:first-child > a {
        margin-top: 3px !important;
    }
}

.hor-header.header.top-header {
    position: initial !important;
    padding: 0 !important;
}

.header-brand {
    margin-left: 0 !important;
    line-height: 2.9rem !important;
}

.hor-header .animated-arrow.hor-toggle {
    display: none !important;
}

.navresponsive-toggler.d-md-none {
    display: none !important;
}

@media (max-width: 767px) {
    .hor-header .header-brand .header-brand-img {
        display: initial !important;
        position: initial;
        margin: 0 5px 10px 26px !important;
    }

    .collapse.navbar-collapse {
        padding-top: 3px !important;
    }
}

.hor-header .profile-dropdown {
    padding: 0 !important;
}

.responsive-navbar.navbar .navbar-collapse {
    position: initial !important;
    background: initial !important;
    border: 0 !important;
    box-shadow: initial !important;
}

.collapse:not(.show) {
    display: block !important;
}

.hor-content.main-content {
    margin-top: initial !important;
}

.fixed-fluid > .pull-sm-left {
    float: left;
!important;
}

.fixed-fluid > .pull-sm-right {
    float: right;
!important;
}

.fixed-fluid > .fixed-sm-160 {
    width: 180px;
!important;
}

.fixed-fluid > .fixed-sm-200 {
    width: 210px;
!important;
}

.fixed-fluid > .fixed-sm-250 {
    width: 270px;
!important;
}

.fixed-fluid > .fixed-sm-300 {
    width: 320px;
!important;
}

.fixed-fluid > .fixed-sm-310 {
    width: 330px;
!important;
}

.fixed-fluid > .fixed-sm-320 {
    width: 340px;
!important;
}

.fixed-fluid > .fixed-sm-350 {
    width: 350px;
!important;
}

.fixed-fluid > .fixed-sm-400 {
    width: 420px;
!important;
}

.fixed-fluid > .fixed-sm-450 {
    width: 470px;
!important;
}

.fixed-fluid > .fixed-sm-500 {
    width: 520px;
!important;
}

.fixed-fluid > .fixed-sm-520 {
    width: 540px;
!important;
}

.fixed-fluid > .fixed-sm-550 {
    width: 570px;
!important;
}

.fixed-fluid > .fixed-sm-630 {
    width: 650px;
!important;
}

.fixed-fluid > .fixed-sm-730 {
    width: 750px;
!important;
}

.fixed-fluid > .fixed-sm-850 {
    width: 870px;
!important;
}

.fixed-fluid > .fixed-sm-950 {
    width: 970px;
!important;
}

.fixed-fluid > .fixed-sm-30pc {
    width: 30%;
!important;
}

.fixed-fluid > .fixed-sm-70pc {
    width: 70%;
!important;
}

.fixed-fluid > .fixed-sm-75pc {
    width: 75%;
!important;
}

.fixed-fluid > .fixed-sm-80pc {
    width: 80%;
!important;
}

.row > .infinteTabs {
    max-width: 100vw !important;
    padding-left: 0;
    padding-right: 0;
}

/* slide menu 위치 수정 */
.row {width:calc(100% - -7px);}
.bTabs div.tab-content {
    padding-right: 0px !important;
}
.fixed-fluid {
     padding-right: 0px !important;
 }
 .fixed-fluid > .fluid {
      padding-right: 0px !important;
  }
 .modal.non-modal-slide .modal-content {left: 2px !important;}
 .hor-content.main-content > .container {
     padding-right: 0px !important;
 }
 .bTabs div.tab-content {padding-right: 0px !important;}
 .hor-content.main-content > .container {
     padding-right: 0px !important;
 }
.modal.non-modal-slide {right:0px !important;}
.hor-content.main-content.spa {right:7px !important}

/* header 내 search */
.header-search-area{
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
}
.header-search-area input{
    padding-right: 20px;
    border: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    margin-right: 9px;
    color:rgba(255,255,255,0.8);
}
.header-search-area input::placeholder {color:rgba(255,255,255,0.8)}
.header-search-area button{
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    position: absolute;
    right: 11px;
    top: 1px;
}
.header-search-area button i:before {color: rgba(255, 255, 255, 0.8);}
.header-search-area #menu4SearchList{
    position: absolute;
    top: 36px;
    z-index: 9999;
    background: #fff;
    border: 1px solid;
}