: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*/
}
body {height: 100vh; background-image: url("../images/login-bg.jpg"); background-repeat: no-repeat; background-size: cover; font-family: 'Montserrat', 'Lato', 'Open Sans', 'Helvetica Neue', Helvetica, Calibri, Arial, sans-serif; background-attachment: fixed; font-size: 13px;background-position: center center;}
.body-background-image-corporate{
    background-image: url("../images/login-bg.jpg");
}
.body-background-image-residential{
    background-image: url("../images/residential-bg.png");
}
* {margin: 0; padding: 0; outline: none}
img {max-width: 100%}
a, a:hover {text-decoration: none; color: var(--ev-primaryThree)}
ul, li {margin: 0; padding: 0; list-style: none}
.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)}
.btn-success.disabled, .btn-success:disabled,
.btn-warning.disabled, .btn-warning:disabled,
.btn-danger.disabled, .btn-danger:disabled,
.btn-default.disabled, .btn-default:disabled,
.btn-primary.disabled, .btn-primary:disabled {background-color: #9ba29e;color: #fff;cursor: not-allowed;}
.btn-primary {background-color: var(--ev-primaryThree);border-color: var(--ev-primaryThree);color: var(--ev-white);}
.btn-primary:hover {background-color: var(--ev-secondaryTwo);border-color: var(--ev-secondaryTwo);}
.btn-purple {background-color: var(--ev-primaryOne);border-color: var(--ev-primaryOne);color: var(--ev-white);}
.btn-purple:hover {background-color: var(--ev-primaryTwo);border-color: var(--ev-primaryTwo); color: var(--ev-white)}
.btn {text-transform: unset !important; font-size: unset !important; box-shadow: none!important;padding: 7px 15px}
.form-group .form-control {margin: 0}
.form-outline .form-control.is-valid~.form-notch .form-notch-leading, .form-outline .form-control.is-valid~.form-notch .form-notch-middle, .form-outline .form-control.is-valid~.form-notch .form-notch-trailing {border-color: #bdbdbd}
.form-outline .form-control.is-valid~.form-label {color: rgba(0,0,0,.6)}
.form-control {font-size: 13px; line-height: 25px}
.alert {padding: 10px}
.ml-auto {margin-left: auto}
.mr-auto {margin-right: auto}
.title-field{width: 100px; margin-right: 3px}
.select-input-wrapper {position: relative}
.required-label:after {content: "*"; color: var(--ev-red)}
.form-label.select-label {position: absolute;top: 0;left: 10px;pointer-events: none;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;color: rgba(0,0,0,.6);margin-bottom: 0;transform: translateY(-0.5rem) translateY(.1rem) scale(.8);background: #fff;line-height: 1;padding: 0 3px;}
.select-input-wrapper .select2-container{width: 100% !important;}
.dial-code-select {width: 70px; margin-right: 5px; float: left}
.phone-number-input {width: calc(100% - 75px); float: right}
.select2-container .select2-selection--single {height: 35px}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 35px}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 33px}
.select2-container .select2-selection--single{overflow: hidden}
.select2-container .select2-selection--single .select2-selection__rendered{white-space: initial; text-overflow: clip}
.form-check .form-check-input[type=radio] {margin: 0 5px 0 0;}
#signature-pad{border: 1px solid #e0e0e0;border-radius: 3px;}
.visitor-profile-pic {width: 100px;height: 100px;border-radius: 100%; margin: 30px auto 30px; border: 1px solid #f1f1f1;overflow: hidden;position: relative}
.card-img-top {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-size: cover;background-position: center;}
.signature-preview {border: 1px solid #dedede; padding: 5px}
.float-right {float: right !important;}
.pull-right {float: right !important;}
.visitorname-title {margin-bottom: 5px;color: var(--ev-primaryThree);font-size: 14px;}
.download-preview-content{width: 330px; height: 390px; padding:0 15px; margin: 0 auto;margin-top: -40px;}
.logo-qr-company-block {display: flex;align-items: center;justify-content: center;}
.logo-qr-company-block div {width: 50%;}
.logo-image-qr img.logo {width: 100%;max-width: 95px;}
.qr-code-image .qr-flow-logo {max-width: 80px;width: 100%;}
.qr-layout li.list-group-item {padding: .5rem 0;}
.form-outline .form-control:-webkit-autofill~.form-label{transform: translateY(-1rem) translateY(.1rem) scale(.8); -webkit-transform: translateY(-1rem) translateY(.1rem) scale(.8); z-index: 1}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input:-webkit-autofill { background-color: transparent !important; }
@media screen and (max-width: 767px){
    .download-preview-content{width: 100%; height: auto; padding: 0}
    .download-preview-content h4 {font-size: 15px;padding: 10px !important;}
    .download-preview-content h5,.download-preview-content p {font-size: 14px;}
}
.capture-camera-btn.image-capture-button {width: auto;height: auto;border-radius: 3px;border: 0;font-size: 0;margin-left: 0;transform: translateX(-50%);padding: 5px 15px;color: #fff;background: var(--ev-primaryThree);}
.capture-camera-btn.image-capture-button::after {content: 'Capture';font-size: 12px;}
.capture-ok-btn.image-ok-button{width: auto;height: auto;border-radius: 3px;border: 0;font-size: 0;margin-left: 0;transform: translateX(100%);padding: 5px 15px;color: #fff;background:var(--ev-primaryTwo) !important;}
.capture-ok-btn.image-ok-button::after{content: 'OK';font-size: 12px;}
.capture-cancel-btn.image-retake-button{width: auto;height: auto;border-radius: 3px;border: 0;font-size: 0;margin-left: 0;transform: translateX(-70%);padding: 5px 15px;color: #fff;background:var(--ev-secondaryOne) !important;}
.capture-cancel-btn.image-retake-button::after{content: 'Retake';font-size: 12px;}
.issue-title {font-size: 14px;font-weight: 600;margin-bottom: 15px;}
.additional-info-datetime input:focus {outline: none;box-shadow: none !important;}
.additional-info-datetime {height: 33px !important;}

.mobile-visitor-basic-info {border-bottom: 1px solid #dedede;padding-bottom: 10px;margin-bottom: 10px;}
.mobile-visitor-basic-info .view-visitor, .mobile-visitor-basic-info .view-visitor-div {display: flex;align-items: center;justify-content: flex-start;width: 100%;word-break: break-word;text-transform: capitalize;}
.mobile-visitor-basic-info .ico-user {min-width: 40px;width: 40px;height: 40px;vertical-align: middle;text-align: center;border-radius: 100%;border: 1px solid #e7e7e7;padding: 0;margin-right: 5px;line-height: 30px;overflow: hidden;display: flex; align-items: center;justify-content: center;}
.mobile-visitor-basic-info .ico-user img{width: 100%; height: 100%; object-fit: cover;}
.mobile-visitor-block {position: relative;}
.slidingdrawer-btn-block {position: absolute;right: 15px;top: 20px;float: right;}
/*sliding drawer css start*/
.drawer {display: none;}
.drawer__overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;z-index: 200;opacity: 0;transition: opacity 0.3s;will-change: opacity;background-color: #000;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.drawer__header {padding: 0;display: flex;justify-content: space-between;align-items: center;}
.drawer__close {margin: 0 0 0 1rem;padding: 0;border: none;background-color: transparent;cursor: pointer;height: 15px;flex-shrink: 0;}
.drawer__wrapper {position: fixed;top: 0;right: 0;bottom: 0;height: 100%;width: 100%;max-width: 300px;z-index: 9999;transition: transform 0.3s;will-change: transform;background-color: #fff;display: flex;flex-direction: column;-webkit-transform: translate3d(103%, 0, 0);transform: translate3d(103%, 0, 0);-webkit-overflow-scrolling: touch;box-shadow: 0 2px 6px #777;}
.drawer__content {position: relative;overflow-x: hidden;overflow-y: auto;height: 100%;flex-grow: 1;padding: 1rem;}
.drawer--left .drawer__wrapper {left: 0;right: auto;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.drawer.is-active {display: block;position: relative;z-index: 999999;}
.drawer.is-visible .drawer__wrapper {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.drawer.is-visible .drawer__overlay {opacity: 0.5;}
.drawer__header .drawer__close {margin: 0;position: absolute;left: -40px;color: var(--ev-primaryThree);background: #fff;z-index: 999;top: 15px;width: 40px;height: 40px;}
.host-sidebar-menu ul li {margin: 10px 0;border-bottom: 1px solid #e0e5f1;padding-bottom: 10px;}
.host-sidebar-menu ul li a {font-size: 14px;display: flex;align-items: center;}
.host-sidebar-menu ul li a i{margin-right: 5px}
/*sliding drawer css end*/
.current-visit {margin-top: 10px;}
.view-status {text-align: right;}
.create-form-block {margin-top: 15px;border-top: 1px solid #e1e1e1;padding-top: 15px;}
.create-form-block .form-label.select-label{left: 20px;}
.bio-row .white-space-nowrap {min-width: 110px;}
.bio-row p span:first-child {font-weight: 600;}
.bio-row p span.badge-box span {font-weight: 400;}
.ml-1 {margin-left: 0.25rem!important;}
.mobile-myprofile-details-info .bio-row p {margin-bottom: 5px;}
.changepassword-info .form-check{padding-left: 0 !important}
.badge.badge-primary {color: #5556fd;background-color: #d4d4ff;}
.badge.badge-secondary {color: var(--ev-primaryThree);background-color: #eaeef4;}
.badge.badge-danger {color: #f73164;background-color: #ffdae3;}
.badge.badge-warning {color: #f5b800;background-color: #fff3cf;}
.badge.badge-success {color: #22d273;background-color: #d7ffea;}

@media screen and (max-width:419px){
    .drawer__wrapper{max-width: 260px;}
    .visitorname-title{flex-wrap: wrap;}
    .visit-list-top-action-block {margin-top: 5px;}
    .mobile-visitor-block .btn {font-size: 12px !important;}
    .view-status {text-align: left;margin-top: 10px;}
    .mobile-myprofile-details-info .bio-row p {font-size: 11px;}
}
@media screen and (max-width:380px) {
    .mobile-visitor-action-block .btn {width: 100%;margin: 0 0 5px 0;}
}

.password-div input ~ i {position: absolute;top: 7px;right: 11px;font-size: 17px;color: gray;cursor: pointer;}
.hide {display: none !important;}
.has-float-label label, .has-float-label>span {position: absolute;cursor: text;font-size: 70%;opacity: 1;-webkit-transition: all .2s;transition: all .2s;top: -.5em;left: .75rem;z-index: 3;line-height: 1;padding: 0 1px;font-weight: 400;background: #fff;}
.form-check {margin-bottom: 0;min-height: auto;display: flex;}
.has-float-label .form-control:placeholder-shown:not(:focus) + * {opacity: .6;display: block;width: 100%;height: calc(2.25rem + 2px);padding: .375rem .75rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;top: 6.5px;font-size: 100%;font-weight: 400;}
.lable-align-block .form-label.select-label{left: 20px;}
.w-5{width: 5%}
.w-10{width: 10%}
.w-15{width: 15%}
.w-20{width: 20%}
.w-30{width: 30%}
.w-33{width: 33.33%}
.w-40{width: 40%}
.w-60{width: 60%}
.w-66{width: 66.67%}
.w-70{width: 70%}
.w-80{width: 80%}
.w-85{width: 85%}
.w-90{width: 90%}
.qrVisitorReg-firstNameInput .w-15 {min-width: 70px;}
footer{z-index: 999999;}
/*datepicker css*/
.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333;
    font-size: 13px;
    line-height: 20px
}

.datepicker td, .datepicker th {
    text-align: center;
    width: auto;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none
}

.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
    cursor: pointer
}

.datepicker.dropdown-menu th, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td {
    padding: 4px 5px
}

.datepicker table tr td.old, .datepicker table tr td.new {
    color: #999
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #999;
    cursor: default
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #04c
}

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #08c, #04c);
    background-image: -ms-linear-gradient(to bottom, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
    background-image: -o-linear-gradient(to bottom, #08c, #04c);
    background-image: linear-gradient(to bottom, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 #000
}

.meeting-fromTo-block .meeting-items-block {
    position: relative
}

.meeting-fromTo-block .meeting-items-block .meeting-list-block {
    width: 100%;
}

.meeting-fromTo-block .meeting-datetime-block .meeting-input {
    width: 100%;
}

.meeting-fromTo-block .meeting-datetime-block .meeting-input .clockpicker {
    padding-right: 3px;
    font-size: 12px;
}

.meeting-fromTo-block .meeting-datetime-block .meeting-input.meeting-date {
    width: 100%;
    max-width: inherit
}

.meeting-input.meeting-date input {
    font-size: 12px;
}

.visitor-type.visitor-type-select {
    width: 100%;
}

.ev-datepicker {
    position: relative;
}

.ev-datepicker i {
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
}

.date-picker-icon {
    position: relative;
    left: -20px;
    top: 5px;
    cursor: pointer;
}

.meeting-input.meeting-date .date-picker-icon {
    position: absolute;
    left: inherit;
    right: 8px;
}
.add-visitor-action {background: none;border: 0;position: relative;top: -2px;color: var(--ev-primaryTwo);}
button.add-visitor-action:disabled {color: #c7c7c7;}
.add-visitor-action i {font-size: 24px;}
.add-visitor-action:focus{outline: none}
.table thead th {
    font-weight: 400;
    color: var(--ev-white);
    background: var(--ev-primaryThree);
}

.table thead th,
.table thead th a {
    font-size: .98rem;
    color: var(--ev-white)
}
.table thead th {
    vertical-align: middle;
    border: 1px solid var(--ev-primaryThree);
}
.selected-visitors .tab-list .table td, .selected-visitors .tab-list .table th{min-width: inherit;font-size: 12px;}
.selected-visitors .tab-list .table th {font-size: 11px;border-bottom: 1px solid var(--ev-primaryThree);}
.visit-checkin-block a {font-weight: 600;border-bottom: 1px solid var(--ev-primaryThree);font-size: 13px;color: var(--ev-primaryThree);}
tr:nth-child(even) {
    background: #fafafa
}
.mini-loader {
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    border-top: 2px solid var(--ev-primaryThree);
    width: 30px !important;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto 0;
}
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: var(--ev-secondaryOne) !important;
}
select.is-invalid + span.select2-container {
    border: 1px solid var(--ev-secondaryOne) !important;
    border-radius: 3px;
}

.mobileHostUiLayout .card {padding: 0;margin: 30px auto 0;border-radius: 3px;}
.mobileHostUiLayout .card .card {margin: 0 auto;}
.mobileHostUiLayout .create-form-block.visitor-form .form-control {height: 31px;font-size: 12px;}
.mobileHostUiLayout .create-form-block.visitor-form .expiry_date .form-control.exp{height: auto; padding: 0 5px;}
.mobileHostUiLayout .create-form-block.visitor-form .mmyy-input-lable span{left: 10px;}
.mobileHostUiLayout .create-form-block.visitor-form .has-float-label .form-control:placeholder-shown:not(:focus) + * {width: calc(100% - 20px);height: auto;padding: 0;font-size: 12px;}
.mobileHostUiLayout .create-form-block.visitor-form .select2-container .select2-selection--single {height: 31px;}
.mobileHostUiLayout .create-form-block.visitor-form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 30px;}
.mobileHostUiLayout .create-form-block.visitor-form .select2-container--default .select2-selection--single .select2-selection__arrow {height: 30px;}
.mobileHostUiLayout .create-form-block.visitor-form .form-label.select-label {left: 10px;}
.mobileHostUiLayout .create-form-block.visitor-form .ev-input-group .ev-input label{width: 100%;}
.mobileHostUiLayout .create-form-block.visitor-form .ev-input-group .ev-input label.form-label {width: auto;}
.mobileHostUiLayout .create-form-block.visitor-form .add-visitor-profile-pic-block .image-uploader .upload-text{position: relative}
.btn-success.disabled, .btn-success:disabled, .btn-warning.disabled, .btn-warning:disabled, .btn-danger.disabled, .btn-danger:disabled, .btn-default.disabled, .btn-default:disabled, .btn-primary.disabled, .btn-primary:disabled {background-color: #bec3c0 !important;color: #fff;cursor: not-allowed;opacity: 1;border-color: #bec3c0 !important;}
.mobileSelectVisitorDropdown {width: calc(100% - 30px);}
.addVisitorMobile {width: 30px;text-align: right;position: relative;top: 4px;}
.mobileMyprofileDial .select2-container .select2-selection--single{height: 31px}
.mobileMyprofilePhone {width: calc(100% - 68px);}
.mobileHostUiLayout #replaceEmployeeDiv, .mobileHostUiLayout #replaceVisitorDiv, .mobileHostUiLayout #replaceVisitDiv{height: auto;}
#visitorVehicleDiv input {-webkit-appearance: none;border: 1px solid #e9e9e9;border-radius: 3px;padding: 5px 10px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.visitcheckinout {display: flex;align-items: center;}
.visitcheckinout .td-checkinout.checkinout-line{border-top: 0;margin: 0 5px;}
.pac-container{z-index: 999999;}

@media screen and (max-width:1199px) {
    .mobileHostUiLayout .auth-form-card{width: 100%; max-width: 1024px;}
    .hostCardListView {display: flex;margin-left: -5px;margin-right: -5px;flex-wrap: wrap;}
    .hostCardListView .current-visit {width: calc(100% / 2);padding: 0 5px;}
    .mobile-visitor-info-list .add-visitor-profile-pic-block .uploaded-image{height: auto}
    .mobileAssignedVisitorBlock .assigned-visitor-table {max-height: inherit;}
    .changepassword-info {margin-bottom: 10px;}
    .rescheduleVisitForm .form-label {top: 2px !important;font-size: 13px;}
    .rescheduleVisitForm {padding: 0 5px;}
    .form-group.reasonforreschedulefield {position: relative;margin-top: 15px;}
    .form-group.reasonforreschedulefield label.has-float-label {width: 100%;margin: 0;}
    .form-group.reasonforreschedulefield span.form-label.required-label {top: -4px !important;font-size: 11px !important;}
    .form-group.reasonforreschedulefield label.has-float-label .form-control {margin: 0 !important;}
    div.jconfirm .jconfirm-box div.jconfirm-closeIcon {top: 20px;}
    .mobileAssignedVisitorBlock .assigned-visitor-table, .mobileAssignedVisitorBlock .assigned-visitor-table .table tbody tr{position: relative;}
    .pac-container{z-index: 999999;}
    .ev-input .select2.select2-container {width: 100% !important;}
    .mobileHostUiLayout .create-form-block.visitor-form .expiry_date .form-control.exp{height: 18px;}
    .mobileHostUiLayout .create-form-block.visitor-form .expiry_date.exp-wrapper:after{top: 2px;}
    .editProfilePictureBlock {text-align: left;}
    .editProfilePictureBlock label {margin-bottom: 5px;}
    .mobile-visitor-basic-info .view-status p {display: flex;align-items: center;}
    .mobile-visitor-basic-info .view-status p span {margin-right: 8px;}
    .mobile-visitor-basic-info .view-status p i{margin-right: 5px;}
}
.mobileHostUiLayout .ev-input-group {margin-bottom: 0;}
.mobileHostUiLayout .idProofDynamicField .ev-input-group {margin-bottom: 10px;}

@media screen and (max-width:991px) {
    .mobile-visitor-basic-info .col-md-6 {width: 100%;}
    .view-status {text-align: left;}
}

@media screen and (max-width:767px) {
    .mobile-visitor-basic-info .view-status{text-align: left;}
    .mobile-visitor-basic-info .view-visitor-div {margin-bottom: 5px;}
    .mobile-visitor-basic-info .view-status p {display: flex;align-items: center;}
    .mobile-visitor-basic-info .view-status p span {margin-right: 8px;}
    .mobile-visitor-basic-info .view-status p i{margin-right: 5px;}
    .mobileAssignedVisitorBlock .assigned-visitor-table .table thead {display: none;}
    .mobileAssignedVisitorBlock .assigned-visitor-table .table tbody tr td {display: flex;width: 100%;position: relative;align-items: center;border: 0;flex-wrap: wrap;}
    .mobileAssignedVisitorBlock .assigned-visitor-table .table tbody tr td:before{content: attr(data-th) ":"; display: inline-block;font-weight: 600;line-height: normal; width: auto;margin-bottom: 3px;margin-left: 2px;margin-right: 5px;}
    .mobileAssignedVisitorBlock .assigned-visitor-table .table tbody tr td:last-child:before {display: none;}
    .mobileAssignedVisitorBlock .assigned-visitor-table .table tbody tr td:first-child {display: none;}
    .mobileAssignedVisitorBlock .assigned-visitor-table, .mobileAssignedVisitorBlock .assigned-visitor-table .table tbody tr{position: relative;}
    .mobileAssignedVisitorBlock .assigned-visitor-table .table tbody tr:nth-child(odd){background: #f4f4f4;}
    .mobileAssignedVisitorBlock .assigned-visitor-table .table tbody tr td.visitVisitorAction {position: relative;top: -3px;}
    .mobileAssignedVisitorBlock .assigned-visitor-table .table tbody tr td.visitVisitorAction .delete-visit-visitor .la-trash-alt:before{content: "Delete";font-family: 'Montserrat';font-weight: 400;font-size: 11px;color: #fff;background: var(--ev-secondaryOne);padding: 4px 10px;border-radius: 3px;}
    .mobileAssignedVisitorBlock .assigned-visitor-table .table tbody tr td.visitVisitorScreening:before {width: auto;margin-right: 5px;}
    .hostCardListView .current-visit {width: calc(100% / 1);padding: 0 5px;}
}

@media screen and (max-width:519px){
    .w-33,.w-50{width: 100% !important;}
    .meeting-fromTo-block .w-25{width: 50% !important;}
    .input-title {font-size: 12px;}
    .visit-purpose-dropdown {margin-bottom: 10px;}
    .assigned-visitor-table {overflow-x: auto;}
    .assigned-visitor-table .table-responsive{width: 100%;}
    #visitorVehicleDiv {padding: 0 1px;}
    .mobileHostUiLayout .visitor-form .has-float-label{width: 100%;}
    .mobileHostUiLayout .create-form-block.visitor-form .expiry_date{justify-content: flex-start;}
    .mobileHostUiLayout .create-form-block.visitor-form .expiry_date .form-control.exp{max-width: 40px; padding: 0}
    .mobileHostUiLayout .create-form-block.visitor-form .expiry_date.exp-wrapper:after{left: 44px;}
}

@media screen and (max-width:385px){
    .mobileAssignedVisitorBlock .assigned-visitor-table .table tbody tr td:before{width: 100%;}
}

.mobile-title{
    font-size: 12px;
}
.pl-0{padding-left: 0 !important}
.cmr-5{margin-right: 5px !important}
.ml-0{margin-left: 0 !important}
.mt-0{margin-top: 0 !important}
.qr-selfregistration-id-proof-expiry .ev-input-label {left: 8px;}
.form-lable-bg{background: #fff; z-index: 9;top: 1px !important;}
.jconfirm .jconfirm-box.loading:after {border-bottom-color: var(--ev-primaryThree);}