@media screen, print {
    *, *::before, *::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    header {
        display: block;
        z-index: 30000;
    }

    h4, h5 {
        margin-top: 0;
        margin-bottom: 0.5rem;
    }

    p {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    ul {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    strong {
        font-weight: bolder;
    }

    small {
        font-size: 80%;
    }

    a {
        color: #886ab5;
        text-decoration: none;
        background-color: transparent;
    }

        a:hover {
            color: #967bbd;
            text-decoration: underline;
        }

        a:not([href]) {
            color: inherit;
            text-decoration: none;
        }

            a:not([href]):hover {
                color: inherit;
                text-decoration: none;
            }

    img {
        vertical-align: middle;
        border-style: none;
    }

    table {
        border-collapse: collapse;
    }

    th {
        text-align: inherit;
    }

    input {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }

    input {
        overflow: visible;
    }

    [hidden] {
        display: none !important;
    }

    h4, h5, .h5 {
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.57;
    }

    h4 {
        font-size: 1.0625rem;
    }

    h5, .h5 {
        font-size: 0.9375rem;
    }

    small, .small {
        font-size: 80%;
        font-weight: 400;
    }

    .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }

    .col {
        position: relative;
        width: 100%;
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .col {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }

    .table {
        width: 100%;
        margin-bottom: 1rem;
        color: #212529;
    }

        .table th, .table td {
            padding: 0.75rem;
            vertical-align: top;
            border-top: 1px solid #e9e9e9;
        }

    .table-bordered {
        border: 1px solid #e9e9e9;
    }

        .table-bordered th, .table-bordered td {
            border: 1px solid #e9e9e9;
        }

    .form-control {
        display: block;
        width: 100%;
        height: calc(1.47em + 1rem + 2px);
        padding: 0.5rem 0.875rem;
        font-size: 0.8125rem;
        font-weight: 400;
        line-height: 1.47;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #E5E5E5;
        border-radius: 4px;
        -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    }

        .form-control::-ms-expand {
            background-color: transparent;
            border: 0;
        }

        .form-control:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #495057;
        }

        .form-control:focus {
            color: #495057;
            background-color: #fff;
            border-color: #886ab5;
            outline: 0;
            -webkit-box-shadow: 0 0 0 0.2rem transparent;
            box-shadow: 0 0 0 0.2rem transparent;
        }

        .form-control::-webkit-input-placeholder {
            color: #868e96;
            opacity: 1;
        }

        .form-control::-moz-placeholder {
            color: #868e96;
            opacity: 1;
        }

        .form-control:-ms-input-placeholder {
            color: #868e96;
            opacity: 1;
        }

        .form-control::-ms-input-placeholder {
            color: #868e96;
            opacity: 1;
        }

        .form-control::placeholder {
            color: #868e96;
            opacity: 1;
        }

        .form-control:disabled {
            background-color: #f3f3f3;
            opacity: 1;
        }

    .btn {
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: 0.5rem 1.125rem;
        font-size: 0.8125rem;
        line-height: 1.47;
        border-radius: 4px;
        -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    }

        .btn:hover {
            color: #212529;
            text-decoration: none;
        }

        .btn:focus {
            outline: 0;
            -webkit-box-shadow: 0 0 0 0.2rem transparent;
            box-shadow: 0 0 0 0.2rem transparent;
        }

        .btn:disabled {
            opacity: 0.65;
        }

    .btn-danger {
        color: #fff;
        background-color: #fd3995;
        border-color: #fd3995;
    }

        .btn-danger:hover {
            color: #fff;
            background-color: #fd1381;
            border-color: #fc077a;
        }

        .btn-danger:focus {
            color: #fff;
            background-color: #fd1381;
            border-color: #fc077a;
            -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
        }

        .btn-danger:disabled {
            color: #fff;
            background-color: #fd3995;
            border-color: #fd3995;
        }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
        float: left;
        min-width: 10rem;
        padding: 0.3125rem 0;
        margin: 0.125rem 0 0;
        font-size: 0.8125rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 0px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        z-index: 31000;
    }

    .dropdown-divider {
        height: 0;
        margin: 0.5rem 0;
        overflow: hidden;
        border-top: 1px solid #f3f3f3;
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.75rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }

        .dropdown-item:hover, .dropdown-item:focus {
            color: #6e4e9e;
            text-decoration: none;
            background-color: #f8f9fa;
        }

        .dropdown-item:active {
            color: #563d7c;
            text-decoration: none;
            background-color: #efebf5;
        }

        .dropdown-item:disabled {
            color: #868e96;
            pointer-events: none;
            background-color: transparent;
        }

    .dropdown-header {
        display: block;
        padding: 0.3125rem 1.5rem;
        margin-bottom: 0;
        font-size: 0.75rem;
        color: #868e96;
        white-space: nowrap;
    }

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

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

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

    .nav-tabs {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

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

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

            .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
                border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.07) transparent;
            }

            .nav-tabs .nav-link.active {
                color: #495057;
                background-color: #fff;
                border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;
            }

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

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

    .badge {
        display: inline-block;
        padding: 0.25em 0.4em;
        font-size: 85%;
        font-weight: 500;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 4px;
        -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    }

        .badge:empty {
            display: none;
        }

    .badge-primary {
        color: #fff;
        background-color: #886ab5;
    }

    .badge-success {
        color: #fff;
        background-color: #1dc9b7;
    }

    .progress {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 0.75rem;
        overflow: hidden;
        line-height: 0;
        font-size: 0.625rem;
        background-color: #f6f6f6;
        border-radius: 10rem;
    }

    .progress-bar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        -webkit-transition: width 0.6s ease;
        transition: width 0.6s ease;
    }

    .progress-bar-striped {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: 0.75rem 0.75rem;
    }

    .border-0 {
        border: 0 !important;
    }

    .border-right-0 {
        border-right: 0 !important;
    }

    .border-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-left-0 {
        border-left: 0 !important;
    }

    .rounded-top {
        border-top-left-radius: 4px !important;
        border-top-right-radius: 4px !important;
    }

    .rounded-bottom {
        border-bottom-right-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
    }

    .rounded-circle {
        border-radius: 50% !important;
    }

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

    .d-inline {
        display: inline !important;
    }

    .d-inline-block {
        display: inline-block !important;
    }

    .d-block {
        display: block !important;
    }

    .d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .flex-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .justify-content-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .align-items-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

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

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

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

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

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

    .w-auto {
        width: auto !important;
    }

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

    .h-auto {
        height: auto !important;
    }

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

    .mb-0 {
        margin-bottom: 0 !important;
    }

    .mt-1 {
        margin-top: 0.25rem !important;
    }

    .mr-1 {
        margin-right: 0.25rem !important;
    }

    .mb-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-1 {
        margin-left: 0.25rem !important;
    }

    .mt-2 {
        margin-top: 0.5rem !important;
    }

    .mr-2 {
        margin-right: 0.5rem !important;
    }

    .mb-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-2 {
        margin-left: 0.5rem !important;
    }

    .mt-3 {
        margin-top: 1rem !important;
    }

    .mb-3 {
        margin-bottom: 1rem !important;
    }

    .mt-4 {
        margin-top: 1.5rem !important;
    }

    .p-2 {
        padding: 0.5rem !important;
    }

    .py-2 {
        padding-top: 0.5rem !important;
    }

    .pb-2, .py-2 {
        padding-bottom: 0.5rem !important;
    }

    .p-3 {
        padding: 1rem !important;
    }

    .pt-3 {
        padding-top: 1rem !important;
    }

    .pr-3, .px-3 {
        padding-right: 1rem !important;
    }

    .pb-3 {
        padding-bottom: 1rem !important;
    }

    .pl-3, .px-3 {
        padding-left: 1rem !important;
    }

    .pt-4, .py-4 {
        padding-top: 1.5rem !important;
    }

    .px-4 {
        padding-right: 1.5rem !important;
    }

    .pb-4, .py-4 {
        padding-bottom: 1.5rem !important;
    }

    .px-4 {
        padding-left: 1.5rem !important;
    }

    .pr-5 {
        padding-right: 2rem !important;
    }

    .pl-5 {
        padding-left: 2rem !important;
    }

    .mt-n2 {
        margin-top: -0.5rem !important;
    }

    .ml-auto {
        margin-left: auto !important;
    }

    .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .text-left {
        text-align: left !important;
    }

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

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

    .text-white {
        color: #fff !important;
    }

    .text-primary {
        color: #886ab5 !important;
    }

    .text-secondary {
        color: #868e96 !important;
    }

    .text-danger {
        color: #fd3995 !important;
    }

    .text-muted {
        color: #868e96 !important;
    }

    @media print {
        *, *::before, *::after {
            text-shadow: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

        a:not(.btn) {
            text-decoration: underline;
        }

        tr, img {
            page-break-inside: avoid;
        }

        p {
            orphans: 3;
            widows: 3;
        }

        .badge {
            border: 1px solid #000;
        }

        .table {
            border-collapse: collapse !important;
        }

            .table td, .table th {
                background-color: #fff !important;
            }

        .table-bordered th, .table-bordered td {
            border: 1px solid #dee2e6 !important;
        }
    }

    h4, h5 {
        line-height: 1.3;
        font-weight: 400;
    }

    strong {
        font-weight: 500;
    }

    h4 small, h5 small {
        font-weight: 300;
        display: block;
        font-size: 0.9375rem;
        line-height: 1.5;
        margin: 2px 0 1.5rem;
    }

    h4 small {
        font-size: 0.875rem;
    }

    h5 small {
        font-size: 0.8125rem;
    }

    .text-gradient {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
        background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
        color: #886ab5;
        background-clip: text;
        text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: none;
    }

    .fal {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
    }

    .fa-3x {
        font-size: 3em;
    }

    .fa-angle-down:before {
        content: "\f107";
    }

    .fa-bell:before {
        content: "\f0f3";
    }

    .fa-birthday-cake:before {
        content: "\f1fd";
    }

    .fa-chart-line:before {
        content: "\f201";
    }

    .fa-comment-alt:before {
        content: "\f27a";
    }

    .fa-envelope:before {
        content: "\f2b6";
    }

    .fa-cube:before {
        content: "\f1b2";
    }

    .fa-dot-circle:before {
        content: "\f192";
    }

    .fa-globe:before {
        content: "\f0ac";
    }

    .fa-keyboard:before {
        content: "\f11c";
    }

    .fa-phone:before {
        content: "\f095";
    }

    .fa-search:before {
        content: "\f002";
    }

    .fa-times:before {
        content: "\f00d";
    }

    .fa-trash-alt:before {
        content: "\f2ed";
    }

    .fal {
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
    }

    .ni, [class^="base-"] {
        font-family: 'nextgen-icons';
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
    }

    .base-19:before {
        content: "\e09b";
    }

    .base-18:before {
        content: "\e09c";
    }

    .base-16:before {
        content: "\e09e";
    }

    .base-12:before {
        content: "\f000";
    }

    .base-10:before {
        content: "\f00a";
    }

    .base-9:before {
        content: "\f1c8";
    }

    .base-7:before {
        content: "\f413";
    }

    .base-6:before {
        content: "\f412";
    }

    .base-5:before {
        content: "\f411";
    }

    .base-4:before {
        content: "\f410";
    }

    .base-3:before {
        content: "\f409";
    }

    .base-2:before {
        content: "\f408";
    }

    .md-profile:before {
        content: "\f407";
    }

    .ni-menu:before {
        content: "\e000";
    }

    .ni-shield:before {
        content: "\e00e";
    }

    .ni-graph:before {
        content: "\e06b";
    }

    .ni-arrow-up:before {
        content: "\e078";
    }

    .ni-envelope:before {
        content: "\e086";
    }

    .ni-settings:before {
        content: "\e09a";
    }
}

