/* https://www.colorspire.com/rgb-color-wheel */
:root {
    --primaryActive: #943B8B;
    --successActive: #00A484;
    --infoActive: #005BAA;
    --dangerActive: #C90000;
    --warningActive: #F59800;
    --primaryInactive: #BE5BB4;
    --successInactive: #00C69E;
    --infoInactive: #0474D7;
    --dangerInactive: #E60303;
    --warningInactive: #FFA200;
}

/*font awesome*/
.fa-xxs {
    font-size: 8px
}
.main-header .sidebar-toggle {
    font-family: "Font Awesome 5 Free"
}

/*AdminLTE*/
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
    left: 225px !important;
}
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a,
.nav-tabs-custom > .tab-content {
    background-color: ghostwhite;
}
@media (min-width: 768px) {
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        width: 225px;
    }
}

/*Bootstrap*/
.btn {
    padding: 5px !important
}
.btn-sm {
    font-size: 9px !important
}
.btn-primary, .btn-primary:hover {
    border-color: var(--primaryInactive)
}
.btn-success, .btn-success:hover {
    border-color: var(--successInactive)
}
.btn-info, .btn-info:hover {
    border-color: var(--infoInactive)
}
.btn-danger, .btn-danger:hover {
    border-color: var(--dangerInactive)
}
.btn-warning, .btn-warning:hover {
    border-color: var(--warningInactive)
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: var(--primaryInactive)
}
.btn-success:hover, .btn-success:active, .btn-success:focus {
    background-color: var(--successInactive)
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
    background-color: var(--infoInactive)
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
    background-color: var(--dangerInactive)
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
    background-color: var(--warningInactive)
}
.progress-bar-primary, .btn-primary {
    background-color: var(--primaryActive);
}
.progress-bar-success, .btn-success {
    background-color: var(--successActive);
}
.progress-bar-info, .btn-info {
    background-color: var(--infoActive);
}
.progress-bar-danger, .btn-danger {
    background-color: var(--dangerActive);
}
.progress-bar-warning, .btn-warning {
    background-color: var(--warningActive);
}
.box.box-primary, .nav-tabs-custom.tab-primary > .nav-tabs > li.active {
    border-top-color: var(--primaryActive);
}
.box.box-success, .nav-tabs-custom.tab-success > .nav-tabs > li.active {
    border-top-color: var(--successActive);
}
.box.box-info, .nav-tabs-custom.tab-info > .nav-tabs > li.active {
    border-top-color: var(--infoActive);
}
.box.box-danger, .nav-tabs-custom.tab-danger > .nav-tabs > li.active {
    border-top-color: var(--dangerActive);
}
.box.box-warning, .nav-tabs-custom.tab-warning > .nav-tabs > li.active {
    border-top-color: var(--warningActive);
}
.box.box-solid.box-primary {
    border: 1px solid var(--primaryActive);
}
.box.box-solid.box-primary > .box-header, .direct-chat-primary .right > .direct-chat-text {
    background: var(--primaryActive);
}
.box.box-solid.box-success {
    border: 1px solid var(--successActive);
}
.box.box-solid.box-success > .box-header, .direct-chat-success .right > .direct-chat-text {
    background: var(--successActive);
}
.box.box-solid.box-info {
    border: 1px solid var(--infoActive);
}
.box.box-solid.box-info > .box-header, .direct-chat-info .right > .direct-chat-text {
    background: var(--infoActive);
}
.box.box-solid.box-danger {
    border: 1px solid var(--dangerActive);
}
.box.box-solid.box-danger > .box-header, .direct-chat-danger .right > .direct-chat-text {
    background: var(--dangerActive);
}
.box.box-solid.box-warning {
    border: 1px solid var(--warningActive);
}
.box.box-solid.box-warning > .box-header, .direct-chat-warning .right > .direct-chat-text {
    background: var(--warningActive);
}
.direct-chat-primary .right > .direct-chat-text:after,
.direct-chat-primary .right > .direct-chat-text:before {
    border-left-color: var(--primaryActive);
}
.direct-chat-success .right > .direct-chat-text:after,
.direct-chat-success .right > .direct-chat-text:before {
    border-left-color: var(--successActive);
}
.direct-chat-info .right > .direct-chat-text:after,
.direct-chat-info .right > .direct-chat-text:before {
    border-left-color: var(--infoActive);
}
.direct-chat-danger .right > .direct-chat-text:after,
.direct-chat-danger .right > .direct-chat-text:before {
    border-left-color: var(--dangerActive);
}
.direct-chat-warning .right > .direct-chat-text:after,
.direct-chat-warning .right > .direct-chat-text:before {
    border-left-color: var(--warningActive);
}
.alert-primary, .modal-primary .modal-body {
    background-color: var(--primaryActive) !important;
}
.alert-success, .modal-success .modal-body {
    background-color: var(--successActive) !important;
}
.alert-info, .modal-info .modal-body {
    background-color: var(--infoActive) !important;
}
.alert-danger, .modal-danger .modal-body {
    background-color: var(--dangerActive) !important;
}
.alert-warning, .modal-warning .modal-body {
    background-color: var(--warningActive) !important;
}

.modal-primary .modal-header, .modal-primary .modal-footer {
    background-color: var(--primaryInactive) !important;
}
.modal-success .modal-header, .modal-success .modal-footer {
    background-color: var(--successInactive) !important;
}
.modal-info .modal-header, .modal-info .modal-footer {
    background-color: var(--infoInactive) !important;
}
.modal-danger .modal-header, .modal-danger .modal-footer {
    background-color: var(--dangerInactive) !important;
}
.modal-warning .modal-header, .modal-warning .modal-footer {
    background-color: var(--warningInactive) !important;
}
.text-warning {
    color: rgb(245, 152, 0);
}
.text-danger {
    color: rgb(201, 0, 0);
}