/* #COLORS - we place this here so it can override other colors as needed
    The first set of code is to reset selected item on the theme settings
========================================================================== */
/* #Reset userselect
========================================================================== */

.table td.status-column, .table th.status-column {
    width: 125px;
    text-align: center;
}

.table > thead > tr > th {
    border-bottom: 1px solid #444;
}

.action-icon-btn {
    color: #999 !important;
}

.action-icon-btn:hover,
.action-icon-btn:focus {
    color: #555 !important;
}

/* Default Colors */
.widget {
    border-color: #888;
}

.widget .widget-header {
    background-color: #555;
    color: #fff;
    border-bottom-color: #555;
}

.widget .widget-header input, .widget .widget-header select {
    color: #000;
}

.widget .widget-header .btn-group > a {
    color: #fff;
}

.widget .widget-header .widget-header-toolbar {
    border-left-color: #777;
}

.page-content-wrapper {
    background-color: #dedede;
}

.page-sidebar, .nav-footer, .bg-brand-gradient {
    background-color: #111;
}

.bg-primary-50 {
    background-color: #626262;
    color: white;
}

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

.bg-primary-100 {
    background-color: #555555;
    color: white;
}

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

.bg-primary-200 {
    background-color: #484848;
    color: white;
}

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

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

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

.bg-primary-400 {
    background-color: #2f2f2f;
    color: white;
}

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

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

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

.bg-primary-600 {
    background-color: #151515;
    color: white;
}

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

.bg-primary-700 {
    background-color: #090909;
    color: white;
}

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

.bg-primary-800 {
    background-color: black;
    color: white;
}

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

.bg-primary-900 {
    background-color: black;
    color: white;
}

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

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

.color-primary-100 {
    color: #555555;
}

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

.color-primary-300 {
    color: #3c3c3c;
}

.color-primary-400 {
    color: #2f2f2f;
}

.color-primary-500 {
    color: #222222;
}

.color-primary-600 {
    color: #151515;
}

.color-primary-700 {
    color: #090909;
}

.color-primary-800 {
    color: black;
}

.color-primary-900 {
    color: black;
}

.bg-success-50 {
    background-color: #7aece0;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-success-50:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-success-100 {
    background-color: #63e9db;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-success-100:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-success-200 {
    background-color: #4de5d5;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-success-200:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-success-300 {
    background-color: #37e2d0;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-success-300:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-success-400 {
    background-color: #21dfcb;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-success-400:hover {
        color: rgba(0, 0, 0, 0.8);
    }

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

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

.bg-success-600 {
    background-color: #1ab3a3;
    color: white;
}

    .bg-success-600:hover {
        color: white;
    }

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

    .bg-success-700:hover {
        color: white;
    }

.bg-success-800 {
    background-color: #13867a;
    color: white;
}

    .bg-success-800:hover {
        color: white;
    }

.bg-success-900 {
    background-color: #107066;
    color: white;
}

    .bg-success-900:hover {
        color: white;
    }

.color-success-50 {
    color: #7aece0;
}

.color-success-100 {
    color: #63e9db;
}

.color-success-200 {
    color: #4de5d5;
}

.color-success-300 {
    color: #37e2d0;
}

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

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

.color-success-600 {
    color: #1ab3a3;
}

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

.color-success-800 {
    color: #13867a;
}

.color-success-900 {
    color: #107066;
}

.bg-info-50 {
    background-color: #9acffa;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-info-50:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-info-100 {
    background-color: #82c4f8;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-info-100:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-info-200 {
    background-color: #6ab8f7;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-info-200:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-info-300 {
    background-color: #51adf6;
    color: white;
}

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

.bg-info-400 {
    background-color: #39a1f4;
    color: white;
}

    .bg-info-400:hover {
        color: white;
    }

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

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

.bg-info-600 {
    background-color: #0d8aee;
    color: white;
}

    .bg-info-600:hover {
        color: white;
    }

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

    .bg-info-700:hover {
        color: white;
    }

.bg-info-800 {
    background-color: #0a6ebd;
    color: white;
}

    .bg-info-800:hover {
        color: white;
    }

.bg-info-900 {
    background-color: #0960a5;
    color: white;
}

    .bg-info-900:hover {
        color: white;
    }

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

.color-info-100 {
    color: #82c4f8;
}

.color-info-200 {
    color: #6ab8f7;
}

.color-info-300 {
    color: #51adf6;
}

.color-info-400 {
    color: #39a1f4;
}

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

.color-info-600 {
    color: #0d8aee;
}

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

.color-info-800 {
    color: #0a6ebd;
}

.color-info-900 {
    color: #0960a5;
}

.bg-warning-50 {
    background-color: #ffebc1;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-warning-50:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-warning-100 {
    background-color: #ffe3a7;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-warning-100:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-warning-200 {
    background-color: #ffdb8e;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-warning-200:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-warning-300 {
    background-color: #ffd274;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-warning-300:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-warning-400 {
    background-color: #ffca5b;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-warning-400:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-warning-500 {
    background-color: #ffc241;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-warning-500:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-warning-600 {
    background-color: #ffba28;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-warning-600:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-warning-700 {
    background-color: #ffb20e;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-warning-700:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-warning-800 {
    background-color: #f4a500;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-warning-800:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-warning-900 {
    background-color: #da9400;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-warning-900:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.color-warning-50 {
    color: #ffebc1;
}

