/*/*-------------------------------------------------------------------*/
/* === Boostrap Main SCSS === */
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #5E50F9;
    --indigo: #6610f2;
    --purple: #6a008a;
    --pink: #E91E63;
    --red: #f96868;
    --orange: #f2a654;
    --yellow: #f6e84e;
    --green: #46c35f;
    --teal: #58d8a3;
    --cyan: #57c7d4;
    --white: #ffffff;
    --gray: #6c757d;
    --gray-dark: #0f1531;
    --blue: #5E50F9;
    --indigo: #6610f2;
    --purple: #6a008a;
    --pink: #E91E63;
    --red: #f96868;
    --orange: #f2a654;
    --yellow: #f6e84e;
    --green: #46c35f;
    --teal: #58d8a3;
    --cyan: #57c7d4;
    --white: #ffffff;
    --gray: #434a54;
    --gray-light: #aab2bd;
    --gray-lighter: #e8eff4;
    --gray-lightest: #e6e9ed;
    --black: #000000;
    --primary: #f29824;
    --secondary: #5d78ff;
    --success: #34bfa3;
    --info: #2cd9c5;
    --warning: #ffb61b;
    --danger: #fc3995;
    --light: #a7afb7;
    --dark: #001737;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}



@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.input-group, .asColorPicker-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}


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

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

    .nav-link:hover, .nav-link:focus {
        text-decoration: none;
    }

    .nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default;
    }

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

    .nav-tabs .nav-item {
        margin-bottom: -1px;
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: #ebedf2 #ebedf2 #ebedf2;
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #6c7293;
            background-color: #ffffff;
            border-color: #ebedf2 #ebedf2 #ffffff;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff;
    }

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

    .navbar > .container,
    .navbar > .container-fluid {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none;
    }

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    margin-left: auto;
    list-style: none;
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

    .navbar-toggler:hover, .navbar-toggler:focus {
        text-decoration: none;
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

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

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

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

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

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

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

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

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}

    .navbar-expand > .container,
    .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

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

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

    .navbar-expand > .container,
    .navbar-expand > .container-fluid {
        flex-wrap: nowrap;
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand .navbar-toggler {
        display: none;
    }

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

    .navbar-light .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

    .navbar-light .navbar-text a {
        color: rgba(0, 0, 0, 0.9);
    }

        .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
            color: rgba(0, 0, 0, 0.9);
        }

.navbar-dark .navbar-brand {
    color: #fff;
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff;
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, 0.75);
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

    .navbar-dark .navbar-nav .show > .nav-link,
    .navbar-dark .navbar-nav .active > .nav-link,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .nav-link.active {
        color: #fff;
    }

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

    .navbar-dark .navbar-text a {
        color: #fff;
    }

        .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
            color: #fff;
        }







.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

    .list-group-item-action:hover, .list-group-item-action:focus {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa;
    }

    .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef;
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff;
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

.list-group-horizontal {
    flex-direction: row;
}

    .list-group-horizontal .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

        .list-group-horizontal .list-group-item:first-child {
            border-top-left-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal .list-group-item:last-child {
            margin-right: 0;
            border-top-right-radius: 0.25rem;
            border-bottom-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }

        .list-group-horizontal-sm .list-group-item {
            margin-right: -1px;
            margin-bottom: 0;
        }

            .list-group-horizontal-sm .list-group-item:first-child {
                border-top-left-radius: 0.25rem;
                border-bottom-left-radius: 0.25rem;
                border-top-right-radius: 0;
            }

            .list-group-horizontal-sm .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 0.25rem;
                border-bottom-right-radius: 0.25rem;
                border-bottom-left-radius: 0;
            }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }

        .list-group-horizontal-md .list-group-item {
            margin-right: -1px;
            margin-bottom: 0;
        }

            .list-group-horizontal-md .list-group-item:first-child {
                border-top-left-radius: 0.25rem;
                border-bottom-left-radius: 0.25rem;
                border-top-right-radius: 0;
            }

            .list-group-horizontal-md .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 0.25rem;
                border-bottom-right-radius: 0.25rem;
                border-bottom-left-radius: 0;
            }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }

        .list-group-horizontal-lg .list-group-item {
            margin-right: -1px;
            margin-bottom: 0;
        }

            .list-group-horizontal-lg .list-group-item:first-child {
                border-top-left-radius: 0.25rem;
                border-bottom-left-radius: 0.25rem;
                border-top-right-radius: 0;
            }

            .list-group-horizontal-lg .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 0.25rem;
                border-bottom-right-radius: 0.25rem;
                border-bottom-left-radius: 0;
            }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }

        .list-group-horizontal-xl .list-group-item {
            margin-right: -1px;
            margin-bottom: 0;
        }

            .list-group-horizontal-xl .list-group-item:first-child {
                border-top-left-radius: 0.25rem;
                border-bottom-left-radius: 0.25rem;
                border-top-right-radius: 0;
            }

            .list-group-horizontal-xl .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 0.25rem;
                border-bottom-right-radius: 0.25rem;
                border-bottom-left-radius: 0;
            }
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

    .list-group-flush .list-group-item:last-child {
        margin-bottom: -1px;
    }

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.list-group-item-primary {
    color: #832652;
    background-color: #fecce4;
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #832652;
        background-color: #feb3d7;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #ffffff;
        background-color: #832652;
        border-color: #832652;
    }

.list-group-item-secondary {
    color: #303e85;
    background-color: #d2d9ff;
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #303e85;
        background-color: #b9c3ff;
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #ffffff;
        background-color: #303e85;
        border-color: #303e85;
    }

.list-group-item-success {
    color: #1b6355;
    background-color: #c6ede5;
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #1b6355;
        background-color: #b3e7dc;
    }

    .list-group-item-success.list-group-item-action.active {
        color: #ffffff;
        background-color: #1b6355;
        border-color: #1b6355;
    }

.list-group-item-info {
    color: #177166;
    background-color: #c4f4ef;
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #177166;
        background-color: #aff0e9;
    }

    .list-group-item-info.list-group-item-action.active {
        color: #ffffff;
        background-color: #177166;
        border-color: #177166;
    }

.list-group-item-warning {
    color: #855f0e;
    background-color: #ffebbf;
}

    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
        color: #855f0e;
        background-color: #ffe3a6;
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #ffffff;
        background-color: #855f0e;
        border-color: #855f0e;
    }

.list-group-item-danger {
    color: #831e4d;
    background-color: #fec8e1;
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #831e4d;
        background-color: #feafd3;
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #ffffff;
        background-color: #831e4d;
        border-color: #831e4d;
    }

.list-group-item-light {
    color: #575b5f;
    background-color: #e6e9eb;
}

    .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
        color: #575b5f;
        background-color: #d8dde0;
    }

    .list-group-item-light.list-group-item-action.active {
        color: #ffffff;
        background-color: #575b5f;
        border-color: #575b5f;
    }

.list-group-item-dark {
    color: #000c1d;
    background-color: #b8bec7;
}

    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
        color: #000c1d;
        background-color: #aab1bc;
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #ffffff;
        background-color: #000c1d;
        border-color: #000c1d;
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

    .close:hover {
        color: #000;
        text-decoration: none;
    }

    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
        opacity: .75;
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none;
}

a.close.disabled {
    pointer-events: none;
}


.flex-row, .email-wrapper .message-body .attachments-sections ul li, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav {
    flex-direction: row !important;
    flex: nowrap;
}

