*,*:before,*:after {box-sizing: border-box;}input {filter: none;}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active  {-webkit-box-shadow: 0 0 0 30px white inset !important;}body.autobill {background-color: #fff;margin: 0;font-family: "Roboto", sans-serif;}.autobill-login-container {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items: stretch;-moz-align-items: stretch;align-items: stretch;-webkit-justify-content: space-between;-moz-justify-content: space-between;justify-content: space-between;height: 100vh;}.left-sidebar{width: 42%;max-width: 532px;padding: 45px;background: #31465B url("../left-bg-c0ae7e868258ebf1242c619df5dd6471.png");background-repeat: no-repeat;background-position: bottom right;background-size: cover;}.left-sidebar .left-s-content {color: #fff;padding: 30% 0 20%;}.left-sidebar h2{font-weight: 600;font-size: 30px;line-height: 35px;margin-bottom: 10px;}.left-sidebar p{font-weight: 400;font-size: 18px;line-height: 24px;}.left-sidebar img{max-width: 100%;}.autobill-login-panel.login-panel {background: #FDFDFD;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items: center;-moz-align-items: center;align-items: center;-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;flex-grow: 1;position: relative;padding: 0;}.autobill-login-panel .login-panel-rt {width: 100%;max-width: 450px;border-radius: 5px;overflow: auto;padding: 30px;}.autobill-login-panel .header-img {text-align: center;padding: 0;}.autobill-login-panel h2.header-title{font-weight: 500;font-size: 32px;line-height: 35px;color: #33465A;margin: 20px 0 46px;text-align: center;}.autobill-login-panel h3.header-title-2{font-weight: 500;font-size: 24px;line-height: 30px;color: #33465A;margin: 11px 0 32px;text-align: center;}.autobill-login-panel .header-img img {max-height: 60px;}.autobill-login-panel .admin-login {font-size: 30px;font-weight: 300;padding: 35px 30px 40px;text-transform: capitalize;}.autobill-login-panel .admin-login.reset-pass {margin-top: 0;}.autobill-login-panel .admin-login:after {display: none;}.autobill-login-panel .form-row {padding: 0 1px;position: relative;}.autobill-login-panel .form-row ~ .form-row {margin-top: 20px;}.autobill-login-panel .form-row label {display: block;color: #33465A;font-size: 16px;line-height: 24px;margin-bottom: 4px;}.autobill-login-panel input[type=text],.autobill-login-panel input[type=password] {border: 1px solid rgba(173, 181, 189, 0.87);border-radius: 4px;height: 42px;padding: 9px 12px;outline: none;font-size: 14px;line-height: 24px;font-weight: 400;color: #212529;width: 100%;transition: all 100ms linear;}.autobill-login-panel input[type=text].error,.autobill-login-panel input[type=password].error{box-shadow: 0 0 0 2px #DC354526;border-color: #DC3545;outline: 1px solid #DC3545;}.autobill-login-panel input[type=text]:focus,.autobill-login-panel input[type=password]:focus{border-color: #3C91E6;outline: 1px solid #3C91E6;box-shadow: 0 0 0 2px #5EB2FC33;}.password-field-wrap{position: relative;}.autobill-login-panel .password-field-wrap input[type=password]{padding-right: 36px;}.password-field-wrap .pass-show-icon{background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIwODVfNjcyNCkiPgo8ZyBvcGFjaXR5PSIwLjYiIGNsaXAtcGF0aD0idXJsKCNjbGlwMV8yMDg1XzY3MjQpIj4KPHBhdGggZD0iTTEwLjQ2NDkgMTAuNDY1N0M5LjQ2Nzc2IDExLjIyNTggOC4yNTM1NiAxMS42NDY4IDYuOTk5OTIgMTEuNjY3M0MyLjkxNjU5IDExLjY2NzMgMC41ODMyNTIgNy4wMDA2NyAwLjU4MzI1MiA3LjAwMDY3QzEuMzA4ODUgNS42NDg0NCAyLjMxNTI1IDQuNDY3MDIgMy41MzQ5MiAzLjUzNTY3TTUuNzc0OTIgMi40NzRDNi4xNzY0NSAyLjM4MDAxIDYuNTg3NTQgMi4zMzMwMyA2Ljk5OTkyIDIuMzM0QzExLjA4MzMgMi4zMzQgMTMuNDE2NiA3LjAwMDY3IDEzLjQxNjYgNy4wMDA2N0MxMy4wNjI1IDcuNjYzMSAxMi42NDAyIDguMjg2NzYgMTIuMTU2NiA4Ljg2MTVNOC4yMzY1OCA4LjIzNzMzQzguMDc2MzcgOC40MDkyNyA3Ljg4MzE3IDguNTQ3MTcgNy42Njg1MSA4LjY0MjgyQzcuNDUzODQgOC43Mzg0NyA3LjIyMjExIDguNzg5OSA2Ljk4NzE0IDguNzk0MDVDNi43NTIxNiA4Ljc5ODE5IDYuNTE4NzYgOC43NTQ5NyA2LjMwMDg2IDguNjY2OTVDNi4wODI5NSA4LjU3ODk0IDUuODg1MDEgOC40NDc5MyA1LjcxODgzIDguMjgxNzVDNS41NTI2NSA4LjExNTU4IDUuNDIxNjUgNy45MTc2MyA1LjMzMzYzIDcuNjk5NzNDNS4yNDU2MiA3LjQ4MTgyIDUuMjAyMzkgNy4yNDg0MiA1LjIwNjU0IDcuMDEzNDVDNS4yMTA2OCA2Ljc3ODQ3IDUuMjYyMTIgNi41NDY3NCA1LjM1Nzc2IDYuMzMyMDhDNS40NTM0MSA2LjExNzQxIDUuNTkxMzIgNS45MjQyMSA1Ljc2MzI1IDUuNzY0IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuMTY2NjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMC41ODMyNTIgMC41ODM5ODRMMTMuNDE2NiAxMy40MTczIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuMTY2NjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjA4NV82NzI0Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxXzIwODVfNjcyNCI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");position: absolute;right: 0;top: 0;z-index: 10;height: 42px;width: 42px;background-repeat: no-repeat;background-position: center;background-size: 14px;cursor: pointer;}.password-field-wrap .pass-show-icon.show{background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC42Ij4KPHBhdGggZD0iTTIgMjRDMiAyNCAxMCA4IDI0IDhDMzggOCA0NiAyNCA0NiAyNEM0NiAyNCAzOCA0MCAyNCA0MEMxMCA0MCAyIDI0IDIgMjRaIiBzdHJva2U9IiMxRTFFMUUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yNCAzMEMyNy4zMTM3IDMwIDMwIDI3LjMxMzcgMzAgMjRDMzAgMjAuNjg2MyAyNy4zMTM3IDE4IDI0IDE4QzIwLjY4NjMgMTggMTggMjAuNjg2MyAxOCAyNEMxOCAyNy4zMTM3IDIwLjY4NjMgMzAgMjQgMzBaIiBzdHJva2U9IiMxRTFFMUUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==");background-repeat: no-repeat;background-position: center;background-size: 14px;}.ie .autobill-login-panel input {transition: none;}.autobill-login-panel input::-webkit-input-placeholder {color: #BFBFBF;}.autobill-login-panel input:-ms-input-placeholder {color: #BFBFBF;}.autobill-login-panel input::placeholder {color: #BFBFBF;}.autobill-login-panel button {background-color: #057BD5;border: 1px solid #057BD5;outline: none;border-radius: 4px;color: #fff;display: block;font-size: 18px;width: 100%;box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);padding: 10px;transition: all 100ms linear;font-weight: 600;line-height: 24px;}.autobill-login-panel button:hover {background-color: #0269b8;}.autobill-login-panel input.validation-error {border-color: #F97070;}.autobill-login-panel .errorlist {background-color: rgba(0, 0, 0, 0.8);border: 1px solid transparent;border-radius: 3px;box-sizing: border-box;color: #ddd;padding: 5px 15px;line-height: 16px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);font-size: 11px;position: absolute;left: 30px;top: calc(100% + 8px);z-index: 10;}.autobill-login-panel .errorlist:after {border-top: 5px solid transparent;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 5px solid rgba(0, 0, 0, 0.8);content: "";height: 0;left: 10px;position: absolute;top: -11px;width: 0;}.autobill-login-panel .more-action,.autobill-login-panel .form-row.remember-forget-pass {margin-top: 24px;}.autobill-login-panel .form-row.remember-forget-pass {display: flex;justify-content: space-between;align-items: center;}.lost-password a,.remember-label{color: #33465A;font-size: 14px;line-height: 24px;font-weight: 400;text-decoration: none;}.lost-password a:hover{color: #3C91E6;}.autobill-login-panel .more-action a {text-decoration: underline;font-size: 14px;line-height: normal;color: #057BD5;}.autobill-login-panel .message-section {font-size: 14px;color: #9E9E9E;padding: 0 30px 30px;margin-top: -30px;}.autobill-login-panel .message-section.error {padding: 0;font-size: 14px;font-weight: 400;line-height: 18px;color: #DC3545;margin: 5px 0 0;}.autobill-login-panel .message-section.success {color: #11c572;}.authentication-section {padding: 0 0 30px;width: 100%;}.authentication-section .title {color: #2C2C2C;font-size: 20px;font-weight: 600;}.authentication-section .message {color: #979797;font-size: 14px;font-style: italic;margin-top: 10px;margin-bottom: 25px;}.authentication-section .auth-icon{margin-left: 22px;}.authentication-section.success {padding: 30px;text-align: center;min-height: 400px;display: flex;flex-direction: column;align-items: center;justify-content: center;}.authentication-section.success .auth-icon .icon {background-color: #1BB55C;}.authentication-section .auth-item {background-color: #fff;border: 1px solid #DDE5EB;border-radius: 6px;padding: 16px 20px;min-width: 200px;transition: all 0.2s ease;cursor: pointer;display: flex;justify-content: space-between;align-items: center;}.authentication-section .auth-item.active {background: rgba(60, 145, 230, 0.03);border: 2px solid rgba(60, 145, 230, 1);box-shadow: 0 5px 7px 0 rgba(36, 51, 66, 0.18);cursor: default;}.auth-item-container {display: flex;flex-direction: column;}.auth-item-container .auth-item ~ .auth-item {margin-top: 20px;}.auth-item-container .auth-item:not(.active) .icon {background-color: #E5F1FB;color: #057BD5;}.auth-item .auth-name {color: #33465A;font-size: 16px;font-weight: 500;line-height: 30px;}.auth-item .auth-message {color: #6C757D;font-size: 14px;line-height: 20px;font-weight: 400;}.auth-code-inputs-wrap{display: flex;margin: 0 -8px;}.autobill-login-panel .auth-code-inputs-wrap input {width: calc(16.666% - 16px);display: inline-block;margin: 0 8px;text-align: center;}.autobill-login-panel .auth-code-inputs-wrap input:last-child{margin-right: 0;}.recovery-codes-info h4{font-weight: 500;font-size: 24px;line-height: 30px;color: #33465A;text-align: center;margin: -22px 0 0 0;}.recovery-codes-info p,.recovery-codes-info p a{font-size: 16px;line-height: 24px;color: #495057;margin-bottom: 0;margin-top: 25px;}.recovery-codes-info .code-safe-ins{background: #E2F2FF;padding: 16px 20px;border-radius: 4px;margin: 20px 0 30px;border: 1px solid #3C91E6;}.recovery-codes-info .code-safe-ins h4{font-weight: 500;font-size: 16px;line-height: 30px;margin: 0 0 6px;color: #33465A;text-align: left;}.recovery-codes-info .code-safe-ins p{font-weight: 400;font-size: 14px;line-height: 20px;color: #6C757D;margin: 0;text-align: left;}.authentication-section .qr-code-wrap .auth-item {background-color: #fff;border: 0;border-radius: 4px;margin-bottom: 20px;padding: 26px 30px;min-width: 200px;transition: all 0.2s ease;cursor: pointer;display: inline-block;-webkit-box-shadow: 0 1px 8px 0 #0000000D;box-shadow: 0 1px 8px 0 #0000000D;}.qr-code-wrap .auth-item .auth-message {color: #6C757D;font-size: 14px;line-height: 20px;font-weight: 400;-webkit-box-shadow: 0 1px 5px 0 #00000040;box-shadow: 0 1px 5px 0 #00000040;width: 210px;height: 210px;margin: 0 auto;}.auth-item .auth-message img {max-width: 100%;}.qr-code-wrap .manual-code-wrap{margin-top: 20px;}.qr-code-wrap .manual-title{position: relative;text-align: center;}.qr-code-wrap .manual-title span{display: inline-block;background: #fff;position: relative;z-index: 2;padding: 0 10px;}.qr-code-wrap .manual-title:before{content: "";height: 1px;border-top: 1px solid #0000001A;width: 100%;position: absolute;top: 50%;left: 0;}.qr-code-wrap .manual-auth-code{border: 1px solid rgba(173, 181, 189, 0.27);background: #F3F6FA;font-size: 16px;font-weight: 400;line-height: 24px;color: #495057;border-radius: 4px;padding: 8px 12px;margin-top: 10px;}.autobill-login-panel button.btn-backup-code {background-color: transparent;color: #3C91E6;font-weight: 500;font-size: 14px;line-height: 24px;border: 0;width: auto;margin: 0 auto;padding: 0;display: flex;align-items: center;}.autobill-login-panel button.btn-backup-code svg{margin-right: 10px;}.modal .modal-medium{width: 650px;max-width: calc(100% - 24px);}.backup-code-list-wrap{border: 1px solid #C1C9D145;background: #EFF2F6;border-radius: 4px;padding: 10px 6px;margin: 16px 0 12px;max-height: 193px;overflow-y: auto;}.backup-code-list-wrap .code-lists{display: flex;flex-wrap: wrap;}.backup-code-list-wrap .code-lists > div{width: 33.333%;padding: 0 6px;font-size: 14px;line-height: 24px;font-weight: 400;color: #212529;margin: 6px 0;}.modal-title{font-size: 18px;font-weight: 400;line-height: 23px;}.modal-header .btn-close{background: none;line-height: 8px;opacity: 1;}.modal-body .note h6{font-size: 18px;font-weight: 600;line-height: 21px;color: #33465A;margin-bottom: 4px;}.modal-body .note span{color: #495057;font-size: 14px;font-weight: 400;line-height: 24px;}.modal-body .genereted-date {font-size: 14px;font-weight: 400;line-height: 24px;color: #33465A;}.modal-body .genereted-date span{font-weight: 500;}.modal-footer{padding: 12px 16px;}.btn.btn-secondary{border: 1px solid #E4E7EB;background: #E4E7EB;color: #212529;font-size: 14px;font-weight: 500;line-height: 24px;}.btn.btn-primary{font-size: 14px;font-weight: 500;line-height: 24px;border: 1px solid #3C91E6;background: #3C91E6;border-radius: 4px;}.auth-item .key-info {text-align: left;font-weight: 600;}.auth-item .key-info ~ .key-info {margin-top: 15px;}.auth-item .key-info .label {color: #818181;margin-bottom: 5px;word-wrap: break-word;}.auth-item .key-info .value {color: #030303;word-wrap: break-word;}.checkbox-wrap {padding-bottom: 0;}.checkbox-custom *,.checkbox-custom *::before,.checkbox-custom *::after {box-sizing: content-box !important;}.checkbox-wrap .checkbox-custom {display: table;position: relative;padding-left: 24px;cursor: pointer;margin-bottom: 0;}.checkbox-custom input{position: absolute;z-index: -1;opacity: 0;left: 0;top: 0;width: auto;}.checkbox-custom span.checkbox-label{color: #33465A;font-size: 14px;line-height: 24px;font-weight: 400;text-decoration: none;margin-bottom: 0;}.checkbox-custom input[type="checkbox"] ~ .b-input{position: absolute;top: 3px;left: 0;height: 14px;width: 14px;background: #fff;-webkit-transition: all 250ms ease 0s;transition: all 250ms ease 0s;border: 1px solid rgba(173, 181, 189, 0.87);border-radius: 4px;}.checkbox-custom input[type="checkbox"] ~ .b-input::after {content: '';display: none;position: absolute;left: 4.5px;top: 0px;width: 4px;height: 8px;border: solid #fff;border-width: 0 2px 2px 0;transition: background 250ms;-webkit-transform: rotate(45deg);transform: rotate(45deg);}.checkbox-custom:hover input[type="checkbox"] ~ .b-input,.checkbox-custom:hover input[type="radio"] ~ .b-input{border-color: #3C91E6;}.checkbox-custom input:disabled ~ .b-input::after {border-color: rgba(135, 149, 161, 1);}.checkbox-custom input:checked ~ .b-input::after {display: block;}.checkbox-custom:hover input ~ .b-input,.checkbox-custom input:focus ~ .b-input {background: #fff;}.checkbox-custom input:checked ~ .b-input {background: #3C91E6;border-color: #3C91E6;box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5);}.checkbox-custom input[type="checkbox"]:disabled ~ .b-input {background: rgba(241, 245, 248, 1);border-color: rgba(184, 194, 204, 1);opacity: 0.6;cursor: not-allowed;}.checkbox-custom input[type="radio"]:disabled ~ .b-input {background: rgba(241, 245, 248, 1);border-color: rgba(184, 194, 204, 1);opacity: 0.6;cursor: not-allowed;}.checkbox-custom input[type="radio"]:disabled ~ .b-input::after {background: rgba(135, 149, 161, 1);}.checkbox-custom input:checked:focus ~ .b-input,.checkbox-custom:hover input:not([disabled]):checked ~ .b-input {background: #3C91E6;border-color: #3C91E6;}.checkbox-custom input[type="radio"]:not([disabled]):checked ~ .b-input,.checkbox-custom:hover input[type="radio"]:not([disabled]):checked ~ .b-input {background: white;border-color: #3C91E6;}.checkbox-custom .b-input::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 42px;height: 42px;margin-left: -0.85rem;margin-top: -0.85rem;background: rgba(0, 130, 243, 1);border-radius: 2rem;opacity: .6;z-index: 99999;transform: scale(0);}.checkbox-custom input + .b-input::before {animation: b-ripple 250ms ease-out;}.checkbox-custom input:checked + .b-input::before {animation-name: b-ripple-duplicate;}.checkbox-custom .b-input::before {visibility: hidden;}.checkbox-custom input:focus + .b-input::before {visibility: visible;}.checkbox-custom:first-child .b-input::before {visibility: hidden;}@keyframes b-ripple {0% {transform: scale(0);}20% {transform: scale(1);}100% {opacity: 0;transform: scale(1);}}@keyframes b-ripple-duplicate {0% {transform: scale(0);}30% {transform: scale(1);}60% {transform: scale(1);}100% {opacity: 0;transform: scale(1);}}