#box {
    width: 100%;
    height: 100%;
    /*background-color: #666;*/
    /*border: solid 1px;*/
    /*border-radius: 50px;*/
    padding-bottom:10px;
    padding-top:10px;
}
.small-box {
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    display: block;
    margin-bottom: 20px;
    position: relative;
}

    .small-box > .inner {
        padding: 10px;
    }

    .small-box > .small-box-footer {
        background-color: rgba(0, 0, 0, 0.1);
        color: rgba(255, 255, 255, 0.8);
        display: block;
        padding: 3px 0;
        position: relative;
        text-align: center;
        text-decoration: none;
        z-index: 10;
    }

        .small-box > .small-box-footer:hover {
            background-color: rgba(0, 0, 0, 0.15);
            color: #fff;
        }

    .small-box h3 {
        font-size: 2.2rem;
        font-weight: 700;
        margin: 0 0 10px;
        padding: 0;
        white-space: nowrap;
    }

@media (min-width: 992px) {
    .col-xl-2 .small-box h3,
    .col-lg-2 .small-box h3,
    .col-md-2 .small-box h3 {
        font-size: 1.6rem;
    }

    .col-xl-3 .small-box h3,
    .col-lg-3 .small-box h3,
    .col-md-3 .small-box h3 {
        font-size: 1.6rem;
    }
}

@media (min-width: 1200px) {
    .col-xl-2 .small-box h3,
    .col-lg-2 .small-box h3,
    .col-md-2 .small-box h3 {
        font-size: 2.2rem;
    }

    .col-xl-3 .small-box h3,
    .col-lg-3 .small-box h3,
    .col-md-3 .small-box h3 {
        font-size: 2.2rem;
    }
}

.small-box p {
    font-size: 1rem;
}

    .small-box p > small {
        color: #f8f9fa;
        display: block;
        font-size: .9rem;
        margin-top: 5px;
    }

.small-box h3,
.small-box p {
    z-index: 5;
}

.small-box .icon {
    color: rgba(0, 0, 0, 0.15);
    z-index: 0;
}

    .small-box .icon > i {
        font-size: 90px;
        position: absolute;
        right: 15px;
        top: 15px;
        transition: -webkit-transform 0.3s linear;
        transition: transform 0.3s linear;
        transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    }

        .small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.fal, .small-box .icon > i.fad, .small-box .icon > i.ion {
            font-size: 70px;
            top: 20px;
        }

    .small-box .icon svg {
        font-size: 70px;
        position: absolute;
        right: 15px;
        top: 15px;
        transition: -webkit-transform 0.3s linear;
        transition: transform 0.3s linear;
        transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    }

