body {
    font-family: Lato, Helvetica, sans-serif !important;
}

.display-none {
    display: none !important;
}

.display-block {
    display: block !important;
}

h1, h2, h3 {
    color: #191919;
    margin: 0;
    padding: 0;
    letter-spacing: normal;
}

h1 {
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
}

h2 {
    font-weight: bold;
    font-size: 16px;
    line-height: 17px;
}

h3 {
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
}

h1.info_consent {
    font-size: 24px;
    font-weight: bold;
}

#content {
    padding: 0px;
}

.public_visitor, .public_employee {
    max-width: 400px;
    margin: 0 auto;
}

.public-container {
    padding: 10vh 3vh 5vh;
}

.public-container.list_sections {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 15vh);
    text-align: center;
}

.public-container.list_sections .content {
    flex: 1;
    font-size: 14px;
    line-height: 20px;
    color: #191919;
}

.public-container.list_sections .content p {
    padding: 10px 0 9px 0;
    margin: 0px;
    text-align: justify;
    font-size: 15px;
}

.public-container.list_sections footer {
    align-self: normal;
}

.visit-top-section img.visit-question {
    max-width: 100%;
    margin-top: 10vh;
    margin-bottom: 10vh;
}

.text-align-center {
    text-align: center;
}

.text-align-left {
    text-align: left;
}

.padding-top5 {
    padding-top: 5px !important;
}

.padding-top-17 {
    padding-top: 17px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-37 {
    padding-top: 37px !important;
}

.padding-top-47 {
    padding-top: 47px !important;
}

.padding-top-60 {
    padding-top: 60px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-top-13vh {
    padding-top: 13vh !important;
}

.padding-bottom-13 {
    padding-bottom: 13px !important;
}

.option-with-image {
    display: flex;
    align-items: center;
}

.option-with-image img {
    margin-right: 10px;
}

.selection-control {
    padding-top: 24px;
}

.selection-control label.label {
    display: block;
    font-size: 13px;
    line-height: 16px;
    color: #000;
    margin-top: 19px;
    margin-bottom: 7px;
}

.selection-control .select2-container .select2-choice {
    height: 36px;
    padding: 11px 0 3px 41px;
    line-height: 30px;
    border: 1px solid #C9C9C9;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #000;
    font-size: 15px;
}

.selection-control .language .select2-container .select2-choice {
    padding-left: 10px;
}

/*for language control*/
.selection-control .floor .select2-container .select2-choice,
.selection-control .suite .select2-container .select2-choice {
    padding: 11px 0 3px 44px;
}

.selection-control .guest .select2-container .select2-choice {
    padding: 11px 0 3px 40px;
}

.selection-control .select2-container .select2-choice .select2-arrow {
    border: 0px;
    background: none;
    line-height: 55px;
    width: 35px;
    display: none;
}

.selection-control .select2-container .select2-choice .select2-arrow b {
    font-size: 28px;
}

.selection-control .select2-container .select2-choice .select2-arrow b:before {
    color: #666666;
}

.selection-control label.has-icon {
    position: relative;
}

.selection-control label.has-icon a:after,
.selection-control label.has-icon a:before {
    content: " ";
    text-align: center;
    display: block;
    font-family: "fontello";
    position: absolute;
    left: 15px;
    top: 10px;
    font-size: 18px;
    z-index: 99;
    color: #666;
}

.selection-control label.has-icon a:before {
    content: "\EE84";
}

.selection-control label.has-icon a:after {
    content: "\e944";
    right: 13px;
    left: inherit;
}

.selection-control label.has-icon.language a:before {
    content: " ";
}

.selection-control label.has-icon.stay-duration a:before {
    content: "\E925";
}

.selection-control label.has-icon.stay-duration a:after {
    content: " ";
}

.selection-control label.has-icon.guest-type a:before {
    content: "\EB3C";
}

.selection-control label.has-icon.block a:before {
    content: "\E91C";
}

.selection-control label.has-icon.floor a:before {
    content: "\E914";
}

.selection-control label.has-icon.unit a:before {
    content: "\EAF3";
}

div.has-icon label.input:before,
div.has-icon label.input:after {
    content: " ";
    text-align: center;
    display: block;
    font-family: "fontello";
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 18px;
}

div.has-icon.group .has-feedback label.input:before {
    content: "\E901";
}

div.has-icon.date .has-feedback label.input:before {
    content: "\EBB5";
}

div.has-icon.date .has-feedback label.input:after {
    content: "\E923";
    right: 11px;
    left: inherit;
}

div.has-icon.name label.input:before {
    content: "\EB3E";
}

div.has-icon.company label.input:before {
    content: "\EB3D";
}

div.has-icon.email label.input:before {
    content: "\EEED";
}

div.has-icon.cell label.input:before {
    content: " ";
}

div.has-icon.email .has-feedback input {
    text-transform: lowercase;
}

div.has-icon.cell .has-feedback {
    overflow: visible;
    height: 50px;
    padding-top: 0px;
}

div.has-icon.cell .has-feedback input.form-control {
    padding-top: 6px;
    padding-left: 53px;
    line-height: 20px;
}

div.has-icon.cell .has-feedback label#phone-error {
    color: #f00;
    padding-top: 13px;
    display: block;
    text-transform: capitalize;
}

.date_control .has-feedback,
div.has-icon .has-feedback {
    border: 1px solid #C9C9C9;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #666;
    overflow: hidden;
    position: relative;
    padding-right: 15px;
}

.date_control .has-feedback input {
    padding: 6px 0 4px 43px;
}

.date_control .has-feedback input,
div.has-icon .has-feedback input {
    height: 40px;
    padding: 4px 0 6px 43px;
    line-height: 43px;
    display: block;
    border: 0px;
    font-size: 15px;
    color: #000;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 89%;
}

.qr-section {
    text-align: center;
    padding-top: 18px;
}

.qr-section img {
    border: 1px solid #C9C9C9;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    width: 100%;
}

.section_success_1 .smart-form {
    padding-top: 10px;
    margin-left: 3px;
}

.section_success_1 .smart-form label.checkbox {
    text-align: left;
    padding-left: 31px;
    line-height: 15px;
    font-size: 12px;
    color: #000;
}

.visitor-success {
    text-align: center;
}

.visitor-success h1 {
    padding-top: 15px;
}

.visitor-success img {
    margin-top: 56px;
    margin-bottom: 65px;
}

.visitor-success#section_8 img {
    width: 175px;
}

