.ios-bug-fix-caret {
    position: fixed;
}

.m-b-1 {
    margin-bottom: 1rem;
}

.m-b-2 {
    margin-bottom: 2rem;
}
.m-b-4 {
    margin-bottom: 4rem;
}

.hidescroll {
    overflow: hidden;
}

.show-on-large {
    display: none;
}

@media screen and (min-width: 767px) {
    .show-on-small {
        display: none;
    }

    .show-on-large {
        display: block;
    }
}

.login-modal {
    z-index: 1000;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Ubuntu', sans-serif;
    width: 860px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}

.login-modal.failed .modal_login-error {
    visibility: visible;
    color: white;

    margin-bottom: 16px;
}

.login-modal input, .login-modal button {
    outline:0;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.login-modal__background {
    background: linear-gradient(to right bottom, rgba(88, 194, 104, 1), rgba(56, 155, 197, 1));
    position: fixed;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    display: none;
}

.login-modal-showing .login-modal__background {
    display: block;
}

@supports (filter: blur(50px)) {
    .login-modal__background {
        background: linear-gradient(to right bottom, rgba(88, 194, 104, 0.7), rgba(56, 155, 197, 0.7));
    }
}

@supports (-ms-ime-align:auto) {
    .login-modal__background {
        background: linear-gradient(to right bottom, rgba(88, 194, 104, 1), rgba(56, 155, 197, 1));
    }
}


.login-modal__body.login-modal__body {
    border: none;
    color: white;
    overflow: visible;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-left:20px;
    padding-right:20px;
    margin-top: 80px;
    float: none;
    width: 645px;
}

@media screen and (min-width: 992px) {
    .login-modal__body.login-modal__body {
        width: 75%;
    }
}

.login-modal--bankid .login-modal__header__content-wrapper {
    padding-right: 0;
}

.login-modal__facebook-text {
    color: white;
    display: inline-block;
    font-size: 14px;
    margin-top: 15px;
}

.login-modal__forgot-password {
    color: white;

    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    padding-left: 0;
    padding-right: 0;
}

.login-modal__forgot-password:hover {
    color:#efefef;
}

.login-modal__forgot-password:after {
    content: '.....................................';
    position: absolute;
    bottom: -10px;
    left: 0;
}

.login-modal__bankid-less-focus {
    color: white;

    font-size: 16px;

    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.login-modal__bankid-less-focus:disabled {
    opacity: 0.6;
}

.login-modal__bankid-less-focus:hover {
    color:#efefef;
}

.login-modal__bankid-less-focus:after {
    content: '....................................';
    position: absolute;
    bottom: -10px;
    left: 50%;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.blur-target {
    transition: 0.1s filter ease-in;
}

@supports (filter: blur(50px)) {
    .login-modal-showing .blur-target {
        -webkit-filter: blur(50px);
        -moz-filter: blur(50px);
        -o-filter: blur(50px);
        -ms-filter: blur(50px);
        filter: url(blur.svg#blur);
        filter: blur(50px);
        filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='50');
    }
}

.login-modal__bankid-switch {
    margin-bottom: 30px;
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

@media screen and (min-width: 500px) {
    .login-modal__bankid-switch {
        margin-bottom: 65px;
    }
}

.login-bankid-switcher {
    color: white;
    height: 60px;
    border-radius: 30px;
    width: 50%;
    float: left;
    background-color: rgba(255, 255, 255, 0.15);
    font-weight: normal;
    border: 3px solid white;
}
.login-bankid-switcher:hover {
    background-color: rgba(255, 255, 255, 0.35);
}
.login-bankid-switcher.active {
    background-color: white;
    color: #469cbe;
}
.login-bankid-switcher:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.login-bankid-switcher:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.login-button, .retrieve-password-modal__send {
    color: white;
    border-radius: 3px;
    height: 80px;
    width: 100%;
    font-size: 22px;
    background-color: rgba(255, 255, 255, 0.15);
    font-weight: 300;
    border: 3px solid white;
    position: relative;
}

.login-button.js-login:hover, .retrieve-password-modal__send:hover {
    background-color: rgba(255, 255, 255, 0.35);
}

.login-button--bankid {
    font-size: 20px;
    background-color:#fff;
    color:#469cbe;
    font-weight: 200;
    border: 3px solid rgba(255,255,255,0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    vertical-align: middle;
    width: 100%;
    position: relative;
}

.login-button--bankid:disabled {
    opacity: 0.6;
}

.login-button--bankid:hover {
    border: 3px solid rgba(255,255,255,1);
    -webkit-transition: border .5s ease-out;
    -moz-transition: border .5s ease-out;
    -o-transition: border .5s ease-out;
    transition: border .5s ease-out;
}

.login-button--bankid span.icon-bankid {
    width:50px;
    height:50px;
    background-image:url('/wp-content/themes/mbptheme-child/images/BankID_icon@2x.png');
    float: left;
    font-size: 28px;
    border-right: 2px solid rgba(255, 255, 255, 0.3);
    background-size:contain;
    background-repeat:no-repeat;
    position: absolute;
    top: 14px;
    left: 13px;
}

.login-button--bankid span.text-bankid {
    margin-left: 50px;
    display: block;
}

@media screen and (min-width: 350px) {
    .login-button--bankid span.text-bankid {
        margin-left: 0;
    }    
}

.login-button .fa-check, .retrieve-password-modal__send .fa-check {
    float: left;
    padding-right: 26px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 28px;
    border-right: 2px solid rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 16px;
    left: 24px;
}

.login-button__text {
    font-weight:300;
    font-size: 20px;
    display: block;
    text-align: center;
    margin-left: 30px;
}

@media screen and (min-width: 767px) {
    .login-button__text {
        margin-left: 0;
    }
}

.login-modal .password.password,
.login-modal .customerid.customerid,
.modal.reset-password input[type='text'],
.modal.reset-password input[type='password']{
    background-color: transparent;
    color: white;
    border: none;
    border-bottom: 2px solid white;
    box-shadow: none;
    width: 100%;
    padding-left: 65px;
    padding-bottom: 22px;
    padding-top: 1px;
}


.login-modal__input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
  opacity: 1;
}
.login-modal__input::-moz-placeholder { /* Firefox 19+ */
  color: white;
  opacity: 1;
}
.login-modal__input:-ms-input-placeholder { /* IE 10+ */
  color: white;
  opacity: 1;
}
.login-modal__input:-moz-placeholder { /* Firefox 18- */
  color: white;
  opacity: 1;
}
.login-modal__input {
    font-size: 14px;
}
@media screen and (min-width: 350px) {
    .login-modal__input {
        font-size: 16px;
    }
}
@media screen and (min-width: 400px) {
    .login-modal__input {
        font-size: 18px;
    }
}

@media screen and (min-width: 460px) {
    .login-modal__input {
        font-size: 22px;
    }
}

@media screen and (min-width: 767px) {
    .login-modal__input {
        font-size: 22px;
    }
}

@media screen and (min-width: 992px) {
    .login-modal__input {
        font-size: 26px;
    }
}

.bankid-login-header-wrapper {
    margin-bottom: 34px;
}

@media screen and (min-width: 767px) {
    .bankid-login-header-wrapper {
        margin-bottom: 44px;
    }
}

.bankid-login-header {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}

.bankid-login-buttons {
    margin-bottom: 40px;
}

@media screen and (min-width: 767px) {
    .bankid-login-header {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 600px) {
    .bankid-login-buttons {
        margin-bottom: 40px;
    }
}

.bankid-login-input-description {
    font-size: 16px;
    text-align: right;
    padding: 0;
}

@media screen and (max-width: 767px) {
    .bankid-login-input-description {
        text-align: left;
        margin-top: 20px;
        padding-left: 15px;
    }
}

.modal.reset-password input[type='password']::-webkit-input-placeholder {
    color:    #fff;
}
.modal.reset-password input[type='password']:-moz-placeholder {
    color:    #fff;
    opacity:  1;
}
.modal.reset-password input[type='password']::-moz-placeholder {
    color:    #fff;
    opacity:  1;
}
.modal.reset-password input[type='password']:-ms-input-placeholder {
    color:    #fff;
}
.modal.reset-password input[type='password']::-ms-input-placeholder {
    color:    #fff;
}

.login-field-icon {
    display: inline-block;
    pointer-events: none;
    position: absolute;
    width: 40px;
    bottom: 16px;
}

.login-modal .customerid.customerid::-webkit-input-placeholder,
.login-modal .password.password::-webkit-input-placeholder {
    color: white;
}

.login-modal__username-help,
.login-modal__forgot-password,
.login-modal__login-bankid {
    position: relative;
    font-size: 16px;
}

.relative {
    position: relative;
}

.login-modal .modal_close {
    background-color: rgba(255, 255, 255, 0.15);
    font-size: 20px;
    font-weight: bold;
    float: right;
    border: 4px solid white;
    border-radius: 50%;

    line-height: 0.75;

    text-align: center;
    display: inline-block;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;

    margin-top: -15px;
}

@media screen and (max-width: 767px) {
    .login-modal .modal_close {
        margin-top: -12px;
        border: 0;
        background-color: transparent;
        width: 40px;
    }
}
.modal_close:hover {
    opacity: 0.8;
}

@media screen and (min-width: 767px) {
    .modal_close:hover {
        background-color: rgba(255, 255, 255, 0.35);
    }
}

.modal_close a {
    display: inline-block;
    position: relative;
    line-height: 0.75;
    padding: 19px 19px 19px 20px;
}
.modal_close a .fa {
    pointer-events: none;
    margin-right: 0;
}

.login-modal__title {
    font-size: 18px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 6px;
}

.login-modal__logo {
    display: inline-block;
    margin-right: 30px;
    height: 36px;
    vertical-align: middle;
    width: 90px;
}

.login-modal__header {
    margin-bottom: 40px;
}

.login-modal__input-group {
    margin-bottom: 40px;
}

.login-modal__input-group:first-child {
    margin-top: 25px;
}

.login-modal--login .login-modal__input-group:first-child {
    margin-top: 40px;
}

.login-modal__input-group:last-child {
    margin-bottom: 60px;
    padding-top: 25px;
}

.modal_retrievepassword {
    color: white;
}

.bankid-login-modal {
    color: white;
    display: none;
    text-align: center;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 660px;
    max-width: 100%;
    position: relative;
}

.bankid-login-modal__loader {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}

.bankid-status {
    color: white;
    font-size: 22px;
    margin-bottom: 2.5rem;
    text-align: center;
}

.bankid-login-toggle {
    font-size: 16px;
    color: white;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .bankid-login-toggle {
        float: left!important;
        margin-top: 20px;
        clear: both;
    }
}

.bankid-login-toggle--text {
    position: relative;
}

.bankid-login-toggle:hover {
    color:#efefef;
}
.bankid-login-toggle--text:after {
    content: '.............................................';
    position: absolute;
    bottom: -10px;
    left: 0;
}

.retrieve-password-modal {
    color: white;
    display: none;
    text-align: center;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 660px;
    max-width: 100%;
    position: relative;
}

.retrieve-password-modal__back {
    color: white;
    position: absolute;
    top: 1em;
    left: 1em;
    line-height: 2.3;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

.retrieve-password-modal__back:hover {
    color:#efefef;
}

.retrieve-password-modal__header {
    color: white;
    margin-top: 90px;
    margin-bottom: 30px;
}

.retrieve-password-modal__p {
    color: white;
    margin-bottom: 30px;

}

.retrieve-password-modal__customerid {
    margin-bottom: 40px;
}

.login-modal-spinner.login-modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: auto;
    margin-right: auto;
    min-height: 0;
    min-width: 100px;
    max-width: 100px;
    width: auto;
    z-index: 100;
}

@media screen and (max-width: 767px) {
    .login-modal__body.login-modal__body {
        margin-top: 20px;
    }

    .login-modal__header {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) and (max-height:680px) {
	.login-modal__input-group:first-child {
		margin-top: 15px;
	}

	.login-modal__input-group {
		margin-bottom: 20px;
	}

	.login-modal__input-group:last-child {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
    input.customerid {
        margin-top:20px;
    }
}

.login-modal__disabled-text p {
    color: white;
}

.modal_retrievepassword-message {
    margin-bottom: 44px;
}
.login-modal__body label:before {
    display: none;
}
.login-modal__body label {
    margin: 0;
}
input[type="checkbox"].green-checkmark {
  display: none;
}
input[type="checkbox"].green-checkmark + label {
  color: #f2f2f2;
}
input[type="checkbox"].green-checkmark + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background: url("/wp-content/themes/mbptheme-child/images/refresh/checkmark-frame.png") left top no-repeat;
  cursor: pointer;
}
input[type="checkbox"].green-checkmark:checked + label span {
  background: url("/wp-content/themes/mbptheme-child/images/refresh/green-checkmark.png") left top no-repeat;
  position: relative;
  top: -1px;
}
.bankid-clear-remembered {
    position: absolute;
    top: 8px;
    right: 0;
}
@media screen and (max-width: 767px) {
    .bankid-clear-remembered {
        top: 28px;
    }
}
.remember-ssn-row {
    margin-bottom: 20px;
}
.remember-ssn-row label {
    font-weight: 300;
}
.no-style-button {
  border: none;
  box-shadow: none;
  background-color: transparent;
}

.show-for-facebook-browser {
    display: none;
}
.facebook-browser .show-for-non-facebook-browser {
    display: none;
}
.facebook-browser .show-for-facebook-browser {
    display: block;
}