.small-box:hover {
    text-decoration: none;
}

    .small-box:hover .icon > i, .small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.fal, .small-box:hover .icon > i.fad, .small-box:hover .icon > i.ion {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .small-box:hover .icon > svg {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

@media (max-width: 767.98px) {
    .small-box {
        text-align: center;
    }

        .small-box .icon {
            display: none;
        }

        .small-box p {
            font-size: 12px;
        }
}


.timeline {
    margin: 0 0 45px;
    padding: 0;
    position: relative;
}

    .timeline::before {
        border-radius: 0.25rem;
        background-color: #dee2e6;
        bottom: 0;
        content: "";
        left: 31px;
        margin: 0;
        position: absolute;
        top: 0;
        width: 4px;
    }

    .timeline > div {
        margin-bottom: 15px;
        margin-right: 10px;
        position: relative;
    }

        .timeline > div::before, .timeline > div::after {
            content: "";
            display: table;
        }

        .timeline > div > .timeline-item {
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
            border-radius: 0.25rem;
            background-color: #fff;
            color: #495057;
            margin-left: 60px;
            margin-right: 15px;
            margin-top: 0;
            padding: 0;
            position: relative;
        }

            .timeline > div > .timeline-item > .time {
                color: #999;
                float: right;
                font-size: 12px;
                padding: 10px;
            }

            .timeline > div > .timeline-item > .timeline-header {
                border-bottom: 1px solid rgba(0, 0, 0, 0.125);
                color: #495057;
                font-size: 16px;
                line-height: 1.1;
                margin: 0;
                padding: 10px;
            }

                .timeline > div > .timeline-item > .timeline-header > a {
                    font-weight: 600;
                }

            .timeline > div > .timeline-item > .timeline-body,
            .timeline > div > .timeline-item > .timeline-footer {
                padding: 10px;
            }

                .timeline > div > .timeline-item > .timeline-body > img {
                    margin: 10px;
                }

                .timeline > div > .timeline-item > .timeline-body > dl,
                .timeline > div > .timeline-item > .timeline-body ol,
                .timeline > div > .timeline-item > .timeline-body ul {
                    margin: 0;
                }

                .timeline > div > .timeline-item > .timeline-footer > a {
                    color: #fff;
                }

        .timeline > div > .fa,
        .timeline > div > .fas,
        .timeline > div > .far,
        .timeline > div > .fab,
        .timeline > div > .fal,
        .timeline > div > .fad,
        .timeline > div > .svg-inline--fa,
        .timeline > div > .ion {
            background-color: #adb5bd;
            border-radius: 50%;
            font-size: 16px;
            height: 30px;
            left: 18px;
            line-height: 30px;
            position: absolute;
            text-align: center;
            top: 0;
            width: 30px;
        }

        .timeline > div > .svg-inline--fa {
            padding: 7px;
        }

    .timeline > .time-label > span {
        border-radius: 4px;
        background-color: #fff;
        display: inline-block;
        font-weight: 600;
        padding: 5px;
    }

.timeline-inverse > div > .timeline-item {
    box-shadow: none;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
}

    .timeline-inverse > div > .timeline-item > .timeline-header {
        border-bottom-color: #dee2e6;
    }

.dark-mode .timeline::before {
    background-color: #6c757d;
}

.dark-mode .timeline > div > .timeline-item {
    background-color: #343a40;
    color: #fff;
    border-color: #6c757d;
}

    .dark-mode .timeline > div > .timeline-item > .timeline-header {
        color: #ced4da;
        border-color: #6c757d;
    }

    .dark-mode .timeline > div > .timeline-item > .time {
        color: #ced4da;
    }


.bg-primary {
    background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important;
}

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

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important;
}

.bg-success {
    background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1e7e34 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

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

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

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

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

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

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

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

.border-primary {
    border-color: #007bff !important;
}

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

.border-success {
    border-color: #28a745 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.badge-btn {
    border-radius: 0.15rem;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0.25rem 0.5rem;
}

    .badge-btn.badge-pill {
        padding: .375rem .6rem;
    }

.dark-mode a:not(.btn):hover {
    color: #3395ff;
}

.dark-mode .attachment-block {
    background-color: #3d444b;
}

    .dark-mode .attachment-block .attachment-text {
        color: #ced4da;
    }

.dark-mode blockquote {
    background-color: #3f474e;
}

    .dark-mode blockquote.quote-primary {
        border-color: #007bff;
    }

        .dark-mode blockquote.quote-primary h1,
        .dark-mode blockquote.quote-primary h2,
        .dark-mode blockquote.quote-primary h3,
        .dark-mode blockquote.quote-primary h4,
        .dark-mode blockquote.quote-primary h5,
        .dark-mode blockquote.quote-primary h6 {
            color: #007bff;
        }

    .dark-mode blockquote.quote-secondary {
        border-color: #6c757d;
    }

        .dark-mode blockquote.quote-secondary h1,
        .dark-mode blockquote.quote-secondary h2,
        .dark-mode blockquote.quote-secondary h3,
        .dark-mode blockquote.quote-secondary h4,
        .dark-mode blockquote.quote-secondary h5,
        .dark-mode blockquote.quote-secondary h6 {
            color: #6c757d;
        }

    .dark-mode blockquote.quote-success {
        border-color: #28a745;
    }

        .dark-mode blockquote.quote-success h1,
        .dark-mode blockquote.quote-success h2,
        .dark-mode blockquote.quote-success h3,
        .dark-mode blockquote.quote-success h4,
        .dark-mode blockquote.quote-success h5,
        .dark-mode blockquote.quote-success h6 {
            color: #28a745;
        }

    .dark-mode blockquote.quote-info {
        border-color: #17a2b8;
    }

        .dark-mode blockquote.quote-info h1,
        .dark-mode blockquote.quote-info h2,
        .dark-mode blockquote.quote-info h3,
        .dark-mode blockquote.quote-info h4,
        .dark-mode blockquote.quote-info h5,
        .dark-mode blockquote.quote-info h6 {
            color: #17a2b8;
        }

    .dark-mode blockquote.quote-warning {
        border-color: #ffc107;
    }

        .dark-mode blockquote.quote-warning h1,
        .dark-mode blockquote.quote-warning h2,
        .dark-mode blockquote.quote-warning h3,
        .dark-mode blockquote.quote-warning h4,
        .dark-mode blockquote.quote-warning h5,
        .dark-mode blockquote.quote-warning h6 {
            color: #ffc107;
        }

    .dark-mode blockquote.quote-danger {
        border-color: #dc3545;
    }

        .dark-mode blockquote.quote-danger h1,
        .dark-mode blockquote.quote-danger h2,
        .dark-mode blockquote.quote-danger h3,
        .dark-mode blockquote.quote-danger h4,
        .dark-mode blockquote.quote-danger h5,
        .dark-mode blockquote.quote-danger h6 {
            color: #dc3545;
        }

    .dark-mode blockquote.quote-light {
        border-color: #f8f9fa;
    }

        .dark-mode blockquote.quote-light h1,
        .dark-mode blockquote.quote-light h2,
        .dark-mode blockquote.quote-light h3,
        .dark-mode blockquote.quote-light h4,
        .dark-mode blockquote.quote-light h5,
        .dark-mode blockquote.quote-light h6 {
            color: #f8f9fa;
        }

    .dark-mode blockquote.quote-dark {
        border-color: #343a40;
    }

        .dark-mode blockquote.quote-dark h1,
        .dark-mode blockquote.quote-dark h2,
        .dark-mode blockquote.quote-dark h3,
        .dark-mode blockquote.quote-dark h4,
        .dark-mode blockquote.quote-dark h5,
        .dark-mode blockquote.quote-dark h6 {
            color: #343a40;
        }

    .dark-mode blockquote.quote-lightblue {
        border-color: #3c8dbc;
    }

        .dark-mode blockquote.quote-lightblue h1,
        .dark-mode blockquote.quote-lightblue h2,
        .dark-mode blockquote.quote-lightblue h3,
        .dark-mode blockquote.quote-lightblue h4,
        .dark-mode blockquote.quote-lightblue h5,
        .dark-mode blockquote.quote-lightblue h6 {
            color: #3c8dbc;
        }

    .dark-mode blockquote.quote-navy {
        border-color: #001f3f;
    }

        .dark-mode blockquote.quote-navy h1,
        .dark-mode blockquote.quote-navy h2,
        .dark-mode blockquote.quote-navy h3,
        .dark-mode blockquote.quote-navy h4,
        .dark-mode blockquote.quote-navy h5,
        .dark-mode blockquote.quote-navy h6 {
            color: #001f3f;
        }

    .dark-mode blockquote.quote-olive {
        border-color: #3d9970;
    }

        .dark-mode blockquote.quote-olive h1,
        .dark-mode blockquote.quote-olive h2,
        .dark-mode blockquote.quote-olive h3,
        .dark-mode blockquote.quote-olive h4,
        .dark-mode blockquote.quote-olive h5,
        .dark-mode blockquote.quote-olive h6 {
            color: #3d9970;
        }

    .dark-mode blockquote.quote-lime {
        border-color: #01ff70;
    }

        .dark-mode blockquote.quote-lime h1,
        .dark-mode blockquote.quote-lime h2,
        .dark-mode blockquote.quote-lime h3,
        .dark-mode blockquote.quote-lime h4,
        .dark-mode blockquote.quote-lime h5,
        .dark-mode blockquote.quote-lime h6 {
            color: #01ff70;
        }

    .dark-mode blockquote.quote-fuchsia {
        border-color: #f012be;
    }

        .dark-mode blockquote.quote-fuchsia h1,
        .dark-mode blockquote.quote-fuchsia h2,
        .dark-mode blockquote.quote-fuchsia h3,
        .dark-mode blockquote.quote-fuchsia h4,
        .dark-mode blockquote.quote-fuchsia h5,
        .dark-mode blockquote.quote-fuchsia h6 {
            color: #f012be;
        }

    .dark-mode blockquote.quote-maroon {
        border-color: #d81b60;
    }

        .dark-mode blockquote.quote-maroon h1,
        .dark-mode blockquote.quote-maroon h2,
        .dark-mode blockquote.quote-maroon h3,
        .dark-mode blockquote.quote-maroon h4,
        .dark-mode blockquote.quote-maroon h5,
        .dark-mode blockquote.quote-maroon h6 {
            color: #d81b60;
        }

    .dark-mode blockquote.quote-blue {
        border-color: #007bff;
    }

        .dark-mode blockquote.quote-blue h1,
        .dark-mode blockquote.quote-blue h2,
        .dark-mode blockquote.quote-blue h3,
        .dark-mode blockquote.quote-blue h4,
        .dark-mode blockquote.quote-blue h5,
        .dark-mode blockquote.quote-blue h6 {
            color: #007bff;
        }

    .dark-mode blockquote.quote-indigo {
        border-color: #6610f2;
    }

        .dark-mode blockquote.quote-indigo h1,
        .dark-mode blockquote.quote-indigo h2,
        .dark-mode blockquote.quote-indigo h3,
        .dark-mode blockquote.quote-indigo h4,
        .dark-mode blockquote.quote-indigo h5,
        .dark-mode blockquote.quote-indigo h6 {
            color: #6610f2;
        }

    .dark-mode blockquote.quote-purple {
        border-color: #6f42c1;
    }

        .dark-mode blockquote.quote-purple h1,
        .dark-mode blockquote.quote-purple h2,
        .dark-mode blockquote.quote-purple h3,
        .dark-mode blockquote.quote-purple h4,
        .dark-mode blockquote.quote-purple h5,
        .dark-mode blockquote.quote-purple h6 {
            color: #6f42c1;
        }

    .dark-mode blockquote.quote-pink {
        border-color: #e83e8c;
    }

        .dark-mode blockquote.quote-pink h1,
        .dark-mode blockquote.quote-pink h2,
        .dark-mode blockquote.quote-pink h3,
        .dark-mode blockquote.quote-pink h4,
        .dark-mode blockquote.quote-pink h5,
        .dark-mode blockquote.quote-pink h6 {
            color: #e83e8c;
        }

    .dark-mode blockquote.quote-red {
        border-color: #dc3545;
    }

        .dark-mode blockquote.quote-red h1,
        .dark-mode blockquote.quote-red h2,
        .dark-mode blockquote.quote-red h3,
        .dark-mode blockquote.quote-red h4,
        .dark-mode blockquote.quote-red h5,
        .dark-mode blockquote.quote-red h6 {
            color: #dc3545;
        }

    .dark-mode blockquote.quote-orange {
        border-color: #fd7e14;
    }

        .dark-mode blockquote.quote-orange h1,
        .dark-mode blockquote.quote-orange h2,
        .dark-mode blockquote.quote-orange h3,
        .dark-mode blockquote.quote-orange h4,
        .dark-mode blockquote.quote-orange h5,
        .dark-mode blockquote.quote-orange h6 {
            color: #fd7e14;
        }

    .dark-mode blockquote.quote-yellow {
        border-color: #ffc107;
    }

        .dark-mode blockquote.quote-yellow h1,
        .dark-mode blockquote.quote-yellow h2,
        .dark-mode blockquote.quote-yellow h3,
        .dark-mode blockquote.quote-yellow h4,
        .dark-mode blockquote.quote-yellow h5,
        .dark-mode blockquote.quote-yellow h6 {
            color: #ffc107;
        }

    .dark-mode blockquote.quote-green {
        border-color: #28a745;
    }

        .dark-mode blockquote.quote-green h1,
        .dark-mode blockquote.quote-green h2,
        .dark-mode blockquote.quote-green h3,
        .dark-mode blockquote.quote-green h4,
        .dark-mode blockquote.quote-green h5,
        .dark-mode blockquote.quote-green h6 {
            color: #28a745;
        }

    .dark-mode blockquote.quote-teal {
        border-color: #20c997;
    }

        .dark-mode blockquote.quote-teal h1,
        .dark-mode blockquote.quote-teal h2,
        .dark-mode blockquote.quote-teal h3,
        .dark-mode blockquote.quote-teal h4,
        .dark-mode blockquote.quote-teal h5,
        .dark-mode blockquote.quote-teal h6 {
            color: #20c997;
        }

    .dark-mode blockquote.quote-cyan {
        border-color: #17a2b8;
    }

        .dark-mode blockquote.quote-cyan h1,
        .dark-mode blockquote.quote-cyan h2,
        .dark-mode blockquote.quote-cyan h3,
        .dark-mode blockquote.quote-cyan h4,
        .dark-mode blockquote.quote-cyan h5,
        .dark-mode blockquote.quote-cyan h6 {
            color: #17a2b8;
        }

    .dark-mode blockquote.quote-white {
        border-color: #fff;
    }

        .dark-mode blockquote.quote-white h1,
        .dark-mode blockquote.quote-white h2,
        .dark-mode blockquote.quote-white h3,
        .dark-mode blockquote.quote-white h4,
        .dark-mode blockquote.quote-white h5,
        .dark-mode blockquote.quote-white h6 {
            color: #fff;
        }

    .dark-mode blockquote.quote-gray {
        border-color: #6c757d;
    }

        .dark-mode blockquote.quote-gray h1,
        .dark-mode blockquote.quote-gray h2,
        .dark-mode blockquote.quote-gray h3,
        .dark-mode blockquote.quote-gray h4,
        .dark-mode blockquote.quote-gray h5,
        .dark-mode blockquote.quote-gray h6 {
            color: #6c757d;
        }

    .dark-mode blockquote.quote-gray-dark {
        border-color: #343a40;
    }

        .dark-mode blockquote.quote-gray-dark h1,
        .dark-mode blockquote.quote-gray-dark h2,
        .dark-mode blockquote.quote-gray-dark h3,
        .dark-mode blockquote.quote-gray-dark h4,
        .dark-mode blockquote.quote-gray-dark h5,
        .dark-mode blockquote.quote-gray-dark h6 {
            color: #343a40;
        }

.dark-mode .close, .dark-mode .mailbox-attachment-close,
.dark-mode .mailbox-attachment-close {
    color: #adb5bd;
    text-shadow: 0 1px 0 #495057;
}

.dark-mode .tab-custom-content {
    border-color: #6c757d;
}

.dark-mode .list-group-item {
    background-color: #343a40;
    border-color: #6c757d;
}

@media print {
    .no-print, .main-sidebar,
    .main-header,
    .content-header {
        display: none !important;
    }

    .content-wrapper,
    .main-footer {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        margin-left: 0 !important;
        min-height: 0 !important;
    }

    .layout-fixed .content-wrapper {
        padding-top: 0 !important;
    }

    .invoice {
        border: 0;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .invoice-col {
        float: left;
        width: 33.3333333%;
    }

    .table-responsive {
        overflow: auto;
    }

        .table-responsive > .table tr th,
        .table-responsive > .table tr td {
            white-space: normal !important;
        }
}

.text-bold,
.text-bold.table td,
.text-bold.table th {
    font-weight: 700;
}

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

.text-sm {
    font-size: 0.875rem !important;
}

.text-md {
    font-size: 1rem !important;
}

.text-lg {
    font-size: 1.25rem !important;
}

.text-xl {
    font-size: 2rem !important;
}

.text-lightblue {
    color: #3c8dbc !important;
}

.text-navy {
    color: #001f3f !important;
}

.text-olive {
    color: #3d9970 !important;
}

.text-lime {
    color: #01ff70 !important;
}

.text-fuchsia {
    color: #f012be !important;
}

.text-maroon {
    color: #d81b60 !important;
}

.text-blue {
    color: #007bff !important;
}

.text-indigo {
    color: #6610f2 !important;
}

.text-purple {
    color: #6f42c1 !important;
}

.text-pink {
    color: #e83e8c !important;
}

.text-red {
    color: #dc3545 !important;
}

.text-orange {
    color: #fd7e14 !important;
}

.text-yellow {
    color: #ffc107 !important;
}

.text-green {
    color: #28a745 !important;
}

.text-teal {
    color: #20c997 !important;
}

.text-cyan {
    color: #17a2b8 !important;
}

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

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

.text-gray-dark {
    color: #343a40 !important;
}

.dark-mode .text-muted {
    color: #adb5bd !important;
}

.dark-mode .text-lightblue {
    color: #86bad8 !important;
}

.dark-mode .text-navy {
    color: #002c59 !important;
}

.dark-mode .text-olive {
    color: #74c8a3 !important;
}

.dark-mode .text-lime {
    color: #67ffa9 !important;
}

.dark-mode .text-fuchsia {
    color: #f672d8 !important;
}

.dark-mode .text-maroon {
    color: #ed6c9b !important;
}

.dark-mode .text-blue {
    color: #3f6791 !important;
}

.dark-mode .text-indigo {
    color: #6610f2 !important;
}

.dark-mode .text-purple {
    color: #6f42c1 !important;
}

.dark-mode .text-pink {
    color: #e83e8c !important;
}

.dark-mode .text-red {
    color: #e74c3c !important;
}

.dark-mode .text-orange {
    color: #fd7e14 !important;
}

.dark-mode .text-yellow {
    color: #f39c12 !important;
}

.dark-mode .text-green {
    color: #00bc8c !important;
}

.dark-mode .text-teal {
    color: #20c997 !important;
}

.dark-mode .text-cyan {
    color: #3498db !important;
}

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

.dark-mode .text-gray {
    color: #6c757d !important;
}

.dark-mode .text-gray-dark {
    color: #343a40 !important;
}

.elevation-0 {
    box-shadow: none !important;
}

.elevation-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

.elevation-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
}

.elevation-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
}

.elevation-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}

