body,
.gray-bg, .bg-muted,
.dockable-side-panel,
.explorer-container {
    background-image: linear-gradient(to bottom, #eeeffe 0%, #f5f5f8 12%, #f5f5f8 100%) !important;
    background-color: #f6f6f7 !important;
    background-repeat: no-repeat;
}

.form-group label {
    color: #3a3a3a !important;
    font-weight: 500;
    font-size: 13px !important;
    padding: 5px 0px 1px !important;
}

.index-ui #main-wrapper .panel .tabs-container .nav-tabs {
    display: none;
}

.tabulator .tabulator-tableHolder {
    background: white;
}

.tabulator .tabulator-row .tabulator-cell {
    padding: 14px 8px !important;
}

.tabulator .tabulator-header {
    border-radius: 8px;
}

.tabulator .tabulator-headers {
    background-color: #f5f5f8;
}

.tabulator .tabulator-header .tabulator-col {
    background-color: #f5f5f8;
}

.tabulator-header-filter input,
.tabulator-header-filter textarea {
    background-color: #fff !important;
}

.tabulator-row .tabulator-cell {
    font-weight: 500;
}

.tabulator-cell .btn-primary,
.tabulator-cell .btn-secondary {
    background-color: #ececec;
    border-color: #ffffff;
    color: #383b43;
    padding: 5px 12px;
    border-radius: 6px;
    font-weight: 500;
}

    .tabulator-cell .btn-secondary,
    .tabulator-cell .btn-secondary:active,
    .tabulator-cell .btn-secondary:hover,
    .tabulator-cell .btn-secondary:focus,
    .tabulator-cell .btn-secondary:not(:disabled):not(.disabled):active {
        background-color: #6371dc !important;
        color: white !important;
    }

    .tabulator-cell .btn-primary:hover,
    .tabulator-cell .btn-primary:focus {
        background-color: #ececec !important;
        border-color: #eaebf5;
        color: #000000;
    }


.page-button-placeholder .btn {
    border-radius: 32px;
    background: linear-gradient(315deg, #7e8bff 0%, #7659c7 86%);
    padding: 14px 30px;
    border: none !important;
    transition: all 0.2s;
    text-transform: capitalize;
    font-size: 14px;
    margin-top: -8px;
    font-weight: 500;
    white-space: nowrap !important;
}

.page-button-placeholder .btn .fa {
    margin-right: 8px;
}

.page-button-placeholder .btn:hover {
    transform: scale(1.08);
}

.select2-container {
    color: #333 !important;
    letter-spacing: 0.2px;
}

.select2-dropdown {
    box-shadow: 0px 8px 25px #a6a6a6;
    overflow-x: hidden;
    border-radius: 8px !important;
    animation: selectZoomIn 0.12s;
    transform-origin: top center;
}

.select2-results {
    padding: 8px 0px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    padding: 8px;
    border-bottom: 1px solid #ccc;
}

.select2-container--default .select2-results__option--group {
    margin-top: 5px;
}

.select2-container--default .select2-results > .select2-results__options {
    padding-left: 10px;
    padding-right: 10px;
}

.select2-results__option--selectable {
    border-radius: 15px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 15px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: linear-gradient(200deg, #7e8bff 0%, #7659c7 86%) !important;
}

@keyframes selectZoomIn {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

ul.nav-second-level,
.nav > li.active,
.navbar-default.navbar-static-side, .nav-header {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.mini-navbar ul.nav-second-level {
    background: white !important;
    background-color: white !important;
}

.nav > li.active:not(.submenu) > a, .navbar-default .nav > li.active:not(.submenu) > a:hover, .navbar-default .nav > li.active:not(.submenu) > a:focus {
    background: linear-gradient(315deg, #7e8bff 0%, #7659c7 86%);
    text-shadow: 1px 1px 8px #51538b;
}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
    background-color: #d9dde3 !important;
}

.dockable-side-panel {
    padding-left: 10px;
    padding-top: 1px;
}

.tree-left-panel {
    box-shadow: 0px 0px 10px 0px #c7cbdd !important;
    border-radius: 15px 0px 0px 0px;
}

.nav > li > a {
    font-weight: 500;
    padding: 8px 0px 8px 12px;
    border-radius: 25px !important;
    color: #292e3d;
}

.ui-wrapper {
    border-bottom: none !important;
}

.dockable-side-panel {
    padding-right: 5px;
    border-radius: 15px 0px 0px 0px;
}

.tabulator .tabulator-footer {
    text-align: center;
}

.tabulator-paginator > label {
    display: none;
}

.tabulator-paginator .tabulator-page-size {
    display: none !important;
}

.mini-navbar .navbar-default.navbar-static-side {
    border-right: 3px solid #eff1f5;
}

.dashboard-editor-wrapper .panel-ui-wrapper {
    border-left: 3px solid white !important;
}

.system-name {
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 400;
    padding-top: 12px;
}

.mini-navbar .navbar-default.navbar-static-side {
    border-right: none !important;
}

.dashboard-list .app-status.published {
    background: linear-gradient(315deg, #7e8bff 0%, #7659c7 86%) !important;
}

.dashboard-list .app-status.draft {
    background: linear-gradient(315deg, #e3e3e3 0%, #f9f9f9 86%) !important;
}

.tabulator-cell .btn-white {
    background: #e7eaec;
}

.alert-info {
    border-left: 3px solid #0c5460;
}

.alert-danger {
    border-left: 3px solid #a92632;
    color: #a92632;
}

.alert-warning {
    border-left: 3px solid #dbaf2f;
}

body.mini-navbar .navbar-static-side {
    box-shadow: 1px 0px 18px 0px #dadada !important;
}

ul.navbar-top-links li a.chat-header-button {
    position: fixed;
    right: -100px;
    bottom: -18px;
    z-index: 10000;
    font-size: 14px !important;
    background: linear-gradient(173deg, #c38aff 0%, #2e186b 86%) !important;
    box-shadow: -2px 0px 12px 0px #cdcdcd;
    padding: 12px 18px 22px 18px !important;
    border-radius: 55px !important;
    border: 2px solid white !important;
    border-radius: 55px !important;
}

    ul.navbar-top-links li a.chat-header-button:hover {
        padding: 16px 28px !important;
        right: 10px;
        bottom: 5px;
        box-shadow: inset 0px 7px 9px #562998f0;
        transform: scale(1.0) !important;
        background: linear-gradient(133deg, #c19be9 0%, #6239d3 86%) !important;
    }

    ul.navbar-top-links li a.chat-header-button .chat-header-button-text {
        color: white !important;
        text-shadow: none;
        font-weight: 500 !important;
        opacity: 0.9;
    }

    ul.navbar-top-links li a.chat-header-button .chat-header-button-icon {
        width: 25px;
        height: 25px;
        background-image: url(/portal/assets/chat-icon.png) !important;
        margin-left: 0px;
    }