.red{
    color: red;
}

.lexa_logo{
    content: url("backgrounds/logo_lexa.png");
	width: 140px; 
	height: 30px;
}


/* ************* base html */
.base_html{
    font-family: 'Overpass';
    color: #F2F2F1;
}

.welcome{
    background-image:  radial-gradient(circle at 30% 56%, rgb(0, 126, 192) 10%, rgb(0, 64, 110) 70%);
    background-position: left bottom;
    background-size:cover;
    background-repeat: no-repeat;
    /* background-color: #073b74; */
    
}

.page-heading{
    font-size: 6vh;
    font-weight: bold;
}

.page-heading2{
    font-size: 4vh;
    font-weight: bold;
}

.row-content-height{
    height: 45%;
}

/* ************* footer of base.html */
.footer {
    width: 100%;
    padding: 0.9%;
    color: rgba(255, 255, 255, 0.8);
}

.footer p {
    margin-top: 0;
    margin-bottom: 0;

}

/* ************* own button style */
.btn-own{
    background-color: #429bce;
    color:#F2F2F1;
    border:none;
    border-radius: 0% !important;
}

.btn-own-auth{
    background-color: #429bce;
    color:#F2F2F1;
    border: none;
    border-radius: 0% !important;
    width: 99%;
}

.btn-own:hover, .btn-own:focus, .btn-own:active, .btn-own.active, .open .dropdown-toggle.btn-own 
{
    background-color: #95d0f7;
    color:#FFF;
    border-color: #31347B;
 }

 .btn-own-auth:hover, .btn-own-auth:focus, .btn-own-auth:active, .btn-own-auth.active, .open .dropdown-toggle.btn-own 
{
    background-color: #95d0f7;
    color:#FFF;
    border-color: #31347B;
 }
 
 .btn-own-auth:hover, .btn-own-auth:focus, .btn-own-auth:active, .btn-own-auth.active, .open .dropdown-toggle.btn-own 
{
    background-color: #95d0f7;
    color:#FFF;
    border-color: #31347B;
 }
 
.page-img-pos{
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
}

/* ************* Authentification screen */


.auth-form{
    position:relative; 
    top:20%; 
}

.auth-input{
    padding: 1%;
    padding-left: 4%;
    border-radius: 0px;
    border: none;
    width: 100%;
}

/* ************* course screen */


.flag-icon{
    width: 40%;
}


.card-footer-height{
    height: 10vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-border-radius{
    border-radius: 0rem !important;
}


/* ************* result screen */

.result_screen_right{
    color: #7c8285;
    background-color: #e7e6ea;
    padding: 5%;
}

.img_success{
    content: url("backgrounds/success.png");
}

.img_failure{
    content: url("backgrounds/failure.png");
}

.result_button_end{
    position:relative; 
    width: 154px;
    height: 50px;
    /* top:90%;
    left:60%;  */
    background: #8394C5 0% 0% no-repeat padding-box;
    opacity: 1;
    color: #F2F2F1;
}

/* ************* logout screen */

.function_test_screen{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}
/********* Error screen***********/

.error-img {
    max-width: 100%;
}

.page-heading-error{
    font-size: 5vh;
    font-weight: bold;
}

.dot { 
    cursor: pointer;
    width:30px;
    height:30px;
    border-radius:15px;
    font-size:16px;
    font-weight: bold;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#429bce;
    margin-top: 2px
  }