.color-warning-100 {
    color: #ffe3a7;
}

.color-warning-200 {
    color: #ffdb8e;
}

.color-warning-300 {
    color: #ffd274;
}

.color-warning-400 {
    color: #ffca5b;
}

.color-warning-500 {
    color: #ffc241;
}

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

.color-warning-700 {
    color: #ffb20e;
}

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

.color-warning-900 {
    color: #da9400;
}

.bg-danger-50 {
    background-color: #eea5ae;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-danger-50:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-danger-100 {
    background-color: #ea909b;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-danger-100:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-danger-200 {
    background-color: #e67a87;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-danger-200:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-danger-300 {
    background-color: #e26574;
    color: white;
}

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

.bg-danger-400 {
    background-color: #de4f60;
    color: white;
}

    .bg-danger-400:hover {
        color: white;
    }

.bg-danger-500 {
    background-color: #da3a4d;
    color: white;
}

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

.bg-danger-600 {
    background-color: #d3283c;
    color: white;
}

    .bg-danger-600:hover {
        color: white;
    }

.bg-danger-700 {
    background-color: #bd2436;
    color: white;
}

    .bg-danger-700:hover {
        color: white;
    }

.bg-danger-800 {
    background-color: #a82030;
    color: white;
}

    .bg-danger-800:hover {
        color: white;
    }

.bg-danger-900 {
    background-color: #921c2a;
    color: white;
}

    .bg-danger-900:hover {
        color: white;
    }

.color-danger-50 {
    color: #eea5ae;
}

.color-danger-100 {
    color: #ea909b;
}

.color-danger-200 {
    color: #e67a87;
}

.color-danger-300 {
    color: #e26574;
}

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

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

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

.color-danger-700 {
    color: #bd2436;
}

.color-danger-800 {
    color: #a82030;
}

.color-danger-900 {
    color: #921c2a;
}

.bg-fusion-50 {
    background-color: #404040;
    color: white;
}

    .bg-fusion-50:hover {
        color: white;
    }

.bg-fusion-100 {
    background-color: #333333;
    color: white;
}

    .bg-fusion-100:hover {
        color: white;
    }

.bg-fusion-200 {
    background-color: #262626;
    color: white;
}

    .bg-fusion-200:hover {
        color: white;
    }

.bg-fusion-300 {
    background-color: #1a1a1a;
    color: white;
}

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

.bg-fusion-400 {
    background-color: #0d0d0d;
    color: white;
}

    .bg-fusion-400:hover {
        color: white;
    }

.bg-fusion-500 {
    background-color: black;
    color: white;
}

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

.bg-fusion-600 {
    background-color: black;
    color: white;
}

    .bg-fusion-600:hover {
        color: white;
    }

.bg-fusion-700 {
    background-color: black;
    color: white;
}

    .bg-fusion-700:hover {
        color: white;
    }

.bg-fusion-800 {
    background-color: black;
    color: white;
}

    .bg-fusion-800:hover {
        color: white;
    }

.bg-fusion-900 {
    background-color: black;
    color: white;
}

    .bg-fusion-900:hover {
        color: white;
    }

.color-fusion-50 {
    color: #404040;
}

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

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

.color-fusion-300 {
    color: #1a1a1a;
}

.color-fusion-400 {
    color: #0d0d0d;
}

.color-fusion-500 {
    color: black;
}

.color-fusion-600 {
    color: black;
}

.color-fusion-700 {
    color: black;
}

.color-fusion-800 {
    color: black;
}

.color-fusion-900 {
    color: black;
}

.color-white {
    color: #fff;
}

.color-black {
    color: #222222;
}

.bg-primary-gradient {
    background-image: linear-gradient(250deg, rgba(0, 0, 0, 0.7), transparent);
}

.bg-danger-gradient {
    background-image: linear-gradient(250deg, rgba(146, 28, 42, 0.7), transparent);
}

.bg-info-gradient {
    background-image: linear-gradient(250deg, rgba(9, 96, 165, 0.7), transparent);
}

.bg-warning-gradient {
    background-image: linear-gradient(250deg, rgba(218, 148, 0, 0.7), transparent);
}

.bg-success-gradient {
    background-image: linear-gradient(250deg, rgba(16, 112, 102, 0.7), transparent);
}

.bg-fusion-gradient {
    background-image: linear-gradient(250deg, rgba(0, 0, 0, 0.7), transparent);
}

/* btn shadows */
.btn-primary {
    -webkit-box-shadow: 0 2px 6px 0 rgba(34, 34, 34, 0.5);
    box-shadow: 0 2px 6px 0 rgba(34, 34, 34, 0.5);
}

.btn-secondary {
    -webkit-box-shadow: 0 2px 6px 0 rgba(134, 142, 150, 0.5);
    box-shadow: 0 2px 6px 0 rgba(134, 142, 150, 0.5);
}

