:root {
    /*color var css*/
    --ev-primaryOne: #3d0773; /*Purple*/
    --ev-primaryTwo: #c1d90b; /*NeonGreen*/
    --ev-primaryThree: #011640; /*NavyBlue*/
    --ev-secondaryOne: #f20544; /*Red*/
    --ev-secondaryTwo: #f28705; /*Orange*/
    --ev-white: #ffffff; /*White*/
    --ev-black: #000000; /*Black*/
    --ev-red: #ff0000; /*Red*/
    /*end*/
    --ev-alert-primary-color: #011640; /*NavyBlue*/
    --ev-alert-primary-bg: #d5dcea;
    --ev-alert-primary-border-color: #9ba7bf;
    --ev-alert-secondary-color: #3d0773; /*Purple*/
    --ev-alert-secondary-bg: #ded5ea;
    --ev-alert-secondary-border-color: #b39bbf;
    --ev-alert-success-color: #1e9555; /*Green*/
    --ev-alert-success-bg: #dcf8e7;
    --ev-alert-success-border-color: #afd9c2;
    --ev-alert-info-color: #122273; /*Blue*/
    --ev-alert-info-bg: #e7f8ff;
    --ev-alert-info-border-color: #d0e3ea;
    --ev-alert-warning-color: #e6af0f; /*DarkYellow*/
    --ev-alert-warning-bg: #fff7df;
    --ev-alert-warning-border-color: #f3e7c5;
    --ev-alert-danger-color: #c53d40; /*DarkRed*/
    --ev-alert-danger-bg: #ffe4e4;
    --ev-alert-danger-border-color: #eac9c9;
    --ev-alert-light-color: #4d4e59; /*OffWhite*/
    --ev-alert-light-bg: #fafafa;
    --ev-alert-light-border-color: #b5b4ba;
    --ev-alert-white-color: #666666; /*White*/
    --ev-alert-white-bg: #ffffff;
    --ev-alert-white-border-color: #ffffff;
    --ev-alert-dark-color: #f6f5fa; /*Dark*/
    --ev-alert-dark-bg: #5a5a6a;
    --ev-alert-dark-border-color: #696773;
    --ev-alert-black-color: #4d4e59; /*Dark*/
    --ev-alert-black-bg: #000000;
    --ev-alert-black-border-color: #171717;
    --ev-text-primary: #011640;
    --ev-text-secondary: #3d0773;
    --ev-text-success: #00c506;
    --ev-text-info: #122273;
    --ev-text-warning: #ffc107;
    --ev-text-danger: #f20544;
    --ev-text-light: #f8f9fa;
    --ev-text-dark: #212529;
    --ev-text-white: #ffffff;
    --ev-text-body: #011640;
    --ev-text-muted: #6c757d;
    /*end*/
}

