.white {
    color: #FFF !important
}

.text-light-white {
    color: rgba(255,255,255,.2) !important
}

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

    .bg-white .card-footer, .bg-white .card-header {
        background-color: transparent
    }

.bg-rgba-white {
    background: rgba(255,255,255,.2) !important
}

    .bg-rgba-white.alert, .bg-rgba-white.alert.alert-dismissible .close {
        color: #FFF
    }

.alert.alert-white {
    background: #FFF !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(255,255,255,.4);
    border: none
}

.badge-circle-white, .badge.badge-white {
    background-color: #FFF
}

.border-white {
    border: 1px solid #FFF !important
}

    .border-white.alert, .border-white.alert.alert-dismissible .close {
        color: #FFF
    }

.border-top-white {
    border-top: 1px solid #FFF
}

.border-bottom-white {
    border-bottom: 1px solid #FFF
}

.border-left-white {
    border-left: 1px solid #FFF
}

.border-right-white {
    border-right: 1px solid #FFF
}

.header-navbar.bg-white .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #FFF !important
}

.badge.badge-light-white {
    color: #FFF !important
}

.badge-circle-light-white, .btn-white, .btn-white.hover, .btn-white:hover {
    color: #FFF
}

.badge.badge-white.badge-glow, .badge.bg-white.badge-glow, .badge.border-white.badge-glow {
    box-shadow: 0 0 10px #FFF
}

.overlay-white {
    background: #FFF;
    background: rgba(255,255,255,.6)
}

.btn-white {
    background-color: #FFF !important
}

    .btn-light-white, .btn-light-white.active, .btn-light-white.hover, .btn-light-white:active, .btn-light-white:hover, .btn-outline-white, .btn-outline-white.active, .btn-outline-white.hover, .btn-outline-white:active, .btn-outline-white:hover, .btn-white.active, .btn-white.disabled, .btn-white:active, .btn-white:disabled, .btn-white:focus {
        color: #FFF !important
    }

    .btn-white.hover.glow, .btn-white:hover.glow {
        box-shadow: 0 4px 12px 0 rgba(255,255,255,.6) !important
    }

    .btn-white.glow {
        box-shadow: 0 2px 4px 0 rgba(255,255,255,.5) !important
    }

.btn-outline-white {
    border: 1px solid #FFF;
    background-color: transparent
}

    .btn-outline-white ~ .dropdown-menu .dropdown-item.active, .btn-white ~ .dropdown-menu .dropdown-item.active {
        background-color: #FFF;
        color: #FFF
    }

        .btn-outline-white ~ .dropdown-menu .dropdown-item.active:hover, .btn-white ~ .dropdown-menu .dropdown-item.active:hover, .dropdown.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i {
            color: #FFF
        }

.bullet.bullet-white {
    background-color: #FFF
}

.pagination-white .page-item.active .page-link, .pagination-white .page-item.active .page-link:hover {
    background: #FFF !important;
    color: #FFF
}

.pagination-white .page-item.next .page-link, .pagination-white .page-item.previous .page-link {
    color: #FFF
}

    .pagination-white .page-item.next .page-link:hover, .pagination-white .page-item.previous .page-link:hover {
        background: #FFF
    }

.progress-bar-white .progress-bar {
    background-color: #FFF;
    box-shadow: 0 2px 6px 0 rgba(255,255,255,.6)
}

.chip-white, input[type=checkbox].bg-white + .custom-control-label:before, input[type=radio].bg-white + .custom-control-label:before {
    background-color: #FFF !important
}

    .chip-white .chip-body {
        color: #FFF !important
    }

.divider.divider-white .divider-text:after, .divider.divider-white .divider-text:before {
    border-color: #FFF !important
}

.widget-timeline li.timeline-items.timeline-icon-white:before {
    background: #FFF !important
}

.checkbox.checkbox-white input:checked ~ label::before, .checkbox.radio-white input:checked ~ label::before, .radio.checkbox-white input:checked ~ label::before, .radio.radio-white input:checked ~ label::before {
    background-color: #FFF;
    border-color: #FFF
}

.checkbox.checkbox-white input:checked ~ label::after, .checkbox.radio-white input:checked ~ label::after, .radio.checkbox-white input:checked ~ label::after, .radio.radio-white input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-white.checkbox-glow input:checked ~ label::before, .checkbox.checkbox-white.radio-glow input:checked ~ label::before, .checkbox.radio-white.checkbox-glow input:checked ~ label::before, .checkbox.radio-white.radio-glow input:checked ~ label::before, .radio.checkbox-white.checkbox-glow input:checked ~ label::before, .radio.checkbox-white.radio-glow input:checked ~ label::before, .radio.radio-white.checkbox-glow input:checked ~ label::before, .radio.radio-white.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(255,255,255,.7)
}

.checkbox.checkbox-white.checkbox-icon label i, .checkbox.radio-white.checkbox-icon label i, .radio.checkbox-white.checkbox-icon label i, .radio.radio-white.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-white label:after {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.radio.radio-white input:checked ~ label::after {
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.custom-switch-white .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FFF !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-white.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(255,255,255,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-white, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-white {
    box-shadow: 0 0 8px 0 rgba(255,255,255,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=white]:before {
    background-color: #FFF
}

select.select-light-white ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-white ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #FFF !important
}

.black {
    color: #000 !important
}

.text-light-black {
    color: rgba(0,0,0,.2) !important
}

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

    .bg-black .card-footer, .bg-black .card-header {
        background-color: transparent
    }

.bg-rgba-black {
    background: rgba(0,0,0,.2) !important
}

    .bg-rgba-black.alert, .bg-rgba-black.alert.alert-dismissible .close {
        color: #000
    }

.alert.alert-black {
    background: #000 !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.4);
    border: none
}

.badge-circle-black, .badge.badge-black {
    background-color: #000
}

.border-black {
    border: 1px solid #000 !important
}

    .border-black.alert, .border-black.alert.alert-dismissible .close {
        color: #000
    }

.border-top-black {
    border-top: 1px solid #000
}

.border-bottom-black {
    border-bottom: 1px solid #000
}

.border-left-black {
    border-left: 1px solid #000
}

.border-right-black {
    border-right: 1px solid #000
}

.header-navbar.bg-black .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #000 !important
}

.badge.badge-light-black {
    color: #000 !important
}

.badge.badge-black.badge-glow, .badge.bg-black.badge-glow, .badge.border-black.badge-glow {
    box-shadow: 0 0 10px #000
}

.badge-circle-light-black {
    color: #000
}

.btn-black, .btn-black.hover, .btn-black:hover {
    color: #FFF
}

.overlay-black {
    background: #000;
    background: rgba(0,0,0,.6)
}

.btn-black {
    background-color: #000 !important
}

    .btn-black.active, .btn-black.disabled, .btn-black:active, .btn-black:disabled, .btn-black:focus {
        color: #FFF !important
    }

    .btn-black.hover.glow, .btn-black:hover.glow {
        box-shadow: 0 4px 12px 0 rgba(0,0,0,.6) !important
    }

    .btn-black.glow {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.5) !important
    }

.btn-light-black {
    color: #000 !important
}

    .btn-light-black.active, .btn-light-black.hover, .btn-light-black:active, .btn-light-black:hover {
        color: #FFF !important
    }

.btn-outline-black {
    border: 1px solid #000;
    background-color: transparent;
    color: #000 !important
}

    .btn-outline-black.active, .btn-outline-black.hover, .btn-outline-black:active, .btn-outline-black:hover {
        color: #FFF !important
    }

    .btn-black ~ .dropdown-menu .dropdown-item.active, .btn-outline-black ~ .dropdown-menu .dropdown-item.active {
        background-color: #000;
        color: #FFF
    }

        .btn-black ~ .dropdown-menu .dropdown-item.active:hover, .btn-outline-black ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i {
    color: #000
}

.dropdown.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-black {
    background-color: #000
}

.pagination-black .page-item.active .page-link, .pagination-black .page-item.active .page-link:hover {
    background: #000 !important;
    color: #FFF
}

.pagination-black .page-item.next .page-link, .pagination-black .page-item.previous .page-link {
    color: #000
}

    .pagination-black .page-item.next .page-link:hover, .pagination-black .page-item.previous .page-link:hover {
        background: #000
    }

.progress-bar-black .progress-bar {
    background-color: #000;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.6)
}

.chip-black, input[type=checkbox].bg-black + .custom-control-label:before, input[type=radio].bg-black + .custom-control-label:before {
    background-color: #000 !important
}

    .chip-black .chip-body {
        color: #FFF !important
    }

.divider.divider-black .divider-text:after, .divider.divider-black .divider-text:before {
    border-color: #000 !important
}

.widget-timeline li.timeline-items.timeline-icon-black:before {
    background: #000 !important
}

.checkbox.checkbox-black input:checked ~ label::before, .checkbox.radio-black input:checked ~ label::before, .radio.checkbox-black input:checked ~ label::before, .radio.radio-black input:checked ~ label::before {
    background-color: #000;
    border-color: #000
}

.checkbox.checkbox-black input:checked ~ label::after, .checkbox.radio-black input:checked ~ label::after, .radio.checkbox-black input:checked ~ label::after, .radio.radio-black input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-black.checkbox-glow input:checked ~ label::before, .checkbox.checkbox-black.radio-glow input:checked ~ label::before, .checkbox.radio-black.checkbox-glow input:checked ~ label::before, .checkbox.radio-black.radio-glow input:checked ~ label::before, .radio.checkbox-black.checkbox-glow input:checked ~ label::before, .radio.checkbox-black.radio-glow input:checked ~ label::before, .radio.radio-black.checkbox-glow input:checked ~ label::before, .radio.radio-black.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.7)
}

.checkbox.checkbox-black.checkbox-icon label i, .checkbox.radio-black.checkbox-icon label i, .radio.checkbox-black.checkbox-icon label i, .radio.radio-black.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-black label:after {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.radio.radio-black input:checked ~ label::after {
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.custom-switch-black .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #000 !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-black.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-black, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-black {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=black]:before {
    background-color: #000
}

select.select-light-black ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-black ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #000 !important
}

.dark {
    color: #394C62 !important
}

.text-light-dark {
    color: rgba(57,76,98,.2) !important
}

.bg-dark {
    background-color: #394C62 !important
}

    .bg-dark .card-footer, .bg-dark .card-header {
        background-color: transparent
    }

.bg-rgba-dark {
    background: rgba(57,76,98,.2) !important
}

    .bg-rgba-dark.alert, .bg-rgba-dark.alert.alert-dismissible .close {
        color: #394C62
    }

.alert.alert-dark {
    background: #394C62 !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(57,76,98,.4);
    border: none
}

.badge-circle-dark, .badge.badge-dark {
    background-color: #394C62
}

.border-dark {
    border: 1px solid #394C62 !important
}

    .border-dark.alert, .border-dark.alert.alert-dismissible .close {
        color: #394C62
    }

.border-top-dark {
    border-top: 1px solid #394C62
}

.border-bottom-dark {
    border-bottom: 1px solid #394C62
}

.border-left-dark {
    border-left: 1px solid #394C62
}

.border-right-dark {
    border-right: 1px solid #394C62
}

.header-navbar.bg-dark .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #394C62 !important
}

.badge.badge-light-dark {
    color: #394C62 !important
}

.badge.badge-dark.badge-glow, .badge.bg-dark.badge-glow, .badge.border-dark.badge-glow {
    box-shadow: 0 0 10px #394C62
}

.badge-circle-light-dark {
    color: #394C62
}

.btn-dark, .btn-dark.hover, .btn-dark:hover {
    color: #FFF
}

.overlay-dark {
    background: #394C62;
    background: rgba(57,76,98,.6)
}

.btn-dark {
    background-color: #394C62 !important
}

    .btn-dark.active, .btn-dark.disabled, .btn-dark:active, .btn-dark:disabled, .btn-dark:focus {
        color: #FFF !important
    }

    .btn-dark.hover.glow, .btn-dark:hover.glow {
        box-shadow: 0 4px 12px 0 rgba(57,76,98,.6) !important
    }

    .btn-dark.glow {
        box-shadow: 0 2px 4px 0 rgba(57,76,98,.5) !important
    }

.btn-light-dark {
    color: #394C62 !important
}

    .btn-light-dark.active, .btn-light-dark.hover, .btn-light-dark:active, .btn-light-dark:hover {
        color: #FFF !important
    }

.btn-outline-dark {
    border: 1px solid #394C62;
    background-color: transparent;
    color: #394C62 !important
}

    .btn-outline-dark.active, .btn-outline-dark.hover, .btn-outline-dark:active, .btn-outline-dark:hover {
        color: #FFF !important
    }

    .btn-dark ~ .dropdown-menu .dropdown-item.active, .btn-outline-dark ~ .dropdown-menu .dropdown-item.active {
        background-color: #394C62;
        color: #FFF
    }

        .btn-dark ~ .dropdown-menu .dropdown-item.active:hover, .btn-outline-dark ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i {
    color: #394C62
}

.dropdown.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-dark {
    background-color: #394C62
}

.pagination-dark .page-item.active .page-link, .pagination-dark .page-item.active .page-link:hover {
    background: #394C62 !important;
    color: #FFF
}

.pagination-dark .page-item.next .page-link, .pagination-dark .page-item.previous .page-link {
    color: #394C62
}

    .pagination-dark .page-item.next .page-link:hover, .pagination-dark .page-item.previous .page-link:hover {
        background: #394C62
    }

.progress-bar-dark .progress-bar {
    background-color: #394C62;
    box-shadow: 0 2px 6px 0 rgba(57,76,98,.6)
}

.chip-dark, input[type=checkbox].bg-dark + .custom-control-label:before, input[type=radio].bg-dark + .custom-control-label:before {
    background-color: #394C62 !important
}

    .chip-dark .chip-body {
        color: #FFF !important
    }

.divider.divider-dark .divider-text:after, .divider.divider-dark .divider-text:before {
    border-color: #394C62 !important
}

.widget-timeline li.timeline-items.timeline-icon-dark:before {
    background: #394C62 !important
}

.checkbox.checkbox-dark input:checked ~ label::before, .checkbox.radio-dark input:checked ~ label::before, .radio.checkbox-dark input:checked ~ label::before, .radio.radio-dark input:checked ~ label::before {
    background-color: #394C62;
    border-color: #394C62
}

.checkbox.checkbox-dark input:checked ~ label::after, .checkbox.radio-dark input:checked ~ label::after, .radio.checkbox-dark input:checked ~ label::after, .radio.radio-dark input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-dark.checkbox-glow input:checked ~ label::before, .checkbox.checkbox-dark.radio-glow input:checked ~ label::before, .checkbox.radio-dark.checkbox-glow input:checked ~ label::before, .checkbox.radio-dark.radio-glow input:checked ~ label::before, .radio.checkbox-dark.checkbox-glow input:checked ~ label::before, .radio.checkbox-dark.radio-glow input:checked ~ label::before, .radio.radio-dark.checkbox-glow input:checked ~ label::before, .radio.radio-dark.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(57,76,98,.7)
}

.checkbox.checkbox-dark.checkbox-icon label i, .checkbox.radio-dark.checkbox-icon label i, .radio.checkbox-dark.checkbox-icon label i, .radio.radio-dark.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-dark label:after {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.radio.radio-dark input:checked ~ label::after {
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.custom-switch-dark .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #394C62 !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-dark.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(57,76,98,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-dark, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-dark {
    box-shadow: 0 0 8px 0 rgba(57,76,98,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=dark]:before {
    background-color: #394C62
}

select.select-light-dark ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-dark ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #394C62 !important
}

.light {
    color: #A3AFBD !important
}

.text-light-light {
    color: rgba(163,175,189,.2) !important
}

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

    .bg-light .card-footer, .bg-light .card-header {
        background-color: transparent
    }

.bg-rgba-light {
    background: rgba(163,175,189,.2) !important
}

    .bg-rgba-light.alert, .bg-rgba-light.alert.alert-dismissible .close {
        color: #A3AFBD
    }

.alert.alert-light {
    background: #A3AFBD !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(163,175,189,.4);
    border: none
}

.badge-circle-light, .badge.badge-light {
    background-color: #A3AFBD
}

.border-light {
    border: 1px solid #A3AFBD !important
}

    .border-light.alert, .border-light.alert.alert-dismissible .close {
        color: #A3AFBD
    }

.border-top-light {
    border-top: 1px solid #A3AFBD
}

.border-bottom-light {
    border-bottom: 1px solid #A3AFBD
}

.border-left-light {
    border-left: 1px solid #A3AFBD
}

.border-right-light {
    border-right: 1px solid #A3AFBD
}

.header-navbar.bg-light .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #A3AFBD !important
}

.badge.badge-light-light {
    color: #A3AFBD !important
}

.badge.badge-light.badge-glow, .badge.bg-light.badge-glow, .badge.border-light.badge-glow {
    box-shadow: 0 0 10px #A3AFBD
}

.badge-circle-light-light {
    color: #A3AFBD
}

.btn-light, .btn-light.hover, .btn-light:hover {
    color: #FFF
}

.overlay-light {
    background: #A3AFBD;
    background: rgba(163,175,189,.6)
}

.btn-light {
    background-color: #A3AFBD !important
}

    .btn-light.active, .btn-light.disabled, .btn-light:active, .btn-light:disabled, .btn-light:focus {
        color: #FFF !important
    }

    .btn-light.hover.glow, .btn-light:hover.glow {
        box-shadow: 0 4px 12px 0 rgba(163,175,189,.6) !important
    }

    .btn-light.glow {
        box-shadow: 0 2px 4px 0 rgba(163,175,189,.5) !important
    }

.btn-light-light {
    color: #A3AFBD !important
}

    .btn-light-light.active, .btn-light-light.hover, .btn-light-light:active, .btn-light-light:hover {
        color: #FFF !important
    }

.btn-outline-light {
    border: 1px solid #A3AFBD;
    background-color: transparent;
    color: #A3AFBD !important
}

    .btn-outline-light.active, .btn-outline-light.hover, .btn-outline-light:active, .btn-outline-light:hover {
        color: #FFF !important
    }

    .btn-light ~ .dropdown-menu .dropdown-item.active, .btn-outline-light ~ .dropdown-menu .dropdown-item.active {
        background-color: #A3AFBD;
        color: #FFF
    }

        .btn-light ~ .dropdown-menu .dropdown-item.active:hover, .btn-outline-light ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i {
    color: #A3AFBD
}

.dropdown.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-light {
    background-color: #A3AFBD
}

.pagination-light .page-item.active .page-link, .pagination-light .page-item.active .page-link:hover {
    background: #A3AFBD !important;
    color: #FFF
}

.pagination-light .page-item.next .page-link, .pagination-light .page-item.previous .page-link {
    color: #A3AFBD
}

    .pagination-light .page-item.next .page-link:hover, .pagination-light .page-item.previous .page-link:hover {
        background: #A3AFBD
    }

.progress-bar-light .progress-bar {
    background-color: #A3AFBD;
    box-shadow: 0 2px 6px 0 rgba(163,175,189,.6)
}

.chip-light, input[type=checkbox].bg-light + .custom-control-label:before, input[type=radio].bg-light + .custom-control-label:before {
    background-color: #A3AFBD !important
}

    .chip-light .chip-body {
        color: #FFF !important
    }

.divider.divider-light .divider-text:after, .divider.divider-light .divider-text:before {
    border-color: #A3AFBD !important
}

.widget-timeline li.timeline-items.timeline-icon-light:before {
    background: #A3AFBD !important
}

.checkbox.checkbox-light input:checked ~ label::before, .checkbox.radio-light input:checked ~ label::before, .radio.checkbox-light input:checked ~ label::before, .radio.radio-light input:checked ~ label::before {
    background-color: #A3AFBD;
    border-color: #A3AFBD
}