.btn-success {
    -webkit-box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5);
    box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5);
}

.btn-info {
    -webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5);
    box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5);
}

.btn-warning {
    -webkit-box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5);
    box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5);
}

.btn-danger {
    -webkit-box-shadow: 0 2px 6px 0 rgba(218, 58, 77, 0.5);
    box-shadow: 0 2px 6px 0 rgba(218, 58, 77, 0.5);
}

.btn-light {
    -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
}

.btn-dark {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
}

.btn-primary {
    color: #fff;
    background-color: #222222;
    border-color: #222222;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0f0f0f;
        border-color: #090909;
    }

    .btn-primary:focus, .btn-primary.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(67, 67, 67, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(67, 67, 67, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #222222;
        border-color: #222222;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #090909;
        border-color: #020202;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(67, 67, 67, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(67, 67, 67, 0.5);
        }

.btn-secondary {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #727b84;
        border-color: #6c757d;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #868e96;
        border-color: #868e96;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #666e76;
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5);
        }

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

    .btn-success:hover {
        color: #fff;
        background-color: #18a899;
        border-color: #179c8e;
    }

    .btn-success:focus, .btn-success.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #1dc9b7;
        border-color: #1dc9b7;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #179c8e;
        border-color: #159184;
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
        }

.btn-info {
    color: #fff;
    background-color: #2196F3;
    border-color: #2196F3;
}

    .btn-info:hover {
        color: #fff;
        background-color: #0c83e2;
        border-color: #0c7cd5;
    }

    .btn-info:focus, .btn-info.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #2196F3;
        border-color: #2196F3;
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #0c7cd5;
        border-color: #0b75c9;
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
        }

.btn-warning {
    color: #212529;
    background-color: #ffc241;
    border-color: #ffc241;
}

    .btn-warning:hover {
        color: #212529;
        background-color: #ffb61b;
        border-color: #ffb20e;
    }

    .btn-warning:focus, .btn-warning.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc241;
        border-color: #ffc241;
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
    .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffb20e;
        border-color: #ffae01;
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5);
        }

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

    .btn-danger:hover {
        color: #fff;
        background-color: #c82639;
        border-color: #bd2436;
    }

    .btn-danger:focus, .btn-danger.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(224, 88, 104, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(224, 88, 104, 0.5);
    }

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

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2436;
        border-color: #b32233;
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(224, 88, 104, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(224, 88, 104, 0.5);
        }

.btn-light {
    color: #212529;
    background-color: #fff;
    border-color: #fff;
}

    .btn-light:hover {
        color: #212529;
        background-color: #ececec;
        border-color: #e6e6e6;
    }

    .btn-light:focus, .btn-light.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
    .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #e6e6e6;
        border-color: #dfdfdf;
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-light.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
        }

.btn-dark {
    color: #fff;
    background-color: black;
    border-color: black;
}

    .btn-dark:hover {
        color: #fff;
        background-color: black;
        border-color: black;
    }

    .btn-dark:focus, .btn-dark.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5);
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: black;
        border-color: black;
    }

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
    .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: black;
        border-color: black;
    }

        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-dark.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5);
        }

.btn-outline-primary {
    color: #222222;
    border-color: #222222;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #222222;
        border-color: #222222;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #222222;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #222222;
        border-color: #222222;
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.5);
        }

.btn-outline-secondary {
    color: #868e96;
    border-color: #868e96;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #868e96;
        border-color: #868e96;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #868e96;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #868e96;
        border-color: #868e96;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-secondary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
        }

.btn-outline-success {
    color: #1dc9b7;
    border-color: #1dc9b7;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #1dc9b7;
        border-color: #1dc9b7;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #1dc9b7;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #1dc9b7;
        border-color: #1dc9b7;
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
        }

.btn-outline-info {
    color: #2196F3;
    border-color: #2196F3;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #2196F3;
        border-color: #2196F3;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #2196F3;
        background-color: transparent;
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #2196F3;
        border-color: #2196F3;
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
        }

.btn-outline-warning {
    color: #ffc241;
    border-color: #ffc241;
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc241;
        border-color: #ffc241;
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc241;
        background-color: transparent;
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc241;
        border-color: #ffc241;
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-warning.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
        }

.btn-outline-danger {
    color: #da3a4d;
    border-color: #da3a4d;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #da3a4d;
        border-color: #da3a4d;
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(218, 58, 77, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(218, 58, 77, 0.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #da3a4d;
        background-color: transparent;
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #da3a4d;
        border-color: #da3a4d;
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-danger.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(218, 58, 77, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(218, 58, 77, 0.5);
        }

.btn-outline-light {
    color: #fff;
    border-color: #fff;
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #fff;
        background-color: transparent;
    }

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
    .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #fff;
        border-color: #fff;
    }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-light.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-outline-dark {
    color: black;
    border-color: black;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: black;
        border-color: black;
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: black;
        background-color: transparent;
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
    .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: black;
        border-color: black;
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-dark.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
        }