.login .background{background:linear-gradient(180deg,rgba(31,33,53,0) 0,rgba(31,33,53,1) 600px);position:absolute;bottom:0;left:0;right:0;top:0}.login .login-header{background:linear-gradient(90deg,rgb(255,255,255) 0%,rgb(231,234,242) 50%);height:90px;z-index:100}.login .login-header .logo{height:70px;position:absolute;margin-left:15%;margin-top:10px}.login .login-header .logo img{width:400px}.login .login-header .language-selector{display:block;font-size:18px;right:0;margin-right:15%;position:absolute;top:20px}.login .login-header .language-selector i{color:rgb(80,82,122);display:inline-block;float:right;height:24px;padding-right:4px;padding-top:4px}.login .login-header .language-selector img{display:inline-block;height:26px;width:26px;float:left;position:absolute;left:-40px}.login .login-header .language-selector li{position:relative}.login .login-header .language-selector p{float:left}.login .login-header .language-selector ul.main{height:50px;position:absolute;right:0}.login .login-header .language-selector ul.main li>div{border-radius:12px;color:rgb(80,82,122)}.login .login-header .language-selector ul.main:hover li>div{color:rgb(236,7,117);font-weight:700}.login .login-header .language-selector.no-selection ul.main:hover li>div p{color:rgb(80,82,122);font-weight:400}.login .login-header .language-selector li>div{background-color:rgb(255,255,255);cursor:pointer;display:block;height:50px;line-height:14px;width:200px;padding:11px 7px;text-align:center}.login .login-header .language-selector.no-selection li>div{cursor:default}.login .login-header .language-selector li>a{background-color:rgb(255,255,255);cursor:pointer;display:block;height:50px;line-height:14px;width:200px;padding:11px 7px;text-align:center}.login .login-header .language-selector li div div{display:block;float:right;height:26px;line-height:26px;position:relative;width:140px}.login .login-header .language-selector li a div{display:block;float:right;height:26px;line-height:26px;position:relative;width:140px}.login .login-header .language-selector li a .line{border:solid 1px rgb(190,189,203);float:left;height:unset;line-height:unset;width:174px;top:12px;left:6px}.login .login-header .language-selector ul.sub{width:100%}.login .login-header .language-selector ul.sub li:first-child{height:11px}.login .login-header .language-selector ul.sub li a{background-color:rgb(255,255,255);border-bottom:solid 1px rgb(255,255,255);color:rgb(80,82,122)}.login .login-header .language-selector ul.sub li a:hover{color:rgb(236,7,117);font-weight:700}.login .login-header .language-selector ul.sub li:nth-child(2) a{border-radius:12px 12px 0 0}.login .login-header .language-selector ul.sub li:last-child a{border-radius:0 0 12px 12px;border-bottom:none}.login .login-header .language-selector ul.sub li:nth-child(2):last-child a{border-radius:12px;border-top:solid 1px rgb(255,255,255)}.login .login-header .language-selector ul.sub li:last-child a .line{display:none}.login .login-header .language-selector ul.sub li:first-child i{bottom:-4px;height:18px;position:absolute;right:8px}.login .login-form-container{bottom:0;left:0;overflow-y:auto;position:absolute;right:0;top:90px}.login .login-form-container .form-outer{display:block;left:50%;position:relative;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:400px}.login .login-form-container .form-outer .form{background-color:rgb(255,255,255);border-radius:20px;padding:30px}.login .login-form-container .form-outer .form .messages{font-size:16px;left:0;position:absolute;top:-80px;width:100%}.login .login-form-container .form-outer .form .messages ul{border-radius:10px;color:rgb(255,255,255);padding:10px}.login .login-form-container .form-outer .form .messages ul.error{background-color:rgb(247,68,68)}.login .login-form-container .form-outer .form .messages ul.success{background-color:rgb(33,212,67)}.login .login-form-container .form-outer .form span{display:inline-block;width:100%}.login .login-form-container .form-outer .form span.intro-1{color:rgb(71,66,178);font-size:16px;margin:10px 0 0 0;text-align:center}.login .login-form-container .form-outer .form span.intro-2{color:rgb(31,33,53);font-size:24px;margin:0 0 20px 0;text-align:center}.login .login-form-container .form-outer .form .login-fields{}.login .login-form-container .form-outer .form .login-fields label{}.login .login-form-container .form-outer .form .login-fields label .text_input_container input{background-color:rgb(255,255,255);border:none;border-bottom:1px solid rgb(190,189,203);border-radius:0;color:rgb(80,82,122);font-size:16px}.login .login-form-container .form-outer .form .login-fields label .text_input_container input.error{border-bottom:1px solid rgb(247,68,68);color:rgb(247,68,68)}.login .login-form-container .form-outer .form .login-fields label .text_input_container input::placeholder{color:rgb(190,189,203);opacity:1}.login .login-form-container .form-outer .form .login-fields label .text_input_container input::-ms-input-placeholder{color:rgb(190,189,203);opacity:1}.login .login-form-container .form-outer .form .login-fields label .password_input_container{margin:20px 0 0 0}.login .login-form-container .form-outer .form .login-fields label .password_input_container input{background-color:rgb(255,255,255);border:none;border-bottom:1px solid rgb(190,189,203);border-radius:0;color:rgb(80,82,122);font-size:16px}.login .login-form-container .form-outer .form .login-fields label .password_input_container input.error{border-bottom:1px solid rgb(247,68,68);color:rgb(247,68,68)}.login .login-form-container .form-outer .form .login-fields label .password_input_container input::placeholder{color:rgb(190,189,203);opacity:1}.login .login-form-container .form-outer .form .login-fields label .password_input_container input::-ms-input-placeholder{color:rgb(190,189,203);opacity:1}.login .login-form-container .form-outer .form .login-fields label .password_input_container .password_icon_container{background-color:rgb(255,255,255);border:none;border-bottom:1px solid rgb(190,189,203);border-radius:0}.login .login-form-container .form-outer .form .login-fields label .password_input_container input.error+.password_icon_container{border-bottom:1px solid rgb(247,68,68)}.login .login-form-container .form-outer .form .login-fields label .password_input_container input+.password_icon_container i{color:rgb(80,82,122)}.login .login-form-container .form-outer .form .login-fields label .password_input_container input+.password_icon_container i.fa-eye{color:rgb(247,68,68)}.login .login-form-container .form-outer .form .login-fields label .password_input_container input:placeholder-shown+.password_icon_container i{color:rgb(190,189,203)}.login .login-form-container .form-outer .form .button-container{display:block;margin-top:20px}.login .login-form-container .form-outer .form .button-container .submit-button{background-color:rgb(236,7,117);border-radius:10px;color:rgb(255,255,255);cursor:pointer;font-size:16px;height:50px;opacity:.5;width:100%}.login .login-form-container .form-outer .form .button-container .submit-button:hover{opacity:1}.login .login-form-container .form-outer .form .button-container .submit-button-spinner{background-color:rgb(236,7,117);border-radius:10px;color:rgb(255,255,255);font-size:26px;height:50px}.login .login-form-container .form-outer .form .button-container .submit-button-spinner>div{height:34px;left:50%;position:relative;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:26px}.login .login-form-container .form-outer .form .button-container .forgotten{color:rgb(80,82,122);margin-top:20px;text-align:center}.login .login-form-container .form-outer .form .button-container .forgotten a{color:rgb(71,66,178)}.login .login-form-container .form-outer .form .button-container .forgotten a:hover{color:rgb(71,66,178);text-decoration:underline}@media only screen and (max-width:449px){.login .login-header{height:70px}.login .login-header .logo{height:34px;margin-left:10px;margin-top:18px}.login .login-header .logo img{width:175px}.login .login-header .language-selector{font-size:18px;margin-right:10px;right:0;top:15px}.login .login-header .language-selector i{float:right;height:14px;margin-right:5px;padding-top:4px}.login .login-header .language-selector img{height:20px;left:-5px;width:20px}.login .login-header .language-selector ul.main{height:40px}.login .login-header .language-selector li>div{font-size:16px;height:40px;line-height:14px;padding:10px 5px;width:160px}.login .login-header .language-selector li>a{font-size:16px;height:40px;line-height:14px;padding:10px 5px;width:160px}.login .login-header .language-selector p{float:left;line-height:20px;margin-left:20px}.login .login-form-container{top:70px}.login .login-form-container .form-outer{padding:0 10px;top:55%;width:auto}.login .login-form-container .form-outer .form .messages{padding:0 10px}}@media only screen and (min-width:450px) and (max-width:999px){.login .login-header{height:70px}.login .login-header .logo{height:50px;margin-left:10px;margin-top:10px}.login .login-header .logo img{width:255px}.login .login-header .language-selector{font-size:18px;margin-right:10px;right:0;top:10px}.login .login-form-container{top:70px}}@media only screen and (min-width:1000px){}@media only screen and (max-height:610px){.login .login-form-container .form-outer{top:65%}.login .login-form-container .form-outer .form .messages{position:unset}}