@font-face {
    font-family: 'Futura Bk BT';
    src: url('fonts/FuturaBT-Book.eot');
    src: url('fonts/FuturaBT-Book.eot?#iefix') format('embedded-opentype'),
    url('fonts/FuturaBT-Book.woff2') format('woff2'),
    url('fonts/FuturaBT-Book.woff') format('woff'),
    url('fonts/FuturaBT-Book.ttf') format('truetype'),
    url('fonts/FuturaBT-Book.svg#FuturaBT-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Lt BT';
    src: url('fonts/FuturaBT-Light.eot');
    src: url('fonts/FuturaBT-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/FuturaBT-Light.woff2') format('woff2'),
    url('fonts/FuturaBT-Light.woff') format('woff'),
    url('fonts/FuturaBT-Light.ttf') format('truetype'),
    url('fonts/FuturaBT-Light.svg#FuturaBT-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Md BT';
    src: url('fonts/FuturaBT-Medium.eot');
    src: url('fonts/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/FuturaBT-Medium.woff2') format('woff2'),
    url('fonts/FuturaBT-Medium.woff') format('woff'),
    url('fonts/FuturaBT-Medium.ttf') format('truetype'),
    url('fonts/FuturaBT-Medium.svg#FuturaBT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Hv BT';
    src: url('fonts/FuturaBT-Heavy.eot');
    src: url('fonts/FuturaBT-Heavy.eot?#iefix') format('embedded-opentype'),
    url('fonts/FuturaBT-Heavy.woff2') format('woff2'),
    url('fonts/FuturaBT-Heavy.woff') format('woff'),
    url('fonts/FuturaBT-Heavy.ttf') format('truetype'),
    url('fonts/FuturaBT-Heavy.svg#FuturaBT-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura XBlk BT';
    src: url('fonts/FuturaBT-ExtraBlack.eot');
    src: url('fonts/FuturaBT-ExtraBlack.eot?#iefix') format('embedded-opentype'),
    url('fonts/FuturaBT-ExtraBlack.woff2') format('woff2'),
    url('fonts/FuturaBT-ExtraBlack.woff') format('woff'),
    url('fonts/FuturaBT-ExtraBlack.ttf') format('truetype'),
    url('fonts/FuturaBT-ExtraBlack.svg#FuturaBT-ExtraBlack') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura-Bold.eot');
    src: url('fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Futura-Bold.woff2') format('woff2'),
    url('fonts/Futura-Bold.woff') format('woff'),
    url('fonts/Futura-Bold.ttf') format('truetype'),
    url('fonts/Futura-Bold.svg#Futura-Bold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body:before {content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(61, 7, 115, 0.80);}
.alert {padding-right: 20px;padding-left: 10px;}
.alert a {margin: 0 2px;}
.alert .close {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.alert i {position: relative;top: 1px;margin-right: 2px;}
.alert-primary{color:var(--ev-alert-primary-color); background-color:var(--ev-alert-primary-bg); border-color:var(--ev-alert-primary-border-color)}
.alert-primary .alert-link,.alert-primary a{color:var(--ev-alert-primary-color);}
.alert-secondary{color:var(--ev-alert-secondary-color); background-color:var(--ev-alert-secondary-bg); border-color:var(--ev-alert-secondary-border-color)}
.alert-secondary .alert-link,.alert-secondary a{color:var(--ev-alert-secondary-color)}
.alert-success{color:var(--ev-alert-success-color) !important; background-color:var(--ev-alert-success-bg) !important; border-color:var(--ev-alert-success-border-color) !important}
.alert-success .alert-link,.alert-success a{color:var(--ev-alert-success-color) !important}
.alert-info{color:var(--ev-alert-info-color); background-color:var(--ev-alert-info-bg); border-color:var(--ev-alert-info-border-color)}
.alert-info .alert-link,.alert-info a{color:var(--ev-alert-info-color)}
.alert-warning{color:var(--ev-alert-warning-color) !important; background-color:var(--ev-alert-warning-bg) !important; border-color:var(--ev-alert-warning-border-color) !important}
.alert-warning .alert-link,.alert-warning a{color:var(--ev-alert-warning-color) !important}
.alert-danger{color:var(--ev-alert-danger-color) !important; background-color:var(--ev-alert-danger-bg) !important; border-color:var(--ev-alert-danger-border-color) !important}
.alert-danger .alert-link,.alert-danger a{color:var(--ev-alert-danger-color) !important}
.alert-light{color:var(--ev-alert-light-color); background-color:var(--ev-alert-light-bg); border-color:var(--ev-alert-light-border-color)}
.alert-light .alert-link,.alert-light a{color:var(--ev-alert-light-color)}
.alert-dark{color:var(--ev-alert-dark-color); background-color:var(--ev-alert-dark-bg); border-color:var(--ev-alert-dark-border-color)}
.alert-dark .alert-link,.alert-dark a{color:var(--ev-alert-dark-color)}
.alert-white{color:var(--ev-alert-white-color); background-color:var(--ev-alert-white-bg); border-color:var(--ev-alert-white-border-color)}
.alert-white .alert-link, .alert-white a{color:var(--ev-alert-white-color)}
.alert-black{color:var(--ev-alert-black-color); background-color:var(--ev-alert-black-bg); border-color:var(--ev-alert-black-border-color)}
.alert-black .alert-link,.alert-black a{color:var(--ev-alert-black-color)}
.non-auth-branding-text-area {padding-right: 50px;max-width: 500px}
.branding-logo {max-width: 100%; width: 470px; position: relative; margin: 0 auto;text-align: center;}
.branding-logo img {max-width: 350px;}
.branding-logo:after {content: "";height: 1px;width: 100%;margin: 25px auto;background-color: #c1d90b;display: block;border-radius: 0;}
.branding-text {font-size: 22px;max-width: 400px;margin: auto;color: var(--ev-white)}
.auth-form-card {width: 100%; max-width: 500px;padding-left: 50px}
.auth-form-card .card {border-radius: .5rem;}
.auth-form-card .card-body {padding: 1.6rem 1.5rem;}
.card-title-text {font-size: 14px; font-weight: 700;color: var(--ev-primaryThree);}
#viewPassword,#viewConfirmPassword,.view-password {position: absolute;right: 10px;top: 12px;cursor: pointer}
#viewPassword,#viewConfirmPassword{top: 9px}
.forgot-password-link {margin: auto 0 auto auto;font-family: 'Futura Bk BT';font-size: 1rem;color: var(--ev-primaryThree);}
.forgot-password-link {margin-bottom: 0; line-height: 1;}
.alert-messages .close {display: none}
.fv-help-block[data-field="confirmPassword"][data-validator="notEmpty"]{display: none}
footer {background: var(--ev-primaryThree);position: fixed;bottom: 0;left: 0;right: 0;padding: 10px 0; height: 47px;color: var(--ev-white);font-family: 'Futura Lt BT';font-size: .8rem;}
footer .footer-ocr-logo {max-height: 25px;filter: brightness(50);}
footer .footer-gv-logo {max-width: 100px}
footer span {margin: auto 5px}
.non-auth-container {height: calc(100vh - 57px)}
.visitor-branding-logo{max-width: 150px}
.qr-layout .card {margin-bottom: 80px;box-shadow: none;}
table.table tr td, table.table tr th{font-size: 13px; padding: 5px}
table.table tr th {font-weight: bold}
.qr-layout table.table tr td,.qr-layout table.table tr th{word-break: break-all;}
.qr-layout table.table tr th{min-width: 110px;font-weight: 600;}
.qr-layout table.table {border: 1px solid #e0e0e0;}
b.hrline {text-transform: uppercase;border-top: 1px solid var(--ev-white)42;padding-top: 8px;margin-top: 10px;display: block;}
.add-new-visitor .fa-7x {font-size: 70px;color: var(--ev-primaryThree);}
.microlink-title {color: var(--ev-primaryThree);font-size: 16px;text-align: left;}
.current-visit .card-body {background: #fdfdfd;border-radius: 3px;border: 1px solid #f1f1f1}
.previous-visit .card-body {background: #fdfdfd;border-radius: 3px;border: 1px solid #f1f1f1}
a.card-link.btn.btn-primary i {position: relative;top: 2px;margin-right: 5px;}
.upload-profile-pic-block .col-12 {text-align: center;}
.upload-profile-pic-block .col-12 a {border: 1px solid #e0e0e0;padding: 5px 10px;display: flex;align-items: center;justify-content: center; margin: 10px auto 0;width: 100%;max-width: 190px;border-radius: 3px;}
/* Camera Library */
button.image-capture-button {background: #999;font-size: 0;height: 30px;width: 30px; border-radius: 50%; position: absolute; bottom: 15px; left: 50%; margin-left: -15px; cursor: pointer; border: 3px solid #dedede;}
button.image-retake-button { background: var(--ev-red); font-size: 0; height: 30px; width: 30px; border-radius: 50%; position: absolute; bottom: 15px; left: 20%; margin-left: -15px; cursor: pointer; border: 3px solid #dedede;}
button.image-ok-button { background: green; font-size: 0; height: 30px; width: 30px; border-radius: 50%; position: absolute; bottom: 15px; right: 20%;   margin-left: -15px;  cursor: pointer; border: 3px solid #dedede;}
.countdown-timer {  position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0;}
.countdown-timer .countdown-timer-number { height: 50px; width: 50px; display: inline-block; background-color: rgba(255,255,255,0.5); border-radius: 50%; font-size: 20px; line-height: 50px; text-align: center; color: #000; position: absolute; top: 50%; margin-top: -25px; right: 50%; margin-right: -25px;}
.camera-capture-container { display: inline-block; position: relative;}
.switch-camera-icon { position: absolute; width: 30px; right: 10px; top: 10px; background: #fff; padding: 5px; border-radius: 6px; cursor: pointer;}
.camera-select-dropdown { position: absolute; top: 45px; left: 10px;}
.camera-toggle-button-icon { position: absolute; top: 10px; left: 10px; background: #fff; padding: 5px; border-radius: 6px; height: 30px;  cursor: pointer;}
.face-capture-canvas { display: inline-block;}
.image-capture-wrapper {min-height: 100px; width: 100%; display: inline-block; position: relative}
/**
For handle browser autofill
 */
/*input:-webkit-autofill {
!** Much nicer *!
background-color: bisque;
}
@keyframes onAutoFillStart {  from {!**!}  to {!**!}}
@keyframes onAutoFillCancel {  from {!**!}  to {!**!}}
input:-webkit-autofill {
    !**
    Expose a hook for JavaScript when autofill is shown
    JavaScript can capture 'animationstart' events
     *!
    animation-name: onAutoFillStart;

    !** Make the background color become yellow really slowly *!
    transition: background-color 50000s ease-in-out 0s;
}
input:not(:-webkit-autofill) {
    !**
     Expose a hook for JS onAutoFillCancel
     JavaScript can capture 'animationstart' events
     *!
    animation-name: onAutoFillCancel;
}*/
.image-capture.camera-capture-container {width: 100%;}
.jconfirm-capture-camera-dialog.jconfirm .jconfirm-box{box-shadow: 0 0 30px rgba(0,0,0,0.15);}
.jconfirm-capture-camera-dialog.jconfirm .jconfirm-cell{vertical-align: top;}
.jconfirm-capture-camera-dialog.jconfirm .jconfirm-box .jconfirm-buttons{text-align: right;}
.jconfirm-capture-camera-dialog.jconfirm .jconfirm-box div.jconfirm-title-c{padding: 0 0 10px 0 !important;font-size: 15px !important;font-weight: 600;color: var(--ev-primaryThree);}
.login-title{font-size: 1.1rem;font-weight: 500;font-family: 'Futura';}
.register-title h3{font-size: 1.1rem;font-weight: 500;font-family: 'Futura';color: var(--ev-secondaryOne);margin-bottom: 5px;}
.register-title p{font-size: 1rem;font-weight: 400;margin-bottom: 0;color: var(--ev-primaryThree);font-family: 'Futura Bk BT';}
.auth-info h2 {font-size: 2.35rem;margin-bottom: 15px;margin-top: 20px;font-family: 'Futura';font-weight: 500;}
.auth-info p {font-size: 1rem;margin-bottom: 0;font-family: 'Futura Bk BT';font-weight: normal;line-height: 1.2;}
.password-hint p {font-size: .8rem;font-weight: 500;font-family: 'Futura Bk BT';line-height: 1.2;color: #a7b0c1;}
.form-group{font-family: 'Futura Bk BT';font-size: 1rem;}
.form-group .form-label,.form-group .form-control {font-family: 'Futura Bk BT';font-size: 0.95rem;}
form .btn {font-size: 1.05rem !important;font-family: 'Futura Bk BT';}
/**/
.registration-content-wrap{position: relative;z-index: 1;box-sizing: border-box;margin-top: 10px;display: block;}
.registration-info-wrap {background: #fff;position: relative;padding: 60px 0;}
.reginfo-title::after {content: '';position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);height: 2px;width: 100%;background: var(--ev-primaryTwo);max-width: 440px;}
.reginfo-title {text-align: center;font-family: 'Futura';color: var(--ev-primaryThree);position: relative;margin-bottom: 60px;display: flex;align-items: center;justify-content: center;font-size: 2.4rem;}
.reginfo-list {position: relative;}
.reginfo-list ul {display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;justify-content: center;}
.reginfo-list ul li {width: calc(100% / 3);padding-left: 15px;padding-right: 15px;margin-bottom: 20px;margin-top: 20px;text-align: center;}
.reginfo-list ul li h4 {font-size: 1.6rem;font-family: 'Futura';color: var(--ev-primaryOne);margin-bottom: 15px;}
.reginfo-list ul li p {color: var(--ev-primaryThree);font-size: 1rem;font-family: 'Futura Md BT';line-height: 1.4;padding: 0;}
.reginfo-btn-block {display: flex;align-items: center;justify-content: center;}
.reginfo-btn-block .btn {font-size: 1.1rem !important;font-family: 'Futura Bk BT';letter-spacing: 1px;}
.registration-pricing-wrap,.registration-callback-wrap {position: relative;background: #f7f7f7;padding: 60px 0;z-index: 1;}
.registration-callback-wrap {padding-top: 0;}
.reg-pricing-card {height: 100%;background: #fff;padding: 40px;border-radius: 16px;box-shadow: 0 0 2px rgb(0 0 0 / 20%);}
.reg-pricing-card h4,.reg-bottom-action a {font-weight: 700;font-size: 1.4rem;text-transform: uppercase;color: var(--ev-secondaryOne) !important;transition: 0.2s ease-in-out all;}
.reg-bottom-action a:hover{color: var(--ev-primaryThree) !important;}
.reg-price-block {display: flex;align-items: flex-end;margin: 15px 0 10px 0;}
.reg-price-block h3 {margin-bottom: 0;font-weight: 800;font-size: 3rem;line-height: 1;color: var(--ev-primaryThree);}
.reg-price-block span {font-size: .9rem;font-weight: 600;color: var(--ev-primaryThree);margin: 0 0 5px 10px;}
.reg-price-action {text-align: center;margin: 20px 0 10px 0;}
.reg-price-action .btn {width: 100%;transition: 0.3s ease-in-out;font-weight: 600;text-transform: uppercase !important;font-size: 1rem !important;}
.reg-price-action em {font-size: .7rem;margin-top: 5px;display: block;color: var(--ev-primaryThree);}
.reg-pricing-info-list ul li{transition: 0.2s ease-in-out all;position: relative;padding: 8px 0 7px 30px;border-bottom: 1px solid #ededed;font-size: 1rem;color: var(--ev-primaryThree);font-weight: 500;}
.brd-bottom-none{border-bottom: 0 !important;}
.reg-pricing-info-list ul li i {position: absolute;left: 0;top: 50%;font-size: 24px;color: var(--ev-primaryTwo);transform: translateY(-50%);transition: 0.2s ease-in-out all;}
.reg-pricing-info-list ul li:hover i{color: var(--ev-primaryOne);}
.reg-bottom-action {margin-top: 20px;}
.reg-callback-block{background: #fff;padding: 40px;border-radius: 16px;box-shadow: 0 0 2px rgb(0 0 0 / 20%);text-align: center;}
.reg-callback-block h4{font-weight: 700;font-size: 1.4rem;text-transform: uppercase;color: var(--ev-secondaryOne);margin-bottom: 30px;}
.reg-callback-block h3{font-weight: 700;font-size: 1.4rem;color: var(--ev-primaryThree);margin-bottom: 15px;}
.reg-callback-block p{font-weight: 400;font-size: 1rem;color: var(--ev-primaryThree);}
.reg-callback-block .btn{margin-top: 20px;width: 100%;font-size: 1rem !important;font-weight: 600;text-transform: uppercase !important;}
.registration-allfeatures-wrap{background: #fff; padding: 60px 0 100px 0;}
.regfeature-title {font-family: 'Futura';color: var(--ev-secondaryOne);font-size: 2rem;margin-bottom: 30px;}
.regfeature-card-list {display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
.regfeature-card-list .regfeature-card-item {width: calc(100% / 3);margin-bottom: 30px;padding-left: 15px;padding-right: 15px;margin-top: 15px;}
.feature-icon {background: var(--ev-primaryOne);width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;border-radius: 16px;font-size: 1.5rem;color: var(--ev-white);}
.feature-icon:hover{color: #818a91;}
.regfeature-card-item h4 {color: var(--ev-primaryThree);font-weight: 600;font-size: 1.6rem;margin-top: 25px;line-height: 1.4;}
.regfeature-card-item p {font-size: 1rem;font-weight: 500;color: var(--ev-primaryThree);}
.regallfeature-list-block {display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;margin-top: 20px;}
.regallfeature-list-item{padding-left: 15px;padding-right: 15px;width: calc(100% / 3);}
.regallfeature-list-item ul li{transition: 0.2s ease-in-out all;position: relative;padding: 10px 0 10px 30px;font-size: 1rem;color: var(--ev-primaryThree);font-weight: 500;}
.regallfeature-list-item ul li i {position: absolute;left: 0;top: 50%;font-size: 24px;color: var(--ev-primaryOne);transform: translateY(-50%);transition: 0.2s ease-in-out all;}
.regallfeature-list-item ul li:hover i{color: var(--ev-primaryTwo);}
.login-success-block {margin: 20px 0;}
.login-success-block .checkIcon {font-size: 80px;margin: 0 auto;display: block;text-align: center;color: var(--ev-primaryTwo);line-height: normal;}
.login-faild-block .checkIcon{color: var(--ev-secondaryOne);}
.login-success-block h5 {text-align: center;color: var(--ev-primaryThree);font-family: 'Futura';font-size: 1.4rem;}
.login-success-block h6 {text-align: center;font-weight: 600;color: var(--ev-primaryThree);font-family: 'Futura Lt BT';}
.login-success-block p {text-align:center;font-size: 1rem;padding: 0 20px;font-family: 'Futura Bk BT';color: var(--ev-primaryThree);margin-bottom: 0;}
.login-success-block p a {text-decoration: underline;}

@media screen and (max-width: 1199px){
    .branding-logo{width: 100%;}
    .auth-info h2{font-size: 1.6rem;}
    html, .body-background-image-corporate {height: auto;}
    .registration-content-wrap{margin-top: 50px}
    .registration-info-wrap{padding: 60px 0}
    .reginfo-title{font-size: 1.6rem;}
    .reginfo-title::after{max-width: 300px;bottom: -20px;}
    .reginfo-list ul li h4{font-size: 1.2rem;}
    .reginfo-list ul li p{font-size: .9rem;}
    .reginfo-list ul li{margin-bottom: 10px;margin-top: 10px;}
    .reg-pricing-card h4, .reg-bottom-action a,.regfeature-card-item h4{font-size: 1.1rem;}
    .reg-price-block{margin: 10px 0 10px 0;}
    .reg-price-block h3{font-size: 2rem;}
    .reg-price-block span{font-size: .75rem;}
    .reg-price-action .btn,.reg-pricing-info-list ul li,.reg-callback-block .btn,.regfeature-card-item p,.regallfeature-list-item ul li{font-size: .8rem !important;}
    .reg-pricing-info-list ul li{padding-left: 25px}
    .reg-pricing-info-list ul li i{font-size: 20px;}
    .reg-bottom-action {margin-top: 10px;}
    .reg-pricing-card h4, .reg-bottom-action a{font-size: 1rem;}
    .reg-callback-block h4{font-size: 1.2rem;margin-bottom: 20px;}
    .reg-callback-block h3{margin-bottom: 5px;}
    .reg-callback-block p{font-size: .9rem;}
    .reg-callback-block .btn{margin-top: 0;}
    .registration-allfeatures-wrap{padding: 40px 0 60px 0;}
    .regfeature-title{font-size: 1.4rem;margin-bottom: 20px;}
    .regallfeature-list-item ul li i{font-size: 20px;}
    .regallfeature-list-item ul li{padding-left: 25px;}
    .regfeature-card-list .regfeature-card-item{margin-bottom: 0}
    .feature-icon{width: 50px;height: 50px;font-size: 1.2rem;}
    .auth-form-card{max-width: 450px;}
}
@media screen and (max-width: 991px){
    .branding-logo {width: 100%;text-align: center;}
    .branding-logo img {max-width: 220px;margin: 0 auto;}
    .branding-logo:after {height: 1px;width: 100%;margin: 15px auto;}
    .branding-text{font-size: 16px;}
    .auth-info h2{font-size: 1.4rem;}
    footer{padding: 8px 0;height: auto;}
    footer span {font-size: 12px;}
    .non-auth-container {height: calc(100vh - 0px);}
    .card-title-text{font-size: 13px;}
    #loginForm .mt-3.form-group,#registerForm .mt-3.form-group {margin-top: .6rem !important;}
    .register-title h3{font-size: .9rem;}
    .register-title p{font-size: .8rem;}
    .fv-plugins-bootstrap .fv-help-block{line-height: 1;}
    .forgot-password-link{font-size: .9rem;}
    .non-auth-branding-text-area{padding-right: 10px;}
    .auth-form-card{padding-left: 10px;max-width: 420px;}
}
@media screen and (max-width: 767px){
    .vh-100 {height: auto !important;}
    .non-auth-branding-text-area {margin-top: 15px !important;margin-bottom: 15px !important;padding-right: 0;margin-left: auto;margin-right: auto;}
    footer .d-flex {flex-wrap: wrap;justify-content: center;align-items: center;text-align: center;}
    footer span {font-size: 11px;margin: 0 5px;}
    footer .footer-gv-logo {max-width: 75px;}
    footer .footer-ocr-logo {max-height: 15px;}
    .branding-logo img {max-width: 200px;margin: 0 auto;}
    .branding-text {font-size: 13px;margin-bottom: 20px;}
    .non-auth-container {height: auto;margin-bottom: 0;margin-top: 0;display: flex;align-items: inherit;justify-content: center;}
    .non-auth-container.mobileHostUiLayout{height: auto;display: block;margin: 0;}
    .registration-content-wrap {margin-top: 0;}
    .forgot-password-link{text-align: right;font-size: 12px;line-height: normal;padding-left: 10px;}
    .jconfirm-capture-camera-dialog.jconfirm .jconfirm-cell {vertical-align: top;height: 100vh;display: flex;align-items: center;
        justify-content: center;}
    .jconfirm-capture-camera-dialog.jconfirm .jconfirm-holder {padding: 0 !important;width: 100%;height: 100%;}
    .jconfirm-capture-camera-dialog.jconfirm.container, .jconfirm-capture-camera-dialog.jconfirm.container-sm{max-width: inherit;padding: 0;min-height: 100vh;}
    .jconfirm-capture-camera-dialog.jconfirm .jconfirm-box{min-height: 100vh; box-shadow: none;}
    .auth-info h2{font-size: 1.2rem;}
    .auth-info p{font-size: .9rem;}
    .auth-form-card{width: 100%;padding-left: 0;margin: 0 auto 50px;}
    .auth-form-card .form-group {font-size: .8rem;}
    form .btn{font-size: 1rem !important;}
    .fv-plugins-bootstrap .fv-help-block{font-size: 95%}
    .registration-info-wrap {padding: 30px 0;}
    .reginfo-title {font-size: 1.3rem;margin-bottom: 40px;}
    .reginfo-title::after {max-width: 200px;}
    .reginfo-list ul li{margin-bottom: 0;width: calc(100% / 1);}
    .reginfo-list ul li h4{margin-bottom: 5px;}
    .reginfo-btn-block .btn{font-size: 1rem !important;letter-spacing: 0;}
    .reg-pricing-card,.reg-callback-block{padding: 20px;}
    .registration-pricing-wrap .col-md-6:not(:last-child) {margin-bottom: 20px;}
    .registration-pricing-wrap {padding: 30px 0;}
    .reg-callback-block h3{font-size: 1rem;}
    .reg-callback-block h4 {font-size: 1.1rem;margin-bottom: 10px;}
    .reg-callback-block p {font-size: .8rem;}
    .regfeature-card-list .regfeature-card-item{width: calc(100% / 1);text-align: center;}
    .feature-icon{margin: 0 auto;}
    .reginfo-list ul li h4 {font-size: 1.1rem;}
    .regallfeature-list-item{width: calc(100% / 1);}
    .reginfo-list ul,.regfeature-card-list,.regallfeature-list-block{margin-left: -10px; margin-right: -10px}
}
@media screen and (max-width: 576px) {
    .jconfirm-capture-camera-dialog.jconfirm .container, .jconfirm-capture-camera-dialog.jconfirm .container-sm {max-width: inherit;padding: 0;min-height: 100vh;}
}
@media screen and (max-width: 340px) {
    footer .footer-ocr-logo {max-height: 10px;}
}