@font-face {
    font-family: 'Nunito';
    src: url("/css/fonts/Nunito/Nunito-VariableFont_wght.ttf");
    font-style: normal;
}

.sifer-text {
    font-family: "Nunito";
    color: #002733;
    font-size: 49px;
    font-weight: 700;
}

.sifer-logo-ba {
    height: 40px;
}

.sifer-label-logo {
    font-family: "Nunito";
    color: #002733;
    font-size: 30px;
    font-weight: 700;
}

.mini-sidebar .sifer-logo-ba {
    height: 30px;
}

.mini-sidebar .sifer-label-logo {
    font-size: 22px;
    display: block;
    line-height: 28px;
}

.custom-logo {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.login-custom-logo {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.header-flex {
    display: flex !important;
}

.sifer-title-section {
    color: #101e37 !important;
    font-size: 30px;
    line-height: 2.25rem
}

/* media query */
@media(max-width: 1170px) {

    .sifer-logo-ba {
        height: 30px;
    }

    .custom-logo {
        display: block;
        line-height: 28px;
    }

    .login-custom-logo {
        display: inline-flex;
        line-height: 28px;
        justify-content: start;
    }

    .header-flex {
        display: flex !important;
    }

    .sifer-label-logo {
        font-size: 22px;
    }
}

/* buttons */
.btn {
    padding: 7px 12px;
    cursor: pointer;
    font-weight: 700;
}

.btn-secondary,
.btn-secondary.disabled {
    -webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    background-color: transparent !important;
    color: #005e7a !important;
    outline: .125rem solid #005e7a !important;
}

    .btn-secondary:hover,
    .btn-secondary.disabled:hover {
        -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        color: #fff !important;
        background-color: #005e7a !important;
    }

    .btn-secondary.active, .btn-secondary:active, .btn-secondary:focus,
    .btn-secondary.disabled.active,
    .btn-secondary.disabled:active,
    .btn-secondary.disabled:focus {
        -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        box-shadow: 0 14px 26px -12px rgba(0,94,122), 0 4px 23px 0 rgba(0,94,122, 0.12), 0 8px 10px -5px rgba(0,94,122, 0.2);
        color: #fff !important;
        background: #005e7a !important;
        border-color: #005e7a !important;
    }

    .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active {
        color: #fff !important;
        background-color: #005e7a !important;
        border-color: #005e7a !important;
        cursor: default;
    }

.btn-primary,
.btn-primary.disabled {
    background: #336acc !important;
    border: 1px solid #336acc !important;
    color: #fff;
    /*box-shadow: $primary-shadow;*/
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

    .btn-primary:hover,
    .btn-primary.disabled:hover {
        background: #2b5aad !important;
        -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        border: 1px solid #2955a3 !important;
    }

    .btn-primary.active, .btn-primary:active, .btn-primary:focus,
    .btn-primary.disabled.active,
    .btn-primary.disabled:active,
    .btn-primary.disabled:focus {
        background: #2955a3 !important;
        /*box-shadow: $primary-shadow-hover;*/
        border-color: #265099 !important;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

.btn-success,
.btn-success.disabled {
    background: #101e37 !important;
    border: 1px solid #101e37;
    color: #fff;
    /*box-shadow: $success-shadow;*/
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

    .btn-success:hover,
    .btn-success.disabled:hover {
        background: #0e1a2f !important;
        /*box-shadow: $success-shadow-hover;*/
        border: 1px solid #0d182c !important;
    }

    .btn-success.active, .btn-success:active, .btn-success:focus,
    .btn-success.disabled.active,
    .btn-success.disabled:active,
    .btn-success.disabled:focus {
        background: #0d182c !important;
        /*box-shadow: $success-shadow-hover;*/
        border-color: transparent;
    }

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.show > .btn-primary.dropdown-toggle {
    background-color: #2955a3;
    border: 1px solid #265099;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus:active,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover,
.btn-success.focus,
.btn-success:focus,
.show > .btn-success.dropdown-toggle {
    background-color: #0d182c;
    border: 1px solid #0c1729;
}