@media screen, print {
    h4, h5 {
        line-height: 1.3;
        font-weight: 400;
    }

    strong {
        font-weight: 500;
    }

    h4 small, h5 small {
        font-weight: 300;
        display: block;
        font-size: 0.9375rem;
        line-height: 1.5;
        margin: 2px 0 1.5rem;
    }

    h4 small {
        font-size: 0.875rem;
    }

    h5 small {
        font-size: 0.8125rem;
    }

    .text-gradient {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
        background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
        color: #886ab5;
        background-clip: text;
        text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: none;
    }

    .page-logo {
        -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
        transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
    }

    .header-btn {
        border-radius: 4px;
        border: 1px solid gainsboro;
        height: 2.25rem;
        width: 3.25rem;
        vertical-align: middle;
        line-height: 2.125rem;
        margin-right: 0.9375rem;
        font-size: 21px;
        padding: 0 11px;
        cursor: default;
        color: #a6a6a6;
        position: relative;
    }

        .header-btn:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
            border-color: #886ab5;
            background: #a38cc6;
            color: #fff;
        }

    .pattern-0 {
        background-size: 10px 10px;
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.07) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
        -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) 0 0/10px 10px transparent;
    }

    a, a:active, a:focus, .btn, .btn:focus, .btn:active:focus {
        outline: none;
        outline: 0;
    }

    input::-moz-focus-inner {
        border: 0;
    }

    .header-icon {
        color: #666666;
        height: 30px;
        display: block;
        line-height: 30px;
        text-decoration: none;
        position: relative;
    }

        .header-icon:not(.btn) {
            min-width: 3.125rem;
            text-align: center;
            overflow: visible;
        }

            .header-icon:not(.btn) > [class*='fa-']:first-child {
                color: #886ab5;
                vertical-align: middle;
            }

            .header-icon:not(.btn) > [class*='fa-']:first-child {
                font-size: 18px;
            }

            .header-icon:not(.btn):hover > [class*='fa-']:only-child {
                color: #404040;
            }

            .header-icon:not(.btn)[data-toggle="dropdown"][data-toggle="dropdown"]:after {
                content: " ";
                width: 1.5rem;
                height: 1.5rem;
                position: absolute;
                background: #dae1e8;
                border-radius: 50%;
                top: 1.3125rem;
                z-index: -1;
                left: 0.9375rem;
                opacity: 0;
                -webkit-transition: all 100ms ease-in;
                transition: all 100ms ease-in;
            }

            .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
                position: absolute;
                border: 0px solid #ccc;
                right: 0rem;
                top: 4.0625rem !important;
                left: auto !important;
                padding: 0;
                margin: 0;
            }

            .header-icon:not(.btn) .profile-image {
                width: 2rem;
                height: auto;
            }

        .header-icon:hover {
            cursor: default;
            color: #404040;
        }

    .page-header {
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 28px 0px rgba(86, 61, 124, 0.13);
        box-shadow: 0px 0px 28px 0px rgba(86, 61, 124, 0.13);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 40px;
        position: relative;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

        .page-header .badge-icon {
            left: 1.5625rem;
            top: 1.09375rem;
        }

    .page-logo {
        -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13);
        box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13);
        overflow: hidden;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-positive: 0;
        -webkit-box-flex: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        min-height: 1px;
        padding: 0 2rem;
    }

        .page-logo img {
            width: 28px;
            height: 28px;
        }

        .page-logo .page-logo-link {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
        }

    .page-logo-text {
        margin-left: 0.5rem;
        font-weight: 300;
        font-size: 1rem;
        color: #fff;
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        text-align: left;
    }

    .search {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .search .app-forms {
            padding: 0;
        }

            .search .app-forms:before {
                content: none;
            }

    #search-field {
        max-width: 21.875rem;
        height: 2.625rem;
        line-height: normal;
        border-radius: 4px;
        background: transparent;
        border: 1px solid transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 0.9375rem;
        padding: 0.38rem;
    }

    .dropdown-icon-menu > .btn {
        z-index: 1;
    }

    .tab-notification {
        height: 363px;
    }

        .tab-notification .tab-pane {
            height: 100%;
        }

    .notification {
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative;
    }

        .notification li {
            position: relative;
            background: #fff;
        }

            .notification li.unread {
                background: #fffaee;
            }

                .notification li.unread .name {
                    font-weight: 500;
                }

            .notification li > :first-child {
                padding: 0.75rem 1.5rem;
                border-bottom: 1px solid rgba(0, 0, 0, 0.06);
            }

                .notification li > :first-child:hover {
                    text-decoration: none;
                    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
                    background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04));
                }

                .notification li > :first-child:focus {
                    text-decoration: none;
                }

                .notification li > :first-child > span {
                    position: relative;
                }

                    .notification li > :first-child > span > span {
                        display: block;
                    }

            .notification li:last-child > a {
                border: 0;
            }

        .notification .name {
            color: #222222;
            font-weight: 400;
            font-size: 0.8125rem;
        }

        .notification .msg-a, .notification .msg-b {
            color: #555555;
        }

        .notification:not(.notification-loading):before {
            content: "No new messages";
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            padding: 1.5rem;
            width: 100%;
            display: block;
        }

    .app-list {
        margin: 0 auto;
        display: block;
        width: 21.875rem !important;
        height: 22.5rem !important;
        font-size: 0;
        padding: 0.5rem 1rem;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .app-list > li {
            display: inline-block;
            text-align: center;
            padding: 0;
        }

    .app-list-item {
        height: 5.9375rem;
        width: 6.25rem;
        display: block;
        text-decoration: none;
        color: #666666;
        margin: 10px 2px;
        border: 1px solid transparent !important;
        outline: none;
        border-radius: 3px;
        padding-top: 8px;
        border-radius: 4px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .app-list-item .icon-stack {
            font-size: 3.125rem;
            margin-top: 4px;
        }

        .app-list-item:hover {
            padding-top: 7px;
        }

            .app-list-item:hover > .icon-stack {
                font-size: 3.1875rem;
            }

        .app-list-item:active {
            border-color: #886ab5;
            padding-top: 8px;
        }

            .app-list-item:active > .icon-stack {
                font-size: 3.125rem;
            }

    .app-list-name {
        text-align: center;
        font-size: 0.8125rem;
        text-overflow: ellipsis;
        display: block;
        white-space: nowrap;
        overflow: hidden;
    }

    @media (min-width: 992px) {
        .header-function-fixed .page-header {
            position: fixed !important;
            -webkit-box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13);
            box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13);
            -webkit-transform: translateZ(0);
        }
    }

    .info-card-text {
        font-size: 0.875rem;
        display: inline-block;
        vertical-align: middle;
        font-weight: 500;
        line-height: 1.35;
    }

        .info-card-text > span {
            font-size: 0.875rem;
            display: block;
            font-weight: 300;
        }

    @media (min-width: 992px) {
        .page-header {
            margin-top: 0;
            height: 40px;
            background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
            background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
            background-color: #584475;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            -webkit-box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13);
            box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13);
        }

            .page-header .dropdown-icon-menu {
                display: none;
            }

            .page-header #search-field {
                margin: 0 !important;
            }

            .page-header .page-logo {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                width: auto;
                width: initial;
                padding-left: 0;
                background: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .page-header .header-icon:not(.btn) > [class*='fa-']:first-child {
                color: #a38cc6;
            }

                .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover {
                    color: #beaed7;
                }

            .page-header .badge.badge-icon {
                -webkit-box-shadow: 0 0 0 1px #7a59ad;
                box-shadow: 0 0 0 1px #7a59ad;
            }

            .page-header .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
                top: 40px !important;
            }

        .page-header {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }
    }

    .badge.badge-icon {
        position: absolute;
        display: inline-block;
        background-color: #fd3995;
        color: #fff;
        -webkit-box-shadow: 0 0 0 1px #fff;
        box-shadow: 0 0 0 1px #fff;
        cursor: default;
        border: 1px solid transparent;
        font-size: 0.625rem;
        min-width: 1rem;
        max-width: 1.6875rem;
        padding: 0 3px;
        border-radius: 1.25rem;
        font-weight: 500;
        line-height: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }

    .btn:active {
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;
    }

    .btn-danger {
        -webkit-box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5);
        box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5);
    }

    .dropdown-header.bg-trans-gradient {
        padding: 1.25rem 1.5rem;
    }

    .dropdown-menu-animated {
        -webkit-transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);
        transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);
        opacity: 1;
        display: none;
    }

    .dropdown-menu {
        -webkit-box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2);
        box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2);
        -webkit-user-select: text;
    }

        .dropdown-menu .dropdown-item {
            font-weight: 400;
            cursor: pointer;
        }

        .dropdown-menu.dropdown-lg {
            width: 17.5rem;
            height: auto;
        }

        .dropdown-menu.dropdown-xl {
            width: 21.875rem;
            height: auto;
        }

        .dropdown-menu .dropdown-item:last-child {
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
        }

    .icon-stack {
        position: relative;
        display: inline-block;
        width: 1em;
        height: 1em;
        line-height: 1em;
        vertical-align: middle;
        text-align: center;
    }

    .icon-stack-1x, .icon-stack-2x, .icon-stack-3x {
        position: absolute !important;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        line-height: inherit !important;
    }

    .icon-stack-1x {
        font-size: 0.5em;
    }

    .icon-stack-2x {
        font-size: 0.70em;
    }

    .icon-stack-3x {
        font-size: 1em;
    }

    .progress-sm {
        height: 8px;
    }

    th {
        font-weight: 500;
    }

    .nav-tabs-clean {
        height: 45px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

        .nav-tabs-clean .nav-item .nav-link {
            border-radius: 0;
            border: 0;
            height: 45px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-bottom: 1px solid transparent;
        }

            .nav-tabs-clean .nav-item .nav-link.active {
                border-bottom: 1px solid #886ab5;
                color: #886ab5;
            }

            .nav-tabs-clean .nav-item .nav-link:hover {
                color: #886ab5;
            }

    .nav-tabs .nav-item .nav-link:hover:not(.active) {
        color: inherit;
    }

    .nav .nav-link:not([class^="btn-"]):not([class*=" btn-"]) {
        font-weight: 500;
        font-size: 0.8125rem;
    }

    .nav-tabs .nav-link.active {
        color: #886ab5;
    }

    .h-auto {
        height: auto !important;
    }

    .w-auto {
        width: auto !important;
    }

    .width-5 {
        width: 3rem;
    }

    .l-h-n {
        line-height: normal;
    }

    .flex-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .text-truncate-md {
        max-width: 160px;
    }

    .text-truncate-lg {
        max-width: 200px;
    }

    .pos-top {
        top: 0;
    }

    .pos-left {
        left: 0;
    }

    .pos-right {
        right: 0;
    }

    .pos-bottom {
        bottom: 0;
    }

    .fw-300 {
        font-weight: 300 !important;
    }

    .fw-400 {
        font-weight: 400 !important;
    }

    .fw-500 {
        font-weight: 500 !important;
    }

    .fw-n {
        font-weight: normal !important;
    }

    .fs-nano {
        font-size: 0.6875rem !important;
    }

    .fs-xs {
        font-size: 0.75rem !important;
    }

    .fs-sm {
        font-size: 0.78125rem !important;
    }

    .fs-b {
        font-size: 0.8125rem !important;
    }

    .fs-md {
        font-size: 0.875rem !important;
    }

    .fs-lg {
        font-size: 0.9375rem !important;
    }

    .fs-xl {
        font-size: 1rem !important;
    }

    .fs-xxl {
        font-size: 1.75rem !important;
    }

    .opacity-20 {
        opacity: 0.2;
    }

    .opacity-30 {
        opacity: 0.3;
    }

    .opacity-50 {
        opacity: 0.5;
    }

    .opacity-70 {
        opacity: 0.7;
    }

    .opacity-80 {
        opacity: 0.8;
    }

    .opacity-85 {
        opacity: 0.85;
    }

    .bg-faded {
        background-color: #f7f9fa;
    }

    .border-faded {
        border: 1px solid rgba(29, 29, 29, 0.07);
    }

    .rounded-bottom {
        border-radius: 0 0 4px;
    }

    .rounded-top {
        border-radius: 4px 4px 0 0;
    }

    .show-child-on-hover .show-on-hover-parent {
        display: none;
    }

    .show-child-on-hover:hover .show-on-hover-parent {
        display: block;
    }

    .bg-trans-gradient {
        background: linear-gradient(250deg, #3e93d6, #8a75aa);
    }

    .table-calendar {
        table-layout: fixed;
    }

        .table-calendar th {
            border: 0px !important;
            font-weight: 500;
        }

        .table-calendar tr td:first-child {
            border-left: 0;
        }

        .table-calendar tr td:last-child {
            border-right: 0;
            padding-right: 10px;
        }

        .table-calendar td, .table-calendar th {
            text-align: right;
            vertical-align: top;
            padding: 5px 8px;
            position: relative;
        }

    .profile-image {
        width: 3.125rem;
        height: 3.125rem;
    }

    .profile-image-md {
        width: 2rem;
        height: 2rem;
    }

    .img-share {
        width: auto;
        height: 2.8125rem;
    }

    span.img-share {
        width: 4.12594rem;
        height: 2.8125rem;
    }

    .status {
        position: relative;
    }

        .status:before {
            content: " ";
            position: absolute;
            width: 15px;
            height: 15px;
            display: block;
            top: -2px;
            right: -2px;
            background: #505050;
            border-radius: 50%;
            border: 2px solid #fff;
        }

        .status.status-success:before {
            background: #1dc9b7;
        }

        .status.status-danger:before {
            background: #fd3995;
        }

        .status.status-warning:before {
            background: #ffc241;
        }

    @media (max-width: 575.98px) {
        .hidden-xs-down {
            display: none !important;
        }
    }

    @media (min-width: 576px) {
        .hidden-sm-up {
            display: none !important;
        }
    }

    @media (max-width: 991.98px) {
        .hidden-md-down {
            display: none !important;
        }
    }

    @media (min-width: 992px) {
        .hidden-lg-up {
            display: none !important;
        }
    }

    [data-hasmore] {
        position: relative;
        color: #fff;
    }

        [data-hasmore]:before {
            content: attr(data-hasmore);
            border-radius: inherit;
            background: rgba(0, 0, 0, 0.4);
            height: inherit;
            width: 100%;
            position: absolute;
            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;
            font-weight: 500;
            font-size: inherit;
        }

    .press-scale-down {
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .press-scale-down:active {
            -webkit-transform: scale(0.95);
            transform: scale(0.95);
        }

    .hover-white:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
        background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04));
    }

    .hover-white:active {
        background: #e7e7e7;
    }

    ::-moz-selection {
        background: #505050;
        color: #fff;
    }

    ::selection {
        background: #505050;
        color: #fff;
    }

    ::-moz-selection {
        background: #505050;
        color: #fff;
    }

    input:focus {
        outline: none;
    }

    ::-ms-clear {
        width: 0;
        height: 0;
    }

    a {
        text-decoration: none !important;
    }

    a, input {
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .text-gradient {
            background: transparent;
        }
    }

    @media (min-width: 992px) {
        .page-header {
            padding: 0 2rem;
        }
    }

    @media only screen and (max-width: 992px) {
        .page-logo-text {
            font-size: 1rem;
        }

        .page-wrapper .page-header {
            padding: 0 1.5rem;
            width: 100%;
            border-bottom: 1px solid rgba(0, 0, 0, 0.09);
        }

            .page-wrapper .page-header [data-toggle="dropdown"] + .dropdown-menu {
                right: 1.5rem;
            }

        .header-function-fixed .page-header {
            margin-left: 0;
            left: 0;
            position: fixed;
            right: 0;
            top: 0;
            -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
            transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
        }

        .header-function-fixed .page-header, .header-function-fixed .page-logo {
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }
    }

    @media only screen and (max-width: 576px) {
        .page-header [data-toggle="dropdown"] + .dropdown-menu {
            width: calc(100% - 2rem) !important;
            right: 1rem !important;
        }

        .page-header {
            padding-left: 1rem !important;
            padding-right: 1rem !important;
        }
    }

    .slimScrollBar {
        border-radius: 3px !important;
    }

    body:not(.no-slimscroll) .custom-scroll {
        overflow: hidden;
    }

    .waves-effect {
        position: relative;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
    }

    .tab-content > .active:not(.fade) {
        animation: animateFadeInUp 0.5s;
        -webkit-animation: animateFadeInUp 0.5s;
    }

    .bg-primary-300 {
        background-color: #a38cc6;
        color: white;
    }

        .bg-primary-300:hover {
            color: white;
        }

    .bg-primary-500 {
        background-color: #886ab5;
        color: white;
    }

        .bg-primary-500:hover {
            color: white;
        }

    .color-primary-50 {
        color: #ccbfdf;
    }

    .color-primary-200 {
        color: #b19dce;
    }

    .color-primary-300 {
        color: #a38cc6;
    }

    .color-primary-400 {
        color: #967bbd;
    }

    .color-primary-500 {
        color: #886ab5;
    }

    .color-primary-600 {
        color: #7a59ad;
    }

    .color-primary-700 {
        color: #6e4e9e;
    }

    .color-primary-800 {
        color: #62468d;
    }

    .color-success-400 {
        color: #21dfcb;
    }

    .color-success-500 {
        color: #1dc9b7;
    }

    .color-success-700 {
        color: #179c8e;
    }

    .color-info-50 {
        color: #9acffa;
    }

    .color-info-500 {
        color: #2196F3;
    }

    .color-info-700 {
        color: #0c7cd5;
    }

    .color-warning-600 {
        color: #ffba28;
    }

    .color-warning-800 {
        color: #f4a500;
    }

    .color-danger-400 {
        color: #fd52a3;
    }

    .color-danger-500 {
        color: #fd3995;
    }

    .color-danger-600 {
        color: #fd2087;
    }

    .color-fusion-100 {
        color: #838383;
    }

    .color-fusion-200 {
        color: #767676;
    }

    .color-fusion-400 {
        color: #5d5d5d;
    }

    .color-fusion-500 {
        color: #505050;
    }

    .color-white {
        color: #fff;
    }

    :-webkit-full-screen [data-action="app-fullscreen"] {
        color: #cccccc;
    }

    :-moz-full-screen [data-action="app-fullscreen"] {
        color: #cccccc;
    }

    @media print {
        table {
            font-size: 80%;
        }

        a:link {
            font-weight: bold;
            text-decoration: underline;
            color: #06c;
        }

        h4, h5 {
            font-weight: bold !important;
        }

        .btn, .page-header {
            display: none !important;
        }
    }
}

