/* HTML Edits */
body{
    background-color:#f0ece6;
}
a{
    text-decoration: unset; 
}
a:hover{
    color: black;
}
input{
    transition: .5s;
}
input, button, .btn, .form-control{
    border-radius: 0;
}
input:focus{
    transition: .5s;
}
form h3{
    margin-top: 0;
}

/* Content */
.row_without_margin a {
    color: black;
    font-weight: bold;
    text-decoration: underline;
  }
.col_right input{
    background-color: transparent;
    color: black;
    border:1.5px solid #7d6969;
}
.col_right input:focus{
    background-color: white;
    color: black;
    border: 2px solid #7d6969;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}
.col_right input::placeholder{
    color: black;
}
.shadowed_row{
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}
.login-container{
    margin-top: 5%;
}
.col_left,.col_right{
    height: 550px;
}
.col_left{
    padding: 4% 5%;
    background-color: white;
    text-align: center;
}
.error{
    margin: 0;
}
.col_right{
    padding: 5%;
}
.login-container form{
    padding: 25% 10%;
}
.col_right .forgot_password{
    color: black;
    font-weight: bold;
    text-decoration: none;
}

.error_mess{
    color: #f00500;
    font-weight: 700;
}

.confirm_email_mess{
    text-align: center;
    color: green;
}
.error_email_mess{
    color: #f00500; 
    text-align: center;
}

#login_btn,#forgot_password_btn,#register_btn, #reset_password{
    float: right;
}
#register form{
    padding: 10% 10%;
}
.register_btn{
    float: right;
}
.col_left img{
    margin-bottom: 5%;
}

.row_without_margin{
    margin:0;
}
.row_without_margin{
    margin-top: 15px;
}
.privacy_col{
    background-color: white;
    padding: 55px;
}
.link_right{
    text-align: right;
}
@media screen and (max-width: 991px){
    .col_left,.col_right{
        height: unset;
    }
    .login-container form {
        padding: 5% 10%;
    }
    .col_left{
        padding: 6% 5%;
    }
    .register_btn{
        position: unset;
        float: right;
    }
    .row_without_margin, .link_right{
        text-align: center;
    }
}
@media screen and (max-width: 1200px) and (min-width:991px){
    .col_left{
        padding: 1% 5%;
    }
}