.checkbox.checkbox-light input:checked ~ label::after, .checkbox.radio-light input:checked ~ label::after, .radio.checkbox-light input:checked ~ label::after, .radio.radio-light input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-light.checkbox-glow input:checked ~ label::before, .checkbox.checkbox-light.radio-glow input:checked ~ label::before, .checkbox.radio-light.checkbox-glow input:checked ~ label::before, .checkbox.radio-light.radio-glow input:checked ~ label::before, .radio.checkbox-light.checkbox-glow input:checked ~ label::before, .radio.checkbox-light.radio-glow input:checked ~ label::before, .radio.radio-light.checkbox-glow input:checked ~ label::before, .radio.radio-light.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(163,175,189,.7)
}

.checkbox.checkbox-light.checkbox-icon label i, .checkbox.radio-light.checkbox-icon label i, .radio.checkbox-light.checkbox-icon label i, .radio.radio-light.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-light label:after {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.radio.radio-light input:checked ~ label::after {
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.custom-switch-light .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #A3AFBD !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-light.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(163,175,189,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-light, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-light {
    box-shadow: 0 0 8px 0 rgba(163,175,189,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=light]:before {
    background-color: #A3AFBD
}

.bg-primary.bg-lighten-5, .btn-primary.btn-lighten-5 {
    background-color: #CEDDFA !important
}

select.select-light-light ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-light ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #A3AFBD !important
}

.primary.lighten-5 {
    color: #CEDDFA !important
}

.btn-primary.btn-lighten-5 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-lighten-5:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-lighten-5:active, .btn-primary.btn-lighten-5:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-lighten-5 {
    border-color: #CEDDFA !important;
    color: #CEDDFA !important
}

    .btn-outline-primary.btn-outline-lighten-5:hover {
        background-color: #CEDDFA !important
    }

.border-primary.border-lighten-5 {
    border: 1px solid #CEDDFA !important
}

.border-top-primary.border-top-lighten-5 {
    border-top: 1px solid #CEDDFA !important
}

.border-bottom-primary.border-bottom-lighten-5 {
    border-bottom: 1px solid #CEDDFA !important
}

.border-left-primary.border-left-lighten-5 {
    border-left: 1px solid #CEDDFA !important
}

.border-right-primary.border-right-lighten-5 {
    border-right: 1px solid #CEDDFA !important
}

.overlay-primary.overlay-lighten-5 {
    background: #CEDDFA;
    background: rgba(206,221,250,.6)
}

.bg-primary.bg-lighten-4, .btn-primary.btn-lighten-4 {
    background-color: #B6CDF8 !important
}

.primary.lighten-4 {
    color: #B6CDF8 !important
}

.btn-primary.btn-lighten-4 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-lighten-4:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-lighten-4:active, .btn-primary.btn-lighten-4:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-lighten-4 {
    border-color: #B6CDF8 !important;
    color: #B6CDF8 !important
}

    .btn-outline-primary.btn-outline-lighten-4:hover {
        background-color: #B6CDF8 !important
    }

.border-primary.border-lighten-4 {
    border: 1px solid #B6CDF8 !important
}

.border-top-primary.border-top-lighten-4 {
    border-top: 1px solid #B6CDF8 !important
}

.border-bottom-primary.border-bottom-lighten-4 {
    border-bottom: 1px solid #B6CDF8 !important
}

.border-left-primary.border-left-lighten-4 {
    border-left: 1px solid #B6CDF8 !important
}

.border-right-primary.border-right-lighten-4 {
    border-right: 1px solid #B6CDF8 !important
}

.overlay-primary.overlay-lighten-4 {
    background: #B6CDF8;
    background: rgba(182,205,248,.6)
}

.bg-primary.bg-lighten-3, .btn-primary.btn-lighten-3 {
    background-color: #9FBDF5 !important
}

.primary.lighten-3 {
    color: #9FBDF5 !important
}

.btn-primary.btn-lighten-3 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-lighten-3:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-lighten-3:active, .btn-primary.btn-lighten-3:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-lighten-3 {
    border-color: #9FBDF5 !important;
    color: #9FBDF5 !important
}

    .btn-outline-primary.btn-outline-lighten-3:hover {
        background-color: #9FBDF5 !important
    }

.border-primary.border-lighten-3 {
    border: 1px solid #9FBDF5 !important
}

.border-top-primary.border-top-lighten-3 {
    border-top: 1px solid #9FBDF5 !important
}

.border-bottom-primary.border-bottom-lighten-3 {
    border-bottom: 1px solid #9FBDF5 !important
}

.border-left-primary.border-left-lighten-3 {
    border-left: 1px solid #9FBDF5 !important
}

.border-right-primary.border-right-lighten-3 {
    border-right: 1px solid #9FBDF5 !important
}

.overlay-primary.overlay-lighten-3 {
    background: #9FBDF5;
    background: rgba(159,189,245,.6)
}

.bg-primary.bg-lighten-2, .btn-primary.btn-lighten-2 {
    background-color: #88ADF3 !important
}

.primary.lighten-2 {
    color: #88ADF3 !important
}

.btn-primary.btn-lighten-2 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-lighten-2:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-lighten-2:active, .btn-primary.btn-lighten-2:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-lighten-2 {
    border-color: #88ADF3 !important;
    color: #88ADF3 !important
}

    .btn-outline-primary.btn-outline-lighten-2:hover {
        background-color: #88ADF3 !important
    }

.border-primary.border-lighten-2 {
    border: 1px solid #88ADF3 !important
}

.border-top-primary.border-top-lighten-2 {
    border-top: 1px solid #88ADF3 !important
}

.border-bottom-primary.border-bottom-lighten-2 {
    border-bottom: 1px solid #88ADF3 !important
}

.border-left-primary.border-left-lighten-2 {
    border-left: 1px solid #88ADF3 !important
}

.border-right-primary.border-right-lighten-2 {
    border-right: 1px solid #88ADF3 !important
}

.overlay-primary.overlay-lighten-2 {
    background: #88ADF3;
    background: rgba(136,173,243,.6)
}

.bg-primary.bg-lighten-1, .btn-primary.btn-lighten-1 {
    background-color: #719DF0 !important
}

.primary.lighten-1 {
    color: #719DF0 !important
}

.btn-primary.btn-lighten-1 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-lighten-1:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-lighten-1:active, .btn-primary.btn-lighten-1:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-lighten-1 {
    border-color: #719DF0 !important;
    color: #719DF0 !important
}

    .btn-outline-primary.btn-outline-lighten-1:hover {
        background-color: #719DF0 !important
    }

.border-primary.border-lighten-1 {
    border: 1px solid #719DF0 !important
}

.border-top-primary.border-top-lighten-1 {
    border-top: 1px solid #719DF0 !important
}

.border-bottom-primary.border-bottom-lighten-1 {
    border-bottom: 1px solid #719DF0 !important
}

.border-left-primary.border-left-lighten-1 {
    border-left: 1px solid #719DF0 !important
}

.border-right-primary.border-right-lighten-1 {
    border-right: 1px solid #719DF0 !important
}

.overlay-primary.overlay-lighten-1 {
    background: #719DF0;
    background: rgba(113,157,240,.6)
}

.primary {
    color: #5A8DEE !important
}

.text-light-primary {
    color: rgba(90,141,238,.2) !important
}

.bg-primary {
    background-color: #5A8DEE !important
}

    .bg-primary .card-footer, .bg-primary .card-header {
        background-color: transparent
    }

.bg-rgba-primary {
    background: rgba(90,141,238,.2) !important
}

    .bg-rgba-primary.alert, .bg-rgba-primary.alert.alert-dismissible .close {
        color: #5A8DEE
    }

.alert.alert-primary {
    background: #5A8DEE !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(90,141,238,.4);
    border: none
}

.border-primary {
    border: 1px solid #5A8DEE !important
}

    .border-primary .select2-selection__arrow b {
        border-color: #2C6DE9 !important
    }

    .border-primary.alert, .border-primary.alert.alert-dismissible .close {
        color: #5A8DEE
    }

.border-top-primary {
    border-top: 1px solid #5A8DEE
}

.border-bottom-primary {
    border-bottom: 1px solid #5A8DEE
}

.border-left-primary {
    border-left: 1px solid #5A8DEE
}

.border-right-primary {
    border-right: 1px solid #5A8DEE
}

.header-navbar.bg-primary .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #5A8DEE !important
}

.badge.badge-primary {
    background-color: #5A8DEE
}

.badge.badge-light-primary {
    background-color: #E2ECFF;
    color: #5A8DEE !important
}

.badge.badge-primary.badge-glow, .badge.bg-primary.badge-glow, .badge.border-primary.badge-glow {
    box-shadow: 0 0 10px #5A8DEE
}

.badge-circle-primary {
    background-color: #5A8DEE
}

.badge-circle-light-primary {
    background-color: #E2ECFF;
    color: #5A8DEE
}

.overlay-primary {
    background: #5A8DEE;
    background: rgba(90,141,238,.6)
}

.btn-primary {
    border-color: #2C6DE9 !important;
    background-color: #5A8DEE !important;
    color: #FFF
}

    .btn-primary.hover, .btn-primary:hover {
        background-color: #719DF0 !important;
        color: #FFF
    }

        .btn-primary.hover.glow, .btn-primary:hover.glow {
            box-shadow: 0 4px 12px 0 rgba(90,141,238,.6) !important
        }

    .btn-primary.active, .btn-primary:active, .btn-primary:focus {
        background-color: #437DEC !important;
        color: #FFF !important
    }

    .btn-primary.glow {
        box-shadow: 0 2px 4px 0 rgba(90,141,238,.5) !important
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #FFF !important
    }

.btn-light-primary {
    background-color: #E2ECFF;
    color: #5A8DEE !important
}

    .btn-light-primary.hover, .btn-light-primary:hover {
        background-color: #719DF0 !important;
        color: #FFF !important
    }

    .btn-light-primary.active, .btn-light-primary:active {
        background-color: #437DEC !important;
        color: #FFF !important
    }

.btn-outline-primary {
    border: 1px solid #5A8DEE;
    background-color: transparent;
    color: #5A8DEE !important
}

    .btn-outline-primary.hover, .btn-outline-primary:hover {
        background-color: #719DF0 !important;
        color: #FFF !important
    }

    .btn-outline-primary.active, .btn-outline-primary:active {
        background-color: #437DEC !important;
        color: #FFF !important
    }

    .btn-outline-primary ~ .dropdown-menu .dropdown-item.active, .btn-primary ~ .dropdown-menu .dropdown-item.active {
        background-color: #5A8DEE;
        color: #FFF
    }

        .btn-outline-primary ~ .dropdown-menu .dropdown-item.active:hover, .btn-primary ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i {
    color: #5A8DEE
}

.dropdown.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-primary {
    background-color: #5A8DEE
}

.pagination-primary .page-item.active .page-link, .pagination-primary .page-item.active .page-link:hover {
    background: #5A8DEE !important;
    color: #FFF
}

.pagination-primary .page-item .page-link:hover {
    background-color: #E2ECFF !important
}

.pagination-primary .page-item.next .page-link, .pagination-primary .page-item.previous .page-link {
    color: #5A8DEE
}

    .pagination-primary .page-item.next .page-link:hover, .pagination-primary .page-item.previous .page-link:hover {
        background: #5A8DEE
    }

.progress-bar-primary .progress-bar {
    background-color: #5A8DEE;
    box-shadow: 0 2px 6px 0 rgba(90,141,238,.6)
}

.chip-primary {
    background-color: #5A8DEE !important
}

    .chip-primary .chip-body {
        color: #FFF !important
    }

.divider.divider-primary .divider-text:after, .divider.divider-primary .divider-text:before {
    border-color: #5A8DEE !important
}

.widget-timeline li.timeline-items.timeline-icon-primary:before {
    background: #5A8DEE !important
}

input[type=checkbox].bg-primary + .custom-control-label:before, input[type=radio].bg-primary + .custom-control-label:before {
    background-color: #5A8DEE !important;
    border-color: #2C6DE9 !important
}

.checkbox.checkbox-primary input:checked ~ label::before, .checkbox.radio-primary input:checked ~ label::before, .radio.checkbox-primary input:checked ~ label::before, .radio.radio-primary input:checked ~ label::before {
    background-color: #5A8DEE;
    border-color: #5A8DEE
}

.checkbox.checkbox-primary input:checked ~ label::after, .checkbox.radio-primary input:checked ~ label::after, .radio.checkbox-primary input:checked ~ label::after, .radio.radio-primary input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-primary.checkbox-glow input:checked ~ label::before, .checkbox.checkbox-primary.radio-glow input:checked ~ label::before, .checkbox.radio-primary.checkbox-glow input:checked ~ label::before, .checkbox.radio-primary.radio-glow input:checked ~ label::before, .radio.checkbox-primary.checkbox-glow input:checked ~ label::before, .radio.checkbox-primary.radio-glow input:checked ~ label::before, .radio.radio-primary.checkbox-glow input:checked ~ label::before, .radio.radio-primary.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(90,141,238,.7)
}

