@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Cinzel:400,700,900&display=swap);body,html{height:100%;margin:0;background-color:#fff;display:flex;flex-direction:column}#logo{color:#18a689;font-size:6rem;text-align:center;font-weight:700}#logoNoImg{color:#18a689;margin-bottom:1.5rem;font-size:4.5rem;text-align:center;font-weight:700;margin-top:50px}.main-container{flex:1 0 auto}._border{border-left:solid 2px #109975}.field-icon{float:right;margin-left:-25px;margin-top:-25px;position:relative;z-index:2}.loginWrapper{background:#f5f5f5;position:relative;height:100vh}.loginWrapper .logincard{max-width:1070px;width:calc(100% - 2rem);overflow:hidden;height:545px;box-shadow:0 8px 15px rgba(0,0,0,.09);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:16px}.loginWrapper .logincard .leftbox{position:relative;z-index:0;height:545px}.loginWrapper .logincard .leftbox .circle{position:absolute;width:780px;height:780px;background:#18a689;top:64%;left:-50%;transform:translatey(-50%) rotate(166deg);box-shadow:inset -155px 11px 150px #003c36;z-index:-1}.loginWrapper .logincard .leftbox .leftboxContent{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);width:65%}.loginWrapper .logincard .leftbox .logo-container{position:absolute;top:50px;left:50%;transform:translateX(-50%);z-index:1}.loginWrapper .logincard .leftbox .logo-pill{background:0 0;border-radius:0;padding:0;box-shadow:none;backdrop-filter:none;border:none;display:inline-block}.loginWrapper .logincard .leftbox .flowify-logo{height:5.5rem;width:auto;display:block;filter:drop-shadow(0 0 1.5px rgba(0, 0, 0, .3)) drop-shadow(0 0 3px rgba(0, 0, 0, .2)) drop-shadow(0 1px 2px rgba(0, 0, 0, .08)) drop-shadow(0 2px 6px rgba(0, 0, 0, .05))}.loginWrapper .logincard .leftbox .leftboxContent h2{color:#fff;font-weight:900;font-size:3.5em;margin-bottom:25px}.loginWrapper .logincard .leftbox .leftboxContent span{color:#fff;font-size:1.4em}.loginWrapper .logincard .leftbox .leftboxContent h1{color:#fff;font-weight:500;font-size:25px}.loginWrapper .logincard .rightbox{position:relative;height:545px;padding:20px 50px 0 50px}.loginWrapper .logincard .rightbox p label{width:18px;height:18px;background:#f3f6fb;border-radius:2px;border:2px solid #ebf0f7;position:relative;margin:0 10px 0 0}.loginWrapper .logincard .rightbox h2{color:#18a689;font-weight:900;font-size:5.5em}.loginWrapper .logincard .rightbox p label:after{content:"";position:absolute;display:none;left:5px;top:1px;width:5px;height:10px;border:solid #ff7467;border-width:0 2px 2px 0;transform:rotate(45deg)}.loginWrapper .logincard .rightbox button{background:linear-gradient(15deg,#18a689,#18a684);box-shadow:none!important;outline:0 none;display:block;width:100%;height:47px;font-weight:600}.loginWrapper .logincard .rightbox button:active,.loginWrapper .logincard .rightbox button:focus,.loginWrapper .logincard .rightbox button:hover{background:linear-gradient(15deg,#18a689,#18a681);box-shadow:0 3px 5px rgba(0,0,0,.37)}.loginWrapper .logincard .rightbox p{color:#bf1650}.loginWrapper .logincard .rightbox p::before{text-align:left;content:" ⚠ "}.pass-state{color:#828282;position:absolute;bottom:-6px;right:20px}input{filter:none}:-moz-autofill,:-moz-autofill-preview{filter:grayscale(21%) brightness(88%) contrast(161%) invert(10%) sepia(40%) saturate(206%)}input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#494343!important}input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #fff inset;-webkit-box-shadow:0 0 0 1000px #fff inset}.profile::-webkit-input-placeholder{color:#666;opacity:.3;font-size:.9rem;text-align:left;font-style:italic}.profile::-moz-placeholder{color:#666;opacity:.3;font-size:.9rem;text-align:left;font-style:italic}.profile:-ms-input-placeholder{color:#666;opacity:.3;font-size:.9rem;text-align:left;font-style:italic}.profile::-ms-input-placeholder{color:#666;opacity:.3;font-size:.9rem;text-align:left;font-style:italic}.show-input-error .form-control:focus label{color:#18a689}.form-control:focus+.control-label{color:#1ab394!important}.login-group{display:flex;flex-direction:column-reverse;margin-bottom:15px;position:relative}.login-group label{transition:all .3s ease;display:inline-block;margin-bottom:5px}.login-group input:focus+label,.login-group select:focus+label,.login-group textarea:focus+label{color:#18a689}.login_bankID{background:#fff;font-family:Lato,Sans-serif!important;font-weight:300!important}.login_bankID .navbar{padding:10px!important;background:#333!important}.p-120{padding:120px 0 0 0}.mt-20{padding-top:20px}.mt-30{padding-top:30px}.mb-30{padding-bottom:30px}.loginBankId-heading-title{font-family:Montserrat,Sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;line-height:42px;letter-spacing:1.8px;color:#000}.loginBankId-heading-h3{font-family:Montserrat,Sans-serif;letter-spacing:1px}.loginBankId-list{color:#888;font-family:Lato,Sans-serif;font-size:18px;font-weight:300;line-height:30px;letter-spacing:0;width:initial;max-width:initial}div.blue{color:#2ac5f4;background:#2ac5f4;height:2px;width:65px}hr.blue{color:#2ac5f4;background:#2ac5f4;height:1px;width:65px}.footer-copyright{background:#333;color:#fff!important;font-size:.9rem;font-weight:300}.login_bankID footer{background:#fff}.loginBankIdNav{padding:10px!important;background:#333!important}.p-120{padding:120px 0 0 0}.mt-20{padding-top:20px}.mb-30{padding-bottom:30px}.bankIDImage{width:400px;margin-top:-10px}.login-btn-m{margin-bottom:5em}@media only screen and (max-width:991px){.loginWrapper .logincard .leftbox .circle{top:72%;left:-69%;transform:translatey(-50%) rotate(263deg)}.loginWrapper .logincard .leftbox .leftboxContent h2{color:#18a689}.loginWrapper .logincard .leftbox{height:auto}.loginWrapper .logincard .leftbox .leftboxContent{color:#666;position:inherit;left:inherit;transform:inherit;width:100%;padding:100px 31px 0;text-align:center}.loginWrapper .logincard .leftbox .logo-container{position:relative;top:15px;left:50%;transform:translateX(-50%);margin-bottom:15px;text-align:center}.loginWrapper .logincard .leftbox .logo-pill{background:0 0;display:inline-block}}@media only screen and (max-width:875px){.loginWrapper .logincard .leftbox .circle{top:72%;left:-94%;transform:translatey(-50%) rotate(263deg)}}@media only screen and (max-width:768px){.loginWrapper .logincard .leftbox .circle{border-radius:0;transform:translatey(-50%) rotate(-90deg);box-shadow:none;top:-450%;left:0}.login-title{text-align:center!important}.loginWrapper .logincard{position:relative;height:100%!important}.loginWrapper .logincard .leftbox .leftboxContent{top:29px;padding:0 26px 0}.loginWrapper .logincard .leftbox .logo-container{position:relative;top:5px;left:0;margin-bottom:10px;text-align:center}.loginWrapper .logincard .leftbox .flowify-logo{height:25px}}@media only screen and (max-width:576px){.bankIDImage{width:300px}.bankId-logo{padding-bottom:30px!important}.loginWrapper .logincard .leftbox .circle{border-radius:0;box-shadow:none;transform:translatey(-50%) rotate(90deg);top:-450%;left:0}.loginWrapper .logincard{height:100%!important;overflow-y:auto}.loginWrapper .logincard .rightbox{padding:30px}}.meldSkadeButton{padding:10px 25px 10px 35px;margin:0;background-color:#2ac5f4;color:#fff;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2ac5f4;border-radius:3px 3px 3px 3px;font-family:Montserrat,Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;line-height:14px;letter-spacing:1px}.meldSkadeButton:hover{background-color:#000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000}@media only screen and (max-width:767px){#left_box{display:none!important}.loginWrapper .logincard{max-width:450px;height:auto!important;box-shadow:none}.loginWrapper{background:#fff!important}}@media only screen and (max-width:1023px){#left_box{display:none!important}#right_box{flex:0 0 100%!important;max-width:100%!important;margin:0 auto}}