@media screen, print {
    .page-logo img {
        width: 30px;
        height: auto;
    }

    @media (max-width: 991.98px) {
        .page-header-empresaname {
            display: none;
        }

        .page-header-empresaname-mini {
            display: block;
        }
    }

    @media (min-width: 991.97px) {
        .page-header-empresaname {
            display: block;
        }

        .page-header-empresaname-mini {
            display: none;
        }
    }
}

.btn-default {
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
    background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
    color: #444;
}

    .btn-default:hover {
        border: 1px solid #c6c6c6;
    }

    .btn-default:focus {
        border-color: #82a4dd !important;
    }

.header-btn {
    border: 1px solid #d6d6d6;
    color: #a6a6a6;
}

    .header-btn:hover {
        border-color: #4679cc;
        background: #6e96d7;
        color: #fff;
    }

.header-icon {
    color: #666666;
}

    .header-icon:not(.btn) > [class*='fa-']:first-child {
        color: #4679cc;
    }

    .header-icon:not(.btn):hover > [class*='fa-']:only-child {
        color: #404040;
    }

    .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
        border-color: #ccc;
    }

    .header-icon:hover {
        color: #404040;
    }

.page-header {
    background-color: rgb(43, 76, 129);
}

#search-field {
    background: transparent;
    border: 1px solid transparent;
}