.checkbox.checkbox-primary.checkbox-icon label i, .checkbox.radio-primary.checkbox-icon label i, .radio.checkbox-primary.checkbox-icon label i, .radio.radio-primary.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-primary label:after {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.radio.radio-primary input:checked ~ label::after {
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #5A8DEE !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-primary.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(90,141,238,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-primary, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-primary {
    box-shadow: 0 0 8px 0 rgba(90,141,238,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=primary]:before {
    background-color: #5A8DEE
}

select.select-light-primary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-primary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    background-color: #E2ECFF !important;
    color: #5A8DEE !important
}

.bg-primary.bg-darken-1, .btn-primary.btn-darken-1 {
    background-color: #437DEC !important
}

.primary.darken-1 {
    color: #437DEC !important
}

.btn-primary.btn-darken-1 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-darken-1:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-darken-1:active, .btn-primary.btn-darken-1:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-darken-1 {
    border-color: #437DEC !important;
    color: #437DEC !important
}

    .btn-outline-primary.btn-outline-darken-1:hover {
        background-color: #437DEC !important
    }

.border-primary.border-darken-1 {
    border: 1px solid #437DEC !important
}

.border-top-primary.border-top-darken-1 {
    border-top: 1px solid #437DEC !important
}

.border-bottom-primary.border-bottom-darken-1 {
    border-bottom: 1px solid #437DEC !important
}

.border-left-primary.border-left-darken-1 {
    border-left: 1px solid #437DEC !important
}

.border-right-primary.border-right-darken-1 {
    border-right: 1px solid #437DEC !important
}

.overlay-primary.overlay-darken-1 {
    background: #437DEC;
    background: rgba(67,125,236,.6)
}

.bg-primary.bg-darken-2, .btn-primary.btn-darken-2 {
    background-color: #2C6DE9 !important
}

.primary.darken-2 {
    color: #2C6DE9 !important
}

.btn-primary.btn-darken-2 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-darken-2:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-darken-2:active, .btn-primary.btn-darken-2:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-darken-2 {
    border-color: #2C6DE9 !important;
    color: #2C6DE9 !important
}

    .btn-outline-primary.btn-outline-darken-2:hover {
        background-color: #2C6DE9 !important
    }

.border-primary.border-darken-2 {
    border: 1px solid #2C6DE9 !important
}

.border-top-primary.border-top-darken-2 {
    border-top: 1px solid #2C6DE9 !important
}

.border-bottom-primary.border-bottom-darken-2 {
    border-bottom: 1px solid #2C6DE9 !important
}

.border-left-primary.border-left-darken-2 {
    border-left: 1px solid #2C6DE9 !important
}

.border-right-primary.border-right-darken-2 {
    border-right: 1px solid #2C6DE9 !important
}

.overlay-primary.overlay-darken-2 {
    background: #2C6DE9;
    background: rgba(44,109,233,.6)
}

.primary.darken-3 {
    color: #175EE4 !important
}

.bg-primary.bg-darken-3 {
    background-color: #175EE4 !important
}

.btn-primary.btn-darken-3, .btn-primary.btn-darken-3:hover {
    border-color: #2C6DE9 !important;
    background-color: #175EE4 !important
}

    .btn-primary.btn-darken-3:active, .btn-primary.btn-darken-3:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-darken-3 {
    border-color: #175EE4 !important;
    color: #175EE4 !important
}

    .btn-outline-primary.btn-outline-darken-3:hover {
        background-color: #175EE4 !important
    }

.border-primary.border-darken-3 {
    border: 1px solid #175EE4 !important
}

.border-top-primary.border-top-darken-3 {
    border-top: 1px solid #175EE4 !important
}

.border-bottom-primary.border-bottom-darken-3 {
    border-bottom: 1px solid #175EE4 !important
}

.border-left-primary.border-left-darken-3 {
    border-left: 1px solid #175EE4 !important
}

.border-right-primary.border-right-darken-3 {
    border-right: 1px solid #175EE4 !important
}

.overlay-primary.overlay-darken-3 {
    background: #175EE4;
    background: rgba(23,94,228,.6)
}

.bg-primary.bg-darken-4, .btn-primary.btn-darken-4 {
    background-color: #1554CD !important
}

.primary.darken-4 {
    color: #1554CD !important
}

.btn-primary.btn-darken-4 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-darken-4:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-darken-4:active, .btn-primary.btn-darken-4:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-darken-4 {
    border-color: #1554CD !important;
    color: #1554CD !important
}

    .btn-outline-primary.btn-outline-darken-4:hover {
        background-color: #1554CD !important
    }

.border-primary.border-darken-4 {
    border: 1px solid #1554CD !important
}

.border-top-primary.border-top-darken-4 {
    border-top: 1px solid #1554CD !important
}

.border-bottom-primary.border-bottom-darken-4 {
    border-bottom: 1px solid #1554CD !important
}

.border-left-primary.border-left-darken-4 {
    border-left: 1px solid #1554CD !important
}

.border-right-primary.border-right-darken-4 {
    border-right: 1px solid #1554CD !important
}

.overlay-primary.overlay-darken-4 {
    background: #1554CD;
    background: rgba(21,84,205,.6)
}

.bg-primary.bg-accent-1, .btn-primary.btn-accent-1 {
    background-color: #BDFDFF !important
}

.primary.accent-1 {
    color: #BDFDFF !important
}

.btn-primary.btn-accent-1 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-accent-1:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-accent-1:active, .btn-primary.btn-accent-1:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-accent-1 {
    border-color: #BDFDFF !important;
    color: #BDFDFF !important
}

    .btn-outline-primary.btn-outline-accent-1:hover {
        background-color: #BDFDFF !important
    }

.border-primary.border-accent-1 {
    border: 1px solid #BDFDFF !important
}

.border-top-primary.border-top-accent-1 {
    border-top: 1px solid #BDFDFF !important
}

.border-bottom-primary.border-bottom-accent-1 {
    border-bottom: 1px solid #BDFDFF !important
}

.border-left-primary.border-left-accent-1 {
    border-left: 1px solid #BDFDFF !important
}

.border-right-primary.border-right-accent-1 {
    border-right: 1px solid #BDFDFF !important
}

.overlay-primary.overlay-accent-1 {
    background: #BDFDFF;
    background: rgba(189,253,255,.6)
}

.bg-primary.bg-accent-2, .btn-primary.btn-accent-2 {
    background-color: #8AFBFF !important
}

.primary.accent-2 {
    color: #8AFBFF !important
}

.btn-primary.btn-accent-2 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-accent-2:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-accent-2:active, .btn-primary.btn-accent-2:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-accent-2 {
    border-color: #8AFBFF !important;
    color: #8AFBFF !important
}

    .btn-outline-primary.btn-outline-accent-2:hover {
        background-color: #8AFBFF !important
    }

.border-primary.border-accent-2 {
    border: 1px solid #8AFBFF !important
}

.border-top-primary.border-top-accent-2 {
    border-top: 1px solid #8AFBFF !important
}

.border-bottom-primary.border-bottom-accent-2 {
    border-bottom: 1px solid #8AFBFF !important
}

.border-left-primary.border-left-accent-2 {
    border-left: 1px solid #8AFBFF !important
}

.border-right-primary.border-right-accent-2 {
    border-right: 1px solid #8AFBFF !important
}

.overlay-primary.overlay-accent-2 {
    background: #8AFBFF;
    background: rgba(138,251,255,.6)
}

.bg-primary.bg-accent-3, .btn-primary.btn-accent-3 {
    background-color: #57FAFF !important
}

.primary.accent-3 {
    color: #57FAFF !important
}

.btn-primary.btn-accent-3 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-accent-3:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-accent-3:active, .btn-primary.btn-accent-3:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-accent-3 {
    border-color: #57FAFF !important;
    color: #57FAFF !important
}

    .btn-outline-primary.btn-outline-accent-3:hover {
        background-color: #57FAFF !important
    }

.border-primary.border-accent-3 {
    border: 1px solid #57FAFF !important
}

.border-top-primary.border-top-accent-3 {
    border-top: 1px solid #57FAFF !important
}

.border-bottom-primary.border-bottom-accent-3 {
    border-bottom: 1px solid #57FAFF !important
}

.border-left-primary.border-left-accent-3 {
    border-left: 1px solid #57FAFF !important
}

.border-right-primary.border-right-accent-3 {
    border-right: 1px solid #57FAFF !important
}

.overlay-primary.overlay-accent-3 {
    background: #57FAFF;
    background: rgba(87,250,255,.6)
}

.bg-primary.bg-accent-4, .btn-primary.btn-accent-4 {
    background-color: #3DF9FF !important
}

.primary.accent-4 {
    color: #3DF9FF !important
}

.btn-primary.btn-accent-4 {
    border-color: #2C6DE9 !important
}

    .btn-primary.btn-accent-4:hover {
        border-color: #2C6DE9 !important;
        background-color: #175EE4 !important
    }

    .btn-primary.btn-accent-4:active, .btn-primary.btn-accent-4:focus {
        border-color: #175EE4 !important;
        background-color: #1554CD !important
    }

.btn-outline-primary.btn-outline-accent-4 {
    border-color: #3DF9FF !important;
    color: #3DF9FF !important
}

    .btn-outline-primary.btn-outline-accent-4:hover {
        background-color: #3DF9FF !important
    }

.border-primary.border-accent-4 {
    border: 1px solid #3DF9FF !important
}

.border-top-primary.border-top-accent-4 {
    border-top: 1px solid #3DF9FF !important
}

.border-bottom-primary.border-bottom-accent-4 {
    border-bottom: 1px solid #3DF9FF !important
}

.border-left-primary.border-left-accent-4 {
    border-left: 1px solid #3DF9FF !important
}

.border-right-primary.border-right-accent-4 {
    border-right: 1px solid #3DF9FF !important
}

.btn-primary.btn-light, .btn-primary.btn-light:hover {
    border-color: #2C6DE9 !important
}

.overlay-primary.overlay-accent-4 {
    background: #3DF9FF;
    background: rgba(61,249,255,.6)
}

.bg-primary.bg-light, .btn-primary.btn-light {
    background-color: #E2ECFF !important
}

.primary.light {
    color: #E2ECFF !important
}

.btn-primary.btn-light:hover {
    background-color: #175EE4 !important
}

.btn-primary.btn-light:active, .btn-primary.btn-light:focus {
    border-color: #175EE4 !important;
    background-color: #1554CD !important
}

.btn-outline-primary.btn-outline-light {
    border-color: #E2ECFF !important;
    color: #E2ECFF !important
}

    .btn-outline-primary.btn-outline-light:hover {
        background-color: #E2ECFF !important
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 .075rem #FFF,0 0 0 .21rem #E2ECFF !important
}

.border-primary.border-light {
    border: 1px solid #E2ECFF !important
}

.border-top-primary.border-top-light {
    border-top: 1px solid #E2ECFF !important
}

.border-bottom-primary.border-bottom-light {
    border-bottom: 1px solid #E2ECFF !important
}

.border-left-primary.border-left-light {
    border-left: 1px solid #E2ECFF !important
}

.border-right-primary.border-right-light {
    border-right: 1px solid #E2ECFF !important
}

.overlay-primary.overlay-light {
    background: #E2ECFF;
    background: rgba(226,236,255,.6)
}

.bg-secondary.bg-lighten-5, .btn-secondary.btn-lighten-5 {
    background-color: #879FBA !important
}

.secondary.lighten-5 {
    color: #879FBA !important
}

.btn-secondary.btn-lighten-5 {
    border-color: #34465B !important
}

    .btn-secondary.btn-lighten-5:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-lighten-5:active, .btn-secondary.btn-lighten-5:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-lighten-5 {
    border-color: #879FBA !important;
    color: #879FBA !important
}

    .btn-outline-secondary.btn-outline-lighten-5:hover {
        background-color: #879FBA !important
    }

.border-secondary.border-lighten-5 {
    border: 1px solid #879FBA !important
}

.border-top-secondary.border-top-lighten-5 {
    border-top: 1px solid #879FBA !important
}

.border-bottom-secondary.border-bottom-lighten-5 {
    border-bottom: 1px solid #879FBA !important
}

.border-left-secondary.border-left-lighten-5 {
    border-left: 1px solid #879FBA !important
}

.border-right-secondary.border-right-lighten-5 {
    border-right: 1px solid #879FBA !important
}

.overlay-secondary.overlay-lighten-5 {
    background: #879FBA;
    background: rgba(135,159,186,.6)
}

.bg-secondary.bg-lighten-4, .btn-secondary.btn-lighten-4 {
    background-color: #7792B1 !important
}

.secondary.lighten-4 {
    color: #7792B1 !important
}

.btn-secondary.btn-lighten-4 {
    border-color: #34465B !important
}

    .btn-secondary.btn-lighten-4:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-lighten-4:active, .btn-secondary.btn-lighten-4:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-lighten-4 {
    border-color: #7792B1 !important;
    color: #7792B1 !important
}

    .btn-outline-secondary.btn-outline-lighten-4:hover {
        background-color: #7792B1 !important
    }

.border-secondary.border-lighten-4 {
    border: 1px solid #7792B1 !important
}

.border-top-secondary.border-top-lighten-4 {
    border-top: 1px solid #7792B1 !important
}

.border-bottom-secondary.border-bottom-lighten-4 {
    border-bottom: 1px solid #7792B1 !important
}

.border-left-secondary.border-left-lighten-4 {
    border-left: 1px solid #7792B1 !important
}

.border-right-secondary.border-right-lighten-4 {
    border-right: 1px solid #7792B1 !important
}

.overlay-secondary.overlay-lighten-4 {
    background: #7792B1;
    background: rgba(119,146,177,.6)
}

.bg-secondary.bg-lighten-3, .btn-secondary.btn-lighten-3 {
    background-color: #6785A7 !important
}

.secondary.lighten-3 {
    color: #6785A7 !important
}

.btn-secondary.btn-lighten-3 {
    border-color: #34465B !important
}

    .btn-secondary.btn-lighten-3:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-lighten-3:active, .btn-secondary.btn-lighten-3:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-lighten-3 {
    border-color: #6785A7 !important;
    color: #6785A7 !important
}

    .btn-outline-secondary.btn-outline-lighten-3:hover {
        background-color: #6785A7 !important
    }

.border-secondary.border-lighten-3 {
    border: 1px solid #6785A7 !important
}

.border-top-secondary.border-top-lighten-3 {
    border-top: 1px solid #6785A7 !important
}

.border-bottom-secondary.border-bottom-lighten-3 {
    border-bottom: 1px solid #6785A7 !important
}

.border-left-secondary.border-left-lighten-3 {
    border-left: 1px solid #6785A7 !important
}

.border-right-secondary.border-right-lighten-3 {
    border-right: 1px solid #6785A7 !important
}

.overlay-secondary.overlay-lighten-3 {
    background: #6785A7;
    background: rgba(103,133,167,.6)
}

.bg-secondary.bg-lighten-2, .btn-secondary.btn-lighten-2 {
    background-color: #5A789B !important
}

.secondary.lighten-2 {
    color: #5A789B !important
}

.btn-secondary.btn-lighten-2 {
    border-color: #34465B !important
}

    .btn-secondary.btn-lighten-2:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-lighten-2:active, .btn-secondary.btn-lighten-2:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-lighten-2 {
    border-color: #5A789B !important;
    color: #5A789B !important
}

    .btn-outline-secondary.btn-outline-lighten-2:hover {
        background-color: #5A789B !important
    }

.border-secondary.border-lighten-2 {
    border: 1px solid #5A789B !important
}

.border-top-secondary.border-top-lighten-2 {
    border-top: 1px solid #5A789B !important
}

.border-bottom-secondary.border-bottom-lighten-2 {
    border-bottom: 1px solid #5A789B !important
}

.border-left-secondary.border-left-lighten-2 {
    border-left: 1px solid #5A789B !important
}

.border-right-secondary.border-right-lighten-2 {
    border-right: 1px solid #5A789B !important
}

.overlay-secondary.overlay-lighten-2 {
    background: #5A789B;
    background: rgba(90,120,155,.6)
}

.bg-secondary.bg-lighten-1, .btn-secondary.btn-lighten-1 {
    background-color: #506B8B !important
}

.secondary.lighten-1 {
    color: #506B8B !important
}

.btn-secondary.btn-lighten-1 {
    border-color: #34465B !important
}

    .btn-secondary.btn-lighten-1:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-lighten-1:active, .btn-secondary.btn-lighten-1:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-lighten-1 {
    border-color: #506B8B !important;
    color: #506B8B !important
}

    .btn-outline-secondary.btn-outline-lighten-1:hover {
        background-color: #506B8B !important
    }

.border-secondary.border-lighten-1 {
    border: 1px solid #506B8B !important
}

.border-top-secondary.border-top-lighten-1 {
    border-top: 1px solid #506B8B !important
}

.border-bottom-secondary.border-bottom-lighten-1 {
    border-bottom: 1px solid #506B8B !important
}

.border-left-secondary.border-left-lighten-1 {
    border-left: 1px solid #506B8B !important
}

.border-right-secondary.border-right-lighten-1 {
    border-right: 1px solid #506B8B !important
}

.overlay-secondary.overlay-lighten-1 {
    background: #506B8B;
    background: rgba(80,107,139,.6)
}

.secondary {
    color: #475F7B !important
}

.text-light-secondary {
    color: rgba(71,95,123,.2) !important
}

.bg-secondary {
    background-color: #475F7B !important
}

    .bg-secondary .card-footer, .bg-secondary .card-header {
        background-color: transparent
    }

.bg-rgba-secondary {
    background: rgba(71,95,123,.2) !important
}

    .bg-rgba-secondary.alert, .bg-rgba-secondary.alert.alert-dismissible .close {
        color: #475F7B
    }

.alert.alert-secondary {
    background: #475F7B !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(71,95,123,.4);
    border: none
}

.border-secondary {
    border: 1px solid #475F7B !important
}

    .border-secondary .select2-selection__arrow b {
        border-color: #34465B !important
    }

    .border-secondary.alert, .border-secondary.alert.alert-dismissible .close {
        color: #475F7B
    }

.border-top-secondary {
    border-top: 1px solid #475F7B
}

.border-bottom-secondary {
    border-bottom: 1px solid #475F7B
}

.border-left-secondary {
    border-left: 1px solid #475F7B
}

.border-right-secondary {
    border-right: 1px solid #475F7B
}

.header-navbar.bg-secondary .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #475F7B !important
}

.badge.badge-secondary {
    background-color: #475F7B
}

.badge.badge-light-secondary {
    background-color: #E6EAEE;
    color: #475F7B !important
}

.badge.badge-secondary.badge-glow, .badge.bg-secondary.badge-glow, .badge.border-secondary.badge-glow {
    box-shadow: 0 0 10px #475F7B
}

.badge-circle-secondary {
    background-color: #475F7B
}

.badge-circle-light-secondary {
    background-color: #E6EAEE;
    color: #475F7B
}

.overlay-secondary {
    background: #475F7B;
    background: rgba(71,95,123,.6)
}

.btn-secondary {
    border-color: #34465B !important;
    background-color: #475F7B !important;
    color: #FFF
}

    .btn-secondary.hover, .btn-secondary:hover {
        background-color: #506B8B !important;
        color: #FFF
    }

        .btn-secondary.hover.glow, .btn-secondary:hover.glow {
            box-shadow: 0 4px 12px 0 rgba(71,95,123,.6) !important
        }

    .btn-secondary.active, .btn-secondary:active, .btn-secondary:focus {
        background-color: #3E536B !important;
        color: #FFF !important
    }

    .btn-secondary.glow {
        box-shadow: 0 2px 4px 0 rgba(71,95,123,.5) !important
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #FFF !important
    }

.btn-light-secondary {
    background-color: #E6EAEE;
    color: #475F7B !important
}

    .btn-light-secondary.hover, .btn-light-secondary:hover {
        background-color: #506B8B !important;
        color: #FFF !important
    }

    .btn-light-secondary.active, .btn-light-secondary:active {
        background-color: #3E536B !important;
        color: #FFF !important
    }

.btn-outline-secondary {
    border: 1px solid #475F7B;
    background-color: transparent;
    color: #475F7B !important
}

    .btn-outline-secondary.hover, .btn-outline-secondary:hover {
        background-color: #506B8B !important;
        color: #FFF !important
    }

    .btn-outline-secondary.active, .btn-outline-secondary:active {
        background-color: #3E536B !important;
        color: #FFF !important
    }

    .btn-outline-secondary ~ .dropdown-menu .dropdown-item.active, .btn-secondary ~ .dropdown-menu .dropdown-item.active {
        background-color: #475F7B;
        color: #FFF
    }

        .btn-outline-secondary ~ .dropdown-menu .dropdown-item.active:hover, .btn-secondary ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i {
    color: #475F7B
}

.dropdown.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-secondary {
    background-color: #475F7B
}

.pagination-secondary .page-item.active .page-link, .pagination-secondary .page-item.active .page-link:hover {
    background: #475F7B !important;
    color: #FFF
}

.pagination-secondary .page-item .page-link:hover {
    background-color: #E6EAEE !important
}

.pagination-secondary .page-item.next .page-link, .pagination-secondary .page-item.previous .page-link {
    color: #475F7B
}

    .pagination-secondary .page-item.next .page-link:hover, .pagination-secondary .page-item.previous .page-link:hover {
        background: #475F7B
    }

.progress-bar-secondary .progress-bar {
    background-color: #475F7B;
    box-shadow: 0 2px 6px 0 rgba(71,95,123,.6)
}

.chip-secondary {
    background-color: #475F7B !important
}

    .chip-secondary .chip-body {
        color: #FFF !important
    }

.divider.divider-secondary .divider-text:after, .divider.divider-secondary .divider-text:before {
    border-color: #475F7B !important
}

.widget-timeline li.timeline-items.timeline-icon-secondary:before {
    background: #475F7B !important
}

input[type=checkbox].bg-secondary + .custom-control-label:before, input[type=radio].bg-secondary + .custom-control-label:before {
    background-color: #475F7B !important;
    border-color: #34465B !important
}

.checkbox.checkbox-secondary input:checked ~ label::before, .checkbox.radio-secondary input:checked ~ label::before, .radio.checkbox-secondary input:checked ~ label::before, .radio.radio-secondary input:checked ~ label::before {
    background-color: #475F7B;
    border-color: #475F7B
}

.checkbox.checkbox-secondary input:checked ~ label::after, .checkbox.radio-secondary input:checked ~ label::after, .radio.checkbox-secondary input:checked ~ label::after, .radio.radio-secondary input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-secondary.checkbox-glow input:checked ~ label::before, .checkbox.checkbox-secondary.radio-glow input:checked ~ label::before, .checkbox.radio-secondary.checkbox-glow input:checked ~ label::before, .checkbox.radio-secondary.radio-glow input:checked ~ label::before, .radio.checkbox-secondary.checkbox-glow input:checked ~ label::before, .radio.checkbox-secondary.radio-glow input:checked ~ label::before, .radio.radio-secondary.checkbox-glow input:checked ~ label::before, .radio.radio-secondary.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(71,95,123,.7)
}