.survey-header {
    background: #1492DF;
    padding: 24px 40px 22px 20px;
    color: #FFFFFF;
    margin-bottom: 41px;
}

.survey-header .logo img {
    height: 30px;
}

.survey-header .heading {
    font-weight: normal;
    font-size: 19px;
    line-height: 23px;
    margin-top: 7px;
}

.survey-header p {
    font-size: 12px;
    line-height: 15px;
    margin-top: 8px;
}

.survey-content p,
.survey-content label {
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    margin-top: 19px;
    margin-bottom: 25px;
}

.survey-content {
    padding: 0 18px;
}

.survey-content label {
    margin: 0 0 0 6px;
    padding: 0;
    display: block;
    position: relative;
}

.survey-content label:before {
    content: "*";
    position: absolute;
    font-family: Arial;
    font-size: 20px;
    color: #da5050;
    top: 0;
    left: -8px;
}

.padding-top-0 {
    padding-top: 0px !important;
}

.miniPic {
    bottom: 4px;
}

.select2-hidden-accessible {
    display: none;
}

#divSmallBoxes .SmallBox.success-box {
    min-height: 60px;
    background: #fff !important;
    border-radius: 3px;
    color: #000;
}

#divSmallBoxes .SmallBox.success-box {
    border: 1px solid #8fb021;
}

#divSmallBoxes .SmallBox.success-box .foto {
    background: #8fb021 !important;
}

#divSmallBoxes .SmallBox.success-box .foto {
    background: #8fb021 !important;
}

#divSmallBoxes .SmallBox.success-box .foto {
    height: 100%;
    width: 50px;
    left: 0;
    text-align: center;
    font-size: 15px;
    color: #fff;
    top: 0;
    line-height: 60px;
}

#divSmallBoxes .SmallBox.success-box .textoFoto {
    width: 100%;
    margin: 0;
    padding: 20px 40px 20px 60px;
}

#divSmallBoxes .SmallBox.success-box .textoFoto > span {
    display: none;
}

#divSmallBoxes .miniIcono {
    font-size: 20px;
    position: absolute;
    right: 5px;
    top: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    box-shadow: 0 0 0 transparent;
    border-radius: 100%;
}

#divSmallBoxes .SmallBox.error-box .miniPic {
    bottom: 11px;
}

#divSmallBoxes .SmallBox.error-box {
    border: 1px solid #fe0000;
    background-color: rgb(255, 0, 0);
    color: #333;
}

#divSmallBoxes .SmallBox .foto {
    height: 100%;
    width: 50px;
    left: 0;
    text-align: center;
    font-size: 15px;
    color: #fff;
}

#divSmallBoxes .SmallBox.error-box .foto {
    background: #fe0000 !important;
    top: 0;
    line-height: 50px;
}

#divSmallBoxes .SmallBox {
    min-height: 60px;
    background: #fff !important;
    border-radius: 3px;
    color: #000;
}

#divSmallBoxes .SmallBox .textoFoto {
    margin: 8px 20px 3px 60px;
}

#section_9.visitor-success p {
    font-size: 18px;
    line-height: 24px;
    color: #000;
}

#section_9a.visitor-success p {
    font-size: 18px;
    line-height: 24px;
    color: #000;
}

#section_10.visitor-success h3 {
    padding-bottom: 41px;
}