.elevation-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
}

.bg-primary {
    background-color: #007bff !important;
}

    .bg-primary,
    .bg-primary > a {
        color: #fff !important;
    }

        .bg-primary.btn:hover {
            border-color: #0062cc;
            color: #ececec;
        }

        .bg-primary.btn:not(:disabled):not(.disabled):active, .bg-primary.btn:not(:disabled):not(.disabled).active, .bg-primary.btn:active, .bg-primary.btn.active {
            background-color: #0062cc !important;
            border-color: #005cbf;
            color: #fff;
        }

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

    .bg-secondary,
    .bg-secondary > a {
        color: #fff !important;
    }

        .bg-secondary.btn:hover {
            border-color: #545b62;
            color: #ececec;
        }

        .bg-secondary.btn:not(:disabled):not(.disabled):active, .bg-secondary.btn:not(:disabled):not(.disabled).active, .bg-secondary.btn:active, .bg-secondary.btn.active {
            background-color: #545b62 !important;
            border-color: #4e555b;
            color: #fff;
        }

.bg-success {
    background-color: #28a745 !important;
}

    .bg-success,
    .bg-success > a {
        color: #fff !important;
    }

        .bg-success.btn:hover {
            border-color: #1e7e34;
            color: #ececec;
        }

        .bg-success.btn:not(:disabled):not(.disabled):active, .bg-success.btn:not(:disabled):not(.disabled).active, .bg-success.btn:active, .bg-success.btn.active {
            background-color: #1e7e34 !important;
            border-color: #1c7430;
            color: #fff;
        }

