@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
    --primary: #844962;
    --white: #eeeeee;
    --text: #606060;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto' !important;
}
.login-img {
    background-image: url('images/login_image.png');
    background-size: contain;
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    height: 90vh;
    box-sizing: border-box;
}
.heading{
    font-family:'Roboto',sans-serif !important;
    font-weight : 700 !important;
    color: var(--primary);
}
.form-control {
    color: var(--text) !important;
    background-color: var(--white) !important;
    border-radius: 0.2rem !important;
    padding: 0.6rem !important;
    padding-left: 1rem !important;
    font-family: 'Roboto' !important;
    font-size: .9rem !important;
}
.horizental-divider{
    height: 0.1rem;
    background-color: var(--primary);
    width: 70%;
    margin-left:auto;
    margin-right:auto;
}
.btn-protal-main {
    background-color: var(--primary) !important;
    color: #fff;
    font-size:.9rem;
    font-weight:400;
    width:11rem;
}
.btn-protal-main:hover, .btn-protal-main:focus{
    color: #fff !important;
}
.link-color, .link-color:visited, .link-color:active, .link-color:focus{
    color: var(--text);
}
.font-small{
    font-size:.8rem;
}
.mt-login-box{
    margin-top:5rem;
}
.register-label{
    font-size:0.9rem;
}
input[type="file"] {
    display: none;
}
.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}
.custom-file-upload {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background-color: var(--white);
    color: var(--text);
    margin-left: auto;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #D7B1D7 !important;
    background-color: #D7B1D7 !important;
}