div#section_5 {
    padding: 43px 1px 40px;
}

.flatpickr-calendar {
    width: 337px;
}

.flatpickr-rContainer {
    padding: 0 0 0 10px;
}

li.select2-result.select2-result-selectable.select2-highlighted .select2-result-label {
    color: #fff;
}

.select2-results .select2-result-label {
    font-size: 15px;
    color: #000;
}

.sv-root-modern .sv-btn,
.sv-root-modern .sv-radio__svg {
    display: none;
}

.smart-form .checkbox {
    padding-left: 28px;
    visibility: visible !important;
}

.select2-drop {
    margin-top: -7px;
}

#main {
    margin-left: 0px;
    padding-bottom: 0px;
    height: auto;
    min-height: auto !important;
}

.sv-root-modern .sv-footer__complete-btn {
    display: none;
}

.sv_qstn .sv-q-col-1,
.sv-question .sv-q-col-1 {
    width: auto !important;
    position: relative;
    /*top: -10px;*/
    padding-top: 5px;
}

html,
body {
    background: none;
}

ul.block_ul label,
ul.floor_ul label {
    position: relative;
    margin: 0px 0 0;
    padding: 4px 10px;
    list-style: none;
    text-align: left;
    color: #da5050;
    font-size: 0.92857rem;
    line-height: 1em;
    font-weight: normal !important;
    text-transform: capitalize !important;
}

ul.block_ul,
ul.floor_ul {
    position: relative;
    margin: 0px 0 0;
    padding: 4px 10px;
    list-style: none;
    text-align: left;
    color: #da5050;
    font-size: 0.92857rem;
    line-height: 1em;
    background-color: rgba(218, 80, 80, 0.15);
    border-radius: 0 0 3px 3px;
    font-weight: 100;
    text-transform: inherit;
}

.no-pointer {
    pointer-events: none
}

.select2-chosen > .option-with-image {
    margin-top: 1px;
}

section#recurrence_wrapper {
    background: #FBFBFB;
    padding-top: 18px !important;
}

ul.days_selection {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: block;
    margin-left: 0;
    margin-bottom: 7px;
}

ul.days_selection li {
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    line-height: 30px;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
    color: #333333;
}

ul.days_selection li.selected {
    background: #A7D9EA;
    border-color: #A7D9EA;
}

ul.days_selection li:hover {
    background: #A7D9EA;
}

.container--body .form-group.no_label {
    margin-bottom: 10px;
}

.container--body .form-group.no_label .combined.fl_wrap {
    height: 42px;
    margin: 0 auto;
}

ul.unit_ul label {
    position: relative;
    margin: 0px 0 0;
    padding: 4px 10px;
    list-style: none;
    text-align: left;
    color: #da5050;
    font-size: 0.92857rem;
    line-height: 1em;
    font-weight: normal !important;
    text-transform: capitalize !important;
}

ul.unit_ul {
    position: relative;
    margin: 0px 0 0;
    padding: 4px 10px;
    list-style: none;
    text-align: left;
    color: #da5050;
    font-size: 0.92857rem;
    line-height: 1em;
    background-color: rgba(218, 80, 80, 0.15);
    border-radius: 0 0 3px 3px;
    font-weight: 100;
    text-transform: inherit;
}

.m-attachment--avatar .image-cropper-wrapper.square .upload-wrapper > img#placeholder {
    border-radius: 0 !important;
}

.public-container#section_6 i.si-allocated_success, .public-container#section_9 i.si-allocated_success, .public-container#section_9a i.si-allocated_success {
    color: #74BD51;
    position: relative;
    font-size: 30px;
    top: 2px;
}

.public-containe .ff_fileupload_wrap p, .public-container .ff_fileupload_wrap p.upload-text, .public-container .ff_fileupload_wrap p.upload-text-link{
    text-align: center !important;
    margin: 24px 0 0 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    position: absolute;
    top: 102px;
    width: 100%;
    text-decoration: underline 2px #3b82f6;
    color: #3b82f6;
}

.public-container .ff_fileupload_wrap p.upload-text{
    top: 75px;
    text-decoration: none;
}

div.has-icon.cell .iti {
    height: 45px;
    padding-top: 5px;
}
.iti.iti--allow-dropdown.iti--show-flags > div, .iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown > div{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right: auto;
}
.iti__selected-flag{padding-left: 15px;}

.smart-form .checkbox input + i:after {
    top: 0;
}

.smart-form .checkbox input:checked:hover + i:after {
    content: '\f00c';
}

h3#last_qr_heading {
    line-height: 24px;
}

.qr_success_section .message {
    border: 1px solid #74BD51;
    background: #F7FFF3;
    border-radius: 8px;
    padding: 14px 5px 14px 9px;
    font-size: 15px;
    margin-top: 37px;
    margin-bottom: 11px;
    display: table;
    width: 95%;
}

