:root {
    --primary: #004B76;
    --secondary: #F47A00;
}

[data-typography="outfit"] {
    font-family: 'outfit', sans-serif;
}
.text-secondary {
    color: var(--secondary) !important; 
}
.header {
    height: 5rem;
}
.nav-header {
    height: 5rem;
}
[data-header-position="fixed"] .content-body {
    padding-top: 5rem;
}


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

.sk-three-bounce .sk-child {
    background-color: #004B76;
}

.profile-tab .nav-item .nav-link {
    margin-right: 0px;
}

.profile-tab .nav-item .nav-link:hover {
    border-bottom: 0.2px solid transparent;
    color: inherit;
}
.badge-danger {
    background-color: #f94646;
}
.compose-content .dropzone {
    border: 1px dashed #004b76;
    min-height: 8rem;
}
.custom-tab-1 .nav-link:focus, .custom-tab-1 .nav-link:hover, .custom-tab-1 .nav-link.active {
    border-color: #ffffff00;
    /* border-color: #F47A00 !important; */
}
.profile-tab .nav-item .nav-link.active {
    border-bottom: 1px solid #F47A00 !important;
    color: #F47A00 !important;
}
.bg-grey{
    background-color: #f2f4fa !important;
}
.w-20 {
    width: 20%;
}
.photo-content .cover-photo {
    /* background: url(../images/profile/cover.jpg) !important; */
    min-height: 120px !important;
}
.deznav .metismenu>li a>i {
    margin-right: -10px;
}

[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a i {
    background: transparent;
    box-shadow: none;
}


.fs-10 {
    font-size: 10px;
}

.btn-check:checked+.btn,
:not(.btn-check)+.btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
    background-color: #004B76;
    border-color: #004B76;
}

.form-check-input:checked {
    background-color: #F47A00;
    border-color: #F47A00;
}

.message .subject {
    color: black;
}
@media only screen and (min-width: 768px) {
    .deznav {
        padding-top: 5rem;
    }
}
@media only screen and (max-width: 1400px) {
    [data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li > a {
        padding: 8px 0px 0px 0px;
    }
    .deznav .metismenu ul a {
        padding-left: 4rem;
    }
}