/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
.login-info {
  display: flex;
  align-items: center;
  justify-content: left;
  padding-bottom: 30px;

}

#logo-container {
   padding-top: 10px;
   text-align: left;
   height: 120px;
}
#logo-text {
   margin-top: 20px;
   font-family: 'Open Sans';
   font-weight: 300;
   font-style: normal;
   font-size: 35px !important;
   display: inline-block;
   vertical-align: 15px;
   padding-left: 10px;
   color: #333;
}
#logo-img {
    background-image: url(/mobile_images/login/img/LTR-logo.svg);
    background-repeat: no-repeat;
    background-size: 60px 60px;
    display: inline-block;
    height: 60px;
    width: 60px;
}
html {
    font-family: Open Sans, sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
b,
strong {
    font-weight: 600;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
button,
input,
optgroup,
select,
svg,
textarea {
    font-size: 100%;
    font-family: Open Sans, sans-serif;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button {
    -webkit-appearance: button;
}
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
textarea {
    overflow: auto;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    src: url(/mobile_images/fonts/subset-OpenSans-Light.woff2) format("woff2"), url(../fonts/subset-OpenSans-Light.woff) format("woff");
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: url(/mobile_images/fonts/subset-OpenSans.woff2) format("woff2"), url(../fonts/subset-OpenSans.woff) format("woff");
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: url(/mobile_images/fonts/subset-OpenSans-Semibold.woff2) format("woff2"), url(../fonts/subset-OpenSans-Semibold.woff) format("woff");
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: url(/mobile_images/fonts/subset-OpenSans-Bold.woff2) format("woff2"), url(../fonts/subset-OpenSans-Bold.woff) format("woff");
}
a,
body,
button,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
li,
ol,
p,
pre,
span,
svg,
textarea,
ul {
    box-sizing: border-box;
}
input {
    font-size: 16px;
    border-radius: 0;
    padding: 0;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
.btn,
.popover-content li,
.text-error,
html {
    font-size: 16px;
}
.numbered-circle {
    font-size: 22px;
}
html {
    touch-action: manipulation;
    color: #282828;
    font-style: normal;
    background: #f7f7f7;
    min-width: 360px;
}
body,
html {
    width: 100%;
}
body {
    min-height: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: subpixel-antialiased;
}
em {
    font-style: normal;
}
a {
    color: #89c8ed;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    text-decoration: underline;
}
#ErrorLink,
.split-link a {
    display: block;
    margin-top: 1.25rem;
}
.footer-container,
.form-header,
.form-logo,
.hidden,
.hide,
.icon-nc3,
.icon-phone,
.icon-usb.theme-icon,
.logo-container,
.password-policies,
.sign-up-link,
.theme-header-container,
.visma-logo,
div.form-horizontal.form-external-provider,
hr {
    display: none;
}
.visma-logo {
    margin: 1.25rem auto;
    height: 15px;
}
h4 {
    color: #737373;
}
.form-group.padding > .col-xs-10,
.form-group p,
.form-horizontal p,
.padding-left,
.page-impersonation h4 {
    margin: 0 1.25rem;
}
.form-horizontal p {
    margin-bottom: 1.5rem;
}
.cookie-overlay {
    display: none;
}
.cookie-overlay .cookie-inner {
    text-align: center;
    margin: 0.5rem;
}
.cookie-overlay .cookie-hide {
    display: block;
    margin: 1rem auto 0;
    width: 5rem;
}
.cookie-overlay .cookie-overlay-wrapper {
    display: inline;
}
.container-box,
.form-box,
.text-box {
    background: #fff;
    min-height: 100vh;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 1.85rem;
}
.container-box:after,
.form-box:after,
.text-box:after {
    content: "";
    background-image: url(/mobile_images/login/img/visma-logo.svg);
    background-repeat: no-repeat;
    display: block;
    height: 21px;
    width: 112px;
    margin: 1.25rem auto;
    align-self: flex-end;
}
.alert,
.container-content,
.form-content,
.form-horizontal,
.panel-default,
.text-container {
    flex: 1 1 auto;
    margin: 0 auto;
    width: 100%;
}
.body-content:after {
    content: "";
    display: block;
    clear: both;
}
.center-block {
    display: block;
    margin: 0 auto;
}
.text-center {
    text-align: center;
}
.clear {
    clear: both;
}
.control-label {
    font-size: 14px;
    display: block;
    margin-bottom: 0.25rem;
}
input.border-error,
input.form-control {
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #d7d7d7;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 1;
    display: inline-block;
    height: 24px;
    background: none;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
input.border-error::-webkit-input-placeholder,
input.form-control::-webkit-input-placeholder {
    color: #fff;
}
input.border-error:-ms-input-placeholder,
input.form-control:-ms-input-placeholder {
    color: #fff;
}
input.border-error::-ms-input-placeholder,
input.form-control::-ms-input-placeholder {
    color: #fff;
}
input.border-error::placeholder,
input.form-control::placeholder {
    color: #fff;
}
input.border-error {
    border-bottom: 1px solid #c72828;
}
input[type="text"],
input[type="email"],
input[type="password"] {
    margin-left: 2.5rem;
    width: calc(100% - 2.5rem);
}
input[type="checkbox"] {
    margin-right: 1rem;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}
label {
    color: #0089d9;
}
label[for="resetp1"]:before,
label[for="resetp2"]:before,
label[for="email"]:before,
label[for="password"]:before,
label[for="username"]:before {
    content: "";
    background-image: url(/mobile_images/login/img/16_user.svg);
    display: block;
    width: 16px;
    height: 16px;
    top: 20px;
    left: 0;
    position: absolute;
}
label[for="resetp1"],
label[for="resetp2"],
label[for="email"],
label[for="password"],
label[for="username"] {
    position: relative;
    padding-left: 2.5rem;
}
label[for="resetp1"]:before,
label[for="resetp2"]:before,
label[for="password"]:before {
    background-image: url(https://severa.visma.com/img/connect/loginpassword18x18.svg);
}
label[for="email"]:before {
    background-image: url(/mobile_images/login/img/18_email.svg);
    height: 16px;
    width: 16px;
}

.form-group,
.link-container,
label[for="RememberUsername"] {
    color: #737373;
}
.form-footer,
.form-group {
    margin-bottom: 1.25rem;
}
.form-group {
    order: 1;
}
.form-external-provider > .form-group {
    margin-bottom: 0.5rem;
}
.form-error-container,
.form-group-forgotpassword,
.form-group-login,
.form-group-rememberme {
    order: 1;
}
.form-group.margin-top,
.form-group.margin-top + .form-group {
    order: 0;
}
.ErrorLockedLine,
.form-footer {
    color: #737373;
}
.form-connect-login {
    display: flex;
    flex-direction: column;
}
.form-error-container {
    margin: 1rem 0;
}
.btn,
.checkbox > label,
.external-provider-but {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
#page-totp-alternatives .totp-row,
.external-provider-but {
    display: flex;
    align-items: center;
    min-height: 4rem;
    border-radius: 3px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccebff;
    padding: 1rem 1rem 1rem 0;
    cursor: pointer;
}
#page-totp-alternatives .totp-row:hover,
.external-provider-but:hover {
    background: #e2f3ff;
}
#page-totp-alternatives .totp-row img,
.external-provider-but img {
    height: 26px;
    width: 26px;
    margin: 0 1.5rem;
    display: block;
}
.btn {
    background: linear-gradient(180deg, #fff, #f0f0f0) #f0f0f0;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    color: #282828;
    width: 100%;
    height: 2.5rem;
    font-weight: 600;
    outline: none;
}
.btn:hover {
    background: linear-gradient(180deg, #fff, #fcfcfc) #fcfcfc;
}
.btn:focus {
    box-shadow: 0 0 1px 2px #89c8ed;
}
.btn-primary {
    background-image: linear-gradient(0deg, #0974b3, #0089d9);
    color: #fff;
}
.btn-primary:hover {
    background-image: linear-gradient(0deg, #0089d9, #0974b3);
}
.btn:first-child,
.pull-right,
.theme-buttons {
    margin-top: 1rem;
}
.pull-right > .btn:first-child,
.theme-buttons > .btn:first-child {
    margin-top: 0;
}
#ButtonCreateUser,
#ButtonLinkUser,
#page-totp-renew-emergency-code #ButtonVerify {
    background: none;
    box-shadow: none;
    height: auto;
    font-weight: 400;
    color: #0089d9;
    text-decoration: none;
    cursor: pointer;
    border: none;
}
#ButtonCreateUser:hover,
#ButtonLinkUser:hover,
#page-totp-renew-emergency-code #ButtonVerify:hover {
    background: none;
}
.ladda-button,
.ladda-button[data-style="expand-right"][data-loading] {
    padding: 0;
}
.ladda-button .ladda-spinner {
    top: 16px;
    left: 16px;
}
.center-text,
.form-group-forgotpassword,
.form-group-link,
.form-group-rememberme {
    text-align: center;
}
.circleContainer {
    height: 1px;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    margin: 2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #ccebff, #ccebff);
}
.circle {
    text-align: center;
    text-transform: uppercase;
    width: 3rem;
    background-color: #fff;
    font-weight: 400;
}
.circle > p {
    margin: 0;
}
#LinkBack,
.popover-content li {
    display: block;
    margin: 0 auto;
}
.message-box > div {
    display: flex;
    align-items: center;
    justify-content: left;
}
.message-box #LoginLink {
    display: block;
    margin-top: 0.5rem;
}
.vismaicon.vismaicon-arrow-left-circle:before {
    background-image: url(https://connect.visma.com/img/vismaicons/action-icons/24_arrow_left.svg);
}
.text-error {
    color: #c72828;
    letter-spacing: 0;
}
.text-success {
    color: green;
}
.vismaicon {
    display: none;
    margin-right: 1rem;
    clear: left;
}
.vismaicon:before {
    content: "";
    height: 24px;
    width: 24px;
    background-image: url(https://connect.visma.com/img/vismaicons/informative-filled-icons/24_informative_icons.svg);
    display: block;
}
.vismaicon-info {
    display: block;
}
.vismaicon-info:before,
.vismaicon-warning:before,
.vismaicon-error:before,
.vismaicon-info:before,
.vismaicon-success:before {
    content: "";
    background-size: 18px 18px;
    background-repeat: no-repeat;
    display: block;
    height: 18px;
    width: 18px;
}
.vismaicon-info:before {
    background-image: url(/mobile_images/login/img/24_info.svg);
}
.vismaicon-warning:before {
    background-image: url(/mobile_images/login/img/24_warning.svg);
}
.vismaicon-success:before {
    background-image: url(/mobile_images/login/img/24_success.svg);
}
.vismaicon-error:before {
    background-image: url(/mobile_images/login/img/24_error.svg);
}
#page-login-index .vismaicon-error,
#page-login-index .vismaicon-warning,
#page-login-index .vismaicon-success {
    display: block;
}
.message-element,
.popover-content li {
    color: #737373;
}
#GoogleRecaptcha {
    text-align: center;
}
.g-recaptcha {
    margin-top: 1rem;
    display: inline-block;
}
.page-password-expire-warning #page-password-expire-warning > .form-group {
    display: flex;
    align-items: center;
}
.page-password-expire-warning .vismaicon:before {
    margin-right: 1rem;
}
.theme-buttons {
    display: flex;
    flex-direction: column-reverse;
}
.theme-buttons > .btn:first-child {
    margin-top: 1rem;
}
#page-consent-index .form-setup-header,
#page-totp-index .form-setup-header,
#page-totp-renew-emergency-code .form-setup-header,
#page-totpsetup-enable .form-setup-header,
#page-totpsetup-setup .form-setup-header,
#page-totpsetup-success .form-setup-header,
#page-totpsetup-verify .form-setup-header,
#page-totpsetup-view-emergency-code .form-setup-header {
    font-size: 1.6rem;
    text-align: center;
    color: #0089d9;
    font-weight: 400 !important;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccebff;
    margin: 0 0 1.5rem;
}
#page-consent-index .form-sub-header,
#page-totp-index .form-sub-header,
#page-totp-renew-emergency-code .form-sub-header,
#page-totpsetup-enable .form-sub-header,
#page-totpsetup-setup .form-sub-header,
#page-totpsetup-success .form-sub-header,
#page-totpsetup-verify .form-sub-header,
#page-totpsetup-view-emergency-code .form-sub-header {
    color: #0089d9;
    font-weight: 400;
}
#page-consent-index .form-group,
#page-totp-index .form-group,
#page-totp-renew-emergency-code .form-group,
#page-totpsetup-enable .form-group,
#page-totpsetup-setup .form-group,
#page-totpsetup-success .form-group,
#page-totpsetup-verify .form-group,
#page-totpsetup-view-emergency-code .form-group {
    color: #737373;
}
#page-consent-index #totp-confirmation-icon,
#page-consent-index #totp-lock-img-container,
#page-consent-index .icon-nc3,
#page-consent-index .wizard-step-top,
#page-totp-index #totp-confirmation-icon,
#page-totp-index #totp-lock-img-container,
#page-totp-index .icon-nc3,
#page-totp-index .wizard-step-top,
#page-totp-renew-emergency-code #totp-confirmation-icon,
#page-totp-renew-emergency-code #totp-lock-img-container,
#page-totp-renew-emergency-code .icon-nc3,
#page-totp-renew-emergency-code .wizard-step-top,
#page-totpsetup-enable #totp-confirmation-icon,
#page-totpsetup-enable #totp-lock-img-container,
#page-totpsetup-enable .icon-nc3,
#page-totpsetup-enable .wizard-step-top,
#page-totpsetup-setup #totp-confirmation-icon,
#page-totpsetup-setup #totp-lock-img-container,
#page-totpsetup-setup .icon-nc3,
#page-totpsetup-setup .wizard-step-top,
#page-totpsetup-success #totp-confirmation-icon,
#page-totpsetup-success #totp-lock-img-container,
#page-totpsetup-success .icon-nc3,
#page-totpsetup-success .wizard-step-top,
#page-totpsetup-verify #totp-confirmation-icon,
#page-totpsetup-verify #totp-lock-img-container,
#page-totpsetup-verify .icon-nc3,
#page-totpsetup-verify .wizard-step-top,
#page-totpsetup-view-emergency-code #totp-confirmation-icon,
#page-totpsetup-view-emergency-code #totp-lock-img-container,
#page-totpsetup-view-emergency-code .icon-nc3,
#page-totpsetup-view-emergency-code .wizard-step-top {
    display: none;
}
#page-consent-index .text-primary-color,
#page-consent-index .totp-emergency-code-span,
#page-totp-index .text-primary-color,
#page-totp-index .totp-emergency-code-span,
#page-totp-renew-emergency-code .text-primary-color,
#page-totp-renew-emergency-code .totp-emergency-code-span,
#page-totpsetup-enable .text-primary-color,
#page-totpsetup-enable .totp-emergency-code-span,
#page-totpsetup-setup .text-primary-color,
#page-totpsetup-setup .totp-emergency-code-span,
#page-totpsetup-success .text-primary-color,
#page-totpsetup-success .totp-emergency-code-span,
#page-totpsetup-verify .text-primary-color,
#page-totpsetup-verify .totp-emergency-code-span,
#page-totpsetup-view-emergency-code .text-primary-color,
#page-totpsetup-view-emergency-code .totp-emergency-code-span {
    display: inline;
    text-align: center;
    border: 1px solid #ccebff;
    padding: 0.5rem 1rem;
    color: #0089d9;
}
#page-consent-index .vismaicon.vismaicon-copy,
#page-totp-index .vismaicon.vismaicon-copy,
#page-totp-renew-emergency-code .vismaicon.vismaicon-copy,
#page-totpsetup-enable .vismaicon.vismaicon-copy,
#page-totpsetup-setup .vismaicon.vismaicon-copy,
#page-totpsetup-success .vismaicon.vismaicon-copy,
#page-totpsetup-verify .vismaicon.vismaicon-copy,
#page-totpsetup-view-emergency-code .vismaicon.vismaicon-copy {
    display: block;
    margin: 0;
}
#page-consent-index .vismaicon-copy:before,
#page-totp-index .vismaicon-copy:before,
#page-totp-renew-emergency-code .vismaicon-copy:before,
#page-totpsetup-enable .vismaicon-copy:before,
#page-totpsetup-setup .vismaicon-copy:before,
#page-totpsetup-success .vismaicon-copy:before,
#page-totpsetup-verify .vismaicon-copy:before,
#page-totpsetup-view-emergency-code .vismaicon-copy:before {
    background-image: url(https://connect.visma.com/img/vismaicons/worksurface/16_copy.svg);
    width: 16px;
    height: 16px;
    margin: 0 auto;
}
#page-consent-index .form-group-copy > div,
#page-totp-index .form-group-copy > div,
#page-totp-renew-emergency-code .form-group-copy > div,
#page-totpsetup-enable .form-group-copy > div,
#page-totpsetup-setup .form-group-copy > div,
#page-totpsetup-success .form-group-copy > div,
#page-totpsetup-verify .form-group-copy > div,
#page-totpsetup-view-emergency-code .form-group-copy > div {
    display: flex;
    align-items: center;
    justify-content: center;
}
#page-consent-index .copyToClipboard,
#page-totp-index .copyToClipboard,
#page-totp-renew-emergency-code .copyToClipboard,
#page-totpsetup-enable .copyToClipboard,
#page-totpsetup-setup .copyToClipboard,
#page-totpsetup-success .copyToClipboard,
#page-totpsetup-verify .copyToClipboard,
#page-totpsetup-view-emergency-code .copyToClipboard {
    display: inline;
    margin-left: 1rem;
    height: 2rem;
    width: 3rem;
    background: none;
    border: none;
}
#page-consent-index .form-footer > .col-xs-12,
#page-totp-index .form-footer > .col-xs-12,
#page-totp-renew-emergency-code .form-footer > .col-xs-12,
#page-totpsetup-enable .form-footer > .col-xs-12,
#page-totpsetup-setup .form-footer > .col-xs-12,
#page-totpsetup-success .form-footer > .col-xs-12,
#page-totpsetup-verify .form-footer > .col-xs-12,
#page-totpsetup-view-emergency-code .form-footer > .col-xs-12 {
    display: flex;
    flex-direction: column-reverse;
}
#page-consent-index .wizard-step-bottom,
#page-totp-index .wizard-step-bottom,
#page-totp-renew-emergency-code .wizard-step-bottom,
#page-totpsetup-enable .wizard-step-bottom,
#page-totpsetup-setup .wizard-step-bottom,
#page-totpsetup-success .wizard-step-bottom,
#page-totpsetup-verify .wizard-step-bottom,
#page-totpsetup-view-emergency-code .wizard-step-bottom {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
    color: #a0a0a0;
}
#page-consent-index input.form-control::-webkit-input-placeholder,
#page-totp-index input.form-control::-webkit-input-placeholder,
#page-totp-renew-emergency-code input.form-control::-webkit-input-placeholder,
#page-totpsetup-enable input.form-control::-webkit-input-placeholder,
#page-totpsetup-setup input.form-control::-webkit-input-placeholder,
#page-totpsetup-success input.form-control::-webkit-input-placeholder,
#page-totpsetup-verify input.form-control::-webkit-input-placeholder,
#page-totpsetup-view-emergency-code input.form-control::-webkit-input-placeholder {
    opacity: 1;
    color: #0089d9;
}
#page-consent-index input.form-control:-ms-input-placeholder,
#page-totp-index input.form-control:-ms-input-placeholder,
#page-totp-renew-emergency-code input.form-control:-ms-input-placeholder,
#page-totpsetup-enable input.form-control:-ms-input-placeholder,
#page-totpsetup-setup input.form-control:-ms-input-placeholder,
#page-totpsetup-success input.form-control:-ms-input-placeholder,
#page-totpsetup-verify input.form-control:-ms-input-placeholder,
#page-totpsetup-view-emergency-code input.form-control:-ms-input-placeholder {
    opacity: 1;
    color: #0089d9;
}
#page-consent-index input.form-control::-ms-input-placeholder,
#page-totp-index input.form-control::-ms-input-placeholder,
#page-totp-renew-emergency-code input.form-control::-ms-input-placeholder,
#page-totpsetup-enable input.form-control::-ms-input-placeholder,
#page-totpsetup-setup input.form-control::-ms-input-placeholder,
#page-totpsetup-success input.form-control::-ms-input-placeholder,
#page-totpsetup-verify input.form-control::-ms-input-placeholder,
#page-totpsetup-view-emergency-code input.form-control::-ms-input-placeholder {
    opacity: 1;
    color: #0089d9;
}
#page-consent-index input.form-control::placeholder,
#page-totp-index input.form-control::placeholder,
#page-totp-renew-emergency-code input.form-control::placeholder,
#page-totpsetup-enable input.form-control::placeholder,
#page-totpsetup-setup input.form-control::placeholder,
#page-totpsetup-success input.form-control::placeholder,
#page-totpsetup-verify input.form-control::placeholder,
#page-totpsetup-view-emergency-code input.form-control::placeholder {
    opacity: 1;
    color: #0089d9;
}
#page-consent-index .tooltip,
#page-totp-index .tooltip,
#page-totp-renew-emergency-code .tooltip,
#page-totpsetup-enable .tooltip,
#page-totpsetup-setup .tooltip,
#page-totpsetup-success .tooltip,
#page-totpsetup-verify .tooltip,
#page-totpsetup-view-emergency-code .tooltip {
    top: 0 !important;
    position: static !important;
    margin-bottom: 0.5rem;
}
#page-totpsetup-enable .form-content > .form-group:nth-child(2) {
    display: flex;
    justify-content: center;
}
#page-totpsetup-enable .badge-apple,
#page-totpsetup-enable .badge-google {
    height: 50px;
}
#page-totpsetup-enable .badge-apple {
    margin-right: 1rem;
}
#page-totpsetup-enable .badge-google-localized {
    display: none;
}
#page-totpsetup-enable .form-group.flex-row {
    display: flex;
}
#page-totpsetup-enable .numbered-circle {
    color: #0089d9;
    margin-right: 1rem;
}
#page-totpsetup-enable .numbered-circle:after {
    content: ".";
}
#page-totpsetup-enable .theme-buttons {
    display: block;
}
#page-totpsetup-enable .pull-right {
    display: flex;
    flex-direction: column-reverse;
}
#page-totpsetup-enable .pull-right > .btn-primary {
    margin-bottom: 1rem;
}
#page-totp-renew-emergency-code .theme-header {
    font-size: 1.6rem;
    text-align: center;
    color: #0089d9;
    font-weight: 400 !important;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccebff;
    margin: 0 0 1.5rem;
}
#page-totpsetup-success .form-setup-header {
    margin: 0;
    border: none;
    padding: 0;
}
#page-totpsetup-verify .mt-16:before {
    content: "";
    background-image: url(https://severa.visma.com/img/connect/verificationcode18x18.svg);
    display: block;
    width: 18px;
    height: 18px;
    top: 3px;
    position: absolute;
}
#page-totpsetup-verify .mt-16 {
    position: relative;
}
#page-totpsetup-verify input[type="tel"] {
    margin-left: 2.5rem;
    width: calc(100% - 2.5rem);
}
#page-forgot-success .message-box > div {
    display: block;
}
#page-forgot-success .message-box > div:before {
    content: "";
    background-image: url(https://severa.visma.com/img/connect/infoicon57x57.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 57px;
    height: 57px;
    margin: -1rem auto 2.5rem;
}
#page-forgot-success .message-box > div .vismaicon {
    display: none;
}
#page-totp-alternatives .totp-row {
    margin-bottom: 1rem;
}
#page-totp-alternatives .totp-row p {
    margin: 0;
}
#page-totp-alternatives #totp-login-form .totp-row:after {
    display: block;
    content: "";
    border: 1px solid #ccebff;
    margin-top: 2rem;
}
#page-electronicid-register-pending .form-group,
#page-electronicid-success .form-group {
    display: flex;
}
#page-electronicid-register-pending .vismaicon:before,
#page-electronicid-success .vismaicon:before {
    margin-right: 1rem;
}
#page-electronicid-success .form-group {
    align-items: center;
}
#page-u2f-index .u2f-header {
    display: flex;
    align-items: center;
}
#page-u2f-index .icon-usb {
    margin-right: 1rem;
}
#page-impersonation-granted .vismaicon:before,
#page-u2f-incompatible-browser .vismaicon:before {
    margin: 0 auto;
}
.error-page-image {
    display: block;
    margin: 0 auto;
    height: 57px;
}
#page-sms-enter-code .form-group-input-with-icon,
#page-totp-enter-emergency-code .form-group-input-with-icon,
#page-totp-index .form-group-input-with-icon {
    display: flex;
    align-items: center;
}
#page-sms-enter-code .mt-15:before,
#page-totp-enter-emergency-code .mt-15:before,
#page-totp-index .mt-15:before {
    content: "";
    background-image: url(https://severa.visma.com/img/connect/verificationcode18x18.svg);
    display: block;
    width: 18px;
    height: 18px;
    top: 3px;
    position: absolute;
}
#page-sms-enter-code .mt-15,
#page-totp-enter-emergency-code .mt-15,
#page-totp-index .mt-15 {
    position: relative;
}
#page-sms-enter-code .mt-15 input[type="tel"],
#page-sms-enter-code .mt-15 input[type="text"],
#page-totp-enter-emergency-code .mt-15 input[type="tel"],
#page-totp-enter-emergency-code .mt-15 input[type="text"],
#page-totp-index .mt-15 input[type="tel"],
#page-totp-index .mt-15 input[type="text"] {
    margin-left: 2.5rem;
    width: calc(100% - 2.5rem);
}
#page-sms-enter-code .col-sm-10,
#page-totp-enter-emergency-code .col-sm-10,
#page-totp-index .col-sm-10 {
    width: 100%;
}
#page-sms-enter-code span > strong {
    display: block;
    text-align: center;
    margin-bottom: 1rem;
    border: 1px solid #ccebff;
    padding: 0.5rem 0;
    color: #0089d9;
    margin-top: 1rem;
}
#page-sms-enter-code .mt-15:before {
    background-image: url(https://severa.visma.com/img/connect/loginmobileverification18x18.svg);
}
#signout-message-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: #fff;
}
#signout-message-text {
    margin-top: 1rem;
}
#ForgotPassword {
    display: flex;
    justify-content: center;
}
#page-password-reset .text-container {
    margin: 0 0 1rem;
}
#page-password-reset .theme-header {
    margin-bottom: 2rem;
}
#page-electronicid-link .btn:first-child {
    margin-top: 0;
}
.panel-button {
    margin-bottom: 0.5rem;
}
#btn-forgot-password,
#btn-onetime-signin {
    display: flex;
    align-items: center;
    border: 1px solid #ccebff;
    border-radius: 3px;
}
#btn-forgot-password h4,
#btn-forgot-password p,
#btn-onetime-signin h4,
#btn-onetime-signin p {
    margin: 0;
}
#btn-forgot-password p,
#btn-onetime-signin p {
    color: #737373;
}
#btn-forgot-password .panel-button-image-content,
#btn-onetime-signin .panel-button-image-content {
    margin: 0 1.5rem;
}
#btn-forgot-password .panel-button-content,
#btn-onetime-signin .panel-button-content {
    margin: 1rem 0;
}
#btn-forgot-password:hover,
#btn-onetime-signin:hover {
    text-decoration: none;
    background: #e2f3ff;
}
@keyframes animate-opening {
    0% {
        max-height: 1px;
        opacity: 0.01;
    }
    to {
        max-height: 600px;
        opacity: 1;
    }
}
.fade {
    animation-duration: 0.2s;
    animation-name: animate-opening;
    animation-timing-function: ease-in;
}
.popover {
    position: static !important;
    display: flex !important;
    margin: 1rem 0;
    justify-content: center;
}
.popover-content > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.popover-content > ul .vismaicon {
    display: block;
}
.popover-content > ul .vismaicon:before {
    content: " \25CF";
    background-image: none;
    font-size: 22px;
    height: inherit;
    width: inherit;
    margin-bottom: 0.25rem;
}
.popover-content > ul .vismaicon-success:before {
    color: #2fcc66;
}
.popover-content > ul .vismaicon-error:before {
    color: #e74c3c;
}
.popover-content > ul .vismaicon-warning:before {
    color: #e67e22;
}
.popover-content > ul li {
    display: flex;
    align-items: center;
}
#page-password-change .vismaicon-filled {
    display: block;
}
.dropdown-menu {
    display: none;
    width: 19rem;
    position: absolute;
    left: -7.5rem;
    top: calc(-220px - 1.5rem);
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1) #e5e5e5 #d6d6d6;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    background: #fff;
}
.dropdown-menu:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: hsla(0, 0%, 100%, 0.95) transparent transparent;
    border-style: solid;
    border-width: 8px 8px 0;
    bottom: -8px;
    left: 45%;
}
#language-dropdown-menu > li {
    display: block;
    margin: 0.5rem 1rem;
}
#language-dropdown-menu a[role="menuitem"] {
    display: flex;
    align-items: center;
    margin: 0;
}
#language-dropdown-menu .language-img-container > img {
    position: static;
    margin-right: 1rem;
}
.open > .dropdown-menu {
    display: block;
}
.footer-container a {
    text-decoration: none;
    color: #737373;
    margin-left: 15px;
}
.footer-container a:focus,
.footer-container a:hover {
    outline: 0;
}
.footer-container a:hover {
    text-decoration: underline;
}
.footer-container > .footer-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    height: 3rem;
    box-shadow: -1px -1px 10px 0 hsla(0, 0%, 62.7%, 0.46);
    font-size: 12px;
    white-space: nowrap;
}
.footer-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-list li {
    display: inline;
}
.footer-list .has-dropdown {
    position: relative;
}
.status-page-container {
    display: inline-flex;
}
.status-page-link {
    line-height: 14px;
    position: relative;
    color: #fff;
    font-size: 0;
}
.status-page-link:before {
    position: absolute;
    margin-right: 1rem;
    content: " \25CF";
    background-image: none;
    font-size: 22px;
    left: -22px;
    height: inherit;
    width: inherit;
    top: -3px;
}
.status-page-link.status-page-indicator-none:before {
    color: #2fcc66;
}
.status-page-link.status-page-indicator-minor:before {
    color: #f1c40f;
}
.status-page-link.status-page-indicator-major:before {
    color: #e67e22;
}
.status-page-link.status-page-indicator-critical:before {
    color: #e74c3c;
}
.dropup > div {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-left: 1.5rem;
}
#language-selector .dropdown-toggle {
    order: 1;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    margin: 0;
    display: flex;
    align-items: center;
    width: 25px;
    opacity: 0;
    z-index: 1;
}
#language-selector .dropdown-toggle:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 16px;
}
#language-selector img {
    order: 2;
    margin-left: -25px;
    height: 20px;
    width: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    box-shadow: 1px 2px 4px 0 hsla(0, 0%, 62.7%, 0.46);
}
#language-selector img.en-US {
    background-image: url(https://severa.visma.com/img/connect/languageenglish20x20.svg);
}
#language-selector img.en-GB {
    background-image: url(https://severa.visma.com/img/connect/languageukenglish20x20.svg);
}
#language-selector img.da-DK {
    background-image: url(https://severa.visma.com/img/connect/languagedanish20x20.svg);
}
#language-selector img.nl-NL {
    background-image: url(https://severa.visma.com/img/connect/languagedutch20x20.svg);
}
#language-selector img.nb-NO {
    background-image: url(https://severa.visma.com/img/connect/languagenorwegian20x20.svg);
}
#language-selector img.fi-FI {
    background-image: url(https://severa.visma.com/img/connect/languagefinnish20x20.svg);
}
#language-selector img.sv-SE {
    background-image: url(https://severa.visma.com/img/connect/languageswedish20x20.svg);
}
#language-dropdown-menu img {
    margin-left: 0.5rem;
}
#page-changemail-error h4,
#page-changemail-success h4,
#page-electronicid-register-pending h4,
#page-forgot-success h4,
#page-impersonation-already-granted h4,
#page-impersonation-expired h4,
#page-impersonation-success h4,
#page-login-user-not-registered h4,
#page-password-expire-warning h4,
#page-password-expired-key h4,
#page-totpsetup-success h4,
#page-unlock-expired h4,
#page-unlock-index h4 {
    font-size: 1.6rem;
    text-align: center;
    color: #0089d9;
    font-weight: 400 !important;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccebff;
    margin: 0 0 1.5rem;
}
#page-changemail-error strong,
#page-changemail-success strong,
#page-electronicid-register-pending strong,
#page-forgot-success strong,
#page-impersonation-already-granted strong,
#page-impersonation-expired strong,
#page-impersonation-success strong,
#page-login-user-not-registered strong,
#page-password-expire-warning strong,
#page-password-expired-key strong,
#page-totpsetup-success strong,
#page-unlock-expired strong,
#page-unlock-index strong {
    font-weight: 400 !important;
}
#page-error-index .message-element,
#page-error-index h1,
#page-error-index h3,
#page-impersonation-granted .message-element,
#page-impersonation-granted h1,
#page-impersonation-granted h3,
#page-info-index .message-element,
#page-info-index h1,
#page-info-index h3,
#page-password-policy-changed .message-element,
#page-password-policy-changed h1,
#page-password-policy-changed h3,
#page-userterms-index .message-element,
#page-userterms-index h1,
#page-userterms-index h3 {
    font-size: 1.6rem;
    text-align: center;
    color: #0089d9;
    font-weight: 400 !important;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccebff;
    margin: 0 0 1.5rem;
}
#page-error-index,
#page-password-policy-changed {
    min-height: 100vh;
    margin-bottom: 0;
}
#page-consent-index .form-content,
#page-impersonation-granted .form-content,
#page-password-policy-changed .container-content {
    display: block;
}
#page-consent-index .form-content:before,
#page-impersonation-granted .form-content:before,
#page-password-policy-changed .container-content:before {
    content: "";
    background-image: url(https://severa.visma.com/img/connect/infoicon57x57.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 57px;
    height: 57px;
    margin: -1rem auto 2.5rem;
}
#page-consent-index .form-content .vismaicon-info,
#page-impersonation-granted .form-content .vismaicon-info,
#page-password-policy-changed .container-content .vismaicon-info {
    display: none;
}
#page-password-expire-warning {
    display: block;
}
#page-password-expire-warning:before {
    content: "";
    background-image: url(https://severa.visma.com/img/connect/infoicon57x57.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 57px;
    height: 57px;
    margin: -1rem auto 2.5rem;
}
#page-error-index p {
    display: inline;
}
#page-error-index .error-page-image {
    display: none;
}
#page-error-index .container-content .col-sm-3 {
    display: block;
}
#page-error-index .container-content .col-sm-3:before {
    content: "";
    background-image: url(https://severa.visma.com/img/connect/infoicon57x57.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 57px;
    height: 57px;
    margin: -1rem auto 2.5rem;
    background-image: url(https://severa.visma.com/img/connect/error.svg);
}
.major-outage-icon {
    display: none;
}
.major-outage-header {
    font-size: 1.6rem;
    text-align: center;
    color: #0089d9;
    font-weight: 400 !important;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccebff;
    margin: 0 0 1.5rem;
}
.major-outage-header:before {
    content: "";
    background-image: url(https://severa.visma.com/img/connect/infoicon57x57.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 57px;
    height: 57px;
    margin: -1rem auto 2.5rem;
}
.major-outage-header {
    display: block;
}
.major-outage-header:before {
    background-image: url(https://severa.visma.com/img/connect/error.svg);
}
.outage-alert .outage-icon {
    display: none;
}
.outage-alert .outage-header {
    font-size: 1.6rem;
    text-align: center;
    color: #0089d9;
    font-weight: 400 !important;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccebff;
    margin: 0 0 1.5rem;
}
.outage-alert .outage-header:before {
    content: "";
    background-image: url(https://severa.visma.com/img/connect/infoicon57x57.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 57px;
    height: 57px;
    margin: -1rem auto 2.5rem;
}
.outage-alert .outage-header {
    display: block;
}
.outage-alert .outage-header:before {
    background-image: url(https://severa.visma.com/img/connect/error.svg);
}
@media (min-width: 544px) {
   #logo-container {
     padding-top: 20px;
     text-align: center;
     height: 200px;
    }

    input {
        font-size: 100%;
    }
    .btn,
    .popover-content li,
    .text-error,
    html {
        font-size: 14px;
    }
    body {
        /*background: url(/mobile_images/login/img/tie1.jpg) no-repeat 100% fixed;*/
        /*background: url(/mobile_images/login/img/tie2.jpg) no-repeat 100% fixed; */
        /*background: url(/mobile_images/login/img/tie3.jpg) no-repeat 100% fixed;*/
        /*background: url(/mobile_images/login/img/tie4.jpg) no-repeat 100% fixed; */
        /*background: url(/mobile_images/login/img/tie5.jpg) no-repeat 100% fixed;*/
        /*background: url(/mobile_images/login/img/tie6.jpg) no-repeat 100% fixed;*/
/*        background: url(/mobile_images/login/img/tie7.jpg) no-repeat 100% fixed;*/
        /*background: url(/mobile_images/login/img/tie8.jpg) no-repeat 100% fixed;*/
        background: url(/mobile_images/login/img/tie9.jpg) no-repeat 100% fixed;



        background-size: cover;
        background-position: 50% 100%;
    }
    .cookie-overlay {
        position: fixed;
        left: 0;
        bottom: 0;
        top: auto !important;
        background: #fff;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 3rem;
        width: 100%;
        box-shadow: -1px -1px 10px 0 hsla(0, 0%, 62.7%, 0.46);
    }
    .container-box,
    .form-box,
    .text-box {
        height: 100%;
        width: 360px;
        box-shadow: -1px -1px 10px 0 hsla(0, 0%, 62.7%, 0.46);
        margin: 0 auto;
        /*margin: 0 8% 3rem auto;*/
        /*float: right;*/
        min-height: calc(100vh);
    }
    .control-label {
        font-size: 12px;
    }
    .footer-container {
        display: block;
        background: #fff;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
    }
}
@media (min-width: 992px) {
    .footer-container > .footer-inner {
        font-size: inherit;
    }
    .status-page-link {
        margin-left: 2rem;
        color: inherit;
        font-size: inherit;
    }
    #language-selector .dropdown-toggle {
        width: auto;
        opacity: 1;
    }
}
@media (min-width: 1200px) {
    .cookie-overlay .cookie-hide {
        display: inline-block;
        margin-top: 0;
        margin-left: 1rem;
    }
    .container-box,
    .form-box,
    .text-box {
        min-height: calc(100vh - 1.5rem);
        /*min-height: calc(100vh - 4.5rem);*/
        /*margin-top: 1.5rem;*/
    }
    #page-error-index,
    #page-password-policy-changed {
        min-height: calc(100vh - 1.5rem);
    }
    body {
        padding-top: 1.5rem;
    }
}
@media (min-width: 1600px) {
    .container-box,
    .form-box,
    .text-box {
        width: 450px;
        padding: 0 5rem;
    }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    body {
        background-attachment: scroll;
    }
}