.checkbox.checkbox-secondary.checkbox-icon label i, .checkbox.radio-secondary.checkbox-icon label i, .radio.checkbox-secondary.checkbox-icon label i, .radio.radio-secondary.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-secondary label:after {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.radio.radio-secondary input:checked ~ label::after {
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.custom-switch-secondary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #475F7B !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-secondary.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(71,95,123,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-secondary, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-secondary {
    box-shadow: 0 0 8px 0 rgba(71,95,123,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=secondary]:before {
    background-color: #475F7B
}

select.select-light-secondary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-secondary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    background-color: #E6EAEE !important;
    color: #475F7B !important
}

.bg-secondary.bg-darken-1, .btn-secondary.btn-darken-1 {
    background-color: #3E536B !important
}

.secondary.darken-1 {
    color: #3E536B !important
}

.btn-secondary.btn-darken-1 {
    border-color: #34465B !important
}

    .btn-secondary.btn-darken-1:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-darken-1:active, .btn-secondary.btn-darken-1:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-darken-1 {
    border-color: #3E536B !important;
    color: #3E536B !important
}

    .btn-outline-secondary.btn-outline-darken-1:hover {
        background-color: #3E536B !important
    }

.border-secondary.border-darken-1 {
    border: 1px solid #3E536B !important
}

.border-top-secondary.border-top-darken-1 {
    border-top: 1px solid #3E536B !important
}

.border-bottom-secondary.border-bottom-darken-1 {
    border-bottom: 1px solid #3E536B !important
}

.border-left-secondary.border-left-darken-1 {
    border-left: 1px solid #3E536B !important
}

.border-right-secondary.border-right-darken-1 {
    border-right: 1px solid #3E536B !important
}

.overlay-secondary.overlay-darken-1 {
    background: #3E536B;
    background: rgba(62,83,107,.6)
}

.bg-secondary.bg-darken-2, .btn-secondary.btn-darken-2 {
    background-color: #34465B !important
}

.secondary.darken-2 {
    color: #34465B !important
}

.btn-secondary.btn-darken-2 {
    border-color: #34465B !important
}

    .btn-secondary.btn-darken-2:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-darken-2:active, .btn-secondary.btn-darken-2:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-darken-2 {
    border-color: #34465B !important;
    color: #34465B !important
}

    .btn-outline-secondary.btn-outline-darken-2:hover {
        background-color: #34465B !important
    }

.border-secondary.border-darken-2 {
    border: 1px solid #34465B !important
}

.border-top-secondary.border-top-darken-2 {
    border-top: 1px solid #34465B !important
}

.border-bottom-secondary.border-bottom-darken-2 {
    border-bottom: 1px solid #34465B !important
}

.border-left-secondary.border-left-darken-2 {
    border-left: 1px solid #34465B !important
}

.border-right-secondary.border-right-darken-2 {
    border-right: 1px solid #34465B !important
}

.overlay-secondary.overlay-darken-2 {
    background: #34465B;
    background: rgba(52,70,91,.6)
}

.secondary.darken-3 {
    color: #2B3A4A !important
}

.bg-secondary.bg-darken-3 {
    background-color: #2B3A4A !important
}

.btn-secondary.btn-darken-3, .btn-secondary.btn-darken-3:hover {
    border-color: #34465B !important;
    background-color: #2B3A4A !important
}

    .btn-secondary.btn-darken-3:active, .btn-secondary.btn-darken-3:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-darken-3 {
    border-color: #2B3A4A !important;
    color: #2B3A4A !important
}

    .btn-outline-secondary.btn-outline-darken-3:hover {
        background-color: #2B3A4A !important
    }

.border-secondary.border-darken-3 {
    border: 1px solid #2B3A4A !important
}

.border-top-secondary.border-top-darken-3 {
    border-top: 1px solid #2B3A4A !important
}

.border-bottom-secondary.border-bottom-darken-3 {
    border-bottom: 1px solid #2B3A4A !important
}

.border-left-secondary.border-left-darken-3 {
    border-left: 1px solid #2B3A4A !important
}

.border-right-secondary.border-right-darken-3 {
    border-right: 1px solid #2B3A4A !important
}

.overlay-secondary.overlay-darken-3 {
    background: #2B3A4A;
    background: rgba(43,58,74,.6)
}

.bg-secondary.bg-darken-4, .btn-secondary.btn-darken-4 {
    background-color: #222D3A !important
}

.secondary.darken-4 {
    color: #222D3A !important
}

.btn-secondary.btn-darken-4 {
    border-color: #34465B !important
}

    .btn-secondary.btn-darken-4:hover {
        border-color: #34465B !important;
        background-color: #2B3A4A !important
    }

    .btn-secondary.btn-darken-4:active, .btn-secondary.btn-darken-4:focus {
        border-color: #2B3A4A !important;
        background-color: #222D3A !important
    }

.btn-outline-secondary.btn-outline-darken-4 {
    border-color: #222D3A !important;
    color: #222D3A !important
}

    .btn-outline-secondary.btn-outline-darken-4:hover {
        background-color: #222D3A !important
    }

.border-secondary.border-darken-4 {
    border: 1px solid #222D3A !important
}

.border-top-secondary.border-top-darken-4 {
    border-top: 1px solid #222D3A !important
}

.border-bottom-secondary.border-bottom-darken-4 {
    border-bottom: 1px solid #222D3A !important
}

.border-left-secondary.border-left-darken-4 {
    border-left: 1px solid #222D3A !important
}

.border-right-secondary.border-right-darken-4 {
    border-right: 1px solid #222D3A !important
}

.btn-secondary.btn-light, .btn-secondary.btn-light:hover {
    border-color: #34465B !important
}

.overlay-secondary.overlay-darken-4 {
    background: #222D3A;
    background: rgba(34,45,58,.6)
}

.bg-secondary.bg-light, .btn-secondary.btn-light {
    background-color: #E6EAEE !important
}

.secondary.light {
    color: #E6EAEE !important
}

.btn-secondary.btn-light:hover {
    background-color: #2B3A4A !important
}

.btn-secondary.btn-light:active, .btn-secondary.btn-light:focus {
    border-color: #2B3A4A !important;
    background-color: #222D3A !important
}

.btn-outline-secondary.btn-outline-light {
    border-color: #E6EAEE !important;
    color: #E6EAEE !important
}

    .btn-outline-secondary.btn-outline-light:hover {
        background-color: #E6EAEE !important
    }

input:focus ~ .bg-secondary {
    box-shadow: 0 0 0 .075rem #FFF,0 0 0 .21rem #E6EAEE !important
}

.border-secondary.border-light {
    border: 1px solid #E6EAEE !important
}

.border-top-secondary.border-top-light {
    border-top: 1px solid #E6EAEE !important
}

.border-bottom-secondary.border-bottom-light {
    border-bottom: 1px solid #E6EAEE !important
}

.border-left-secondary.border-left-light {
    border-left: 1px solid #E6EAEE !important
}

.border-right-secondary.border-right-light {
    border-right: 1px solid #E6EAEE !important
}

.overlay-secondary.overlay-light {
    background: #E6EAEE;
    background: rgba(230,234,238,.6)
}

.bg-success.bg-lighten-5, .btn-success.btn-lighten-5 {
    background-color: #A4EEC9 !important
}

.success.lighten-5 {
    color: #A4EEC9 !important
}

.btn-success.btn-lighten-5 {
    border-color: #23BD70 !important
}

    .btn-success.btn-lighten-5:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-lighten-5:active, .btn-success.btn-lighten-5:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-lighten-5 {
    border-color: #A4EEC9 !important;
    color: #A4EEC9 !important
}

    .btn-outline-success.btn-outline-lighten-5:hover {
        background-color: #A4EEC9 !important
    }

.border-success.border-lighten-5 {
    border: 1px solid #A4EEC9 !important
}

.border-top-success.border-top-lighten-5 {
    border-top: 1px solid #A4EEC9 !important
}

.border-bottom-success.border-bottom-lighten-5 {
    border-bottom: 1px solid #A4EEC9 !important
}

.border-left-success.border-left-lighten-5 {
    border-left: 1px solid #A4EEC9 !important
}

.border-right-success.border-right-lighten-5 {
    border-right: 1px solid #A4EEC9 !important
}

.overlay-success.overlay-lighten-5 {
    background: #A4EEC9;
    background: rgba(164,238,201,.6)
}

.bg-success.bg-lighten-4, .btn-success.btn-lighten-4 {
    background-color: #8FEABD !important
}

.success.lighten-4 {
    color: #8FEABD !important
}

.btn-success.btn-lighten-4 {
    border-color: #23BD70 !important
}

    .btn-success.btn-lighten-4:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-lighten-4:active, .btn-success.btn-lighten-4:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-lighten-4 {
    border-color: #8FEABD !important;
    color: #8FEABD !important
}

    .btn-outline-success.btn-outline-lighten-4:hover {
        background-color: #8FEABD !important
    }

.border-success.border-lighten-4 {
    border: 1px solid #8FEABD !important
}

.border-top-success.border-top-lighten-4 {
    border-top: 1px solid #8FEABD !important
}

.border-bottom-success.border-bottom-lighten-4 {
    border-bottom: 1px solid #8FEABD !important
}

.border-left-success.border-left-lighten-4 {
    border-left: 1px solid #8FEABD !important
}

.border-right-success.border-right-lighten-4 {
    border-right: 1px solid #8FEABD !important
}

.overlay-success.overlay-lighten-4 {
    background: #8FEABD;
    background: rgba(143,234,189,.6)
}

.bg-success.bg-lighten-3, .btn-success.btn-lighten-3 {
    background-color: #79E6B0 !important
}

.success.lighten-3 {
    color: #79E6B0 !important
}

.btn-success.btn-lighten-3 {
    border-color: #23BD70 !important
}

    .btn-success.btn-lighten-3:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-lighten-3:active, .btn-success.btn-lighten-3:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-lighten-3 {
    border-color: #79E6B0 !important;
    color: #79E6B0 !important
}

    .btn-outline-success.btn-outline-lighten-3:hover {
        background-color: #79E6B0 !important
    }

.border-success.border-lighten-3 {
    border: 1px solid #79E6B0 !important
}

.border-top-success.border-top-lighten-3 {
    border-top: 1px solid #79E6B0 !important
}

.border-bottom-success.border-bottom-lighten-3 {
    border-bottom: 1px solid #79E6B0 !important
}

.border-left-success.border-left-lighten-3 {
    border-left: 1px solid #79E6B0 !important
}

.border-right-success.border-right-lighten-3 {
    border-right: 1px solid #79E6B0 !important
}

.overlay-success.overlay-lighten-3 {
    background: #79E6B0;
    background: rgba(121,230,176,.6)
}

.bg-success.bg-lighten-2, .btn-success.btn-lighten-2 {
    background-color: #64E2A3 !important
}

.success.lighten-2 {
    color: #64E2A3 !important
}

.btn-success.btn-lighten-2 {
    border-color: #23BD70 !important
}

    .btn-success.btn-lighten-2:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-lighten-2:active, .btn-success.btn-lighten-2:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-lighten-2 {
    border-color: #64E2A3 !important;
    color: #64E2A3 !important
}

    .btn-outline-success.btn-outline-lighten-2:hover {
        background-color: #64E2A3 !important
    }

.border-success.border-lighten-2 {
    border: 1px solid #64E2A3 !important
}

.border-top-success.border-top-lighten-2 {
    border-top: 1px solid #64E2A3 !important
}

.border-bottom-success.border-bottom-lighten-2 {
    border-bottom: 1px solid #64E2A3 !important
}

.border-left-success.border-left-lighten-2 {
    border-left: 1px solid #64E2A3 !important
}

.border-right-success.border-right-lighten-2 {
    border-right: 1px solid #64E2A3 !important
}

.overlay-success.overlay-lighten-2 {
    background: #64E2A3;
    background: rgba(100,226,163,.6)
}

.bg-success.bg-lighten-1, .btn-success.btn-lighten-1 {
    background-color: #4EDE97 !important
}

.success.lighten-1 {
    color: #4EDE97 !important
}

.btn-success.btn-lighten-1 {
    border-color: #23BD70 !important
}

    .btn-success.btn-lighten-1:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-lighten-1:active, .btn-success.btn-lighten-1:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-lighten-1 {
    border-color: #4EDE97 !important;
    color: #4EDE97 !important
}

    .btn-outline-success.btn-outline-lighten-1:hover {
        background-color: #4EDE97 !important
    }

.border-success.border-lighten-1 {
    border: 1px solid #4EDE97 !important
}

.border-top-success.border-top-lighten-1 {
    border-top: 1px solid #4EDE97 !important
}

.border-bottom-success.border-bottom-lighten-1 {
    border-bottom: 1px solid #4EDE97 !important
}

.border-left-success.border-left-lighten-1 {
    border-left: 1px solid #4EDE97 !important
}

.border-right-success.border-right-lighten-1 {
    border-right: 1px solid #4EDE97 !important
}

.overlay-success.overlay-lighten-1 {
    background: #4EDE97;
    background: rgba(78,222,151,.6)
}

.success {
    color: #39DA8A !important
}

.text-light-success {
    color: rgba(57,218,138,.2) !important
}

.bg-success {
    background-color: #39DA8A !important
}

    .bg-success .card-footer, .bg-success .card-header {
        background-color: transparent
    }

.bg-rgba-success {
    background: rgba(57,218,138,.2) !important
}

    .bg-rgba-success.alert, .bg-rgba-success.alert.alert-dismissible .close {
        color: #39DA8A
    }

.alert.alert-success {
    background: #39DA8A !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(57,218,138,.4);
    border: none
}

.border-success {
    border: 1px solid #39DA8A !important
}

    .border-success .select2-selection__arrow b {
        border-color: #23BD70 !important
    }

    .border-success.alert, .border-success.alert.alert-dismissible .close {
        color: #39DA8A
    }

.border-top-success {
    border-top: 1px solid #39DA8A
}

.border-bottom-success {
    border-bottom: 1px solid #39DA8A
}

.border-left-success {
    border-left: 1px solid #39DA8A
}

.border-right-success {
    border-right: 1px solid #39DA8A
}

.header-navbar.bg-success .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #39DA8A !important
}

.badge.badge-success {
    background-color: #39DA8A
}

.badge.badge-light-success {
    background-color: #D2FFE8;
    color: #39DA8A !important
}

.badge.badge-success.badge-glow, .badge.bg-success.badge-glow, .badge.border-success.badge-glow {
    box-shadow: 0 0 10px #39DA8A
}

.badge-circle-success {
    background-color: #39DA8A
}

.badge-circle-light-success {
    background-color: #D2FFE8;
    color: #39DA8A
}

.overlay-success {
    background: #39DA8A;
    background: rgba(57,218,138,.6)
}

.btn-success {
    border-color: #23BD70 !important;
    background-color: #39DA8A !important;
    color: #FFF
}

    .btn-success.hover, .btn-success:hover {
        background-color: #4EDE97 !important;
        color: #FFF
    }

        .btn-success.hover.glow, .btn-success:hover.glow {
            box-shadow: 0 4px 12px 0 rgba(57,218,138,.6) !important
        }

    .btn-success.active, .btn-success:active, .btn-success:focus {
        background-color: #27D27D !important;
        color: #FFF !important
    }

    .btn-success.glow {
        box-shadow: 0 2px 4px 0 rgba(57,218,138,.5) !important
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #FFF !important
    }

.btn-light-success {
    background-color: #D2FFE8;
    color: #39DA8A !important
}

    .btn-light-success.hover, .btn-light-success:hover {
        background-color: #4EDE97 !important;
        color: #FFF !important
    }

    .btn-light-success.active, .btn-light-success:active {
        background-color: #27D27D !important;
        color: #FFF !important
    }

.btn-outline-success {
    border: 1px solid #39DA8A;
    background-color: transparent;
    color: #39DA8A !important
}

    .btn-outline-success.hover, .btn-outline-success:hover {
        background-color: #4EDE97 !important;
        color: #FFF !important
    }

    .btn-outline-success.active, .btn-outline-success:active {
        background-color: #27D27D !important;
        color: #FFF !important
    }

    .btn-outline-success ~ .dropdown-menu .dropdown-item.active, .btn-success ~ .dropdown-menu .dropdown-item.active {
        background-color: #39DA8A;
        color: #FFF
    }

        .btn-outline-success ~ .dropdown-menu .dropdown-item.active:hover, .btn-success ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i {
    color: #39DA8A
}

.dropdown.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-success {
    background-color: #39DA8A
}

.pagination-success .page-item.active .page-link, .pagination-success .page-item.active .page-link:hover {
    background: #39DA8A !important;
    color: #FFF
}

.pagination-success .page-item .page-link:hover {
    background-color: #D2FFE8 !important
}

.pagination-success .page-item.next .page-link, .pagination-success .page-item.previous .page-link {
    color: #39DA8A
}

    .pagination-success .page-item.next .page-link:hover, .pagination-success .page-item.previous .page-link:hover {
        background: #39DA8A
    }

.progress-bar-success .progress-bar {
    background-color: #39DA8A;
    box-shadow: 0 2px 6px 0 rgba(57,218,138,.6)
}

.chip-success {
    background-color: #39DA8A !important
}

    .chip-success .chip-body {
        color: #FFF !important
    }

.divider.divider-success .divider-text:after, .divider.divider-success .divider-text:before {
    border-color: #39DA8A !important
}

.widget-timeline li.timeline-items.timeline-icon-success:before {
    background: #39DA8A !important
}

input[type=checkbox].bg-success + .custom-control-label:before, input[type=radio].bg-success + .custom-control-label:before {
    background-color: #39DA8A !important;
    border-color: #23BD70 !important
}

.checkbox.checkbox-success input:checked ~ label::before, .checkbox.radio-success input:checked ~ label::before, .radio.checkbox-success input:checked ~ label::before, .radio.radio-success input:checked ~ label::before {
    background-color: #39DA8A;
    border-color: #39DA8A
}

.checkbox.checkbox-success input:checked ~ label::after, .checkbox.radio-success input:checked ~ label::after, .radio.checkbox-success input:checked ~ label::after, .radio.radio-success input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-success.checkbox-glow input:checked ~ label::before, .checkbox.checkbox-success.radio-glow input:checked ~ label::before, .checkbox.radio-success.checkbox-glow input:checked ~ label::before, .checkbox.radio-success.radio-glow input:checked ~ label::before, .radio.checkbox-success.checkbox-glow input:checked ~ label::before, .radio.checkbox-success.radio-glow input:checked ~ label::before, .radio.radio-success.checkbox-glow input:checked ~ label::before, .radio.radio-success.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(57,218,138,.7)
}