.qr_success_section .message i.si-allocated_success {
    font-size: 20px !important;
    display: table-cell;
    padding-right: 3px;
}

.qr_success_section .qr-bottom-message {
    font-size: 14px;
    line-height: 17px;
}

.qr_success_section .qr-bottom-message span {
    color: #666666;
}

.qr_success_section .qr-bottom-message label {
    color: #1492DF;
    float: right;
    display: inline-block;
    cursor: pointer;
}

.qr_success_section .qr-bottom-message label i {
    font-size: 21px;
    float: left;
    margin-top: -2px;
}

.qr_success_section .qr-bottom-message label#resend_email_text {
    color: #ccc;
    cursor: inherit;
}

.sv-root-modern .sv-question__title--answer, .sv-root-modern .sv-question__title--error {
    background-color: transparent;
}

.group-listed-users ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.group-listed-users ul li {
    width: 48%;
    border: 1px solid #c9c9c9;
    border-radius: 10px;
    margin-bottom: 3%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.group-listed-users ul li.error {
    border-color: #cf0505;
}

.group-listed-users--detail {
    padding: 10px;
}

.group-listed-users--detail div {
    margin: 5px 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

.group-listed-users--detail div:first-child {
    margin: 0;
}

.group-listed-users--buttons {
    display: flex;
    border-top: 1px solid #c9c9c9;
}

.group-listed-users--buttons button {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    top: 0;
    left: 0;
    cursor: pointer;
    display: block;
    flex: 1;
    padding: 5px;
    min-height: 40px;
}

.group-listed-users--buttons button:nth-child(2) {
    border-left: 1px solid #c9c9c9;
}

.group-listed-users--buttons button.btn-primary {
    color: #1492df;
}

.group-listed-users--buttons button.me-cancel {
    color: #cf0505;
}

.info-box.info-primary {
    padding: 10px 20px;
    background: #1492df;
    border-radius: 8px;
}

.info-box.info-primary p {
    padding: 0;
    color: #fff;
    font-size: 13px;
}

@media screen and (max-width: 400px) {
    .visitor-success h2 {
        padding-top: 25px;
    }

    .date_control.date .has-feedback input {
        min-width: 270px;
        text-align: left;
    }
}

.visit-btn {
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
    display: block;
    width: 100%;
    padding: 14px;
    border-radius: 50px;
    background-color: #1492df;
    border: 1px solid #1492df;
    color: #fff;
    font-size: 15px;
    line-height: 12px;
    text-align: center;
    text-transform: capitalize;
    cursor: pointer;
    height: 42px;
}
.visit-btn.disabled{
    background-color: #f5f5f5;
    border: 1px solid #d5d5d5;
    color: #151515;
    cursor: not-allowed;
}

.visit-btn:focus-visible {
    outline: none;
}

.visit-btn-cancel {
    background-color: #F8FAFC !important;
    border: 1px solid #D5D3D1 !important;;
    color: #151515 !important;;
    height: 42px;
    margin-top: 20px;
    font-size:16px;
}

.visit-btn-back {
    background-color: #F8FAFC !important;
    border: 1px solid #D5D3D1 !important;;
    color: #151515 !important;;
    height: 42px;
    margin-top: 20px;
    font-size:16px;
}

.disabled_pointer {
    pointer-events: none;
}

.uppercaseCls input {
    text-transform: uppercase !important;
}

.capitalizeCls input {
    text-transform: capitalize !important;
}

.noChangeCls input {
    text-transform: inherit !important;
}

.multiselect-spinner {
    position: absolute;
    top: 11px;
    right: 6px;
}

.public-container#section_12 i.si-allocated_success {
    color: #74BD51;
    position: relative;
    font-size: 30px;
    top: 2px;
}

div.has-icon.name.cell .has-feedback label#phone-error {
    text-transform: inherit;
}

.flatpickr-calendar.flatpickr-monthSelect-theme-light {
    width: 300px;
}

.flatpickr-monthSelect-months {
    margin: 10px 1px 3px 1px;
    flex-wrap: wrap
}

.flatpickr-monthSelect-month {
    background: 0 0;
    border: 0;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin: .5px;
    justify-content: center;
    padding: 10px;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    text-align: center;
    width: 33%
}

.flatpickr-monthSelect-month.disabled {
    color: #eee
}

.flatpickr-monthSelect-month.disabled:focus, .flatpickr-monthSelect-month.disabled:hover {
    cursor: not-allowed;
    background: 0 0 !important
}

.flatpickr-monthSelect-theme-dark {
    background: #3f4458
}

.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {
    color: #fff
}

