/*Login Screen*/

.ark-form-check .form-check-input[type="checkbox"] + label {padding-top:0px; }
.preloader .img-fluid{ top:37vh }
.spinner-linear .line {background-color:#25c2e6 }
#loginscreen { padding: 0px; margin: 0px; height: 100%; }
#loginscreen .main-content { padding: 0px; margin: 0px; }
#loginscreenRow { margin: 0px; padding: 0px; height: 100vh; }

/*#loginscreenImage { background: url(../images/loginpage-halcyon.jpg) no-repeat; background-size: cover; margin: 0px; padding: 0px; }
#loginscreenImage img { z-index: 9999; margin-top: calc(55vh - 64px) !important;  margin-left: calc(50% - 176px); max-width: 60%; }*/

/*//Stulz change
    background image removed & rounded border shadow applied
*/
#loginbgimage {
    background-color:#fff;
/*   background: url(../images/login-bg-large.jpg) no-repeat; background-size: cover; margin: 0px; padding: 0px;*/
}

#loginscreenControls { margin-top:18vh; min-width:430px; max-width:700px; background-color:#fff; 
    border-radius: 10px; 
    padding:15px;                       
    border: 1px solid #ED1B24; /* Optional border styling */
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); /* Shadow offset, blur, and color */
}

    /*To change radio colors*/
    #loginscreenControls .ark-form-check .radio-filter:checked + label:before, .ark-form-check .form-check-input[type="radio"]:checked + label:before { background-color: #25C2E6; border-color: #25C2E6; }
    #loginscreenControls.ark-form-check .checkbox-filter:checked:not(:disabled) + label span:before, .ark-form-check .form-check-input[type="checkbox"]:checked:not(:disabled) + label span:before { background-color: #25C2E6; border-color: #25C2E6; }
    #loginscreenControls.ark-form-check .checkbox-filter:checked:not(:disabled) + label span:before, .ark-form-check .form-check-input[type="checkbox"]:checked:not(:disabled) + label span:after { background-color: #25C2E6; border-color: #25C2E6; }
    #loginscreenControls input[type="text"], input[type="password"] { background: transparent; border: none; border-bottom: 1px solid #B19B96; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; }
        #loginscreenControls input[type="text"]:focus, input[type="password"]:focus { background: transparent; border: none; border-bottom: 1px solid #000000 !important; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; }
.preloader .img-fluid { top: 37vh; }
.spinner-linear .line { background-color: #25c2e6; }

.ark-form-check { margin: 0 auto; width: 100%; }
#rblUserType { margin: 0 auto; }
::selection {background: #25C2E6; color:#000000 }

#toplogo{ 
    position:relative;
    z-index: 9999;
    margin-top: calc(2vh) !important;
    margin-left: calc(2vh);
    max-width: 60%;
}
.login-box-title {
    color:#222;
    font-size:20px;
}

/*//Stulz change
    some colors changed to red type
*/
.ark-btn.bg-arkgray {
    background-color:#ED1B24 !important;
    color:white;
}
.ark-btn.bg-arkgray:hover {
    background-color:#595959 !important;
    color:white;
}
#loginscreenControls.ark-form-check .checkbox-filter:checked:not(:disabled) + label span::before, .ark-form-check .form-check-input[type="checkbox"]:checked:not(:disabled) + label span::before {
    background-color: #ED1B24;
    border-color: #ED1B24;
}
#loginscreenControls.ark-form-check .checkbox-filter:checked:not(:disabled) + label span::before, .ark-form-check .form-check-input[type="checkbox"]:checked:not(:disabled) + label span::after {
    background-color: #ED1B24;
    border-color: #ED1B24;
}
#loginscreenControls .ark-form-check .radio-filter:checked + label::before, .ark-form-check .form-check-input[type="radio"]:checked + label::before {
  background-color: #ED1B24;
  border-color: #ED1B24;
}

/*MOBILE VIEW:hide top logo and reduce upper margin */
@media (max-width: 767.98px) {
    #toplogo {
        display:none;
    }
    #loginscreenControls {
        margin-top: 8vh;
        width:90vw;
        min-width:90vw !important;
    }
}