.bg-info {
    background-color: #17a2b8 !important;
}

    .bg-info,
    .bg-info > a {
        color: #fff !important;
    }

        .bg-info.btn:hover {
            border-color: #117a8b;
            color: #ececec;
        }

        .bg-info.btn:not(:disabled):not(.disabled):active, .bg-info.btn:not(:disabled):not(.disabled).active, .bg-info.btn:active, .bg-info.btn.active {
            background-color: #117a8b !important;
            border-color: #10707f;
            color: #fff;
        }

.bg-warning {
    background-color: #ffc107 !important;
}

    .bg-warning,
    .bg-warning > a {
        color: #1f2d3d !important;
    }

        .bg-warning.btn:hover {
            border-color: #d39e00;
            color: #121a24;
        }

        .bg-warning.btn:not(:disabled):not(.disabled):active, .bg-warning.btn:not(:disabled):not(.disabled).active, .bg-warning.btn:active, .bg-warning.btn.active {
            background-color: #d39e00 !important;
            border-color: #c69500;
            color: #1f2d3d;
        }

.bg-danger {
    background-color: #dc3545 !important;
}

    .bg-danger,
    .bg-danger > a {
        color: #fff !important;
    }

        .bg-danger.btn:hover {
            border-color: #bd2130;
            color: #ececec;
        }

        .bg-danger.btn:not(:disabled):not(.disabled):active, .bg-danger.btn:not(:disabled):not(.disabled).active, .bg-danger.btn:active, .bg-danger.btn.active {
            background-color: #bd2130 !important;
            border-color: #b21f2d;
            color: #fff;
        }

