@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url(../../Inter/inter-v7-latin-300.ttf);
}
/* inter-regular - latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(../../Inter/inter-v7-latin-regular.ttf);
}
/* inter-500 - latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url(../../Inter/inter-v7-latin-500.ttf);
}
/* inter-600 - latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url(../../Inter/inter-v7-latin-600.ttf);
}
/* inter-700 - latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url(../../Inter/inter-v7-latin-700.ttf);
}

body {
    font-weight: 400;
    font-family: 'Inter';
    margin: 0;
    color: #000;
    font-size: 15px;
}

body.overlay_on {
    overflow: hidden;
}

.overlay_on:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 74%);
    z-index: 1;
    animation-name: show_bg;
    animation-duration: 0.4s;
}

a {
    color: #0A65C1;
    text-decoration: none;
}
/*spaces*/
/*margin*/
.mt-5 {
    margin-top: 5px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

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

.mt-30 {
    margin-top: 30px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-7 {
    margin-bottom: 7px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

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

.mb-30 {
    margin-bottom: 30px !important;
}

.me-10 {
    margin-right: 10px;
}

.ms-10 {
    margin-left: 10px;
}

.me-15 {
    margin-right: 15px;
}

.ms-15 {
    margin-left: 15px;
}

.pl-15 {
    padding-left: 15px;
}

.space_left {
    padding-left: 60px;
}



/*titles*/
.title_lg {
    font-size: 30px;
    font-weight: 700;
}

.title_sm {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: -0.2px;
}

.title_md {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: -0.2px;
}

.title_normal {
    font-size: 15px;
    font-weight: 700;
}

.text_md {
    font-size: 16px;
}

.text_normal {
    font-size: 15px;
    line-height: 25px;
}


/*common*/
.font_300 {
    font-weight: 300 !important;
}

.font_400 {
    font-weight: 400 !important;
}

.font_500 {
    font-weight: 500 !important;
}

.font_600 {
    font-weight: 600 !important;
}

.font_700 {
    font-weight: 700 !important;
}

.color_red {
    color: #d92a39 !important;
}

.color_green {
    color: #30954B !important;
}
/*width classes*/
.w_100 {
    width: 100px !important;
}

.w_150 {
    width: 150px !important;
}

.w_200 {
    width: 200px !important;
}

.flex_block {
    display: flex;
    align-items: center;
}

.button_block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    gap: 10px;
}

.button_block.with_border_top {
    border-top: 1px solid #ccc;
    margin-top: 50px;
    padding-top: 20px;
}

.button_block .i9_btn {
    border: 1px solid #3468E1;
    margin: 0px !important;
    padding: 10px 52px;
    font-size: 14px;
    font-weight: 500;
    width: auto;
}

.button_block .i9_btn.btn_print {
    border: 1px solid #000;
    color: #000 !important;
    background-color: #fff;
}

.i9_btn.btn_cancel,
.button_block .i9_btn.btn_cancel {
    border: 1px solid #000;
    background-color: #000;
}

.i9_btn.mini {
    font-size: 12px;
    padding: 5px 15px;
    letter-spacing: 1px;
}

.i9_btn.lite {
    border: 1px solid #0A65C1;
    color: #0A65C1 !important;
    background: #fff;
}
/*Alert*/

/*alerts*/
.warning,
.warning_box,
.alert_info {
    padding: 10px 10px 10px 50px;
    background: #FCFCF6;
    color: #363922;
    position: relative;
    font-size: 15px;
    line-height: 23px;
    display: block;
    border: 1px solid #d6d3a0;
    width: 100%;
}

.warning {
    margin-bottom: 15px;
}

.alert_info p {
    margin-bottom: 0 !important
}

.alert_info:before {
    font-family: "Material Icons";
    position: absolute;
    left: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 25px;
    z-index: 0;
    line-height: 25px;
    height: 25px;
    margin: auto;
    color: #F2C342;
}

.alert_info.note:before {
    content: "\E88f";
}

.warning:before,
.warning_box:before {
    content: "\e002";
    position: absolute;
    font-family: "Material Icons";
    left: 15px;
    top: 9px;
    margin: auto;
    color: #F2C342;
    font-size: 23px;
    line-height: 23px;
    height: 23px;
}

/*Form Elements*/
.form_select_container {
    border: 1px solid #99A6C4;
    background: #fff;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    position: relative;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.form_select {
    width: 100%;
    height: 38px;
    padding: 0 20px 0 10px;
    border: none;
    background: transparent;
    position: relative;
    font-size: 15px;
    outline: none !important;
    font-family: 'Inter';
}
/*input*/
.form_input {
    height: 40px;
    border-radius: 4px;
    border: 1px solid #99A6C4;
    width: 100%;
    outline: none !important;
    font-size: 15px;
    padding: 0 10px;
    background: #fff !important;
    font-family: 'Inter';
}
.form_element_set.rad_txtbox .RadInput .riTextBox {
    height: 40px;
    text-align: left;
    font-size: 15px;
    padding: 0 10px;
    border: 1px solid #99A6C4;
    border-radius: 4px;
}

.form_textarea {
    border: 1px solid #99A6C4;
    width: 100%;
    border-radius: 4px;
    padding: 10px;
    outline: none !important;
    min-height: 93px;
    font-size: 15px;
    font-family: 'Inter';
}

.form_element_set {
    margin-bottom: 15px;
}

.form_element_set .form_label {
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    display: inline-block;
    margin-bottom: 7px;
}

.txt_label {
    display: block;
    height: 45px;
    border: 1px solid #99A6C4;
    line-height: 45px;
    padding: 0 10px;
    background-color: #E6EAF5;
    border-radius: 4px;
    font-size: 15px;
}

.txt_label.textarea {
    height: auto;
    line-height: 25px;
    display: flex;
    align-items: center;
    padding: 10px 10px;
}

.read_only {
    border: 1px solid #99A6C4;
    background-color: #E6EAF5 !important;
    cursor: not-allowed;
    pointer-events: none;
    border-radius: 4px;
}

/*read only checkbox command radio buttons*/

.readonly {
    opacity: 0.7;
    cursor: pointer;
}

.readonly.checkbox_item input[type="checkbox"] + label:before {
    cursor: default;
}

.flexed_control {
    display: flex;
}

.flexed_control .flexed_items {
    flex: 1;
}

.flexed_control .flex_none {
    flex: none;
}

.flexed_control .flexed_items:first-child .txt_label,
.flexed_control .flexed_items:first-child .form_input,
.flexed_control .flexed_items:first-child .form_select_container {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.flexed_control .flexed_items .txt_label,
.flexed_control .flexed_items .form_input,
.flexed_control .flexed_items .form_select_container {
    border-radius: 0;
    border-right-width: 0;
}

.flexed_control .flexed_items:last-child .txt_label,
.flexed_control .flexed_items:last-child .form_label,
.flexed_control .flexed_items:last-child .form_input,
.flexed_control .flexed_items:last-child .form_select_container {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right-width: 1px;
}

.flexed_control.read_only {
    border: none;
}

.flexed_control.read_only input {
    background-color: #E6EAF5 !important;
    cursor: not-allowed;
    /*pointer-events: none;*/
}

.element_inline.label_right .row [class*="col-"]:first-child {
    text-align: right;
}

.element_inline.label_right .form_label {
    margin-bottom: 0;
}

/*Radio*/

.radio_btn_group .radio_btn_item {
    display: inline-block;
    margin: 2px 10px 2px 0;
}

.radio_btn_group .radio_btn_item ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.radio_btn_group .radio_btn_item ul li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.radio_btn_item input[type="radio"] {
    display: none;
}

.radio_btn_item input[type="radio"] + label {
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 31px;
    flex-wrap: wrap;
}

.radio_btn_group.small .radio_btn_item input[type="radio"] + label {
    font-size: 14px;
}

.radio_btn_item input[type="radio"] + label:before {
    content: " ";
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 1px solid #C0C1C0;
    background-color: #fff;
    float: left;
    margin-right: 5px;
    position: absolute;
    left: 0;
}

.radio_btn_item input[type="radio"]:checked + label:before {
    border: 1px solid #346EE1;
}

.radio_btn_item input[type="radio"]:checked + label:after {
    content: " ";
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #346EE1;
    position: absolute;
    left: 4.9px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.radio_btn_group .RadioButton tbody tr td:first-child {
    padding-right: 10px;
}

.radio_btn_group.vertical .RadioButton tbody tr td {
    padding-bottom: 15px;
}
/*checkbox*/
.checkbox_item {
    display: flex;
}

.checkbox_item.inline {
    display: block;
}

.checkbox_item input[type='checkbox'] {
    display: none;
}

.checkbox_item input[type="checkbox"] + label {
    margin-bottom: 0;
    line-height: 21px;
    margin-left: 0;
    padding-left: 30px;
    position: relative;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
}

.checkbox_item input[type="checkbox"] + label:before {
    font-family: "Material Icons";
    content: "\E835";
    font-size: 24px;
    position: absolute;
    left: -1px;
    margin: auto;
    color: #707070;
    cursor: pointer;
}

.checkbox_item input[type="checkbox"]:checked + label:before {
    content: "\E834";
    color: #46ab57 !important;
}

.checkbox_item.box_type input[type="checkbox"] + label:before {
    content: "";
    width: 39px;
    height: 39px;
    background-color: #fff;
    border: 1px solid #707070;
    top: 3px;
}

.checkbox_item.box_type input[type="checkbox"]:checked + label:before {
    content: "\E876";
    color: #46ab57 !important;
    font-weight: 600;
    line-height: 35px;
    font-size: 35px;
}

.checkbox_item.box_type input[type="checkbox"] + label {
    padding-left: 60px;
    display: block;
}

.download_link {
    position: relative;
    padding-left: 30px;
    display: block;
    color: #005CB8;
    white-space: normal;
    word-break: break-word;
}

.download_link:before {
    font-family: "Material Icons";
    position: absolute;
    top: 0;
    /* bottom: 0;*/
    left: 0;
    font-size: 23px;
    line-height: 23px;
    height: 23px;
    margin: auto;
    content: "\e171";
}
/*Button style*/
.i9_btn {
    text-decoration: none;
    padding: 13px 20px;
    background-color: #3468E1;
    border: 1px solid #3468E1;
    border-radius: 2px;
    color: #fff !important;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.i9_btn.bg-white {
    color: #2B2B2B !important;
}

.i9_btn.upload_btn {
    background-color: #fff;
    border: 1px solid #8998A7;
    padding: 10px 10px 10px 48px;
    color: #0F2A46 !important;
    position: relative;
    letter-spacing: 0;
    border-radius: 0;
    font-size: 14px;
}

.i9_btn.upload_btn:before {
    content: "\e2c6";
    font-family: "Material icons";
    position: absolute;
    left: 12px;
    font-size: 23px;
    line-height: 23px;
    height: 23px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #0A65C1;
}

.i9_btn.red_border {
    background-color: #fff;
    border: 1px solid #FF7D7D;
    color: #E85858 !important;
}

.i9_btn.icon_center {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 4px;
    line-height: 17px;
    letter-spacing: 0.4px;
}

.i9_btn.icon_center i {
    font-size: 33px;
    margin-right: 10px;
    line-height: 33px;
}

.i9_btn.with_icon_left {
    text-transform: uppercase;
    background-color: #fff;
    border: 1px solid #000;
    padding: 9px 15px 9px 43px;
    color: #000 !important;
    position: relative;
}

.i9_btn.with_icon_left i {
    position: absolute;
    left: 9px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 25px;
    line-height: 25px;
    height: 25px;
}

.i9_btn.btn_green {
    background-color: #27A57F;
    color: #fff;
    border: 1px solid #27A57F;
}

.i9_btn.btn_red {
    background-color: #E83B3B;
    color: #fff;
    border: 1px solid #E83B3B;
}
/*Line divider*/
.line_divider {
    border-top: 2px dashed #C0CADE;
    margin: 20px -35px;
}

/*Tooltip*/
/*tooltip*/
.with_tooltip {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding-right: 25px;
    width: 100%;
}
/*.with_tooltip .form_label{
    margin-bottom: 0;
}*/
.with_tooltip .tooltip_item {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
    width: 20px;
    cursor: pointer;
    font-family: "Inter";
}

.with_tooltip .tooltip_data::-webkit-scrollbar {
    width: 5px;
}

.with_tooltip .tooltip_data::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 90px;
}

.tooltip_section {
    margin-bottom: 20px;
    font-weight: 400;
}

.tooltip_section:last-child {
    margin-bottom: 0;
}

.with_tooltip .tooltip_item i {
    font-size: 20px;
    position: relative;
    color: #346DC2;
}

.with_tooltip .tooltip_data {
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    position: absolute;
    background: white;
    z-index: 99;
    border-radius: 4px;
    text-align: left;
    max-height: 400px;
    overflow: auto;
    border: 1px solid #dee1ea;
    padding: 15px 20px;
    width: max-content;
    max-width: 350px;
    box-shadow: 4px 4px 20px 0 rgb(63 71 86 / 32%);
}

.with_tooltip .tooltip_desc img {
    max-width: 100%;
}

.with_tooltip .tooltip_data.sm {
    max-width: 250px;
}

.with_tooltip .tooltip_data.md {
    max-width: 450px;
}

.with_tooltip .tooltip_data.lg {
    max-width: 600px;
}

.with_tooltip .tooltip_data.top_right {
    bottom: 100%;
    right: 0;
}

.with_tooltip .tooltip_data.top_left {
    bottom: 100%;
    left: 0;
}

.with_tooltip .tooltip_data.bottom_right {
    top: 100%;
    right: 0;
}

.with_tooltip .tooltip_data.bottom_left {
    top: 100%;
    left: 0;
}

.with_tooltip .tooltip_item:hover .tooltip_data {
    opacity: 1;
    visibility: visible;
    z-index: 999;
}

.with_tooltip .tooltip_main_title {
    font-size: 19px;
    margin-bottom: 10px;
    font-weight: 700;
}

.with_tooltip .tooltip_title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.with_tooltip .tooltip_sub_title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
}

.with_tooltip .tooltip_desc {
    font-size: 14px;
}

.with_tooltip .checkbox_item {
    display: inline-block;
}

.with_tooltip.width_auto {
    width: auto;
}

.with_tooltip .tooltip_item > img {
    display: none;
}

.with_tooltip .tooltip_item > img + span {
    display: block;
}

.with_tooltip .tooltip_item > img + span:after {
    font-family: "Material Icons";
    content: "help";
    font-size: 22px;
    position: absolute;
    top: 0;
    color: #346DC2;
    right: 0;
    line-height: 22px;
}

/*Accordion*/
.accordion_wrapper {
    margin-bottom: 20px;
}

.accordion_wrapper .accordion-item {
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid #CCD0D4;
}

.accordion_wrapper .accordion-header {
    border-radius: 4px;
}

.accordion_wrapper .accordion-item .accordion-button {
    font-size: 16px;
    font-weight: 600;
    background-color: #F2F5F8;
    color: #000000;
    position: relative;
    padding: 15px 20px;
    width: 100%;
}

.accordion_wrapper .accordion-item .accordion-body {
    padding: 0 17px 15px;
}

.accordion_wrapper .accordion-item .accordion-button:focus {
    border-color: #86b7fe;
    box-shadow: none;
}

.accordion_wrapper .accordion-button::after {
    background-image: none;
    content: "\e145";
    font-family: "Material Icons";
    font-size: 26px;
    height: 26px;
    line-height: 26px;
    top: 0;
    bottom: 0;
    right: 10px;
    left: auto;
    width: auto;
    transition: 0.3s ease-in;
    position: absolute;
    margin: auto;
}

.accordion_wrapper .accordion-button:not(.collapsed)::after {
    transform: rotate(-134deg);
}
/*I9 Modal*/

.i9_modal .modal-header {
    background-color: #3468E1;
    color: var(--fore-color);
    padding: 10px 15px;
    position: relative;
}

.i9_modal .modal-header .modal-title {
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 20px);
}

.i9_modal .modal-header .btn-close {
    color: #fff;
    position: relative;
    background-image: none;
    opacity: 1;
    padding: 10px;
    position: absolute;
    right: 15px;
    box-shadow: none !important;
}

.i9_modal .modal-header .btn-close:before {
    font-family: "Material Icons";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    font-size: 20px;
    z-index: 0;
    line-height: 20px;
    height: 20px;
    margin: auto;
    content: "\E5CD";
}

.i9_modal .modal-title.with-icon {
    display: flex;
    padding-left: 30px;
    position: relative;
}

.i9_modal .modal-title.with-icon .material-icons {
    position: absolute;
    font-size: 20px;
    left: 0;
    line-height: 20px;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 20px;
}

.i9_modal .button_block {
    margin-top: 20px;
}

.i9_modal .button_block .i9_btn {
    padding: 10px 35px;
}

.flex_row {
    display: flex;
    align-items: center;
    margin: 0 -20px;
}

.flex_row .flex_col {
    margin: 0 20px;
}
/*==========================Login page style========================================*/

.login_header_wrapper {
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 13px 40px;
    margin-bottom: 20px;
    min-height: 69px;
}

.login_header_wrapper .left_logo img {
    max-width: 154px;
    max-height: 60px;
}

.login_header_wrapper .header_info {
    font-size: 18px;
    font-weight: 500;
    margin-left: 20px;
}

.I9_portal_login {
    background-image: linear-gradient(to bottom,#EEEDF2,#EFFBFF);
    position: relative;
    flex-wrap: wrap;
}

.I9_portal_login .i9_btn {
    display: block;
    border-radius: 4px;
    width: 100%;
}

.I9_portal_login .button_block .i9_btn {
    width: auto;
}

.i9_mobile_home {
    display: none;
}

.i9_login_box {
    position: relative;
    border-radius: 4px;
    z-index: 1;
}

.i9_login_box_wrap {
    position: relative;
    max-width: 1255px;
    margin: auto;
}

.i9_login_box .login_info {
    position: relative;
    min-height: calc(100vh - 160px);
}

.i9_login_box .login_content_top {
    padding: 35px 45px 35px;
    background-color: #fff;
    box-shadow: 0 0 40px rgb(30 36 61 / 10%);
}

.i9_login_box .login_content_top .login_instruction {
    max-height: 360px;
    overflow-y: auto;
    margin-top: 20px;
    font-size: 14px;
    margin-bottom: 20px;
    font-family: 'Inter' !important;
}

.i9_login_box .login_content_top .login_instruction * {
    font-family: 'Inter' !important;
    font-size: 14px !important;
    line-height: 24px !important;
}

.i9_login_box .login_content_top .intruction_wrap .login_sub_title {
    margin-bottom: 0;
}

.i9_login_box .login_content_top .intruction_wrap .image_title_wrap {
    position: relative;
    margin-bottom: 25px;
    padding-left: 130px;
}

.i9_login_box .login_content_top .intruction_wrap .image_title_wrap img {
    position: absolute;
    left: 0;
    height: 80px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.i9_login_box .login_content_top .login_instruction::-webkit-scrollbar {
    width: 5px;
    background: #CECECE;
}

.i9_login_box .login_content_top .login_instruction::-webkit-scrollbar-thumb {
    background: #808688;
    border-radius: 90px;
}

.i9_login_box .logo_wrap {
    margin-bottom: 20px;
    height: 43px;
    display: flex;
    align-items: center;
}

.i9_login_box .logo_left {
    max-width: 165px;
    max-height: 60px;
}

.i9_login_box .login_form_wrap {
    padding: 25px 30px;
    border-radius: 4px;
    background-color: #ECF7FF;
    border: 1px solid #ACCADF;
}

.i9_login_box .title_wrap {
    padding-left: 50px;
    margin-bottom: 20px;
    position: relative;
}

.i9_login_box .title_wrap:before {
    content: "";
    width: 35px;
    height: 35px;
    background-image: url(../../../Images/I9Remote/lock.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.i9_login_box .login_title {
    font-weight: 700;
    font-size: 23px;
    letter-spacing: -0.2px;
}

.i9_login_box .login_sub_title {
    font-weight: 400;
    font-size: 14px;
}

.i9_login_box .account_info {
    display: flex;
    align-items: center;
}

.i9_login_box .account_info .initial {
    width: 57px;
    height: 57px;
    min-width: 57px;
    min-height: 57px;
    border-radius: 100%;
    background-color: #FDDBFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-weight: 900;
    font-size: 20px;
    color: #520F57;
    letter-spacing: 2px;
}

.i9_login_box .account_info .name {
    font-size: 18px;
    color: #192C33;
    font-weight: 600;
}

.i9_login_box .account_info .desig {
    font-size: 14px;
    color: #2A4150;
    font-weight: 300;
}

.i9_login_box .access_code_wrap {
    display: flex;
    align-items: center;
}

.i9_login_box .access_code_wrap img {
    margin-right: 15px;
    width: 57px;
    position: relative;
    bottom: 2px;
}

.i9_login_box .access_code_wrap .icon_input_wrap input::placeholder {
    color: #536278;
}

.i9_login_box .access_code_wrap .icon_input_wrap input {
    border: none;
    height: 50px;
    width: 100%;
    border-radius: 4px;
    padding-left: 50px;
    font-size: 16px;
    color: #000;
    outline: none !important;
}

.i9_login_box .access_code_wrap .code_info {
    width: 100%;
}

.i9_login_box .access_code_wrap .icon_input_wrap {
    border: 1px solid #BAC1CC;
    border-radius: 4px;
    width: 100%;
    position: relative;
    margin: 4px 0 7px;
}

.i9_login_box .i9_btn {
    margin: 4px 0 7px;
}

.i9_login_box .access_code_wrap .icon_input_wrap:before {
    font-family: "Material Icons Outlined";
    content: "\E897";
    font-size: 28px;
    line-height: 28px;
    height: 28px;
    color: #B0B8C4;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.i9_login_box .access_code_wrap .label_title {
    font-size: 15px;
}
.i9_login_box .access_code_wrap .code_info_text * {
    font-size: 14px !important;
}
.i9_login_box .access_code_wrap .code_info_text {
    font-size: 14px;
    font-weight: 300;
    color: #2A3950;
}

.i9_login_box a {
    text-decoration: none;
    color: #3554BB;
}

.link_txt {
    font-size: 15px;
    margin-top: 8px;
}

.i9_login_box .login_warning {
    padding: 10px 15px;
    background-color: #FFEEEE;
    font-size: 15px;
    margin: 10px 0 15px;
    border: 1px solid #DBB3B3;
}

    .i9_login_box .login_warning .w_name {
        font-weight: 600;
    }

    .i9_login_box .login_warning .red_txt {
        color: #CE2323;
    }

.i9_login_box .login_footer {
    display: flex;
    align-items: center;
    padding: 20px 45px;
    background-color: #fff;
    margin-top: 20px;
    position: relative;
}

    .i9_login_box .login_footer .left_logo img {
        max-width: 160px;
    }

    .i9_login_box .login_footer .right_logo img {
        max-width: 100px;
    }

.i9_login_box .c_right {
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.i9_login_box .access_code_wrap.with_captcha .icon_input_wrap {
    position: relative;
}

    .i9_login_box .access_code_wrap.with_captcha .icon_input_wrap.captcha_img img {
        position: absolute !important;
        width: 140px !important;
        height: 48px !important;
        object-fit: contain;
    }

    .i9_login_box .access_code_wrap.with_captcha .icon_input_wrap input {
        padding-left: 153px;
        text-align: center;
    }

    .i9_login_box .access_code_wrap.with_captcha .icon_input_wrap:before {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        left: 143px;
        top: 0;
        bottom: 0;
        border-right: 1px solid #BAC1CC;
    }

    .i9_login_box .access_code_wrap.with_captcha .icon_input_wrap span#cptRemoteLogin_ctl00 {
        display: none;
    }


/*===============================================================================*/
/*Form styles*/
/*===============================================================================*/

.main_i9_container {
    display: flex;
    background-color: #DCE7EC;
    width: 100%;
    align-items: flex-start;
}

    .main_i9_container .content_wrapper {
        width: calc(100% - 431px);
    }

    .main_i9_container .content_inside {
        min-height: calc(100vh - 115px);
        max-width: 1265px;
        margin: 25px auto 0;
        position: relative;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .main_i9_container .content_wrapper .i9_content_box {
        border-radius: 4px;
        background-color: #fff;
        padding: 30px;
        position: relative;
    }
    .main_i9_container .content_wrapper .i9_content_box.with_padding{
        padding: 30px;
    }

    .main_i9_container .content_wrapper .footer-wrapper-block {
        max-width: 1265px;
        margin: 0 auto;
        width: 100%;
        background-color: #fff;
        padding: 20px 30px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        margin-top: 20px;
    }
    /*header area style*/
    .header_top .header_account_wrap .initial,
    .main_i9_container .initial {
        min-width: 64px;
        min-height: 64px;
        width: 64px;
        height: 64px;
        font-weight: 900;
        font-size: 22px;
        border-radius: 100%;
        color: #520F57;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .main_i9_container .head_info_text {
        display: none;
    }

    .main_i9_container .header_top .head_info_text {
        display: block;
    }
/*Header area*/

.header_top {
    background-color: #fff;
    padding: 20px 30px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .header_top .header_account_wrap,
    .header_top .header_info_left,
    .header_top {
        display: flex;
        align-items: center;
    }

        .header_top .header_info_left .logo_wrap {
            margin-right: 15px;
        }

            .header_top .header_info_left .logo_wrap img {
                max-width: 154px;
            }

.head_info_text .head_main_title {
    font-weight: 700;
    font-size: 23px;
}

.head_info_text .head_sub_title {
    font-size: 15px;
    font-weight: 300;
}

.header_top .header_account_wrap {
    margin-left: auto;
    text-align: right;
    justify-content: end;
}

    .header_top .header_account_wrap .account_info {
        min-width: 185px;
        padding-left: 15px;
    }

    .header_top .header_account_wrap .initial {
        background-color: #FDDBFF;
        margin-left: 20px;
    }

    .header_top .header_account_wrap .profle_name {
        font-size: 20px;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 255px;
        margin-left: auto;
    }

    .header_top .header_account_wrap .desig {
        font-size: 15px;
        color: #1A8D65;
    }

.header_top .icon_link .icon {
    left: -6px;
}

.header_top .icon_link {
    padding-left: 28px;
    display: none;
}

.main_i9_container .head_info_text .icon_link {
    display: none;
}
/*content area*/
.bg_content {
    padding: 30px;
    background-image: linear-gradient(to right,#EEECF1,#E5EEFF);
    border-radius: 4px;
}

    .bg_content.inside_box_bg {
        background: linear-gradient(to right, #d5e8ff, #f1f1f1, #eee6ff);
    }

.bg_content.height_set {
    min-height: calc(100vh - 271px)
}
/*Radio option block*/
/*Custom radio button block type 2 (ui similar like in hr central -time off)*/
.radio_option_block {
    margin-bottom: 15px;
    overflow: hidden;
}

    .radio_option_block .option_item .lbl {
        margin-bottom: 10px;
        border: 1px solid #B9C0CC;
        padding: 12px 12px 12px 50px;
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: 600;
        position: relative;
        border-radius: 4px;
        background-color: #fff;
        min-height: 75px;
    }

    .radio_option_block .option_item.red .lbl:after,
    .radio_option_block .option_item.red .lbl {
        color: #CB1818;
    }

    .radio_option_block .option_item .lbl:after {
        content: attr(item_text);
        font-size: 15px;
        display: block;
        font-style: italic;
        color: gray;
        margin-top: 4px;
        font-weight: 400;
        display: none;
    }

    .radio_option_block .option_item input[type="radio"] + .lbl:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 12px;
        width: 24px;
        height: 24px;
        cursor: pointer;
        border: 1px solid #B9C0CC;
        border-radius: 100%;
    }

    .radio_option_block .option_item input[type="radio"]:checked + .lbl {
        border: 1px solid #346EE1;
        color: #FFF;
        background-color: #346EE1;
    }

    .radio_option_block .option_item.red input[type="radio"]:checked + .lbl {
        border: 1px solid #FFBBBB;
        background-color: #E94646;
    }

    .radio_option_block .option_item input[type="radio"]:checked + .lbl:after {
        color: #FFF;
    }

    .radio_option_block .option_item input[type="radio"]:checked + .lbl:before {
        border-color: #fff;
        font-family: "Material Icons";
        content: "\E876";
        text-align: center;
        font-size: 15px;
        line-height: 23px;
    }

.radio_block_single_view {
    padding: 30px;
    background-image: linear-gradient(to right,#EEECF1,#E5EEFF);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 280px);
}

    .radio_block_single_view .radio_option_block {
        max-width: 450px;
        margin: auto;
    }

    .radio_block_single_view .title_wrap {
        margin-bottom: 15px;
    }

    .radio_block_single_view .title_lg {
        font-size: 26px;
    }

    .radio_block_single_view .text_normal {
        line-height: 24px;
    }



.b_right {
    border-right: 1px solid #B6C5D4;
    padding-right: 15px;
    margin-right: 15px;
}
/*Photo uploader*/
.photo_upload_block {
    display: flex;
}

.photo_uploader {
    display: flex;
    flex: none;
    align-items: center;
}

.photo_upload_block .data_left {
    margin-right: 25px;
}

.photo_uploader .upload_photo_btn {
    margin-right: 20px;
    width: 91px;
    height: 91px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #A2BCD6;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .photo_uploader .upload_photo_btn i {
        font-size: 45px;
        line-height: 45px;
        height: 45px;
    }

.photo_uploader .title_main {
    color: #2E2E2E;
    font-weight: 700;
    font-size: 18px;
}

.uploaded_photo {
    position: relative;
    display: inline-block;
}

    .uploaded_photo img {
        width: 120px;
        height: 125px;
        object-fit: cover;
        object-position: center;
        border-radius: 3px;
    }

    .uploaded_photo .delete {
        display: block;
        position: absolute;
        height: 35px;
        border-radius: 100%;
        border: 2px solid #fff;
        width: 35px;
        right: -10px;
        top: -10px;
        text-align: center;
        background: #eb3b4b;
    }

        .uploaded_photo .delete:after {
            content: "\e872";
            font-family: 'Material Icons';
            color: #fff;
            font-size: 21px;
            position: absolute;
            top: 0;
            cursor: pointer;
            line-height: 23px;
            left: 0;
            right: 0;
            margin: auto;
            bottom: 0;
            height: 21px;
            width: 21px;
        }

.file_manage {
    display: inline-block;
    text-decoration: none !important;
    padding: 6px 6px 6px 10px;
    border: 1px solid #23aaea;
    border-radius: 3px;
    font-size: 16px;
    background: #f6fcff;
    min-width: 207px;
    padding-right: 70px;
    position: relative;
    max-width: 100%;
}

    .file_manage .file_name {
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        width: 100%;
    }

    .file_manage .f_manage_btns {
        display: flex;
        align-items: center;
        margin-left: auto;
        padding-left: 10px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }

    .file_manage .f_btn {
        height: 24px;
        padding: 0 5px;
    }



/*Employee could not complete and verify information*/
.I9_incomplete .align_middle {
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.I9_incomplete .img_title_wrap img {
    width: 185px;
    margin-bottom: 30px;
}

.I9_incomplete .img_title_wrap {
    margin-bottom: 15px;
    text-align: center;
}

.I9_incomplete .form_wrapper {
    max-width: 660px;
    margin: 20px auto 0;
}

.I9_incomplete .form_element_set .form_label {
    font-size: 15px;
    line-height: 23px;
}

.mobile_dropup .btn_close {
    display: block;
    position: absolute;
    height: 46px;
    border-radius: 100%;
    border: 4px solid #424242;
    width: 46px;
    right: 0;
    left: 0;
    margin: auto;
    top: -20px;
    text-align: center;
    background: #FF5B5B;
    z-index: 1;
    display: none;
}

    .mobile_dropup .btn_close:after {
        content: "\e5cd";
        font-family: 'Material Icons';
        color: #fff;
        font-size: 24px;
        position: absolute;
        top: 0;
        cursor: pointer;
        line-height: 24px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        height: 24px;
        width: 24px;
    }


/*Right sidebar*/
.right_sidebar {
    width: 431px;
    min-width: 431px;
    max-width: 431px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fff;
}

    .right_sidebar.mobile_dropup .content_area_wrapper {
        padding: 30px;
        height: 100vh;
        background-color: #fff;
        z-index: 2;
        position: relative;
    }

    .right_sidebar .right_menu_item {
        border-bottom: 1px solid #D4D4D4;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

        .right_sidebar .right_menu_item.no_btm {
            border-bottom: none;
            padding-bottom: 0;
            margin-bottom: 0;
        }

        .right_sidebar .right_menu_item:last-child {
            padding: 0;
            margin: 0;
            border-bottom: none;
        }

        .right_sidebar .right_menu_item .title_main {
            font-size: 19px;
            font-weight: 600;
        }

        .right_sidebar .right_menu_item .title_sub {
            font-size: 15px;
            line-height: 25px;
            margin-bottom: 25px;
        }

    .right_sidebar .file_link_wrapper .file_link_item {
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }

        .right_sidebar .file_link_wrapper .file_link_item img {
            margin-right: 15px;
            width: 28px;
        }

        .right_sidebar .file_link_wrapper .file_link_item:last-child {
            margin-bottom: 0;
        }

        .right_sidebar .file_link_wrapper .file_link_item .file_name {
            color: #1C4582;
            font-size: 16px;
        }

        .right_sidebar .file_link_wrapper .file_link_item .file_type {
            font-size: 14px;
        }

.help_links .help_link_item {
    display: block;
    padding-left: 30px;
    position: relative;
    margin-bottom: 15px;
    font-size: 15px;
    color: #1C4582;
}

    .help_links .help_link_item:empty {
        display: none;
    }

    .help_links .help_link_item:before {
        content: "\e89e";
        font-family: "Material Icons";
        position: absolute;
        left: 0;
        font-size: 22px;
        height: 22px;
        line-height: 22px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.right_sidebar .i9_btn.red_border {
    width: 100%;
    display: none;
}

.right_sidebar .image_links .image_link_item {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

    .right_sidebar .image_links .image_link_item:last-child {
        margin-bottom: 0;
    }

    .right_sidebar .image_links .image_link_item img {
        margin-right: 15px;
        width: 50px;
        height: 50px;
    }

    .right_sidebar .image_links .image_link_item .link_title {
        font-size: 18px;
        font-weight: 500;
        color: #1C4582;
        display: inline-block;
        margin-bottom: 3px;
    }

/*New Page : How to fill I9 review*/
.numberd_instructions {
    counter-reset: section;
}

    .numberd_instructions .intruction_item {
        font-size: 16px;
        margin-bottom: 35px;
        position: relative;
        padding-left: 60px;
        line-height: 24px;
    }

        .numberd_instructions .intruction_item:before {
            position: absolute;
            counter-increment: section;
            content: counter(section);
            position: absolute;
            width: 41px;
            height: 41px;
            border-radius: 100%;
            font-size: 15px;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            border: 1px solid #C0BAD6;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            font-weight: 600;
        }

        .numberd_instructions .intruction_item:nth-child(2):before {
            bottom: auto;
            top: -10px;
        }

    .numberd_instructions .instruction_info {
        padding: 30px 30px 30px 70px;
        background-color: #fff;
        margin-top: 10px;
        font-size: 16px;
        line-height: 24px;
        position: relative;
        border-radius: 4px;
    }

        .numberd_instructions .instruction_info:before {
            content: "\e88e";
            color: #FFB341;
            position: absolute;
            font-family: "Material Icons Outlined";
            left: 20px;
            font-size: 30px;
            top: 30px;
            font-weight: 300;
        }

        .numberd_instructions .instruction_info a {
            text-decoration: underline;
        }

/*view block*/
.video_img_wrap {
    position: relative;
    margin-bottom: 15px;
}

    .video_img_wrap img {
        width: 100%;
    }

    .video_img_wrap:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: linear-gradient(to bottom,rgb(255 255 255 / 0%),rgb(49 107 145 / 55%));
    }

    .video_img_wrap .play_btn {
        position: absolute;
        width: 70px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: rgb(31 47 64 / 75%);
        border-radius: 100%;
    }

        .video_img_wrap .play_btn i {
            color: #3EE4AB;
            font-size: 60px;
        }

.vide_info .title_sm {
    margin-bottom: 5px;
}

.vide_info .title_sub {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.vide_info .i9_btn.icon_center {
    padding: 7px 20px;
    border: 1px solid #38698A;
    color: #38698A !important;
}

    .vide_info .i9_btn.icon_center i {
        color: #38698A;
    }

/*end of style*/
.document_list_wrapper {
    border: 1px solid #D8D8D8;
    border-radius: 4px;
}

    .document_list_wrapper .doc_head {
        padding: 13px 20px;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 1px;
        text-transform: uppercase;
        background-color: #E4F6F6;
        margin-bottom: 10px;
        font-weight: 600;
    }

        .document_list_wrapper .doc_head.dark_blue {
            background-color: #C2E9FB;
        }

    .document_list_wrapper .doc_body {
        padding: 10px 20px 20px;
        border-top: none;
        font-size: 14px;
    }

        .document_list_wrapper .doc_body .doc_item a {
            display: block;
            text-decoration: none;
            color: #4976F2;
            font-size: 17px;
            line-height: 25px;
            margin-bottom: 12px;
        }

        .document_list_wrapper .doc_body .doc_item div:not(:last-child) {
            margin-bottom: 10px;
        }

        .document_list_wrapper .doc_body .doc_item:not(:last-child) {
            border-bottom: 1px solid #DBDBDB;
            margin-bottom: 20px;
            padding-bottom: 20px;
        }
/*I9 Verification form*/

.i9_verification_wrapper .bg_content {
    padding: 30px 35px;
}

.section2_guidance .form_textarea {
    min-height: 119px;
}

.image_data {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 31px;
    margin-top: 10px;
}

.image_data img {
    margin-right: 20px;
    width: 91px;
}

.radio_option_list .col-md-6,
.radio_option_list {
    position: relative;
}

.radio_option_list .radio_btn_item td {
    padding-bottom: 20px;
}
.radio_option_list.mobile_alignment .radio_btn_item td {
    height:43px !important;
    padding-bottom:0;
}
.radio_option_list.mobile_alignment table .tooltip_td table tr td {
    height: 43px !important;
}
.radio_option_list .radio_btn_item {
    display: block;
}

.radio_option_list .radio_btn_item input[type="radio"] + label {
    padding-left: 40px;
}

.radio_option_list .radio_btn_item input[type="radio"] + label:before {
    font-size: 26px;
}

.radio_option_list .radio_btn_item input[type="radio"]:checked + label:after {
    left: 5px;
}

.radio_option_list .exp_date {
    position: absolute;
    bottom: 10px;
    width: 100%;
    display: flex;
    align-items: center;
}

.radio_option_list .exp_date > div:first-child {
    width: 155px;
}

.radio_option_list .exp_date .checkbox_item {
    margin-left: 10px;
}

.radio_option_list .alien_number {
    position: absolute;
    bottom: 56px;
    width: 100%;
}

.radio_option_list.sub_list {
    margin-bottom: 20px;
}

.radio_option_list.sub_list .radio_btn_item {
    margin-bottom: 0
}

.radio_option_list.sub_list > div > .row {
    margin-bottom: 10px;
}

.radio_option_list table td {
    position: relative;
    vertical-align: bottom;
}
.radio_option_list.mobile_alignment table td {
    vertical-align: top;
}

.radio_option_list table td:first-child {
    width: 54%;
}

.radio_option_list table td .checkbox_item input[type="checkbox"] + label {
    line-height: 23px;
}



.uploaded_documents {
    border: 4px dashed #EBECF5;
    padding: 25px 25px;
    background-color: #fff;
    margin: 25px -25px 30px;
}

.uploaded_documents .radio_btn_group .radio_btn_item {
    margin: 0;
}

.uploaded_documents .title_normal {
    margin-bottom: 15px;
}

.uploaded_doc_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.uploaded_doc_wrapper .upload_doc_item {
    padding: 15px 60px 15px 60px;
    border: 1px solid #CECECE;
    border-radius: 4px;
    position: relative;
    margin-right: 15px;
    margin-bottom: 15px;
    max-width: 100%;
}

.uploaded_doc_wrapper .upload_doc_item .title {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
    color: #181D37;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uploaded_doc_wrapper .upload_doc_item .file_name {
    color: #2F80D1;
    font-size: 15px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uploaded_doc_wrapper .upload_doc_item .download_btn {
    position: absolute;
    left: 15px;
    height: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #000;
}

.uploaded_doc_wrapper .upload_doc_item .delete_btn {
    position: absolute;
    right: 15px;
    height: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.uploaded_doc_wrapper .upload_doc_item .delete_btn:before {
    content: "\e872";
    font-family: "Material Icons";
    font-size: 28px;
    line-height: 28px;
    height: 28px;
    color: #EE4A4A;
}

.uploaded_doc_wrapper .upload_doc_item .download_btn:before {
    content: "\e2c4";
    font-family: "Material Icons";
    font-size: 30px;
    line-height: 30px;
    height: 30px;
}

.uploaded_documents .form_element_set {
    margin-bottom: 0;
}

.uploaded_doc_wrapper .upload_doc_wrap {
    text-decoration: none;
    background-color: #F2FFF7;
    color: #3B4257;
    border: 2px dashed #BADCC7;
    padding: 15px 25px 15px 75px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 17px;
    display: flex;
    align-items: center;
}

.uploaded_doc_wrapper .upload_doc_wrap:before {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #41B26A;
    position: absolute;
    left: 18px;
    top: 0;
    bottom: 0;
    content: "\e2c6";
    font-family: "Material Icons";
    margin: auto;
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uploaded_doc_wrapper .upload_doc_item.parsed_unsucess {
    border: 1px solid #DF8E14;
    background-color: #FFF5E5;
}

.uploaded_doc_wrapper .upload_doc_item.parsed_info.without_delete {
    padding: 15px 60px 15px 60px;
}

.uploaded_doc_wrapper .upload_doc_item.parsed_info.without_delete .parse_ico {
    right: 20px;
}

.uploaded_doc_wrapper .upload_doc_item.parsed_info .parse_ico {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    right: 50px;
}

.uploaded_doc_wrapper .upload_doc_item.parsed_info .parse_ico:before {
    content: "";
    background-image: url(../../../Images/I9Remote/playlist_add_check_circle.svg);
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}

.uploaded_doc_wrapper .upload_doc_item.parsed_info.parsed_unsucess .parse_ico:before {
    background-image: url(../../../Images/I9Remote/material-warning.svg);
}

.uploaded_doc_wrapper .upload_doc_item.parsed_info {
    padding: 15px 95px 15px 60px;
}

.uploaded_doc_wrapper .dropdown_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 50px;
}

.custom_dropdown_menu {
    position: absolute;
    background-color: #fff;
    border: 1px solid #CECECE;
    padding: 20px 20px;
    border-radius: 4px;
    min-width: 380px;
    max-width: 380px;
    z-index: 1;
    right: -10px;
    bottom: 60px;
    box-shadow: 0 0 20px rgb(0 0 0 / 16%);
    display: none;
    text-align: left;
}

.custom_dropdown_menu.show {
    display: block;
}

.custom_dropdown_menu:after {
    content: "";
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 17px solid #fff;
    position: absolute;
    bottom: -15px;
    right: 40px;
}

.custom_dropdown_menu:before {
    content: "";
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 18px solid #CECECE;
    position: absolute;
    bottom: -17px;
    right: 40px;
}

.custom_dropdown_menu .title_wrap {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    padding-left: 30px;
}

.custom_dropdown_menu .title_wrap:before {
    content: "\e86c";
    position: absolute;
    font-family: "Material Icons";
    font-size: 23px;
    left: 0;
    line-height: 23px;
    height: 23px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #2FBC7F;
}

.custom_dropdown_menu.unsuccess .title_wrap:before {
    content: "\e000";
    color: #DF8E14;
}

.custom_dropdown_menu .data_block {
    font-size: 14px;
    vertical-align: top;
}

.custom_dropdown_menu .data_block tr td {
    vertical-align: top;
    padding-bottom: 5px;
}

.custom_dropdown_menu .data_block tr td:first-child {
    width: 135px;
}

.custom_dropdown_menu .data_block tr td:not(:last-child) {
    padding-right: 10px;
}

.custom_dropdown_menu .data_block .val {
    font-weight: 600;
}

.custom_dropdown_menu .data_block .val.red_u {
    color: #E55151;
    text-decoration: underline;
}

.custom_dropdown_menu .i9_btn {
    width: 100%;
    padding: 7px 15px;
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    background-color: #2FBC7F;
    border: 1px solid #2FBC7F;
}



/*.uploaded_documents .i9_btn{
    font-size: 16px;
    padding: 0 30px;
    height: 47px;
    line-height: 45px;
    border-radius: 4px;
}*/
/*document info form in I9 verification page*/
.document_info_form {
    margin-top: 15px;
}

.document_info_form .document_form_item {
    margin-bottom: 20px;
    padding: 20px 20px 20px 45px;
    position: relative;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
}

.document_info_form .document_form_item .pdf_link {
    text-align: center;
    display: block;
}

.document_info_form .document_form_item .pdf_link img {
    width: 35px;
    height: 35px;
}

.document_info_form .document_form_item .item_num {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-color: #6592EC;
    font-size: 18px;
    line-height: 44px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 4px solid #EAECF6;
    position: absolute;
    left: -25px;
    top: 20px;
}

.document_info_form .document_form_item:nth-child(2) .item_num {
    background-color: #AF7DE1;
}

.document_info_form .document_form_item:nth-child(3) .item_num {
    background-color: #61ACAA;
}

.document_info_form .with_tooltip {
    display: block;
}

.document_info_form .with_tooltip.width_auto {
    display: inline-block !important;
}

.document_info_form .document_form_item .row:not(:last-child) {
    margin-bottom: 15px;
}

.document_info_form .element_item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.document_info_form > .element_item:last-child {
    margin-bottom: 0;
}

.document_info_form .element_item .left_label {
    margin-right: 10px;
    min-width: 161px;
    max-width: 161px;
}

.document_info_form .element_item .right_data {
    width: 100%;
}

.document_info_form .element_item .right_data .width_set {
    width: 170px;
}

.document_info_form .document_form_item .with_tooltip .form_label,
.document_info_form .document_form_item .with_tooltip {
    margin-bottom: 0;
}

.document_info_form .document_form_item .alert_info {
    padding: 6px 10px 8px 42px;
}

.document_info_form .document_form_item .alert_info:before {
    font-size: 22px;
    line-height: 22px;
    height: 22px;
    left: 10px;
}

/*Guidance information*/
.guidance_info_wrap {
    background-color: #fff;
    padding: 35px;
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
    position: relative;
    border-radius: 4px;
    max-width: 522px;
    margin-left: auto;
}

.guidance_info_wrap:before {
    content: "";
    width: 20px;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 25px solid #fff;
    position: absolute;
    top: 38px;
    left: -25px;
}

.guidance_info_wrap ul {
    list-style: none;
    padding-left: 45px;
}

.guidance_info_wrap li {
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 26px;
}

.guidance_info_wrap li:before {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background-color: #000;
    left: -28px;
    top: 6px;
}

.guidance_info_wrap .text_normal {
    font-size: 14px;
    line-height: 26px;
}

.sign_img_wrap {
    width: 100%;
    height: 43px;
    border: 1px solid #99A6C4;
    background-color: #E6EAF5 !important;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 10px 25px;
}

.sign_img_wrap img {
    max-height: 100%;
    max-width: 100%;
}
/*Receipt block*/
.receipt_block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.receipt_wrapper {
    padding: 30px 40px;
    background-color: #fff;
    max-width: 650px;
    margin: auto;
    box-shadow: 0 0 10px rgb(52 62 77 / 16%);
    position: relative;
    border-radius: 4px;
}

.receipt_wrapper.lg {
    max-width: 1000px;
}

.receipt_wrapper .receipt_header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.receipt_wrapper.video_verification .receipt_header {
    margin-bottom: 20px;
}

.receipt_wrapper .receipt_header img {
    margin-right: 20px;
    width: 145px;
}

.receipt_wrapper.video_verification img {
    width: 105px;
}

.receipt_wrapper .receipt_header .title {
    font-size: 25px;
    font-weight: 900;
    line-height: 34px;
    letter-spacing: -0.2px;
    margin-bottom: 5px;
}
/*Devider for Tearing*/
.receipt_divider {
    margin: 35px -20px 35px;
    border-top: 4px dashed #EDEDF4;
    position: relative;
}

.receipt_divider:after, .receipt_divider:before {
    content: "";
    position: absolute;
    left: -34px;
    width: 40px;
    height: 40px;
    background-color: #EEECF1;
    border-top-left-radius: 0;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.receipt_divider:after {
    background-color: #E5EEFF;
    right: -34px;
    left: auto;
    border-top-left-radius: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 100%;
}

.receipt_footer {
    display: flex;
    justify-content: center;
}

    .receipt_footer .i9_btn {
        margin: 0 5px;
        border: 1px solid #BACAF5;
        color: #181D37 !important;
        border-radius: 2px;
        font-size: 14px;
        line-height: 24px;
    }

        .receipt_footer .i9_btn.mail i,
        .receipt_footer .i9_btn.mail {
            color: #27944C !important;
        }

/*form data showing area*/
.form_info_wrap .form_info_item {
    margin: 20px 0 0;
}

.form_info_wrap .title_wrap {
    font-size: 13px;
    text-transform: uppercase;
    color: #181D37;
    letter-spacing: 1px;
    margin-bottom: 4px;
    color: #181D37;
    font-weight: 500;
}

.form_info_wrap .data_wrap {
    font-size: 17px;
    font-weight: 600;
    color: #181D37;
    white-space: normal;
    word-break: break-word;
}

    .form_info_wrap .data_wrap img {
        max-width: 300px;
    }

/*Footer*/
.footer-wrapper-block {
    max-width: 1256px;
    margin: auto;
    display: flex;
    align-items: center;
    background-color: #fff;
    position: relative;
    text-align: center;
    padding: 20px 30px;
}

    .footer-wrapper-block img.left_logo {
        max-width: 138px;
        max-height: 30px;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .footer-wrapper-block .copy-right {
        margin: auto;
        text-align: center;
        font-size: 14px;
    }

    .footer-wrapper-block .digicert-block {
        margin-left: auto;
    }

        .footer-wrapper-block .digicert-block img {
            max-width: 165px;
            max-height: 45px;
        }
/*Error Message*/
/*Validaton messages*/

.ValidationError {
    background: #ffd9d9;
    display: block;
    color: #9e2020 !important;
    padding: 5px 0;
    margin: 0 0 15px;
    border-radius: 4px;
    width: 100%;
}

    .ValidationError ul {
        margin-bottom: 0;
        padding-left: 35px !important;
    }

        .ValidationError ul li:before {
            font-family: "Material Icons";
            content: "\E002";
            font-size: 20px;
            line-height: 1;
            position: absolute;
            left: -20px;
            top: 5px;
            color: #bf2020 !important;
        }

    .ValidationError li {
        padding: 5px 10px;
        position: relative;
        list-style: none;
        margin: 0 !important;
    }

.info,
.errorMsg,
.success {
    background: #30b378;
    color: white;
    border-radius: 0;
    font-size: 14px;
    width: 100%;
    padding: 10px 20px 10px 40px !important;
    margin: 0 0 15px !important;
    font-weight: 400 !important;
    display: block !important;
    word-break: break-word;
    position: relative;
}

    .info:before,
    .errorMsg:before,
    .success:before {
        font-family: "Material Icons";
        content: "\E86C";
        font-size: 22px;
        line-height: 22px;
        margin-right: 10px;
        position: absolute;
        top: calc(50% - 11px);
        left: 10px;
    }

.errorMsg {
    background: #ffd9d9;
    color: #9e2020 !important;
    border-radius: 4px;
}

    .errorMsg:before {
        content: "\E002";
        color: #bf2020 !important;
    }

.info {
    background: #4c87e2;
    color: white;
}

    .info:before {
        content: "\E88F";
    }

/*video popup*/
body.video-opened {
    overflow: hidden;
}

.video_popup {
    background: #333;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    bottom: 0;
    display: none;
    height: 100vh;
    align-items: center;
    justify-content: center;
    padding: 50px;
    cursor: pointer;
}

    .video_popup .video_wrap {
        max-width: 700px;
        margin: auto;
    }

    .video_popup .video_close {
        position: absolute;
        right: 50px;
        top: 10px;
    }

        .video_popup .video_close:before {
            content: "\e5cd";
            position: absolute;
            font-size: 20px;
            width: 35px;
            height: 35px;
            border-radius: 100%;
            background: #fff;
            font-family: "Material Icons";
            line-height: 35px;
            text-align: center;
            cursor: pointer;
        }

    .video_popup.open {
        display: flex;
    }

    .video_popup .video_frame {
        margin-bottom: 10px;
        max-width: 100% !important;
        width: 700px;
        height: 400px;
    }

    .video_popup .video_title {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 10px;
        color: #fff;
        text-align: center;
    }

    .video_popup .video_desc {
        font-size: 17px;
        line-height: 22px;
        color: #fff;
        font-weight: 300;
        text-align: center;
    }

.instruction_slider {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
}

    .instruction_slider .instruction_item {
        flex-basis: 100%;
        flex-shrink: 0;
    }

    .instruction_slider .top_img img {
        width: 100%;
    }

    .instruction_slider .top_img {
        margin-bottom: 20px;
    }

.instruction_slider_wrapper .slider_controls {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

    .instruction_slider_wrapper .slider_controls .control {
        margin: 0 10px;
    }

        .instruction_slider_wrapper .slider_controls .control:before {
            display: inline-block;
            width: 35px;
            height: 35px;
            text-align: center;
            line-height: 33px;
            font-size: 28px;
            color: #354FA2;
            margin-right: 5px;
            border-radius: 60px;
            background-color: #fff;
            border: 1px solid #9FA2C2;
            font-family: material icons;
            content: attr(data-icon);
            z-index: 2;
        }

        .instruction_slider_wrapper .slider_controls .control.disabled {
            pointer-events: none;
            opacity: 0.6;
        }

            .instruction_slider_wrapper .slider_controls .control.disabled:before {
                color: #000;
                pointer-events: none;
            }

.instruction_slider_wrapper span.slider_count {
    font-size: 16px;
}

    .instruction_slider_wrapper span.slider_count .current_slide {
        font-weight: 900;
    }


/*I9 Verification large tooltip*/
.helptext-wrapper {
    margin-left: 20px;
    background: white;
    margin-bottom: 5px;
    border-radius: 4px;
    box-shadow: 0px 0px 4px 0 rgb(206 212 217);
    padding: 20px 30px 20px 30px;
    position: sticky;
    top: 0;
}

    .helptext-wrapper:before {
        content: "";
        width: 20px;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 25px solid #fff;
        position: absolute;
        top: 38px;
        left: -24px;
    }

/*.helptext-wrapper:before {
    font-family: "Material Icons";
    content: "\E90F";
    font-size: 40px;
    position: absolute;
    top: 17px;
    left: 10px;
    font-weight: 100;
    color: #23aaea;
    z-index: -1;
}*/
.helptext-wrapper__title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.4px;
    margin: 5px 0 7px 0;
}

    .helptext-wrapper__title.small {
        font-size: 14px;
    }

.helptext-wrapper__para-txt {
    font-size: 14px;
    line-height: 24px;
    margin: 0px 0 15px 0;
}

ul.helptext-wrapper__list-txt {
    margin-bottom: 15px;
    padding-left: 10px;
}

    ul.helptext-wrapper__list-txt li {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 26px;
    }

.helptext-wrapper .collapsible_panel {
    border: 1px solid #cfcfd8;
    border-radius: 4px;
    margin-bottom: 10px;
}

    .helptext-wrapper .collapsible_panel .cp_head {
        padding: 8px 10px;
        margin: 0;
        cursor: pointer;
        background: #f3f4f5;
        position: relative;
        padding-right: 35px;
        font-size: 15px;
        font-weight: 600;
    }

        .helptext-wrapper .collapsible_panel .cp_head:after {
            font-family: "Material Icons";
            content: "\E313";
            position: absolute;
            font-size: 20px;
            top: calc(50% - 14px);
            right: 10px;
        }

        .helptext-wrapper .collapsible_panel .cp_head.active:after {
            content: "\E316";
        }

        .helptext-wrapper .collapsible_panel .cp_head.active + .cp_content {
            display: block;
        }

    .helptext-wrapper .collapsible_panel .cp_content {
        display: none;
        padding: 10px 20px;
        border-top: 1px solid #cfcfd8;
    }


.tooltip_flex {
    display: flex;
    align-items: center;
}

    .tooltip_flex .with_tooltip {
        width: 20px;
        margin-left: 10px;
    }

    .tooltip_flex .pdf_link {
        width: 41px;
    }

    .tooltip_flex .checkbox_item {
        margin-left: 5px;
    }

/* CSS FOR FIXED LOADER  */

.fixed_loader {
    border-radius: 0;
    text-align: center;
    font-size: 14px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 10px;
    z-index: 1114;
    margin: 0;
    font-weight: 400;
    cursor: auto;
    transition-duration: 0.3s;
    background: #23aaea;
    color: white;
    overflow: hidden;
    visibility: hidden;
}

    .fixed_loader.in:before {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0);
        content: "";
    }

    .fixed_loader.in {
        -webkit-animation-name: fxdLoader; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 0.6s; /* Safari 4.0 - 8.0 */
        animation-name: fxdLoader;
        animation-duration: 0.6s;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        visibility: visible;
    }

@-webkit-keyframes fxdLoader {
    0% {
        bottom: -40px;
    }

    100% {
        bottom: 0px;
    }
}

/* Standard syntax */

@keyframes fxdLoader {
    0% {
        bottom: -40px;
    }

    100% {
        bottom: 0px;
    }
}

.fixed_loader .spinner div {
    width: 6px;
    height: 6px;
    position: absolute;
    left: -20px;
    bottom: 2px;
    background-color: #fff;
    border-radius: 50%;
    animation: move 4s infinite cubic-bezier(.2,.64,.81,.23);
}

    .fixed_loader .spinner div:nth-child(2) {
        animation-delay: 150ms;
    }

    .fixed_loader .spinner div:nth-child(3) {
        animation-delay: 300ms;
    }

.spinner div:nth-child(4) {
    animation-delay: 450ms;
}

@keyframes move {
    0% {
        left: 0%;
    }

    75% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

/* END OF CSS FOR FIXED LOADER */

/*Preparer*/
.preparer_wrapper .pt_content_box {
    margin-top: 15px;
}

.form_inline_element {
    display: flex;
    align-items: center;
}

    .form_inline_element .form_inline_item {
        margin-right: 10px;
    }

    .form_inline_element.align-items-start .form_inline_item .checkbox_item {
        position: relative;
        top: -10px;
    }

.preparer_wrapper .pt_content_box .tooltip_item {
    display: none;
}

.preparer_wrapper .translator_detail_wrap.mt-30 {
    margin-top: 20px !important;
}

.preparer_wrapper .mb-20 {
    margin-bottom: 10px;
}

.preparer_wrapper .title_sm {
    font-size: 14px;
}

.preparer_wrapper .row.gx-2 {
    margin-bottom: 5px;
}
/*error control style*/
.Error_element .RadInput_Default .riTextBox.form_input,
.Error_element .form_textarea,
.Error_element .form_datepicker,
.Error_element .form_select_container,
.Error_element .form_input {
    background-color: #fff6f6 !important;
    border-color: #f97783 !important;
}

    .Error_element .form_datepicker .RadInput_Default a,
    .Error_element .form_datepicker .RadInput a {
        background-color: #fff6f6 !important;
        border-color: #fff6f6;
    }

    .Error_element .form_datepicker .RadInput_Default .riTextBox,
    .Error_element .form_datepicker .RadInput_Default .riSelect,
    .Error_element .form_datepicker .RadInput_Default .rcSelect,
    .Error_element .form_datepicker .RadInputMgr_Default,
    .Error_element .form_datepicker .form_datepicker .RadPicker_Default.rcCalPopupOpen .rcCalPopup,
    .Error_element .form_datepicker .RadPicker_Default.rcMYPopupOpen .rcCalPopup,
    .Error_element .form_datepicker.RadPicker_Default.rcTimePopupOpen .rcTimePopup {
        background-color: #fff6f6 !important;
    }


    .Error_element .form_datepicker .RadInput_Default .riTextBox,
    .Error_element .form_datepicker .RadInputMgr_Default {
        background-color: #fff6f6 !important;
    }

.Error_element .radio_btn_item input[type="radio"] + label:before,
.Error_element .checkbox_item input[type="checkbox"] + label:before {
    color: #f97783 !important;
    border: 1px solid #f97783;
}

.Error_element.form_element_set .RadInput_Default .riTextBox.form_input {
    border-color: #f97783 !important;
}

.Error_element .switch_control input[type="checkbox"] + label:before {
    background-color: #f97783 !important;
}

.Error_element .switch_control input[type="checkbox"] + label {
    border-color: #f97783 !important;
    background-color: #fff6f6 !important;
}

.Error_element .RadUpload .ruFileWrap {
    background-color: #fff6f6 !important;
    border: 1px solid #f97783 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 3px !important;
}

.Error_element .RadUpload .ruButton {
    background-color: #ffcfd3 !important;
    color: #af1515 !important;
}

.document_info_form .Error_element .checkbox_item input[type="checkbox"] + label:before {
    border: none;
}
/*I9 Verification tooltip td*/
.radio_option_list table .tooltip_td {
    width: 40px;
    vertical-align: top;
}

    .radio_option_list table .tooltip_td table tr td {
        height: 43px;
        vertical-align: top;
    }

        .radio_option_list table .tooltip_td table tr td .with_tooltip {
            width: 25px;
            height: 25px;
        }

.radio_option_list .radio_btn_item td span[disabled="disabled"] {
    opacity: 0.7;
}
/*table*/
.table_data table {
    width: 100%;
}

    .table_data table th {
        font-weight: 600;
        color: #21252A;
    }

        .table_data table th[align="center"] {
            text-align: center;
        }

    .table_data table th {
        padding: 5px;
        border-bottom: 1px solid #D5D5D5;
    }

    .table_data table td {
        padding: 8px 5px;
        position: relative;
    }

.table_data > table > tr td {
    border-bottom: 1px solid #D5D5D5;
}

.table_data > table > tr:last-child td {
    border-bottom: none;
}

.table_data table .yet_finish_row .checkbox_item,
.table_data table .past_due_row .checkbox_item {
    pointer-events: none;
}

    .table_data table .yet_finish_row .checkbox_item input[type="checkbox"] + label:before,
    .table_data table .past_due_row .checkbox_item input[type="checkbox"] + label:before {
        color: #706E6E;
    }

.table_data .record_info {
    font-size: 16px;
    font-weight: 600;
    margin-right: 15px;
}

.table_data table tbody tr:not(:last-child) {
    border-bottom: 1px solid #D5D5D5;
}

/*icon button*/
.icon_btn {
    display: inline-block;
    border-radius: 4px;
    padding: 6px 10px 6px 35px;
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333 !important;
    background-color: #f5f5f5;
    font-size: 14px;
}

    .icon_btn .material-icons {
        position: absolute;
        left: 5px;
        font-size: 24px;
        line-height: 24px;
        height: 24px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.title_header {
    display: flex;
    align-items: center;
}

.title_header .button_right {
    margin-left: auto;
}

/*popup dark mode*/
.modal.fade.dark_mode {
    color: #fff;
}

.modal.fade.dark_mode .modal-dialog {
    margin-bottom: 0;
}

.modal.fade.dark_mode .modal-header {
    background-color: #181C20;
    border-bottom: none;
    padding: 15px 25px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.modal.fade.dark_mode .modal-content {
    border-radius: 10px;
    background-color: transparent;
}

.modal.fade.dark_mode .modal-body {
    background-color: #32383E;
    padding: 20px 30px;
    height: calc(100vh - 99px);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow-y: auto;
}

.modal.fade.dark_mode .modal-header .modal-title {
    display: flex;
    align-items: center;
    width: 100%;
    flex: 1;
}

.modal.fade.dark_mode .modal-header .modal-title > * {
    flex-grow: 1;
}

.modal.fade.dark_mode .modal-header .btn-close {
    background-image: none;
    position: absolute;
    right: -15px;
    opacity: 1;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #FC5353;
    border: 4px solid #707070;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal.fade.dark_mode .modal-header .btn-close:before {
    content: "\e5cd";
    font-family: "Material Icons";
    color: #fff;
    opacity: 1;
    font-size: 23px;
}

.modal.fade.dark_mode .button-block .btn {
    padding: 7px 30px;
}

.modal.fade.dark_mode .left_file_name {
    display: flex;
    align-items: center;
}

.modal.fade.dark_mode .left_file_name .material-icons {
    margin-right: 8px;
    color: #56595D;
}

    .modal.fade.dark_mode .file_name_info {
        border-radius: 60px;
        padding: 5px 20px;
        background-color: #272E34;
        margin: auto;
        max-width: 210px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: auto;
        display: inline-block;
    }

        .modal.fade.dark_mode .file_name_info a {
            color: #fff;
            text-decoration: none;
        }

    .modal.fade.dark_mode .file_caption {
        margin: auto;
        text-align: center;
    }

    .modal.fade.dark_mode .file_download_link {
        text-decoration: none;
        color: #fff;
        position: relative;
        padding-left: 40px;
        max-width: 210px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-left: auto;
        display: inline-block;
    }

    .modal.fade.dark_mode .file_link {
        text-align: right;
        padding-right: 20px;
    }

    .modal.fade.dark_mode .file_download_link:before {
        content: "\e2c4";
        font-family: "Material Icons";
        line-height: 23px;
        font-size: 23px;
        height: 23px;
        position: absolute;
        left: 5px;
        top: 0;
        bottom: 0;
        margin: auto;
    }
/*image Editor*/
.image_editor .RadImageEditor.RadImageEditor_Default {
    width: 100% !important;
    height: calc(100vh - 145px);
}

.image_editor canvas#ctl00_EVSContent_rieDocument_canvas {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

div#ctl00_EVSContent_rieDocument_ToolsPanel {
    z-index: 9999;
}

.image_editor .rtbUL li .rtbButton.rtbIconOnly {
    border: 1px solid #ccc;
    cursor: pointer;
}

    .image_editor .rtbUL li .rtbButton.rtbIconOnly:after {
        font-size: 13px;
    }

.image_editor .rtbButton.rtbIconOnly[title="Save Image"] {
    padding-right: 106px;
    color: #fff;
    background-color: #3468E1;
}

.image_editor .rtbButton.rtbIconOnly[title="Rotate Right by 90 degrees"] {
    padding-right: 93px;
}

    .image_editor .rtbButton.rtbIconOnly[title="Rotate Right by 90 degrees"]:after {
        content: "Rotate Right";
        margin-left: 8px;
    }

.image_editor .rtbButton.rtbIconOnly[title="Rotate Left by 90 degrees"] {
    padding-right: 85px;
}

    .image_editor .rtbButton.rtbIconOnly[title="Rotate Left by 90 degrees"]:after {
        content: "Rotate Left";
        margin-left: 8px;
    }

.image_editor .rtbButton.rtbIconOnly[title="Save Image"]:after {
    content: "Save Changes";
    margin-left: 8px;
}

.image_editor .RadToolBar .rtbIconOnly .rtbImage {
    margin-left: 4px;
}
/*Number field Arrow removal*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*======================================================== i9 Portal page styles start here ===============================================*/
/*===================================================================================================================================*/

.bg_content.lite_bg {
    background-color: #F1F6FB;
    border: 1px solid #E2E2E2;
    background-image: none;
}

.I9_portal_login.with_sidebar .login_form_wrap .i9_btn {
    margin: 4px 0 7px;
}

.I9_portal_login.with_sidebar .left_container_wrap {
    width: calc(100% - 431px);
}

.I9_portal_login.with_sidebar .i9_login_box .login_info {
    min-height: calc(100vh - 190px);
}

.alert_info.with_icon:before {
    content: attr(data-icon);
    top: 9px;
    bottom: auto;
    color: #D29D0C;
}

.toggle_wrapper {
    background-color: #FEFFF5;
    border: 1px solid #BEBFAB;
    border-radius: 4px;
    margin-bottom: 20px;
}

.toggle_wrapper .toggle_header {
    padding: 10px 20px;
    position: relative;
    display: flex;
    align-items: center;
    color: #2A4150;
    cursor: pointer;
    font-weight: 900;
}

.toggle_wrapper .toggle_header .material-icons {
    color: #D29D0C;
}
.toggle_wrapper .toggle_data {
    padding: 0 20px 10px;
    font-weight: 400;
    line-height: 24px;
    font-size: 14px;
}
.toggle_wrapper .toggle_header i {
    margin-right: 10px;
}
.toggle_wrapper .toggle_data * {
    font-size: 13px !important;
    font-family: Inter !important;
    background-color: transparent !important;
}

/* form elements */
.i9_login_box .form_input,
.i9_login_box .form_select_container {
    margin: 4px 0 7px;
}

.i9_login_box .form_input {
    height: 52px;
}

.i9_login_box .form_select_container .form_select {
    height: 50px;
}

.icon_link {
    position: relative;
    padding-left: 35px;
    font-size: 14px;
    color: #216BDC;
    text-decoration: underline !important;
    line-height: 24px;
    display: flex;
    white-space: normal;
    word-break: break-all;
}

    .icon_link .icon {
        position: absolute;
        left: 0;
        font-size: 28px;
        height: 28px;
        line-height: 28px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

        .icon_link .icon.top {
            bottom: auto;
        }

.number_item_wrapper {
    padding-left: 50px;
    counter-reset: section;
}

    .number_item_wrapper .number_item {
        padding-bottom: 15px;
        border-bottom: 1px solid #E5E5E5;
        margin-bottom: 15px;
        position: relative;
        font-size: 14px;
    }

        .number_item_wrapper .number_item:last-child {
            border-bottom: none;
            padding-bottom: 0;
            margin-bottom: 0;
        }

        .number_item_wrapper .number_item:before {
            counter-increment: section;
            content: counter(section);
            position: absolute;
            width: 35px;
            height: 35px;
            border-radius: 100%;
            font-size: 14px;
            left: -50px;
            top: 0;
            bottom: 0;
            margin: auto;
            border: 1px solid #C0BAD6;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #EDEBF5;
            font-weight: 600;
        }

.or_seperator {
    border-bottom: 1px solid #E5E5E5;
    position: relative;
}

    .or_seperator span,
    .or_seperator .seperator_content {
        display: block;
        font-size: 14px;
        text-align: center;
        width: 41px;
        height: 41px;
        line-height: 35px;
        border-radius: 100%;
        background-color: #EDEBF5;
        border: 1px solid #C0BAD6;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        color: #2B234A;
        font-weight: 600;
    }

.right_sidebar .or_seperator {
    margin: 20px 0 40px;
}

.img_data_wrap {
    border-radius: 3px;
}

    .img_data_wrap img {
        max-width: 100%;
        width: 100%;
    }

    .img_data_wrap .data_wrap {
        padding: 20px;
        background-color: #EBEDFF;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

        .img_data_wrap .data_wrap .title {
            font-weight: 700;
            font-size: 22px;
            margin-bottom: 3px;
        }

    .img_data_wrap .data {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .img_data_wrap a {
        text-decoration: underline;
        color: #3468E1;
    }

.main_i9_container.without_sidebar .content_wrapper {
    width: 100%;
}

.main_i9_container.without_sidebar .header_top .header_account_wrap .profle_name {
    max-width: 500px;
}

/*Progress bar on Top*/
.progress_tab_bar {
    display: flex;
    align-items: center;
    background-color: #E6EEEF;
    padding: 2px;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    position: relative;
    padding-left: 15px;
    padding-right: 8px;
    margin-bottom: 15px;
}

    .progress_tab_bar:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 22px solid #E6EEEF;
        right: -20px;
        margin: auto;
        top: 0;
        bottom: 0;
    }

    .progress_tab_bar .progress_tab_item {
        padding: 6px 35px;
        background-color: #E6EEEF;
        margin: 0 3px;
        transform: skew(35deg);
        position: relative;
        flex: 1 1 auto;
        text-align: center;
        z-index: 1;
        min-height: 32px;
        font-weight: 500;
        font-size: 13px;
        visibility: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        .progress_tab_bar .progress_tab_item.completed,
        .progress_tab_bar .progress_tab_item.active {
            visibility: visible;
        }

        .progress_tab_bar .progress_tab_item:after {
            content: "";
            position: absolute;
            right: -5px;
            top: 0;
            bottom: 0;
            /*border-right: 1px solid #B1C4C8;*/
            transform: skew(1deg);
        }

        .progress_tab_bar .progress_tab_item:first-child:before {
            content: "";
            position: absolute;
            padding: 7px 15px;
            left: -16px;
            width: 45px;
            border-top-left-radius: 33px;
            border-bottom-left-radius: 33px;
            background-color: #E6EEEF;
            top: 0;
            bottom: 0;
            margin: auto;
            height: 32px;
            transform: skew(-35deg);
        }

        .progress_tab_bar .progress_tab_item.active:first-child:before {
            background-color: #23aaea;
        }

        .progress_tab_bar .progress_tab_item:first-child {
            border-top-left-radius: 33px;
            border-bottom-left-radius: 33px;
            padding-left: 0;
        }

        .progress_tab_bar .progress_tab_item:last-child {
            padding-right: 5px;
        }

            .progress_tab_bar .progress_tab_item:last-child:before {
                content: "";
                position: absolute;
                right: -12px;
                top: 0;
                bottom: 0;
                background-color: #E6EEEF;
                height: 100%;
                transform: skew(-35deg);
                width: 25px;
            }

            .progress_tab_bar .progress_tab_item:last-child:after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                border-top: 16px solid transparent;
                border-bottom: 16px solid transparent;
                border-left: 16px solid #E6EEEF;
                right: -27.5px;
                top: 0;
                bottom: 0;
                transform: skew(-35deg);
                border-right: none;
                margin: auto;
            }

        .progress_tab_bar .progress_tab_item.completed.active:last-child:before,
        .progress_tab_bar .progress_tab_item.completed.active:before,
        .progress_tab_bar .progress_tab_item.completed.active,
        .progress_tab_bar .progress_tab_item.active:last-child:before {
            background-color: #23AAEA;
        }

        .progress_tab_bar .progress_tab_item.active.completed:last-child:after,
        .progress_tab_bar .progress_tab_item.active:last-child:after {
            border-left: 16px solid #23AAEA !important;
        }

        .progress_tab_bar .progress_tab_item span {
            transform: skew(-35deg);
            text-transform: uppercase;
            display: none;
        }

        .progress_tab_bar .progress_tab_item.active.completed,
        .progress_tab_bar .progress_tab_item.active {
            background-color: #23AAEA;
            color: #fff;
        }

            .progress_tab_bar .progress_tab_item.completed .status_1,
            .progress_tab_bar .progress_tab_item.active span {
                display: block;
            }

        .progress_tab_bar .progress_tab_item.completed.active .status_1 {
            margin: 0 5px 0 0;
        }


        .progress_tab_bar .progress_tab_item.completed span {
            display: none;
        }

        .progress_tab_bar .progress_tab_item.completed.active .status_1,
        .progress_tab_bar .progress_tab_item.completed.active span {
            display: block;
        }

        .progress_tab_bar .progress_tab_item i {
            display: block;
            margin: auto;
            transform: skew(-35deg);
            font-size: 20px;
            width: 20px;
            height: 20px;
            line-height: 20px;
            color: #fff;
            display: none;
        }

        .progress_tab_bar .progress_tab_item .status_1 {
            display: none;
        }

        .progress_tab_bar .progress_tab_item.completed:last-child:after {
            border-left: 16px solid #27A57F;
        }

        .progress_tab_bar .progress_tab_item.completed:last-child:before,
        .progress_tab_bar .progress_tab_item.completed:before,
        .progress_tab_bar .progress_tab_item.completed {
            background-color: #27A57F;
        }

.form_element_set .form_data {
    font-weight: 600;
    display: block;
    font-size: 14px;
    margin-bottom: 25px;
    white-space: normal;
    word-break: break-all;
}

/* signature */

.pt_sinature_wrap {
    margin-bottom: 20px;
}

    .pt_sinature_wrap .nav-tabs {
        border: none;
        margin: 20px 0 30px;
    }

        .pt_sinature_wrap .nav-tabs > li {
            margin-right: 20px;
        }

            .pt_sinature_wrap .nav-tabs > li > .nav-link {
                border: 1px solid #CCCCCC;
                padding: 7px !important;
                border-radius: 4px;
                width: 40px;
                height: 40px;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #9EA0A8;
                background-color: #fff;
                cursor: pointer;
            }

                .pt_sinature_wrap .nav-tabs > li > .nav-link i {
                    font-size: 24px;
                }

                .pt_sinature_wrap .nav-tabs > li > .nav-link.active {
                    border: 1px solid #2473B8;
                    background: #D6E7F5;
                    color: #2473B8;
                }

    .pt_sinature_wrap .signature_block {
        padding: 25px;
        background-color: #fff;
        max-width: 470px;
        border: 1px solid #99A6C4;
        border-radius: 4px;
    }

        .pt_sinature_wrap .signature_block .i9_btn {
            margin-top: 15px;
            font-size: 13px;
            padding: 10px 20px;
            flex: 1;
            font-weight: 400;
        }

.sign_input_header {
    display: flex;
    font-size: 14px;
    align-items: center;
    margin-bottom: 15px;
}
/*
.input_signature {
    display: flex;
}
.input_signature > div{
    margin-right: 15px;
}
*/
.change-font {
    margin-left: auto;
    color: #0B5E9E;
    text-decoration: none !important;
    display: inline-block;
}

.sign_input {
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding-bottom: 10px;
    outline: none !important;
    height: 48px !important;
    font-size: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.initial_input {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    outline: none !important;
    width: 82px;
    height: 48px;
    font-size: 26px;
}

.radio_box_block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.radio_box_block .radio_box_item {
    padding: 13px 15px;
    background-color: #fff;
    border: 1px solid #B4C1CF;
    border-radius: 3px;
}

.radio_box_block .radio_box_item.active {
    border: 1px solid #346EE1;
    background-color: transparent;
    color: #346EE1;
}

.radio_box_block.box .radio_box_item {
    padding: 0;
    border: none;
    background: none;
}

.radio_box_block.box input[type="radio"] + label {
    padding: 13px 15px 13px 40px;
    border: 1px solid #B4C1CF;
    border-radius: 3px;
    background: #fff;
}

.radio_box_block.box input[type="radio"]:checked + label {
    border: 1px solid #346EE1;
    background: #fff;
    color: #346EE1;
}

.radio_box_block.box.lg input[type="radio"] + label {
    color: #181D37;
    font-weight: 700;
}

.radio_box_block.box.lg input[type="radio"]:checked + label {
    background: #fff;
    border: 1px solid #346EE1;
}

.radio_box_block.box .radio_btn_item input[type="radio"] + label:before {
    left: 10px;
}

.radio_box_block.box .radio_btn_item input[type="radio"]:checked + label:after {
    left: 15px;
}

.radio_box_block.box.lg table {
    width: 80%;
}

.radio_box_block.box.lg table td {
    width: 50%;
}
.radio_box_block.box.w-100 .radio_btn_item table {
    width: 100%;
}

.radio_btn_item.td_space td {
    padding: 10px 0;
}

.translator_detail_wrap .form_wrapper:not(:first-child) {
    border-top: 1px solid #a9a4a4;
    padding-top: 25px;
}

.empty_message_block {
    padding: 40px 40px 40px 210px;
    background-color: #E1ECF6;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 150px;
}

    .empty_message_block .left_img {
        position: absolute;
        left: 45px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 120px;
        height: 120px;
    }

    .empty_message_block .empty_content .title {
        font-weight: 700;
        font-size: 24px;
        margin-bottom: 5px;
    }

    .empty_message_block .empty_content .sub_txt {
        font-size: 16px;
    }

    .empty_message_block .i9_btn {
        margin-top: 25px;
        font-size: 14px;
        padding: 10px 25px;
        font-weight: 500;
        letter-spacing: 0.4px;
    }

.success_message_block {
    text-align: center;
    margin: 40px 0 30px;
}

    .success_message_block .material-icons {
        font-size: 40px;
        color: #30B378;
        margin-bottom: 10px;
    }

    .success_message_block .top_info {
        font-size: 20px;
        font-weight: 500;
    }

    .success_message_block .title {
        font-size: 24px;
        font-weight: 700;
    }

    .success_message_block .sub_txt {
        font-size: 15px;
    }

.accordion_wrapper .accordion-item .accordion-button.bg_white {
    background-color: #fff;
    box-shadow: none;
}

.bg_white_box {
    padding: 25px;
    background-color: #fff;
    box-shadow: 0 0 6px rgb(92 107 112 / 16%);
    border-radius: 4px;
    margin-bottom: 20px;
}

    .bg_white_box .sample_doc {
        padding-left: 40px;
    }

        .bg_white_box .sample_doc img {
            max-width: 300px;
        }

/* I9 Thanks page */
.document_detail_information_wrapper {
    margin-bottom: 15px;
}

    .document_detail_information_wrapper .ash_title_block {
        padding: 10px;
        text-align: center;
        background-color: #F3F3F3;
        border: 1px solid #E5E5E5;
        margin: 5px 0;
        border-radius: 3px;
    }


.document_flex_wrap {
    display: flex;
}

    .document_flex_wrap .document_info_item {
        border: 1px solid #E2E2E2;
        margin: 0 5px 0 0;
        position: relative;
        flex: 1;
        border-radius: 4px;
        padding: 5px;
    }

    .document_flex_wrap .combined_item {
        display: flex;
        border: 1px solid #E2E2E2;
        padding: 5px;
        width: 66%;
        border-radius: 4px;
    }

        .document_flex_wrap .combined_item .document_info_item {
            border: none;
            padding: 0;
            margin: 0;
            border-radius: 0;
        }

            .document_flex_wrap .combined_item .document_info_item:first-child {
                border-right: 1px solid #E5E5E5;
            }

    .document_flex_wrap .doc_header {
        text-align: center;
        background-color: #E5F0FF;
        padding: 10px 15px;
        position: relative;
        color: #2a59af;
    }

        .document_flex_wrap .doc_header.bg_red {
            background-color: #FFE1E1;
            color: #D50000;
        }

        .document_flex_wrap .doc_header .title_sm {
            text-align: left;
            margin-bottom: 0;
            font-weight: 400;
            font-size: 15px;
            letter-spacing: 1px;
        }

        .document_flex_wrap .doc_header .sub_title {
            font-weight: 500;
            font-size: 14px;
        }

    .document_flex_wrap .doc_body {
        font-size: 14px;
    }

    .document_flex_wrap .doc_body {
        padding: 5px;
    }

        .document_flex_wrap .doc_body table {
            width: 100%;
        }

        .document_flex_wrap .doc_body ul {
            margin-bottom: 0;
            list-style: none;
            padding-left: 0;
        }

            .document_flex_wrap .doc_body ul li {
                position: relative;
                padding-left: 20px;
            }

                .document_flex_wrap .doc_body ul li:before {
                    content: "";
                    width: 8px;
                    height: 8px;
                    border-radius: 100%;
                    background-color: #000;
                    position: absolute;
                    left: 0;
                    top: 5px;
                }

        .document_flex_wrap .doc_body li:not(:last-child) {
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #E5E5E5;
        }

        .document_flex_wrap .doc_body table td {
            padding: 11px 8px;
            vertical-align: top;
            border-bottom: 1px solid #E5E5E5;
        }

        .document_flex_wrap .doc_body table tr:last-child td {
            border-bottom: none;
        }

        .document_flex_wrap .doc_body table tr td:first-child {
            width: 25px;
            font-weight: 700;
        }

.bg_content {
    position: relative;
}

    .bg_content.zig_zag {
        position: relative;
        padding-bottom: 40px;
        border-bottom-left-radius: 0;
        border-bottom: none;
        border-bottom-right-radius: 0;
    }

    .bg_content .circle_side:after,
    .bg_content .circle_side:before {
        content: "";
        position: absolute;
        left: -20px;
        width: 41px;
        height: 42px;
        background-color: #fff;
        border-top-left-radius: 0;
        border-top-right-radius: 100%;
        border-bottom-right-radius: 100%;
        border-bottom-left-radius: 0;
        bottom: 40px;
        margin: auto;
        z-index: 1;
        ;
    }

    .bg_content .circle_side:after {
        right: -20px;
        left: auto;
        border-top-left-radius: 100%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 100%;
    }

    .bg_content .circle_side.with_border:after {
        background-color: #E2E2E2;
        z-index: 0;
        right: -19px;
        left: auto;
    }

    .bg_content .circle_side.with_border:before {
        background-color: #E2E2E2;
        z-index: 0;
        left: -19px;
    }


    .bg_content.zig_zag:before {
        background: linear-gradient(-45deg, transparent 16px, #F1F6FB 0), linear-gradient(45deg, transparent 16px, #F1F6FB 0);
        background-repeat: repeat-x;
        background-position: left bottom;
        background-size: 22px 32px;
        content: "";
        display: block;
        height: 11px;
        position: absolute;
        bottom: -11px;
        left: -1px;
        right: -1px;
        z-index: 1;
        border-left: 1px solid #E2E2E2;
    }

    .bg_content.zig_zag:after {
        background: linear-gradient(-45deg, transparent 16px, #E2E2E2 0), linear-gradient(45deg, transparent 16px, #E2E2E2 0);
        background-repeat: repeat-x;
        background-position: left bottom;
        background-size: 22px 32px;
        content: "";
        display: block;
        height: 13px;
        position: absolute;
        bottom: -13px;
        left: 0;
        right: 0;
    }

.receipt_footer .i9_btn.bg_lite {
    background-color: #F8FCFF;
    border: 1px solid #98B0EF;
    color: #1C60C7 !important;
}

.receipt_footer .i9_btn.bg_mail {
    background-color: #F4FCF1;
    border: 1px solid #BCCBC1;
    color: #27944C !important;
}

.receipt_footer .i9_btn.bg_black {
    background-color: #ffffff;
    border: 1px solid #020202;
    color: #020202 !important;
}

.button_block .i9_btn.exit,
.receipt_footer .i9_btn.exit {
    background-color: #fff3f3;
    border: 1px solid #c70000;
    color: #c70000 !important;
}

.receipt_footer .i9_btn.receipt_normal {
    border: 1px solid #3468E1;
    padding: 9px 15px 9px 15px;
    color: #fff !important;
    background-color: #3468E1;
}

.receipt_footer.small .i9_btn {
    padding: 6px 10px 6px 40px;
}

    .receipt_footer.small .i9_btn.with_icon_left i {
        left: 10px;
        font-size: 21px;
        line-height: 21px;
        height: 21px;
    }

.fixed_info {
    padding: 10px 20px 10px 75px;
    background-color: #fff;
    box-shadow: 0 -5px 6px rgb(138 170 191 / 16%);
    position: fixed;
    bottom: 0;
    text-decoration: none;
    left: 10px;
    display: flex;
    align-items: center;
    overflow: hidden;
    z-index: 3;
    border-radius: 4px;
}

    .fixed_info:before {
        content: "";
        position: absolute;
        left: -11px;
        top: -3px;
        bottom: 0;
        background-color: #F5E596;
        width: 54px;
        transform: rotate(-31deg);
        height: 100px;
    }

    .fixed_info .title {
        text-decoration: none;
        font-weight: 700;
        font-size: 16px;
        display: block;
    }

    .fixed_info .sub_txt {
        color: #000000;
        font-size: 14px;
        display: block;
    }

    .fixed_info .material-icons {
        color: #000;
        padding: 10px;
        width: 46px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        background-color: #F5E596;
        border: 4px solid #fff;
        font-size: 24px;
        position: absolute;
        left: 18px;
    }

.mobile_sidebar_open {
    display: none;
}

/* new change in i9 section 1 */
.sub_content_box_wrap {
    padding-left: 40px;
}

    .sub_content_box_wrap .sub_content_wrap {
    }

        .sub_content_box_wrap .sub_content_wrap .label_box {
            background-color: #fff;
            border-radius: 4px;
            border: 1px solid #ccc;
            display: inline-block;
            margin: 10px 0;
        }

            .sub_content_box_wrap .sub_content_wrap .label_box .title_label {
                display: block;
                padding: 10px 15px;
                text-align: center;
                font-weight: 600;
                font-size: 14px;
            }

            .sub_content_box_wrap .sub_content_wrap .label_box .data_input {
                padding: 5px;
            }

                .sub_content_box_wrap .sub_content_wrap .label_box .data_input input {
                    border: none;
                    box-shadow: none;
                    outline: none;
                    text-align: center;
                    font-weight: 400;
                    font-size: 14px;
                    width: 100%;
                    height: 30px;
                }

        .sub_content_box_wrap .sub_content_wrap .middle_text {
            font-weight: 600;
            margin: 10px 0;
        }

        .sub_content_box_wrap .sub_content_wrap .combo_label_box {
            display: flex;
            align-items: center;
        }

            .sub_content_box_wrap .sub_content_wrap .combo_label_box .label_box {
                border-radius: 0;
            }

                .sub_content_box_wrap .sub_content_wrap .combo_label_box .label_box:not(:last-child) {
                    border-right: 0;
                }

                .sub_content_box_wrap .sub_content_wrap .combo_label_box .label_box:first-child {
                    border-top-left-radius: 3px;
                    border-bottom-left-radius: 3px;
                }

                .sub_content_box_wrap .sub_content_wrap .combo_label_box .label_box:last-child {
                    border-top-right-radius: 3px;
                    border-bottom-right-radius: 3px;
                }

.doc_info_img {
    margin: 25px 0;
    text-align: center;
    text-decoration: none;
}

    .doc_info_img img {
        width: 600px;
        max-width: 100%;
        margin: auto;
    }

.error_failed {
    padding: 20px 10px 20px 85px;
    background-color: #FFE8E8;
    border-radius: 4px;
    border: 4px solid #fff;
    position: relative;
    margin: 10px 0;
}

    .error_failed img {
        position: absolute;
        left: 15px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .error_failed .title {
        font-size: 20px;
        color: #B11515;
        margin-bottom: 4px;
        font-weight: 600;
        text-align: left;
    }

    .error_failed .sub {
        font-size: 14px;
        line-height: 24px;
        color: #000000;
        text-align: left;
    }

    .error_failed ul {
        margin-bottom: 0;
    }
/*switch*/
.switch_control {
    height: 26px;
}

    .switch_control input[type="checkbox"] {
        display: none;
    }

        .switch_control input[type="checkbox"] + label {
            height: 26px;
            width: 47px;
            background: white;
            border-radius: 60px;
            border: 1px solid #c7c2c2;
            position: relative;
            font-size: 14px;
            cursor: pointer;
            display: inline-block;
        }

            .switch_control input[type="checkbox"] + label:before {
                content: "";
                width: 20px;
                height: 20px;
                background: #c7c2c2;
                position: absolute;
                left: 2px;
                top: 0;
                bottom: 0;
                margin: auto;
                border-radius: 60px;
                transition: left 0.2s;
                z-index: 1;
                cursor: pointer;
            }

        .switch_control input[type="checkbox"]:checked + label:before {
            background: #46AA64;
            left: auto;
            right: 2px;
        }

        .switch_control input[type="checkbox"]:checked + label {
            background-color: #D1FFE8;
            border: 1px solid #339D68;
        }

.success_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 200px);
    text-align: center;
    padding: 0 45px;
}

    .success_wrapper .title {
        font-weight: 700;
        font-size: 24px;
        margin-bottom: 15px;
    }

    .success_wrapper .sub_title {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .success_wrapper .material-icons {
        font-size: 60px;
        color: #30B378;
    }

.copy_code {
    max-width: 545px;
    margin: auto;
}

    .copy_code .top_block {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
        font-size: 16px;
    }

        .copy_code .top_block a {
            display: inline-block;
            text-decoration: none;
            margin-left: auto;
        }

    .copy_code .code_wrap {
        border: 1px solid #99A6C4;
        background-color: #F9F9F9;
        text-align: left;
        font-weight: 700;
        padding: 7px 10px;
        letter-spacing: 1px;
        font-size: 18px;
        font-family: "Courier New";
        border-radius: 4px;
    }

.help_tip_wrap {
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: flex;
    cursor: pointer;
    z-index: 2;
}

    .help_tip_wrap .help_label {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        border-radius: 100%;
        border: 2px solid #FFF2C8;
        background-color: #FFC400;
    }

    .help_tip_wrap .help_text_label {
        color: #fff;
        padding: 6px 22px;
        background-color: #344CEB;
        box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
        border-radius: 10px;
        margin-left: 7px;
        position: relative;
        border-top-left-radius: 0;
        font-weight: 300;
    }

        .help_tip_wrap .help_text_label strong {
            font-weight: 600;
        }

        .help_tip_wrap .help_text_label:before {
            border-top: 0px solid transparent;
            border-bottom: 18px solid transparent;
            border-right: 15px solid #344CEB;
            content: "";
            position: absolute;
            left: -15px;
            top: 0;
        }

.quick_help_sticky_side {
    position: fixed;
    right: 0;
    z-index: 3;
    display: none;
}

    .quick_help_sticky_side.show {
        display: block;
        right: 0;
    }

    .quick_help_sticky_side:before {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgb(0 0 0 / 53%);
        content: "";
    }

    .quick_help_sticky_side .close_btn {
        text-decoration: none;
        position: absolute;
        top: 0;
        right: 0;
        background-color: red;
        color: #fff;
        width: 40px;
        height: 40px;
        border-bottom-left-radius: 60px;
        z-index: 99;
    }

        .quick_help_sticky_side .close_btn:before {
            font-family: "Material Icons";
            font-size: 23px;
            width: 23px;
            line-height: 23px;
            height: 23px;
            position: absolute;
            left: 8px;
            right: 0;
            top: -7px;
            bottom: 0;
            margin: auto;
            content: "\e5cd";
        }

    .quick_help_sticky_side .content_area_wrapper {
        padding: 30px;
        background-color: #fff;
        position: relative;
        z-index: 9;
        height: 100vh;
    }

.scroll_none {
    overflow: hidden;
}

.email_wrapper {
    border: 1px solid #E2E2E2;
    position: relative;
    max-width: 600px;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 6px;
    border-radius: 3px;
}

    .email_wrapper:before {
        content: "\e0be";
        font-family: "Material Icons";
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 13px;
        font-size: 24px;
        line-height: 24px;
        height: 24px;
        color: #c9cfd5;
    }

    .email_wrapper input {
        border: none;
        font-size: 16px;
        height: 30px;
        /*width: calc(100% - 200px);*/
        padding-left: 42px;
        outline: none;
    }

    .email_wrapper .btn {
        color: #fff;
        padding: 10px 40px;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 2px;
        background-color: #3468E1;
        margin-left: auto;
        border-radius: 3px;
    }

.overflow-auto::-webkit-scrollbar {
    width: 5px;
}

.overflow-auto::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 90px;
}

.ash_highlight {
    padding: 10px;
    text-align: center;
    background-color: #F3F3F3;
    font-weight: 700;
}

.poster_wrapper .title_lg {
    font-size: 25px;
}

.icon_link.file_link .icon {
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    position: relative;
    margin: 0 0 0 2px;
    top: 4px;
}

.icon_link.file_link {
    padding-left: 0;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none !important;
    color: #005189;
}

.image_info_section {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

    .image_info_section .image_info_wrap {
        margin-left: auto;
        text-align: center;
    }

        .image_info_section .image_info_wrap .img_top_row {
            margin-bottom: 10px;
        }

            .image_info_section .image_info_wrap .img_top_row img {
                margin: 0 10px;
            }

        .image_info_section .image_info_wrap .sub_title {
            font-weight: 500;
            font-size: 11px;
            text-transform: uppercase;
        }

.info_block_wrap {
    padding: 15px 15px 15px 25px;
    background-color: #EBF1FF;
    max-width: 700px;
    position: relative;
}

    .info_block_wrap:after {
        content: "";
        position: absolute;
        right: -65px;
        top: 0;
        bottom: 0;
        border-top: 0px solid #EBF1FF;
        border-left: 65px solid #EBF1FF;
        border-bottom: 130px solid transparent;
    }

    .info_block_wrap .top_info {
        margin-bottom: 10px;
    }

    .info_block_wrap .main_text {
        font-size: 30px;
        color: #005189;
        font-weight: 900;
        letter-spacing: -2px;
    }

.image_info_section.yellow .image_info_wrap {
    margin-left: 45px;
}

.image_info_section.yellow .info_block_wrap {
    background-color: #FFF1CF;
    padding: 11px 15px 11px 25px;
}

    .image_info_section.yellow .info_block_wrap a {
        color: #005189;
    }

.image_info_section.yellow .top_title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px;
}

.image_info_section.yellow .info_block_wrap:after {
    border-top: 0px solid #FFF1CF;
    border-left: 45px solid #FFF1CF;
    border-bottom: 80px solid transparent;
    right: -45px;
}

.image_info_section.yellow .list .item {
    font-size: 15px;
}

    .image_info_section.yellow .list .item:not(:last-child) {
        margin-right: 10px;
        padding-right: 10px;
        border-right: 1px solid #BCB39C;
    }

.citizenship_option_block table tr td:first-child {
    padding-right: 10px;
}

.citizenship_option_block table tr td {
    vertical-align: middle;
}

.citizenship_option_block .radio_btn_group {
    margin: 8px 0;
}

/* CSS FOR ALERT BOX */

.light_theme_alert_box {
    position: fixed;
    left: calc(50% - 240px);
    top: 0;
    width: 480px;
    background: white;
    z-index: 11111;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
}

.hidden {
    display: none !important;
}

.light_theme_alert_box:before {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #00000057;
    content: "";
    z-index: -1;
}

.light_theme_alert_box .head_box, .light_theme_alert_box .body_box, .light_theme_alert_box .foot_box {
    background: white;
}

.light_theme_alert_box .head_box {
    background: #E9ECEF;
    padding: 6px 10px;
    text-align: center;
    color: #0F2944;
    font-size: 16px;
    /*font-weight: 600;*/
}

.light_theme_alert_box .body_box {
    padding: 10px 40px;
}

    .light_theme_alert_box .body_box .cap {
        padding: 0 0 0 48px;
        position: relative;
    }

        .light_theme_alert_box .body_box .cap.info_icon:before {
            font-family: "Material Icons";
            content: "\E88F";
            position: absolute;
            top: 0;
            left: 0;
            font-size: 40px;
            line-height: 1;
            color: #23aaea;
        }

        .light_theme_alert_box .body_box .cap .head_text {
            font-size: 16px;
            margin: 6px 0 0 0;
            color: #656565;
            text-align: left;
        }

        .light_theme_alert_box .body_box .cap .sub_text {
            color: #4E6377;
            font-style: italic;
            text-align: left;
            font-size: 14px;
        }

            .light_theme_alert_box .body_box .cap .sub_text.non_italic {
                font-style: normal;
            }

.light_theme_alert_box .foot_box {
    padding: 10px 30px 20px 30px;
}

    .light_theme_alert_box .foot_box .btn_set.right {
        text-align: right;
    }

    .light_theme_alert_box .foot_box .btn_set .btn_style {
        padding: 6px 20px;
        display: inline-block;
        background: #30b378;
        color: white;
        margin: 0 10px 0 0;
        border-radius: 3px;
        width: 100px;
        text-align: center;
        cursor: pointer;
    }

        .light_theme_alert_box .foot_box .btn_set .btn_style:last-child {
            margin: 0;
        }

        .light_theme_alert_box .foot_box .btn_set .btn_style.plain {
            background: #ECECEC;
            color: #0F2944;
        }

.simple_grid {
    margin-bottom: 20px;
}

    .simple_grid table {
        width: 100%;
    }

        .simple_grid table td {
            padding: 7px 10px;
            border: 1px solid #ccc;
            width: 50%;
            background-color: #fff;
        }

        .simple_grid table tr:nth-child(even) td {
            background-color: #f3f3f3;
        }
/* END OF CSS FOR ALERT BOX */

/*I9 template confirm captcha*/
div#ctl00_I9Content_dvCaptcha {
    padding-bottom: 14px;
    position: relative;
}

a#cptAccesscode_CaptchaAudioCode,
a#cptCompanyAuthorizationCode_CaptchaAudioCode,
a#ctl00_I9Content_cptEVSLogin_CaptchaAudioCode {
    position: absolute;
    outline: none;
    bottom: -26px;
    padding-left: 35px;
    font-size: 14px;
    color: #216BDC;
    text-decoration: underline !important;
    line-height: 24px;
    display: flex;
}

    a#cptAccesscode_CaptchaAudioCode:before,
    a#cptCompanyAuthorizationCode_CaptchaAudioCode:before,
    a#ctl00_I9Content_cptEVSLogin_CaptchaAudioCode:before {
        position: absolute;
        left: 0;
        font-size: 28px;
        height: 28px;
        line-height: 28px;
        top: 0;
        bottom: 0;
        margin: auto;
        font-family: "Material Icons";
        content: "\ef49";
    }

span#cptCompanyAuthorizationCode_ctl00,
span#ctl00_I9Content_cptEVSLogin_ctl00,
.special_category .helptext-wrapper:before {
    display: none;
}

.special_category .helptext-wrapper {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

.combo_buttons {
    margin-left: 20px;
    display: inline-flex;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.combo_buttons a {
    border-radius: 0;
    background-color: #fff;
    color: #292929;
    padding: 5px 15px;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    display: inline-flex;
    letter-spacing: 0.4px;
    font-weight: 500;
}

.combo_buttons a.active {
    background-color: #3468E1;
    color: #fff;
}

.combo_buttons .a:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px solid #ccc;
}

.combo_buttons .a:first-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.hr_contact_block {
    background-color: #E2FFFE;
    border: 1px solid #C0EEEC;
    padding: 25px 30px;
    display: flex;
    align-items: center;
    border-radius: 4px;
}

.hr_contact_block .left_info {
    margin-right: 20px;
}

.hr_contact_block .left_info .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    font-family: 'Inter' !important;
}

.hr_contact_block .sub {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Inter' !important;
}
.hr_contact_block .sub * {
    font-family: 'Inter' !important;
    font-size: 15px !important;
    background:transparent !important;
    font-weight:400 !important;
}

.hr_contact_block .contact_info {
    margin-left: auto;
    padding-left: 100px;
    position: relative;
}

.hr_contact_block .contact_info img {
    max-width: 80px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.hr_contact_block .contact_info .name_info {
    font-size: 17px;
    font-weight: 700;
}

.hr_contact_block .contact_info .mail_info {
    font-size: 15px;
    color: #000;
    white-space: normal;
    word-break: break-word;
}

.video_verification.receipt_wrapper {
    max-width: 800px;
    width: 100%;
    margin: 10px auto 0;
}

.video_verification .content_wrap_header .title_head {
    padding: 20px 25px;
    background-color: #7820CF;
    color: #fff;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-image: linear-gradient(#7820CF,#835FBA);
    position: relative;
}

.video_verification .content_wrap_header .title_head:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(bg_img.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.video_verification .content_wrap_header .title_head .title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

.video_verification .content_wrap_header .title_head .sub_title {
    font-size: 14px;
}

.video_verification .content_wrap_header .instruction_head {
    padding: 15px 25px;
    background-color: #FFF0CE;
}

.video_verification .content_wrap_header .instruction_head .title {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px;
}

.video_verification .content_wrap_header .instruction_head .data {
    line-height: 24px;
}

.video_verification .content_wrap_body {
    background-color: #fff;
}

.video_verification .content_row {
    display: flex;
    width: 100%;
    /*border-bottom: 1px solid #D9D9D9;*/
}

.video_verification .content_row .content_col {
    padding: 0 25px 0;
}

.video_verification .content_row .content_col.left {
    padding-left: 0;
    width: 40%;
}

.video_verification .content_row .content_col.right {
    width: calc(100% - 40%);
    padding-right: 0;
}

.video_verification .title_medium {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 15px;
}

.video_verification .element_set {
    margin-bottom: 15px;
}

.video_verification .element_set .form_label {
    margin-bottom: 5px;
    font-size: 15px;
}

.video_verification .element_set .form_data {
    font-size: 16px;
    font-weight: 500;
}

.video_verification .element_set .form_textarea {
    width: 100%;
    border: 1px solid #D5D5D5;
    min-height: 100px;
    outline: none;
    padding: 10px;
    border-radius: 4px;
    font-family: "Inter";
}

.video_verification .title_small {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
}

.video_verification .profile_div {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

.video_verification .profile_div .name {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
}

.video_verification .profile_div .loc {
    font-size: 14px;
}

.video_verification .profile_div .image_wrap {
    margin-right: 10px;
}

.video_verification .profile_div .image_wrap img {
    width: 53px;
    height: 53px;
    border-radius: 100%;
}

.video_verification .tag_wrapper {
    margin-bottom: 20px;
}

.video_verification .tag_wrapper .tag_item {
    display: inline-block;
    padding: 10px 20px;
    background-color: #E9E9E9;
    border-radius: 60px;
    color: #252E41;
    font-size: 14px;
    margin: 3px 5px 3px 0;
}

.video_verification .date_info {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

.video_verification .time_slotes .time_slot_item {
    border: 1px solid #D5D5D5;
    background-color: #fff;
    border-radius: 60px;
    color: #252E41;
    padding: 7px 15px;
    margin-right: 5px;
    display: inline-block;
    text-decoration: none;
}

.video_verification .time_slotes .time_slot_item.active {
    background-color: #42b58a;
    color: #fff;
    border: 1px solid #42b58a;
}

.video_verification .meeting_wrap .title_top {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600;
}

.video_verification .meeting_wrap .content_copy_wrap {
    margin-top: 10px;
}

.video_verification .meeting_wrap .content_copy_wrap .copy_title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.video_verification .meeting_wrap .content_copy_wrap .meeting_link_wrap {
    padding: 10px 50px 10px 15px;
    background-color: #e6ecef;
    position: relative;
    white-space: normal;
    word-break: break-all;
    color: #006ea5;
    font-size: 13px;
    line-height: 23px;
    font-family: consolas;
    border: 1px solid #a0d3ed;
    border-radius: 3px;
}

.video_verification .meeting_wrap .content_copy_wrap .meeting_link_wrap .link_info {
    max-height: 150px;
    overflow-y: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.video_verification .meeting_wrap .content_copy_wrap .meeting_link_wrap .copy_icon {
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
    padding: 5px;
    border-bottom-left-radius: 4px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.video_verification .meeting_wrap .logo_wrap {
    margin-bottom: 15px;
}

.video_verification .meeting_wrap .logo_wrap img {
    max-width: 165px;
    max-height: 65px;
}

.video_verification .button_wrap .btn_main {
    text-decoration: none;
    color: #fff;
    padding: 10px 30px;
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
}

.video_verification .button_wrap .btn_main.green {
    background-color: #42B58A;
}

.video_verification .button_wrap .btn_main.red {
    background-color: #C95555;
}

.video_verification .button_wrap .btn_main.black {
    background-color: #000;
    min-width: 60px;
}
/*message style*/
.meeting_message {
    position: relative;
    padding: 15px 15px 15px 90px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.meeting_message img {
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 60px;
    max-height: 60px;
}

.meeting_message.success_msg {
    background-color: #D8F6EC;
}

.meeting_message.error {
    background-color: #F6D8D8;
}

.meeting_message .msg {
    font-size: 19px;
    margin-bottom: 5px;
    font-weight: 600;
}

.meeting_message.error .msg {
    color: #DB2D19;
}

.meeting_message.success_msg .msg {
    color: #3A9A7A;
}

.meeting_message .sub_msg {
    color: #252E41;
    font-size: 14px;
}
/*unauthorized message*/
.warning_wrap .red_ico {
    font-size: 80px;
    color: #F5654E;
}

.warning_wrap .title {
    margin-bottom: 5px;
    font-size: 25px;
}

.warning_wrap .sub_title {
    margin-bottom: 25px;
}

.login_header_wrapper.with_ac_info {
    padding: 10px 40px;
}

.login_header_wrapper.with_ac_info .left_info {
    display: flex;
    align-items: center;
}

.login_header_wrapper.with_ac_info .right_info {
    margin-left: auto;
}

.login_header_wrapper.with_ac_info .header_account_wrap .account_info {
    border-left: none;
}

.I9_portal_login.with_sidebar .i9_login_box .form_input,
.I9_portal_login.with_sidebar .i9_login_box .form_select_container {
    margin: 0;
}

.height_set_label .form_element_set .form_label {
    min-height: 35px;
}

.height_set_label .form_element_set .with_tooltip .tooltip_item {
    bottom: auto;
}

.main_i9_container.without_sidebar .content_wrapper .footer-wrapper-block,
.main_i9_container.without_sidebar .content_inside {
    max-width: 1380px;
}

.no_min_height {
    min-height: initial !important;
}

.break_word {
    white-space: normal;
    word-break: break-word;
}

.break_all {
    white-space: normal;
    word-break: break-word;
}

.two_col_grid{
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap:45px;
}
.video_timer_wrap .title_lg{
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 10px;
}
.video_timer_wrap .timer_wrap{
    position: relative;
}
.video_timer_wrap .timer_wrap .img_btm{
    position: absolute;
    right: -30px;
    bottom: -30px;
}
.video_timer_wrap .timer_wrap .timer_title{
    text-transform: uppercase;
    color: #5A5D7B;
    letter-spacing: 1px;
    font-size: 13px;
}
.video_timer_wrap .running_time{
    font-size: 39px;
    font-weight: 600;
    padding: 9px 40px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    background-image: linear-gradient(to right, #F2F2F2, #ECE6FF);
    margin:10px -30px 10px 0;
}
.video_timer_wrap .running_time .time-zero{
    color: #C3C6D5;
}
.video_timer_wrap  .meeting_link{
    display: flex;
    align-items: center;
}
.video_timer_wrap  .meeting_url{
    font-weight: 600;
    font-size: 17px;
    line-height: 0;
    z-index: 1;
}
.video_timer_wrap .meeting_link .left_data{
    text-align: right;
    margin-right: 10px;
}
.border-radius-top-none{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.oval_ico_title{
    display: flex;
    margin-bottom: 30px;
    align-items: center;
}
.oval_ico_title .oval_ico{
    background-color: #ccc;
    border-radius: 40px 20px 40px 20px;
    padding: 10px;
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.oval_ico_title .oval_ico.purple{
    background-color: #E0DCFF;
    color: #681BC1;
}
.oval_ico_title .oval_ico.blue{
    background-color: #E5F8FF;
    color: #1581AA;
}
.oval_ico_title .oval_ico.yellow{
    background-color: #FBFBD1;
    color: #DBAF20;
}
.oval_ico_title .oval_ico.pink{
    background-color: #FFDCF2;
    color: #E21C78;
}
.oval_ico_title .oval_ico.green{
    background-color: #DCFFEA;
    color:#288F40;
}
.grid-1-1-1{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:35px;
}
.numbers_list{
    display: flex;
    align-items: center;
}
.numbers_list .number{
    margin-right: 15px;
    border-radius: 19px;
    background-color: #FFE5ED;
    border:1px solid #CB1919;
    width: 46px;
    min-width: 46px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.colored_tab.nav-tabs{
    margin-bottom: 20px;
    border-bottom: none;
    gap:30px
}
.colored_tab.nav-tabs .nav-link{
    border:none;
    padding: 0 0 10px 0;
    border-bottom: 3px solid #fff;
    color: #000;
}
.colored_tab.nav-tabs .nav-link.active{
    font-weight: 600;
}
.colored_tab.nav-tabs .nav-link:has(.blue).active{
    border-color:  #1581AA;
}
.colored_tab.nav-tabs .nav-link:has(.yellow).active{
    border-color: #DBAF20;
}
.colored_tab.nav-tabs .nav-link:has(.pink).active{
    border-color: #E21C78;
}
.colored_tab.nav-tabs .nav-link:has(.green).active{
    border-color: #288F40;
}

.doc_details{
    display: flex;
    align-items: center;
    gap:30px;
    font-size: 14px;
    margin-top: 20px;
}
.doc_details .round_info{
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    border-radius: 100%;
    background-color: #ccc;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}
.doc_details .round_info.or{
    background-color: #E6EBF3;
}
.doc_details .round_info.and{
    background-color: #F3F0E6;
    color: #C5621F;
}	
.doc_info_item .title{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 3px;
}
.doc_info_item .sub{
    font-size: 14px;
    line-height: 24px;
}
.warning_box.pinned:before{
    display: none;
}
.warning_box.pinned{
    padding-left: 10px;
    background-color: #FFFCE9;
    border:none;
    font-size: 15px;
}

.box_number{
    border-radius: 4px;
    width:47px;
    min-width: 47px;
    height: 37px;
    background-color:#EEEEEE;
    font-size: 15px;
    color: #000000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    margin-bottom: 10px;
}

.min-h-initial {
    min-height: initial !important;
}

.title_content_box .title_data{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px;
    background-color: #E4F6FF;
    color: #192948;
    border-radius: 4px 4px 0 0;
}
.title_content_box .content_body{
    padding: 20px;
    background-color: #EFFAFF;
    border-radius: 4px;
    color: #192948;
}
.title_content_box .content_body .element_set .form_label{
    font-size: 15px;
    margin-bottom: 4px;
}
.title_content_box .content_body .element_set .form_data{
    font-size: 15px;
    font-weight: 700;
}

.title_content_box .meeting_link_wrap{
    padding: 15px 50px 15px 15px;
    background-color: #FFFFFF;
    position: relative;
    white-space: normal;
    word-break: break-all;
    color: #49546D;
    font-size: 13px;
    line-height: 23px;
    border:1px solid #DBE8EE;
}   
.title_content_box .meeting_link_wrap .link_info{
    max-height: 150px;
    overflow-y: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color:#305BAE;
    font-family:"Consolas";
    font-size: 16px;
}
.title_content_box .meeting_link_wrap .copy_icon{
    position: absolute;
    top: 8px;
    right: 5px;
    color: #000;
    padding: 5px;
    border-bottom-left-radius: 4px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.time_slot_tags{
    margin-top: 20px;
}
.time_slot_tags .time_slot_tag_item{
    border:1px solid  #E4E6F9;
    border-radius: 4px;
    display: inline-block;
    padding: 4px 10px;
    margin: 0 2px 2px 0;
    background-color: #fff;
    font-weight: 600;
    color: #192948;
}
.time_slot_tags .time_slot_tag_item.active{
    background-color: #23AAEA;
    border:1px solid #23AAEA;
    color: #fff;
}

.input_with_btn {
    display: flex;
    align-items: center;
    gap:5px;
}
.input_with_btn .i9_btn {
    padding: 10px 19px;
    border-radius: 4px;
    font-size: 13px;
}

/* EVA Schedule time slots */
.eva_schedule_wrapper {
    max-width: 900px;
    margin: auto;
}

.eva_schedule_wrapper .i9_btn.btn_green {
    font-size: 13px;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    justify-content: center;  
}

.smart_suggestions {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.smart_suggestions_item {
    flex: 1;
    border: 1px solid gainsboro;
    padding: 10px 20px;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    color: #292929;
}

.smart_suggestions_item .text_2 {
    font-size: 20px;
    font-weight: 600;
    margin: 5px 0 0px 0;
}

.smart_suggestions_item .text_3 {
    font-size: 12px;
}
.smart_suggestions_item:hover,
.smart_suggestions_item.active {
    border-color: #346EE1;
    background-color: #F9FBFF;
    color: #346EE1;
    box-shadow: 0 12px 10px -10px rgb(50 57 74 / 18%);
}

.smart_suggestions_item.active:after {
    font-family: "Material Icons";
    content: "check_circle";
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 22px;
}

.eva_schedule_wrapper .tag_set {
    display: flex;
    gap: 5px;
    justify-content: center;
    flex-wrap: wrap;
}

.eva_schedule_wrapper .tag_set.flex_end {
    justify-content: flex-end;
}

.eva_schedule_wrapper .tag_set_item {
    border: 1px solid #BFC3CB;
    background: #fff;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 4px;
    display: flex;
    line-height: 20px;
    cursor: pointer;
    text-align: center;
    justify-content: center;
}
.eva_schedule_wrapper .time_slots .tag_set_item {
    min-width: 155px;
}
.eva_schedule_wrapper .tag_set_item span {
    display: inline-block;
    margin-left: 5px;
}

.eva_schedule_wrapper .tag_set_item.active {
    background: #27a57f;
    color: #fff;
    border-color: #27a57f;
}

.eva_schedule_wrapper .bg_content {
    padding: 10px 25px 15px 25px;
}

.eva_schedule_wrapper .slot_box hr {
    margin: 10px -25px 20px -25px;
    color: #9b9595;
}

.eva_schedule_wrapper .slot_box .head_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.i9_btn[disabled] {
    opacity: 0.6;
    pointer-events: none;
}
.sub_question_wrap * {
    font-size: 15px !important;
    background: transparent !important;
    font-weight: 400 !important;
    font-family: 'Inter' !important;
}
.uploaded_img img{
    max-width:100% !important;
}
div#ctl00_EVSContent_divEmployeeBridge * {
    background-color: transparent !important;
    font-size: 15px !important;
    font-family: 'Inter' !important;
}
/*===================================================================================================================================*/
/*======================================================== i9 Portal page styles end here ===============================================*/
/*Laptop view*/
@media only screen and (max-width: 1640px) {
    .i9_btn.mini {
        font-size: 11px;
    }

    .download_link {
        padding-left: 25px;
    }

    .download_link:before {
        font-size: 20px;
        line-height: 20px;
        height: 20px;
    }

    .alert_info {
        font-size: 13px;
        padding: 7px 9px 7px 55px;
    }

    .alert_info:before {
        font-size: 23px;
        line-height: 23px;
        height: 23px;
    }

    /*Login page*/
    .i9_login_box_wrap {
        max-width: 1000px;
    }

    .i9_login_box .login_info {
        min-height: calc(100vh - 135px);
    }

    .login_header_wrapper {
        padding: 10px 25px;
    }

    .login_header_wrapper .header_info {
        font-size: 14px;
    }

    .login_header_wrapper .left_logo img {
        max-width: 100px;
        max-height: 50px;
    }

    .login_header_wrapper.with_ac_info {
        padding: 15px 30px 15px;
    }

    .i9_login_box .login_content_top {
        padding: 25px 35px 25px;
    }

    .i9_login_box .login_footer {
        padding: 10px 35px;
    }

    .i9_login_box .login_warning {
        padding: 10px 10px;
        margin: 10px 0 15px;
    }

    .i9_login_box .c_right {
        padding: 5px 35px;
    }

    .i9_login_box .logo_wrap {
        margin-bottom: 10px;
    }

    .i9_login_box .logo_left {
        max-width: 120px;
        max-height: 35px;
    }

    .i9_login_box .login_title {
        font-size: 19px;
        margin-bottom: 2px;
    }

    .i9_login_box .login_sub_title {
        font-size: 13px;
    }

    .i9_login_box .account_info {
        display: flex;
        align-items: center;
    }

    .i9_login_box .account_info .name {
        font-size: 16px;
    }

    .i9_login_box .login_content_top .login_instruction {
        max-height: 255px;
        font-size: 13px;
    }

    .i9_login_box .login_content_top .login_instruction * {
        font-size: 13px !important;
        line-height: 23px !important;
    }

    .i9_login_box .i9_btn {
        padding: 10px 20px;
        font-size: 13px;
    }
    .i9_login_box .access_code_wrap .code_info_text *{
        font-size:12px !important;
    }
    .i9_login_box .login_warning,
    .i9_login_box .access_code_wrap .label_title,
    .i9_login_box .access_code_wrap .code_info_text {
        font-size: 12px;
    }

    .i9_login_box .account_info .initial {
        width: 45px;
        height: 45px;
        min-height: 45px;
        min-width: 45px;
        font-size: 17px;
        line-height: 17px;
        margin-right: 10px;
        letter-spacing: 1px;
    }

    .i9_login_box .account_info .name {
        font-size: 15px;
    }

    .i9_login_box .access_code_wrap img {
        width: 45px;
        height: 45px;
        margin-right: 10px;
    }

    .i9_login_box .account_info .desig,
    .link_txt {
        font-size: 12px;
    }

    .i9_login_box .access_code_wrap .icon_input_wrap input {
        font-size: 14px;
        height: 40px;
        padding-left: 45px;
    }

    .i9_login_box .access_code_wrap .icon_input_wrap:before {
        font-size: 23px;
        line-height: 23px;
        height: 23px;
    }

    .i9_login_box .c_right {
        font-size: 12px;
        padding: 0;
    }

    .i9_login_box .login_footer .left_logo img {
        max-width: 120px;
    }

    .i9_login_box .login_footer .right_logo img {
        max-width: 80px;
    }

    .i9_login_box .login_content_top .intruction_wrap {
        top: 78px;
    }

    .i9_login_box .login_content_top .intruction_wrap .image_title_wrap {
        padding-left: 110px;
    }

    .i9_login_box .login_content_top .intruction_wrap .image_title_wrap img {
        height: 65px;
    }

    .i9_login_box .access_code_wrap.with_captcha .icon_input_wrap.captcha_img img {
        position: absolute !important;
        width: 120px !important;
        height: 36px !important;
    }

    .i9_login_box .access_code_wrap.with_captcha .icon_input_wrap input {
        padding-left: 123px;
    }

    .i9_login_box .access_code_wrap.with_captcha .icon_input_wrap:before {
        left: 123px;
    }
    /*================================================================================*/
    body {
        font-size: 13px;
    }

    .bg_content {
        padding: 20px;
    }

    .bg_content.height_set {
        min-height: calc(100vh - 190px);
    }

    .title_lg {
        font-size: 23px;
    }

    .title_md {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .title_sm {
        font-size: 17px;
        margin-bottom: 15px;
    }

    .title_normal {
        font-size: 15px;
    }

    .text_md {
        font-size: 14px;
    }


    /*button block*/
    .button_block .i9_btn {
        font-size: 12px;
        padding: 8px 20px
    }

    .i9_btn.icon_center {
        font-size: 12px;
        padding: 5px 15px;
    }

    .i9_btn.icon_center i {
        font-size: 24px;
        margin-right: 8px;
        line-height: normal;
    }
    /*Form elements*/
    .mb-7 {
        margin-bottom: 5px !important;
    }

    .form_element_set .form_label {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .txt_label {
        height: 35px;
        font-size: 13px;
        line-height: 35px;
    }
    .form_element_set.rad_txtbox .RadInput .riTextBox,
    .form_input {
        height: 35px;
        font-size: 13px;
    }

    .form_select {
        height: 33px;
        padding: 0 20px 0 10px;
        font-size: 13px;
    }

    .form_textarea {
        padding: 10px;
        min-height: 70px;
        font-size: 13px;
    }

    .form_element_set {
        margin-bottom: 10px;
    }

    .checkbox_item input[type="checkbox"] + label,
    .text_normal {
        font-size: 13px;
        line-height: 22px;
    }
    .sub_question_wrap *{
        font-size:13px !important;
    }

    .radio_option_list .exp_date .checkbox_item input[type="checkbox"] + label {
        line-height: 20px;
    }

    .radio_option_list .checkbox_item input[type="checkbox"] + label:before {
        top: 1px;
    }

    .radio_option_block .option_item .lbl {
        font-size: 13px;
    }

    .radio_option_block .option_item .lbl {
        padding: 8px 12px 8px 38px;
        min-height: 53px;
        line-height: 22px;
    }

    .checkbox_item.box_type.mb-20 {
        margin-bottom: 10px;
    }

    .checkbox_item.box_type input[type="checkbox"]:checked + label:before {
        line-height: 25px;
        font-size: 25px;
    }

    .space_left, .sub_question_wrap,
    .checkbox_item.box_type input[type="checkbox"] + label {
        padding-left: 45px;
    }
    .checkbox_item.box_type input[type="checkbox"] + label:before {
        width: 27px;
        height: 27px;
    }

    .radio_option_block {
        margin-bottom: 10px;
    }

    .radio_option_block .option_item .lbl:after {
        font-size: 11px;
        margin-top: 0;
    }

    .radio_option_block .option_item input[type="radio"] + .lbl:before {
        width: 18px;
        height: 18px;
        left: 10px;
    }

    .radio_option_block .option_item input[type="radio"]:checked + .lbl:before {
        font-size: 12px;
        line-height: 16px;
    }

    .radio_btn_group.small .radio_btn_item input[type="radio"] + label {
        font-size: 12px;
    }

    .radio_btn_item input[type="radio"] + label {
        font-size: 13px;
        padding-left: 26px;
    }

    .radio_btn_item input[type="radio"] + label:before {
        width: 20px;
        height: 20px;
    }

    .radio_btn_item input[type="radio"]:checked + label:after {
        width: 12px;
        height: 12px;
        left: 4px;
        top: 0;
    }

    .radio_option_list .radio_btn_item input[type="radio"]:checked + label::after {
        left: 4px;
    }

    .radio_block_single_view {
        min-height: calc(100vh - 210px);
    }

    .radio_block_single_view .title_lg {
        font-size: 20px;
    }

    .radio_block_single_view .text_normal {
        line-height: 20px;
    }

    .radio_block_single_view .radio_option_block {
        max-width: 340px;
    }

    /*used in i9 verification*/
    .radio_option_list .radio_btn_item input[type="radio"] + label:before {
        font-size: 19px;
    }

    .radio_option_list .radio_btn_item input[type="radio"] + label {
        padding-left: 30px;
    }

    .radio_option_list .radio_btn_item td {
        padding-bottom: 12px;
    }

    .radio_option_list .exp_date {
        bottom: 10px;
    }

    .radio_option_list .alien_number {
        bottom: 67px;
    }

    .radio_option_list table .tooltip_td table tr td .with_tooltip {
        width: 20px;
        height: 20px;
    }

    .radio_option_list table .tooltip_td table tr:first-child td,
    .radio_option_list table .tooltip_td table tr:nth-child(2) td {
        height: 32px;
    }
    .radio_option_list table .tooltip_td table tr:nth-child(3) td,
    .radio_option_list table .tooltip_td table tr:nth-child(4) td {
        height: 45px;
        vertical-align: middle;
    }
    .radio_option_list.mobile_alignment table .tooltip_td table tr:nth-child(3) td,
    .radio_option_list.mobile_alignment table .tooltip_td table tr:nth-child(4) td {
        vertical-align: top;
    }
    .radio_option_list.mobile_alignment .alien_number {
        bottom:62px;
    }
    /*warning box*/
    .warning,
    .warning_box {
        padding: 9px 16px 9px 39px;
        font-size: 13px;
        line-height: 20px;
    }

    .warning:before,
    .warning_box:before {
        font-size: 17px;
        line-height: 17px;
        height: 17px;
        left: 9px;
        top: 9px;
    }

    .line_divider {
        margin: 20px -25px;
    }

    .with_tooltip .tooltip_data {
        padding: 12px 15px;
    }

    .with_tooltip .tooltip_title {
        font-size: 14px;
    }

    .with_tooltip .tooltip_desc {
        font-size: 13px;
    }
    /*Tooltip*/
    .with_tooltip .tooltip_item i {
        font-size: 17px;
    }

    .with_tooltip .tooltip_item > img + span:after {
        font-size: 17px;
        line-height: 17px;
    }

    .accordion_wrapper {
        margin-bottom: 15px;
    }

        .accordion_wrapper .accordion-item {
            margin-bottom: 5px;
        }

            .accordion_wrapper .accordion-item .accordion-button {
                font-size: 13px;
                padding: 12px 12px;
            }

            .accordion_wrapper .accordion-item .accordion-body {
                padding: 0 13px 15px;
            }

    /*modal popup*/
    .i9_modal .modal-header .modal-title {
        font-size: 15px;
    }

    .i9_modal .modal-title.with-icon .material-icons {
        font-size: 18px;
        line-height: 18px;
        height: 18px;
    }

    .i9_modal .modal-title.with-icon {
        padding-left: 25px;
    }

    .i9_modal .button_block .i9_btn {
        padding: 8px 20px;
    }

    /*header*/
    .header_top {
        padding: 15px 20px 0;
    }

        .header_top .header_info_left .logo_wrap img {
            max-width: 100px;
            max-height: 50px;
        }

    .head_info_text .head_main_title {
        font-size: 19px;
    }

    .head_info_text .head_sub_title {
        font-size: 12px;
    }

    .header_top .header_account_wrap .initial,
    .main_i9_container .initial {
        min-width: 45px;
        min-height: 45px;
        width: 45px;
        height: 45px;
        font-size: 16px;
    }

    .header_top .header_account_wrap .profle_name {
        font-size: 16px;
    }

    .header_top .header_account_wrap .desig {
        font-size: 13px;
    }

    .main_i9_container .content_wrapper .footer-wrapper-block,
    .main_i9_container .content_inside {
        max-width: 1100px;
    }

    .main_i9_container .content_wrapper .i9_content_box {
        margin: auto;
        padding: 20px;
    }
    .main_i9_container .content_wrapper .i9_content_box.with_padding{
        padding: 20px;
    }

    .photo_upload_block .mb-20 {
        margin-bottom: 15px;
    }

    .photo_uploader .upload_photo_btn {
        margin-right: 16px;
        width: 60px;
        height: 60px;
    }

        .photo_uploader .upload_photo_btn i {
            font-size: 29px;
            line-height: 29px;
            height: 29px;
        }

    .photo_uploader .title_main {
        font-size: 15px;
    }

    .uploaded_photo img {
        width: 85px;
        height: 95px;
    }

    .uploaded_photo .delete {
        height: 28px;
        width: 28px;
    }

        .uploaded_photo .delete:after {
            font-size: 16px;
        }

    .file_manage {
        font-size: 13px;
    }

        .file_manage .f_btn {
            height: 20px;
        }

            .file_manage .f_btn i {
                line-height: 20px;
                font-size: 20px;
            }
    /*button*/
    .i9_btn {
        font-size: 14px;
        padding: 12px 20px;
    }

        .i9_btn.upload_btn {
            font-size: 12px;
            padding: 8px 10px 8px 36px;
        }

            .i9_btn.upload_btn:before {
                font-size: 18px;
                height: 18px;
                line-height: 18px;
                left: 10px;
            }

        .i9_btn.with_icon_left {
            padding: 9px 10px 9px 45px;
        }

            .i9_btn.with_icon_left i {
                font-size: 22px;
                line-height: 22px;
                height: 22px;
                left: 8px;
            }

        .i9_btn.without_ico {
            padding: 9px 10px 9px 10px;
        }

    /*right sidebar*/
    .main_i9_container .content_wrapper {
        width: calc(100% - 300px);
    }

    .main_i9_container .content_inside {
        min-height: calc(100vh - 90px);
        margin-top: 20px;
    }

    .right_sidebar {
        width: 300px;
        min-width: 300px;
        max-width: 300px;
    }

        .right_sidebar.mobile_dropup .content_area_wrapper {
            padding: 20px;
        }

        .right_sidebar .right_menu_item .title_main {
            font-size: 16px;
            margin-bottom: 0;
        }

        .right_sidebar .right_menu_item .title_sub {
            font-size: 12px;
            line-height: 18px;
            margin-bottom: 15px;
        }

        .right_sidebar .file_link_wrapper .file_link_item {
            margin-bottom: 15px;
        }

            .right_sidebar .file_link_wrapper .file_link_item img {
                width: 25px;
                margin-right: 15px;
            }

            .right_sidebar .file_link_wrapper .file_link_item .file_name {
                font-size: 14px;
            }

            .right_sidebar .image_links .image_link_item .sub_title,
            .right_sidebar .file_link_wrapper .file_link_item .file_type {
                font-size: 12px;
            }

    .help_links .help_link_item {
        font-size: 13px;
        padding-left: 30px;
        margin-bottom: 10px;
    }

        .help_links .help_link_item:before {
            font-size: 20px;
            height: 20px;
            line-height: 20px;
        }

    .right_sidebar .right_menu_item {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .right_sidebar .image_links .image_link_item {
        margin-bottom: 10px;
    }

        .right_sidebar .image_links .image_link_item img {
            margin-right: 10px;
            width: 35px;
            height: 35px;
        }

        .right_sidebar .image_links .image_link_item .link_title {
            font-size: 15px;
        }

    /*Employee could not complete and verify information*/
    .I9_incomplete .img_title_wrap img {
        width: 140px;
        margin-bottom: 30px;
    }

    .I9_incomplete .form_wrapper {
        max-width: 545px;
    }

    .I9_incomplete .align_middle {
        min-height: 500px;
    }

    .I9_incomplete .form_element_set .form_label {
        font-size: 13px;
        line-height: 21px;
    }
    /*New Page : How to fill I9 review*/

    .numberd_instructions .intruction_item {
        font-size: 13px;
        margin-bottom: 20px;
        line-height: 20px;
        padding-left: 45px;
    }

        .numberd_instructions .intruction_item:before {
            width: 31px;
            height: 31px;
            font-size: 14px;
        }

    .numberd_instructions .instruction_info {
        padding: 20px 20px 20px 53px;
        margin-top: 10px;
        font-size: 13px;
        line-height: 20px;
    }

        .numberd_instructions .instruction_info:before {
            left: 13px;
            font-size: 26px;
            top: 30px;
        }

        .numberd_instructions .instruction_info .mb-20 {
            margin-bottom: 10px;
        }

    .video_img_wrap .play_btn {
        width: 50px;
        height: 50px;
    }

        .video_img_wrap .play_btn i {
            font-size: 40px;
        }

    .vide_info .title_sub {
        font-size: 12px;
    }
    /*List of acceptable documents*/

    .document_list_wrapper .doc_head {
        padding: 10px 15px;
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 5px;
    }

    .document_list_wrapper .doc_body {
        padding: 10px 15px 15px;
        font-size: 12px;
    }

        .document_list_wrapper .doc_body .doc_item a {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 10px;
        }

        .document_list_wrapper .doc_body .doc_item div:not(:last-child) {
            margin-bottom: 5px;
        }

        .document_list_wrapper .doc_body .doc_item:not(:last-child) {
            margin-bottom: 15px;
            padding-bottom: 15px;
        }

    /*I9 Verification*/
    .i9_verification_wrapper .bg_content {
        padding: 20px 25px;
    }

    .image_data {
        font-size: 14px;
        line-height: 22px;
    }

        .image_data img {
            margin-right: 10px;
            width: 71px;
        }

    .uploaded_doc_wrapper {
        margin-bottom: 0;
    }

        .uploaded_doc_wrapper .upload_doc_item {
            padding: 8px 48px 8px 46px;
        }

            .uploaded_doc_wrapper .upload_doc_item .title {
                font-size: 14px;
                margin-bottom: 3px;
            }

            .uploaded_doc_wrapper .upload_doc_item .file_name {
                font-size: 12px;
            }

            .uploaded_doc_wrapper .upload_doc_item .delete_btn:before,
            .uploaded_doc_wrapper .upload_doc_item:before {
                font-size: 23px;
                line-height: 23px;
                height: 23px;
            }

    .uploaded_documents {
        padding: 20px 20px;
        margin: 20px -20px 20px;
    }

    .uploaded_doc_wrapper .upload_doc_item .download_btn {
        height: 25px;
    }

        .uploaded_doc_wrapper .upload_doc_item .download_btn:before {
            font-size: 25px;
            line-height: 25px;
        }

    .uploaded_doc_wrapper .upload_doc_wrap:before {
        width: 35px;
        height: 35px;
        left: 12px;
        font-size: 19px;
    }

    .uploaded_doc_wrapper .upload_doc_wrap {
        font-size: 14px;
        padding: 15px 15px 15px 62px;
    }

    /*.uploaded_documents .i9_btn{
        font-size: 13px;
        height: 35px;   
        line-height: 35px;
    }*/

    /*section 2 gudiance*/
    .document_info_form .document_form_item {
        padding: 15px 15px 15px 30px;
    }

        .document_info_form .document_form_item .pdf_link img {
            width: 25px;
            height: 25px;
        }

        .document_info_form .document_form_item .item_num {
            width: 42px;
            height: 42px;
            font-size: 14px;
            line-height: 42px;
        }

        .document_info_form .document_form_item .row:not(:last-child) {
            margin-bottom: 10px;
        }

    .document_info_form .element_item .left_label {
        min-width: 144px;
        max-width: 144px;
    }

    .guidance_info_wrap {
        padding: 20px 25px;
        max-width: 395px;
    }

        .guidance_info_wrap:before {
            border-top: 13px solid transparent;
            border-bottom: 13px solid transparent;
            border-right: 22px solid #fff;
            position: absolute;
            top: 30px;
            left: -21px;
        }

        .guidance_info_wrap .text_normal {
            font-size: 12px;
            line-height: 22px;
        }

        .guidance_info_wrap li {
            font-size: 12px;
            line-height: 22px;
            margin-bottom: 5px;
        }

        .guidance_info_wrap .title_sm {
            margin-bottom: 10px;
        }

        .guidance_info_wrap li:before {
            width: 8px;
            height: 8px;
        }

        .guidance_info_wrap .mb-15 {
            margin-bottom: 10px;
        }

    .sign_img_wrap {
        height: 35px;
        margin-bottom: 10px;
    }

    /*Receipt Block*/
    .receipt_block {
        display: block;
    }

    .receipt_wrapper {
        padding: 25px;
        max-width: 570px;
    }

        .receipt_wrapper .receipt_header {
            margin-bottom: 20px;
        }

            .receipt_wrapper .receipt_header img {
                margin-right: 20px;
                width: 115px;
            }

            .receipt_wrapper .receipt_header .title {
                font-size: 21px;
                line-height: 30px;
            }

    .receipt_divider {
        margin: 35px -15px 35px;
        border-width: 3px;
    }

        .receipt_divider:after, .receipt_divider:before {
            width: 35px;
            height: 35px;
            left: -29px;
        }

        .receipt_divider:after {
            left: auto;
            right: -29px;
        }

    .receipt_footer .i9_btn {
        font-size: 13px;
        padding: 6px 10px 6px 36px;
    }

        .receipt_footer .i9_btn.receipt_normal {
            padding: 6px 15px 6px 15px;
        }

        .receipt_footer .i9_btn i {
            font-size: 20px;
            line-height: 20px;
            height: 20px;
        }


    .form_info_wrap .form_info_item {
        margin: 15px 0 0;
    }

    .form_info_wrap .title_wrap {
        font-size: 12px;
    }

    .form_info_wrap .data_wrap {
        font-size: 15px;
    }

    /*Footer*/
    .main_i9_container .content_wrapper .footer-wrapper-block {
        padding: 10px 20px;
    }

    .footer-wrapper-block .copy-right {
        font-size: 13px;
    }
    /*validation Messages*/
    .info,
    .errorMsg,
    .success {
        padding: 7px 20px 7px 10px;
        font-size: 13px;
    }

    .info:before,
    .errorMsg:before,
    .success:before {
        font-size: 17px;
        line-height: 19px;
    }

    .ValidationError {
        margin: 0 0 13px;
    }

    .ValidationError ul li:before {
        font-size: 18px;
    }

    .ValidationError ul {
        padding-left: 33px !important;
    }

    /*video popup*/
    .video_popup .video_title {
        font-size: 20px;
    }

    .video_popup .video_desc {
        font-size: 13px;
    }
    /*I9 verification large tooltip*/
    .helptext-wrapper {
        padding: 15px 25px 20px;
        max-width: 395px;
    }

    .helptext-wrapper .collapsible_panel .cp_head {
        font-size: 13px;
    }

    .helptext-wrapper__para-txt,
    ul.helptext-wrapper__list-txt li {
        font-size: 12px;
        line-height: 18px;
    }

    .helptext-wrapper__title {
        font-size: 14px;
    }

    /*instrcution slider*/
    .instruction_slider_wrapper .slider_controls .control:before {
        width: 30px;
        height: 30px;
        line-height: 29px;
        font-size: 24px;
    }

    .instruction_slider_wrapper span.slider_count {
        font-size: 13px;
    }

    /*parse style*/
    .custom_dropdown_menu {
        padding: 15px 20px;
        font-size: 13px;
        min-width: 350px;
        max-width: 100%;
    }

    .custom_dropdown_menu .title_wrap {
        margin-bottom: 10px;
        font-size: 13px;
    }

    .custom_dropdown_menu .data_block {
        font-size: 13px;
    }

    .custom_dropdown_menu .data_block tr td:not(:last-child) {
        padding-right: 5px;
    }

    .custom_dropdown_menu:after {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 14px solid #fff;
        position: absolute;
        bottom: -13px;
        right: 40px;
    }

    .custom_dropdown_menu:before {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 15px solid #CECECE;
        position: absolute;
        bottom: -15px;
    }

    .custom_dropdown_menu .title_wrap:before {
        font-size: 18px;
        line-height: 18px;
        height: 18px;
    }

    .custom_dropdown_menu .title_wrap {
        padding-left: 25px;
    }

    .uploaded_doc_wrapper .upload_doc_item.parsed_info {
        padding: 8px 79px 8px 46px;
    }

    .uploaded_doc_wrapper .upload_doc_item.parsed_info .parse_ico {
        right: 40px;
    }

    .uploaded_doc_wrapper .upload_doc_item.parsed_info.without_delete {
        padding: 8px 55px 8px 46px;
    }

    .uploaded_doc_wrapper .upload_doc_item.parsed_info.without_delete .parse_ico {
        right: 15px;
    }

    .uploaded_doc_wrapper .upload_doc_item.parsed_info .parse_ico:before {
        width: 20px;
        height: 20px;
    }

    .custom_dropdown_menu .i9_btn {
        font-size: 12px;
        padding: 4px 10px;
    }
    /*======================================================== i9 Portal page styles start here ==========================================*/
    /*===================================================================================================================================*/
    .img_data_wrap img {
        max-height: 140px;
        object-fit: cover;
    }

    .I9_portal_login.with_sidebar .left_container_wrap {
        width: calc(100% - 320px);
    }

    .I9_portal_login.with_sidebar .i9_login_box .login_info {
        min-height: calc(100vh - 160px);
    }

    .I9_portal_login.with_sidebar .right_sidebar {
        width: 320px;
        min-width: 320px;
        max-width: 320px;
    }

    .number_item_wrapper .number_item :before {
        width: 27px;
        height: 27px;
        font-size: 12px;
        left: -40px;
    }

    .number_item_wrapper {
        padding-left: 40px;
    }

    .number_item_wrapper .number_item {
        font-size: 12px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .or_seperator span,
    .or_seperator .seperator_content {
        font-size: 12px;
        width: 32px;
        height: 32px;
        line-height: 30px;
    }

    .right_sidebar .or_seperator {
        margin: 10px 0 30px;
    }

    .i9_login_box .form_input {
        height: 42px;
    }

    .i9_login_box .form_select_container .form_select {
        height: 40px;
    }

    .img_data_wrap .data_wrap {
        padding: 10px;
    }

    .img_data_wrap .data_wrap .title {
        font-size: 16px;
    }

    .img_data_wrap a {
        font-size: 12px;
    }

    .icon_link {
        padding-left: 31px;
        font-size: 13px;
        line-height: 20px;
    }

    .icon_link .icon {
        font-size: 25px;
        height: 25px;
        line-height: 25px;
     }

    .toggle_wrapper .toggle_data * {
        font-size: 13px !important;
    }

    .toggle_wrapper .toggle_data,
    .img_data_wrap .data {
        font-size: 13px;
        line-height: 22px;
    }

    .I9_portal_login.with_sidebar .login_form_wrap .label_title {
        font-size: 12px;
    }

    .toggle_wrapper .toggle_header .material-icons {
        font-size: 20px;
    }

    .pt_sinature_wrap .nav-tabs {
        margin: 15px 0 25px;
    }

    .pt_esign .pt_esign_subtitle {
        font-size: 13px;
    }

    .pt_esign .pt_esign_title {
        font-size: 16px;
        line-height: 23px;
    }

    .pt_sinature_wrap .nav-tabs > li > .nav-link {
        width: 35px;
        height: 35px;
    }

    .pt_sinature_wrap .nav-tabs > li > .nav-link i {
        font-size: 21px;
    }

    .pt_sinature_wrap .nav-tabs > li {
        margin-right: 10px;
    }

    .pt_sinature_wrap .signature_block {
        padding: 15px;
        max-width: 445px;
    }

    .sign_input_header {
        font-size: 13px;
    }

    .pt_sinature_wrap .signature_block .i9_btn {
        margin-top: 15px;
        font-size: 12px;
        padding: 8px 15px;
    }

    .radio_box_block .radio_box_item {
        padding: 12px 14px;
        margin-right: 8px;
    }

    .progress_tab_bar {
        max-width: calc(100% - 15px);
    }

    .progress_tab_bar .progress_tab_item {
        font-size: 12px;
        min-height: 29px;
        padding: 5px 25px;
    }

    .progress_tab_bar .progress_tab_item:first-child:before {
        height: 29px;
        padding: 5px 15px;
    }

    .progress_tab_bar .progress_tab_item.completed:last-child:after {
        border-left: 15px solid #27A57F;
    }

    .progress_tab_bar .progress_tab_item:last-child:after {
        border-top: 15px solid transparent;
        border-bottom: 14px solid transparent;
    }

    .progress_tab_bar:after {
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 17px solid #E6EEEF;
        right: -17px;
    }

    .progress_tab_bar .progress_tab_item i {
        font-size: 17px;
        line-height: 17px;
        height: 17px;
        width: 17px;
    }

    .empty_message_block {
        padding: 25px 25px 25px 165px;
    }

    .empty_message_block .empty_content .title {
        font-size: 21px;
    }

    .empty_message_block .empty_content .sub_txt {
        font-size: 13px;
    }

    .empty_message_block .i9_btn {
        margin-top: 15px;
        font-size: 12px;
        padding: 9px 17px;
    }

    .empty_message_block .left_img {
        width: 110px;
        height: 110px;
        left: 30px;
    }

    .success_message_block .top_info {
        font-size: 16px;
    }

    .success_message_block .title {
        font-size: 20px;
    }

    .success_message_block .material-icons {
        font-size: 35px;
    }

    .success_message_block .sub_txt {
        font-size: 13px;
    }

    .fixed_info {
        padding: 8px 20px 7px 61px;
    }

        .fixed_info .title {
            font-size: 14px;
        }

        .fixed_info .sub_txt {
            font-size: 12px;
        }

        .fixed_info .material-icons {
            width: 40px;
            height: 40px;
            border: 3px solid #fff;
            font-size: 20px;
            left: 13px;
        }

    .document_flex_wrap .doc_header {
        padding: 8px 9px;
    }

        .document_flex_wrap .doc_header .sub_title {
            font-size: 12px;
        }

        .document_flex_wrap .doc_header .title_sm {
            font-size: 12px;
        }

    .document_flex_wrap .doc_body {
        font-size: 13px;
    }

        .document_flex_wrap .doc_body table tr td:first-child {
            width: 20px;
        }

        .document_flex_wrap .doc_body table td {
            padding: 6px;
        }

    .radio_box_block.box.lg .radio_btn_item input[type="radio"] + label {
        font-size: 15px;
        padding-left: 40px;
    }

    .bg_white_box {
        padding: 15px;
    }

        .bg_white_box .text_normal.mb-20 {
            margin-bottom: 10px !important;
        }

        .bg_white_box .sample_doc {
            padding-left: 20px;
        }

    .sub_content_box_wrap {
        padding-left: 30px;
    }

        .sub_content_box_wrap .sub_content_wrap .label_box .title_label {
            padding: 6px 10px;
            font-size: 13px;
        }

        .sub_content_box_wrap .sub_content_wrap .label_box .data_input input.width_less {
            width: 145px;
        }

        .sub_content_box_wrap .sub_content_wrap .label_box .data_input input {
            height: 25px;
            font-size: 13px;
        }

    .error_failed {
        padding: 12px 10px 12px 70px;
        margin: 10px 0;
    }

        .error_failed img {
            left: 12px;
            max-height: 32px;
        }

        .error_failed .title {
            font-size: 16px;
            margin-bottom: 5px;
        }

        .error_failed .sub {
            font-size: 13px;
            line-height: 20px;
        }

        .error_failed ul {
            margin-bottom: 0;
        }
    /*switch styling*/
    .switch_control {
        height: 21px;
    }

        .switch_control input[type="checkbox"] + label {
            height: 21px;
            width: 40px;
        }

            .switch_control input[type="checkbox"] + label:before {
                width: 15px;
                height: 15px;
            }

    .success_wrapper .title {
        font-size: 20px;
        margin-bottom: 7px;
    }

    .copy_code .top_block {
        font-size: 14px;
    }

    .success_wrapper .sub_title {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .copy_code .code_wrap {
        font-size: 15px;
        padding: 5px 10px;
    }

    .copy_code {
        max-width: 420px;
    }

    .success_wrapper .button_block {
        margin-top: 20px;
    }

    .success_wrapper .material-icons {
        font-size: 50px;
    }

    .email_wrapper input {
        font-size: 14px;
        /*width: calc(100% - 150px);*/
    }

    .email_wrapper .btn {
        font-size: 12px;
        padding: 8px 25px;
    }

    .light_theme_alert_box .body_box .cap .head_text {
        font-size: 15px;
    }
    /*e-verify poster*/
    .info_block_wrap {
        max-width: 630px;
    }

        .info_block_wrap .main_text {
            font-size: 27px;
        }

        .info_block_wrap:after {
            right: -62px;
            border-top: 0px solid #EBF1FF;
            border-left: 62px solid #EBF1FF;
            border-bottom: 120px solid transparent;
        }

    .image_info_section .image_info_wrap .img_top_row img {
        max-width: 85px;
    }

    a#cptAccesscode_CaptchaAudioCode,
    a#cptCompanyAuthorizationCode_CaptchaAudioCode,
    a#ctl00_I9Content_cptEVSLogin_CaptchaAudioCode {
        font-size: 13px;
        padding-left: 31px;
    }

        a#cptAccesscode_CaptchaAudioCode:before,
        a#cptCompanyAuthorizationCode_CaptchaAudioCode:before,
        a#ctl00_I9Content_cptEVSLogin_CaptchaAudioCode:before {
            font-size: 24px;
            height: 24px;
            line-height: 24px;
        }

    .hr_contact_block {
        padding: 20px 25px;
    }

        .hr_contact_block .left_info .title {
            font-size: 18px;
        }

        .hr_contact_block .contact_info .name_info {
            font-size: 16px;
        }

        .hr_contact_block .contact_info .mail_info,
        .hr_contact_block .sub {
            font-size: 14px;
        }
        .hr_contact_block .sub * {
            font-size: 14px !important;
        }

        .hr_contact_block .contact_info img {
            max-width: 55px;
        }

        .hr_contact_block .contact_info {
            padding-left: 65px;
        }

    .video_verification .content_wrap_header .instruction_head {
        padding: 15px;
    }

    .video_verification .date_info,
    .video_verification .content_wrap_header .title_head .title {
        font-size: 20px;
    }

    .video_verification .content_wrap_header .instruction_head .data {
        font-size: 13px;
        line-height: 20px;
    }

    .video_verification .profile_div .loc,
    .video_verification .element_set .form_label,
    .video_verification .content_wrap_header .title_head .sub_title {
        font-size: 13px;
    }

    .video_verification .content_wrap_header .instruction_head .title {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .video_verification .element_set .form_data,
    .video_verification .title_medium {
        font-size: 14px;
    }

    .video_verification .profile_div .image_wrap img {
        width: 48px;
        height: 48px;
        background-size: cover;
    }

    .video_verification .profile_div .name {
        font-size: 15px;
    }

    .video_verification .title_small {
        margin-bottom: 8px;
    }

    .video_verification .tag_wrapper .tag_item {
        padding: 9px 18px;
        font-size: 13px;
    }

    .video_verification .time_slotes .time_slot_item {
        font-size: 13px;
        padding: 6px 13px;
    }
    /*message style*/
    .meeting_message {
        padding: 12px 12px 12px 80px;
    }

        .meeting_message .msg {
            font-size: 16px;
        }

        .meeting_message .sub_msg {
            font-size: 13px;
        }

        .meeting_message img {
            max-width: 45px;
            max-height: 45px;
        }

    .warning_wrap .title {
        font-size: 22px;
    }

    .warning_wrap .red_ico {
        font-size: 70px;
    }

    .radio_box_block.box .radio_btn_item input[type="radio"]:checked + label:after {
        left: 14px;
    }

    .fixed_info {
        padding: 8px 6px 7px 41px;
        width: 155px;
        left: 8px;
    }

    .fixed_info .material-icons {
        width: 33px;
        height: 32px;
        border: 2px solid #fff;
        font-size: 17px;
        left: 1px;
    }

    .fixed_info:before {
        left: 0;
        width: 20px;
        transform: none;
    }

    .fixed_info .title {
        font-size: 12px;
        line-height: 13px;
        margin-bottom: 5px;
    }

    .fixed_info .sub_txt {
        font-size: 11px;
        line-height: 15px;
    }
    .video_timer_wrap .title_lg{
        font-size: 20px;
        margin-bottom: 5px;
        line-height: 30px;
    }
    .video_timer_wrap .timer_wrap .img_btm {
        position: absolute;
        right: -22px;
        bottom: -20px;
        height: 125px;
    }
    .video_timer_wrap .running_time{
        font-size: 30px;
        margin: 6px -22px 6px 0;
        padding: 8px 25px;
    }
    .video_timer_wrap .meeting_url{
        font-size: 14px;
    }
    .numbers_list .number{
        margin-right: 13px;
        width: 39px;
        min-width: 39px;
        height: 30px;
    }
    .warning_box.pinned{
        font-size: 14px;
    }
    .doc_info_item .title{
        font-size: 15px;
    }
    .doc_info_item .sub{
        font-size: 13px;
        line-height: 22px;
    }
    .numbers_list .number{
        margin-right: 10px;
    }
    .doc_details,
    .colored_tab.nav-tabs{
        gap:11px;
    }
    .input_with_btn .i9_btn {
        padding: 7.5px 16px;
        font-size: 11px;
    }
    .button_block{
        margin-top: 25px;
    }
    .title_content_box .content_body .element_set .form_data,
    .title_content_box .title_data{
        font-size: 15px;
    }
    .title_content_box .meeting_link_wrap .link_info,
    .title_content_box .content_body .element_set .form_label{
        font-size: 14px;
    }
    .eva_schedule_wrapper .i9_btn.btn_green{
        height: 35px;
        font-size: 12px;
    }
    .smart_suggestions_item .text_2{
        margin:2px 0;
        font-size: 18px;
    }
    .smart_suggestions_item{
        padding: 10px 10px;
    }
    .smart_suggestions_item.active:after{
        bottom: 5px;
        right: 5px;
        font-size: 17px;
    }
    .smart_suggestions{
        gap:8px;
    }
    .eva_schedule_wrapper .tag_set_item{
        padding: 3px 9px;
        font-size: 12px;
    }
    div#ctl00_EVSContent_divEmployeeBridge * {
        font-size: 13px !important;
    }
    /*===================================================================================================================================*/
    /*======================================================== i9 Portal page styles end here ==========================================*/
}

@media only screen and (max-width: 1370px) {
    .main_i9_container .content_wrapper .footer-wrapper-block,
    .main_i9_container .content_inside {
        max-width: 955px;
    }

    .main_i9_container.without_sidebar .content_inside,
    .main_i9_container.without_sidebar .content_wrapper .footer-wrapper-block {
        max-width: 1075px;
    }

    .txt_label,
    .form_input,
    .form_select,
    .form_textarea
    .radio_option_block .option_item .lbl,
    .form_element_set .form_label {
        font-size: 12px;
    }

    .form_element_set .form_data {
        font-size: 13px;
        line-height: 18px;
    }

    .title_md {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .title_sm {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .title_normal {
        font-size: 14px;
    }

    .poster_wrapper .title_lg {
        font-size: 22px;
    }

    .info_block_wrap .main_text {
        font-size: 18px;
    }

    .info_block_wrap {
        max-width: 575px;
    }

        .info_block_wrap:after {
            right: -57px;
            top: 0;
            bottom: 0;
            border-top: 0px solid #EBF1FF;
            border-left: 57px solid #EBF1FF;
            border-bottom: 110px solid transparent;
        }

    .image_info_section.yellow .list .item {
        font-size: 12px;
    }

    .image_info_section.yellow .top_title {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .image_info_section.yellow .top_title {
        font-size: 15px;
    }

    .image_info_section.yellow .info_block_wrap {
        padding: 12px 10px 12px 10px;
    }

    .image_info_section.yellow .info_block_wrap:after {
        border-top: 0px solid #FFF1CF;
        border-left: 55px solid #FFF1CF;
        border-bottom: 73px solid transparent;
    }

    .image_info_section.yellow .image_info_wrap {
        margin-left: 55px;
    }

    .image_info_section.yellow .info_block_wrap:after {
        right: -55px;
    }

    .image_info_section .image_info_wrap .img_top_row img {
        max-width: 80px;
    }

    .image_info_section .image_info_wrap img {
        max-width: 70px;
    }

    .radio_box_block.box .radio_btn_item input[type="radio"]:checked + label:after {
        left: 14px;
    }
    /*I9 Portal*/
    .combo_buttons a {
        font-size: 11px;
    }
}

@media only screen and (max-width: 1190px) {

    .main_i9_container .content_wrapper {
        width: 100%;
    }

    .main_i9_container .content_wrapper .i9_content_box {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
    /*Header*/
    .header_top .header_account_wrap {
        padding-right: 28px;
        position: relative;
    }

    .header_top .header_account_wrap .open_link_btn {
        display: block;
        position: absolute;
        width: 25px;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 1;
    }

    .header_top .header_account_wrap .open_link_btn:before {
        content: "\e5cf";
        font-family: 'Material Icons';
        color: #000;
        font-size: 25px;
        position: absolute;
        top: 0;
        cursor: pointer;
        line-height: 25px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        height: 25px;
        width: 25px;
    }
    /*Right sidebar*/
    .right_sidebar {
        z-index: 9;
        width: 320px;
        min-width: 320px;
        max-width: 320px;
        right: -100vh;
        transition: 0.5s ease-in;
    }

        .right_sidebar.mobile_dropup .content_area_wrapper {
            padding: 25px 20px 20px 35px;
        }
        /*.right_sidebar.mobile_dropup:before{
        content: "";
        position: fixed;
        left: 0;
        right: 0;
        top:0;
        bottom: 0;
        background-color: rgb(0 0 0 / 74%);
    }*/
        .right_sidebar.mobile_dropup .btn_close {
            display: block;
            z-index: 99;
            left: -25px;
            right: auto;
            top: 20px;
        }

    .content_inside.open-rightbar .right_sidebar.mobile_dropup {
        right: 0;
    }

    .with_tooltip .tooltip_data {
        max-width: 300px;
    }

        .with_tooltip .tooltip_data.lg {
            max-width: 450px;
        }

    .helptext-wrapper:before {
        display: none;
    }

    .helptext-wrapper {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    ul.helptext-wrapper__list-txt {
        padding-left: 18px;
    }

    .preparer_wrapper table#ctl00_EVSContent_PreparerCtrl_rbtnSelfOrPreparer td {
        display: block;
        padding-bottom: 10px;
    }

    .preparer_wrapper div#ctl00_EVSContent_PreparerCtrl_divPreparerCount .d-flex {
        display: block !important;
    }

    .preparer_wrapper div#ctl00_EVSContent_PreparerCtrl_divPreparerCount .pl-15 {
        padding-left: 0;
        width: 100px;
    }
    
    /*======================================================== i9 Portal page styles start here ==========================================*/
    /*===================================================================================================================================*/
    .I9_portal_login.with_sidebar .left_container_wrap {
        width: 100%;
    }
    /* i9 thanks */
    .document_flex_wrap .document_info_item {
        flex: auto;
        margin-bottom: 15px;
        margin-right: 0;
    }

    .document_flex_wrap .document_info_item:last-child {
        margin-bottom: 0;
    }

    .document_flex_wrap .combined_item,
    .document_flex_wrap {
        flex-direction: column;
    }

    .document_flex_wrap .combined_item {
        width: 100%;
    }

    .sub_content_box_wrap {
        padding-left: 30px;
    }

    .sub_content_box_wrap .sub_content_wrap .middle_text {
        margin: 0 7px;
        font-size: 12px;
    }

    .sub_content_box_wrap .sub_content_wrap {
        display: block;
        text-align: center;
        max-width: 300px;
    }

    .sub_content_box_wrap .sub_content_wrap .combo_label_box {
        display: block;
    }

    .sub_content_box_wrap .sub_content_wrap .combo_label_box .label_box:first-child {
        border-right: 1px solid #ccc;
    }

    .sub_content_box_wrap .sub_content_wrap .combo_label_box .label_box {
        margin-bottom: 5px;
        border-radius: 3px;
    }

    .sub_content_box_wrap .sub_content_wrap .middle_text {
        margin: 8px;
    }

    .image_info_section.yellow .info_block_wrap:after {
        right: -54px;
    }

    .image_info_section.yellow .image_info_wrap {
        margin-left: 53px;
    }

    .img_data_wrap .data {
        font-size: 12px;
    }

    .mobile_sidebar_open {
        position: fixed;
        right: 5px;
        bottom: 5px;
        z-index: 8;
        display: block;
    }

    .mobile_sidebar_open img {
        width: 60px;
    }

    .right_sidebar.mobile_dropup.show_block {
        right: 0px;
        z-index: 99;
    }

    body.overlay_show {
        overflow-y: hidden;
    }

    body.overlay_show:before {
        content: "";
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgb(0 0 0 / 74%);
        z-index: 9;
        animation-name: show_bg;
        animation-duration: 0.4s;
    }

    .sub_content_box_wrap .sub_content_wrap {
        width: 100%;
        max-width: 100%;
        text-align: left;
    }

    .sub_content_box_wrap .sub_content_wrap td {
        display: block;
        width: 100% !important;
        padding-right: 0 !important;
        text-align: left;
    }

    .sub_content_box_wrap .sub_content_wrap .middle_text {
        text-align: left;
    }

    div#ctl00_EVSContent_I9Section1_divFormI94Admission,
    div#ctl00_EVSContent_I9Section1_divAlienUSCIS {
        margin-top: 10px;
    }

    .fixed_info {
        padding: 40px 6px 7px 6px;
        width: 102px;
        text-align: center;
        left: 8px;
    }

    .fixed_info .material-icons {
        left: 0;
        right: 0;
        margin: auto;
        top: 4px;
    }

    .fixed_info:before {
        left: 0;
        right: 0;
        height: 21px;
        width: 100%;
    }

}



@media only screen and (max-width: 1025px) {
    .fixed_info {
        left: 0;
        position: relative;
        width: 100%;
        margin-bottom: 10px;
        text-align: left;
        padding: 8px 6px 7px 57px;
    }

    .fixed_info .material-icons {
        width: 33px;
        height: 32px;
        left: 14px;
        right: auto;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .fixed_info:before {
        position: absolute;
        left: -11px;
        top: -3px;
        bottom: 0;
        width: 54px;
        transform: rotate(-31deg);
        height: 100px;
    }
}

@media only screen and (max-width: 993px) {
    .alert_info {
        font-size: 13px;
        padding: 5px 9px 4px 44px;
        line-height: 20px;
    }

    .alert_info:before {
        font-size: 21px;
        line-height: 21px;
        height: 21px;
        left: 10px;
    }

    .radio_btn_group.vertical .RadioButton tbody tr td {
        padding-bottom: 10px;
    }

    .main_i9_container {
        background-color: #fff;
    }

    .main_i9_container .content_inside {
        margin-top: 0;
        min-height: calc(100vh - 91px);
    }

    .main_i9_container .head_info_text {
        display: block;
        margin-bottom: 20px;
    }

    .main_i9_container .header_top .head_info_text {
        display: none;
    }

    .header_top {
        padding: 10px 15px 10px;
    }

    .header_top .header_account_wrap .account_info {
        border-left: none;
    }

    .header_top .header_account_wrap .profle_name {
        font-size: 14px;
        max-width: 185px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .head_info_text .head_main_title {
        font-size: 18px;
        margin-bottom: 4px;
    }

    .head_info_text .head_sub_title {
        font-size: 13px;
    }
    .main_i9_container .content_wrapper .i9_content_box.with_padding,
    .main_i9_container .content_wrapper .i9_content_box {
        padding: 15px;
    }
    

    .I9_portal_login.with_sidebar .right_sidebar,
    .right_sidebar.mobile_dropup {
        width: auto;
        min-width: initial;
        max-width: initial;
        top: 70px;
        height: auto;
        margin: 20px;
        left: 15px;
        right: 15px !important;
        margin: 0;
        padding: 0;
        bottom: auto;
        position: fixed;
        top: -100%;
        visibility:hidden;
    }

    .right_sidebar.mobile_dropup .content_area_wrapper {
        padding: 10px;
    }

    .right_sidebar.mobile_dropup .btn_close {
        top: auto;
        bottom: -26px;
        left: 0;
        right: 0;
    }

    .right_sidebar.mobile_dropup:after {
        display: none;
    }

    .right_sidebar .i9_btn.red_border {
        display: block;
        margin-top: 20px;
    }

    .right_sidebar.mobile_dropup .content_area_wrapper {
        padding: 20px 20px 35px 20px;
        height: auto;
        max-height: initial;
    }

    .right_sidebar.mobile_dropup:before {
        display: none;
    }

    .open-rightbar.content_inside {
        margin: 15px;
        min-height: calc(100vh - 91px);
        /*z-index: 1;*/
    }

    .open-rightbar.content_inside .right_sidebar.mobile_dropup {
        height: auto;
        top: 70px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .open-rightbar.content_inside .header_top {
        position: fixed;
        z-index: 1;
        left: 15px;
        right: 15px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .open-rightbar.content_inside .right_sidebar.mobile_dropup .content_area_wrapper {
        border-radius: 0;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    /*  .open-rightbar.content_inside:before{
        content: "";
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgb(0 0 0 / 74%);
        z-index: 1;
        animation-name: show_bg;
        animation-duration: 1s;
    }*/
    .open-rightbar .header_top .header_account_wrap .open_link_btn {
        display: none;
    }

    .open-rightbar .header_top .header_account_wrap {
        padding-right: 0;
    }

    .progress_tab_bar .progress_tab_item:last-child:after {
        border-top: 13px solid transparent;
        border-bottom: 12px solid transparent;
        right: -26.5px;
    }

    /*Steps to complete I9 review*/
    .bg_content.height_set {
        min-height: initial;
        margin-bottom: 20px;
    }

    .numberd_instructions {
        margin-top: 20px;
    }

    .numberd_instructions .intruction_item {
        margin-bottom: 25px;
    }

    .video_img_wrap .play_btn {
        width: 70px;
        height: 70px;
    }

    .video_img_wrap .play_btn i {
        font-size: 40px;
    }

    .video_section {
        max-width: 400px;
        margin: auto;
    }
    /*List of accepatble documents*/
    .document_list_wrapper {
        margin-bottom: 5px;
    }

    .document_list_wrapper .doc_head {
        margin-bottom: 0;
        padding: 13px 15px;
        position: relative;
    }

    .document_list_wrapper .doc_head:after {
        content: "\e5cf";
        font-family: "Material Icons";
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        margin: auto;
        font-size: 23px;
        height: 23px;
        line-height: 23px;
        transition: 0.5s ease-in;
    }

    .document_list_wrapper .doc_head.opened:after {
        transform: rotate(-180deg);
        }

    .document_list_wrapper .doc_body {
        display: none;
    }

    /*i9 Verification*/
    .guidance_info_wrap {
        max-width: 100%;
    }

    .guidance_info_wrap:before {
        display: none;
    }

    .photo_upload_block {
        display: flex;
        align-items: center;
    }

    .photo_upload_block .data_left .title_sm {
        display: block;
        margin-bottom: 5px;
    }
    /*Login*/
    .i9_login_box .login_form_wrap {
        padding: 20px;
    }

    .i9_login_box .login_info {
        min-height: calc(100vh - 150px);
    }

    .i9_login_box .account_info,
    .i9_login_box .access_code_wrap {
        margin-bottom: 10px;
    }

    .i9_login_box .access_code_wrap .icon_input_wrap {
        margin-bottom: 0;
    }

    /*Tooltip adjust*/
    .with_tooltip .tooltip_data.top_left {
        left: auto;
        right: 0;
    }

    .with_tooltip .tooltip_data {
        max-width: 270px;
    }

    .with_tooltip .tooltip_data.top_left.lg {
        left: -160px;
        max-width: 445px;
    }

    .document_info_form .document_form_item .with_tooltip .tooltip_data.top_left.lg {
        left: -125px;
    }

    .document_info_form .with_tooltip .tooltip_data.top_left {
        left: 0;
        right: auto;
    }

    .document_info_form .document_form_item .right_data .with_tooltip .tooltip_data.top_left.lg {
        left: auto !important;
        right: 0;
    }

    .preparer_wrapper .radio_btn_item .RadioButton table td {
        display: block;
        padding: 5px 0;
    }

    .table_data.mobile_block_grid table thead {
        display: none;
    }

    .table_data.mobile_block_grid > table > tbody > tr > td {
        display: block;
        width: 100% !important;
        text-align: left !important;
        border-bottom: none;
    }

    .table_data.mobile_block_grid > table > tbody > tr > td:before {
        content: attr(data-content);
        font-weight: 600;
        display: block;
        margin-bottom: 5px;
    }

    .table_data.mobile_block_grid > table > tbody > tr:not(:last-child) > td:last-child {
        padding-top: 0;
    }

    .table_data.mobile_block_grid .action_btn {
        padding: 5px 20px;
        display: inline-flex;
        background: #3468e1;
        color: #fff;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .table_data.mobile_block_grid .action_btn:after {
        content: "View Data";
    }

    .table_data.mobile_block_grid .action_btn .material-icons {
        margin-right: 5px;
        display: none;
    }

    .custom_dropdown_menu {
        right: auto;
        left: 0;
    }

    .custom_dropdown_menu:after {
        right: auto;
        left: 10px;
    }

    .custom_dropdown_menu:before {
        right: auto;
        left: 10px;
    }

    .icon_btn {
        font-size: 13px;
    }

    .icon_btn .material-icons {
        font-size: 20px;
        line-height: 20px;
        height: 20px;
    }

    .modal.fade.dark_mode .modal-header .btn-close {
        right: 15px;
        border: 2px solid #707070;
        width: 10px;
        height: 10px;
    }

    .modal.fade.dark_mode .modal-header .btn-close:before {
        font-size: 18px;
    }

    .modal.fade.dark_mode .modal-body,
    .modal.fade.dark_mode .modal-header {
        border-radius: 0;
    }

    .modal.fade.dark_mode .modal-header .modal-title {
        display: block;
    }

    .modal.fade.dark_mode .modal-header .modal-title > * {
        text-align: left;
        margin-bottom: 15px;
    }

    .modal.fade.dark_mode .modal-header .btn-close {
        bottom: auto;
        top: 15px;
    }

    .modal.fade.dark_mode .file_link {
        margin-bottom: 0 !important;
    }

    .modal.fade.dark_mode .file_download_link,
    .modal.fade.dark_mode .file_name_info {
        max-width: calc(100% - 30px);
    }

    .image_editor .RadImageEditor.RadImageEditor_Default {
        height: calc(100vh - 165px);
    }
    /*======================================================== i9 Portal page styles start here ==========================================*/
    /*===================================================================================================================================*/
    .login_header_wrapper .header_info {
        margin-left: 12px;
        padding-left: 12px;
    }

    .text-end {
        text-align: left !important;
    }

    .input_signature {
        display: block;
    }

    .input_signature > div:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .sign_input {
        max-width: 100%;
        width: 100%;
    }

    .radio_box_block {
        margin-bottom: 10px;
    }

    .radio_box_block .radio_box_item {
        padding: 10px;
    }

    .empty_message_block {
        padding: 20px;
        text-align: center;
    }

    .empty_message_block .left_img {
        position: relative;
        left: 0;
        width: 100px;
        height: 100px;
        margin-bottom: 10px;
    }

    .empty_message_block .empty_content .title {
        font-size: 17px;
    }

    .empty_message_block .empty_content .sub_txt {
        font-size: 13px;
    }

    .empty_message_block .i9_btn {
        margin-top: 15px;
        font-size: 11px;
        padding: 7px 17px;
    }


    /* progressbar */
    .progress_tab_bar .progress_tab_item {
        padding: 5px 8px;
    }

    .progress_tab_bar .progress_tab_item .step_info {
        display: none !important;
    }

    .progress_tab_bar .progress_tab_item.active .status_2 {
        display: block;
    }

    .progress_tab_bar .progress_tab_item.active.completed .status_2 {
        display: none;
    }

    .progress_tab_bar .progress_tab_item.active.completed .status_1 {
        right: 0;
        left: 0;
    }

    .progress_tab_bar {
        max-width: calc(100% - 20px);
    }

    .progress_tab_bar .progress_tab_item i {
        font-size: 18px;
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

    .progress_tab_bar .progress_tab_item:first-child i {
        right: 13px;
    }

    .form_element_set .form_data {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .bg_content.zig_zag:before {
        left: 0;
        right: 0;
    }

    .I9_portal_login.with_sidebar .i9_login_box .login_info {
        min-height: calc(100vh - 150px);
    }

    .mobile_sidebar_open img {
        width: 55px;
    }

    .right_sidebar.mobile_dropup.show_block {
        top: 10px;
        left: 10px;
        right: 10px !important;
        height: calc(100vh - 46px);
        z-index: 99;
        visibility:visible;
    }

    .right_sidebar.mobile_dropup.show_block .content_area_wrapper {
        height: calc(100vh - 46px);
    }

    .img_data_wrap img {
        max-height: initial;
    }

    .success_wrapper .title {
        font-size: 17px;
        line-height: 22px;
    }

    .success_wrapper .material-icons {
        font-size: 44px;
    }

    .copy_code .code_wrap,
    .success_wrapper .sub_title {
        font-size: 14px;
    }

    .help_tip_wrap .help_text_label {
        display: none;
    }

    .help_tip_wrap {
        bottom: 60px;
    }

    .help_tip_wrap .help_label {
        width: 48px;
        height: 48px;
    }

    .help_tip_wrap .help_label img {
        width: 15px;
    }

    .quick_help_sticky_side {
        width: 450px;
        min-width: 450px;
        max-width: 450px;
    }

    .bg_content.lite_bg.zig_zag .circle_side:before {
        left: -7px;
        width: 33px;
    }

    .bg_content.lite_bg.zig_zag .circle_side.with_border:before {
        left: -6px;
    }

    .bg_content.lite_bg.zig_zag .circle_side:after {
        right: -3px;
        width: 33px;
    }

    .bg_content.lite_bg.zig_zag .circle_side.with_border:after {
        right: -2px;
    }

    .image_info_section:not(.yellow) {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .image_info_section:not(.yellow) .image_info_wrap {
        margin-left: 0;
        margin-bottom: 15px;
        width: 100%;
    }

    .info_block_wrap:after {
        border-top: 0px solid #EBF1FF;
        border-left: 57px solid #EBF1FF;
        border-bottom: 100px solid transparent;
    }

    .info_block_wrap {
        padding: 13px 15px 12px 19px;
    }

    .info_block_wrap .main_text {
        font-size: 18px;
    }

    .poster_wrapper .title_lg {
        font-size: 21px;
    }

    a#ctl00_I9Content_cptEVSLogin_CaptchaAudioCode {
        font-size: 13px;
    }

    .radio_box_block.box .radio_box_item,
    .radio_box_block.box table {
        width: 100%;
        margin: 0;
    }

        .radio_box_block.box table tr > td {
            display: block;
            padding: 5px 0;
            width: 100%;
        }

    .radio_box_block.box.lg table {
        width: 100%;
    }

        .radio_box_block.box.lg table tr > td {
            display: table-cell;
        }

    .error_failed {
        padding: 15px;
        text-align: center;
    }

        .error_failed img {
            position: relative;
            margin-bottom: 15px;
            left: 0;
        }

        .error_failed .title {
            font-size: 16px;
        }

    .mob_block_table tr:first-child {
        display: none;
    }

    .mob_block_table {
        display: block;
    }

        .mob_block_table td {
            display: block;
            width: 100%;
            text-align: left !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .mob_block_table .file_name {
            font-size: 13px;
            font-weight: 600;
            line-height: 20px;
        }

        .mob_block_table td:nth-last-child(-n+3) {
            display: initial;
            padding-right: 0 !important;
        }

        .mob_block_table td .action_btn {
            border: 1px solid #ccc;
            display: inline-flex;
            align-items: center;
            padding: 2px 10px;
            border-radius: 5px;
            margin-right: 7px;
            margin-bottom: 10px;
        }

            .mob_block_table td .action_btn .material-icons {
                font-size: 19px;
            }

        .mob_block_table td .download_link {
            margin: 5px 0 15px 0;
            display: block;
            font-size: 13px;
        }

    .hr_contact_block {
        padding: 15px 20px;
    }

        .hr_contact_block .contact_info .name_info {
            font-size: 14px;
        }

        .hr_contact_block .left_info .title {
            font-size: 15px;
            margin-bottom: 5px;
        }
        .hr_contact_block .sub *{
            font-size:13px !important
        }
        .hr_contact_block .contact_info .mail_info,
        .hr_contact_block .sub {
            font-size: 13px;
        }

        .hr_contact_block .contact_info img {
            width: 60px;
        }

    .video_verification .content_row {
        display: block;
        margin-top: 20px;
    }

        .video_verification .content_row .content_col.left {
            border-right: none;
            padding-right: 0;
            width: 100%;
            border-bottom: 1px solid #D9D9D9;
            padding-bottom: 0;
            margin-bottom: 15px;
        }

        .video_verification .content_row .content_col.right {
            padding-left: 0;
            width: 100%;
        }

    .video_verification .time_slotes .time_slot_item {
        font-size: 12px;
        padding: 4px 9px;
    }

    .number_item_wrapper .number_item:before {
        width: 30px;
        height: 30px;
        font-size: 13px;
        left: -41px;
    }

    #ctl00_ContentSection_I9Section11_divWorkUntil,
    #ctl00_EVSContent_I9Section11_divWorkUntil {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start !important;
        display: flex;
    }

    .align-items-center {
        align-items: center !important;
    }

    .d-flex {
        display: flex !important;
    }

    .i9_login_box .account_info .account_details {
        padding-left: 55px;
    }

    .i9_login_box .account_info .initial + .account_details {
        padding-left: 0;
    }
    .video_timer_wrap .title_lg{
        font-size: 17px;
        line-height: 25px;
    }
    .video_timer_wrap .timer_wrap .img_btm {
        right: -15px;
    }
    .video_timer_wrap .running_time {
        margin: 6px -15px 6px 0;
    }
    .video_timer_wrap .running_time{
        font-size: 26px;
    }
    .video_timer_wrap .meeting_link .icon_right img{
        width: 50px;
    }
    .video_timer_wrap .timer_wrap .img_btm{
        height: 110px;
    }
    .video_timer_wrap .meeting_link .icon_right img {
        width: 40px;
    }
    .doc_details{
        gap:15px;
    }
    .doc_details .round_info{
        width: 38px;
        height: 38px;
    }
    .oval_ico_title .oval_ico{
        padding: 7px;
        margin-right: 10px;
    }
    .oval_ico_title .oval_ico span{
        font-size: 20px;
        height: 20px;
        line-height: 20px;
    }
    .numbers_list .number {
        margin-right: 9px;
        width: 37px;
        min-width: 37px;
        height: 28px;
    }
    .colored_tab.nav-tabs{
        gap:10px;
        flex-direction: column;
    }
    .doc_details{
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .warning_box.pinned {
        font-size: 13px;
    }
    .doc_info_item .title{
        margin-bottom: 3px;
        font-size: 14px;
    }
    .two_col_grid{
        grid-template-columns: 1fr;
    }
    .video_timer_wrap .timer_wrap .timer_title{
        font-size: 12px;
    }
    .video_timer_wrap .timer_wrap{
        max-width: 400px;
    }
    .video_timer_wrap .running_time {
        margin: 6px 0 6px 0;
        border-radius: 100px;
    }
    .title_content_box .content_body .element_set .form_data,
    .title_content_box .content_body .element_set .form_label{
        font-size: 13px;
    }
    .title_content_box .meeting_link_wrap {
        padding: 11px 30px 11px 11px;
        font-size: 12px;
        line-height: 20px;
    }
    .title_content_box .content_body{
        padding: 15px;
    }
    .title_content_box .meeting_link_wrap .copy_icon span{
        font-size: 20px;
    }
    .title_content_box .meeting_link_wrap .copy_icon{
        right:1px;
    }
    .title_content_box .title_data{
        font-size: 13px;
        padding: 10px 10px;
    } 
    .title_content_box .meeting_link_wrap .link_info{
        font-size:12px;
        line-height: 17px;
    }
    .title_content_box .meeting_link_wrap .copy_icon span {
        font-size: 17px;
    }
    .success_message_block {
        margin: 20px 0 20px;
    }
    .smart_suggestions_item .text_2{
        font-size: 16px;
    }
    body:has(.mobile_dropup.in) {
        overflow: hidden;
    }

}

@media only screen and (max-width: 767px) {
    .title_sm {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .text_md {
        font-size: 13px;
    }

    .title_normal {
        font-size: 13px;
    }

    body,
    .radio_btn_group.small .radio_btn_item input[type="radio"] + label,
    .form_textarea,
    .form_select,
    .checkbox_item input[type="checkbox"] + label,
    .text_normal,
    .form_element_set .form_label,
    .radio_btn_item input[type="radio"] + label {
        font-size: 12px;
    }

    .form_element_set .form_label {
        line-height: 17px;
    }

    .mb-20.mobile_border_top .b_right {
        border-right: none !important;
        display: block;
        margin-bottom: 5px;
    }

    .i9_btn {
        font-size: 13px;
        padding: 9px 20px;
    }

    .button_block {
        display: block;
    }

        .button_block.mob_reverse {
            display: flex;
            flex-direction: column-reverse;
            gap: 0;
            margin-top: 15px;
        }

        .i9_login_box .i9_btn,
        .button_block .i9_btn {
            font-size: 12px;
            width: 100% !important;
            margin: 4px 0 !important;
            padding: 8px 15px;
        }

        .button_block.with_border_top {
            margin-top: 35px;
            padding-top: 15px;
        }

    .main_i9_container .content_wrapper .footer-wrapper-block {
        margin-top: 10px;
    }

    .warning, .warning_box, .alert_info {
        line-height: 20px;
    }

    .alert_info {
        padding: 7px 9px 7px 44px;
    }

        .alert_info:before {
            left: 10px;
        }

    .toggle_wrapper {
        margin-bottom: 15px;
    }

    .progress_tab_bar {
        max-width: calc(100% - 24px);
    }
    /*I9 Mobile Home*/
    .i9_mobile_home {
        position: relative;
        height: 100vh;
        display: block;
    }

        .i9_mobile_home .page_title {
            font-size: 23px;
            text-align: center;
            font-weight: 700;
            position: relative;
            padding: 12px 10px;
        }

        .i9_mobile_home .bg_banner {
            position: absolute;
            background-image: url('../../../Images/I9Remote/I9-portal-img2.png');
            height: calc(100vh - 58px);
            width: 100%;
            top: 58px;
            left: 0;
            right: 0;
            bottom: 0;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 58%;
        }

            .i9_mobile_home .bg_banner:before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 50%;
                background-image: linear-gradient(to bottom,rgb(255 255 255 / 0%),#000000)
            }

        .i9_mobile_home .c_logo {
            position: absolute;
            width: 190px;
            height: 190px;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            background-color: #fff;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .i9_mobile_home .c_logo img {
                max-width: 100%;
            }

        .i9_mobile_home .button_wrap {
            position: absolute;
            left: 23px;
            right: 23px;
            bottom: 20px;
        }

            .i9_mobile_home .button_wrap .i9_btn {
                border-radius: 60px;
                padding: 15px 20px;
                margin-top: 14px;
                width: 100%;
            }

    /*Login page*/
    .I9_portal_login {
        height: auto;
        font-size: 13px;
        max-height: initial;
        padding: 0;
    }

    .i9_login_box .login_content_top .intruction_wrap .image_title_wrap {
        padding-left: 105px;
    }

    .i9_login_box .login_title {
        font-size: 18px;
    }

    .login_header_wrapper.with_ac_info,
    .login_header_wrapper {
        padding: 8px;
        min-height: initial;
    }

        .login_header_wrapper.with_ac_info .header_info {
            display: none;
        }

        .login_header_wrapper .left_logo img {
            max-width: 90px;
            max-height: 60px;
        }

        .login_header_wrapper .header_info {
            font-size: 12px;
            padding-left: 10px;
            margin-left: 10px;
        }

    .i9_login_box .access_code_wrap .label_title,
    .i9_login_box .access_code_wrap .code_info_text,
    .i9_login_box .login_sub_title {
        font-size: 12px;
    }

    .i9_login_box .account_info .desig,
    .link_txt {
        font-size: 13px;
    }

    .i9_login_box .account_info .initial {
        width: 38px;
        height: 38px;
        min-width: 38px;
        min-height: 38px;
        font-size: 14px;
        line-height: 14px;
        margin-right: 10px;
    }

    .i9_login_box .access_code_wrap img {
        width: 38px;
        height: 38px;
        margin-right: 10px;
    }

    .i9_login_box .login_content_top {
        padding: 10px;
    }

    .i9_login_box .login_footer {
        padding: 15px 15px;
        display: block;
        text-align: center;
    }

    .i9_login_box .c_right {
        margin: 10px 0;
        position: relative;
    }

    .i9_login_box {
        width: 100%;
        border-radius: 0;
        box-shadow: none;
    }

        .i9_login_box .login_content_top .login_instruction {
            max-height: 280px;
        }

        .i9_login_box .login_warning {
            font-size: 12px;
        }

        .i9_login_box .login_info {
            height: auto;
        }

        .i9_login_box .login_form_wrap {
            padding: 15px;
        }

        .i9_login_box .title_wrap {
            padding-left: 0;
            margin-bottom: 15px;
        }

            .i9_login_box .title_wrap:before {
                display: none;
            }

        .i9_login_box .access_code_wrap {
            margin-bottom: 10px;
        }

        .i9_login_box .login_title {
            font-size: 17px;
        }

    /*common*/
    .with_tooltip {
        width: auto;
    }

    .title_lg {
        font-size: 22px;
        line-height: 31px;
    }

    .element_inline.label_right .row [class*="col-"]:first-child {
        text-align: left;
    }

    .element_inline.label_right .form_label {
        margin-bottom: 5px;
    }
    /*Radio button*/
    .radio_option_block .option_item .lbl {
        padding: 13px 12px 13px 38px;
        line-height: 21px;
    }

    .radio_option_block .option_item input[type="radio"] + .lbl:before {
        left: 11px;
    }

    .I9_incomplete .text_normal br {
        display: none;
    }

    .I9_incomplete .img_title_wrap {
        display: flex;
        align-items: center;
        text-align: left;
    }

        .I9_incomplete .img_title_wrap img {
            width: 85px;
            margin-bottom: 0;
            margin-right: 10px;
        }

    .I9_incomplete .text_normal.text-center {
        text-align: left !important;
    }

    .I9_incomplete .align_middle {
        min-height: initial;
    }

    .mobile_border_top,
    .mobile_divider {
        border-top: 1px dashed #707070;
        padding-top: 15px;
        margin-top: 15px;
    }

    .right_sidebar .mobile_border_top {
        border-top: 1px solid #D4D4D4;
    }
    /*header*/
    .head_info_text .head_main_title {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 5px;
    }

    .head_info_text .head_sub_title {
        font-size: 13px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    .header_top .header_account_wrap {
        top: 0;
    }

    .header_top .header_info_left .logo_wrap {
        margin-right: 0;
    }

    .header_top .header_account_wrap .account_info {
        border-left: none;
    }

    .header_top .header_account_wrap .initial {
        margin-left: 7px;
        min-width: 40px;
        min-height: 40px;
        height: 40px;
        width: 40px;
        font-size: 15px;
    }
    /*I9 Content page styling*/
    .header_top .head_info_text {
        display: none;
    }

    .main_i9_container .content_inside {
        min-height: calc(100vh - 89px);
    }

    .main_i9_container .content_wrapper .i9_content_box {
        margin: 0;
        min-height: calc(100vh - 224px);
    }
    .main_i9_container .content_wrapper .min-h-initial {
        margin: 0 !important;
        padding: 0 !important;
    }

    .file_manage,
    .uploaded_photo {
        margin-top: 10px;
    }

    /*Footer*/
    .footer-wrapper-block {
        padding: 10px 10px;
        display: block;
    }

        .footer-wrapper-block .digicert-block img {
            max-width: 120px;
            max-height: 35px;
        }

        .footer-wrapper-block img.left_logo {
            max-width: 100px;
            max-height: 25px;
        }

        .footer-wrapper-block .copy-right {
            font-size: 12px;
            margin: 10px -5px;
        }

    .open-rightbar.content_inside {
        margin: 10px;
    }

        .open-rightbar.content_inside .header_top,
        .right_sidebar.mobile_dropup {
            left: 10px;
            right: 10px !important;
        }

    .mobile_dropup {
        position: fixed;
        bottom: -100vh;
        left: 0;
        right: 0;
        padding: 10px;
        z-index: 1;
        background: transparent;
        transition: 0.4s ease-in;
    }

        .mobile_dropup.in {
            bottom: 0;
        }

        .mobile_dropup .btn_cancel {
            margin-top: 5px;
        }

        .mobile_dropup.in:before {
            content: "";
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: rgb(0 0 0 / 74%);
            animation-name: show_bg;
            animation-duration: 1s;
        }

        .mobile_dropup:after {
            content: "";
            position: absolute;
            top: 5px;
            height: 30px;
            background: #fff;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            margin: 0 10px;
            left: 0;
            right: 0;
        }

        .mobile_dropup .content_area_wrapper {
            position: relative;
            max-height: 92vh;
            overflow-y: auto;
            background-color: #fff;
            padding: 25px 15px 25px;
            border-radius: 10px;
        }

        .mobile_dropup .btn_close {
            display: block;
        }

    .header_top .header_info_left .logo_wrap img {
        max-width: 85px;
    }

    .header_top .header_account_wrap .account_info {
        min-width: 140px;
    }

    .header_top .header_account_wrap .profle_name {
        max-width: 140px;
    }

    .content_inside.open-rightbar .i9_content_box {
        min-height: initial !important;
    }

    .mobile_dropup .bg_content {
        background-image: none;
        padding: 0;
    }

    .photo_upload_block {
        display: block;
    }

        .photo_upload_block .data_left {
            margin-right: 0;
        }

    span.title_sm.me-15 {
        display: block;
        margin-bottom: 5px;
        margin-right: 0;
    }

    .sub_question_wrap {
        padding-left: 0;
    }

        .sub_question_wrap .radio_btn_group {
            padding-left: 20px;
            margin-top: 10px;
        }

    .photo_uploader {
        margin-top: 20px;
    }

    .i9_btn.upload_btn {
        margin-top: 10px;
    }

    .video_img_wrap .play_btn {
        width: 55px;
        height: 55px;
    }

        .video_img_wrap .play_btn i {
            font-size: 40px;
        }

    /*I9 Verification*/
    .with_tooltip .tooltip_data {
        padding: 10px;
    }

    .with_tooltip .tooltip_title {
        font-size: 13px;
    }

    .with_tooltip .tooltip_desc {
        font-size: 12px;
    }

    .form_element_set.flex_block {
        display: block;
    }

        .form_element_set.flex_block .text_md {
            margin-bottom: 5px !important;
        }

    .with_tooltip {
        display: block !important;
        margin-bottom: 5px;
    }

        .with_tooltip .tooltip_data {
            bottom: 100%;
            left: auto !important;
            right: 0 !important;
            max-width: 243px;
        }

        .with_tooltip .form_label br {
            display: none;
        }

        .with_tooltip .tooltip_data.top_left.lg {
            max-width: 300px;
        }

    .radio_option_list .with_tooltip .tooltip_data.top_left {
        left: auto !important;
        right: 10px !important;
        max-width: 280px !important;
    }

    .document_info_form .document_form_item .with_tooltip .tooltip_data.top_left.lg {
        left: -125px !important;
    }

    .document_info_form .with_tooltip .tooltip_data.top_left {
        left: -99px !important;
    }

    .document_info_form .document_form_item .right_data .with_tooltip .tooltip_data.top_left.lg {
        left: -268px !important;
        right: auto;
    }

    .image_data {
        display: block;
        font-size: 13px;
    }

    .image_data img {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .line_divider {
        margin: 20px -9px;
    }
    .main_i9_container .content_wrapper .i9_content_box.with_padding,
    .main_i9_container .content_wrapper .i9_content_box,
    .i9_verification_wrapper .bg_content {
        padding: 10px;
    }

    .document_info_form .document_form_item .item_num {
        width: 36px;
        height: 36px;
        font-size: 13px;
        line-height: 36px;
        left: -15px;
    }

    .uploaded_documents .form_wrapper .form_element_set {
        margin-bottom: 10px !important;
    }

    /*Receipt block*/
    .receipt_wrapper {
        padding: 10px;
    }

    .receipt_divider {
        margin: 16px 0px 17px;
        border-width: 2px;
    }

    .receipt_wrapper .receipt_header {
        margin-bottom: 10px;
    }

    .receipt_footer,
    .receipt_wrapper .receipt_header {
        display: block;
    }

        .receipt_wrapper .receipt_header img {
            margin-right: 0;
            margin-bottom: 10px;
            width: 100px;
        }

        .receipt_wrapper .receipt_header .title {
            font-size: 17px;
            line-height: 23px;
        }

        .receipt_footer .i9_btn {
            display: block;
            margin: 7px 0;
            line-height: 19px;
        }

    .receipt_divider:after, .receipt_divider:before {
        width: 26px;
        height: 26px;
        left: -24px;
        display: none;
    }

    .receipt_divider:after {
        left: auto;
        right: -24px;
    }

    .form_info_wrap .data_wrap {
        font-size: 13px;
    }

    .form_info_wrap .title_wrap {
        font-size: 11px;
    }

    .numberd_instructions .intruction_item:nth-child(2):before {
        top: 3px;
    }

    .radio_option_list table td {
        vertical-align: middle
    }

    .radio_option_list .alien_number {
        position: relative;
        bottom: 0 !important;
    }

    .radio_option_list .alien_number .col-12 {
        margin-top: 5px;
    }

    .radio_option_list .exp_date {
        display: block;
        bottom: 0;
        position: relative;
        left: 35px;
    }

        .radio_option_list .exp_date .checkbox_item {
            margin: 10px 0;
        }

    .radio_option_list > table > tbody > tr {
        display: flex;
        flex-wrap: wrap;
    }

    .form_element_set {
        margin-bottom: 15px;
    }

    .uploaded_documents .button_block.mt-20 {
        margin-top: 5px !important;
    }

    .radio_option_list.sub_list > div > .row {
        margin-bottom: 0;
    }

    .radio_option_list.sub_list .mob_space {
        margin: 0 0 6px 25px;
    }

    .radio_option_list.sub_list,
    .radio_option_list.sub_list .radio_btn_item {
        margin-bottom: 10px;
    }

    .radio_option_list table .tooltip_td table tr:first-child td {
        height: 35px;
        vertical-align: top;
    }

    .radio_option_list table .tooltip_td table tr:nth-child(2) td {
        height: 50px;
        vertical-align: top;
    }
    .radio_option_list.mobile_alignment table .tooltip_td table tr:nth-child(2) td {
        height: 31px;
    }

    .radio_option_list table .tooltip_td table tr:nth-child(3) td,
    .radio_option_list table .tooltip_td table tr:nth-child(4) td {
        height: 48px;
        vertical-align: top;
    }

    .radio_option_list .radio_btn_item input[type="radio"]:checked + label:after {
        left: 4px;
    }

    .radio_option_list table td:first-child {
        width: calc(100% - 40px);
    }

    .radio_btn_group .radio_btn_item {
        margin-right: 5px;
    }
    /*Video popup*/
    .video_popup {
        padding: 20px;
    }

        .video_popup .video_frame {
            height: 250px;
        }

        .video_popup .video_title {
            font-size: 18px;
            line-height: 24px;
        }

    .helptext-wrapper {
        padding: 15px 20px 20px;
    }

    .warning,
    .warning_box {
        font-size: 12px;
    }

    .tooltip_flex .tooltip_item {
        right: -5px;
    }

    .element_item[style="display: flex;"] {
        display: block !important;
    }

    .document_info_form .element_item {
        display: block;
    }

        .document_info_form .element_item .left_label {
            min-width: 100%;
            max-width: 100%;
        }

    .document_info_form .with_tooltip {
        display: inline-block !important;
    }

    .uploaded_documents {
        margin: 20px -15px 20px;
    }

    .uploaded_doc_wrapper .upload_doc_item .title {
        font-size: 13px;
    }

    .uploaded_doc_wrapper .upload_doc_item .download_btn {
        left: 10px;
    }

    .uploaded_doc_wrapper .upload_doc_item .delete_btn {
        right: 10px;
    }

    .uploaded_doc_wrapper .upload_doc_item {
        padding: 8px 40px 8px 46px;
    }

    .uploaded_doc_wrapper .upload_doc_wrap {
        font-size: 13px;
        padding: 12px 15px 12px 45px;
        width: 100%;
    }

        .uploaded_doc_wrapper .upload_doc_wrap:before {
            width: 28px;
            height: 28px;
            left: 8px;
            font-size: 15px;
        }

    .modal.fade.dark_mode .modal-header {
        padding: 10px 13px;
    }

    .modal.fade.dark_mode .modal-body {
        padding: 10px 15px;
    }
    /*Custom dropdown*/
    .custom_dropdown_menu .data_block td {
        display: block;
        width: 100% !important;
    }

    .custom_dropdown_menu .data_block tr td:last-child {
        font-size: 13px;
    }

    .custom_dropdown_menu .data_block tr td:nth-child(2) {
        display: none;
    }

    .custom_dropdown_menu {
        padding: 15px 15px;
    }
    /*image editor*/
    .image_editor .rtbUL {
        display: block;
    }

    .image_editor .rtbButton.rtbIconOnly[title="Save Image"]:after {
        font-size: 13px;
    }

    .image_editor .rtbButton.rtbIconOnly[title="Save Image"] {
        padding-right: 105px;
    }

    .float-end.i9_btn.mini {
        float: left !important;
        margin-top: 15px;
    }

    .mob-none {
        display: none;
    }

    .radio_block_single_view {
        padding: 20px;
    }

        .radio_block_single_view .title_lg {
            font-size: 20px;
        }

    .photo_uploader .title_main {
        font-size: 14px;
    }

    .i9_modal .button_block {
        margin-top: 10px;
    }

    .header_top .header_account_wrap .desig {
        font-size: 12px;
    }

    .document_info_form .document_form_item .element_item.d-block .with_tooltip .tooltip_data.top_left.lg {
        left: auto !important;
    }
    /*mobile zooimg issue fix*/
    body textarea,
    body .RadComboBox .rcbInput,
    body select,
    body .HRTextbox,
    body input[type="number"],
    body input[type="text"],
    body .ReqTxtbox,
    body .ReqTxtbox input[type="text"],
    body .rcbInput {
        font-size: 16px !important;
    }
    /*======================================================== i9 Portal page styles start here ==========================================*/
    /*===================================================================================================================================*/
    .toggle_wrapper .toggle_data {
        padding: 0 15px 10px;
    }

    .toggle_wrapper .toggle_header {
        padding: 10px 15px;
    }

    .bg_white_box .sample_doc {
        padding-left: 0;
        margin-top: 20px;
    }

    .bg_content .circle_side:after,
    .bg_content .circle_side:before {
        display: none;
    }

    .bg_white_box .sample_doc img {
        max-width: 250px;
    }

    .mob_none {
        display: none;
    }

    .mobile_sidebar_open {
        bottom: 5px;
        right: 5px;
    }

    .sub_content_box_wrap .sub_content_wrap .label_box .title_label {
        padding: 5px 10px;
        font-size: 13px;
    }

    .sub_content_box_wrap .sub_content_wrap .label_box .data_input {
        padding: 5px;
    }

    .success_wrapper {
        padding: 0 0;
    }

    .copy_code {
        max-width: 100%;
    }

    .success_wrapper .title {
        font-size: 15px;
        line-height: 22px;
    }

    .success_wrapper .material-icons {
        font-size: 40px;
    }

    .copy_code .top_block,
    .copy_code .code_wrap,
    .success_wrapper .sub_title {
        font-size: 13px;
    }

    .success_wrapper .button_block {
        margin-top: 10px;
    }

    .image_info_section {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

        .image_info_section.yellow .image_info_wrap {
            margin-left: 0;
            margin-bottom: 15px;
        }

        .image_info_section .info_block_wrap:after {
            display: none;
        }

        .image_info_section .info_block_wrap {
            padding: 12px 18px 12px 18px;
            width: 100%;
            max-width: 100%;
        }

    .poster_wrapper .title_lg {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 5px;
    }

    .info_block_wrap .main_text {
        font-size: 15px;
    }

    .icon_link.file_link {
        line-height: 20px;
    }

    .light_theme_alert_box {
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
    }

    div#ctl00_I9Content_dvCaptcha {
        padding-bottom: 30px;
    }

    a#ctl00_I9Content_cptEVSLogin_CaptchaAudioCode {
        font-size: 12px;
        padding-left: 32px;
    }

        a#ctl00_I9Content_cptEVSLogin_CaptchaAudioCode:before {
            font-size: 24px;
            height: 24px;
            line-height: 24px;
        }

    .citizenship_option_block table.w-100 > tbody > tr > td {
        display: block;
        width: 100% !important;
    }

    .citizenship_option_block table tr td:first-child {
        padding-right: 0;
    }

    .citizenship_option_block .with_tooltip {
        margin-bottom: 0;
    }

    .noncitizen_block {
        margin-bottom: 10px;
    }

    .sub_content_box_wrap {
        padding-left: 5px;
        margin-bottom: 5px !important;
    }

    div#ctl00_EVSContent_I9Section1_divFormI94Admission,
    div#ctl00_EVSContent_I9Section1_divAlienUSCIS {
        display: block !important;
    }

        div#ctl00_EVSContent_I9Section1_divFormI94Admission .form_input {
            margin-right: 0 !important;
            margin-bottom: 10px !important;
            width: 100% !important;
        }

        div#ctl00_EVSContent_I9Section1_divAlienUSCIS .form_select_container {
            margin-top: 10px;
            width: 100% !important;
        }

        div#ctl00_EVSContent_I9Section1_divAlienUSCIS .form_input {
            margin-right: 0 !important;
            width: calc(100% - 23px) !important;
        }

    .hr_contact_block {
        flex-direction: column-reverse;
        align-items: flex-start;
        padding: 10px 10px 10px;
    }

        .hr_contact_block .contact_info {
            margin-left: 0;
            margin-bottom: 10px;
            justify-content: flex-start;
            padding-left: 50px;
        }

            .hr_contact_block .contact_info img {
                width: 40px
            }

        .hr_contact_block .left_info {
            margin-right: 0;
        }

            .hr_contact_block .left_info .title {
                font-size: 14px;
                margin-bottom: 3px;
            }

    .video_verification .button_wrap {
        display: flex;
        margin: 0 -5px;
    }

        .video_verification .button_wrap .btn_main {
            font-size: 13px;
            flex: 1;
            margin: 0 5px;
        }

    .video_verification .meeting_wrap .content_copy_wrap .meeting_link_wrap .copy_icon .material-icons {
        font-size: 20px;
    }

    .video_verification .meeting_wrap .content_copy_wrap .meeting_link_wrap {
        padding: 10px 32px 10px 10px;
        font-size: 12px;
        line-height: 19px;
    }

    .video_verification .tag_wrapper .tag_item {
        padding: 6px 14px;
    }
    /*message style*/
    .meeting_message {
        padding: 10px 10px 10px 60px;
        margin-bottom: 10px;
    }

        .meeting_message .msg {
            font-size: 15px;
            margin-bottom: 0;
        }

        .meeting_message .sub_msg {
            font-size: 12px;
            line-height: 15px;
        }

        .meeting_message img {
            max-width: 35px;
            max-height: 35px;
        }

        .meeting_message img {
            left: 10px;
        }

    .progress_tab_bar .progress_tab_item {
        min-height: 25px;
    }

        .progress_tab_bar .progress_tab_item:first-child:before {
            height: 25px;
        }

    .progress_tab_bar:after {
        border-top: 15px solid transparent;
        border-bottom: 14px solid transparent;
        border-left: 17px solid #E6EEEF;
    }

    .document_flex_wrap.with_connector .document_info_item {
        margin-bottom: 20px;
    }

    .warning_wrap .title {
        font-size: 18px;
    }

    .warning_wrap .red_ico {
        font-size: 65px;
    }

    .progress_tab_bar .progress_tab_item i {
        font-size: 15px;
        width: 15px;
        height: 15px;
        line-height: 15px;
    }

    .height_set_label .form_element_set .form_label {
        min-height: initial;
    }

    .right_sidebar.mobile_dropup .content_area_wrapper {
        padding: 15px 15px 35px 15px;
    }

    .accordion_wrapper .accordion-item .accordion-body {
        padding: 0 5px 13px;
    }

    .document_detail_information_wrapper,
    .document_flex_wrap .document_info_item {
        margin-bottom: 8px;
    }

    .i9_login_box .account_info .account_details {
        padding-left: 50px;
    }
    .video_timer_wrap .running_time{
        font-size: 20px;
    }
    .video_timer_wrap .meeting_url{
        font-size: 13px;
    }
    .video_timer_wrap .running_time{
        padding: 5px 18px;
    }
    .video_timer_wrap .timer_wrap .img_btm {
        height: 102px;
        bottom: -10px;
    }
    .two_col_grid{
        gap:20px
    }
    .video_timer_wrap .title_lg{
        margin-bottom: 10px;
    }
    .box_number{
        width: 40px;
        min-width: 40px;
        height: 35px;
        font-size: 14px;
    }
    .colored_tab.nav-tabs .nav-link{
        border:1px solid #ccc;
        padding:5px 5px;
        border-radius: 4px;
    }
    
    .smart_suggestions{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .eva_schedule_wrapper .slot_box hr {
        margin: 10px -10px 10px -10px;
    }
    .eva_schedule_wrapper .tag_set_item span {
        display: none;
    }
    .success_message_block .title {
        font-size: 17px;
    }
    .eva_schedule_wrapper .time_slots {
        display: flex;
        gap: 2px;
    }
    .eva_schedule_wrapper .time_slots .tag_set_item {
        min-width: 145px;
    }
}
@media only screen and (max-width: 480px) {
    .uploaded_doc_wrapper .upload_doc_item {
        width: 100%;
        margin-right: 0;
    }

    .radio_option_list .exp_date > div:first-child {
        width: 100%;
    }

    .float-end.i9_btn.mini {
        width: 100%;
    }

    .quick_help_sticky_side {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .help_tip_wrap {
        bottom: 3px;
    }

    .help_tip_wrap .help_label img {
        width: 12px;
    }

    .help_tip_wrap .help_label {
        width: 43px;
        height: 43px;
    }

    .success_message_block .title {
        font-size: 16px;
        line-height: 18px;
        margin: 6px 0;
    }

    .success_message_block .top_info {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 5px;
    }

    .email_wrapper .btn {
        font-size: 11px;
        padding: 8px 10px;
        letter-spacing: 1px;
    }

    .email_wrapper input {
        font-size: 16px;
        /*width: calc(100% - 109px);*/
        padding-left: 30px;
    }

    .email_wrapper:before {
        font-size: 21px;
        line-height: 21px;
        height: 21px;
    }
    /*I9 portal*/
    .combo_buttons {
        margin-left: 0;
        margin-top: 10px;
        display: flex;
        max-width: 166px;
    }

    .radio_box_block.box.lg table tr > td {
        display: block;
        width: 100%;
    }

    .main_i9_container.without_sidebar .header_top .header_account_wrap .profle_name {
        max-width: 240px;
    }
    .smart_suggestions{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .eva_schedule_wrapper .head_box .tag_set{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .eva_schedule_wrapper .slot_box .head_box {
        display: block;
    }
    .eva_schedule_wrapper .tag_set_item {
        padding: 3px 3px;
    }
    .eva_schedule_wrapper .time_slots .tag_set_item {
        min-width: 133px;
    }
    .eva_schedule_wrapper .tag_set.flex_end {
        margin-top: 5px;
    }
}

@keyframes show_bg {
    from {
        background-color: transparent;
    }

    to {
        background-color: rgb(0 0 0 / 74%);
    }
}