#login_window {
    z-index: 10;
    position: relative;
    width: 36.9%;
    height: 57.2%;
    margin: 16.9% auto;
    border-radius: 0.4em;
    background-color: #0086DC;
}

#login_window.openKB {
    margin: 3.2% auto;
}

#flag {
    position: relative;
    width: 127.6%;
    height: 29.8%;
    top: 3.2%;
    left: 14%;
    float: none;
}

#input_bg {
    position: relative;
    width: 93%;
    height: 70.9%;
    margin: -4% auto;
    border-radius: 0.3em;
    background-color: #C2E9FE;
    font-family: OEMishtameshPro-Regular;
    color: #224099;
    overflow: hidden;
}

.loginInputs {
    position: absolute;
}

::-webkit-input-placeholder {
    color: #224099;
    opacity: 0.5;
}

.loginInputHolder {
    height: 14.4%;
    width: 84.2%;
    border-radius: 0.2em;
    border: 1px solid #6DCBF8;
    position: relative;
    background-color: white;
    cursor: text;
    padding-right: 2%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: inherit;
    margin: auto auto 3.2% auto; /*If there are more then 2 inputs, that the margin between them.*/
}

.loginInputHolderError {
    border: 1px solid #ff0000;
}

#loginUserName {
    margin: 7.1% auto 3.2% auto; /*First Input.*/
}

#loginPassword {
    margin: auto auto 5% auto; /*Last input.*/
}

.placeOptions {
    margin: auto;
    position: relative;
    height: 11.2%;
    margin-bottom: 3.2%;
}

.radioBtnLogin {
    position: relative;
    width: 9.9%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #6DCBFB;
    background-color: white;
    margin-right: 22%;
    display: inline-block;
    cursor: pointer;
}

.radioBtnLoginError {
    border: 1px solid #ff0000 !important;
}

.optionText {
    margin-right: 2%;
    display: inline-block;
    vertical-align: super;
}

.radioBtnSelected {
    visibility: hidden;
    width: 59.2%;
    height: 59.2%;
    border-radius: 50%;
    background-color: #12B15A;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

#loginBtn {
    position: relative;
    width: 53.6%;
    height: 15.4%;
    margin-top: 5%;
    margin-right: 24%;
    border-radius: 0.2em;
    background-color: #12B15A;
    font-family: OEMishtameshPro-Regular;
    color: white;
    font-size: 47px;
    text-align: center;
    text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px -6px 0px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px -6px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -6px 0px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

#loginBtn:hover {
    background-color: #26CA6B;
}

#loginBtn:active {
    background-color: #0d984c;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}