.bg-light {
    background-color: #f8f9fa !important;
}

    .bg-light,
    .bg-light > a {
        color: #1f2d3d !important;
    }

        .bg-light.btn:hover {
            border-color: #dae0e5;
            color: #121a24;
        }

        .bg-light.btn:not(:disabled):not(.disabled):active, .bg-light.btn:not(:disabled):not(.disabled).active, .bg-light.btn:active, .bg-light.btn.active {
            background-color: #dae0e5 !important;
            border-color: #d3d9df;
            color: #1f2d3d;
        }

.bg-dark {
    background-color: #343a40 !important;
}

    .bg-dark,
    .bg-dark > a {
        color: #fff !important;
    }

        .bg-dark.btn:hover {
            border-color: #1d2124;
            color: #ececec;
        }

        .bg-dark.btn:not(:disabled):not(.disabled):active, .bg-dark.btn:not(:disabled):not(.disabled).active, .bg-dark.btn:active, .bg-dark.btn.active {
            background-color: #1d2124 !important;
            border-color: #171a1d;
            color: #fff;
        }

.bg-lightblue {
    background-color: #3c8dbc !important;
}

    .bg-lightblue,
    .bg-lightblue > a {
        color: #fff !important;
    }

        .bg-lightblue.btn:hover {
            border-color: #307095;
            color: #ececec;
        }

        .bg-lightblue.btn:not(:disabled):not(.disabled):active, .bg-lightblue.btn:not(:disabled):not(.disabled).active, .bg-lightblue.btn:active, .bg-lightblue.btn.active {
            background-color: #307095 !important;
            border-color: #2d698c;
            color: #fff;
        }

.bg-navy {
    background-color: #001f3f !important;
}

    .bg-navy,
    .bg-navy > a {
        color: #fff !important;
    }

        .bg-navy.btn:hover {
            border-color: #00060c;
            color: #ececec;
        }

        .bg-navy.btn:not(:disabled):not(.disabled):active, .bg-navy.btn:not(:disabled):not(.disabled).active, .bg-navy.btn:active, .bg-navy.btn.active {
            background-color: #00060c !important;
            border-color: black;
            color: #fff;
        }

.bg-olive {
    background-color: #3d9970 !important;
}

    .bg-olive,
    .bg-olive > a {
        color: #fff !important;
    }

        .bg-olive.btn:hover {
            border-color: #2e7555;
            color: #ececec;
        }

        .bg-olive.btn:not(:disabled):not(.disabled):active, .bg-olive.btn:not(:disabled):not(.disabled).active, .bg-olive.btn:active, .bg-olive.btn.active {
            background-color: #2e7555 !important;
            border-color: #2b6b4f;
            color: #fff;
        }

.bg-lime {
    background-color: #01ff70 !important;
}

    .bg-lime,
    .bg-lime > a {
        color: #1f2d3d !important;
    }

        .bg-lime.btn:hover {
            border-color: #00cd5a;
            color: #121a24;
        }

        .bg-lime.btn:not(:disabled):not(.disabled):active, .bg-lime.btn:not(:disabled):not(.disabled).active, .bg-lime.btn:active, .bg-lime.btn.active {
            background-color: #00cd5a !important;
            border-color: #00c054;
            color: #fff;
        }

.bg-fuchsia {
    background-color: #f012be !important;
}

    .bg-fuchsia,
    .bg-fuchsia > a {
        color: #fff !important;
    }

        .bg-fuchsia.btn:hover {
            border-color: #c30c9a;
            color: #ececec;
        }

        .bg-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-fuchsia.btn:active, .bg-fuchsia.btn.active {
            background-color: #c30c9a !important;
            border-color: #b70c90;
            color: #fff;
        }

.bg-maroon {
    background-color: #d81b60 !important;
}

    .bg-maroon,
    .bg-maroon > a {
        color: #fff !important;
    }

        .bg-maroon.btn:hover {
            border-color: #ab154c;
            color: #ececec;
        }

        .bg-maroon.btn:not(:disabled):not(.disabled):active, .bg-maroon.btn:not(:disabled):not(.disabled).active, .bg-maroon.btn:active, .bg-maroon.btn.active {
            background-color: #ab154c !important;
            border-color: #9f1447;
            color: #fff;
        }

.bg-blue {
    background-color: #007bff !important;
}

    .bg-blue,
    .bg-blue > a {
        color: #fff !important;
    }

        .bg-blue.btn:hover {
            border-color: #0062cc;
            color: #ececec;
        }

        .bg-blue.btn:not(:disabled):not(.disabled):active, .bg-blue.btn:not(:disabled):not(.disabled).active, .bg-blue.btn:active, .bg-blue.btn.active {
            background-color: #0062cc !important;
            border-color: #005cbf;
            color: #fff;
        }

.bg-indigo {
    background-color: #6610f2 !important;
}

    .bg-indigo,
    .bg-indigo > a {
        color: #fff !important;
    }

        .bg-indigo.btn:hover {
            border-color: #510bc4;
            color: #ececec;
        }

        .bg-indigo.btn:not(:disabled):not(.disabled):active, .bg-indigo.btn:not(:disabled):not(.disabled).active, .bg-indigo.btn:active, .bg-indigo.btn.active {
            background-color: #510bc4 !important;
            border-color: #4c0ab8;
            color: #fff;
        }

.bg-purple {
    background-color: #6f42c1 !important;
}

    .bg-purple,
    .bg-purple > a {
        color: #fff !important;
    }

        .bg-purple.btn:hover {
            border-color: #59339d;
            color: #ececec;
        }

        .bg-purple.btn:not(:disabled):not(.disabled):active, .bg-purple.btn:not(:disabled):not(.disabled).active, .bg-purple.btn:active, .bg-purple.btn.active {
            background-color: #59339d !important;
            border-color: #533093;
            color: #fff;
        }

.bg-pink {
    background-color: #e83e8c !important;
}

    .bg-pink,
    .bg-pink > a {
        color: #fff !important;
    }

        .bg-pink.btn:hover {
            border-color: #d91a72;
            color: #ececec;
        }

        .bg-pink.btn:not(:disabled):not(.disabled):active, .bg-pink.btn:not(:disabled):not(.disabled).active, .bg-pink.btn:active, .bg-pink.btn.active {
            background-color: #d91a72 !important;
            border-color: #ce196c;
            color: #fff;
        }