.flex-column, .nav-tabs.nav-tabs-vertical, .nav-tabs.nav-tabs-vertical-custom, .nav-pills.nav-pills-vertical, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap, .jsgrid .jsgrid-pager {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.justify-content-start, .list-wrapper ul li {
    justify-content: flex-start !important;
}

.justify-content-end, .email-wrapper .mail-list-container .mail-list .details {
    justify-content: flex-end !important;
}

.justify-content-center, .layouts-preview-main-wrapper .layouts-preview-wrapper .preview-item a .item-title, .email-wrapper .message-body .attachments-sections ul li .thumb {
    justify-content: center !important;
}

.justify-content-between, .sale-status-legends ul li {
    justify-content: space-between !important;
}

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

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center, .loader-demo-box, .layouts-preview-main-wrapper .layouts-preview-wrapper .preview-item a .item-title, .list-wrapper ul li, .email-wrapper .message-body .attachments-sections ul li .thumb, .email-wrapper .message-body .attachments-sections ul li .details .buttons, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item, .horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch, .email-wrapper .message-body .attachments-sections ul li {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.fixed-top, .horizontal-menu.fixed-on-scroll .bottom-navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}




/*-------------------------------------------------------------------*/
/* === Template mixins === */
/* Miscellaneous Mixins */
.list-wrapper ul li .form-check, .list-wrapper ul li .form-check .form-check-label, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation, .email-wrapper .mail-list-container .mail-list .content .sender-name, .email-wrapper .message-body .attachments-sections ul li .details p.file-name {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
}

    .list-wrapper ul li .form-check, .list-wrapper ul li .form-check .form-check-label, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation, .email-wrapper .mail-list-container .mail-list .content .sender-name, .email-wrapper .message-body .attachments-sections ul li .details p.file-name {
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 100%;
        white-space: nowrap;
    }

/* Animation Mixins */
@keyframes dropdownAnimation {
    from {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
    }

    to {
        opacity: 1;
        transform: none;
        transform: translate3d(0, 0px, 0);
    }
}

.dropdownAnimation, .horizontal-menu .top-navbar .navbar-menu-wrapper .dropdown .dropdown-menu, .horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu {
    animation-name: dropdownAnimation;
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -ms-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

.infinite-spin {
    animation-name: spin;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

/*-------------------------------------------------------------------*/
/* === Core Styles === */
/* Reset Styles */



.dropdown-menu > li > a:active,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:visited {
    outline: 0;
}

a:focus,
input:focus {
    border-color: transparent;
    outline: none;
}



.text-gray, .card .card-subtitle {
    color: #6c7293;
}

.text-black {
    color: #000;
}

.text-small {
    font-size: 12px;
}

.flex-grow {
    flex-grow: 1;
}



@-webkit-keyframes rota {
    from {
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rota {
    from {
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes opa {
    0% {
    }

    12.0% {
        opacity: 0.80;
    }

    19.5% {
        opacity: 0.88;
    }

    37.2% {
        opacity: 0.64;
    }

    40.5% {
        opacity: 0.52;
    }

    52.7% {
        opacity: 0.69;
    }

    60.2% {
        opacity: 0.60;
    }

    66.6% {
        opacity: 0.52;
    }

    70.0% {
        opacity: 0.63;
    }

    79.9% {
        opacity: 0.60;
    }

    84.2% {
        opacity: 0.75;
    }

    91.0% {
        opacity: 0.87;
    }
}

@keyframes opa {
    0% {
    }

    12.0% {
        opacity: 0.80;
    }

    19.5% {
        opacity: 0.88;
    }

    37.2% {
        opacity: 0.64;
    }

    40.5% {
        opacity: 0.52;
    }

    52.7% {
        opacity: 0.69;
    }

    60.2% {
        opacity: 0.60;
    }

    66.6% {
        opacity: 0.52;
    }

    70.0% {
        opacity: 0.63;
    }

    79.9% {
        opacity: 0.60;
    }

    84.2% {
        opacity: 0.75;
    }

    91.0% {
        opacity: 0.87;
    }
}


@keyframes bigcon {
    0% {
        transform-origin: center;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    100% {
        transform-origin: center;
        transform: translate(-50%, -50%) rotate(405deg);
    }
}

@keyframes small {
    0% {
        transform: scale(1);
        background-color: #feaed4;
    }

    10% {
        transform: scale(1.3);
        background-color: #f29824;
    }

    15% {
        transform: scale(1);
    }

    25% {
        transform: scale(1);
        background-color: #f29824;
    }

    100% {
        transform: scale(1);
        background-color: #f29824;
    }
}

@keyframes anim {
    0% {
        -webkit-filter: hue-rotate(0deg);
    }

    50% {
        box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0;
    }

    75% {
        box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0;
    }

    100% {
        transform: rotate(360deg);
        -webkit-filter: hue-rotate(360deg);
    }
}

/* Square box loader */
@keyframes dyinglight {
    15% {
        transform: scale(1.6);
    }

    50% {
        transform: rotate(-89deg);
    }

    100% {
        transform: rotate(-90deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@keyframes bounce {
    0%, 75%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}


@keyframes grow {
    0%, 100% {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

    50% {
        -webkit-transform: scaleY(1.8);
        -ms-transform: scaleY(1.8);
        -o-transform: scaleY(1.8);
        transform: scaleY(1.8);
    }
}


@keyframes squaremove {
    0%, 100% {
        -webkit-transform: translate(0, 0) rotate(0);
        -ms-transform: translate(0, 0) rotate(0);
        -o-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
    }

    25% {
        -webkit-transform: translate(40px, 40px) rotate(45deg);
        -ms-transform: translate(40px, 40px) rotate(45deg);
        -o-transform: translate(40px, 40px) rotate(45deg);
        transform: translate(40px, 40px) rotate(45deg);
    }

    50% {
        -webkit-transform: translate(0px, 80px) rotate(0deg);
        -ms-transform: translate(0px, 80px) rotate(0deg);
        -o-transform: translate(0px, 80px) rotate(0deg);
        transform: translate(0px, 80px) rotate(0deg);
    }

    75% {
        -webkit-transform: translate(-40px, 40px) rotate(45deg);
        -ms-transform: translate(-40px, 40px) rotate(45deg);
        -o-transform: translate(-40px, 40px) rotate(45deg);
        transform: translate(-40px, 40px) rotate(45deg);
    }
}


@keyframes opacitychange {
    0%, 100% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }
}


@keyframes flip {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotateY(180deg);
    }

    100% {
        transform: rotateY(180deg) rotateX(180deg);
    }
}


@keyframes rotatemove {
    0% {
        -webkit-transform: scale(1) translateX(0px);
        -ms-transform: scale(1) translateX(0px);
        -o-transform: scale(1) translateX(0px);
        transform: scale(1) translateX(0px);
    }

    100% {
        -webkit-transform: scale(2) translateX(45px);
        -ms-transform: scale(2) translateX(45px);
        -o-transform: scale(2) translateX(45px);
        transform: scale(2) translateX(45px);
    }
}


.list-ticked,
.list-arrow,
.list-star {
    list-style: none;
    padding: 0;
}

    .list-ticked li,
    .list-arrow li,
    .list-star li {
        padding-left: 1.5rem;
    }

        .list-ticked li:before,
        .list-arrow li:before,
        .list-star li:before {
            font-family: "ionicons";
            margin-left: -1.5rem;
            width: 1.5rem;
            margin-right: .5rem;
        }

        .list-ticked li:before {
            content: '\f2bc';
            color: #fc3995;
        }

        .list-arrow li:before {
            content: '\f3d1';
            color: #34bfa3;
        }

        .list-star li:before {
            content: '\f384';
            color: #ffb61b;
        }

.solid-bullet-list {
    position: relative;
    padding-left: 0;
}

.rtl .solid-bullet-list {
    padding-right: 0;
}

.solid-bullet-list li {
    position: relative;
    list-style-type: none;
    padding-left: 25px;
    line-height: 1;
    padding-bottom: 2.125rem;
}

    .solid-bullet-list li * {
        line-height: .8;
    }

    .solid-bullet-list li:before, .solid-bullet-list li:after {
        content: "";
        position: absolute;
    }

    .solid-bullet-list li:before {
        top: 0;
        left: 0;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background: #f29824;
        z-index: 1;
    }

.solid-bullet-list:after {
    content: "";
    border: 1px solid rgba(90, 113, 208, 0.11);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    z-index: 0;
}

.bullet-line-list {
    padding-left: 30px;
    position: relative;
    list-style-type: none;
}

.rtl .bullet-line-list {
    padding-left: unset;
    padding-right: 30px;
}

.bullet-line-list li {
    position: relative;
}

    .bullet-line-list li:before {
        width: 15px;
        height: 15px;
        left: -30px;
        top: 0;
        border: 4px solid #f29824;
        margin-right: 15px;
        z-index: 2;
        background: #ffffff;
    }

.rtl .bullet-line-list li:before {
    left: unset;
    right: -45px;
}

.bullet-line-list li:before {
    content: "";
    position: absolute;
    border-radius: 100%;
}

.bullet-line-list:after {
    content: "";
    border: 1px solid rgba(90, 113, 208, 0.11);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
}

.rtl .bullet-line-list:after {
    left: unset;
    right: 7px;
}


.nav-tabs .nav-link {
    background: #f6f8fa;
    color: #000000;
    border-radius: 0;
    border: 1px solid rgba(90, 113, 208, 0.11);
    padding: .75rem 1.5rem;
}

@media (max-width: 767px) {
    .nav-tabs .nav-link {
        padding: .75rem .5rem;
    }
}

.nav-tabs .nav-item:first-child .nav-link {
    border-radius: 4px 0 0 0;
}

.nav-tabs .nav-item:last-child .nav-link {
    border-radius: 0 4px 0 0;
}

.nav-tabs.nav-tabs-vertical, .nav-tabs.nav-tabs-vertical-custom {
    border-bottom: 0;
}

    .nav-tabs.nav-tabs-vertical .nav-link.active, .nav-tabs.nav-tabs-vertical-custom .nav-link.active {
        border-bottom-color: rgba(90, 113, 208, 0.11);
    }

    .nav-tabs.nav-tabs-vertical .nav-item:first-child .nav-link, .nav-tabs.nav-tabs-vertical-custom .nav-item:first-child .nav-link {
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-tabs-vertical .nav-item:last-child .nav-link, .nav-tabs.nav-tabs-vertical-custom .nav-item:last-child .nav-link {
        border-radius: 0 0 4px 4px;
    }

.nav-tabs.nav-tabs-vertical-custom {
    background: #f29824;
    border-radius: 4px;
}

    .nav-tabs.nav-tabs-vertical-custom .nav-link {
        background: transparent;
        border-color: rgba(255, 255, 255, 0.2);
        color: #aa0352;
        font-weight: 600;
        padding: 1.75rem;
    }

        .nav-tabs.nav-tabs-vertical-custom .nav-link.active {
            color: #ffffff;
            border-color: rgba(255, 255, 255, 0.2);
        }

.nav-pills {
    border-bottom: 1px solid rgba(90, 113, 208, 0.11);
    padding-bottom: 1rem;
}

    .nav-pills .nav-link {
        border: 1px solid rgba(90, 113, 208, 0.11);
        padding: .5rem 1.75rem;
    }

@media (max-width: 767px) {
    .nav-pills .nav-link {
        padding: .5rem .5rem;
    }
}

.nav-pills .nav-item {
    margin-right: 1rem;
}

@media (max-width: 767px) {
    .nav-pills .nav-item {
        margin-right: .5rem;
    }
}

.nav-pills.nav-pills-vertical {
    border-bottom: 0;
}

    .nav-pills.nav-pills-vertical .nav-item {
        margin-right: 0;
        margin-bottom: 1rem;
    }

.nav-pills.nav-pills-custom {
    border-bottom: 0;
}

    .nav-pills.nav-pills-custom .nav-link {
        border-radius: 20px;
        padding: .5rem 2.5rem;
        background: #fcfcfd;
        color: #000;
    }

        .nav-pills.nav-pills-custom .nav-link.active {
            background: #fc3995;
            color: #ffffff;
        }

    .nav-pills.nav-pills-custom .nav-item {
        margin-top: .875rem;
    }

/* Pills color variations */
.nav-pills-primary .nav-link {
    color: #f29824;
}

    .nav-pills-primary .nav-link.active {
        background: #f29824;
    }

.nav-pills-secondary .nav-link {
    color: #5d78ff;
}

    .nav-pills-secondary .nav-link.active {
        background: #5d78ff;
    }

.nav-pills-success .nav-link {
    color: #34bfa3;
}

    .nav-pills-success .nav-link.active {
        background: #34bfa3;
    }

.nav-pills-info .nav-link {
    color: #2cd9c5;
}

    .nav-pills-info .nav-link.active {
        background: #2cd9c5;
    }

.nav-pills-warning .nav-link {
    color: #ffb61b;
}

    .nav-pills-warning .nav-link.active {
        background: #ffb61b;
    }

.nav-pills-danger .nav-link {
    color: #fc3995;
}

    .nav-pills-danger .nav-link.active {
        background: #fc3995;
    }

.nav-pills-light .nav-link {
    color: #a7afb7;
}

    .nav-pills-light .nav-link.active {
        background: #a7afb7;
    }

.nav-pills-dark .nav-link {
    color: #001737;
}

    .nav-pills-dark .nav-link.active {
        background: #001737;
    }

.tab-content {
    border: 1px solid rgba(90, 113, 208, 0.11);
    border-top: 0;
    padding: 2rem 1rem;
    text-align: justify;
}

    .tab-content.tab-content-vertical {
        border-top: 1px solid rgba(90, 113, 208, 0.11);
    }

    .tab-content.tab-content-vertical-custom {
        border: 0;
        padding-top: 0;
    }

    .tab-content.tab-content-custom-pill {
        border: 0;
        padding-left: 0;
    }


/* Tabs */
.add-items {
    margin-bottom: 1.5rem;
    overflow: hidden;
}

    .add-items input[type="text"] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: 100%;
        background: transparent;
    }

    .add-items .btn, .add-items .fc button, .fc .add-items button, .add-items .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .add-items .ajax-file-upload, .add-items .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .add-items .swal2-styled, .add-items .wizard > .actions a, .wizard > .actions .add-items a {
        margin-left: .5rem;
    }

.rtl .add-items .btn, .rtl .add-items .fc button, .fc .rtl .add-items button, .rtl .add-items .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .rtl .add-items .ajax-file-upload, .rtl .add-items .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .rtl .add-items .swal2-styled, .rtl .add-items .wizard > .actions a, .wizard > .actions .rtl .add-items a {
    margin-left: auto;
    margin-right: .5rem;
}

.list-wrapper {
    height: 100%;
    max-height: 100%;
}

    .list-wrapper ul {
        padding: 0;
        text-align: left;
        list-style: none;
        margin-bottom: 0;
    }

        .list-wrapper ul li {
            font-size: .9375rem;
            padding: .5rem;
            border: 1px solid rgba(90, 113, 208, 0.11);
            border-radius: 2px;
            margin-bottom: .5rem;
        }

            .list-wrapper ul li:first-child {
                border: 1px solid rgba(90, 113, 208, 0.11);
                margin-bottom: 0;
            }

            .list-wrapper ul li .form-check {
                max-width: 100%;
                margin-top: .5rem;
                margin-bottom: .5rem;
                width: 100%;
            }

    .list-wrapper input[type="checkbox"] {
        margin-right: 15px;
    }

    .list-wrapper .remove {
        cursor: pointer;
        font-size: 1.438rem;
        font-weight: 600;
        width: 1.25rem;
        height: 1.25rem;
        line-height: 20px;
        text-align: center;
    }

    .list-wrapper .completed {
        text-decoration: line-through;
        text-decoration-color: #2cd9c5;
    }


/* Toggle Switch */
.toggle-switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 25px;
}

    .toggle-switch .toggle-slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #e9ecef;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 34px;
        border: 1px solid rgba(90, 113, 208, 0.11);
    }

        .toggle-switch .toggle-slider:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 4px;
            bottom: 4px;
            background-color: #ffffff;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 50%;
        }

    .toggle-switch input {
        visibility: hidden;
    }

        .toggle-switch input:checked + .toggle-slider {
            background-color: #f29824;
        }

            .toggle-switch input:checked + .toggle-slider:before {
                -webkit-transform: translateX(23px);
                -ms-transform: translateX(23px);
                transform: translateX(23px);
            }

    .toggle-switch.toggle-switch-primary input:checked + .toggle-slider {
        background-color: #f29824;
    }

    .toggle-switch.toggle-switch-secondary input:checked + .toggle-slider {
        background-color: #5d78ff;
    }

    .toggle-switch.toggle-switch-success input:checked + .toggle-slider {
        background-color: #34bfa3;
    }

    .toggle-switch.toggle-switch-info input:checked + .toggle-slider {
        background-color: #2cd9c5;
    }

    .toggle-switch.toggle-switch-warning input:checked + .toggle-slider {
        background-color: #ffb61b;
    }

    .toggle-switch.toggle-switch-danger input:checked + .toggle-slider {
        background-color: #fc3995;
    }

    .toggle-switch.toggle-switch-light input:checked + .toggle-slider {
        background-color: #a7afb7;
    }

    .toggle-switch.toggle-switch-dark input:checked + .toggle-slider {
        background-color: #001737;
    }


.grid {
    border: 1px solid #aab2bd est;
}

    .grid:after {
        display: block;
        content: '';
        clear: both;
    }

.grid-col {
    float: left;
    width: 49%;
    margin-right: 2%;
    background: rgba(252, 74, 158, 0.2);
}

.grid-col--4 {
    margin-right: 0;
}

/* hide two middle */
.grid-col--2, .grid-col--3 {
    display: none;
}

@media (min-width: 768px) {
    .grid-col {
        width: 32%;
    }

    .grid-col--2 {
        display: block;
    }
}

@media (min-width: 1200px) {
    .grid-col {
        width: 23.5%;
    }

    .grid-col--2, .grid-col--3 {
        display: block;
    }
}

.grid-item {
    background: #f29824;
    margin-bottom: 20px;
}

.grid-item--a {
    height: 80px;
}

.grid-item--b {
    height: 140px;
}

.grid-item--c {
    height: 300px;
}

/* Colorpicker */
.asColorPicker-dropdown {
    max-width: initial;
}

.asColorPicker-trigger {
    height: auto;
    border: 0;
}

    .asColorPicker-trigger span {
        border-radius: 2px;
        width: 35px;
    }

/* Context Menu */
.context-menu-icon:before {
    color: #000;
    font: normal normal normal 15px/1 "Material Design Icons";
}

.context-menu-icon.context-menu-icon-cut:before {
    content: '\F190';
}

.context-menu-icon.context-menu-icon-edit:before {
    content: '\F3EF';
}

.context-menu-icon.context-menu-icon-copy:before {
    content: '\F18F';
}

.context-menu-icon.context-menu-icon-paste:before {
    content: '\F613';
}

.context-menu-icon.context-menu-icon-delete:before {
    content: '\F6CB';
}

.context-menu-icon.context-menu-icon-quit:before {
    content: '\F156';
}

.context-menu-list {
    box-shadow: none;
    border: 1px solid rgba(90, 113, 208, 0.11);
}

    .context-menu-list .context-menu-item span {
        color: #000;
        font-size: .75rem;
        font-weight: 600;
    }

    .context-menu-list .context-menu-item.context-menu-hover {
        background: #000;
    }

        .context-menu-list .context-menu-item.context-menu-hover span {
            color: #ffffff;
        }


/* Datepicker */
.datepicker.datepicker-dropdown,
.datepicker.datepicker-inline {
    padding: 0;
    width: 30%;
    max-width: 500px;
    min-width: 250px;
}

    .datepicker.datepicker-dropdown .datepicker-days,
    .datepicker.datepicker-inline .datepicker-days {
        padding: 0;
    }

        .datepicker.datepicker-dropdown .datepicker-days table.table-condensed,
        .datepicker.datepicker-inline .datepicker-days table.table-condensed {
            width: 100%;
        }

            .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th,
            .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th {
                text-align: center;
                padding: 0.5rem 0;
            }

                .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev,
                .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.prev {
                    color: #6c7293;
                    padding-bottom: 1rem;
                    padding-top: 1rem;
                    background: #ffffff;
                }

                .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch,
                .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.datepicker-switch {
                    color: #6c7293;
                    background: #ffffff;
                    padding-bottom: 1rem;
                    padding-top: 1rem;
                    font-size: 1rem;
                    font-weight: 600;
                }

                .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next,
                .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.next {
                    color: #6c7293;
                    padding-bottom: 1rem;
                    padding-top: 1rem;
                    background: #ffffff;
                }

                .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow,
                .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow {
                    font-family: "Nunito", sans-serif;
                    color: #6c7293;
                    font-size: 0.875rem;
                    font-weight: initial;
                }

            .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody,
            .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody {
               /* position: relative;*/
                top: 13px;
            }

                .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td,
                .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td {
                    text-align: center;
                }

                    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day,
                    .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day {
                        font-size: 0.9375rem;
                        padding: 0.5rem 0;
                        color: #6c7293;
                    }

                        .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:hover,
                        .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:hover {
                            background: #ffffff;
                        }

                        .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active,
                        .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active {
                            color: #fff;
                            background: transparent;
                            position: relative;
                            z-index: 1;
                        }

                            .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active:before,
                            .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active:before {
                                content: "";
                                width: 28px;
                                height: 28px;
                                background: #34bfa3;
                                border-radius: 4px;
                                display: block;
                                margin: auto;
                                vertical-align: middle;
                                position: absolute;
                                top: 6px;
                                z-index: -1;
                                left: 0;
                                right: 0;
                            }

                        .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today,
                        .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today {
                            color: #fff;
                            background: transparent;
                            position: relative;
                            z-index: 1;
                        }

                            .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today:before,
                            .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today:before {
                                content: "";
                                width: 28px;
                                height: 28px;
                                background: #f29824;
                                border-radius: 4px;
                                box-shadow: 3px 3px 6px 0 rgba(147, 127, 201, 0.43);
                                -webkit-box-shadow: 3px 3px 6px 0 rgba(147, 127, 201, 0.43);
                                -moz-box-shadow: 3px 3px 6px 0 rgba(147, 127, 201, 0.43);
                                display: block;
                                margin: auto;
                                vertical-align: middle;
                                position: absolute;
                                top: 6px;
                                z-index: -1;
                                left: 0;
                                right: 0;
                            }

                    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.old.day,
                    .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.old.day {
                        color: #d9dde3;
                    }

.datepicker.datepicker-inline {
    width: 100%;
    max-width: 100%;
    min-width: 250px;
}

    .datepicker.datepicker-inline thead tr th.prev {
        color: grey;
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

    .datepicker.datepicker-inline thead tr th.datepicker-switch {
        color: #f29824;
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

    .datepicker.datepicker-inline thead tr th.next {
        color: grey;
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

.datepicker > div {
    display: block;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    border-radius: 2px;
}

.datepicker.input-group, .datepicker.asColorPicker-wrap {
    border: 1px solid rgba(90, 113, 208, 0.11);
    padding: 0;
}

.datepicker-dropdown:after {
    border-bottom-color: #fff;
}

.datepicker-dropdown:before {
    border-bottom-color: rgba(90, 113, 208, 0.11);
}

.datepicker-dropdown.datepicker-orient-top:before, .datepicker-dropdown.datepicker-orient-top:after {
    top: auto;
}

.datepicker-dropdown.datepicker-orient-top:after {
    border-top-color: #fff;
}

.datepicker-dropdown.datepicker-orient-top:before {
    border-top-color: rgba(90, 113, 208, 0.11);
}


/* Full Calendar */



/* Jquery File Upload */
.ajax-upload-dragdrop {
    border-color: rgba(90, 113, 208, 0.11);
    border-style: dotted;
    max-width: 100%;
}

    .ajax-upload-dragdrop span b {
        font-size: .8125rem;
        color: #6c7293;
        font-weight: initial;
    }

    .ajax-upload-dragdrop .ajax-file-upload {
        background: #2cd9c5;
        box-shadow: none;
        height: auto;
    }

.ajax-file-upload-container {
    min-height: 100px;
}

    .ajax-file-upload-container .ajax-file-upload-statusbar {
        max-width: 100%;
    }

    .ajax-file-upload-container .ajax-file-upload-filename {
        max-width: 100%;
    }

    .ajax-file-upload-container .ajax-file-upload-error {
        color: #fc3995;
    }






/* Navbar */
.page-body-wrapper {
    padding-left: 0;
    padding-right: 0;
}

    .page-body-wrapper.full-page-wrapper .content-wrapper {
        width: 100%;
        height: 100vh;
        max-width: none;
    }

.horizontal-menu.fixed-on-scroll + .page-body-wrapper {
    padding-top: 4rem;
}

.main-panel {
    background: #e0e0e0;
    width: 100%;
}

@media (max-width: 991.98px) {
    .main-panel {
        padding-top: 60px;
    }
}

.content-wrapper {
    padding: 2rem 0;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    min-height: calc(100vh - 135px - 75px);
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

@media (min-width: 576px) {
    .content-wrapper {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .content-wrapper {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .content-wrapper {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .content-wrapper {
        max-width: 1140px;
    }
}

.horizontal-menu .top-navbar {
    font-weight: 400;
    background: #fff;
    border-top: 4px solid rgb(8 20 107);
}

    .horizontal-menu .top-navbar .navbar-brand-wrapper {
        width: auto;
        height: 60px;
    }

        .horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand {
            color: #27367f;
            font-size: 1.5rem;
            line-height: 48px;
            margin-right: 0;
            padding: 0;
            text-align: left;
        }

            .horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
                display: none;
                padding-left: 0;
                text-align: center;
            }

                .horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img {
                    width: 50px;
                    max-width: 100%;
                    margin: auto;
                }

            .horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand:active, .horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand:focus, .horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand:hover {
                color: #1b2658;
            }

            .horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand img {
                max-width: 100%;
                margin: auto;
                vertical-align: middle;
                height: 75px;
                position: absolute;
                z-index: 99;
                top: 3px;
                left: 50px;
            }

@media (max-width: 991px) {
    .horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand {
        width: 55px;
    }

        .horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand.brand-logo {
            display: none;
        }

        .horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
            display: block;
        }

    .with-side-menu .page-content {
        margin-top: 65px;
    }
}

.horizontal-menu .top-navbar .navbar-menu-wrapper {
    color: #ffffff;
    width: auto;
    height: 60px;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

@media (max-width: 991px) {
    .horizontal-menu .top-navbar .navbar-menu-wrapper {
        /* width: calc(100% - 85px); */
        /* padding-left: 15px; */
        /* padding-right: 15px; */
    }
}

.horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-toggler {
    border: 0;
    color: inherit;
    font-size: 1.5rem;
}

@media (max-width: 991px) {
    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
        display: none;
    }
}

@media (max-width: 991px) {
    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
        padding-left: 15px;
        padding-right: 11px;
    }
}

.horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item {
    margin-left: 1rem;
    margin-right: 1rem;
}

    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
        color: #686868;
        font-size: 1rem;
    }

    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile img {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        /* -webkit-box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0.5); */
        -moz-box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0.5);
        /* box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0.5); */
    }

    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-profile-name {
        margin-left: .5rem;
    }

@media (max-width: 767px) {
    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-profile-name {
        display: none;
    }
}

.horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search {
    margin-left: 2rem;
}

    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 4px;
        padding: .75rem;
    }

        .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .form-control, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .asColorPicker-input, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .asColorPicker-input, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select, .dataTables_wrapper .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input[type=text], .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input[type=text],
        .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select,
        .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input[type=number], .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input[type=number], .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single, .select2-container--default .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-selection--single, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-selection--single, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-search__field, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-search__field, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .typeahead, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .typeahead,
        .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-query,
        .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-query,
        .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-hint,
        .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-hint,
        .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .input-group-text,
        .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .input-group-text {
            background: transparent;
            border: 0;
            color: #ffffff;
            padding: 0;
        }

            .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .form-control, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .asColorPicker-input, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .asColorPicker-input, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select, .dataTables_wrapper .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .dataTables_wrapper select, .dataTables_wrapper .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input[type=text], .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input[type=text],
            .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select,
            .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input[type=number], .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input[type=number], .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single, .select2-container--default .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-selection--single, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single, .select2-container--default .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-selection--single, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-search__field, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-search__field, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .typeahead, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .typeahead,
            .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-query,
            .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-query,
            .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-hint,
            .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-hint {
                margin-left: .5rem;
            }

                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .form-control::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .asColorPicker-input::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .asColorPicker-input::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select::-webkit-input-placeholder, .dataTables_wrapper .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .dataTables_wrapper select::-webkit-input-placeholder, .dataTables_wrapper .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-webkit-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input[type=text]::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-webkit-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input[type=text]::-webkit-input-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select::-webkit-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select::-webkit-input-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select::-webkit-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-webkit-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input[type=number]::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-webkit-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input[type=number]::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single::-webkit-input-placeholder, .select2-container--default .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-selection--single::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single::-webkit-input-placeholder, .select2-container--default .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-selection--single::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single .select2-search__field::-webkit-input-placeholder, .select2-container--default .select2-selection--single .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-search__field::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field::-webkit-input-placeholder, .select2-container--default .select2-selection--single .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-search__field::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .typeahead::-webkit-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .typeahead::-webkit-input-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-query::-webkit-input-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-query::-webkit-input-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-hint::-webkit-input-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-hint::-webkit-input-placeholder {
                    color: #ffffff;
                }

                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control:-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .form-control:-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .asColorPicker-input:-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .asColorPicker-input:-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select:-moz-placeholder, .dataTables_wrapper .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select:-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .dataTables_wrapper select:-moz-placeholder, .dataTables_wrapper .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select:-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-placeholder[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input:-moz-placeholder[type=text], .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-placeholder[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input:-moz-placeholder[type=text],
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select:-moz-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select:-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-placeholder[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input:-moz-placeholder[type=number], .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-placeholder[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input:-moz-placeholder[type=number], .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single:-moz-placeholder, .select2-container--default .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-selection--single:-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single:-moz-placeholder, .select2-container--default .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-selection--single:-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single .select2-search__field:-moz-placeholder, .select2-container--default .select2-selection--single .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-search__field:-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:-moz-placeholder, .select2-container--default .select2-selection--single .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-search__field:-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .typeahead:-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .typeahead:-moz-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-query:-moz-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-query:-moz-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-hint:-moz-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-hint:-moz-placeholder {
                    color: #ffffff;
                }

                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .form-control::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .asColorPicker-input::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .asColorPicker-input::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select::-moz-placeholder, .dataTables_wrapper .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .dataTables_wrapper select::-moz-placeholder, .dataTables_wrapper .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input[type=text]::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input[type=text]::-moz-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select::-moz-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input[type=number]::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input[type=number]::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single::-moz-placeholder, .select2-container--default .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-selection--single::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single::-moz-placeholder, .select2-container--default .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-selection--single::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single .select2-search__field::-moz-placeholder, .select2-container--default .select2-selection--single .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-search__field::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field::-moz-placeholder, .select2-container--default .select2-selection--single .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-search__field::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .typeahead::-moz-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .typeahead::-moz-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-query::-moz-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-query::-moz-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-hint::-moz-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-hint::-moz-placeholder {
                    color: #ffffff;
                }

                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control:-ms-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .form-control:-ms-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .asColorPicker-input:-ms-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .asColorPicker-input:-ms-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select:-ms-input-placeholder, .dataTables_wrapper .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select:-ms-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .dataTables_wrapper select:-ms-input-placeholder, .dataTables_wrapper .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select:-ms-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:-ms-input-placeholder[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input:-ms-input-placeholder[type=text], .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:-ms-input-placeholder[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input:-ms-input-placeholder[type=text],
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:-ms-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select:-ms-input-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:-ms-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select:-ms-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:-ms-input-placeholder[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input:-ms-input-placeholder[type=number], .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:-ms-input-placeholder[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input:-ms-input-placeholder[type=number], .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single:-ms-input-placeholder, .select2-container--default .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-selection--single:-ms-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single:-ms-input-placeholder, .select2-container--default .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-selection--single:-ms-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single .select2-search__field:-ms-input-placeholder, .select2-container--default .select2-selection--single .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-search__field:-ms-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:-ms-input-placeholder, .select2-container--default .select2-selection--single .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-search__field:-ms-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .typeahead:-ms-input-placeholder, .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .typeahead:-ms-input-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-query:-ms-input-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-query:-ms-input-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-hint:-ms-input-placeholder,
                .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-hint:-ms-input-placeholder {
                    color: #ffffff;
                }

.horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
    position: absolute;
    font-size: 0.9rem;
    margin-top: 0;
    right: 0;
    left: auto;
    top: 48px;
    padding: 0;
}

.rtl .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
    right: auto;
    left: 0;
}

.horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {
    margin-bottom: 0;
    padding: 11px 13px;
}

    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i {
        font-size: 17px;
        margin-right: .5rem;
    }

    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .badge {
        margin-left: 2.5rem;
    }

    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.rtl .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i {
    margin-left: 10px;
}

.rtl .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .badge {
    margin-left: 0;
    margin-right: 2.5rem;
}

.horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-divider {
    margin: 0;
}

.horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-toggle:after {
    display: none;
}

.horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-toggle i {
    margin-right: .5rem;
    vertical-align: middle;
}

@media (max-width: 991px) {
    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
        position: static;
    }

        .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
            left: 20px;
            right: 20px;
            top: 60px;
            width: calc(100% - 40px);
        }
}

.horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child {
    margin-right: 0;
}

@media (min-width: 992px) {
    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
        margin-left: auto;
    }

    .rtl .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
        margin-left: 0;
        margin-right: auto;
    }
}

.horizontal-menu .top-navbar .navbar-menu-wrapper .dropdown-menu {
    border: none;
    -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
}

.horizontal-menu .top-navbar .navbar-menu-wrapper .count-indicator {
    position: relative;
    padding: 0;
    text-align: center;
}

    .horizontal-menu .top-navbar .navbar-menu-wrapper .count-indicator i {
        font-size: 1.25rem;
        margin-right: 0;
        vertical-align: middle;
    }

    .horizontal-menu .top-navbar .navbar-menu-wrapper .count-indicator .count {
        position: absolute;
        left: 35%;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background: #fc3995;
        top: -2px;
    }

    .horizontal-menu .top-navbar .navbar-menu-wrapper .count-indicator:after {
        display: none;
    }

.horizontal-menu .bottom-navbar {
    background: #37b58c;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transition-property: position, left, right, top, z-index;
    -moz-transition-property: position, left, right, top, z-index;
    -o-transition-property: position, left, right, top, z-index;
    transition-property: position, left, right, top, z-index;
    box-shadow: 0 19px 34px -15px #d2d2f2;
    -webkit-box-shadow: 0 19px 34px -15px #d2d2f2;
    -moz-box-shadow: 0 19px 34px -15px #d2d2f2;
}

@media (max-width: 991.98px) {
    .horizontal-menu .bottom-navbar {
        display: none;
    }

    .site-sidebar {
        background: none;
        margin-top: 65px;
    }

    .horizontal-menu .bottom-navbar.header-toggled {
        display: block;
        max-height: calc(100vh - 60px);
        overflow: auto;
    }
}

.horizontal-menu .bottom-navbar .page-navigation {
    position: relative;
    width: 100%;
    z-index: 99;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: background, box-shadow;
    -moz-transition-property: background, box-shadow;
    -o-transition-property: background, box-shadow;
    transition-property: background, box-shadow;
}

@media (max-width: 991.98px) {
    .horizontal-menu .bottom-navbar .page-navigation {
        border: none;
    }
}

.horizontal-menu .bottom-navbar .page-navigation > .nav-item {
    line-height: 1;
    text-align: left;
    /* position: relative; */
}

@media (max-width: 991.98px) {
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item {
        display: block;
        width: 100%;
        border-right: none;
    }
}

@media (min-width: 992px) {
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item:first-child > .nav-link {
        padding-left: 0;
    }
}

.horizontal-menu .bottom-navbar .page-navigation > .nav-item:last-child {
    border-right: none;
}

@media (min-width: 992px) {
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item:last-child > .nav-link {
        padding-right: 0;
    }
}

.horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link {
    color: #686868;
    padding: 16px 10px;
    line-height: 1;
    font-weight: 400;
    position: relative;
}

    .horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link .menu-title {
        font-size: 0.875rem;
        font-weight: 500;
        color: white;
    }

    .horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link .menu-icon {
        margin-right: 10px;
        font-size: 1.25rem;
        color: #131212;
        font-weight: 400;
    }

.rtl .horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link .menu-icon {
    margin-right: 0;
    margin-left: 10px;
}

.horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link .menu-arrow {
    margin-left: 5px;
    display: inline-block;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

    .horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link .menu-arrow:before {
        content: "\f280";
        font-family: "Ionicons";
        font-style: normal;
        display: block;
        font-size: 20px;
        line-height: 10px;
    }

@media (min-width: 768px) {
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover .submenu {
        /*display: block;*/
        /*menu hide show content mou hover*/
        display: none
    }

    .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link {
        background: transparent;
    }

        .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link i,
        .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .menu-title {
            color: #f29824;
            transition: color 1s ease;
        }

        .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .menu-arrow {
            -moz-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
            moz-transform-origin: center;
            -o-transform-origin: center;
            -ms-transform-origin: center;
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transition-duration: 0.25s;
            -moz-transition-duration: 0.25s;
            -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
        }
}

@media (max-width: 991.98px) {
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item.show-submenu .submenu {
        /*display: block;*/
        /*menu hide show content mou hover*/
        display: none
    }

    .horizontal-menu .bottom-navbar .page-navigation > .nav-item.show-submenu > .nav-link {
        background: transparent;
    }

        .horizontal-menu .bottom-navbar .page-navigation > .nav-item.show-submenu > .nav-link i,
        .horizontal-menu .bottom-navbar .page-navigation > .nav-item.show-submenu > .nav-link .menu-title {
            color: #f29824;
            transition: color 1s ease;
        }

        .horizontal-menu .bottom-navbar .page-navigation > .nav-item.show-submenu > .nav-link .menu-arrow {
            -moz-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
            moz-transform-origin: center;
            -o-transform-origin: center;
            -ms-transform-origin: center;
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transition-duration: 0.25s;
            -moz-transition-duration: 0.25s;
            -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
        }
}

.horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link {
    position: relative;
}

    .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link:before {
        position: absolute;
        content: "";
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 5px;
    }

@media (max-width: 991px) {
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link:before {
        left: -15px;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 5px;
    }
}

.horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .menu-title,
.horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link i,
.horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .menu-arrow {
    color: #f29824;
}

.horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu {
    display: none;
}

    .horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu ul {
        list-style-type: none;
        padding-left: 0;
    }

        .horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu ul li {
            display: inline-block;
            line-height: 20px;
            width: 100%;
        }

        .horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu ul.box-list li {
            width: 30%;
        }


        .horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu ul li a {
            display: block;
            padding: 5px 10px;
            font-weight: 300;
            color: #0e0c0c;
            text-decoration: none;
            text-align: left;
            margin: 4px 0;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 100%;
            white-space: nowrap;
            -webkit-transition-duration: 0.2s;
            -moz-transition-duration: 0.2s;
            -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
            -webkit-transition-property: background;
            -moz-transition-property: background;
            -o-transition-property: background;
            transition-property: background;
            border-radius: 3px;
            font-weight: bold;
            /*border:solid 1px black;*/
            font-size: 12px;
        }

            .horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu ul li a:hover {
                color: #f29824;
                -webkit-transition: color 0.1s linear;
                -moz-transition: color 0.1s linear;
                -ms-transition: color 0.1s linear;
                -o-transition: color 0.1s linear;
                transition: color 0.1s linear;
            }

                .horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu ul li a:hover:before {
                    background: #f29824;
                }

            .horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu ul li a.active {
                color: #f29824;
            }

        .horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu ul li.active a {
            color: #f29824;
        }

            .horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu ul li.active a:before {
                background: #f29824;
            }

.horizontal-menu .bottom-navbar .page-navigation > .nav-item:not(.mega-menu) {
    position: relative;
}

    .horizontal-menu .bottom-navbar .page-navigation > .nav-item:not(.mega-menu) .submenu {
        left: 0;
    }

@media (min-width: 768px) {
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item:not(.mega-menu) .submenu {
        position: absolute;
        top: 61px;
        z-index: 999;
        background: #ffffff;
        border-top: none;
        border-radius: 4px;
        box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
        -webkit-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
    }

        .horizontal-menu .bottom-navbar .page-navigation > .nav-item:not(.mega-menu) .submenu li a {
            position: relative;
            padding-left: 20px;
        }

            .horizontal-menu .bottom-navbar .page-navigation > .nav-item:not(.mega-menu) .submenu li a::before {
                position: absolute;
                content: "";
                width: 6px;
                height: 2px;
                border-radius: 100%;
                background: #5d78ff;
                top: 12px;
                left: 0;
            }
}

@media (max-width: 991.98px) {
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item:not(.mega-menu) .submenu {
        position: relative;
        top: 0;
        box-shadow: none;
    }
}

@media (max-width: 991.98px) {
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item:not(.mega-menu) .submenu {
        top: 0;
    }
}

.horizontal-menu .bottom-navbar .page-navigation > .nav-item:not(.mega-menu) .submenu ul {
    width: auto;
    padding: 25px;
}

@media (max-width: 991.98px) {
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item:not(.mega-menu) .submenu ul {
        padding: 0 23px;
    }
}

.horizontal-menu .bottom-navbar .page-navigation > .nav-item.mega-menu .submenu {
    width: 100%;
    left: 0;
    right: 0;
    padding: 25px;
}

@media (min-width: 768px) {
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item.mega-menu .submenu {
        position: absolute;
        top: 51px;
        z-index: 999;
        background: #ffffff;
        border-top: none;
        border-radius: 4px;
        box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
        -webkit-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
    }

        .horizontal-menu .bottom-navbar .page-navigation > .nav-item.mega-menu .submenu li a {
            position: relative;
            padding-left: 20px;
            background: #c5d6de;
        }

            .horizontal-menu .bottom-navbar .page-navigation > .nav-item.mega-menu .submenu li a::before {
                position: absolute;
                /*content: "";*/
                width: 6px;
                height: 2px;
                border-radius: 100%;
                background: #5d78ff;
                top: 16px;
                left: 0;
            }
}

@media (max-width: 991.98px) {
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item.mega-menu .submenu {
        position: relative;
        top: 0;
        box-shadow: none;
    }
}

.horizontal-menu .bottom-navbar .page-navigation > .nav-item.mega-menu .submenu .category-heading {
    font-size: .875rem;
    font-weight: 500;
    text-align: left;
    color: #000;
    padding: 1rem 0;
    margin-bottom: 0;
}

.horizontal-menu .bottom-navbar .page-navigation > .nav-item.mega-menu .submenu .col-group-wrapper {
    padding: 0 1rem;
}

@media (max-width: 991.98px) {
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item.mega-menu .submenu {
        padding: 0 32px;
    }

        .horizontal-menu .bottom-navbar .page-navigation > .nav-item.mega-menu .submenu .col-group-wrapper {
            margin-left: 0;
            margin-right: 0;
            padding: 0;
        }

            .horizontal-menu .bottom-navbar .page-navigation > .nav-item.mega-menu .submenu .col-group-wrapper .col-group {
                padding-left: 0;
                padding-right: 0;
                margin-bottom: 20px;
            }

                .horizontal-menu .bottom-navbar .page-navigation > .nav-item.mega-menu .submenu .col-group-wrapper .col-group .category-heading:after {
                    display: none;
                }
}

.horizontal-menu.fixed-on-scroll .bottom-navbar {
    border-bottom: 1px solid rgba(90, 113, 208, 0.11);
}

@media (max-width: 991px) {
    .horizontal-menu {
        position: fixed;
        z-index: 1030;
        top: 0;
        left: 0;
        right: 0;
    }
}

/* Reset Styles */
.col-wrap {
    background: #d1d5d9;
    padding: 20px;
}

    .col-wrap .dropdown-toggle:after {
        display: none;
    }

    .col-wrap .task-count {
        margin-bottom: 10px;
    }

    .col-wrap .task-card {
        background: #ffffff;
        width: 100%;
        border-radius: 0px;
        padding: 20px;
        display: grid;
        position: relative;
        margin-bottom: 15px;
        cursor: -webkit-grab;
        cursor: -moz-grab;
        cursor: grab;
    }

        .col-wrap .task-card .task-title {
            color: #001737;
        }

    .col-wrap .progress {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
    }

    .col-wrap .dropdown .dropdown-toggle {
        border: none;
        background: transparent;
        color: #a7afb7;
    }

    .col-wrap .add-card {
        border: none;
        color: #001737;
        font-weight: bold;
    }

    .col-wrap .card-image {
        width: 100%;
    }

.image-grouped {
    display: flex;
    margin-bottom: 10px;
}

    .image-grouped img {
        border-radius: 100%;
        margin-left: -10px;
        z-index: 0;
        border: 4px solid #ffffff;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-property: "box-shadow", "z-index", "transform", "border-width", "box-shadow", "transform";
        transition-property: "box-shadow", "z-index", "transform", "border-width", "box-shadow", "transform";
        transition-property: "box-shadow", "z-index", "transform", "border-width";
        width: 35px;
        height: 35px;
        cursor: pointer;
    }

        .image-grouped img:first-child {
            margin-left: 0;
        }

        .image-grouped img:hover {
            z-index: 1;
            box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.5);
            transform: scale(1.05);
            border-width: 0;
        }

.chat-card .chat-list-spacing {
    padding-left: 0px;
    padding-right: 0px;
}

.chat-card .chat-list-wrapper {
    padding: 2rem 0;
}

    .chat-card .chat-list-wrapper .search-wrap {
        padding-bottom: 10px;
    }

        .chat-card .chat-list-wrapper .search-wrap .search-fieled {
            padding: .5rem 1rem;
            font-size: 12px;
        }

    .chat-card .chat-list-wrapper .chat-list-item {
        display: flex;
        padding: 15px 10px;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-property: "background";
        transition-property: "background";
    }

        .chat-card .chat-list-wrapper .chat-list-item .profile-image {
            position: relative;
        }

            .chat-card .chat-list-wrapper .chat-list-item .profile-image .status-indicator {
                position: absolute;
                top: 15px;
                right: -5px;
                z-index: 1;
                height: 12px;
                width: 12px;
                border: 2px solid #ffffff;
                border-radius: 100%;
            }

        .chat-card .chat-list-wrapper .chat-list-item:hover {
            background: #c3f4ef;
        }

    .chat-card .chat-list-wrapper .seperator {
        border-bottom: 1px solid rgba(90, 113, 208, 0.11);
    }

.chat-card .chat-container {
    padding: 2rem 1rem;
    border-right: 1px solid rgba(90, 113, 208, 0.11);
    border-left: 1px solid rgba(90, 113, 208, 0.11);
}

    .chat-card .chat-container .recieved {
        margin-bottom: 1rem;
    }

        .chat-card .chat-container .recieved .message-recieved {
            background: #d0f7f2;
            padding: 1rem;
            margin-left: 45px;
        }

        .chat-card .chat-container .recieved .user-details {
            margin-top: 1rem;
        }

    .chat-card .chat-container .sent {
        margin-bottom: 1rem;
        margin-left: auto;
        max-width: 70%;
    }

        .chat-card .chat-container .sent .message-sent {
            background: #30dac6;
            padding: 1rem;
            margin-right: 45px;
            color: #ffffff;
        }

        .chat-card .chat-container .sent .user-details {
            margin-top: 1rem;
            text-align: right;
        }

.chat-card .type-chat {
    margin-top: 1.5rem;
}

    .chat-card .type-chat form {
        width: 100%;
    }

        .chat-card .type-chat form button {
            background: transparent;
            border: none;
        }



.chat-card .chat-sidebar-right {
    padding: 2rem 0;
    height: 100%;
    max-height: 950px;
    overflow-y: auto;
}

.tickets-tab {
    border-bottom: none;
}

    .tickets-tab .nav-item {
        display: block;
        width: 33.33%;
        padding: 0 0px;
    }

@media (max-width: 991px) {
    .tickets-tab .nav-item {
        width: 100%;
    }
}

.tickets-tab .nav-item .nav-link {
    border: none;
    background: transparent;
    display: flex;
    justify-content: space-between;
}

    .tickets-tab .nav-item .nav-link .badge {
        background: #f29824;
        color: #ffffff;
    }

    .tickets-tab .nav-item .nav-link.active {
        background: #5d78ff;
        color: #ffffff;
    }

        .tickets-tab .nav-item .nav-link.active .badge {
            background: #ffb61b;
        }

.tickets-tab-content {
    border: none;
    padding: 2rem 0;
}

    .tickets-tab-content .tickets-card {
        text-decoration: none;
        color: #6c7293;
        border: 1px solid rgba(90, 113, 208, 0.11);
        display: block;
        padding: .875rem;
        margin: 1rem 0;
    }

        .tickets-tab-content .tickets-card .assigned-to {
            width: 20px;
            height: 20px;
            border-radius: 100%;
        }

        .tickets-tab-content .tickets-card:hover {
            background: #edeff0;
        }

.user-lidting-thumb {
    position: relative;
    margin-right: 1.5rem;
    max-width: 100px;
}

    .user-lidting-thumb img {
        border-radius: 100%;
    }

    .user-lidting-thumb .edit-thumb-icon {
        position: absolute;
        bottom: 8%;
        right: -10px;
        height: 35px;
        width: 35px;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 3px solid #ffffff;
        background: #e0e0e0;
        font-size: 1.5rem;
        color: #a7afb7;
    }

.user-details {
    margin-right: 1.5rem;
}

.feature-icon {
    padding: .2rem;
    border-radius: 100%;
    border: 1px solid rgba(90, 113, 208, 0.11);
    font-size: 1.5rem;
    margin-right: .5rem;
    color: #a7afb7;
    width: 40px;
    height: 40px;
    text-align: center;
}

.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: .5;
}

    .hr-text:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        background: #252222;
        height: 1px;
        /* border-top-color: #d8e2e7; */ */ margin: 2em 0;
        /* border-top-color: #9eb0bf; */
    }

    .hr-text:after {
        content: attr(data-content);
        position: relative;
        display: inline-block;
        color: black;
        padding: 0 .5em;
        line-height: 1.5em;
        background-color: #fcfcfa;
        font-weight: bold;
    }


/*# sourceMappingURL=../maps/horizontal-layout-light/style.css.map */