*{box-sizing:border-box} html{background-color:#fafafa;height:100%;margin:0;padding:0;position:relative;width:100%} body{background-color:#fafafa;height:100%;margin:0;padding:0;position:relative;width:100%} html{font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:83%} body{align-items:center;display:flex;justify-content:center} form{background-color:#fff;box-shadow:3px 3px 30px #ccc;max-width:90%;padding:40px 45px 25px;position:relative;width:400px} .logotype{margin-bottom:4rem;min-height:1px;position:relative;text-align:left} .logotype img{max-width:100%;width:140px} .logotype span{background-color:#005c7a;border:solid #005c7a;border-radius:4px 0 0 4px;border-width:1px 0 1px 1px;bottom:-30px;color:#ffffff;display:block;height:30px;line-height:30px;padding:0 25px;position:absolute;right:-45px;text-transform:uppercase} .input{margin-bottom:2rem;position:relative} .checkbox{margin-bottom:2rem;position:relative} .input label{bottom:20%;color:#666;font-size:1.2rem;left:1ex;pointer-events:none;position:absolute;transition:all ease-in-out 400ms} .input input{background-color:#fff;border:none;border-bottom:2px solid #ccc;color:#333;font-size:1.2rem;height:2.5rem;outline:none;padding:0 1ex;width:100%} .checkbox label{align-items:center;color:#333;display:flex;position:relative} .checkbox label input{margin:0 1ex 0 0} input:focus{border-bottom-color:#0081ac} input:-webkit-autofill{background-color:#fff !important;-webkit-box-shadow:0 0 0 1000px white inset} textarea:-webkit-autofill{background-color:#fff !important;-webkit-box-shadow:0 0 0 1000px white inset} select:-webkit-autofill{background-color:#fff !important;-webkit-box-shadow:0 0 0 1000px white inset} input:focus + label{bottom:100%;color:#000;font-size:.8rem;left:0} input.not-empty + label{bottom:100%;color:#000;font-size:.8rem;left:0} input:not(:placeholder-shown) + label{bottom:100%;color:#000;font-size:.8rem;left:0} input:not(:-moz-placeholder) + label{bottom:100%;color:#000;font-size:.8rem;left:0} input:not(:-ms-input-placeholder) + label{bottom:100%;color:#000;font-size:.8rem;left:0} input:-webkit-autofill + label{bottom:100%;color:#000;font-size:.8rem;left:0} .button{text-align:center} .button button{background-color:#0081ac;border:none;border-radius:4px;box-shadow:1px 1px 5px #bbbbbb;color:#fff;cursor:pointer;margin-bottom:1rem;padding:10px 25px;text-transform:capitalize} .loading{display:none;padding:3rem 0 4rem} .spinner{width:40px;height:40px;background-color:#0081ac;border:2px solid #005c7a;margin:auto;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotateplane{}@keyframes sk-rotateplane{ 0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)} 50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}} .awaiting .loading{display:block} .awaiting .container{display:none} .alert{margin:0 0 3rem 0;padding:10px 15px}.alert.alert-danger{background-color:#fff0f0;border:1px solid #ffc6c6;color:#f95252}.alert.alert-success{background-color:#f5fff0;border:1px solid #47d800;color:#47d800}.alert.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1} .forgot-pass{text-align:center} .forgot-pass a{color:#005c7a;text-decoration:none} .forgot-pass a:hover{text-decoration:underline} .header{align-items:center;background-color:#fff;box-shadow:0 0 3px #888;display:flex;height:32px;justify-content:flex-end;left:0;position:fixed;right:0;top:0;width:100%} .lang-switch{position:relative} .lang-switch span{display:block;padding:10px 20px 10px 45px;position:relative} .lang-switch span img{position:absolute;left:10px;top:6px} .lang-switch ul{background-color:#fff;border-bottom-left-radius:5px;box-shadow:0 0 3px #aaa;display:none;list-style:none;margin:0;padding:7px 0;position:absolute;right:0;top:100%} .lang-switch:hover ul{display:block} .lang-switch a{color:#222;display:block;white-space:nowrap;padding:7px 20px 7px 45px;position:relative;text-decoration:none;transition:all ease-in-out 400ms} .lang-switch a:hover{background-color:#005c7a;color:#ffffff} .lang-switch a img{left:10px;position:absolute;top:3px} .switch{cursor:pointer;display:inline-block;position:relative;vertical-align:middle;margin-right:10px;user-select:none;box-sizing:content-box;background-clip:content-box;border-radius:12px;height:12px;width:24px;box-shadow:#dfdfdf33 0 0 0 3px inset;border:1px solid #dfdfdf;background-color:#fff;transition:border 0.4s, box-shadow 0.4s, background-color 0.4s} .switch small{background:#fff;border-radius:100%;box-shadow:0 1px 3px #00000066;left:0;position:absolute;top:-.5px;transition:all ease-in-out 300ms;height:12px;width:12px} .switch.checked{background-color:#0081ac;border-color:#0081ac} .switch.checked small{left:12px} .captcha_container{margin-bottom:1rem;text-align:center} a.back-to-login{color:#0081ac;position:absolute;right:0;text-decoration:none;top:102%} .modal-open{overflow:hidden} .modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050 !default;-webkit-overflow-scrolling:touch;outline:0} .modal-open .modal{overflow-x:hidden;overflow-y:auto} .modal-dialog{position:relative;width:auto;margin:10px} .modal-content{position:relative;background-color:#fff !default;border:1px solid #00000033 !default;border-radius:6px !default;box-shadow:0 3px 9px #00000080;background-clip:padding-box;outline:0} .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040 !default;background-color:#000 !default}.modal-backdrop.fade{opacity:0.00;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.modal-backdrop.in{opacity:0.00;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .modal-header{padding:15px !default;border-bottom:1px solid #e5e5e5 !default} .modal-header .close{margin-top:-2px} .modal-title{margin:0;line-height:1.428571429 !default !default} .modal-body{position:relative;padding:15px !default} .modal-footer{padding:15px !default;text-align:right;border-top:1px solid #e5e5e5 !default !default}.modal-footer .btn + .btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn + .btn{margin-left:-1px}.modal-footer .btn-block + .btn-block{margin-left:0} .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width: $screen-sm-min){ .modal-dialog{width:600px !default;margin:30px auto} .modal-content{box-shadow:0 5px 15px #00000080} .modal-sm{width:300px !default}}@media (min-width: $screen-md-min){ .modal-lg{width:900px !default}} .browser-support{align-items:center;display:flex;padding:5rem 4rem}.browser-support .browser-image{flex:1.25}.browser-support .browser-text{flex:3;padding-left:8rem}.browser-support .browser-text h1{color:#3281b3;font-size:2.9rem;font-weight:500;margin:0 0 3rem;text-transform:uppercase}.browser-support .browser-text p{color:#777;font-size:1.8rem;font-weight:300;margin:0 0 4rem}.browser-support .browser-text button{background-color:#fff;border:2px solid #3281b3;border-radius:.5rem;color:#3281b3;font-size:1.6rem;font-weight:500;padding:.75rem 2rem}