.checkbox.checkbox-success.checkbox-icon label i, .checkbox.radio-success.checkbox-icon label i, .radio.checkbox-success.checkbox-icon label i, .radio.radio-success.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-success label:after {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.radio.radio-success input:checked ~ label::after {
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.custom-switch-success .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #39DA8A !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-success.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(57,218,138,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-success, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-success {
    box-shadow: 0 0 8px 0 rgba(57,218,138,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=success]:before {
    background-color: #39DA8A
}

select.select-light-success ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-success ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    background-color: #D2FFE8 !important;
    color: #39DA8A !important
}

.bg-success.bg-darken-1, .btn-success.btn-darken-1 {
    background-color: #27D27D !important
}

.success.darken-1 {
    color: #27D27D !important
}

.btn-success.btn-darken-1 {
    border-color: #23BD70 !important
}

    .btn-success.btn-darken-1:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-darken-1:active, .btn-success.btn-darken-1:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-darken-1 {
    border-color: #27D27D !important;
    color: #27D27D !important
}

    .btn-outline-success.btn-outline-darken-1:hover {
        background-color: #27D27D !important
    }

.border-success.border-darken-1 {
    border: 1px solid #27D27D !important
}

.border-top-success.border-top-darken-1 {
    border-top: 1px solid #27D27D !important
}

.border-bottom-success.border-bottom-darken-1 {
    border-bottom: 1px solid #27D27D !important
}

.border-left-success.border-left-darken-1 {
    border-left: 1px solid #27D27D !important
}

.border-right-success.border-right-darken-1 {
    border-right: 1px solid #27D27D !important
}

.overlay-success.overlay-darken-1 {
    background: #27D27D;
    background: rgba(39,210,125,.6)
}

.bg-success.bg-darken-2, .btn-success.btn-darken-2 {
    background-color: #23BD70 !important
}

.success.darken-2 {
    color: #23BD70 !important
}

.btn-success.btn-darken-2 {
    border-color: #23BD70 !important
}

    .btn-success.btn-darken-2:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-darken-2:active, .btn-success.btn-darken-2:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-darken-2 {
    border-color: #23BD70 !important;
    color: #23BD70 !important
}

    .btn-outline-success.btn-outline-darken-2:hover {
        background-color: #23BD70 !important
    }

.border-success.border-darken-2 {
    border: 1px solid #23BD70 !important
}

.border-top-success.border-top-darken-2 {
    border-top: 1px solid #23BD70 !important
}

.border-bottom-success.border-bottom-darken-2 {
    border-bottom: 1px solid #23BD70 !important
}

.border-left-success.border-left-darken-2 {
    border-left: 1px solid #23BD70 !important
}

.border-right-success.border-right-darken-2 {
    border-right: 1px solid #23BD70 !important
}

.overlay-success.overlay-darken-2 {
    background: #23BD70;
    background: rgba(35,189,112,.6)
}

.success.darken-3 {
    color: #1FA764 !important
}

.bg-success.bg-darken-3 {
    background-color: #1FA764 !important
}

.btn-success.btn-darken-3, .btn-success.btn-darken-3:hover {
    border-color: #23BD70 !important;
    background-color: #1FA764 !important
}

    .btn-success.btn-darken-3:active, .btn-success.btn-darken-3:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-darken-3 {
    border-color: #1FA764 !important;
    color: #1FA764 !important
}

    .btn-outline-success.btn-outline-darken-3:hover {
        background-color: #1FA764 !important
    }

.border-success.border-darken-3 {
    border: 1px solid #1FA764 !important
}

.border-top-success.border-top-darken-3 {
    border-top: 1px solid #1FA764 !important
}

.border-bottom-success.border-bottom-darken-3 {
    border-bottom: 1px solid #1FA764 !important
}

.border-left-success.border-left-darken-3 {
    border-left: 1px solid #1FA764 !important
}

.border-right-success.border-right-darken-3 {
    border-right: 1px solid #1FA764 !important
}

.overlay-success.overlay-darken-3 {
    background: #1FA764;
    background: rgba(31,167,100,.6)
}

.bg-success.bg-darken-4, .btn-success.btn-darken-4 {
    background-color: #1B9257 !important
}

.success.darken-4 {
    color: #1B9257 !important
}

.btn-success.btn-darken-4 {
    border-color: #23BD70 !important
}

    .btn-success.btn-darken-4:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-darken-4:active, .btn-success.btn-darken-4:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-darken-4 {
    border-color: #1B9257 !important;
    color: #1B9257 !important
}

    .btn-outline-success.btn-outline-darken-4:hover {
        background-color: #1B9257 !important
    }

.border-success.border-darken-4 {
    border: 1px solid #1B9257 !important
}

.border-top-success.border-top-darken-4 {
    border-top: 1px solid #1B9257 !important
}

.border-bottom-success.border-bottom-darken-4 {
    border-bottom: 1px solid #1B9257 !important
}

.border-left-success.border-left-darken-4 {
    border-left: 1px solid #1B9257 !important
}

.border-right-success.border-right-darken-4 {
    border-right: 1px solid #1B9257 !important
}

.overlay-success.overlay-darken-4 {
    background: #1B9257;
    background: rgba(27,146,87,.6)
}

.bg-success.bg-accent-1, .btn-success.btn-accent-1 {
    background-color: #E1FFF1 !important
}

.success.accent-1 {
    color: #E1FFF1 !important
}

.btn-success.btn-accent-1 {
    border-color: #23BD70 !important
}

    .btn-success.btn-accent-1:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-accent-1:active, .btn-success.btn-accent-1:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-accent-1 {
    border-color: #E1FFF1 !important;
    color: #E1FFF1 !important
}

    .btn-outline-success.btn-outline-accent-1:hover {
        background-color: #E1FFF1 !important
    }

.border-success.border-accent-1 {
    border: 1px solid #E1FFF1 !important
}

.border-top-success.border-top-accent-1 {
    border-top: 1px solid #E1FFF1 !important
}

.border-bottom-success.border-bottom-accent-1 {
    border-bottom: 1px solid #E1FFF1 !important
}

.border-left-success.border-left-accent-1 {
    border-left: 1px solid #E1FFF1 !important
}

.border-right-success.border-right-accent-1 {
    border-right: 1px solid #E1FFF1 !important
}

.overlay-success.overlay-accent-1 {
    background: #E1FFF1;
    background: rgba(225,255,241,.6)
}

.bg-success.bg-accent-2, .btn-success.btn-accent-2 {
    background-color: #AEFFD9 !important
}

.success.accent-2 {
    color: #AEFFD9 !important
}

.btn-success.btn-accent-2 {
    border-color: #23BD70 !important
}

    .btn-success.btn-accent-2:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-accent-2:active, .btn-success.btn-accent-2:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-accent-2 {
    border-color: #AEFFD9 !important;
    color: #AEFFD9 !important
}

    .btn-outline-success.btn-outline-accent-2:hover {
        background-color: #AEFFD9 !important
    }

.border-success.border-accent-2 {
    border: 1px solid #AEFFD9 !important
}

.border-top-success.border-top-accent-2 {
    border-top: 1px solid #AEFFD9 !important
}

.border-bottom-success.border-bottom-accent-2 {
    border-bottom: 1px solid #AEFFD9 !important
}

.border-left-success.border-left-accent-2 {
    border-left: 1px solid #AEFFD9 !important
}

.border-right-success.border-right-accent-2 {
    border-right: 1px solid #AEFFD9 !important
}

.overlay-success.overlay-accent-2 {
    background: #AEFFD9;
    background: rgba(174,255,217,.6)
}

.bg-success.bg-accent-3, .btn-success.btn-accent-3 {
    background-color: #7BFFC1 !important
}

.success.accent-3 {
    color: #7BFFC1 !important
}

.btn-success.btn-accent-3 {
    border-color: #23BD70 !important
}

    .btn-success.btn-accent-3:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-accent-3:active, .btn-success.btn-accent-3:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-accent-3 {
    border-color: #7BFFC1 !important;
    color: #7BFFC1 !important
}

    .btn-outline-success.btn-outline-accent-3:hover {
        background-color: #7BFFC1 !important
    }

.border-success.border-accent-3 {
    border: 1px solid #7BFFC1 !important
}

.border-top-success.border-top-accent-3 {
    border-top: 1px solid #7BFFC1 !important
}

.border-bottom-success.border-bottom-accent-3 {
    border-bottom: 1px solid #7BFFC1 !important
}

.border-left-success.border-left-accent-3 {
    border-left: 1px solid #7BFFC1 !important
}

.border-right-success.border-right-accent-3 {
    border-right: 1px solid #7BFFC1 !important
}

.overlay-success.overlay-accent-3 {
    background: #7BFFC1;
    background: rgba(123,255,193,.6)
}

.bg-success.bg-accent-4, .btn-success.btn-accent-4 {
    background-color: #62FFB5 !important
}

.success.accent-4 {
    color: #62FFB5 !important
}

.btn-success.btn-accent-4 {
    border-color: #23BD70 !important
}

    .btn-success.btn-accent-4:hover {
        border-color: #23BD70 !important;
        background-color: #1FA764 !important
    }

    .btn-success.btn-accent-4:active, .btn-success.btn-accent-4:focus {
        border-color: #1FA764 !important;
        background-color: #1B9257 !important
    }

.btn-outline-success.btn-outline-accent-4 {
    border-color: #62FFB5 !important;
    color: #62FFB5 !important
}

    .btn-outline-success.btn-outline-accent-4:hover {
        background-color: #62FFB5 !important
    }

.border-success.border-accent-4 {
    border: 1px solid #62FFB5 !important
}

.border-top-success.border-top-accent-4 {
    border-top: 1px solid #62FFB5 !important
}

.border-bottom-success.border-bottom-accent-4 {
    border-bottom: 1px solid #62FFB5 !important
}

.border-left-success.border-left-accent-4 {
    border-left: 1px solid #62FFB5 !important
}

.border-right-success.border-right-accent-4 {
    border-right: 1px solid #62FFB5 !important
}

.btn-success.btn-light, .btn-success.btn-light:hover {
    border-color: #23BD70 !important
}

.overlay-success.overlay-accent-4 {
    background: #62FFB5;
    background: rgba(98,255,181,.6)
}

.bg-success.bg-light, .btn-success.btn-light {
    background-color: #D2FFE8 !important
}

.success.light {
    color: #D2FFE8 !important
}

.btn-success.btn-light:hover {
    background-color: #1FA764 !important
}

.btn-success.btn-light:active, .btn-success.btn-light:focus {
    border-color: #1FA764 !important;
    background-color: #1B9257 !important
}

.btn-outline-success.btn-outline-light {
    border-color: #D2FFE8 !important;
    color: #D2FFE8 !important
}

    .btn-outline-success.btn-outline-light:hover {
        background-color: #D2FFE8 !important
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 .075rem #FFF,0 0 0 .21rem #D2FFE8 !important
}

.border-success.border-light {
    border: 1px solid #D2FFE8 !important
}

.border-top-success.border-top-light {
    border-top: 1px solid #D2FFE8 !important
}

.border-bottom-success.border-bottom-light {
    border-bottom: 1px solid #D2FFE8 !important
}

.border-left-success.border-left-light {
    border-left: 1px solid #D2FFE8 !important
}

.border-right-success.border-right-light {
    border-right: 1px solid #D2FFE8 !important
}

.btn-info.btn-lighten-5, .btn-info.btn-lighten-5:hover {
    border-color: #009FAA !important
}

.overlay-success.overlay-light {
    background: #D2FFE8;
    background: rgba(210,255,232,.6)
}

.bg-info.bg-lighten-5, .btn-info.btn-lighten-5 {
    background-color: #5EF5FF !important
}

.info.lighten-5 {
    color: #5EF5FF !important
}

.btn-info.btn-lighten-5:hover {
    background-color: #008791 !important
}

.btn-info.btn-lighten-5:active, .btn-info.btn-lighten-5:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-lighten-5 {
    border-color: #5EF5FF !important;
    color: #5EF5FF !important
}

    .btn-outline-info.btn-outline-lighten-5:hover {
        background-color: #5EF5FF !important
    }

.border-info.border-lighten-5 {
    border: 1px solid #5EF5FF !important
}

.border-top-info.border-top-lighten-5 {
    border-top: 1px solid #5EF5FF !important
}

.border-bottom-info.border-bottom-lighten-5 {
    border-bottom: 1px solid #5EF5FF !important
}

.border-left-info.border-left-lighten-5 {
    border-left: 1px solid #5EF5FF !important
}

.border-right-info.border-right-lighten-5 {
    border-right: 1px solid #5EF5FF !important
}

.btn-info.btn-lighten-4, .btn-info.btn-lighten-4:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-lighten-5 {
    background: #5EF5FF;
    background: rgba(94,245,255,.6)
}

.bg-info.bg-lighten-4, .btn-info.btn-lighten-4 {
    background-color: #44F3FF !important
}

.info.lighten-4 {
    color: #44F3FF !important
}

.btn-info.btn-lighten-4:hover {
    background-color: #008791 !important
}

.btn-info.btn-lighten-4:active, .btn-info.btn-lighten-4:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-lighten-4 {
    border-color: #44F3FF !important;
    color: #44F3FF !important
}

    .btn-outline-info.btn-outline-lighten-4:hover {
        background-color: #44F3FF !important
    }

.border-info.border-lighten-4 {
    border: 1px solid #44F3FF !important
}

.border-top-info.border-top-lighten-4 {
    border-top: 1px solid #44F3FF !important
}

.border-bottom-info.border-bottom-lighten-4 {
    border-bottom: 1px solid #44F3FF !important
}

.border-left-info.border-left-lighten-4 {
    border-left: 1px solid #44F3FF !important
}

.border-right-info.border-right-lighten-4 {
    border-right: 1px solid #44F3FF !important
}

.btn-info.btn-lighten-3, .btn-info.btn-lighten-3:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-lighten-4 {
    background: #44F3FF;
    background: rgba(68,243,255,.6)
}

.bg-info.bg-lighten-3, .btn-info.btn-lighten-3 {
    background-color: #2BF2FF !important
}

.info.lighten-3 {
    color: #2BF2FF !important
}

.btn-info.btn-lighten-3:hover {
    background-color: #008791 !important
}

.btn-info.btn-lighten-3:active, .btn-info.btn-lighten-3:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-lighten-3 {
    border-color: #2BF2FF !important;
    color: #2BF2FF !important
}

    .btn-outline-info.btn-outline-lighten-3:hover {
        background-color: #2BF2FF !important
    }

.border-info.border-lighten-3 {
    border: 1px solid #2BF2FF !important
}

.border-top-info.border-top-lighten-3 {
    border-top: 1px solid #2BF2FF !important
}

.border-bottom-info.border-bottom-lighten-3 {
    border-bottom: 1px solid #2BF2FF !important
}

.border-left-info.border-left-lighten-3 {
    border-left: 1px solid #2BF2FF !important
}

.border-right-info.border-right-lighten-3 {
    border-right: 1px solid #2BF2FF !important
}

.btn-info.btn-lighten-2, .btn-info.btn-lighten-2:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-lighten-3 {
    background: #2BF2FF;
    background: rgba(43,242,255,.6)
}

.bg-info.bg-lighten-2, .btn-info.btn-lighten-2 {
    background-color: #11F0FF !important
}

.info.lighten-2 {
    color: #11F0FF !important
}

.btn-info.btn-lighten-2:hover {
    background-color: #008791 !important
}

.btn-info.btn-lighten-2:active, .btn-info.btn-lighten-2:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-lighten-2 {
    border-color: #11F0FF !important;
    color: #11F0FF !important
}

    .btn-outline-info.btn-outline-lighten-2:hover {
        background-color: #11F0FF !important
    }

.border-info.border-lighten-2 {
    border: 1px solid #11F0FF !important
}

.border-top-info.border-top-lighten-2 {
    border-top: 1px solid #11F0FF !important
}

.border-bottom-info.border-bottom-lighten-2 {
    border-bottom: 1px solid #11F0FF !important
}

.border-left-info.border-left-lighten-2 {
    border-left: 1px solid #11F0FF !important
}

.border-right-info.border-right-lighten-2 {
    border-right: 1px solid #11F0FF !important
}

.btn-info.btn-lighten-1, .btn-info.btn-lighten-1:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-lighten-2 {
    background: #11F0FF;
    background: rgba(17,240,255,.6)
}

.bg-info.bg-lighten-1, .btn-info.btn-lighten-1 {
    background-color: #00E7F7 !important
}

.info.lighten-1 {
    color: #00E7F7 !important
}

.btn-info.btn-lighten-1:hover {
    background-color: #008791 !important
}

.btn-info.btn-lighten-1:active, .btn-info.btn-lighten-1:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-lighten-1 {
    border-color: #00E7F7 !important;
    color: #00E7F7 !important
}

    .btn-outline-info.btn-outline-lighten-1:hover {
        background-color: #00E7F7 !important
    }

.border-info.border-lighten-1 {
    border: 1px solid #00E7F7 !important
}

.border-top-info.border-top-lighten-1 {
    border-top: 1px solid #00E7F7 !important
}

.border-bottom-info.border-bottom-lighten-1 {
    border-bottom: 1px solid #00E7F7 !important
}

.border-left-info.border-left-lighten-1 {
    border-left: 1px solid #00E7F7 !important
}

.border-right-info.border-right-lighten-1 {
    border-right: 1px solid #00E7F7 !important
}

.overlay-info.overlay-lighten-1 {
    background: #00E7F7;
    background: rgba(0,231,247,.6)
}

.info {
    color: #00CFDD !important
}

.text-light-info {
    color: rgba(0,207,221,.2) !important
}

.bg-info {
    background-color: #00CFDD !important
}

    .bg-info .card-footer, .bg-info .card-header {
        background-color: transparent
    }

.bg-rgba-info {
    background: rgba(0,207,221,.2) !important
}

    .bg-rgba-info.alert, .bg-rgba-info.alert.alert-dismissible .close {
        color: #00CFDD
    }

.alert.alert-info {
    background: #00CFDD !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(0,207,221,.4);
    border: none
}

.border-info {
    border: 1px solid #00CFDD !important
}

    .border-info .select2-selection__arrow b {
        border-color: #009FAA !important
    }

    .border-info.alert, .border-info.alert.alert-dismissible .close {
        color: #00CFDD
    }

.border-top-info {
    border-top: 1px solid #00CFDD
}

.border-bottom-info {
    border-bottom: 1px solid #00CFDD
}

.border-left-info {
    border-left: 1px solid #00CFDD
}

.border-right-info {
    border-right: 1px solid #00CFDD
}

.header-navbar.bg-info .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #00CFDD !important
}

.badge.badge-info {
    background-color: #00CFDD
}

.badge.badge-light-info {
    background-color: #CCF5F8;
    color: #00CFDD !important
}

.badge.badge-info.badge-glow, .badge.bg-info.badge-glow, .badge.border-info.badge-glow {
    box-shadow: 0 0 10px #00CFDD
}

.badge-circle-info {
    background-color: #00CFDD
}

.badge-circle-light-info {
    background-color: #CCF5F8;
    color: #00CFDD
}

.overlay-info {
    background: #00CFDD;
    background: rgba(0,207,221,.6)
}

.btn-info {
    border-color: #009FAA !important;
    background-color: #00CFDD !important;
    color: #FFF
}

    .btn-info.hover, .btn-info:hover {
        background-color: #00E7F7 !important;
        color: #FFF
    }

        .btn-info.hover.glow, .btn-info:hover.glow {
            box-shadow: 0 4px 12px 0 rgba(0,207,221,.6) !important
        }

    .btn-info.active, .btn-info:active, .btn-info:focus {
        background-color: #00B7C4 !important;
        color: #FFF !important
    }

    .btn-info.glow {
        box-shadow: 0 2px 4px 0 rgba(0,207,221,.5) !important
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #FFF !important
    }

.btn-light-info {
    background-color: #CCF5F8;
    color: #00CFDD !important
}

    .btn-light-info.hover, .btn-light-info:hover {
        background-color: #00E7F7 !important;
        color: #FFF !important
    }

    .btn-light-info.active, .btn-light-info:active {
        background-color: #00B7C4 !important;
        color: #FFF !important
    }

.btn-outline-info {
    border: 1px solid #00CFDD;
    background-color: transparent;
    color: #00CFDD !important
}

    .btn-outline-info.hover, .btn-outline-info:hover {
        background-color: #00E7F7 !important;
        color: #FFF !important
    }

    .btn-outline-info.active, .btn-outline-info:active {
        background-color: #00B7C4 !important;
        color: #FFF !important
    }

    .btn-info ~ .dropdown-menu .dropdown-item.active, .btn-outline-info ~ .dropdown-menu .dropdown-item.active {
        background-color: #00CFDD;
        color: #FFF
    }

        .btn-info ~ .dropdown-menu .dropdown-item.active:hover, .btn-outline-info ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i {
    color: #00CFDD
}

.dropdown.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-info {
    background-color: #00CFDD
}

.pagination-info .page-item.active .page-link, .pagination-info .page-item.active .page-link:hover {
    background: #00CFDD !important;
    color: #FFF
}

.pagination-info .page-item .page-link:hover {
    background-color: #CCF5F8 !important
}

.pagination-info .page-item.next .page-link, .pagination-info .page-item.previous .page-link {
    color: #00CFDD
}

    .pagination-info .page-item.next .page-link:hover, .pagination-info .page-item.previous .page-link:hover {
        background: #00CFDD
    }

.progress-bar-info .progress-bar {
    background-color: #00CFDD;
    box-shadow: 0 2px 6px 0 rgba(0,207,221,.6)
}

.chip-info {
    background-color: #00CFDD !important
}

    .chip-info .chip-body {
        color: #FFF !important
    }

.divider.divider-info .divider-text:after, .divider.divider-info .divider-text:before {
    border-color: #00CFDD !important
}

.widget-timeline li.timeline-items.timeline-icon-info:before {
    background: #00CFDD !important
}

input[type=checkbox].bg-info + .custom-control-label:before, input[type=radio].bg-info + .custom-control-label:before {
    background-color: #00CFDD !important;
    border-color: #009FAA !important
}

.checkbox.checkbox-info input:checked ~ label::before, .checkbox.radio-info input:checked ~ label::before, .radio.checkbox-info input:checked ~ label::before, .radio.radio-info input:checked ~ label::before {
    background-color: #00CFDD;
    border-color: #00CFDD
}

.checkbox.checkbox-info input:checked ~ label::after, .checkbox.radio-info input:checked ~ label::after, .radio.checkbox-info input:checked ~ label::after, .radio.radio-info input:checked ~ label::after {
    border-color: #FFF
}

.btn-info.btn-darken-1, .btn-info.btn-darken-1:hover {
    border-color: #009FAA !important
}

.checkbox.checkbox-info.checkbox-glow input:checked ~ label::before, .checkbox.checkbox-info.radio-glow input:checked ~ label::before, .checkbox.radio-info.checkbox-glow input:checked ~ label::before, .checkbox.radio-info.radio-glow input:checked ~ label::before, .radio.checkbox-info.checkbox-glow input:checked ~ label::before, .radio.checkbox-info.radio-glow input:checked ~ label::before, .radio.radio-info.checkbox-glow input:checked ~ label::before, .radio.radio-info.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(0,207,221,.7)
}