.bg-red {
    background-color: #dc3545 !important;
}

    .bg-red,
    .bg-red > a {
        color: #fff !important;
    }

        .bg-red.btn:hover {
            border-color: #bd2130;
            color: #ececec;
        }

        .bg-red.btn:not(:disabled):not(.disabled):active, .bg-red.btn:not(:disabled):not(.disabled).active, .bg-red.btn:active, .bg-red.btn.active {
            background-color: #bd2130 !important;
            border-color: #b21f2d;
            color: #fff;
        }

.bg-orange {
    background-color: #fd7e14 !important;
}

    .bg-orange,
    .bg-orange > a {
        color: #1f2d3d !important;
    }

        .bg-orange.btn:hover {
            border-color: #dc6502;
            color: #121a24;
        }

        .bg-orange.btn:not(:disabled):not(.disabled):active, .bg-orange.btn:not(:disabled):not(.disabled).active, .bg-orange.btn:active, .bg-orange.btn.active {
            background-color: #dc6502 !important;
            border-color: #cf5f02;
            color: #fff;
        }

.bg-yellow {
    background-color: #ffc107 !important;
}

    .bg-yellow,
    .bg-yellow > a {
        color: #1f2d3d !important;
    }

        .bg-yellow.btn:hover {
            border-color: #d39e00;
            color: #121a24;
        }

        .bg-yellow.btn:not(:disabled):not(.disabled):active, .bg-yellow.btn:not(:disabled):not(.disabled).active, .bg-yellow.btn:active, .bg-yellow.btn.active {
            background-color: #d39e00 !important;
            border-color: #c69500;
            color: #1f2d3d;
        }

.bg-green {
    background-color: #28a745 !important;
}

    .bg-green,
    .bg-green > a {
        color: #fff !important;
    }

        .bg-green.btn:hover {
            border-color: #1e7e34;
            color: #ececec;
        }

        .bg-green.btn:not(:disabled):not(.disabled):active, .bg-green.btn:not(:disabled):not(.disabled).active, .bg-green.btn:active, .bg-green.btn.active {
            background-color: #1e7e34 !important;
            border-color: #1c7430;
            color: #fff;
        }

.bg-teal {
    background-color: #20c997 !important;
}

    .bg-teal,
    .bg-teal > a {
        color: #fff !important;
    }

        .bg-teal.btn:hover {
            border-color: #199d76;
            color: #ececec;
        }

        .bg-teal.btn:not(:disabled):not(.disabled):active, .bg-teal.btn:not(:disabled):not(.disabled).active, .bg-teal.btn:active, .bg-teal.btn.active {
            background-color: #199d76 !important;
            border-color: #17926e;
            color: #fff;
        }

.bg-cyan {
    background-color: #17a2b8 !important;
}

    .bg-cyan,
    .bg-cyan > a {
        color: #fff !important;
    }

        .bg-cyan.btn:hover {
            border-color: #117a8b;
            color: #ececec;
        }

        .bg-cyan.btn:not(:disabled):not(.disabled):active, .bg-cyan.btn:not(:disabled):not(.disabled).active, .bg-cyan.btn:active, .bg-cyan.btn.active {
            background-color: #117a8b !important;
            border-color: #10707f;
            color: #fff;
        }

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

    .bg-white,
    .bg-white > a {
        color: #1f2d3d !important;
    }

        .bg-white.btn:hover {
            border-color: #e6e6e6;
            color: #121a24;
        }

        .bg-white.btn:not(:disabled):not(.disabled):active, .bg-white.btn:not(:disabled):not(.disabled).active, .bg-white.btn:active, .bg-white.btn.active {
            background-color: #e6e6e6 !important;
            border-color: #dfdfdf;
            color: #1f2d3d;
        }

.bg-gray {
    background-color: #6c757d !important;
}

    .bg-gray,
    .bg-gray > a {
        color: #fff !important;
    }

        .bg-gray.btn:hover {
            border-color: #545b62;
            color: #ececec;
        }

        .bg-gray.btn:not(:disabled):not(.disabled):active, .bg-gray.btn:not(:disabled):not(.disabled).active, .bg-gray.btn:active, .bg-gray.btn.active {
            background-color: #545b62 !important;
            border-color: #4e555b;
            color: #fff;
        }

.bg-gray-dark {
    background-color: #343a40 !important;
}

    .bg-gray-dark,
    .bg-gray-dark > a {
        color: #fff !important;
    }

        .bg-gray-dark.btn:hover {
            border-color: #1d2124;
            color: #ececec;
        }

        .bg-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gray-dark.btn:active, .bg-gray-dark.btn.active {
            background-color: #1d2124 !important;
            border-color: #171a1d;
            color: #fff;
        }

.bg-gray {
    background-color: #adb5bd;
    color: #1f2d3d;
}

.bg-gray-light {
    background-color: #f2f4f5;
    color: #1f2d3d !important;
}

.bg-black {
    background-color: #000;
    color: #fff !important;
}

.bg-white {
    background-color: #fff;
    color: #1f2d3d !important;
}

.bg-gradient-primary {
    background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
    color: #fff;
}

    .bg-gradient-primary.btn.disabled, .bg-gradient-primary.btn:disabled, .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-primary.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-primary.btn:hover {
        background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
        border-color: #0062cc;
        color: #ececec;
    }

    .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active {
        background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
        border-color: #005cbf;
        color: #fff;
    }

.bg-gradient-secondary {
    background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
    color: #fff;
}

    .bg-gradient-secondary.btn.disabled, .bg-gradient-secondary.btn:disabled, .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-secondary.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-secondary.btn:hover {
        background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
        border-color: #545b62;
        color: #ececec;
    }

    .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .bg-gradient-secondary.btn:active, .bg-gradient-secondary.btn.active {
        background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
        border-color: #4e555b;
        color: #fff;
    }

.bg-gradient-success {
    background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
    color: #fff;
}

    .bg-gradient-success.btn.disabled, .bg-gradient-success.btn:disabled, .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-success.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-success.btn:hover {
        background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
        border-color: #1e7e34;
        color: #ececec;
    }

    .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .bg-gradient-success.btn:active, .bg-gradient-success.btn.active {
        background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
        border-color: #1c7430;
        color: #fff;
    }