.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month, .flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month {
    color: #fff;
    fill: #fff
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {
    color: rgba(255, 255, 255, .95)
}

.flatpickr-monthSelect-month:focus, .flatpickr-monthSelect-month:hover {
    background: #e6e6e6;
    cursor: pointer;
    outline: 0
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus, .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover {
    background: #646c8c;
    border-color: #646c8c
}

.flatpickr-monthSelect-month.selected {
    background-color: #0092c2;
    color: #fff
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected {
    background: #80cbc4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #80cbc4
}

legend {
    margin: 0px;
    padding: 0px;
}

.margin-top20 {
    margin-top: 20px !important;
}

.margin-bottom20 {
    margin-bottom: 20px !important;
}

.qr-section-group > ul > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    border-bottom: 1px solid #c2c2c2;
    padding: 20px 0;
}

.qr-section-group > ul > li:last-child {
    border-bottom: 0;
}

.qr-section-group > ul > li .small {
    font-size: 13px;
    color: #727272;
}

.qr-section-group > ul > li img {
    display: block;
    max-width: 70px;
}

p#failed-error-message{
    line-height:25px;
}

i.si-icon.si-allocated_success{
    color: #74bd51;
}
.custom-select{
    position: relative;
}

#language-popup-trigger{
    color: #333;
    font-size: 15px;
    padding: 4px 10px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #cccc;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#language-popup-modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    width: 400px;
    margin: 0 auto;
    display: none;
}
#modal-content {
    margin: 4%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 5px;
    padding: 25px 25px 25px 35px;
}
#modal-content ul{
    margin: 30px 0 0 0;
    padding: 0 20px 0 0;
    height: calc(100vh - 17vh);
    overflow-y: auto;
}
.self-registration-popup * ::-webkit-scrollbar{width: 0.5em;border-radius:5px;}
.self-registration-popup * ::-webkit-scrollbar-track{background:#dfdfdf;border-radius:5px;}
.self-registration-popup * ::-webkit-scrollbar-thumb{
    background-color: #bebebe;
    border-radius:5px;
}
#modal-content ul li{
    list-style: none;
    border: 1px solid #ccc;
    text-align: left;
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 9px 15px 37px 15px;
    clear: both;
    font-size: 16px;
    cursor: pointer;
}
#modal-content ul li span.language_translation{
    float: left;
    padding-top: 5px;
    padding-left: 7px;
}
#modal-content ul li img{
    width:30px;
}

.smart-form.self_language{
    margin-top:3px;
}

.smart-form.self_language .radio input:checked + i{
    border-radius: 12px;
}

.smart-form.self_language .radio input:checked + i:after {
    content: '\ebdf';
    font-family: 'fontello';
    background: transparent;
    top: -2px;
    color: #fff;
    left: 2px;
}

#modal-content ul li.search-language{
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}
#modal-content ul li.search-language input.form-control{
    border: 0px;
    height: 40px;
    width: 100%;
    position: relative;
}
#modal-content ul li.search-language input.form-control::placeholder{
    color: #333;
    font-size: 16px;
}
#modal-content ul li.search-language i.si-search{
    position: absolute;
    top: 8px;
    right: 13px;
    font-size: 24px;
    color: #c7c7c7;
}
.close {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #454534;
    font-size: 25px;
    font-weight: 600;
    cursor: pointer;
    background-color: transparent;
    border: none;
}
.slidedown{
    position:relative;
    animation:slidedown 0.5s
}
@keyframes slidedown{
    from{top:-300px;opacity:0}
    to{top:0;opacity:1}
}

.invalid-help-block {
    color: #f00;
    position: relative;
    top: 5px;
}

#survey-fail-error_custom,
#group_attendees-error_custom,
#general-error_custom {
    color: #f00;
    padding: 0 0 15px;
    display: block;
}
#general-error_custom { padding: 15px 0 15px; }
a.next_step_button,
a.next_step_button span,
a.next_step_button i{
    color: #0092C2 !important;
    text-decoration: none;
}

.public-container.list_sections .content.consent_content {
    margin-top: 30px;
    line-height: 25px;
}

#field_wrapper_group-invite-wrapper .sv_main.sv_default_css .sv_p_root > .sv_row:nth-child(2n),
.section_visitor_survey .sv_main.sv_default_css .sv_p_root > .sv_row:nth-child(2n) {
    background-color: transparent;
}
#field_wrapper_group-invite-wrapper .sv_main.sv_default_css .sv_p_root > .sv_row,
.section_visitor_survey .sv_main.sv_default_css .sv_p_root > .sv_row {
    border-color: transparent;
}

#field_wrapper_group-invite-wrapper .sv_main.sv_default_css .sv_q_erbox,
.section_visitor_survey .sv_main.sv_default_css .sv_q_erbox{
    color: rgb(213, 41, 1);
}

.sv_main.sv_default_css #sv-nav-complete{
    display: none !important;
}

.sv_main.sv_default_css h5 {
    font-size: 14px;
    color: #000000;
}

.sv_main.sv_default_css .sv_row {
    margin-bottom: 10px;
}