.notification li.unread {
    background: #fffaee;
}

.notification li > :first-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

    .notification li > :first-child:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
        background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04));
    }

.notification .name {
    color: #222222;
}

.notification .msg-a, .notification .msg-b {
    color: #555555;
}

.app-list-item {
    color: #666666;
}

    .app-list-item:hover {
        border: 1px solid #e3e3e3;
    }

    .app-list-item:active {
        border-color: #4679cc;
    }

@media (min-width: 992px) {
    .header-function-fixed .page-header {
        -webkit-box-shadow: 0px 0px 28px 2px rgba(37, 74, 135, 0.13);
        box-shadow: 0px 0px 28px 2px rgba(37, 74, 135, 0.13);
    }
}

@media (min-width: 992px) {
    .page-header {
        background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
        background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
        background-color: #2b4c81;
        -webkit-box-shadow: 0px 0px 14px 0px rgba(37, 74, 135, 0.13);
        box-shadow: 0px 0px 14px 0px rgba(37, 74, 135, 0.13);
    }

        .page-header .header-icon:not(.btn) > [class*='fa-']:first-child {
            color: #6e96d7;
        }

            .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover {
                color: #96b3e2;
            }

        .page-header .badge.badge-icon {
            -webkit-box-shadow: 0 0 0 1px #366bc3;
            box-shadow: 0 0 0 1px #366bc3;
        }
}