.checkbox.checkbox-info.checkbox-icon label i, .checkbox.radio-info.checkbox-icon label i, .radio.checkbox-info.checkbox-icon label i, .radio.radio-info.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-info label:after {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.radio.radio-info input:checked ~ label::after {
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.custom-switch-info .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00CFDD !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-info.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(0,207,221,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-info, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-info {
    box-shadow: 0 0 8px 0 rgba(0,207,221,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=info]:before {
    background-color: #00CFDD
}

select.select-light-info ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-info ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    background-color: #CCF5F8 !important;
    color: #00CFDD !important
}

.bg-info.bg-darken-1, .btn-info.btn-darken-1 {
    background-color: #00B7C4 !important
}

.info.darken-1 {
    color: #00B7C4 !important
}

.btn-info.btn-darken-1:hover {
    background-color: #008791 !important
}

.btn-info.btn-darken-1:active, .btn-info.btn-darken-1:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-darken-1 {
    border-color: #00B7C4 !important;
    color: #00B7C4 !important
}

    .btn-outline-info.btn-outline-darken-1:hover {
        background-color: #00B7C4 !important
    }

.border-info.border-darken-1 {
    border: 1px solid #00B7C4 !important
}

.border-top-info.border-top-darken-1 {
    border-top: 1px solid #00B7C4 !important
}

.border-bottom-info.border-bottom-darken-1 {
    border-bottom: 1px solid #00B7C4 !important
}

.border-left-info.border-left-darken-1 {
    border-left: 1px solid #00B7C4 !important
}

.border-right-info.border-right-darken-1 {
    border-right: 1px solid #00B7C4 !important
}

.btn-info.btn-darken-2, .btn-info.btn-darken-2:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-darken-1 {
    background: #00B7C4;
    background: rgba(0,183,196,.6)
}

.bg-info.bg-darken-2, .btn-info.btn-darken-2 {
    background-color: #009FAA !important
}

.info.darken-2 {
    color: #009FAA !important
}

.btn-info.btn-darken-2:hover {
    background-color: #008791 !important
}

.btn-info.btn-darken-2:active, .btn-info.btn-darken-2:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-darken-2 {
    border-color: #009FAA !important;
    color: #009FAA !important
}

    .btn-outline-info.btn-outline-darken-2:hover {
        background-color: #009FAA !important
    }

.border-info.border-darken-2 {
    border: 1px solid #009FAA !important
}

.border-top-info.border-top-darken-2 {
    border-top: 1px solid #009FAA !important
}

.border-bottom-info.border-bottom-darken-2 {
    border-bottom: 1px solid #009FAA !important
}

.border-left-info.border-left-darken-2 {
    border-left: 1px solid #009FAA !important
}

.border-right-info.border-right-darken-2 {
    border-right: 1px solid #009FAA !important
}

.overlay-info.overlay-darken-2 {
    background: #009FAA;
    background: rgba(0,159,170,.6)
}

.info.darken-3 {
    color: #008791 !important
}

.bg-info.bg-darken-3 {
    background-color: #008791 !important
}

.btn-info.btn-darken-3, .btn-info.btn-darken-3:hover {
    border-color: #009FAA !important;
    background-color: #008791 !important
}

    .btn-info.btn-darken-3:active, .btn-info.btn-darken-3:focus {
        border-color: #008791 !important;
        background-color: #006F77 !important
    }

.btn-outline-info.btn-outline-darken-3 {
    border-color: #008791 !important;
    color: #008791 !important
}

    .btn-outline-info.btn-outline-darken-3:hover {
        background-color: #008791 !important
    }

.border-info.border-darken-3 {
    border: 1px solid #008791 !important
}

.border-top-info.border-top-darken-3 {
    border-top: 1px solid #008791 !important
}

.border-bottom-info.border-bottom-darken-3 {
    border-bottom: 1px solid #008791 !important
}

.border-left-info.border-left-darken-3 {
    border-left: 1px solid #008791 !important
}

.border-right-info.border-right-darken-3 {
    border-right: 1px solid #008791 !important
}

.btn-info.btn-darken-4, .btn-info.btn-darken-4:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-darken-3 {
    background: #008791;
    background: rgba(0,135,145,.6)
}

.bg-info.bg-darken-4, .btn-info.btn-darken-4 {
    background-color: #006F77 !important
}

.info.darken-4 {
    color: #006F77 !important
}

.btn-info.btn-darken-4:hover {
    background-color: #008791 !important
}

.btn-info.btn-darken-4:active, .btn-info.btn-darken-4:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-darken-4 {
    border-color: #006F77 !important;
    color: #006F77 !important
}

    .btn-outline-info.btn-outline-darken-4:hover {
        background-color: #006F77 !important
    }

.border-info.border-darken-4 {
    border: 1px solid #006F77 !important
}

.border-top-info.border-top-darken-4 {
    border-top: 1px solid #006F77 !important
}

.border-bottom-info.border-bottom-darken-4 {
    border-bottom: 1px solid #006F77 !important
}

.border-left-info.border-left-darken-4 {
    border-left: 1px solid #006F77 !important
}

.border-right-info.border-right-darken-4 {
    border-right: 1px solid #006F77 !important
}

.btn-info.btn-accent-1, .btn-info.btn-accent-1:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-darken-4 {
    background: #006F77;
    background: rgba(0,111,119,.6)
}

.bg-info.bg-accent-1, .btn-info.btn-accent-1 {
    background-color: #FEFFFF !important
}

.info.accent-1 {
    color: #FEFFFF !important
}

.btn-info.btn-accent-1:hover {
    background-color: #008791 !important
}

.btn-info.btn-accent-1:active, .btn-info.btn-accent-1:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-accent-1 {
    border-color: #FEFFFF !important;
    color: #FEFFFF !important
}

    .btn-outline-info.btn-outline-accent-1:hover {
        background-color: #FEFFFF !important
    }

.border-info.border-accent-1 {
    border: 1px solid #FEFFFF !important
}

.border-top-info.border-top-accent-1 {
    border-top: 1px solid #FEFFFF !important
}

.border-bottom-info.border-bottom-accent-1 {
    border-bottom: 1px solid #FEFFFF !important
}

.border-left-info.border-left-accent-1 {
    border-left: 1px solid #FEFFFF !important
}

.border-right-info.border-right-accent-1 {
    border-right: 1px solid #FEFFFF !important
}

.btn-info.btn-accent-2, .btn-info.btn-accent-2:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-accent-1 {
    background: #FEFFFF;
    background: rgba(254,255,255,.6)
}

.bg-info.bg-accent-2, .btn-info.btn-accent-2 {
    background-color: #CBF5FF !important
}

.info.accent-2 {
    color: #CBF5FF !important
}

.btn-info.btn-accent-2:hover {
    background-color: #008791 !important
}

.btn-info.btn-accent-2:active, .btn-info.btn-accent-2:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-accent-2 {
    border-color: #CBF5FF !important;
    color: #CBF5FF !important
}

    .btn-outline-info.btn-outline-accent-2:hover {
        background-color: #CBF5FF !important
    }

.border-info.border-accent-2 {
    border: 1px solid #CBF5FF !important
}

.border-top-info.border-top-accent-2 {
    border-top: 1px solid #CBF5FF !important
}

.border-bottom-info.border-bottom-accent-2 {
    border-bottom: 1px solid #CBF5FF !important
}

.border-left-info.border-left-accent-2 {
    border-left: 1px solid #CBF5FF !important
}

.border-right-info.border-right-accent-2 {
    border-right: 1px solid #CBF5FF !important
}

.btn-info.btn-accent-3, .btn-info.btn-accent-3:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-accent-2 {
    background: #CBF5FF;
    background: rgba(203,245,255,.6)
}

.bg-info.bg-accent-3, .btn-info.btn-accent-3 {
    background-color: #98ECFF !important
}

.info.accent-3 {
    color: #98ECFF !important
}

.btn-info.btn-accent-3:hover {
    background-color: #008791 !important
}

.btn-info.btn-accent-3:active, .btn-info.btn-accent-3:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-accent-3 {
    border-color: #98ECFF !important;
    color: #98ECFF !important
}

    .btn-outline-info.btn-outline-accent-3:hover {
        background-color: #98ECFF !important
    }

.border-info.border-accent-3 {
    border: 1px solid #98ECFF !important
}

.border-top-info.border-top-accent-3 {
    border-top: 1px solid #98ECFF !important
}

.border-bottom-info.border-bottom-accent-3 {
    border-bottom: 1px solid #98ECFF !important
}

.border-left-info.border-left-accent-3 {
    border-left: 1px solid #98ECFF !important
}

.border-right-info.border-right-accent-3 {
    border-right: 1px solid #98ECFF !important
}

.btn-info.btn-accent-4, .btn-info.btn-accent-4:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-accent-3 {
    background: #98ECFF;
    background: rgba(152,236,255,.6)
}

.bg-info.bg-accent-4, .btn-info.btn-accent-4 {
    background-color: #7FE7FF !important
}

.info.accent-4 {
    color: #7FE7FF !important
}

.btn-info.btn-accent-4:hover {
    background-color: #008791 !important
}

.btn-info.btn-accent-4:active, .btn-info.btn-accent-4:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-accent-4 {
    border-color: #7FE7FF !important;
    color: #7FE7FF !important
}

    .btn-outline-info.btn-outline-accent-4:hover {
        background-color: #7FE7FF !important
    }

.border-info.border-accent-4 {
    border: 1px solid #7FE7FF !important
}

.border-top-info.border-top-accent-4 {
    border-top: 1px solid #7FE7FF !important
}

.border-bottom-info.border-bottom-accent-4 {
    border-bottom: 1px solid #7FE7FF !important
}

.border-left-info.border-left-accent-4 {
    border-left: 1px solid #7FE7FF !important
}

.border-right-info.border-right-accent-4 {
    border-right: 1px solid #7FE7FF !important
}

.btn-info.btn-light, .btn-info.btn-light:hover {
    border-color: #009FAA !important
}

.overlay-info.overlay-accent-4 {
    background: #7FE7FF;
    background: rgba(127,231,255,.6)
}

.bg-info.bg-light, .btn-info.btn-light {
    background-color: #CCF5F8 !important
}

.info.light {
    color: #CCF5F8 !important
}

.btn-info.btn-light:hover {
    background-color: #008791 !important
}

.btn-info.btn-light:active, .btn-info.btn-light:focus {
    border-color: #008791 !important;
    background-color: #006F77 !important
}

.btn-outline-info.btn-outline-light {
    border-color: #CCF5F8 !important;
    color: #CCF5F8 !important
}

    .btn-outline-info.btn-outline-light:hover {
        background-color: #CCF5F8 !important
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 .075rem #FFF,0 0 0 .21rem #CCF5F8 !important
}

.border-info.border-light {
    border: 1px solid #CCF5F8 !important
}

.border-top-info.border-top-light {
    border-top: 1px solid #CCF5F8 !important
}

.border-bottom-info.border-bottom-light {
    border-bottom: 1px solid #CCF5F8 !important
}

.border-left-info.border-left-light {
    border-left: 1px solid #CCF5F8 !important
}

.border-right-info.border-right-light {
    border-right: 1px solid #CCF5F8 !important
}

.overlay-info.overlay-light {
    background: #CCF5F8;
    background: rgba(204,245,248,.6)
}

.bg-warning.bg-lighten-5, .btn-warning.btn-lighten-5 {
    background-color: #FEE3BF !important
}

.warning.lighten-5 {
    color: #FEE3BF !important
}

.btn-warning.btn-lighten-5 {
    border-color: #FC960F !important
}

    .btn-warning.btn-lighten-5:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-lighten-5:active, .btn-warning.btn-lighten-5:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-lighten-5 {
    border-color: #FEE3BF !important;
    color: #FEE3BF !important
}

    .btn-outline-warning.btn-outline-lighten-5:hover {
        background-color: #FEE3BF !important
    }

.border-warning.border-lighten-5 {
    border: 1px solid #FEE3BF !important
}

.border-top-warning.border-top-lighten-5 {
    border-top: 1px solid #FEE3BF !important
}

.border-bottom-warning.border-bottom-lighten-5 {
    border-bottom: 1px solid #FEE3BF !important
}

.border-left-warning.border-left-lighten-5 {
    border-left: 1px solid #FEE3BF !important
}

.border-right-warning.border-right-lighten-5 {
    border-right: 1px solid #FEE3BF !important
}

.overlay-warning.overlay-lighten-5 {
    background: #FEE3BF;
    background: rgba(254,227,191,.6)
}

.bg-warning.bg-lighten-4, .btn-warning.btn-lighten-4 {
    background-color: #FED8A6 !important
}

.warning.lighten-4 {
    color: #FED8A6 !important
}

.btn-warning.btn-lighten-4 {
    border-color: #FC960F !important
}

    .btn-warning.btn-lighten-4:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-lighten-4:active, .btn-warning.btn-lighten-4:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-lighten-4 {
    border-color: #FED8A6 !important;
    color: #FED8A6 !important
}

    .btn-outline-warning.btn-outline-lighten-4:hover {
        background-color: #FED8A6 !important
    }

.border-warning.border-lighten-4 {
    border: 1px solid #FED8A6 !important
}

.border-top-warning.border-top-lighten-4 {
    border-top: 1px solid #FED8A6 !important
}

.border-bottom-warning.border-bottom-lighten-4 {
    border-bottom: 1px solid #FED8A6 !important
}

.border-left-warning.border-left-lighten-4 {
    border-left: 1px solid #FED8A6 !important
}

.border-right-warning.border-right-lighten-4 {
    border-right: 1px solid #FED8A6 !important
}

.overlay-warning.overlay-lighten-4 {
    background: #FED8A6;
    background: rgba(254,216,166,.6)
}

.bg-warning.bg-lighten-3, .btn-warning.btn-lighten-3 {
    background-color: #FECD8D !important
}

.warning.lighten-3 {
    color: #FECD8D !important
}

.btn-warning.btn-lighten-3 {
    border-color: #FC960F !important
}

    .btn-warning.btn-lighten-3:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-lighten-3:active, .btn-warning.btn-lighten-3:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-lighten-3 {
    border-color: #FECD8D !important;
    color: #FECD8D !important
}

    .btn-outline-warning.btn-outline-lighten-3:hover {
        background-color: #FECD8D !important
    }

.border-warning.border-lighten-3 {
    border: 1px solid #FECD8D !important
}

.border-top-warning.border-top-lighten-3 {
    border-top: 1px solid #FECD8D !important
}

.border-bottom-warning.border-bottom-lighten-3 {
    border-bottom: 1px solid #FECD8D !important
}

.border-left-warning.border-left-lighten-3 {
    border-left: 1px solid #FECD8D !important
}

.border-right-warning.border-right-lighten-3 {
    border-right: 1px solid #FECD8D !important
}

.overlay-warning.overlay-lighten-3 {
    background: #FECD8D;
    background: rgba(254,205,141,.6)
}

.bg-warning.bg-lighten-2, .btn-warning.btn-lighten-2 {
    background-color: #FEC273 !important
}

.warning.lighten-2 {
    color: #FEC273 !important
}

.btn-warning.btn-lighten-2 {
    border-color: #FC960F !important
}

    .btn-warning.btn-lighten-2:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-lighten-2:active, .btn-warning.btn-lighten-2:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-lighten-2 {
    border-color: #FEC273 !important;
    color: #FEC273 !important
}

    .btn-outline-warning.btn-outline-lighten-2:hover {
        background-color: #FEC273 !important
    }

.border-warning.border-lighten-2 {
    border: 1px solid #FEC273 !important
}

.border-top-warning.border-top-lighten-2 {
    border-top: 1px solid #FEC273 !important
}

.border-bottom-warning.border-bottom-lighten-2 {
    border-bottom: 1px solid #FEC273 !important
}

.border-left-warning.border-left-lighten-2 {
    border-left: 1px solid #FEC273 !important
}

.border-right-warning.border-right-lighten-2 {
    border-right: 1px solid #FEC273 !important
}

.overlay-warning.overlay-lighten-2 {
    background: #FEC273;
    background: rgba(254,194,115,.6)
}

.bg-warning.bg-lighten-1, .btn-warning.btn-lighten-1 {
    background-color: #FDB75A !important
}

.warning.lighten-1 {
    color: #FDB75A !important
}

.btn-warning.btn-lighten-1 {
    border-color: #FC960F !important
}

    .btn-warning.btn-lighten-1:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-lighten-1:active, .btn-warning.btn-lighten-1:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-lighten-1 {
    border-color: #FDB75A !important;
    color: #FDB75A !important
}

    .btn-outline-warning.btn-outline-lighten-1:hover {
        background-color: #FDB75A !important
    }

.border-warning.border-lighten-1 {
    border: 1px solid #FDB75A !important
}

.border-top-warning.border-top-lighten-1 {
    border-top: 1px solid #FDB75A !important
}

.border-bottom-warning.border-bottom-lighten-1 {
    border-bottom: 1px solid #FDB75A !important
}

.border-left-warning.border-left-lighten-1 {
    border-left: 1px solid #FDB75A !important
}

.border-right-warning.border-right-lighten-1 {
    border-right: 1px solid #FDB75A !important
}

.overlay-warning.overlay-lighten-1 {
    background: #FDB75A;
    background: rgba(253,183,90,.6)
}

.warning {
    color: #FDAC41 !important
}

.text-light-warning {
    color: rgba(253,172,65,.2) !important
}

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

    .bg-warning .card-footer, .bg-warning .card-header {
        background-color: transparent
    }

.bg-rgba-warning {
    background: rgba(253,172,65,.2) !important
}

    .bg-rgba-warning.alert, .bg-rgba-warning.alert.alert-dismissible .close {
        color: #FDAC41
    }

.alert.alert-warning {
    background: #FDAC41 !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(253,172,65,.4);
    border: none
}

.border-warning {
    border: 1px solid #FDAC41 !important
}

    .border-warning .select2-selection__arrow b {
        border-color: #FC960F !important
    }

    .border-warning.alert, .border-warning.alert.alert-dismissible .close {
        color: #FDAC41
    }

.border-top-warning {
    border-top: 1px solid #FDAC41
}

.border-bottom-warning {
    border-bottom: 1px solid #FDAC41
}

.border-left-warning {
    border-left: 1px solid #FDAC41
}

.border-right-warning {
    border-right: 1px solid #FDAC41
}

.header-navbar.bg-warning .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #FDAC41 !important
}

.badge.badge-warning {
    background-color: #FDAC41
}

.badge.badge-light-warning {
    background-color: #FFEED9;
    color: #FDAC41 !important
}

.badge.badge-warning.badge-glow, .badge.bg-warning.badge-glow, .badge.border-warning.badge-glow {
    box-shadow: 0 0 10px #FDAC41
}

.badge-circle-warning {
    background-color: #FDAC41
}

.badge-circle-light-warning {
    background-color: #FFEED9;
    color: #FDAC41
}

.overlay-warning {
    background: #FDAC41;
    background: rgba(253,172,65,.6)
}

.btn-warning {
    border-color: #FC960F !important;
    background-color: #FDAC41 !important;
    color: #FFF
}

    .btn-warning.hover, .btn-warning:hover {
        background-color: #FDB75A !important;
        color: #FFF
    }

        .btn-warning.hover.glow, .btn-warning:hover.glow {
            box-shadow: 0 4px 12px 0 rgba(253,172,65,.6) !important
        }

    .btn-warning.active, .btn-warning:active, .btn-warning:focus {
        background-color: #FDA128 !important;
        color: #FFF !important
    }

    .btn-warning.glow {
        box-shadow: 0 2px 4px 0 rgba(253,172,65,.5) !important
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #FFF !important
    }

.btn-light-warning {
    background-color: #FFEED9;
    color: #FDAC41 !important
}

    .btn-light-warning.hover, .btn-light-warning:hover {
        background-color: #FDB75A !important;
        color: #FFF !important
    }

    .btn-light-warning.active, .btn-light-warning:active {
        background-color: #FDA128 !important;
        color: #FFF !important
    }

.btn-outline-warning {
    border: 1px solid #FDAC41;
    background-color: transparent;
    color: #FDAC41 !important
}

    .btn-outline-warning.hover, .btn-outline-warning:hover {
        background-color: #FDB75A !important;
        color: #FFF !important
    }

    .btn-outline-warning.active, .btn-outline-warning:active {
        background-color: #FDA128 !important;
        color: #FFF !important
    }

    .btn-outline-warning ~ .dropdown-menu .dropdown-item.active, .btn-warning ~ .dropdown-menu .dropdown-item.active {
        background-color: #FDAC41;
        color: #FFF
    }

        .btn-outline-warning ~ .dropdown-menu .dropdown-item.active:hover, .btn-warning ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i {
    color: #FDAC41
}

.dropdown.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-warning {
    background-color: #FDAC41
}

.pagination-warning .page-item.active .page-link, .pagination-warning .page-item.active .page-link:hover {
    background: #FDAC41 !important;
    color: #FFF
}

.pagination-warning .page-item .page-link:hover {
    background-color: #FFEED9 !important
}

.pagination-warning .page-item.next .page-link, .pagination-warning .page-item.previous .page-link {
    color: #FDAC41
}

    .pagination-warning .page-item.next .page-link:hover, .pagination-warning .page-item.previous .page-link:hover {
        background: #FDAC41
    }

.progress-bar-warning .progress-bar {
    background-color: #FDAC41;
    box-shadow: 0 2px 6px 0 rgba(253,172,65,.6)
}

.chip-warning {
    background-color: #FDAC41 !important
}

    .chip-warning .chip-body {
        color: #FFF !important
    }

.divider.divider-warning .divider-text:after, .divider.divider-warning .divider-text:before {
    border-color: #FDAC41 !important
}

.widget-timeline li.timeline-items.timeline-icon-warning:before {
    background: #FDAC41 !important
}

input[type=checkbox].bg-warning + .custom-control-label:before, input[type=radio].bg-warning + .custom-control-label:before {
    background-color: #FDAC41 !important;
    border-color: #FC960F !important
}

.checkbox.checkbox-warning input:checked ~ label::before, .checkbox.radio-warning input:checked ~ label::before, .radio.checkbox-warning input:checked ~ label::before, .radio.radio-warning input:checked ~ label::before {
    background-color: #FDAC41;
    border-color: #FDAC41
}

.checkbox.checkbox-warning input:checked ~ label::after, .checkbox.radio-warning input:checked ~ label::after, .radio.checkbox-warning input:checked ~ label::after, .radio.radio-warning input:checked ~ label::after {
    border-color: #FFF
}

.checkbox.checkbox-warning.checkbox-glow input:checked ~ label::before, .checkbox.checkbox-warning.radio-glow input:checked ~ label::before, .checkbox.radio-warning.checkbox-glow input:checked ~ label::before, .checkbox.radio-warning.radio-glow input:checked ~ label::before, .radio.checkbox-warning.checkbox-glow input:checked ~ label::before, .radio.checkbox-warning.radio-glow input:checked ~ label::before, .radio.radio-warning.checkbox-glow input:checked ~ label::before, .radio.radio-warning.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(253,172,65,.7)
}

.checkbox.checkbox-warning.checkbox-icon label i, .checkbox.radio-warning.checkbox-icon label i, .radio.checkbox-warning.checkbox-icon label i, .radio.radio-warning.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-warning label:after {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.radio.radio-warning input:checked ~ label::after {
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.custom-switch-warning .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FDAC41 !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-warning.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(253,172,65,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-warning, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-warning {
    box-shadow: 0 0 8px 0 rgba(253,172,65,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=warning]:before {
    background-color: #FDAC41
}

select.select-light-warning ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-warning ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    background-color: #FFEED9 !important;
    color: #FDAC41 !important
}

.bg-warning.bg-darken-1, .btn-warning.btn-darken-1 {
    background-color: #FDA128 !important
}

.warning.darken-1 {
    color: #FDA128 !important
}

.btn-warning.btn-darken-1 {
    border-color: #FC960F !important
}

    .btn-warning.btn-darken-1:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-darken-1:active, .btn-warning.btn-darken-1:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-darken-1 {
    border-color: #FDA128 !important;
    color: #FDA128 !important
}

    .btn-outline-warning.btn-outline-darken-1:hover {
        background-color: #FDA128 !important
    }

.border-warning.border-darken-1 {
    border: 1px solid #FDA128 !important
}

.border-top-warning.border-top-darken-1 {
    border-top: 1px solid #FDA128 !important
}

.border-bottom-warning.border-bottom-darken-1 {
    border-bottom: 1px solid #FDA128 !important
}

.border-left-warning.border-left-darken-1 {
    border-left: 1px solid #FDA128 !important
}

.border-right-warning.border-right-darken-1 {
    border-right: 1px solid #FDA128 !important
}

.overlay-warning.overlay-darken-1 {
    background: #FDA128;
    background: rgba(253,161,40,.6)
}

.bg-warning.bg-darken-2, .btn-warning.btn-darken-2 {
    background-color: #FC960F !important
}

.warning.darken-2 {
    color: #FC960F !important
}

.btn-warning.btn-darken-2 {
    border-color: #FC960F !important
}

    .btn-warning.btn-darken-2:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-darken-2:active, .btn-warning.btn-darken-2:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-darken-2 {
    border-color: #FC960F !important;
    color: #FC960F !important
}

    .btn-outline-warning.btn-outline-darken-2:hover {
        background-color: #FC960F !important
    }

.border-warning.border-darken-2 {
    border: 1px solid #FC960F !important
}

.border-top-warning.border-top-darken-2 {
    border-top: 1px solid #FC960F !important
}

.border-bottom-warning.border-bottom-darken-2 {
    border-bottom: 1px solid #FC960F !important
}

.border-left-warning.border-left-darken-2 {
    border-left: 1px solid #FC960F !important
}

.border-right-warning.border-right-darken-2 {
    border-right: 1px solid #FC960F !important
}

.overlay-warning.overlay-darken-2 {
    background: #FC960F;
    background: rgba(252,150,15,.6)
}

.warning.darken-3 {
    color: #EF8903 !important
}

.bg-warning.bg-darken-3 {
    background-color: #EF8903 !important
}

.btn-warning.btn-darken-3, .btn-warning.btn-darken-3:hover {
    border-color: #FC960F !important;
    background-color: #EF8903 !important
}

    .btn-warning.btn-darken-3:active, .btn-warning.btn-darken-3:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-darken-3 {
    border-color: #EF8903 !important;
    color: #EF8903 !important
}

    .btn-outline-warning.btn-outline-darken-3:hover {
        background-color: #EF8903 !important
    }

.border-warning.border-darken-3 {
    border: 1px solid #EF8903 !important
}

.border-top-warning.border-top-darken-3 {
    border-top: 1px solid #EF8903 !important
}

.border-bottom-warning.border-bottom-darken-3 {
    border-bottom: 1px solid #EF8903 !important
}

.border-left-warning.border-left-darken-3 {
    border-left: 1px solid #EF8903 !important
}

.border-right-warning.border-right-darken-3 {
    border-right: 1px solid #EF8903 !important
}

.overlay-warning.overlay-darken-3 {
    background: #EF8903;
    background: rgba(239,137,3,.6)
}

.bg-warning.bg-darken-4, .btn-warning.btn-darken-4 {
    background-color: #D67B02 !important
}

.warning.darken-4 {
    color: #D67B02 !important
}

.btn-warning.btn-darken-4 {
    border-color: #FC960F !important
}

    .btn-warning.btn-darken-4:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-darken-4:active, .btn-warning.btn-darken-4:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-darken-4 {
    border-color: #D67B02 !important;
    color: #D67B02 !important
}

    .btn-outline-warning.btn-outline-darken-4:hover {
        background-color: #D67B02 !important
    }

.border-warning.border-darken-4 {
    border: 1px solid #D67B02 !important
}

.border-top-warning.border-top-darken-4 {
    border-top: 1px solid #D67B02 !important
}

.border-bottom-warning.border-bottom-darken-4 {
    border-bottom: 1px solid #D67B02 !important
}

.border-left-warning.border-left-darken-4 {
    border-left: 1px solid #D67B02 !important
}

.border-right-warning.border-right-darken-4 {
    border-right: 1px solid #D67B02 !important
}

.overlay-warning.overlay-darken-4 {
    background: #D67B02;
    background: rgba(214,123,2,.6)
}

.bg-warning.bg-accent-1, .btn-warning.btn-accent-1 {
    background-color: #FFF5EF !important
}

.warning.accent-1 {
    color: #FFF5EF !important
}

.btn-warning.btn-accent-1 {
    border-color: #FC960F !important
}

    .btn-warning.btn-accent-1:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-accent-1:active, .btn-warning.btn-accent-1:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-accent-1 {
    border-color: #FFF5EF !important;
    color: #FFF5EF !important
}

    .btn-outline-warning.btn-outline-accent-1:hover {
        background-color: #FFF5EF !important
    }

.border-warning.border-accent-1 {
    border: 1px solid #FFF5EF !important
}

.border-top-warning.border-top-accent-1 {
    border-top: 1px solid #FFF5EF !important
}

.border-bottom-warning.border-bottom-accent-1 {
    border-bottom: 1px solid #FFF5EF !important
}

.border-left-warning.border-left-accent-1 {
    border-left: 1px solid #FFF5EF !important
}

.border-right-warning.border-right-accent-1 {
    border-right: 1px solid #FFF5EF !important
}

.overlay-warning.overlay-accent-1 {
    background: #FFF5EF;
    background: rgba(255,245,239,.6)
}

.bg-warning.bg-accent-2, .btn-warning.btn-accent-2 {
    background-color: #FFE5D8 !important
}

.warning.accent-2 {
    color: #FFE5D8 !important
}

.btn-warning.btn-accent-2 {
    border-color: #FC960F !important
}

    .btn-warning.btn-accent-2:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-accent-2:active, .btn-warning.btn-accent-2:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-accent-2 {
    border-color: #FFE5D8 !important;
    color: #FFE5D8 !important
}

    .btn-outline-warning.btn-outline-accent-2:hover {
        background-color: #FFE5D8 !important
    }

.border-warning.border-accent-2 {
    border: 1px solid #FFE5D8 !important
}

.border-top-warning.border-top-accent-2 {
    border-top: 1px solid #FFE5D8 !important
}

.border-bottom-warning.border-bottom-accent-2 {
    border-bottom: 1px solid #FFE5D8 !important
}

.border-left-warning.border-left-accent-2 {
    border-left: 1px solid #FFE5D8 !important
}

.border-right-warning.border-right-accent-2 {
    border-right: 1px solid #FFE5D8 !important
}

.overlay-warning.overlay-accent-2 {
    background: #FFE5D8;
    background: rgba(255,229,216,.6)
}

.bg-warning.bg-accent-3, .btn-warning.btn-accent-3 {
    background-color: #FFF6F3 !important
}

.warning.accent-3 {
    color: #FFF6F3 !important
}

.btn-warning.btn-accent-3 {
    border-color: #FC960F !important
}

    .btn-warning.btn-accent-3:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-accent-3:active, .btn-warning.btn-accent-3:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-accent-3 {
    border-color: #FFF6F3 !important;
    color: #FFF6F3 !important
}

    .btn-outline-warning.btn-outline-accent-3:hover {
        background-color: #FFF6F3 !important
    }

.border-warning.border-accent-3 {
    border: 1px solid #FFF6F3 !important
}

.border-top-warning.border-top-accent-3 {
    border-top: 1px solid #FFF6F3 !important
}

.border-bottom-warning.border-bottom-accent-3 {
    border-bottom: 1px solid #FFF6F3 !important
}

.border-left-warning.border-left-accent-3 {
    border-left: 1px solid #FFF6F3 !important
}

.border-right-warning.border-right-accent-3 {
    border-right: 1px solid #FFF6F3 !important
}

.overlay-warning.overlay-accent-3 {
    background: #FFF6F3;
    background: rgba(255,246,243,.6)
}

.bg-warning.bg-accent-4, .btn-warning.btn-accent-4 {
    background-color: #FFE3DA !important
}

.warning.accent-4 {
    color: #FFE3DA !important
}

.btn-warning.btn-accent-4 {
    border-color: #FC960F !important
}

    .btn-warning.btn-accent-4:hover {
        border-color: #FC960F !important;
        background-color: #EF8903 !important
    }

    .btn-warning.btn-accent-4:active, .btn-warning.btn-accent-4:focus {
        border-color: #EF8903 !important;
        background-color: #D67B02 !important
    }

.btn-outline-warning.btn-outline-accent-4 {
    border-color: #FFE3DA !important;
    color: #FFE3DA !important
}

    .btn-outline-warning.btn-outline-accent-4:hover {
        background-color: #FFE3DA !important
    }

.border-warning.border-accent-4 {
    border: 1px solid #FFE3DA !important
}

.border-top-warning.border-top-accent-4 {
    border-top: 1px solid #FFE3DA !important
}

.border-bottom-warning.border-bottom-accent-4 {
    border-bottom: 1px solid #FFE3DA !important
}

.border-left-warning.border-left-accent-4 {
    border-left: 1px solid #FFE3DA !important
}

.border-right-warning.border-right-accent-4 {
    border-right: 1px solid #FFE3DA !important
}

.btn-warning.btn-light, .btn-warning.btn-light:hover {
    border-color: #FC960F !important
}

.overlay-warning.overlay-accent-4 {
    background: #FFE3DA;
    background: rgba(255,227,218,.6)
}

.bg-warning.bg-light, .btn-warning.btn-light {
    background-color: #FFEED9 !important
}

.warning.light {
    color: #FFEED9 !important
}

.btn-warning.btn-light:hover {
    background-color: #EF8903 !important
}

.btn-warning.btn-light:active, .btn-warning.btn-light:focus {
    border-color: #EF8903 !important;
    background-color: #D67B02 !important
}

.btn-outline-warning.btn-outline-light {
    border-color: #FFEED9 !important;
    color: #FFEED9 !important
}

    .btn-outline-warning.btn-outline-light:hover {
        background-color: #FFEED9 !important
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 .075rem #FFF,0 0 0 .21rem #FFEED9 !important
}

.border-warning.border-light {
    border: 1px solid #FFEED9 !important
}

.border-top-warning.border-top-light {
    border-top: 1px solid #FFEED9 !important
}

.border-bottom-warning.border-bottom-light {
    border-bottom: 1px solid #FFEED9 !important
}

.border-left-warning.border-left-light {
    border-left: 1px solid #FFEED9 !important
}

.border-right-warning.border-right-light {
    border-right: 1px solid #FFEED9 !important
}

.overlay-warning.overlay-light {
    background: #FFEED9;
    background: rgba(255,238,217,.6)
}

.bg-danger.bg-lighten-5, .btn-danger.btn-lighten-5 {
    background-color: #FFDBDB !important
}

.danger.lighten-5 {
    color: #FFDBDB !important
}

.btn-danger.btn-lighten-5 {
    border-color: #FF2829 !important
}

    .btn-danger.btn-lighten-5:hover {
        border-color: #FF2829 !important;
        background-color: #FF0F10 !important
    }

    .btn-danger.btn-lighten-5:active, .btn-danger.btn-lighten-5:focus {
        border-color: #FF0F10 !important;
        background-color: #F40001 !important
    }

.btn-outline-danger.btn-outline-lighten-5 {
    border-color: #FFDBDB !important;
    color: #FFDBDB !important
}

    .btn-outline-danger.btn-outline-lighten-5:hover {
        background-color: #FFDBDB !important
    }

.border-danger.border-lighten-5 {
    border: 1px solid #FFDBDB !important
}

.border-top-danger.border-top-lighten-5 {
    border-top: 1px solid #FFDBDB !important
}

.border-bottom-danger.border-bottom-lighten-5 {
    border-bottom: 1px solid #FFDBDB !important
}

.border-left-danger.border-left-lighten-5 {
    border-left: 1px solid #FFDBDB !important
}

.border-right-danger.border-right-lighten-5 {
    border-right: 1px solid #FFDBDB !important
}

.overlay-danger.overlay-lighten-5 {
    background: #FFDBDB;
    background: rgba(255,219,219,.6)
}

.bg-danger.bg-lighten-4, .btn-danger.btn-lighten-4 {
    background-color: #FFC1C1 !important
}

.danger.lighten-4 {
    color: #FFC1C1 !important
}

.btn-danger.btn-lighten-4 {
    border-color: #FF2829 !important
}

    .btn-danger.btn-lighten-4:hover {
        border-color: #FF2829 !important;
        background-color: #FF0F10 !important
    }

    .btn-danger.btn-lighten-4:active, .btn-danger.btn-lighten-4:focus {
        border-color: #FF0F10 !important;
        background-color: #F40001 !important
    }

.btn-outline-danger.btn-outline-lighten-4 {
    border-color: #FFC1C1 !important;
    color: #FFC1C1 !important
}

    .btn-outline-danger.btn-outline-lighten-4:hover {
        background-color: #FFC1C1 !important
    }

.border-danger.border-lighten-4 {
    border: 1px solid #FFC1C1 !important
}

.border-top-danger.border-top-lighten-4 {
    border-top: 1px solid #FFC1C1 !important
}

.border-bottom-danger.border-bottom-lighten-4 {
    border-bottom: 1px solid #FFC1C1 !important
}

.border-left-danger.border-left-lighten-4 {
    border-left: 1px solid #FFC1C1 !important
}

.border-right-danger.border-right-lighten-4 {
    border-right: 1px solid #FFC1C1 !important
}

.overlay-danger.overlay-lighten-4 {
    background: #FFC1C1;
    background: rgba(255,193,193,.6)
}

.bg-danger.bg-lighten-3, .btn-danger.btn-lighten-3 {
    background-color: #FFA8A8 !important
}

.danger.lighten-3 {
    color: #FFA8A8 !important
}

.btn-danger.btn-lighten-3 {
    border-color: #FF2829 !important
}

    .btn-danger.btn-lighten-3:hover {
        border-color: #FF2829 !important;
        background-color: #FF0F10 !important
    }

    .btn-danger.btn-lighten-3:active, .btn-danger.btn-lighten-3:focus {
        border-color: #FF0F10 !important;
        background-color: #F40001 !important
    }

.btn-outline-danger.btn-outline-lighten-3 {
    border-color: #FFA8A8 !important;
    color: #FFA8A8 !important
}

    .btn-outline-danger.btn-outline-lighten-3:hover {
        background-color: #FFA8A8 !important
    }

.border-danger.border-lighten-3 {
    border: 1px solid #FFA8A8 !important
}

.border-top-danger.border-top-lighten-3 {
    border-top: 1px solid #FFA8A8 !important
}

.border-bottom-danger.border-bottom-lighten-3 {
    border-bottom: 1px solid #FFA8A8 !important
}

.border-left-danger.border-left-lighten-3 {
    border-left: 1px solid #FFA8A8 !important
}

.border-right-danger.border-right-lighten-3 {
    border-right: 1px solid #FFA8A8 !important
}

.overlay-danger.overlay-lighten-3 {
    background: #FFA8A8;
    background: rgba(255,168,168,.6)
}

.bg-danger.bg-lighten-2, .btn-danger.btn-lighten-2 {
    background-color: #FF8E8F !important
}

.danger.lighten-2 {
    color: #FF8E8F !important
}

.btn-danger.btn-lighten-2 {
    border-color: #FF2829 !important
}

    .btn-danger.btn-lighten-2:hover {
        border-color: #FF2829 !important;
        background-color: #FF0F10 !important
    }

    .btn-danger.btn-lighten-2:active, .btn-danger.btn-lighten-2:focus {
        border-color: #FF0F10 !important;
        background-color: #F40001 !important
    }

.btn-outline-danger.btn-outline-lighten-2 {
    border-color: #FF8E8F !important;
    color: #FF8E8F !important
}

    .btn-outline-danger.btn-outline-lighten-2:hover {
        background-color: #FF8E8F !important
    }

.border-danger.border-lighten-2 {
    border: 1px solid #FF8E8F !important
}

.border-top-danger.border-top-lighten-2 {
    border-top: 1px solid #FF8E8F !important
}

.border-bottom-danger.border-bottom-lighten-2 {
    border-bottom: 1px solid #FF8E8F !important
}

.border-left-danger.border-left-lighten-2 {
    border-left: 1px solid #FF8E8F !important
}

.border-right-danger.border-right-lighten-2 {
    border-right: 1px solid #FF8E8F !important
}

.overlay-danger.overlay-lighten-2 {
    background: #FF8E8F;
    background: rgba(255,142,143,.6)
}

.bg-danger.bg-lighten-1, .btn-danger.btn-lighten-1 {
    background-color: #FF7575 !important
}

.danger.lighten-1 {
    color: #FF7575 !important
}

.btn-danger.btn-lighten-1 {
    border-color: #FF2829 !important
}

    .btn-danger.btn-lighten-1:hover {
        border-color: #FF2829 !important;
        background-color: #FF0F10 !important
    }

    .btn-danger.btn-lighten-1:active, .btn-danger.btn-lighten-1:focus {
        border-color: #FF0F10 !important;
        background-color: #F40001 !important
    }

.btn-outline-danger.btn-outline-lighten-1 {
    border-color: #FF7575 !important;
    color: #FF7575 !important
}

    .btn-outline-danger.btn-outline-lighten-1:hover {
        background-color: #FF7575 !important
    }

.border-danger.border-lighten-1 {
    border: 1px solid #FF7575 !important
}

.border-top-danger.border-top-lighten-1 {
    border-top: 1px solid #FF7575 !important
}

.border-bottom-danger.border-bottom-lighten-1 {
    border-bottom: 1px solid #FF7575 !important
}

.border-left-danger.border-left-lighten-1 {
    border-left: 1px solid #FF7575 !important
}

.border-right-danger.border-right-lighten-1 {
    border-right: 1px solid #FF7575 !important
}

.overlay-danger.overlay-lighten-1 {
    background: #FF7575;
    background: rgba(255,117,117,.6)
}

.danger {
    color: #FF5B5C !important
}

.text-light-danger {
    color: rgba(255,91,92,.2) !important
}

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

    .bg-danger .card-footer, .bg-danger .card-header {
        background-color: transparent
    }

.bg-rgba-danger {
    background: rgba(255,91,92,.2) !important
}

    .bg-rgba-danger.alert, .bg-rgba-danger.alert.alert-dismissible .close {
        color: #FF5B5C
    }

.alert.alert-danger {
    background: #FF5B5C !important;
    color: #FFF !important;
    box-shadow: 0 3px 8px 0 rgba(255,91,92,.4);
    border: none
}

.border-danger {
    border: 1px solid #FF5B5C !important
}

    .border-danger .select2-selection__arrow b {
        border-color: #FF2829 !important
    }

    .border-danger.alert, .border-danger.alert.alert-dismissible .close {
        color: #FF5B5C
    }

.border-top-danger {
    border-top: 1px solid #FF5B5C
}

.border-bottom-danger {
    border-bottom: 1px solid #FF5B5C
}

.border-left-danger {
    border-left: 1px solid #FF5B5C
}

.border-right-danger {
    border-right: 1px solid #FF5B5C
}

.header-navbar.bg-danger .navbar-nav .nav-item > a i {
    -webkit-text-stroke: .2px #FF5B5C !important
}

.badge.badge-danger {
    background-color: #FF5B5C
}

.badge.badge-light-danger {
    background-color: #FFDEDE;
    color: #FF5B5C !important
}

.badge.badge-danger.badge-glow, .badge.bg-danger.badge-glow, .badge.border-danger.badge-glow {
    box-shadow: 0 0 10px #FF5B5C
}

.badge-circle-danger {
    background-color: #FF5B5C
}

.badge-circle-light-danger {
    background-color: #FFDEDE;
    color: #FF5B5C
}

.overlay-danger {
    background: #FF5B5C;
    background: rgba(255,91,92,.6)
}

.btn-danger {
    border-color: #FF2829 !important;
    background-color: #FF5B5C !important;
    color: #FFF
}

    .btn-danger.hover, .btn-danger:hover {
        background-color: #FF7575 !important;
        color: #FFF
    }

        .btn-danger.hover.glow, .btn-danger:hover.glow {
            box-shadow: 0 4px 12px 0 rgba(255,91,92,.6) !important
        }

    .btn-danger.active, .btn-danger:active, .btn-danger:focus {
        background-color: #FF4243 !important;
        color: #FFF !important
    }

    .btn-danger.glow {
        box-shadow: 0 2px 4px 0 rgba(255,91,92,.5) !important
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #FFF !important
    }

.btn-light-danger {
    background-color: #FFDEDE;
    color: #FF5B5C !important
}

    .btn-light-danger.hover, .btn-light-danger:hover {
        background-color: #FF7575 !important;
        color: #FFF !important
    }

    .btn-light-danger.active, .btn-light-danger:active {
        background-color: #FF4243 !important;
        color: #FFF !important
    }

.btn-outline-danger {
    border: 1px solid #FF5B5C;
    background-color: transparent;
    color: #FF5B5C !important
}

    .btn-outline-danger.hover, .btn-outline-danger:hover {
        background-color: #FF7575 !important;
        color: #FFF !important
    }

    .btn-outline-danger.active, .btn-outline-danger:active {
        background-color: #FF4243 !important;
        color: #FFF !important
    }

    .btn-danger ~ .dropdown-menu .dropdown-item.active, .btn-outline-danger ~ .dropdown-menu .dropdown-item.active {
        background-color: #FF5B5C;
        color: #FFF
    }

        .btn-danger ~ .dropdown-menu .dropdown-item.active:hover, .btn-outline-danger ~ .dropdown-menu .dropdown-item.active:hover {
            color: #FFF
        }

.dropdown.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i, .dropdown.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i, .dropleft.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i, .dropright.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i, .dropup.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i {
    color: #FF5B5C
}

.dropdown.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i, .dropdown.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i, .dropleft.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i, .dropright.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i, .dropup.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i {
    color: #FFF
}

.bullet.bullet-danger {
    background-color: #FF5B5C
}

.pagination-danger .page-item.active .page-link, .pagination-danger .page-item.active .page-link:hover {
    background: #FF5B5C !important;
    color: #FFF
}

.pagination-danger .page-item .page-link:hover {
    background-color: #FFDEDE !important
}

.pagination-danger .page-item.next .page-link, .pagination-danger .page-item.previous .page-link {
    color: #FF5B5C
}

    .pagination-danger .page-item.next .page-link:hover, .pagination-danger .page-item.previous .page-link:hover {
        background: #FF5B5C
    }

.progress-bar-danger .progress-bar {
    background-color: #FF5B5C;
    box-shadow: 0 2px 6px 0 rgba(255,91,92,.6)
}

.chip-danger {
    background-color: #FF5B5C !important
}

    .chip-danger .chip-body {
        color: #FFF !important
    }

.divider.divider-danger .divider-text:after, .divider.divider-danger .divider-text:before {
    border-color: #FF5B5C !important
}

.widget-timeline li.timeline-items.timeline-icon-danger:before {
    background: #FF5B5C !important
}

input[type=checkbox].bg-danger + .custom-control-label:before, input[type=radio].bg-danger + .custom-control-label:before {
    background-color: #FF5B5C !important;
    border-color: #FF2829 !important
}

.checkbox.checkbox-danger input:checked ~ label::before, .checkbox.radio-danger input:checked ~ label::before, .radio.checkbox-danger input:checked ~ label::before, .radio.radio-danger input:checked ~ label::before {
    background-color: #FF5B5C;
    border-color: #FF5B5C
}

.checkbox.checkbox-danger input:checked ~ label::after, .checkbox.radio-danger input:checked ~ label::after, .radio.checkbox-danger input:checked ~ label::after, .radio.radio-danger input:checked ~ label::after {
    border-color: #FFF
}

.btn-danger.btn-darken-1, .btn-danger.btn-darken-1:hover {
    border-color: #FF2829 !important
}

.checkbox.checkbox-danger.checkbox-glow input:checked ~ label::before, .checkbox.checkbox-danger.radio-glow input:checked ~ label::before, .checkbox.radio-danger.checkbox-glow input:checked ~ label::before, .checkbox.radio-danger.radio-glow input:checked ~ label::before, .radio.checkbox-danger.checkbox-glow input:checked ~ label::before, .radio.checkbox-danger.radio-glow input:checked ~ label::before, .radio.radio-danger.checkbox-glow input:checked ~ label::before, .radio.radio-danger.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(255,91,92,.7)
}

.checkbox.checkbox-danger.checkbox-icon label i, .checkbox.radio-danger.checkbox-icon label i, .radio.checkbox-danger.checkbox-icon label i, .radio.radio-danger.checkbox-icon label i {
    color: #FFF
}

.checkbox.checkbox-danger label:after {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.radio.radio-danger input:checked ~ label::after {
    background-color: #FFF;
    -webkit-transition: all .15s cubic-bezier(.35,.9,.4,.9);
    transition: all .15s cubic-bezier(.35,.9,.4,.9)
}

.custom-switch-danger .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FF5B5C !important;
    color: #FFF;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.custom-switch-danger.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(255,91,92,.8) !important
}

.input-group.touchspin-glow .bootstrap-touchspin-down.btn-danger, .input-group.touchspin-glow .bootstrap-touchspin-up.btn-danger {
    box-shadow: 0 0 8px 0 rgba(255,91,92,.8)
}

.edit-kanban-item select option.bg-color_name, .kanban-container .kanban-board .kanban-item[data-border=danger]:before {
    background-color: #FF5B5C
}

select.select-light-danger ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, select.select-light-danger ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    background-color: #FFDEDE !important;
    color: #FF5B5C !important
}

.bg-danger.bg-darken-1, .btn-danger.btn-darken-1 {
    background-color: #FF4243 !important
}

.danger.darken-1 {
    color: #FF4243 !important
}

.btn-danger.btn-darken-1:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-darken-1:active, .btn-danger.btn-darken-1:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-darken-1 {
    border-color: #FF4243 !important;
    color: #FF4243 !important
}

    .btn-outline-danger.btn-outline-darken-1:hover {
        background-color: #FF4243 !important
    }

.border-danger.border-darken-1 {
    border: 1px solid #FF4243 !important
}

.border-top-danger.border-top-darken-1 {
    border-top: 1px solid #FF4243 !important
}

.border-bottom-danger.border-bottom-darken-1 {
    border-bottom: 1px solid #FF4243 !important
}

.border-left-danger.border-left-darken-1 {
    border-left: 1px solid #FF4243 !important
}

.border-right-danger.border-right-darken-1 {
    border-right: 1px solid #FF4243 !important
}

.btn-danger.btn-darken-2, .btn-danger.btn-darken-2:hover {
    border-color: #FF2829 !important
}

.overlay-danger.overlay-darken-1 {
    background: #FF4243;
    background: rgba(255,66,67,.6)
}

.bg-danger.bg-darken-2, .btn-danger.btn-darken-2 {
    background-color: #FF2829 !important
}

.danger.darken-2 {
    color: #FF2829 !important
}

.btn-danger.btn-darken-2:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-darken-2:active, .btn-danger.btn-darken-2:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-darken-2 {
    border-color: #FF2829 !important;
    color: #FF2829 !important
}

    .btn-outline-danger.btn-outline-darken-2:hover {
        background-color: #FF2829 !important
    }

.border-danger.border-darken-2 {
    border: 1px solid #FF2829 !important
}

.border-top-danger.border-top-darken-2 {
    border-top: 1px solid #FF2829 !important
}

.border-bottom-danger.border-bottom-darken-2 {
    border-bottom: 1px solid #FF2829 !important
}

.border-left-danger.border-left-darken-2 {
    border-left: 1px solid #FF2829 !important
}

.border-right-danger.border-right-darken-2 {
    border-right: 1px solid #FF2829 !important
}

.overlay-danger.overlay-darken-2 {
    background: #FF2829;
    background: rgba(255,40,41,.6)
}

.danger.darken-3 {
    color: #FF0F10 !important
}

.bg-danger.bg-darken-3 {
    background-color: #FF0F10 !important
}

.btn-danger.btn-darken-3, .btn-danger.btn-darken-3:hover {
    border-color: #FF2829 !important;
    background-color: #FF0F10 !important
}

    .btn-danger.btn-darken-3:active, .btn-danger.btn-darken-3:focus {
        border-color: #FF0F10 !important;
        background-color: #F40001 !important
    }

.btn-outline-danger.btn-outline-darken-3 {
    border-color: #FF0F10 !important;
    color: #FF0F10 !important
}

    .btn-outline-danger.btn-outline-darken-3:hover {
        background-color: #FF0F10 !important
    }

.border-danger.border-darken-3 {
    border: 1px solid #FF0F10 !important
}

.border-top-danger.border-top-darken-3 {
    border-top: 1px solid #FF0F10 !important
}

.border-bottom-danger.border-bottom-darken-3 {
    border-bottom: 1px solid #FF0F10 !important
}

.border-left-danger.border-left-darken-3 {
    border-left: 1px solid #FF0F10 !important
}

.border-right-danger.border-right-darken-3 {
    border-right: 1px solid #FF0F10 !important
}

.btn-danger.btn-darken-4, .btn-danger.btn-darken-4:hover {
    border-color: #FF2829 !important
}

.overlay-danger.overlay-darken-3 {
    background: #FF0F10;
    background: rgba(255,15,16,.6)
}

.bg-danger.bg-darken-4, .btn-danger.btn-darken-4 {
    background-color: #F40001 !important
}

.danger.darken-4 {
    color: #F40001 !important
}

.btn-danger.btn-darken-4:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-darken-4:active, .btn-danger.btn-darken-4:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-darken-4 {
    border-color: #F40001 !important;
    color: #F40001 !important
}

    .btn-outline-danger.btn-outline-darken-4:hover {
        background-color: #F40001 !important
    }

.border-danger.border-darken-4 {
    border: 1px solid #F40001 !important
}

.border-top-danger.border-top-darken-4 {
    border-top: 1px solid #F40001 !important
}

.border-bottom-danger.border-bottom-darken-4 {
    border-bottom: 1px solid #F40001 !important
}

.border-left-danger.border-left-darken-4 {
    border-left: 1px solid #F40001 !important
}

.border-right-danger.border-right-darken-4 {
    border-right: 1px solid #F40001 !important
}

.btn-danger.btn-accent-1, .btn-danger.btn-accent-1:hover {
    border-color: #FF2829 !important
}

.overlay-danger.overlay-darken-4 {
    background: #F40001;
    background: rgba(244,0,1,.6)
}

.bg-danger.bg-accent-1, .btn-danger.btn-accent-1 {
    background-color: #FFEEF1 !important
}

.danger.accent-1 {
    color: #FFEEF1 !important
}

.btn-danger.btn-accent-1:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-accent-1:active, .btn-danger.btn-accent-1:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-accent-1 {
    border-color: #FFEEF1 !important;
    color: #FFEEF1 !important
}

    .btn-outline-danger.btn-outline-accent-1:hover {
        background-color: #FFEEF1 !important
    }

.border-danger.border-accent-1 {
    border: 1px solid #FFEEF1 !important
}

.border-top-danger.border-top-accent-1 {
    border-top: 1px solid #FFEEF1 !important
}

.border-bottom-danger.border-bottom-accent-1 {
    border-bottom: 1px solid #FFEEF1 !important
}

.border-left-danger.border-left-accent-1 {
    border-left: 1px solid #FFEEF1 !important
}

.border-right-danger.border-right-accent-1 {
    border-right: 1px solid #FFEEF1 !important
}

.btn-danger.btn-accent-2, .btn-danger.btn-accent-2:hover {
    border-color: #FF2829 !important
}

.overlay-danger.overlay-accent-1 {
    background: #FFEEF1;
    background: rgba(255,238,241,.6)
}

.bg-danger.bg-accent-2, .btn-danger.btn-accent-2 {
    background-color: #FFD6DB !important
}

.danger.accent-2 {
    color: #FFD6DB !important
}

.btn-danger.btn-accent-2:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-accent-2:active, .btn-danger.btn-accent-2:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-accent-2 {
    border-color: #FFD6DB !important;
    color: #FFD6DB !important
}

    .btn-outline-danger.btn-outline-accent-2:hover {
        background-color: #FFD6DB !important
    }

.border-danger.border-accent-2 {
    border: 1px solid #FFD6DB !important
}

.border-top-danger.border-top-accent-2 {
    border-top: 1px solid #FFD6DB !important
}

.border-bottom-danger.border-bottom-accent-2 {
    border-bottom: 1px solid #FFD6DB !important
}

.border-left-danger.border-left-accent-2 {
    border-left: 1px solid #FFD6DB !important
}

.border-right-danger.border-right-accent-2 {
    border-right: 1px solid #FFD6DB !important
}

.btn-danger.btn-accent-3, .btn-danger.btn-accent-3:hover {
    border-color: #FF2829 !important
}

.overlay-danger.overlay-accent-2 {
    background: #FFD6DB;
    background: rgba(255,214,219,.6)
}

.bg-danger.bg-accent-3, .btn-danger.btn-accent-3 {
    background-color: #FFECEE !important
}

.danger.accent-3 {
    color: #FFECEE !important
}

.btn-danger.btn-accent-3:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-accent-3:active, .btn-danger.btn-accent-3:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-accent-3 {
    border-color: #FFECEE !important;
    color: #FFECEE !important
}

    .btn-outline-danger.btn-outline-accent-3:hover {
        background-color: #FFECEE !important
    }

.border-danger.border-accent-3 {
    border: 1px solid #FFECEE !important
}

.border-top-danger.border-top-accent-3 {
    border-top: 1px solid #FFECEE !important
}

.border-bottom-danger.border-bottom-accent-3 {
    border-bottom: 1px solid #FFECEE !important
}

.border-left-danger.border-left-accent-3 {
    border-left: 1px solid #FFECEE !important
}

.border-right-danger.border-right-accent-3 {
    border-right: 1px solid #FFECEE !important
}

.btn-danger.btn-accent-4, .btn-danger.btn-accent-4:hover {
    border-color: #FF2829 !important
}

.overlay-danger.overlay-accent-3 {
    background: #FFECEE;
    background: rgba(255,236,238,.6)
}

.bg-danger.bg-accent-4, .btn-danger.btn-accent-4 {
    background-color: #FFD3D7 !important
}

.danger.accent-4 {
    color: #FFD3D7 !important
}

.btn-danger.btn-accent-4:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-accent-4:active, .btn-danger.btn-accent-4:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-accent-4 {
    border-color: #FFD3D7 !important;
    color: #FFD3D7 !important
}

    .btn-outline-danger.btn-outline-accent-4:hover {
        background-color: #FFD3D7 !important
    }

.border-danger.border-accent-4 {
    border: 1px solid #FFD3D7 !important
}

.border-top-danger.border-top-accent-4 {
    border-top: 1px solid #FFD3D7 !important
}

.border-bottom-danger.border-bottom-accent-4 {
    border-bottom: 1px solid #FFD3D7 !important
}

.border-left-danger.border-left-accent-4 {
    border-left: 1px solid #FFD3D7 !important
}

.border-right-danger.border-right-accent-4 {
    border-right: 1px solid #FFD3D7 !important
}

.btn-danger.btn-light, .btn-danger.btn-light:hover {
    border-color: #FF2829 !important
}

.overlay-danger.overlay-accent-4 {
    background: #FFD3D7;
    background: rgba(255,211,215,.6)
}

.bg-danger.bg-light, .btn-danger.btn-light {
    background-color: #FFDEDE !important
}

.danger.light {
    color: #FFDEDE !important
}

.btn-danger.btn-light:hover {
    background-color: #FF0F10 !important
}

.btn-danger.btn-light:active, .btn-danger.btn-light:focus {
    border-color: #FF0F10 !important;
    background-color: #F40001 !important
}

.btn-outline-danger.btn-outline-light {
    border-color: #FFDEDE !important;
    color: #FFDEDE !important
}

    .btn-outline-danger.btn-outline-light:hover {
        background-color: #FFDEDE !important
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 .075rem #FFF,0 0 0 .21rem #FFDEDE !important
}

.border-danger.border-light {
    border: 1px solid #FFDEDE !important
}

.border-top-danger.border-top-light {
    border-top: 1px solid #FFDEDE !important
}

.border-bottom-danger.border-bottom-light {
    border-bottom: 1px solid #FFDEDE !important
}

.border-left-danger.border-left-light {
    border-left: 1px solid #FFDEDE !important
}

.border-right-danger.border-right-light {
    border-right: 1px solid #FFDEDE !important
}

.overlay-danger.overlay-light {
    background: #FFDEDE;
    background: rgba(255,222,222,.6)
}