@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;
}
/*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;
}

.form_textarea {
    border: 1px solid #99A6C4;
    width: 100%;
    border-radius: 4px;
    padding: 10px;
    outline: none !important;
    min-height: 93px;
    font-size: 15px;
}
.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: #C95555;
    color: #fff;
    border:1px solid #C95555;
}
/*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;
}
.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: 25px;
    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;
    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 .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.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 .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 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;
}

/* 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 .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;
}
.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.active:last-child:before {
    background-color: #23AAEA;
}

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

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

.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 span {
    display: none;
}

.progress_tab_bar .progress_tab_item i {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    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:#F4F8FC;
    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_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 .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;
}
.hr_contact_block .sub{
	font-size: 15px;
	font-weight: 400;
}
.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;
}
/*===================================================================================================================================*/
/*======================================================== 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 .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;
    }
    .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_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;
    }
    .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;
    }

    /*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;
    }

    .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 .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;
    }
    .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 .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;
    }
    /*===================================================================================================================================*/
    /*======================================================== 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;g
    }
}
@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;
    }
    .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%;
    }
    .document_flex_wrap .document_info_item{
        margin-right: 0;
        margin-bottom:15px;
    }
    .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{
        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:-140vh;
    }
    .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 {
        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;
    }
    .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 .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;
    }

}
@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:25px;
    }
    .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;
    }
    /*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: 20px;
    }
    .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:48px;
        margin-bottom: 15px;
    }
    .i9_login_box .title_wrap:before{
        left: 7px;
        width: 30px;
        height: 30px;
    }
    .i9_login_box .access_code_wrap{
        margin-bottom: 10px;
    }
    .i9_login_box .login_title{
        font-size: 15px;
    }

    /*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);
    }
    .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 -15px;
    }
    .i9_verification_wrapper .bg_content {
        padding: 15px;
    }
    .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_divider {
        margin: 30px -15px 30px;
    }
    .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;
    }
    .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;
    }
    .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 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:20px;
    }
    .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: 15px 15px 20px;
	 }
	 .hr_contact_block .contact_info{
		margin-left: 0;
		margin-bottom: 15px;
		justify-content: flex-start;
	 }
	 .hr_contact_block .contact_info img{
		width: 50px
	 }
	 .hr_contact_block .left_info {
	 	margin-right: 0;
	 }
      .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;
    }
}
@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;
    } 
}
@keyframes show_bg {
   from {background-color: transparent;}
   to {background-color: rgb(0 0 0 / 74%);}
}