.sv_main.sv_default_css input[type="text"] {
    border: 1px solid #C9C9C9 !important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    height: 40px;
    padding: 4px 0 4px 10px;
    line-height: 43px;
    display: block;
    font-size: 15px;
    color: #000 !important;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 95%;
}
.user_input_control {
    clear: both;
}

/*Messge Box area*/
.messageBox{
    border: 1px solid #1492df;
    background: #eaf8fb;
    border-radius: 8px;
    padding: 14px 9px;
    font-size: 15px;
    margin-top: 30px;
    margin-bottom: 15px;
    display: table;
}
.messageBox .si-icon {
    font-size: 20px;
    display: table-cell;
    padding-right: 20px;
    vertical-align: middle;
    color: #1492df;
}
.messageBox span {
    display: flex;
    text-align: left;
}
.messageBox .si-icon.si-ok-circle {color: #74bd51;}

.loading-wrapper{
    width: 100%;
    display: flex;
    height: 100vh;
    position: fixed;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    z-index: 100;
}

.loading-container {
    width: 100%;
    max-width: 350px;
    text-align: center;
    color: #0092C2;
    position: relative;
    margin: 0 32px;
}

.list_sections.section_success.no-qr .qr-section,
.list_sections.section_success_1.no-qr .qr-section-self,
.list_sections.section_success_1.no-qr .qr-section-group,
.list_sections.section_success_1.no-qr .smart-form{
    display: none;
}

.margin-top40{
    margin-top:40px !important;
}
.margin-top0{
    margin-top:0px !important;
}

.margin-top20{
    margin-top:20px !important;
}

.padding-top20{
    padding-top:20px !important;
}
.padding-bottom20{
    padding-bottom:20px !important;
}

.public_employee .public-container.list_sections.section_visit_details div.has-icon.date .has-feedback label.input:before, .public_employee .public-container.list_sections.section_visit_details div.has-icon.date .has-feedback label.input:after{
    content:' ';
}
.public_employee .public-container.list_sections.section_visit_details .date_control .has-feedback input, .public_employee .public-container.list_sections.section_visit_details div.has-icon .has-feedback input{
    padding-left:0px;
    height: 30px;
    width: 100%;
}
.public_employee .public-container.list_sections.section_visit_details .date_control .has-feedback, .public_employee .public-container.list_sections.section_visit_details div.has-icon .has-feedback{
    border:0px;
    border-bottom: 1px solid #C9C9C9;
    border-radius: 0;
    padding-right: 5px;
}
.public_employee .public-container.list_sections.section_visit_details .selection-control label.label{
    margin-bottom: 0;
    position: relative;
    color:#94a3b8;
}

.public_employee .selection-control h2{
    font-size:20px;
    font-weight:normal;
}
.public_employee .public-container.list_sections .content p{
    text-align: initial;
}

.public_employee .selection-control{
    height:100%;
}
.public_employee .public-container.list_sections.access_purposes .content.consent_content{
    display: flex;
    height: 100%;
    justify-content: center;
}
.public_employee .smart-form .checkbox input+i:after{
    color:#0092c2;
}
.public_employee .smart-form .checkbox i, .public_employee .smart-form .radio i{
    border-radius:3px;
}
.public_employee .smart-form .checkbox{
    padding-bottom:0px;
}
.public_employee button.visit-btn.next_step_button, .public_employee button.visit-btn.next_step_button{
    background-color: #171717;
    border: 1px solid #171717;
    font-size: 16px;
    line-height: 14px;
    height: 43px;
    color: #fff;
}

#signature-pad
{
    border: 1px dashed #DDDDDD;
    border-left: none;
    border-right: none;
}

.public-container.list_sections.emp-profile{
    padding: 2vh 3vh 2vh !important;
}

.public-container.list_sections.emp-profile #signature-pad{
    padding-top: 30px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    height: 135px;
}
.public-container.list_sections.emp-profile #signature-pad .signature-pad--body{
    height: 110px;
    overflow: hidden;
}
.public-container.list_sections.emp-profile #signature-pad #clear_btn_sig_safety_rules_agreement, .public-container.list_sections.emp-profile #signature-pad #clear_btn_sig_contractor_escort_agreement{
    color: #DDDDDD;
    text-decoration: none;
    font-size: 18px;
    margin-top: 15px;
}

