/* ***************************** Customize Apps Styles ******************************** */
/* Components - BlockUI*/
:root { 
    --primary: #9B0C19;
}

.apps-component-block-ui-overlay {
    background-color: white;
}

/* Components - TabContent*/
.card .nav-tabs .nav-link.active {
    border-color: #f1f1f2 !important;
    border-bottom-color: #fff !important;
    border-top-color: #9b0c19 !important;
}

/* General - Settings Maintenance - Setting Tab */
#apps-general-settings-setting-tab {
    padding: 0.85rem 1.5rem;
    color: #a3a4a6 !important;
    background-color: transparent !important;
    border-color: #f4f4f4 !important;
    font-weight: 400;
    white-space: normal;
    display: flex;
}

#apps-general-settings-setting-tab.active {
    padding: 0.85rem 1.5rem;
    color: #222 !important;
    background-color: rgba(24, 28, 33, 0.06) !important;
    border-color: #f4f4f4 !important;
    font-weight: 600;
    white-space: normal;
    display: flex;
}

#apps-general-settings-setting-tab:focus,
#apps-general-settings-setting-tab:hover {
    color: #555 !important;
    background-color: rgba(24, 28, 33, 0.015) !important;
}

#apps-general-settings-setting-tab:focus.active,
#apps-general-settings-setting-tab:hover.active {
    color: #222 !important;
    background-color: rgba(24, 28, 33, 0.06) !important;
}

/* General - Settings Maintenance - Setting Group */
#apps-general-settings-setting-group {
    padding: 0.85rem 1.5rem;
    color: #222 !important;
    background-color: transparent !important;
    border-color: #f4f4f4 !important;
    font-weight: 400;
    white-space: normal;
}

#apps-general-settings-setting-group.active {
    font-weight: 600;
}

#apps-general-settings-setting-group:focus,
#apps-general-settings-setting-group:hover {
    background-color: transparent !important;
}

#apps-general-settings-setting-group:focus.active,
#apps-general-settings-setting-group:hover.active {
    background-color: rgba(24, 28, 33, 0.015) !important;
}

#apps-general-settings-setting-group:after {
    content: "";
    position: absolute;
    right: 2rem;
    display: block;
    width: .42em;
    height: .42em;
    border: 1px solid;
    border-top: 0;
    border-right: 0;
    margin: -10px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    transition-property: -webkit-transform, transform;
}

#apps-general-settings-setting-group.active:after {
    transform: translateY(-50%) rotate(-45deg);
}

/* ***************************** Customize DevExtreme ******************************** */
/* TabPanel */
.dx-tab.dx-tab-selected {
    border-top: 3px solid #FF614C;
    background-color: white;
}