.bg-gradient-info {
    background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
    color: #fff;
}

    .bg-gradient-info.btn.disabled, .bg-gradient-info.btn:disabled, .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-info.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-info.btn:hover {
        background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
        border-color: #117a8b;
        color: #ececec;
    }

    .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:active, .bg-gradient-info.btn.active {
        background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
        border-color: #10707f;
        color: #fff;
    }

.bg-gradient-warning {
    background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
    color: #1f2d3d;
}

    .bg-gradient-warning.btn.disabled, .bg-gradient-warning.btn:disabled, .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-warning.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-warning.btn:hover {
        background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
        border-color: #d39e00;
        color: #121a24;
    }

    .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .bg-gradient-warning.btn:active, .bg-gradient-warning.btn.active {
        background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
        border-color: #c69500;
        color: #1f2d3d;
    }

.bg-gradient-danger {
    background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
    color: #fff;
}

    .bg-gradient-danger.btn.disabled, .bg-gradient-danger.btn:disabled, .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-danger.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-danger.btn:hover {
        background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
        border-color: #bd2130;
        color: #ececec;
    }

    .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .bg-gradient-danger.btn:active, .bg-gradient-danger.btn.active {
        background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
        border-color: #b21f2d;
        color: #fff;
    }

.bg-gradient-light {
    background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
    color: #1f2d3d;
}

    .bg-gradient-light.btn.disabled, .bg-gradient-light.btn:disabled, .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-light.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-light.btn:hover {
        background: #f8f9fa linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important;
        border-color: #dae0e5;
        color: #121a24;
    }

    .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .bg-gradient-light.btn:active, .bg-gradient-light.btn.active {
        background: #f8f9fa linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important;
        border-color: #d3d9df;
        color: #1f2d3d;
    }

.bg-gradient-dark {
    background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
    color: #fff;
}

    .bg-gradient-dark.btn.disabled, .bg-gradient-dark.btn:disabled, .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-dark.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-dark.btn:hover {
        background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
        border-color: #1d2124;
        color: #ececec;
    }

    .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-dark.btn:active, .bg-gradient-dark.btn.active {
        background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
        border-color: #171a1d;
        color: #fff;
    }

.bg-gradient-lightblue {
    background: #3c8dbc linear-gradient(180deg, #599ec6, #3c8dbc) repeat-x !important;
    color: #fff;
}

    .bg-gradient-lightblue.btn.disabled, .bg-gradient-lightblue.btn:disabled, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-lightblue.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-lightblue.btn:hover {
        background: #3c8dbc linear-gradient(180deg, #518cad, #33779f) repeat-x !important;
        border-color: #307095;
        color: #ececec;
    }

    .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .bg-gradient-lightblue.btn:active, .bg-gradient-lightblue.btn.active {
        background: #3c8dbc linear-gradient(180deg, #4f85a5, #307095) repeat-x !important;
        border-color: #2d698c;
        color: #fff;
    }

.bg-gradient-navy {
    background: #001f3f linear-gradient(180deg, #26415c, #001f3f) repeat-x !important;
    color: #fff;
}

    .bg-gradient-navy.btn.disabled, .bg-gradient-navy.btn:disabled, .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-navy.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-navy.btn:hover {
        background: #001f3f linear-gradient(180deg, #26313b, #000c19) repeat-x !important;
        border-color: #00060c;
        color: #ececec;
    }

    .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .bg-gradient-navy.btn:active, .bg-gradient-navy.btn.active {
        background: #001f3f linear-gradient(180deg, #262b30, #00060c) repeat-x !important;
        border-color: black;
        color: #fff;
    }

.bg-gradient-olive {
    background: #3d9970 linear-gradient(180deg, #5aa885, #3d9970) repeat-x !important;
    color: #fff;
}

    .bg-gradient-olive.btn.disabled, .bg-gradient-olive.btn:disabled, .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-olive.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-olive.btn:hover {
        background: #3d9970 linear-gradient(180deg, #519174, #327e5c) repeat-x !important;
        border-color: #2e7555;
        color: #ececec;
    }

    .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .bg-gradient-olive.btn:active, .bg-gradient-olive.btn.active {
        background: #3d9970 linear-gradient(180deg, #4e896f, #2e7555) repeat-x !important;
        border-color: #2b6b4f;
        color: #fff;
    }

.bg-gradient-lime {
    background: #01ff70 linear-gradient(180deg, #27ff85, #01ff70) repeat-x !important;
    color: #1f2d3d;
}

    .bg-gradient-lime.btn.disabled, .bg-gradient-lime.btn:disabled, .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-lime.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-lime.btn:hover {
        background: #01ff70 linear-gradient(180deg, #26df77, #00da5f) repeat-x !important;
        border-color: #00cd5a;
        color: #121a24;
    }

    .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .bg-gradient-lime.btn:active, .bg-gradient-lime.btn.active {
        background: #01ff70 linear-gradient(180deg, #26d572, #00cd5a) repeat-x !important;
        border-color: #00c054;
        color: #fff;
    }

.bg-gradient-fuchsia {
    background: #f012be linear-gradient(180deg, #f236c8, #f012be) repeat-x !important;
    color: #fff;
}

    .bg-gradient-fuchsia.btn.disabled, .bg-gradient-fuchsia.btn:disabled, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-fuchsia.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-fuchsia.btn:hover {
        background: #f012be linear-gradient(180deg, #d631b1, #cf0da3) repeat-x !important;
        border-color: #c30c9a;
        color: #ececec;
    }

    .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-gradient-fuchsia.btn:active, .bg-gradient-fuchsia.btn.active {
        background: #f012be linear-gradient(180deg, #cc31a9, #c30c9a) repeat-x !important;
        border-color: #b70c90;
        color: #fff;
    }

.bg-gradient-maroon {
    background: #d81b60 linear-gradient(180deg, #de3d78, #d81b60) repeat-x !important;
    color: #fff;
}

    .bg-gradient-maroon.btn.disabled, .bg-gradient-maroon.btn:disabled, .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-maroon.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-maroon.btn:hover {
        background: #d81b60 linear-gradient(180deg, #c13a6b, #b61751) repeat-x !important;
        border-color: #ab154c;
        color: #ececec;
    }

    .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .bg-gradient-maroon.btn:active, .bg-gradient-maroon.btn.active {
        background: #d81b60 linear-gradient(180deg, #b73867, #ab154c) repeat-x !important;
        border-color: #9f1447;
        color: #fff;
    }