.public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn em.font_style{font-style: inherit !important;text-transform: capitalize; font-weight: bold; font-size: 12px;}/*************implement new yes, no button design ******************/
.public-container.list_sections.emp-profile .container--body label.font_style {font-style: inherit !important;text-transform: uppercase; font-weight: bold; font-size: 12px;}
.public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn label.toggle {height: 32px;margin-top: -10px;overflow: inherit;}
.public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn label.toggle.data-goggle-disable{pointer-events: none;}
.public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn .toggle.data-goggle-disable input:checked + i, .public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn .toggle.data-goggle-disable i{border-color: #9aadba; background-color: #9aadba;}
.public-container.list_sections.emp-profile .container--body .smart-form .send_email_toggle_green_btn .toggle input:checked + i {border-color: #74bd51;background-color: #74bd51;}
.list_sections.emp-profile .container--body .smart-form .disable-minor .toggle input:checked + i{background-color: rgba(185, 222, 168) !important;}
.public-container.list_sections.emp-profile .container--body .smart-form .disable-minor-2 .toggle input + i{background-color: rgba(51, 51, 51, 0.44) !important;}
.public-container.list_sections.emp-profile .smart-form .disable-minor .checkbox.red input+i:after{    color: rgba(185, 222, 168) !important;}
.public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn .toggle i {top: 50%;margin-top: -9px;width: 46px;height: 24px;background-color: #9e9e9e;border-color: transparent;border: 0px; z-index:9;}
.public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn .toggle input:checked + i::before {background: #fff;right: 3px;}
.public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn .toggle i:before {top: 2px;right: 23px;display: block;width: 20px;height: 20px;background-color: #fff;}
.public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn .toggle input:checked + i::after {color: #ffffff;font-size: 11px;right: 8px;left: 8px;top: 3px;}
.public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn .toggle input:hover + i {border-color: transparent;}
.public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn .toggle i:after {color: #fff;font-size: 11px;padding-top: 3px;left: 9px;text-align: right;right: 8px;}
.public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn .toggle input:checked+i:after {text-align: left;}
.public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn .smart-form-custom .toggle i:before {
    right: 101px;
}
.public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn .smart-form-custom .toggle i:after {
    left: 33px;
    right: auto;
}
.public-container.list_sections.emp-profile .container--body .send_email_toggle_green_btn .smart-form-custom {
    margin-left: 69px;
}

.public-container.list_sections.emp-profile .container--body .form-group label:not(.error), .public-container.list_sections.emp-profile .container--body label.generic_form_label:not(.error) {
    overflow: hidden;
    font-family: "Montserrat", "tenantcloud", Avenir, sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    text-transform: uppercase;
    text-overflow: ellipsis;
    word-wrap: normal;
}

.public-container.list_sections.emp-profile .ff_fileupload_wrap .ff_fileupload_dropzone_wrap{
    height: 200px;
    border: 2px dashed #3b82f6;
    border-radius: 7px;
    background: #eaf2fe;
    position: relative;
    text-align: center;
    margin-top: 30px;
}
.public-container.list_sections.emp-profile .ff_fileupload_wrap .ff_fileupload_dropzone{
    border:0;
    border-radius: initial;
    background-image:none;
    background-color: #eaf2fe;
}

.public-container.list_sections.emp-profile .ff_fileupload_wrap .ff_fileupload_dropzone:before {
    content: '\EAAB';
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 80%;
    display: block;
    font-family: 'fontello';
    top: 40px;
    text-align: center;
    font-size: 50px;
    color: #3b82f6;
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename{
    visibility: hidden;
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button{
    margin-top:14px;
}
.public_employee .public-container.list_sections.access_purposes#section_7 .selection-control h1{
    margin-top: 50px;
    margin-bottom:6px;
    font-weight:600;
}

.confirm_section{
    display: flex;
    border: 1px solid #0092c2;
    margin-bottom: 20px;
    border-radius: 10px;
    text-align: left;
    padding: 13px 10px 5px;
    height: 60px;
    align-items: center;
}
.confirm_section.has-error{
    border: 1px solid #FF0000;
}

.confirm_section label{
    margin-bottom: 0px;
}

.confirm_section.smart-form .checkbox i, .confirm_section.smart-form .radio i{
    border-radius: 10px;
}

.confirm_section label h2{
    font-size: 16px;
    color:#64748B
}

.confirm_section label span{
    color:#1E293B;
    font-size: 13px;
}

.cc_container{
    text-align: left;
}

.cc_container .email_change{
    padding: 10px 0;
    font-size:14px;
    color: #575B61;
}

.cc_container .email_change a{
    color:#1492DF;
    text-decoration: none;
}

div.has-icon.date .has-feedback.agreement_email input{
    color:#141414;
}
div.has-icon.date .has-feedback.agreement_email{
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

div.has-icon.date .has-feedback.agreement_email label.input:before{
    content: "\EEED";
    top: 11px;
    font-size: 22px;
}
div.has-icon.date .has-feedback.agreement_email label.input:after{
    content:" ";
}

.public_employee .smart-form.has-error .checkbox i,
.public_employee .smart-form.has-error .icon-append,
.public_employee .smart-form.has-error .icon-prepend,
.public_employee .smart-form.has-error .input input,
.public_employee .smart-form.has-error .radio i,
.public_employee .smart-form.has-error .select select,
.public_employee .smart-form.has-error .textarea textarea,
.public_employee .smart-form.has-error .toggle i
{
    border-color: #FF0000;
}

.public_employee td.has-error label.radio{
    color: #FF0000;
}

label#first_name-error, label#last_name-error, label#ssn_no-error, label#passport_no-error{
    color: #ff0000;
    position: absolute;
    z-index: 9;
    bottom: -20px;
}
#field_wrapper_additional_question span.selectall{text-decoration: none; color: #3A82F6; font-size: 16px; display: block;margin-bottom:5px;}
#field_wrapper_additional_question .smart-form.smart_layout .radio i{width: 34px;height: 34px;}
#field_wrapper_additional_question .smart-form.smart_layout label.radio{height: 40px;padding-left: 0;float: left;}
#field_wrapper_additional_question .smart-form.smart_layout:first-child {margin-right: 0;}
#field_wrapper_additional_question .smart-form.smart_layout{width: 36px;text-align: center;float:right;margin-right:12px;}
#field_wrapper_additional_question table tr td{width: 40%;padding-bottom: 15px; padding-top: 15px;}
#field_wrapper_additional_question table tr td:first-child{width: 60%;text-align: left;}
#field_wrapper_additional_question .smart-form .radio input+i:after { background: transparent; content: '\f00c'; font: 27px FontAwesome; top: 3px; left: 4px; color: #0092c2; }
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename{padding-top:15px !important;}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview,
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions{width:initial !important;}
.ff_fileupload_wrap table.ff_fileupload_uploads{table-layout: fixed;}
.margin-right0{margin-right: 0px !important;}
.margin-left12{margin-left: 12px !important;}
.padding-top40{padding-top:40px !important;}
.alert.alert-info.instruction{display: flex; align-items: center;}
.alert.alert-info.instruction i.si-icon.si-exclamation-1{font-size: 18px; margin-right:5px;}
.font16{font-size:16px;}
.public_employee .public-container button.take_photo{position: absolute; top: 163px; right: 30px; font-size: 18px; border: 0; background: transparent; color: #3b82f6;}
.public_employee .public-container.list_sections .content .photo_guideline .guideline, .public_employee .public-container.list_sections .content .photo_guideline .guideline_error, .public_employee .public-container.list_sections .content .photo_guideline .guideline_success{border:1px solid #E2E8F0;text-align:left;background: #F8FAFC;font-weight: 600;padding:16px;color: #171717; font-size:16px; border-radius:4px; margin-top:20px;}
.public_employee .public-container.list_sections .content .photo_guideline .guideline_error{border-color: #FECDD3; background: #FFF1F2; color: #F43F5E;font-weight: 400;}
.public_employee .public-container.list_sections .content .photo_guideline .guideline_success{border-color: #D1FAE5; background: #ECFDF5; color: #047857;font-weight: 400;}
.public_employee .public-container.list_sections .content .photo_guideline i.si-icon{font-size:18px;}
.public_employee .public-container.list_sections .content .photo_guideline ol{padding-left:20px; margin:0;text-align: left;margin-top:14px;}
.public_employee .public-container.list_sections .content .photo_guideline ol li{margin-bottom:10px;}
.add_emergency_contact{padding-top:20px;}
.add_emergency_contact .header{display: flex;justify-content: space-between;}
.add_emergency_contact .header h2{font-size:16px; font-weight:normal; color:#0F172A;line-height: 33px;}
.add_emergency_contact .header button.add_emergency{border:1px solid #3B82F6; padding:10px 18px; font-size:13px; color:#3B82F6; cursor: pointer;background:#fff; border-radius:25px;}
.add_emergency_contact table{margin-top:20px;}
.add_emergency_contact table thead{background:#F1F5F9;font-size: 13px; color:#334054;}
.add_emergency_contact table thead tr th, .add_emergency_contact table tbody tr td{text-align: left; padding:5px 10px;}
.add_emergency_contact table tbody tr td{padding:10px 10px;}
.add_emergency_contact table tbody tr td i.si-icon{font-size:20px;color: #3A82F6}
.add_emergency_contact table tbody tr td i.si-icon.si-delete-outline{color:#DA5050;}
.add_emergency_contact table tbody tr td.action_icons{text-align: right}
.logo_wrapper{ display: block; }
.logo_wrapper > img{ max-width: 100%; margin-bottom:15px; max-height:70px; }

.list_selection_wrapper ul{list-style: none;float: left; padding-left:0 !important; padding-bottom: 0px !important;}
.list_selection_wrapper ul li::marker{ color: #0092c2; font-size: 19px; }
.list_selection_wrapper ul li{margin:0 10px 10px 0;background-color:#FDF2F2;color:#B9262C; font-size:15px;padding:10px 15px;border-radius: 20px;border:1px solid #B9262C;float: left;cursor: pointer;}
.list_selection_wrapper ul li.selected{background-color:#B9262C;color:#fff;}
.help-block { margin: 15px 0; font-size: 15px; }
.help-block .alert-info { color: #191919; border-radius: 5px; border-color:#4e99b9;background: #ebf6fa; }