/*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 }
#errorscreen { padding: 0px; margin: 0px; height: 100%; }
#errorscreen .main-content { padding: 0px; margin: 0px; }
#errorscreenRow { margin: 0px; padding: 0px; height: 100vh; }
#errorScreenImage { background: url(../images/HDS-bg.jpg) no-repeat; background-size: cover; margin: 0px; padding: 0px; }
#errorScreenImage img { z-index: 9999; margin:0 auto; max-width: 60%; }
#errorscreenControls {margin-top: 25vh;}
    /*To change radio colors*/
    #errorscreenControls .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; }
    #errorscreenControls.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; }
    #errorscreenControls.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; }
    #errorscreenControls 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; }
    #errorscreenControls 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 }
.errmsg {
    color:#fff;
    font-size:1.3em;
    text-transform: uppercase;
}
.errmsg2 {
    text-align: center;
    width: 60%;
    color: #17bCEA;
    font-weight: 800;
    font-size: 6em;
    line-height: 0.8em;
    margin: 0 20% 20px;
    display: block;

}
.ark-logo {
    margin:25vh auto 10px;
}

.arrow-down {
    width: 0px;
    height: 0px;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 250px solid #17BCEA;
    margin: 10px auto;
    display: block;
}
.arrow-down i {
    position: absolute;
    top: 20px;
    margin-top: 1vh;
    font-size: 8em;
    color: #fff;
    left: calc(50% - 55px);
}
.ark-btn.bg-arkgray {
    color:#fff !important;
    margin-bottom:10px;
}
.ark-btn i { 
    margin-right:10px;
}

.debugarea {
    max-height: 30vh;
    overflow:auto;
    max-width: 80%;
    margin: 0 auto;
    word-break: break-word;
}