/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Login page */
*{
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.login-page{
background: url('/assets/images/rp_login.png');
width: 100%;
height: 100vh;
background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.blue_text24500{
    color: #0F4574;
text-align: center;
font-family: Roboto;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 36px */
letter-spacing: 0.6px;
}

.blue_tex18500{
  color: #0F4574;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 26.4px */
letter-spacing: 0.44px;
}


.blue_tex14500{
  color: #0F4574;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 26.4px */
letter-spacing: 0.44px;
}
.btnCommonColor{
    background-color: #0F4574 !important;
}


.btn-tab {
    opacity: 0.5; /* Default faded look */
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.btn-tab.active {
    opacity: 1; /* Fully visible when active */
}

.login-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
padding: 16px 0px;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 10px;
-ms-flex-item-align: stretch;
    align-self: stretch;

border-radius: 18px;
background: -webkit-gradient(linear, left top, right top, color-stop(17.52%, #0F4574), color-stop(174.8%, #2F7DC7));
background: linear-gradient(90deg, #0F4574 17.52%, #2F7DC7 174.8%);
-webkit-box-shadow: 0px 0px 6px 0px #9252CA;
        box-shadow: 0px 0px 6px 0px #9252CA;
}
.login-btn2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
padding: 16px 0px;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 10px;
-ms-flex-item-align: stretch;
    align-self: stretch;

border-radius: 18px;
background: -webkit-gradient(linear, left top, right top, color-stop(17.52%, #0F4574), color-stop(174.8%, #2F7DC7));
background: linear-gradient(90deg, #0F4574 17.52%, #2F7DC7 174.8%);

}

.border-radius-top-left-5{
    border-top-left-radius: 2rem !important;
}
.border-radius-top-right-5{
    border-top-right-radius: 2rem !important;
}

.border-radius-top-left-0{
    border-top-left-radius: 0rem !important;
}
.border-radius-top-right-0{
    border-top-right-radius: 0rem !important;
}

.border-radius-bottom-left-0{
    border-bottom-left-radius: 0rem !important; 
}
.border-radius-bottom-right-0{
    border-bottom-right-radius: 0rem !important;
}

.width-50{
    width: 50%;
}

@media only screen and (max-width: 600px) {
 .login-page{
background: url('/assets/images/rp_login_sm.png');
width: 100%;
height: 100vh;
background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.width-0-sm{
    width: 0% !important;
}
.width-100-sm{
    width: 100% !important;
}
.width-75-sm{
    width: 75% !important;
}
}