/*Custom styles*/

    @font-face {
        font-family: "Helvetica Neue LT Pro";
        src: url("fonts/HelveticaNeueLTProEx.otf");
        /*src: url("/fonts/Roboto-Regular.eot?#iefix") format('embedded-opentype'),
         url("/fonts/Roboto-Regular.woff2") format('woff2'),
         url("/fonts/Roboto-Regular.woff") format('woff'),
         url("/fonts/Roboto-Regular.ttf") format('truetype');*/
        font-weight: 400;
        font-style: normal;
    }

@font-face {
    font-family: "Helvetica Neue LT Pro bold";
    src: url("fonts/HelveticaNeueLTProBdEx.otf");
    font-weight: 600;
    font-style: normal;
}
    .login-bg {
    background-image: url(images/login-bg.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    padding-left: 120px;
}
.whiteLogo {
    display: none;
}

.blackLogo {
    display: block;
}
.loginbtnPadding {
    padding: 6px 17px !important;
}
.azureLoginbtnPadding {
    padding: 6px 30px 6px 20px !important;
}
@media screen and (max-width:600px) {
    .whiteLogo {
        display: block;
        height: 70px !important;
    }
}
@media screen and (max-width: 1200px) {
    .login-bg {
        background-image: none !important;
        padding-left: 0px !important;
    }

    .whiteLogo {
        display: block;
    }

    .blackLogo {
        display: none;
    }

    .mobileHide {
        display: none;
    }
}
@media screen and (max-width: 300px) {
    .inner-parent-login .px-10 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .inner-parent-login .mbl-btn-100 {
        width: 100% !important;
    }
}

@media screen and (min-width: 301px) and (max-width: 450px) {
    .inner-parent-login .px-10 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important;
    }

    .inner-parent-login .mbl-btn-100 {
        width: 100% !important;
    }
}

@media screen and (min-width: 450px) and (max-width:991px) {
    .whiteLogo {
        height: 90px !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    #containerLogin {
        zoom: .8 !important;
    }

    .arabicFontFamily label {
        zoom: 1.1 !important;
    }

    .arabicFontFamily input {
        zoom: 1.1 !important;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1750px) {
    #containerLogin {
        zoom: .9 !important;
    }
}

@media screen and (min-width: 1751px) and (max-width: 1929px) {
    #containerLogin {
        zoom: 1 !important;
    }
}

@media screen and (min-width: 1930px) and (max-width: 2399px) {
    #containerLogin {
        zoom: 1.1 !important;
    }
}

@media screen and (min-width: 2400px) and (max-width: 2559px) {
    #containerLogin {
        zoom: 1.24 !important;
    }
}

@media screen and (min-width: 2560px) and (max-width: 2879px) {
    #containerLogin {
        zoom: 1.33 !important;
    }
}

@media screen and (min-width: 2880px) and (max-width: 3839px) {
    #containerLogin {
        zoom: 1.5 !important;
    }
}

@media screen and (min-width: 3840px) and (max-width: 5759px) {
    #containerLogin {
        zoom: 2.03 !important;
    }
}

@media screen and (min-width: 5759px) and (max-width: 7860px) {
    #containerLogin {
        zoom: 3.1 !important;
    }
}

select {
    height: 43px;
}
.app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #009ef7;
}

.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active) {
    background-color: #0095e8 !important;
}

.btn.btn-primary {
    background-color: #009ef7 !important;
}
.form-check-custom.form-check-solid .form-check-input:checked {
    background-color: #009ef7 !important;
}


.btn-check:active + .btn.btn-active-color-primary,
.btn-check:checked + .btn.btn-active-color-primary,
.btn.btn-active-color-primary.active,
.btn.btn-active-color-primary.show,
.btn.btn-active-color-primary:active:not(.btn-active),
.btn.btn-active-color-primary:focus:not(.btn-active),
.btn.btn-active-color-primary:hover:not(.btn-active),
.show > .btn.btn-active-color-primary {
    color: #009ef7 !important
}

.btn-check:active + .btn.btn-primary,
.btn-check:checked + .btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.show > .btn.btn-primary {
    color: var(--kt-primary-inverse);
    border-color: #0095e8;
    background-color: #0095e8 !important
}

.form-control.form-control-solid, .form-select.form-select-solid {
    background-color: var(--kt-input-solid-bg);
    border-color: var(--kt-input-solid-bg);
    color: var(--kt-input-solid-color);
    transition: color .2s ease;
    border-radius: 0.475rem !important;
}

.form-control, .form-select {
    border: 1px solid var(--kt-input-border-color) !important;
    box-shadow: none !important;
    padding: 0.775rem 1rem !important;
    line-height : 1.5 !important;
}

    .form-control.form-control-solid:focus {
        background-color: #f5f8fa;
    }

.swal2-icon.swal2-question {
    border-color: #009ef7;
    color: #009ef7;
}
.swal2-styled.swal2-confirm {
    background-color: #009ef7 !important;
}
    .dropdown-item.active,
    .dropdown-item:active {
        text-decoration: none;
        background-color: #33b1f9 !important;
    }
.ml-11px {
    margin-left: -21px !important;
}