.bg-gradient-blue {
    background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
    color: #fff;
}

    .bg-gradient-blue.btn.disabled, .bg-gradient-blue.btn:disabled, .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-blue.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-blue.btn:hover {
        background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
        border-color: #0062cc;
        color: #ececec;
    }

    .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .bg-gradient-blue.btn:active, .bg-gradient-blue.btn.active {
        background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
        border-color: #005cbf;
        color: #fff;
    }

.bg-gradient-indigo {
    background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important;
    color: #fff;
}

    .bg-gradient-indigo.btn.disabled, .bg-gradient-indigo.btn:disabled, .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-indigo.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-indigo.btn:hover {
        background: #6610f2 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important;
        border-color: #510bc4;
        color: #ececec;
    }

    .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .bg-gradient-indigo.btn:active, .bg-gradient-indigo.btn.active {
        background: #6610f2 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important;
        border-color: #4c0ab8;
        color: #fff;
    }

.bg-gradient-purple {
    background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important;
    color: #fff;
}

    .bg-gradient-purple.btn.disabled, .bg-gradient-purple.btn:disabled, .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-purple.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-purple.btn:hover {
        background: #6f42c1 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important;
        border-color: #59339d;
        color: #ececec;
    }

    .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .bg-gradient-purple.btn:active, .bg-gradient-purple.btn.active {
        background: #6f42c1 linear-gradient(180deg, #7252ab, #59339d) repeat-x !important;
        border-color: #533093;
        color: #fff;
    }

.bg-gradient-pink {
    background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important;
    color: #fff;
}

    .bg-gradient-pink.btn.disabled, .bg-gradient-pink.btn:disabled, .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-pink.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-pink.btn:hover {
        background: #e83e8c linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important;
        border-color: #d91a72;
        color: #ececec;
    }

    .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .bg-gradient-pink.btn:active, .bg-gradient-pink.btn.active {
        background: #e83e8c linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important;
        border-color: #ce196c;
        color: #fff;
    }

.bg-gradient-red {
    background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
    color: #fff;
}

    .bg-gradient-red.btn.disabled, .bg-gradient-red.btn:disabled, .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-red.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-red.btn:hover {
        background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
        border-color: #bd2130;
        color: #ececec;
    }

    .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .bg-gradient-red.btn:active, .bg-gradient-red.btn.active {
        background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
        border-color: #b21f2d;
        color: #fff;
    }

.bg-gradient-orange {
    background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important;
    color: #1f2d3d;
}

    .bg-gradient-orange.btn.disabled, .bg-gradient-orange.btn:disabled, .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-orange.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-orange.btn:hover {
        background: #fd7e14 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important;
        border-color: #dc6502;
        color: #121a24;
    }

    .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .bg-gradient-orange.btn:active, .bg-gradient-orange.btn.active {
        background: #fd7e14 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important;
        border-color: #cf5f02;
        color: #fff;
    }

.bg-gradient-yellow {
    background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
    color: #1f2d3d;
}

    .bg-gradient-yellow.btn.disabled, .bg-gradient-yellow.btn:disabled, .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-yellow.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-yellow.btn:hover {
        background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
        border-color: #d39e00;
        color: #121a24;
    }

    .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .bg-gradient-yellow.btn:active, .bg-gradient-yellow.btn.active {
        background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
        border-color: #c69500;
        color: #1f2d3d;
    }

.bg-gradient-green {
    background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
    color: #fff;
}

    .bg-gradient-green.btn.disabled, .bg-gradient-green.btn:disabled, .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-green.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-green.btn:hover {
        background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
        border-color: #1e7e34;
        color: #ececec;
    }

    .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .bg-gradient-green.btn:active, .bg-gradient-green.btn.active {
        background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
        border-color: #1c7430;
        color: #fff;
    }

.bg-gradient-teal {
    background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important;
    color: #fff;
}

    .bg-gradient-teal.btn.disabled, .bg-gradient-teal.btn:disabled, .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-teal.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-teal.btn:hover {
        background: #20c997 linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important;
        border-color: #199d76;
        color: #ececec;
    }

    .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .bg-gradient-teal.btn:active, .bg-gradient-teal.btn.active {
        background: #20c997 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important;
        border-color: #17926e;
        color: #fff;
    }

.bg-gradient-cyan {
    background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
    color: #fff;
}

    .bg-gradient-cyan.btn.disabled, .bg-gradient-cyan.btn:disabled, .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-cyan.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-cyan.btn:hover {
        background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
        border-color: #117a8b;
        color: #ececec;
    }

    .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .bg-gradient-cyan.btn:active, .bg-gradient-cyan.btn.active {
        background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
        border-color: #10707f;
        color: #fff;
    }

.bg-gradient-white {
    background: #fff linear-gradient(180deg, white, #fff) repeat-x !important;
    color: #1f2d3d;
}

    .bg-gradient-white.btn.disabled, .bg-gradient-white.btn:disabled, .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-white.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-white.btn:hover {
        background: #fff linear-gradient(180deg, #efefef, #ececec) repeat-x !important;
        border-color: #e6e6e6;
        color: #121a24;
    }

    .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .bg-gradient-white.btn:active, .bg-gradient-white.btn.active {
        background: #fff linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important;
        border-color: #dfdfdf;
        color: #1f2d3d;
    }

.bg-gradient-gray {
    background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
    color: #fff;
}

    .bg-gradient-gray.btn.disabled, .bg-gradient-gray.btn:disabled, .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-gray.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-gray.btn:hover {
        background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
        border-color: #545b62;
        color: #ececec;
    }

    .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray.btn:active, .bg-gradient-gray.btn.active {
        background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
        border-color: #4e555b;
        color: #fff;
    }

.bg-gradient-gray-dark {
    background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
    color: #fff;
}

    .bg-gradient-gray-dark.btn.disabled, .bg-gradient-gray-dark.btn:disabled, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
    .show > .bg-gradient-gray-dark.btn.dropdown-toggle {
        background-image: none !important;
    }

    .bg-gradient-gray-dark.btn:hover {
        background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
        border-color: #1d2124;
        color: #ececec;
    }

    .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray-dark.btn:active, .bg-gradient-gray-dark.btn.active {
        background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
        border-color: #171a1d;
        color: #fff;
    }

[class^="bg-"].disabled {
    opacity: .65;
}