@import url("/dist/theme_v10/css/fonts.css");

.custom-badge {
    position: absolute;
    top: -35%;
    right: -22%;

    width: 24px;
    height: 24px;
    background: #FFA600;
    border-radius: 50%;

    font-weight: 400;
    font-size: 12px;
    font-family: "Poppins";
    color: #FFFFFF;

    display: flex;
    align-items: center;
    justify-content: center;
}

body {
    margin: 0 auto;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    background-image: url("dist/images/new_index_back.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #005981;
    background-blend-mode: multiply;
    background-size: cover;
}

@font-face {
    font-family: "SnasmW00-Light";
    src: url("/dist/fonts/Snasm.eot");
    src: url("/dist/fonts/Snasm.eot?#iefix") format("embedded-opentype"),
        url("/dist/fonts/Snasm.woff2") format("woff2"),
        url("/dist/fonts/Snasm.woff") format("woff"),
        url("/dist/fonts/Snasm.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.logo-lg {
    font-size: 36px;
    text-align: center;
    font-family: "SnasmW00-Light" !important;
    /*vertical-align: middle;
    display: table-cell;*/
}

.app-box {
    width: 100%;
    display: table;
    /* height:150px; */
    /* background:white; */
    text-align: center;
    margin: 10px;
    /*padding-top:0px!important;*/
}

.btn-scherer {
    background-color: #0092CB;
    color: white;
}

.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.dropdown-menu li {
    list-style-type: none !important;
    height: 34px !important;
}

.dropdown-menu {
    box-shadow: 0 4px 22px 5px rgba(0, 0, 0, 0.2);
}

.first {
    color: #FFFFFF !important;
}

.last {
    color: #F6A017 !important;
    position: relative;
}

.col-centered {
    float: none;
    display: inline-block;
    padding-bottom: 5%;
    width: 20% !important;
}

.bottom_border {
    width: 783px; 
    border-bottom: 1px solid rgb(248 248 248 / 18%);
    margin: 0 auto;
    padding-top: 5%;
}

.login-box {
    padding-top: 25%;
}

.login-box-body,
.register-box-body {
    background: #004F72;
    padding: 37px 73px 60px 54px;
    border-radius: 5px;
    color: #d5d5d5;
    min-height: 473px;
    max-height: 489px;
    width: 464px;;
}

::placeholder {
    color: #D0D7DD !important;
}

label {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #98A2B3;
}

.form-control {
    border-radius: 3px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.btn_custom {
    color: #ccc;
    background: #005981;
}

.login-box-body .btn {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.login-box-msg {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.btn-warning {
    background-color: #FFA600 !important;
}
.btn-warning:hover, .btn-warning:focus {
    background-color: #FFA600 !important;
    border-color: #FFA600 !important;
    background-position: 0 !important;
}

.btn_custom:hover {
    background: #005981;
}

.btn_custom:hover {
    background-color: #005981;
}

.btn_custom:active {
    background-color: #005981;
    border-color: #005981;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn_custom:focus {
    background-color: #005981;
    background-position: 0 -15px;
    color: #ccc;
    border-color: #005981;
}

.text-danger {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #F04438;
}

.nav>li>a.lll {
    padding: 7px 12px !important;
    color: #e4e4e4;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
}

.nav>li>a.lll:hover {
    color: #000 !important;
}

.nav>li>a.lll:active {
    color: #000 !important;
}



.nav>li>a.lll:focus {
    color: #000 !important;
}

.nav>li>a.logout-btn {
    padding: 9px 15px !important;
    color: #e4e4e4 !important;
}

.nav>li>a.logout-btn:hover {
    background: none !important;
    color: #e4e4e4 !important;
}

.nav>li>a.logout-btn:active {
    background: none !important;
    color: #e4e4e4 !important;
}

.nav>li>a.logout-btn:focus {
    background: none !important;
    color: #e4e4e4 !important;
}

.forcedFont {
    font-family: Tahoma, Verdana, Arial, sans-serif !important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background: #F2F4F7 !important;
    border-radius: 0px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #344054 !important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background: #F2F4F7 !important;
    border-radius: 0px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #344054 !important;
}
.dropdown-menu>li>a, .dropdown-menu>li>a {
    border-radius: 0px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #344054 !important;
}

.dropdown-menu {
    background: #FFFFFF !important;
    box-shadow: 0px 8px 8px -4px rgb(16 24 40 / 4%), 0px 20px 24px -4px rgb(16 24 40 / 10%) !important;
    border-radius: 4px !important;
    width: 219px !important;
}
.usernameWrong{
    margin-bottom: 5px;
}
@media screen and (max-width: 1536px) {
    .login-box {
        padding-top: 20%;
    }
}