* {margin: 0;padding: 0;box-sizing: border-box;}
main {font-family: Arial, Helvetica, sans-serif;min-height: 100vh;background: linear-gradient(to top, var(--primary-darker), var(--primary));display: flex;align-items: center;justify-content: center;}
select:focus, textarea:focus, input[type=text]:focus, input[type=tel]:focus, input[type=number]:focus , input[type=email]:focus , input[type=date]:focus , input[type=password]:focus {border-color:white!important;box-shadow: 0.01em 0.02em 3px white!important;}
.glass {box-shadow: 0 0 6px -4px white; max-width: 400px; width: 100%; min-height: 75vh;border-radius: 2rem;z-index: 2;backdrop-filter: blur(2rem) !important;-webkit-backdrop-filter: blur(1rem) !important;display: flex;}
.circle1,.circle2,.circle3{background: white;background: linear-gradient(to right bottom,rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0.3));position: absolute;border-radius: 50%;box-shadow: 0px 0px 8px -4px white;}
.circle1 {top: 5%;right: 7%;height: 12rem;width: 12rem;}
.circle2 {bottom: 4%;right: 30%;height: 12rem;width: 12rem;}
.circle3 {top: 25%; left: -3%;height: 10rem;width: 10rem;}
form{text-align: center;margin: 50px 0 0 0;}
.div-login{width:100%; max-width: 400px; height:100%; position:absolute; padding: 3%; margin-top: 35px;}
.btn-login{background: transparent; color: white; border:1px solid white; width: 100%; border-radius: 4px; margin-top:15px;}
.btn-login:hover{color: white; box-shadow: 0px 0px 6px 0px white;}
.login-logo{width: 95%; height: auto; max-width: 350px;margin-top: -80px;}
label{color: white; text-align: left !important; display: block;}
.input-form, .input-form:focus{background: transparent !important; color:white; letter-spacing: 0.07rem; transition: .3s;}
.messages{list-style: outside none none;margin-top: 45px!important; padding:7px; font-size: 15px;}
.logo_name{color: white;font-weight: bold;font-size: 60px;letter-spacing: 15px; padding-top: 20px;}
#install-android,#install-ios{display: none;}
#install-div{margin-top: 50px;}
.div-parent{width: 95%; margin: auto;}
.ol_help li{color:white; font-size: 20px; padding-left: 15px; margin-bottom: 7px; margin-top: 7px;}
select:focus,select, input[type=text], input[type=text]:focus, textarea:focus, textarea {direction: ltr;}
input[inputmode="numeric"], input[inputmode="numeric"]:focus {direction: ltr;}
label{padding-bottom: 2px; float: inline-start;}
@media only screen and (max-width: 900px) {
  body{background-color: var(--primary-dark);}
  .background-div {filter:blur(8px); border-color:black;}
  .glass,.div-login {width: 95%;}
  .circle1, .circle2, .circle3 {height: 6rem;width: 6rem;}
}