.badge.badge-icon {
    background-color: #fd3995;
    color: #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}

.btn-search-close {
    color: #fff;
}

.header-btn[data-class='mobile-nav-on'] {
    border-color: #fc077a;
    background-color: #fd2087;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
    background-image: linear-gradient(to top, #fd2087, #e7026e);
    color: #fff;
}

.btn-danger {
    -webkit-box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5);
    box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5);
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #3060af;
    background-color: #f8f9fa;
}

.dropdown-item:active {
    color: #2b559b;
    background-color: #d2def3;
}

.nav-tabs-clean .nav-item .nav-link.active {
    border-bottom: 1px solid #4679cc;
    color: #4679cc;
}

.nav-tabs-clean .nav-item .nav-link:hover {
    color: #4679cc;
}

.nav-tabs .nav-link.active {
    color: #4679cc;
}

.bg-faded {
    background-color: #f7f9fa;
}

.border-faded {
    border: 1px solid rgba(22, 22, 22, 0.07);
}

.bg-trans-gradient {
    background: linear-gradient(250deg, #3e93d6, #527cc0);
}

.status {
    position: relative;
}

    .status:before {
        background: #494949;
        border: 2px solid #fff;
    }

    .status.status-success:before {
        background: #1dc9b7;
    }

    .status.status-danger:before {
        background: #fd3995;
    }

    .status.status-warning:before {
        background: #ffc241;
    }

[data-hasmore] {
    color: #fff;
}

    [data-hasmore]:before {
        background: rgba(0, 0, 0, 0.4);
    }

::-moz-selection {
    background: #494949;
    color: #fff;
}

::selection {
    background: #494949;
    color: #fff;
}

::-moz-selection {
    background: #494949;
    color: #fff;
}

@media only screen and (max-width: 992px) {
    .page-wrapper .page-header {
        border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    }
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #4679cc;
}

.bg-primary-300 {
    background-color: #6e96d7;
    color: white;
}

    .bg-primary-300:hover {
        color: white;
    }

.bg-primary-500 {
    background-color: #4679cc;
    color: white;
}

    .bg-primary-500:hover {
        color: white;
    }

.color-primary-50 {
    color: #aac1e8;
}

.color-primary-200 {
    color: #82a4dd;
}

.color-primary-300 {
    color: #6e96d7;
}

.color-primary-400 {
    color: #5a87d2;
}

.color-primary-500 {
    color: #4679cc;
}

.color-primary-600 {
    color: #366bc3;
}

.color-primary-700 {
    color: #3060af;
}

.color-primary-800 {
    color: #2b559b;
}

.color-success-400 {
    color: #21dfcb;
}

.color-success-500 {
    color: #1dc9b7;
}

.color-success-700 {
    color: #179c8e;
}

.color-info-50 {
    color: #9acffa;
}

.color-info-500 {
    color: #2196F3;
}

.color-info-700 {
    color: #0c7cd5;
}

.color-warning-600 {
    color: #ffba28;
}

.color-warning-800 {
    color: #f4a500;
}

.color-danger-400 {
    color: #fd52a3;
}

.color-danger-500 {
    color: #fd3995;
}

.color-danger-600 {
    color: #fd2087;
}

.color-fusion-100 {
    color: #7c7c7c;
}

.color-fusion-200 {
    color: #707070;
}

.color-fusion-400 {
    color: #565656;
}

.color-fusion-500 {
    color: #494949;
}

.color-white {
    color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #fd3995;
    border-color: #fd3995;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-danger:hover {
        color: #fff;
        background-color: #fd1381;
        border-color: #fc077a;
    }

    .btn-danger:focus {
        color: #fff;
        background-color: #fd1381;
        border-color: #fc077a;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
    }

    .btn-danger:disabled {
        color: #fff;
        background-color: #fd3995;
        border-color: #fd3995;
    }

.text-primary {
    color: #4679cc !important;
}

.text-secondary {
    color: #6c757d !important;
}

.text-danger {
    color: #fd3995 !important;
}
/*! CSS Used keyframes */
@-webkit-keyframes animateFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

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

@keyframes animateFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

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

/*! CSS Used fontfaces */
@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    src: url("/css/webfonts/fa-light-300.eot");
    src: url("/css/jframework/webfonts/fa-light-300.eot#iefix") format("embedded-opentype"), url("/css/webfonts/fa-light-300.woff2") format("woff2"), url("/css/webfonts/fa-light-300.woff") format("woff"), url("/css/webfonts/fa-light-300.ttf") format("truetype"), url("/css/webfonts/fa-light-300.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/css/webfonts/fa-regular-400.eot");
    src: url("/css/webfonts/fa-regular-400.eot#iefix") format("embedded-opentype"), url("/css/webfonts/fa-regular-400.woff2") format("woff2"), url("/css/webfonts/fa-regular-400.woff") format("woff"), url("/css/webfonts/fa-regular-400.ttf") format("truetype"), url("/css/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'nextgen-icons';
    src: url("/css/webfonts/nextgen-icons.eot");
    src: url("/css/webfonts/nextgen-icons.eot#iefix") format("embedded-opentype"), url("/css/webfonts/nextgen-icons.woff2") format("woff2"), url("/css/webfonts/webfonts/nextgen-icons.woff") format("woff"), url("/css/webfonts/webfonts/nextgen-icons.ttf") format("truetype"), url("/css/webfonts/webfonts/nextgen-icons.svg#nextgen-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}