.login-page{
    background-image:url(/MDPCSS/img/logo/bg_login.svg);
    overflow-y: hidden;
    overflow-x: hidden;
}

.mainLogin{
    position: absolute;
    width: 100%;
    height: 100%;
}

.font-sans-serif-cw{
    font-family: sans-serif;
    color: #FFFFFF;
    margin-top: 10rem;
}

.font-sans-serif-cb{
    font-family: sans-serif;
    color: black;
    margin-top: 1rem;
    font-size: 1.5rem;
}

.card-login{
    width: 30%;
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    margin: 5% 0rem;
}

.form-contro:focus {
    outline: 0px solid #f8d8d8 !important;  
    box-shadow: 0 0 0 2px #f8d8d8 !important;
    
}

.form-contro:hover {
    outline: 0px solid #f8d8d8;  
    box-shadow: 0 0 0 2px #f8d8d8;
}

.form-control input[type=text]{
    border: 0;
    border: 1px solid #ccc;
    height: 40px;
    padding-left: 10px;
    outline: 0;
    font-size: 1.5rem;
  }

textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: none;
}

.label-1{
    font-size: 1.5rem;
    font-family: sans-serif;
}

.costum-input{
    border: 1px solid rgba(200, 96, 96, 0.95);
    padding: 1rem;
    font-size: 1.5rem;
}

.btn-login-mdp{
    margin-top: 8px;
    color: #fff;
    background-color: rgba(200, 96, 96, 0.95);
    border-color: rgba(200, 96, 96, 0.95);
    width: 100%;
    font-size: 1.5rem;
}

.btn-login-mdp:hover{
    margin-top: 8px;
    color: #fff;
    background-color: rgba(200, 96, 96, 0.95);
    border-color: rgba(200, 96, 96, 0.95);
    width: 100%;
    outline: 0px;
    box-shadow: 0 0 0 3px #f8d8d8;
}

.bg-2{
    width: 100%;
    position: fixed;
    height: 100%;
    background: rgba(200, 96, 96, 0.95);;
    /* top: 0px; */
    padding-top: 20%;
}

.bg-3{
    background: #FFF5F5;
    width: 100%;
    height: 100%;
    position: absolute;
}

.logo-img{
    width: 10rem;
}

@media screen and (max-width: 1007px) {

    .font-sans-serif-cb{
        font-family: sans-serif;
        color: black;
        margin-top: 1rem;
        font-size: 2rem;
        letter-spacing: 5px;
        
    }

    .logo-img{
        width: 20rem;
    }

    .card-login{
        width: 70%;
        background: white;
        border-radius: 1rem;
        padding-top: 3rem;
        padding-left: 4rem;
        padding-right: 4rem;
        padding-bottom: 1rem;
        margin-top: 33%;
    }

    .label-1{
        font-size: 2rem;
        font-family: sans-serif;
    }
    
    .costum-input{
        border: 1px solid rgba(200, 96, 96, 0.95);
        padding: 1rem;
        height: 5rem;
        margin-bottom: 4rem;
        font-size: 2rem;
    }
    
    .btn-login-mdp{
        margin-top: 8px;
        color: #fff;
        background-color: rgba(200, 96, 96, 0.95);
        border-color: rgba(200, 96, 96, 0.95);
        width: 100%;
        font-size: 2rem;
        padding: 1rem;
        margin-bottom: 2rem;
    }
    
    .btn-login-mdp:hover{
        margin-top: 8px;
        color: #fff;
        background-color: rgba(200, 96, 96, 0.95);
        border-color: rgba(200, 96, 96, 0.95);
        width: 100%;
        outline: 0px;
        box-shadow: 0 0 0 3px #f8d8d8;
    }

    .bg-2{
        width: 100%;
        position: fixed;
        height: 100%;
        background: rgba(200, 96, 96, 0.95);;
        /* top: 0px; */
        padding-top: 70%;
    }
    
    .bg-3{
        background: #FFF5F5;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    

}