/* inter-300 - latin */
@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); 
}

:root {
  --primary-color: #202d64; /*blue*/
  --seconday-color:#fff; /*white*/
  --fore-color:#fff;
  --main-heading: 38px;
  --sub-heading: 26px;
  --mini-title: 24px;
}

body{
    margin:0;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
}
a{
    color: #1951B2;
}
/*Alignment style*/
.ml_auto{
    margin-left: auto;
}
.mr_auto{
    margin-right: auto;
}
.m_auto{
    margin: auto;
}
.v_middle td{
    vertical-align: middle;
}
/*checkbox*/
.checkbox_item{
    display: flex;
}
.checkbox_item input[type='checkbox'] {
    display: none;
}
.checkbox_item input[type="checkbox"] + label{
    margin-bottom: 0;
    line-height: 21px;
    margin-left: 0;
}
.checkbox_item input[type="checkbox"] + label:before {
    font-family: "Material Icons";
    content: "\E835";
    font-size: 24px;
    float: left;
    line-height: 21px;
    color: #707070 !important;
    font-weight: 300;
}
.checkbox_item input[type="checkbox"]:checked + label:before {
    content: "\E834";
    color: #46ab57 !important;
}
.form_element_set .checkbox_item input[type="checkbox"] + label:before {
    font-size: 20px;
    margin-right: 6px;
}
.checkbox_item.in_line{
    position: relative;
    display: inline-block;
}
.checkbox_item.in_line input[type="checkbox"] + label:before{
    position: absolute;
    left: -2px;
    font-size: 20px;
}
.checkbox_item.in_line input[type="checkbox"] + label{
    padding-left: 25px;
    margin-left: 0;
    position:relative;
}
.check_box_group{
    display: block;
}
.check_box_group .checkbox_item{
    display: inline-block;
    margin-right: 10px
}
.check_box_group .checkbox_item input[type="checkbox"] + label{
    margin-right: 10px;
    line-height:25px;
}
.check_box_group .checkbox_item input[type="checkbox"] + label:before{
    line-height: 25px;
}

.check_box_group .checkbox_item input[type="checkbox"] + label:before{
    margin-right: 6px;
}
.radio_btn_group .radio_btn_item{
    display: inline-block;
    margin: 2px 0 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_group .radio_btn_item.pb-10 td{
    padding-bottom: 10px !important;
}
.radio_btn_item input[type="radio"]{
    display: none;
}
.radio_btn_item input[type="radio"] + label{
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    padding-left: 23px;
}
.radio_btn_item input[type="radio"] + label:before {
    font-family: "Material Icons";
    content: "\E836";
    font-size: 20px;
    float: left;
    line-height: 22px;
    margin-right: 5px;
    color: #707070 !important;
    position: absolute;
    left: 0;
}
.radio_btn_item input[type="radio"]:checked + label:before {
    content: "\E837";
    color: #46ab57 !important;
}

/*Spacing style*/

.mb-5{
    margin-bottom: 5px !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;
}
.mt-5{
    margin-top: 5px !important;
}
.mt-10{
    margin-top: 10px !important;
}
.mt-15{
    margin-top: 15px !important;
}
.mr-15{
    margin-right: 15px !important;
}
.mt-20{
    margin-top: 20px !important;
}
.mt-30{
    margin-top: 30px !important;
}
.m-t-10{
    margin-top: -6px !important;
}
.pl-0{
    padding-left: 0 !important;
}
.pr-5{
    padding-right: 5px !important;
}
.pr-15{
    padding-right: 15px !important;
}
.pr-20{
    padding-right: 20px !important; 
}
.pl-15{
    padding-left: 15px !important;
}
.pb-10{
    padding-bottom: 10px !important;
}
strong *, 
strong,b{
    font-weight: 600 !important;
}
.mw-25{
    min-width: 150px;
    width: auto !important;
}

/*width style*/
.fill{
    width: 100% !important;
}
/*status*/
.pending,
.past_due{
    color: #CE2020 !important;
}
.completed{
    color: #30954B !important;
}
.yet_to_finish{
    color: #8B8B8B !important;
}

/*Title elements*/
/*font  style*/
.bold{
    font-weight: 700 !important;
}
.semi_bold{
    font-weight: 600 !important;
}
.font_medium{
    font-weight: 500 !important;
}
.font_regular{
    font-weight: 400 !important;
}
.txt_strike{
    text-decoration: line-through !important;
}
.color_default{
    color: #000 !important;
}
.ash_txt{
    color: #707070;
}
.title_lg{
    font-size: 34px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 10px;
}
.title_md{
    font-size: 22px;
    font-weight: 700;
    line-height: 36px;
}
.title_sm{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 5px;
}
.border-dashed{
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
}
.text_normal{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.text_normal *{
    font-family: 'Inter', sans-serif !important;
    font-size:inherit !important;
}
.text_small{
    font-size: 13px;
    font-weight: 400;
}
.sub_text{
    font-size: 12px;
    display: block;
    color: #707070;
    margin-top: 3px;
}
a.sub_text{
    text-decoration: underline;
    color: #1b6ece;
}
.pt_content_box .sub_text{
    text-align: right;
}

.txt_red{
    color: #CE2020;
}

/*button style*/

.border_btn{
    padding: 8px 15px;
    border:1px solid #263139;
    background-color: #fff !important;
    font-size: 15px;
    color: #000;
    text-decoration: none !important;
    border-radius: 4px;
}
.border_btn:hover{
   color: #000; 
}
.button-block{
    text-align: center;
    margin-top:25px;
    font-family: "Inter";
}
.button_block .p_btn,
.button-block .p_btn{
    margin: 0 3px;
    line-height: 20px;
    border:none;
}
.button-block .p_btn *{
    text-decoration:none !important;
}
.wizard_panel_tab_content .button-block{
    display:flex;
    justify-content:center;
}
.p_btn{
    padding: 8px 30px;
    border-radius: 2px;
    font-weight: 400;
    text-decoration: none !important;
    font-size: 15px;
    display: inline-block;
    background: #ccc;
    color: #333;
    text-transform: uppercase !important;
    text-align: center;
    position: relative;
    opacity:1 !important;
}
.p_btn.icon_btn{
    padding-left: 40px;
    padding-right: 15px;
}
.p_btn.icon_btn:before{
    font-family: "Material Icons";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    font-size: 20px;
    line-height: 20px;
    height: 20px;
    margin: auto;
    font-weight: 300;
}
.p_btn.icon_btn.plus_ico:before{
    content: "\E145";
}
.p_btn.icon_btn i {
    position: absolute;
    left: 12px;
    height: 22px;
    line-height: 22px;
    font-size: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.btn_primary{
    background: var(--primary-color);
    color: var(--seconday-color) !important;
}
.btn_cancel{
    background: #000;
    color: #fff !important;
}
.btn_next{
    background-color: #C60;
    color: #fff !important;
}
.btn_black_border{
    background-color: #fff;
    color: #000;
    border:1px solid #000;
}
.btn_skip{
    background-color: #D1A44A;
    color: #fff !important;
}
.btn_print{
    /*background-color: #996633;*/
    border:1px solid #000 !important;
    background: #fff !important;
    color: #000 !important;
    position: relative;
}
.btn_print:before{
    font-family: "Material Icons";
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    font-size: 22px;
    line-height: 22px;
    height: 22px;
    margin: auto;
    content: "\E8ad";
}
a.btn_print.p_btn{
    padding-left: 45px;
    padding-right: 15px;
    padding-top:7px;
    padding-bottom:7px;
}
.btn_back{
    background-color: #999999;
    color: #fff !important;
}
.btn_ri{
    background-color: #999966;
    color: #fff !important;
}
.btn_summary{
    background-color: #CC6600;
    color: #fff !important;
}
.btn_green{
    background-color: #3EBC64 !important;
    color: #fff !important;
}
.btn_blueborder {
    background: #E8F1FF;
    color: #235EB8 !important;
    border:1px solid #235EB8;
    padding: 5px 15px;
    border-radius: 4px;
    font-weight: 400;
    text-decoration: none !important;
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase !important;
    text-align: center;
    position: relative;
}
.fixed_top_right{
    position: absolute;
    top:20px;
    right: 20px;
}
.table_data .action_btn{
    display:flex;
    line-height:25px;
    justify-content:center;
    align-items:center;
}

.action_btn{
    text-decoration: none !important;
    text-align: center;
    color: #000 !important;
}
.color_red{
    color:#d92a39 !important;
}
/*icons*/
.with_icon{
    position: relative;
    padding-left: 40px;
}
.with_icon:before{
    font-family: "Material Icons";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    font-size: 23px;
    line-height: 23px;
    height: 23px;
    margin: auto;
}
.download_link{
    position: relative;
    padding-left: 30px;
    display: block;
    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: "\E2C4";
}
.settings:before{
    content: "\E8B8";
    color: #1E2C37;
}
/*other common style*/
.link_noline a,
.link_noline{
    text-decoration: none !important;
}
.no_shadow{
    box-shadow: none;
}
.arrow_link{
    padding-right: 25px;
    position: relative;
    text-decoration: none !important;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
}
.arrow_link:after{
    font-family: "Material Icons";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 22px;
    z-index: 0;
    line-height: 22px;
    height: 22px;
    margin: auto;
    content: "\E313";
}
.seperator{
    border-top:1px solid #DFDFDF;
    margin: 20px 0;
}


/*alerts*/

.warning,
.alert_info {
    padding: 9px 9px 9px 45px;
    background: #F5F9D7;
    color: #363922;
    margin-bottom: 15px;
    position: relative;
    font-size: 15px;
    display: block;
}
.warning p,
.alert_info p{
    margin-bottom: 0 !important
}
.warning:before,
.alert_info:before{
    font-family: "Material Icons";
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 20px;
    z-index: 0;
    line-height: 20px;
    height: 20px;
    margin: auto;
    color: #918921;
}
.warning:before,
.alert_info.warning:before{
    content: "\E002";
}
.alert_info.note:before{
    content: "\E88E";
}

body.modal-open{
    padding-right: 0 !important;
}
.pt_modal .modal-header{
    background-color: var(--primary-color);
    color: var(--fore-color);
    padding: 10px 15px;
    position: relative;
}
.pt_modal .modal-header .modal-title{
    font-size: 16px;
    color: var(--fore-color);
}
.pt_modal .modal-header .btn-close{
    color: var(--fore-color);
    position: relative;
    background-image: none;
    opacity: 1;
    padding: 10px;
    position: absolute;
    right: 15px;
    box-shadow:none !important;
}
.pt_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";
}
.pt_modal .modal-title.with-icon {
    display: flex;
    padding-left: 30px;
    position: relative;
}
.pt_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;
}
/*dropdown*/
.dropdown-menu.right{
    left: auto !important;
    right:0 !important;
}
.drop_list .drop_menu{
    position: relative;
    display: inline-block;
    padding-right: 25px;
}
.drop_list .drop_menu:after{
    font-family: "Material Icons";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 25px;
    z-index: 0;
    line-height: 25px;
    height: 25px;
    margin: auto;
    content: "\E313";
    transition: 0.3s ease-in;
}
.drop_list .drop_menu[aria-expanded="true"]:after{
    transform: rotate(180deg);
}

.drop_list .dropdown-menu li a{
    font-size: 16px;
    color: #000;
}
.drop_list .dropdown-item.active,.drop_list .dropdown-item:active {
    color: var(--fore-color);
    background-color:var(--primary-color);
}
.drop_list .button-block{
    margin-top: 15px;
}
/*Header*/
header{
    position: sticky;
    top:0;
    z-index: 999;
}
.top_header {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    background-color: #fff;
    height:90px;
}
.top_header .right_options {
    margin-left: auto;
    display: flex;
    align-items: center;
}
.top_header .lang_menu {
    position: relative;
    border: 1px solid #afc6d2;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 10px;
    width: 168px;
}
.top_header .lang_menu select {
    float: left;
    width: 100%;
    height: 40px;
    padding: 0 30px 0 10px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: transparent;
    z-index: 1;
    position: relative;
    font-size: 15px;
}
.top_header .lang_menu:after {
    font-family: "Material Icons";
    content: "\E5C5";
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    font-size: 23px;
    z-index: 0;
    line-height: 20px;
    height: 20px;
    margin: auto;
}
.top_header .icon_round {
    width: 40px;
    height: 40px;
    margin: 0 10px;
    text-align: center;
    border: 1px solid #868EA1;
    border-radius: 100%;
    position: relative;
    cursor: pointer;
}
.top_header .icon_round i {
    font-size: 21px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 21px;
    color: #2A2F3B;
}
.top_header .go_back.icon_round i {
    font-size: 25px;
    height: 27px;
}
.top_header .log_out.icon_round:before {
    content: "";
    background-image: url('../../../Images/CustomizablePortalHome/log-out.svg');
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.top_header .progress_status {
    display: flex;
    margin-right: 20px;
}
.top_header .left_logo img{
    max-height: 70px;
    max-width: 165px
}

.profile_circle {
    width: 48px;
    height: 48px;
    background: var(--primary-color);
    margin-right: 10px;
    line-height: 51px;
    text-align: center;
    border-radius: 100%;
    color: var(--seconday-color);
    font-weight: 400;
    font-size: 22px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
.profile_circle .online_status{
    position: absolute;
    top:-5px;
    right: -5px;
    width: 21px;
    height: 21px;
    background-color: #46AB57;
    border:4px solid #fff;
    border-radius: 100%;
}
.top_header .progress_status  .progress_block{
    height: 20px;
    background: #D6D6D6;
    width: 190px;
    border-radius: 3px;
    position: relative;
}
.top_header .progress_status  .progress_info{
    margin-bottom: 1px;
    font-size: 16px;
}
.top_header .progress_status .progress_block .progress_bar {
    position: absolute;
    left: 0;
    top:0;
    bottom: 0;
    background-color:#4AA75C;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
/*Top navbar*/
.navbar_menu {
    background-color: var(--primary-color);
    background-image: url('../../../Images/CustomizablePortalHome/navbar-bg.png');
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: sticky;
    top: 0;
    z-index: 9;
    transition: 0.5s ease-in;
    font-family: 'Inter', sans-serif !important;
}
.navbar_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.navbar_menu ul > li:hover {
    background: rgb(0 0 0 / 16%);
}
.navbar_menu > ul > li {
    display: inline-block;
    position: relative;
    padding: 0 15px;
}
.navbar_menu > ul > li > a {
    text-decoration: none;
    color: var(--seconday-color);
    font-size: 15px;
    padding: 11px 0;
    display: inline-block;
    border-bottom: 3px solid transparent;
    font-weight: 300;
    font-family: "Inter";
}
.navbar_menu ul li.active > a {
    font-weight: 700;
    border-bottom: 5px solid #fff;
}
.navbar_menu .sub_menu:not(:empty) {
    position: absolute;
    top: 50px;
    background: #fbfbfb;
    min-width: 200px;
    white-space: nowrap;
    display: none;
    left: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0px 1px 4px 1px rgb(0 0 0 / 21%);
    padding: 10px 0;
}
.navbar_menu li.with_sub_menu:hover > .sub_menu {
    display: block;
}
.navbar_menu .sub_menu li {
    display: block;
}
.navbar_menu .sub_menu li a {
    padding: 7px 15px;
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 16px;
    
}
.navbar_menu .sub_menu li:hover {
    background: var(--primary-color);
}
.navbar_menu .sub_menu li:hover  a{
    color:var(--seconday-color);
}
.navbar_menu ul li.with_sub_menu:after {
    content: "\e5c5";
    font-family: 'Material Icons';
    color: var(--fore-color);
    font-size: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: pointer;
    right: 2px;
    height: 20px;
    margin: auto;
    transition: 0.3s ease-in;
    line-height: 1;
}

.navbar_menu ul li.with_sub_menu {
    padding-right: 25px;
}
    
/*sidebar style*/
.main_wrapper{
    display: flex;
}
.left_sidebar{
    background-color: #fff;
    position: sticky;
    top:138px;
    height: calc(100vh - 138px);
    z-index: 99;
}
.menu_block{
    display: flex;
    height: 100%;
}
.left_sidebar .sidebar_top{
    display: flex;
    align-items: center;
    padding: 20px 0;
}
.left_sidebar .sidebar_top .profile_circle{
    margin-right: 20px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 23px;
}

.left_sidebar .sidebar_close{
    width: 36px;
    height: 36px;
    border-radius: 100%;
    border:1px solid #000;
    position: absolute;
    top: 31px;
    right: -17px;
    text-align: center;
    cursor: pointer;
    z-index: 4;
    background: #fff;
}
.submenu_opened .left_sidebar .sidebar_close{
    left: calc(100% + 270px);
}
.left_sidebar .sidebar_close:before{
    font-family: "Material Icons";
    position: absolute;
    font-size: 27px;
    content: "\E5CD";
    left: 0;
    right: 0;
    line-height: 36px;

}
.left_sidebar .account_info{
    padding: 0 0 20px;
}
.left_sidebar .account_info .profile_name{
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
}
.left_sidebar .account_info .desig{
    font-size:15px;
    font-weight: 300;
}
.left_sidebar ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.left_sidebar .sidebar_menu{
    padding:0 20px 20px;
    width: 330px;
    font-family: 'Inter', sans-serif !important;
}
.left_sidebar .sidebar_menu > ul{
    margin-bottom: 30px;
    overflow-y: auto;
}
.left_sidebar .sidebar_menu > ul {
    height: calc(100vh - 420px);
}
.left_sidebar .sub_menu_list::-webkit-scrollbar,
.left_sidebar .sidebar_menu ul::-webkit-scrollbar{
    width: 5px;
}
.left_sidebar .sub_menu_list::-webkit-scrollbar-thumb,
.left_sidebar .sidebar_menu ul::-webkit-scrollbar-thumb{
    background: #eee;
    border-radius: 90px;
}
.left_sidebar .sub_menu ul li a,
.left_sidebar .sidebar_menu ul li a{
    position: relative;
    padding: 5px 10px;
    display: flex;
    color:#09141C;
    font-size: 14px;
    text-decoration: none !important;
    line-height: 24px;
    align-items:center;
}
.left_sidebar .sidebar_menu ul li{
    margin-bottom: 5px;
}

.left_sidebar .sidebar_menu ul li a i{
    margin-right: 10px;
    color:#09141C;
}

.left_sidebar .sidebar_menu ul li.with_submenu a{
    padding-right: 35px;
    line-height: 20px;
    cursor: pointer !important;
}


.left_sidebar .sidebar_menu ul > li.with_submenu > a:after{
    font-family: "Material Icons";
    position: absolute;
    font-size: 25px;
    line-height: 25px;
    height: 25px;
    content: "\E315";
    right: 0;
    top:0;
    bottom: 0;
    margin:auto;
}
.left_sidebar .sub_menu > ul > li.active > a,
.left_sidebar .sidebar_menu ul li.active > a{
    background-color: var(--primary-color);
    color: var(--seconday-color);
    border-radius: 4px;
}
.left_sidebar .sidebar_menu > ul > li.active > a > i{
    color: var(--seconday-color);
}

.left_sidebar .sub_menu{
    position: absolute;
    background: #fff;
    width: 290px;
    padding: 0 15px 15px;
    display: none;
    border-left: 1px solid #D8D8D8;
    left: 100%;
    top:0;
    bottom: 0;
}
.left_sidebar .sub_menu .sub_menu_title{
    font-weight: 700;
    font-size: 19px;
    line-height: 26px;
    padding: 95px 15px 10px;
    margin-bottom: 5px;
}
.left_sidebar .sidebar_menu .sub_menu li a i{
    color: #D5D5D5;
    margin-right: 10px;
}
.left_sidebar .sub_menu li.finished a i,
.left_sidebar .sidebar_menu ul li.finished > a  > i{
    color: #3C9754;
}
.left_sidebar .sidebar_menu > ul > li.finished > a  > i{
    color: transparent;
    width: 24px;
}
.left_sidebar .sidebar_menu > ul > li.finished > a  > i:before{
    font-family: 'Material Icons';
    content: "check_circle";
    color: #3C9754; 
}
.left_sidebar .sub_menu li.finished.active a i,
.left_sidebar .sidebar_menu ul li.finished.active > a  > i:before{
    color: var(--fore-color);
}

.left_sidebar .sub_menu li.active a i{
    color: var(--fore-color)
}
.left_sidebar .sub_menu_list {
    height: calc(100% - 140px);
    overflow-y: auto;
}
/*.content_wrapper.wide_view{
    width: calc(100% - 90px);
}*/

/*chatboat*/
.chat_boat_wrapper {
    padding: 12px 30px;
    background: #CFDAE2;
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 330px;
}
.chat_boat_wrapper .profile_circle{
    background-color: transparent;
    margin-right: 20px;
}
.chat_boat_wrapper .profile_circle .online_status{
    border: 2px solid #fff;
    width: 17px;
    height: 17px;
    top: 0;
    right: -12px;
}

.chat_boat_wrapper .profile_circle img{
    width: 58px;
    height: 58px;
    object-fit: cover;
    border-radius: 100%;
}
.chat-boat-title{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
}
.chat_btn{
    background-color: var(--primary-color);
    color: var(--seconday-color) !important;
    padding: 7px 15px;
    border-radius: 60px;
    font-weight: 300;
    font-size: 15px;
    text-decoration: none !important;
    display: inline-block;
}
/*collapsed menu*/
.left_sidebar.collapsed .chat_boat_info,
.left_sidebar.collapsed .with_icon,
.left_sidebar.collapsed .sidebar_menu ul > li.with_submenu > a:after,
.left_sidebar.collapsed .account_info{
    display: none;
}
.left_sidebar.collapsed .sidebar_menu ul li a{
    padding-right: 8px;
    justify-content: center;
}
.left_sidebar.collapsed .sidebar_menu{
    width: 75px;
    padding: 0 10px 10px;
}
.left_sidebar.collapsed .sidebar_menu ul li a i,
.left_sidebar.collapsed .profile_circle{
    margin-right: 0;
}

.left_sidebar.collapsed .sidebar_menu ul li a i{
    font-size: 26px;
}

.left_sidebar.collapsed .sidebar_menu ul li a:hover i{
    transform: scale(1.3);
}
.left_sidebar.collapsed .chat_boat_wrapper{
    width: 75px;    
    padding: 10px;
    justify-content: center;
}
.left_sidebar.collapsed .chat_boat_wrapper .profile_circle img{
    width: 40px;
    height: 40px;
}
.left_sidebar.collapsed .chat_boat_wrapper .profile_circle .online_status {
    width: 16px;
    height: 16px;
    top: 9px;
    right: 5px;
}
.left_sidebar.collapsed span.main_menu{
    display: none;
}
.left_sidebar.collapsed .sidebar_close {
    width: 41px;
    height: 41px;
    position: relative;
    top: 8px;
    right: 0;
    left: 0;
    margin: auto;
}
.left_sidebar.collapsed .sidebar_close:before{
    line-height: 41px;
    font-size: 28px;
}
.left_sidebar.collapsed .sidebar_close:before{
    content:"\E5D2";
}
.left_sidebar.collapsed .sidebar_top{
    justify-content: center;
    padding: 20px 0 9px;
}
.left_sidebar.collapsed .sidebar_top .profile_circle{
    width: 41px;
    height: 41px;
    font-size: 17px;
    line-height: 46px;
}
.left_sidebar.collapsed .sidebar_menu ul {
    height: 58vh;
    margin: 0 -10px;
    padding: 0 10px;
}
/*--------------------------------------content area style--------------------------------------*/
.content_wrapper{
    /*width: calc(100% - 330px);*/
    width: 100%;
    background-color: #EDF0F6;
}
.main-container{
    max-width: 1300px;
    margin: auto;
    padding: 20px 30px 0;
}
.main-container.wide{
    max-width: 100%;
}
.content_title {
    margin-bottom: 25px;
}
.content_title .form_element_set{
    margin-bottom:0;
}

.content_title *{
    font-family: 'Inter', sans-serif !important;
}
.content_title .material-icons{
    font-family: 'Material Icons' !important;
}

/*message div*/
.toggle_wrapper{
    background-color: #fff;
    margin: 10px 0;
    border:1px solid #DCC68D;
    border-radius: 4px;
}
.toggle_wrapper .toggle_header{
    padding: 10px 20px;
    position: relative;
    display: flex;
    align-items: center;
    color: #C89510;
    cursor: pointer;
    font-weight: 600;
}
.toggle_wrapper .toggle_header:after{
    font-family: "Material Icons";
    position: absolute;
    font-size: 30px;
    line-height: 30px;
    height: 30px;
    content: "\E313";
    right: 10px;
    top:0;
    bottom: 0;
    margin:auto;
    transition: 0.5s ease-in;
    color: #000;
    font-weight: 300;
}

.toggle_wrapper .toggle_header[aria-expanded="true"]:after{
    transform: rotate(180deg);
}

.toggle_wrapper .toggle_header i{
    margin-right: 10px;
}
.toggle_wrapper .toggle_data{
    padding: 0 20px 10px;
    font-weight: 400;
    line-height: 24px;
    font-size: 14px;
}
.toggle_wrapper.open .toggle_data{
    display: block;
}
.message-block{
    margin-bottom: 20px;
}
.message-block .toggle_data *{
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;    
}

 /*task status grid*/
 .task_status_grid{
    margin-bottom: 30px;
 }
 .task_status_grid .task_status_column{
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    display:block;
 }

 .task_status_grid img{
    width: 100%;
    max-width: 100%;
    border-radius: 4px;
 }
.task_status_grid .task_status_column .task_info{
    position: absolute;
    bottom: 0;
    padding: 15px 25px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.task_status_grid .task_status_column .task_info:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(rgb(0 0 0 / 0%),rgb(0 0 0 / 0%),#000);
    z-index: -1;
  }
.task_status_grid .task_status_column .task_info .task_title{
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
.task_status_grid .task_status_column .task_info .task_status_desc{
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}
.task_status_grid .task_status_column .task_info .t_date{
    font-weight: 400;
    font-size: 18px;
}
.task_status_grid .task_status_column.task_completed:after,
.task_status_grid .task_status_column.task_past_due:after{
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    content:"";
    position: absolute;
    font-size: 15px;
    color: #fff;
    border-radius: 0 0 60px 0;
    font-family: "Material Icons";
    padding: 3px 5px;
    font-size: 26px;
}
.task_status_grid .task_status_column.task_completed:before,
.task_status_grid .task_status_column.task_past_due:before {
    top: 0;
    left: 0;
    height: 50px;
    width: 60px;
    content:"";
    position: absolute;
    font-size: 15px;
    color: #fff;
    border-radius: 0 0 60px 0;

}
.task_status_grid .task_status_column.task_past_due:after{
    background: #E55656;
    content:"\E002";
}
.task_status_grid .task_status_column.task_past_due:before {
    background: #FFD6D6;
}
.task_status_grid .task_status_column.task_completed:before{
    background:#A1E2A1;
}
.task_status_grid .task_status_column.task_completed:after{
    background: #44A544;
    content:"\E86C";
    font-size: 28px;
}

/*task status table*/
.table_main_wrapper a{
    color: #1951B2;
    text-decoration: none;
    cursor:pointer;
}
.table_main_wrapper a:hover{
    text-decoration: none;
}
.table_main_wrapper {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.table_top_menu{
    display: flex;
    align-items: center;
    padding: 20px 35px;
    border-bottom: 1px solid #D5D5D5;
}
.table_top_menu .menu_wrapper,
.table_top_menu .menu_wrapper #ctl00_EmpContent_updnDownloadPrintEmail{
    display: flex;
    align-items: center;
}
.table_top_menu .menu_wrapper .menu_items{
    display: flex;
    border-radius: 4px;
}
.table_top_menu .menu_wrapper .menu_title{
    font-size:16px;
    font-weight: 600;
    margin-right: 15px;
}
.table_top_menu .menu_wrapper.ml_auto .menu_items .menu_opt,
.table_top_menu .menu_wrapper .menu_items > a{
    text-decoration: none !important;
    padding: 7px 15px;
    background-color: #EAEFF5;
    color: #373D44;
    font-size: 15px;
    font-weight: 500;
    border:1px solid #C4C4D2;
    cursor: pointer;
    display:flex;
    align-items:center;
    text-align:center;
}
.table_top_menu .menu_wrapper.ml_auto .menu_items .menu_opt.active,
.table_top_menu .menu_wrapper .menu_items > a.active{
    background-color: var(--primary-color);
    color: var(--seconday-color);
    border-color: var(--primary-color);
}
.table_top_menu .menu_wrapper.ml_auto .menu_items .menu_opt:not(:first-child),
.table_top_menu .menu_wrapper .menu_items > a:not(:first-child){
    border-left:none;
}

.table_top_menu .menu_wrapper.ml_auto .menu_items .menu_opt:first-child,
.table_top_menu .menu_wrapper .menu_items > a:first-child{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.table_top_menu .menu_wrapper.ml_auto .menu_items .menu_opt:last-child,
.table_top_menu .menu_wrapper .menu_items > a:last-child{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.table_top_menu .menu_wrapper.ml_auto .menu_items .menu_opt,
.table_top_menu .menu_wrapper.ml_auto .menu_items > a{
    line-height: 0;
    padding: 6px 10px;
    display: inline-block;
}
.table_top_menu .menu_wrapper.ml_auto .menu_items .menu_opt i,
.table_top_menu .menu_wrapper.ml_auto .menu_items > a i{
    font-size: 23px;
    color: #000000;
}
.table_top_menu.with_controls{
    padding: 5px 10px !important;
    background: #edf1f5;
    border: 1px solid gainsboro;
}
.table_top_menu.with_controls .menu_wrapper.ml_auto .menu_items > a{
    background:#fff;
}
.table_data .table_top_menu.with_controls + .RadGrid_Default .rgHeader, 
.table_data .table_top_menu.with_controls + .RadGrid_Default th.rgResizeCol, 
.table_data .table_top_menu.with_controls + .RadGrid_Default .rgHeaderWrapper,
.table_data .table_top_menu.with_controls + .RadGrid .rgRow>td, 
.table_data .table_top_menu.with_controls + .RadGrid .rgAltRow>td, 
.table_data .table_top_menu.with_controls + .RadGrid .rgEditRow>td, 
.table_data .table_top_menu.with_controls + .RadGrid .rgFooter>td, 
.table_data .table_top_menu.with_controls + .RadGrid .rgGroupHeader>td{
    padding-left:10px;
    padding-right:10px;
}

.table_main_wrapper .table_data{
    padding: 20px 30px 40px;
}
.table_data table{
    width: 100%;
}
.table_data table th{
    font-weight: 600;
    color: #21252A;
}
.table_data table th{
    padding: 5px;
    border-bottom: 1px solid #D5D5D5;
}
.table_data table td{
    padding: 8px 5px;
    border-bottom: 1px solid #D5D5D5;
}
.table_data table tbody 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;
}

/*button Link*/

.button_link{
    border:2px solid #BBCAE5;
    border-radius: 4px;
    padding: 10px 80px 10px 15px;
    background-image: linear-gradient(#F1F6FF,#F1F6FF);
    position: relative;
}
.button_link .link_text{
    color: #2E384A;
    font-size: 15px;
}
.button_link .p_btn {
    background-color: #3EBC64;
    color: #fff;
    position: absolute;
    right: 4px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    text-align: center;
}

/*----------------------------Electronic Signature------------------------------------*/
.content_inside {
    min-height: calc(100vh - 240px);
}
.e_sign_wrapper{
    padding: 20px 40px;
    
}

/*----------------------------Training--------------------------------*/
.pt_video_block{
    position: relative;
    margin-bottom: 25px;
    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 270px;
    display: block;
}
.pt_video_block.watched  .video_status {
    padding:6px 34px 6px 140px;
    background: #4aa75c;
    color: #fff;
    text-align: center;
    font-size: 15px;
    position: relative;
    border-bottom-right-radius: 46px;
    display: inline-block;
    text-align: right;
}
.lang_span .pt_video_block.watched .video_status{
    padding:5px 28px 5px 110px;
}
.pt_video_block.watched .video_status:before{
    content: "\E86C";
    font-family: "Material Icons";
    position: absolute;
    left: 10px;
    font-size: 21px;
    line-height: 21px;
    height: 21px;
    top:0;
    bottom: 0;
    margin:auto;
    color: #fff;
}
.pt_video_block.watched .video_status:after{
    content: "Watched on :";
    position: absolute;
    left:40px;
}

.pt_video_block.required:after{
    position: absolute;
    content: attr(data-val);
    padding: 5px 16px 5px 26px;
    border-bottom-left-radius: 46px;
    background: #eb3b4b;
    color: #fff;
    right: 0;
    font-size: 15px;
}
.lang_span .pt_video_block.watched .video_status:after{
    content: "Vigilado :";
}
.lang_span .pt_video_block.required:after{
    content: "Requerido para mirar";
}

.pt_video_block img{
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: 4px;
}
.pt_video_block:before{
    position:absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top:0;
    background-image: linear-gradient(#0000, rgb(0 0 0 / 13%), rgb(0 0 0 / 1000%));
    border-radius: 4px;
}

.portal_training_wrapper .pt_video_details{
    position: absolute;
    bottom: 15px;
    color: #fff;
    left: 15px;
    max-width: 350px;
}
.pt_video_details{
    font-size: 20px;
    font-weight: 700;
}
.pt_video_details .video_time{
    display: inline-block;
    background: var(--primary-color);
    color: var(--seconday-color);
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    padding: 0 6px;
    border-radius: 4px;
    margin-left: 5px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.pt_video_details .video_time span{
    margin: 0 2px;
}
.video_play_btn{
    width: 65px;
    height: 65px;
    border-radius: 100%;
    position: relative;
    background-color: rgb(0 0 0 / 66%);
    border:1px solid #fff;
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    margin: auto;
    text-align: center;
    cursor: pointer;
}
.video_play_btn:before{
    content: "\E037";
    font-family: "Material Icons";
    font-size: 45px;
    color: #FFFFFF;
    line-height: 65px;
}
.training_link .video_play_btn:before{
    content: "\E157";
}

.portal_training_detail{
    background: #fff;
    padding: 35px 40px 40px;
}
.portal_training_detail .pt_video_details{
    margin-bottom: 10px;
    font-size: 26px;
}
.portal_training_detail .pt_video_block{
    /*height: 300px;*/
    /*width: calc(50% - 20px);*/
    width: 900px;
    height: 430px;
    margin:0 auto 20px;
}
.portal_training_detail .pt_video_block img{
    height: 405px;
}
.portal_training_detail .pt_video_details .video_time{
    position: relative;
    top:-5px;
}
.portal_training_detail .video_desc{
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
}
.portal_training_detail .video_play_btn{
    width: 120px;
    height: 120px;
}
.portal_training_detail .video_play_btn:before{
    font-size: 75px;
    line-height: 120px;
}
/*Electronic signature*/
.portal_form_container{
    padding: 50px 100px 40px;
    background: #fff;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    border-radius: 4px;
    font-size: 14px;
}
.portal_form_container .pt_form_title{
    font-size: 26px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 25px;
}
.portal_form_container .pt_form_title_main{
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 25px;
}

.portal_form_container .pt_form_data{
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 20px;
}
.portal_form_container .pt_list{
    padding-left: 55px;
}

.portal_form_container .pt_list li{
    margin-bottom: 10px;
}
.portal_form_container .pt_sub_title{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 30px;
}
.portal_form_container.form_inner{
    box-shadow: none;
    padding: 10px 35px 0;
}

.pt_esign {
    font-family: "Inter";
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 40px;
}
.pt_esign .pt_esign_title {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    margin-bottom: 5px;
}
.pt_esign .pt_esign_subtitle {
    font-size: 14px;
    color: #32333D;
}
.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;
    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;
}
.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: 1px solid #ccc;
    width: 300px;
    padding: 10px;
    outline: none !important;
    height: 48px !important;
    font-size: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius:3px;
}
.initial_input{
    border: 1px solid #ccc;
    padding: 10px;
    outline: none !important;
    width: 82px;
    height: 48px;
    font-size: 26px;
}
.sig_input.initial_div .sign_input{
    text-align:center;
}
/*account*/
.pt_content_box {
    background: #fff;
    padding: 30px 35px 30px;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    border-radius: 4px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    position: relative;
}
.pt_content_box ol li{
    margin-bottom: 10px;
    padding-left: 5px;
}
.ext_link_wrapper{
    display: flex;
    margin-top: 20px;
}
.ext_link_wrapper .left_img_wrap{
    margin-right: 15px;
}
.ext_link_wrapper .left_img_wrap img{
    max-width: 190px;
}

.ext_link{
    display: flex;
}
.ext_link .ext_link_btn{
    margin-right: 10px;
}
.ext_link .left_img_wrap {
    margin-right: 20px;
}
.ext_link_btn{
    text-decoration: none !important;
    padding: 15px 20px 15px 15px;
    position: relative;
    border:1px solid #CFCFCF;
    display: inline-block;
    color: #000000 !important;
    border-radius: 4px;
    margin-bottom: 15px;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.ext_link_btn img{
    max-width: 30px;
    margin-right: 15px;
}

.ext_link .left_img_wrap img{
    max-width: 155px;
}
.icon_right {
    padding-right: 25px;
}
.icon_right.two_icons {
    padding-right: 58px;
}
.icon_right .action_btn {
    position:absolute;
    top:0;
    bottom:0;
    right:5px;
    margin:auto;
    height:25px;
    line-height:25px;
}
.icon_right .action_btn i{
    font-size:25px;
    height:25px;
    line-height:25px;
    color: #267bd1;
}
.icon_right.two_icons .action_btn.icon_first {
    right: 32px;
}
/*form*/

.form_element_set{
    margin-bottom: 15px;
}
.form_element_set.element_inline .form_label{
    display:inline;
}
.form_element_set .form_label,
.form_label{
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 5px;
    display: inline-block;
}

.form_input{
    height: 40px;
    border-radius: 4px;
    border:1px solid #B5B7B9;
    width:100%;
    outline: none !important;
    font-size: 14px;
    padding: 0 10px;
    background:#fff !important;
}
.form_textarea{
    border:1px solid #B5B7B9;
    width:100%;
    border-radius: 4px;
    padding:10px;
    outline: none !important;
    min-height: 100px;
    font-size: 14px;
}
.form_select_container{
    border: 1px solid #B5B7B9;
    background: #fff;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    position: relative;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
}
.form_select_container.in_line{
    width: auto;
    display: inline-block;
    position: relative;
    top:10px;
}
.form_select{
    width: 100%;
    height: 40px;
    padding: 0 20px 0 10px;
    border: none;
    background: transparent;
    z-index: 1;
    position: relative;
    font-size: 14px;
    outline: none !important;
}
.flexed_items .form_select {
    height: 37px;
}

.form_file_upload{

}
.file_download {
    text-decoration: none !important;
    position: relative;
    padding: 6px 30px 6px 10px;
    border: 1px solid #23aaea;
    border-radius: 3px;
    background: #f6fcff;
    display: inline-block;
}
.file_download:after{
    content: "\E2C4";
    font-family: "Material Icons";
    position: absolute;
    right: 5px;
    font-size: 21px;
    line-height: 21px;
    height: 21px;
    top:0;
    bottom: 0;
    margin:auto;
}
.file_download .file_info {
    max-width: 350px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.link_list .file_download{
    margin:0 5px 10px 0;
}

.file_manage {
    display: flex;
    align-items: center;
    text-decoration: none !important;
    padding: 6px 6px 6px 10px;
    border: 1px solid #23aaea;
    border-radius: 3px;
    font-size: 16px;
    background: #f6fcff;
}
.file_manage a{
    text-decoration: none;
}

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

.file_manage .f_manage_btns{
    display: flex;
    align-items: center;
    margin-left: auto;
    padding-left: 10px;
}
.file_manage .f_btn{
    height: 24px;
    padding: 0 5px;
}
.file_manage .f_btn i{
    line-height: 24px;
    font-size: 24px;
}

.custom_upload input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
    float: right;
}
.custom_upload input[type="file"]{
    text-align:left;
    position:relative;
    background:#e7ebee;
    height:30px;
    line-height:30px;
    padding-left: 15px;
    width:100%;
}
.custom_upload input[type="file"]:after {
    content: "select";
    right: 0;
    top: 0;
    position: absolute;
    bottom: 0;
    margin: auto;
    display: block;
    line-height: 30px;
    padding: 0 17px;
    background: #d7d5d6;
    text-align:center;
    color:#000;
}

/*form control with icon*/
.form_element_set .icon_input{
    position: relative;
    border-radius: 4px;
}
.form_element_set .icon_input .form_input{
    padding-right: 45px;
}
.form_element_set .icon_input .material-icons{
    position: absolute;
    right: 10px;
    top:0;
    bottom: 0;
    margin: auto;
    height: 27px;
    font-size: 27px;
}
.form_element_set.element_inline .form_label{
    margin-bottom: 0;
}
.form_inline_element{
    display: flex;
    align-items: center;
}
.form_inline_element.form_agreement{
    align-items: flex-start;
}
.form_inline_element.form_agreement .checkbox_item{
    position: relative;
    top:1px;
}
.form_inline_element .form_inline_item{
    margin-right: 10px;
}
.form_inline_element.align-items-start .form_inline_item .checkbox_item {
    position: relative;
    top: 3px;
}


.form_inline_element .form_label{
    margin-bottom: 0;
}
.form_inline_element span.form_label{
    display:initial;
}
.element_inline.label_right .row [class*="col-"]:first-child{
    text-align: right;
}
.element_inline.label_right .sub_text{
    text-align: right;
}
/*switch*/
.switch_control {
    float: left;
    cursor: pointer;
    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;
}
.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.yes_no input[type="checkbox"] + label{
    width: 65px;  
}
.switch_control input[type="checkbox"]:checked + label,
.switch_control.n_a input[type="checkbox"]:checked + label,
.switch_control.yes_no input[type="checkbox"]:checked + label {
    background: #CDE9D6;
    border: 1px solid #5cde7b;
}
.switch_control.yes_no input[type="checkbox"] + label:after {
    content: "NO";
    font-size: 14px;
    right: 8px;
    top: 2px;
    position: absolute;
    color: #b3b3b3;
    font-weight: 600;
}
.switch_control.yes_no input[type="checkbox"]:checked + label:after {
    content: "YES";
    right: auto;
    left: 8px;
    color: #249a40;
}

.switch_control.n_a input[type="checkbox"] + label{
    width: 65px;
}
.switch_control.n_a input[type="checkbox"] + label:after{
   content: "N/A";
    font-size: 14px;
    right: 8px;
    top: 2px;
    position: absolute;
    color: #b3b3b3;
    font-weight: 600;
}
.switch_control.n_a input[type="checkbox"]:checked + label:after{
    right: auto;
    left: 10px;
    color: #249a40;
}

.form_agreement .form_label{
    font-family: "Inter";
    font-size: 16px;
}

/*tooltip*/
.with_tooltip{
    position: relative;
    overflow: visible;
    display: inline-block;
    padding-right: 25px;
}
.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;
}
.tooltip_section:last-child{
    margin-bottom: 0;
}

.with_tooltip .tooltip_item i {
    font-size: 20px;
    position: relative;
    color: #267bd1;
}
.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_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: 5px;
}
.with_tooltip .tooltip_desc{
    font-size: 14px;
    margin-bottom: 10px;
}
.form_element_set.element_inline.label_right .with_tooltip .tooltip_item {
    top: -1px;
}
.with_item {
    position: relative;
}
.with_item.with_switch .form_input{
    padding-right: 75px;
}
.with_item .item_inside{
    position: absolute;
    top:0;
    bottom: 0;
    right: 6px;
    margin: auto;
} 
.with_item.with_switch.left .item_inside{
    right: auto;
    left: 6px;
}
.with_item.with_switch .form_select_container select{
    width: calc(100% - 56px);
}
.with_item.with_switch.left .form_select_container select{
    width: calc(100% - 65px);
}
.with_item.with_switch.left .form_select_container{
    text-align: right;
}
.with_item.with_switch.left .form_input {
    padding-left: 75px;
}

/*----------------------------Wizard-------------------------------*/

.wizard_panel_tab {
    list-style: none;
    padding: 0;
    padding-bottom: 10px;
    margin: 30px 0 10px 0;
    border-bottom: none !important;
    justify-content: center;
}
.wizard_panel_tab li .nav-link {
    padding: 10px 20px;
    position: relative;
    border: 1px solid #D9D9D9;
    margin-right: -2px;
    color: #969696;
    font-weight: 600;
    background: white;
    height: 43px;
    font-size: 15px;
    line-height: 21px;
    transition:none;
}
.wizard_panel_tab li:not(:first-child) .nav-link {
    padding-left: 36px !important;
}
.wizard_panel_tab.nav-tabs .nav-link:focus,
.wizard_panel_tab.nav-tabs .nav-link:hover{
    isolation: initial;
    border-color: #D9D9D9;
}
.wizard_panel_tab.nav-tabs .nav-link.active:focus,
.wizard_panel_tab.nav-tabs .nav-link.active:hover{
    border-color:var(--primary-color);
    box-shadow: none !important;
}
.wizard_panel_tab.nav-tabs .nav-link:active:focus{
    box-shadow: none !important;
}

.wizard_panel_tab li:first-child .nav-link {
    border-radius: 3px 0 0 3px;
}
.wizard_panel_tab li .nav-link:before {
    position: absolute;
    top: -1px;
    right: -41px;
    border: 21.5px solid transparent;
    border-left-color: #ffffff;
    content: "";
    z-index: 6;
}
.wizard_panel_tab li .nav-link:after {
    position: absolute;
    top: -1px;
    right: -42px;
    border: 21.5px solid transparent;
    border-left-color: #D9D9D9;
    content: "";
    z-index: 2;
}
.wizard_panel_tab li .nav-link.active {
    background: var(--primary-color);
    color: white;
    border-color: transparent;
    font-weight: 600;
}
.wizard_panel_tab li .nav-link.active:before, .wizard_panel_tab li .nav-link.active:after {
    border-left-color: var(--primary-color) !important;
}
.wizard_panel_tab li .nav-link.active:before, .wizard_panel_tab li .nav-link.active:after {
    border-left-color: var(--primary-color) !important;
}

/*mini wizard panel*/
 
.wizard_panel_tab.multi_line li .nav-link{
    padding: 10px 15px;
    font-size: 15px;
    height: 50px;
    line-height: 17px;
    display: flex;
    align-items: center;
}
.wizard_panel_tab.multi_line li .nav-link:after {
    right: -48px;
    border: 24.5px solid transparent;
    border-left-color: #D9D9D9;
}
.wizard_panel_tab.multi_line li .nav-link:before {
    right: -47px;
    border: 24.5px solid transparent;
    border-left-color: #ffffff;
}
.wizard_panel_tab.multi_line li:not(:first-child) .nav-link {
    padding-left: 42px !important;
}

/*content area*/
.wizard_panel_tab_content{
    padding: 30px;
    background: #fff;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 17%);
    border-radius: 4px;
    position: relative;
}
.wizard_panel_tab_content .form_wrapper{
    margin-top: 25px;
}
.tab_control{
    position: absolute;
    top:25px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    line-height: 40px;
    text-align: center;
    border:1px solid #707070;
    cursor: pointer;
}
.tab_control:before{
    font-family: "Material Icons";
    content: "\E037";
    font-size: 30px;
}
.tab_control.tab_next{
    right: 30px;
}
.tab_control.tab_prev{
    left: 30px;
    transform: scaleX(-1);
}
.tab_control.disable{
    opacity: 0.4;
}

/*empty message*/
.empty_msg{
    background:#fff;
    max-width: max-content;
    margin:10px auto 20px;
    padding: 20px 20px 10px 20px;
    border:1px dashed #ccc;

}
.empty_msg .empty_content{
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}
.empty_msg .empty_img{
    margin-right:30px;
}
.empty_msg .empty_img img{
    max-width: 60px;
}
.empty_msg .empty-title .warning,
.empty_msg .empty-title .info,
.empty_msg .empty-title {
    font-size: 22px;
    font-weight: 700 !important;
    line-height: 36px;
    background:transparent;
    padding:0 !important;
    color:#000 !important;
    margin:0 !important;
}
.empty_msg .empty-title .warning:before,
.empty_msg .empty-title .info:before{
    display:none;
}

.empty_msg .p_btn{
    margin-top: 0;
    margin-left: 20px;
}
.divider,.or_seperator{
    border-top:1px solid #B9B9B9;
    margin:45px 0;
    position: relative;
}
.divider:before{
    content: attr(data-val);
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border:1px solid #707070;
    border-radius: 10px;
    text-align:center;
    left:0;
    right:0;
    margin:auto;
    top:0;
    bottom: 0;
    background: #fff;
    font-size: 13px;
    font-weight:500;
}
.or_seperator span{
    width: 40px;
    height: 40px;
    line-height: 38px;
    border:1px solid #707070;
    border-radius: 100%;
    text-align:center;
    left:0;
    right:0;
    margin:auto;
    top:0;
    bottom: 0;
    background: #fff;
    font-size: 13px;
    display: inline-block;
    position: absolute;
    font-weight:500;
}
.or_seperator.auto{
    position:relative;
    border:none;
    text-align:center;
    margin:30px 0;
}
.or_seperator.auto:before{
    position: absolute;
    content: "";
    border-top:1px solid #B9B9B9;
    width: 100%;
    left: 0;
    right: 0;
    height: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.or_seperator.auto span{
    min-width: 40px;
    width:auto;
    line-height: 37px;
    padding: 0 8px;
    border-radius:10px;
    position:relative;
}



/*Voulntary Meal Period Form*/
.v-top{
    vertical-align: top;
}
.v-middle{
    vertical-align: middle;
}
.v-bottom{
    vertical-align: bottom;
}
.border-box{
    padding: 15px 20px;
    border:1px solid #000;
}
.voluntary_meal_form .d-flex {
    align-items: flex-start;
    margin-bottom: 20px;
}
.voluntary_meal_form .input_set{
    flex:1;
}
.uline_text {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    font-size: 14px;
    display: inline-block;
    min-height: 25px;
    margin-bottom: 4px;
    outline: none !important;
    font-weight: 600;
}
a.uline_text{
    text-decoration: none !important;
}

.voluntary_meal_form .uline_text{
    font-size: 17px;
}
.voluntary_meal_form span.uline_text{
    padding: 0 10px ;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.voluntary_meal_form table .checkbox_item input[type="checkbox"] + label:before{
    font-size: 35px;
}
.voluntary_meal_form .text_small{
    font-size: 15px;
    line-height: 26px;
    font-style: italic;
    margin-bottom: 30px;
}


.voluntary_meal_form .pt_sub_title{
    margin-bottom: 50px;
}
.voluntary_meal_form .pt_form_data.space_btm{
    margin-bottom: 40px;
}
.d-flex .pt_form_label{
    margin-right: 20px;
}
.input_desc{
    font-style: italic;
    text-align: center;
    font-size: 14px;
}
.txt_label{
    display: block !important;
    height: 40px;
    border:1px solid #B5B7B9;
    line-height: 40px;
    padding: 0 10px;
    background-color: #ecf5ff !important;
}
.form_element_set .form_label.txt_label{
    line-height:40px;
}

.flexed_control{
    display: flex;
}
.flexed_control .flexed_items .form_datepicker,
.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{
    flex:1;
}
.flexed_control .flexed_items.flex_initial{
    flex:initial;
}
.flexed_control .flexed_items.flex_20{
    flex-basis: 20% !important;
    flex:none;
}
.flexed_control .flexed_items.flex_none{
    flex:none;
}
.flexed_control .flexed_items:first-child .form_datepicker,
.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:last-child .form_datepicker,
.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.text-center .form_input{
    text-align: center;
}


/*breadcrumb*/
.breadcrumb {
    margin-bottom: 15px;
}
.breadcrumb ul{
    display: block;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.breadcrumb ul li{
    display: inline-block;
    list-style: none;
}
.breadcrumb ul li a{
    text-decoration: none;
    font-size: 16px;
}
.breadcrumb ul li.active a,
.breadcrumb ul li a.active{
    color: #000;
    font-weight: 600;
}
.breadcrumb ul li:not(:last-child):after{
    content: "/";
    margin: 0 5px;
}

/*footer*/
footer .main-container{
    padding-top:0;
    padding-bottom:0;
}
.footer-wrapper{
    padding: 30px 0;
    margin:0 0;
    position: relative;
    float:left;
    width:100%;
    display:flex;
    align-items:center;
}
.footer-wrapper img{
    max-width: 138px;
    max-height: 30px;
    margin:auto;
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
}
.footer-wrapper .copy-right{
    color: #606060;
    font-size: 15px;
}
.footer-wrapper .digicert-block{
    margin-left:auto;
}
.footer-wrapper .digicert-block img {
    max-width: 165px;
    max-height: 45px;
}

.form_element_set.element_inline.label_right .col-md-3 {
    width: 25%;
}
.form_element_set.element_inline.label_right .col-md-9 {
    width: 75%;
}


.table_top_menu .menu_wrapper .menu_items .drop_list .drop_menu:after{
    display: none;
}
.drop_list.drop_form .dropdown-menu{
    padding: 20px;
    width: 350px;
}
.drop_list.drop_form .drop_title{
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 5px;
} 
.drop_list.drop_form .p_btn {
    font-size: 14px;
    padding: 7px 20px;
}
.table_main_wrapper .table_data .dropdown.drop_list {
    display: inline-block;
}

/*Direct deposit buttons*/
.btn_menu{
    margin-bottom: 35px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*.btn_menu .radio_opt:first-child input[type="radio"] + label,*/
.btn_menu td:first-child input[type="radio"] + label{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
/*.btn_menu .radio_opt:last-child input[type="radio"] + label,*/
.btn_menu td:last-child input[type="radio"] + label{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #ccc;
}
.btn_menu .radio_opt input[type="radio"]{
    display: none;
}
.btn_menu .radio_opt input[type="radio"] + label {
    padding: 7px 22px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 0;
    border:1px solid #ccc;
    background-color: #f7f7f7;
    color: #333;
    text-transform: uppercase;
    border-right: none;
    position: relative; 
}
.btn_menu .radio_opt input[type="radio"]:checked + label {
    background-color: var(--primary-color);
    border-top:1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    color: var(--fore-color);
    padding-left: 31px;
}
.btn_menu .radio_opt input[type="radio"]:checked + label:before{
    content: "\E86C";
    font-family: "Material Icons";
    position: absolute;
    left: 5px;
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    top:0;
    bottom: 0;
    margin:auto;
    color: var(--fore-color);
}

.btn_menu td {
    padding: 0;
}

.empty-title.up_file_name {
    font-size: 20px;
    line-height: 40px;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*upload photo*/
[disabled="disabled"],
[disabled="disabled"] input[type="checkbox"] + label:before{
    opacity:0.8;
    cursor:not-allowed;
}
.doc_upload_wrap [disabled="disabled"]{
    opacity:0.5;
    cursor:not-allowed;
}
.doc_upload_wrap{
    background: #fff;
    max-width: 630px;
    margin: 10px auto 30px;
    padding:20px;
    border: 1px dashed #ccc;
}
.doc_upload_wrap .doc_upload {
    display: flex;
}
.doc_upload_wrap .doc_upload .doc_img{
    width: 120px;
    min-width:120px;
    max-width:120px;
    height: 120px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 3px;
    position: relative;
}
.doc_upload_wrap .doc_upload .doc_img .doc_img_item{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
}

.doc_upload_wrap .doc_upload .doc_img .trash_round{
    position: absolute;
    height: 35px;
    border-radius: 100%;
    border:2px solid #fff;
    width: 35px;
    right: -10px;
    top:-10px;
    display: block;
    text-align: center;
    background: #eb3b4b;
    z-index:1;
}
.doc_upload_wrap .doc_upload .doc_img .trash_round: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: 20px;
    width: 20px;
}
.doc_upload_wrap .doc-content{
    width: calc(100% - 110px);
    margin-left: auto;
}
.doc_upload_wrap .doc-content .doc-title{
    font-size: 19px;
    font-weight: 600;
}

.doc_upload_wrap .p_btn{
    padding-left:20px;
    padding-right:20px;
    width:100%;
}
.doc_upload_wrap .row{
    margin:0 -5px;
}
.doc_upload_wrap .row [class*="col-"]{
    padding:0 5px;
}

.name_info .uline_text{
    width: auto;
    min-width: 240px;
    font-weight: 600;
}
.name_info{
    display: inline-block;
}
/*Reference form table*/
.r_table {
    width: 100%;
    margin: 20px auto 5px;
}
.r_table table th{
    background-color: #eee;
    padding: 5px 10px;
    border:1px solid #ccc;
}
.r_table table  td{
    border:1px solid #ccc;
    padding: 5px 10px;
}
.r_table table  td:first-child,
.r_table table  th:first-child{
    width: 60%;
}

/*Editor container styles*/
.editor_html{
    margin:0 0 10px;
}
.editor_html *{
    color: #000 !important;
    font-family: 'Inter', sans-serif !important;
    background-color: transparent !important;
    font-size: 14px !important;
}
.editor_html ul,
.editor_html ol{
    padding-left: 15px !important;
}
.editor_html ul li,
.editor_html ol li{
    margin-bottom: 5px !important;
    font-size: 14px !important;
}
.editor_html b,
.editor_html strong{
    font-weight: 600 !important;
}
.editor_html p *,
.editor_html p{
    font-family: 'Inter', sans-serif !important;
}
.editor_html h1,
.editor_html h1 a{
    font-size: 35px !important;
    line-height: 45px !important; 
}
.editor_html h2,
.editor_html h2 a{
    font-size: 31px !important;
    line-height: 41px !important; 
}
.editor_html h3,
.editor_html h3 a{
    font-size: 29px !important;
    line-height: 39px !important; 
}
.editor_html h4,
.editor_html h4 a{
    font-size: 26px !important;
    line-height: 36px !important; 
}
.editor_html h5,
.editor_html h5 a{
    font-size: 23px !important;
    line-height: 33px !important; 
}
.editor_html h6,
.editor_html h6 a{
    font-size: 20px !important;
    line-height: 30px !important; 
}
.editor_html img{
    max-width: 100% !important;
}
/*company policy*/
.pcy_doc_list{
    margin:25px 0;
}
.pcy_doc_list .pcy_doc_row{
    display: flex;
    align-items: center;
    background-color: #EDF0F5;
    margin:10px 0;
    flex-wrap: wrap;
    padding: 15px;
    border-radius: 4px;
    max-width: 640px;
    position: relative;
}
.pcy_doc_list .pcy_doc_row .checkbox_item{
    position: absolute;
    left: 0;
}
.pcy_doc_list .pcy_doc_row .checkbox_item input[type="checkbox"] + label:before {
    font-family: "Material Icons";
    content: "\E835";
    font-size: 24px;
    float: left;
    line-height: 1;
    color: #A4B2C5 !important;
    font-weight: 300;
}
.pcy_doc_list .pcy_doc_row .checkbox_item input[type="checkbox"]:checked + label:before {
    content: "\E834";
    color: #275198 !important;
}
.pcy_doc_list .pcy_doc_row .pcy_doc_title{
    color: #275198;
    font-weight: 500;
    font-size: 17px;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
    line-height: 25px;
} 
.pcy_doc_list .pcy_doc_row .pcy_doc_item{
    position: relative;
}
.pcy_doc_list .pcy_doc_row .pcy_doc_item:first-child{
    padding-left: 40px;
}
.pcy_doc_list .pcy_doc_row .pcy_doc_item:nth-child(2){
    margin-left: auto;
}
.pcy_doc_list .pcy_doc_row .pcy_doc_link{
    width: 55px;
    height: 55px;
    background-color: #fff;
    border-radius: 100%;
    border:1px solid #ACB5C4;
    display: block;
    line-height: 52px;
    text-align: center;
}
.pcy_doc_list .pcy_doc_row .pcy_doc_link.file:before{
    content: "\E873";
    font-family: "Material Icons";
    position: absolute;
    left: 0;
    right: 0;
    font-size:30px;
    line-height: 30px;
    height: 30px;
    top:0;
    bottom: 0;
    margin:auto;
    color: #275198;
}
.pcy_doc_list .pcy_doc_row .pcy_doc_link img{
    max-width: 40px;
}
.pcy_doc_list .pcy_doc_row .pcy_doc_link.pdf img{
    max-width: 24px;
}
.pcy_doc_list .pcy_doc_row  .pcy_status{
    display: inline-block;
    padding: 3px 10px;
    border:1px solid #B3BED1;
    border-radius: 4px;
    color: #363922;
    font-size: 14px;
    background: #E4E8EF;
}  
.pcy_doc_list .pcy_doc_row  .pcy_status.complete{
    background-color: #30954B;
    color: #fff;
    border:1px solid #30954B;
}
.pcy_doc_list .pcy_doc_row  .pcy_status.waived{
    background-color: #d0b73c;
    color: #fff;
    border:1px solid #d0b73c;
}

.policy-banner{
    margin: -50px -100px 20px;
}
.policy-banner img{
    width:100%;
    max-width: 100%;
}
.ack_block .form_element_set{
    margin-bottom: 0;
}
.ack_block .form_input{
    border:1px solid #B5B7B9 !important;
}
/*Application Employment form*/
.app_emp_form .border,
.app_emp_form .border-bottom,
.app_emp_form .border-end{
    border-color: #000 !important;
}
.app_emp_form td{
    border-collapse: collapse;
    padding: 0;
}
.app_emp_form td .col-space{
    padding: 4px;
}


.app_emp_form .form_input{
    border:none;
    border-radius: 0;
    background-color: #e5f1fd !important;
}
.app_emp_form textarea.form_input{
    min-height: 50px;
    height: auto;
    position: relative;
    top:2px;
}
.app_emp_form .col-seperator {
    padding-right: 8px;
}
.app_emp_form .title_td{
    background-color: #838383;
}
.app_emp_form .title_td.black{
    background-color: #000;
}
.app_emp_form .title_td *{
    color: #fff;
}
.h_viewer{
    height: 78vh;
}

/*tab break screening form*/
.tax_break_form .question_block .main_q{
    display: flex;
}
.tax_break_form .question_block .main_q .q_code{
    width: 25px;
    margin-right: 5px;
}
.sub_qn_block{
    padding: 10px 15px 5px;
    width: calc(100% - 30px);
    margin: 10px 0;
    margin-left: auto;
    border: 1px solid #ccc;
    background: #fbfbfb;
    border-radius: 5px;
}
.sub_qn_block .row:not(:last-child){
    margin-bottom: 10px;
}
/*Employee Availability*/
.emp_available{
    max-width: 560px;
    margin: auto;
}
/*.emp_available  table tr:nth-child(odd) td {
    background: #edf5fb;
}*/
/*signature wrap*/
.sign_img_wrap img{
    max-width: 165px;
}

/*beneficiary card*/
.beneficiary_card{
    max-width: 700px;
    margin:0 auto 25px;
}
.beneficiary_card table{
    border:1px solid #000;
    border-top:1px solid #4a4949;
}

.beneficiary_card td{
    border:1px solid #000;
    padding:5px;
}
.beneficiary_card .title_td.black{
    background-color: 000;
    color: #fff;
}
.beneficiary_card .title_td{
    color: #fff;
    background-color: #000;
}

.beneficiary_card input{
    border:none;
    height:30px;
    width: 100%;
    background-color: #fff;
    outline: none !important; 
    padding: 0 0;
}
.beneficiary_card .ssn-block  input{
    border:1px solid #ccc;
}

/*Validaton messages*/

.ValidationError {
    background: #ffd9d9;
    display: block;
    color: #9e2020 !important;
    padding: 5px 0;
    margin:0 0 20px;
    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: calc(50% - 10px);
    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 10px !important;
    margin: 10px 0 15px !important;
    font-weight: 400 !important;
    display: flex !important;
    line-height:19px;
}
.info:before,
.errorMsg:before,
.success:before {
    font-family: "Material Icons";
    content: "\E86C";
    font-size: 22px;
    line-height: 22px;
    margin-right: 10px;
    position: relative;
    top: 0;
}
/*.errorMsg {
    background: #f17c69;
    color: white;
}*/
.errorMsg {
    background: #ffd9d9;
    color: #9e2020 !important;
    border-radius: 4px;
}
.errorMsg:before{
    /*content: "\E001";*/
    content: "\E002";
    color: #bf2020 !important;
}
.info {
    background: #4c87e2;
    color: white;
}
.info:before {
    content: "\E88F";
}

/*employee contribution card*/

/*error control style*/
.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 .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;
}
.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;
}

.gb_black_head {
    position: relative;
}
.gb_black_head .text_normal{
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
    background-color: #000;
    font-size: 16px;
}
.gn_stciker_wrap {
    background: #fff;
    padding: 0 20px;
    display: inline-block;
    border: 1px solid #000;
    position: absolute;
    right: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 65px;
    line-height: 58px;
    font-weight: 500;
    font-size: 14px;
}


.content_empty{
    background-color: #f7f7f7;
    padding: 50px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.content_empty .material-icons{
    font-size: 55px;
    color: #b5b4b4;
    margin-bottom: 10px;
}
.content_empty img{
    width: 50px;
    object-fit: contain;
    margin-bottom: 10px;
}
.content_empty .no_data_title{
    font-size: 20px;
    color: #546e7a;
    font-weight: 400;
}
.content_empty .no_data_msg{
    font-size: 14px;
    color: #546e7a;

}

.tribal_form .form_element_set{
    margin-bottom: 5px;
}
.tribal_form .txt_label{
    height: 30px;
    line-height: 28px;
    width: 190px;
}
.tribal_form .form_input{
    height: 30px;
}

.medical_form table td{
    padding: 5px;
}

.medical_form table th{
    padding-bottom: 10px;
    border-bottom: 1px solid #D5D5D5;
}
.medical_form .form_textarea{
    min-height: 33px;
    padding: 3px;
    position: relative;
    top:2px;
}


/*----------------------------------Form I9 - Preparer I9 style--------------------------------*/


.radio_option_block{
    display: flex;
}
.radio_option_block .radio_wrap{
    border:1px solid #ccc;
    padding: 10px 15px 10px 45px;
    margin-right: 10px;
    border-radius: 4px;
    align-items: center;
    position: relative;
}
.radio_option_block .radio_wrap .radio_btn_item input[type="radio"] + label {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
    left: 12px;
}
.radio_btn_text .radio_main_title{
    font-size: 16px;
    font-weight: 600;
}
.translator_detail_wrap .form_wrapper:not(:first-child){
    border-top:1px solid #a9a4a4;
    padding-top:25px;
}
.translator_detail_wrap .form_inline_element .form_inline_item {
    margin-right: 3px;
}
.bg_container{
   padding:15px;
   background:rgb(241, 244, 255);
   border: 1px solid #ccc;
}
.bg_container .radio_btn_item td:first-child{
    padding-right:10px;
}
.bg_container .form_element_set .form_label,
.bg_container .radio_btn_item label{
    font-weight:500;
}


/*----------------------Review I9 Style------------------------*/
.combo_buttons {
    margin-left: 20px;
    display: flex;
}

.combo_buttons .p_btn{
    border-radius: 0;
    background-color: #f5f5f5;
    color: #292929;
    border:1px solid #ccc;
    padding: 5px 15px;
    font-size: 12px;
    line-height: 15px;
}
.combo_buttons .p_btn.active{
    background-color: var(--primary-color);
    color: var(--fore-color);
    border:1px solid var(--primary-color);
}
.combo_buttons .p_btn:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.combo_buttons .p_btn:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.combo_buttons input[type="radio"]:checked + label {
    padding: 4px 15px;
    background: var(--primary-color);
    color: #fff;
    margin-bottom: 0;
    border: 1px solid var(--primary-color);
}
.review_i9_wrap .aggrement-list ul{
    padding-left: 16px;
}
.review_i9_wrap .aggrement-list ul li{
    margin-bottom: 5px;
}
/*----------------------------------Form I9 - I9 Summary--------------------------------*/
.i9_document_list_wrap{
    border:1px solid #000;
    min-height: 830px;
}
.i9_document_list_wrap.less_height{
    min-height: 200px;
}
.i9_document_list_wrap .i9_doc_head{
    border-bottom: 1px solid #000;
    padding: 10px;
    text-align: center;
    height: 128px;
}
.i9_document_list_wrap .i9_doc_head .doc_title{
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 600;
}
.i9_document_list_wrap .i9_doc_head  .doc_sub_title{
    font-size: 16px;
    margin-bottom: 5px;
}
.i9_document_list_wrap .i9_doc_body{
    padding: 10px;
}
.i9_document_list_wrap .i9_doc_body ol{
    padding-left: 15px;
}

.i9_summary_wrap .col-md-4{
    position: relative;
}
.i9_summary_wrap .connector{
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    right: -13px;
}
.i9_summary_wrap .connector.plus {
    font-size: 36px;
    line-height: 29px;
}
.i9_summary_wrap .doc_section .row{
    margin: 0 -20px;
}
.i9_summary_wrap .doc_section .row>*{
    padding-right: 20px;
    padding-left: 20px;
}
.i9_summary_wrap .doc_section_title{
    text-align: center;
    margin-bottom: 40px;

}
.i9_summary_wrap .doc_section_title .title_md{
    text-align: center;
    margin-bottom: 5px;
}
.i9_summary_wrap .doc_section_title .title_sm{
    font-size: 15px;
    font-weight: 400;
}
.i9_summary_wrap .i9_summary_header{
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.i9_summary_wrap .i9_summary_header .button-block .border_btn{
    border:1px solid #2a59af !important;
    color: #2a59af !important;
    border-radius: 40px;
}

.i9_summary_wrap .i9_summary_header .button-block{
    margin-top: 0;
    margin-bottom: 20px;
}
.i9_summary_wrap .i9_summary_header .button-block .border_btn img{
    width: 25px;
    margin-right: 10px;
}

/*Task summary process steps*/

.task_summary_wizard{
    background-color: #DDE3EF;
    border-radius: 4px;
    display: flex;
    min-height: 160px;
    margin:30px 0 30px;
    position: relative;
}
.task_summary_wizard .task_step_box {
    position: relative;
    padding: 20px;
    flex:1;
    border-right: 1px dashed #7E91B7;    
}
.task_summary_wizard .task_step_box:last-child{
    border-right: none;
}
.task_summary_wizard .task_step_box .task_step{
    padding:15px 10px 10px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgb(85 96 117 / 16%);
    position: absolute;
    right: 0;
    transform: translate(50%, 0);
    bottom:20px;
    width: max-content;
}
.task_summary_wizard .task_step_box:nth-child(odd) .task_step{
    top:20px;
    bottom:auto;
}
.task_summary_wizard .task_step_box .task_main_title{
    color: #000;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}
.task_summary_wizard .task_step_box .task_sub_title{
    color: #9BA9BE;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.task_summary_wizard .task_step:before{
    content: "";
    width: 23px;
    height: 23px;
    border-radius: 100%;
    background-color: #C0C9D5;
    border:2px solid #dde3ef;
    position: absolute;
    top:-12px;
    left: 0;
    right: 0;
    margin: auto;
}
.task_summary_wizard .task_step.completed:before{
    font-family: "Material Icons";
    content: "\E86C";
    background-color: #fff;
    text-align: center;
    font-weight: 700;
    color: #71B44B;
    border:3px solid #dde3ef;
    font-size: 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.task_summary_wizard .task_step.completed .task_sub_title{
    color: #3F7CAB;
}

.task_step.in_progress:before{
    background-color: #497AEE;
}
.task_summary_wizard .task_step_box .task_date{
    font-size: 15px;
    color: #454F63;
    position: absolute;
    right: 0;
    transform: translate(50%, 0);
    bottom: -35px;
}
.task_summary_wizard .task_date_label{
    position: absolute;
    bottom: -35px;
    left: 0;
    color: #BE5656;
    font-size: 15px;
}

/*offer letter css*/

.letter_wrapper {
    margin-top: 20px;
}

.letter_item {
    margin: auto;
    margin-top: 20px;
    width: 100%;
    max-width: 1100px;
    /* border: 1px solid #000; */
    padding: 30px 30px 50px 30px;
    background: white;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    border-radius: 4px;
    position: relative;
    min-height: 1554px;
    display: flex;
    flex-direction: column;
}

.letter_item:after {
    /*content: attr(data-lettername) " | Page " attr(data-pagenumber) " of " attr(data-pages);*/
    position: absolute;
    right: 30px;
    bottom: 20px;
    font-style: italic;
}

.letter_item:before {
    content: attr(data-companyaddress);
    position: absolute;
    left: 30px;
    bottom: 20px;
    font-style: italic;
}

.letter_item.w_o_ca:before {
    content: "";
    position: absolute;
    left: 30px;
    bottom: 20px;
    font-style: italic;
}

.letter_item .inner {
    flex: 1;
}

.letter_wrapper .letter_header {
    display: flex;
    height: 200px;
    flex-basis: 60px;
    flex-grow: initial;
    align-items: center;
    position: relative;
    top: -15px;
}

.letter_wrapper .letter_header .header_item {
    flex: 1;
    min-height: 60px;
}

.letter_wrapper .letter_header .header_item.logo_holder img {
    max-width: 200px;
    max-height: 65px;
}

.letter_wrapper .letter_header .header_item.company_det_holder {
    text-align: right;
}

.letter_wrapper .letter_header .header_item.logo_holder.hidden + .template_name_holder {
    padding-left: 0;
}

/* HEADER ORDERING */

.letter_wrapper .letter_header .header_item[data-pos="0"] { 
    order: 0;
    text-align: left;
}

.letter_wrapper .letter_header .header_item[data-pos="1"] { 
    order: 1;
    text-align: center;
}

.letter_wrapper .letter_header .header_item[data-pos="2"] {
    order: 2;
    text-align: right;
}

.letter_wrapper .letter_header .header_item .company_logo {
    max-width: 160px;
    max-height: 65px;
}

.letter_wrapper .letter_header .header_item .company_name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.letter_wrapper .letter_header .header_item .letter_template_name {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
}

/*chatboat section*/
.chat_window_opened .sidebar_close{
    z-index: 0;
}
.chat_window .chat_box_block{
    background-color: #fff;
    width: 700px;
    position: absolute;
    z-index: 999;
    bottom: 5px;
    left: 134px;
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    visibility: hidden;
    opacity: 0;
}
.chat_window_opened .chat_box_block{
    visibility: visible;
    opacity: 1;
    transition: 0.3s ease-in;
}
.chat_window .chat-close {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #000;
    position: absolute;
    top: -13px;
    right: -13px;
    text-align: center;
    cursor: pointer;
    z-index: 4;
    background: #fff;
}
.chat_window .chat-close:before {
    font-family: "Material Icons";
    position: absolute;
    color: #000;
    font-size: 23px;
    content: "\E5CD";
    left: 0;
    right: 0;
    line-height: 29px;
}
/*.chat_window_opened .chat_window {
    position: fixed;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(0 0 0 / 61%);
}*/
/*.chat_window_opened header{
    z-index: 0;
}*/
.chat_window .message_center_container{
    padding:0;
}
.chat_window .message_center{
    border:none;
}
.chat_window .message_center .message_center_left_panel{
    min-height:initial;
    height:400px;
    width: 240px;
}
.chat_window .message_center .opened_conversation{
    min-height:initial;
    height:400px;
    width: calc(100% - 240px);
    padding-right:0;
}
.chat_window .conversation_panel{
    height: 266px;
}
.chat_window .conversation_panel .message_list{
    max-height: 261px;
}
.chat_window .message_center_thread_list{
    max-height: 349px;
}
.chat_window  .opened_conversation .send_message{
    left:20px;
    right:0;
}
.chat_window .opened_conversation .subject_panel{
    padding: 6px 10px;
    font-size: 12px;
}
.chat_window .opened_conversation .subject_panel:before{
    font-size:18px;
}
.chat_window .conversation_panel .message_list .item{
     font-size:12px;
     line-height:20px;
}
.chat_window .message_center .opened_conversation{
    padding-left:20px;
}
.chat_window  .message_center_thread_list .item .name{
    font-size:12px;
}
.chat_window .conversation_panel .botConversation:empty:before,
.chat_window .opened_conversation_header .user_intro .name{
    font-size:14px;
}
.chat_window .opened_conversation_header .actions .item{
    margin-left: 10px;
    padding-left: 10px;
}
.chat_window .opened_conversation_header .actions .ico{
    font-size:19px;
}
.chat_window  .conversation_panel .botConversation:empty:after,
.opened_conversation_header .actions .cap,
.chat_window  .misc_details_item,
.chat_window .opened_conversation_header .user_intro .type{
    font-size:11px;
}
.chat_window .opened_conversation_header .user_intro .pic{
    height:45px;
    width:45px;
}
.chat_window .message_center .filter_box input[type="text"]{
    height: 34px;
}
.chat_window .message_center .filter_box input[type="text"]::placeholder {
    font-size: 13px !important;
}
.chat_window  .message_center .filter_box i{
    top: 7px;
    font-size: 22px;
}
.chat_window .message_center_thread_list .item .pic{
    top: 8px;
    width: 32px;
    height: 32px;
}
.chat_window .message_center_thread_list .item .pic:before{
    font-size: 11px;
    bottom: -29px;
}
.chat_window .message_center_thread_list .item{
    height:61px;
    padding: 6px 9px 6px 65px;
}
.chat_window .message_center_thread_list .message_center_thread_list_cover.opened .last_message{
    font-size:11px;
    width: 165px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.chat_window .message_center_thread_list .item .pic:after{
    top: -2px;
    right: 0px;
    width: 12px;
    height: 12px;
}
.chat_window .message_center_thread_list .item{
    padding-left:55px;
}
.chat_window .opened_conversation .send_message input[type="text"]{
    height: 38px;
}
.chat_window .opened_conversation .send_message .left_ico {
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 24px;
    height: 24px;
    font-size: 24px;
}
.chat_window .opened_conversation .send_message .send_btn {
    top: 0;
    bottom: 0;
    height: 22px;
    line-height: 22px;
    margin: auto;
}
.chat_window .opened_conversation .send_message .send_btn i {
    font-size: 22px;
}
.chat_window .opened_conversation .send_message input[type="text"]::placeholder{
    font-size:13px !important;
}
.e_sign_wrapper #ctl00_EmpContent_lblDescription {
    font-family: 'Inter', sans-serif !important;
}
/* 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 .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;
}

/* END OF CSS FOR ALERT BOX */

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



.tooltip {
    font-family: 'Inter', sans-serif !important;
    line-height:20px;
    font-size:12px;
}

.felra_form .tiny_data td{
    height: 25px;
    padding: 0 5px;
    font-size: 12px;
}
/*business card*/
.business_card{
    max-width: 700px;
    margin: 0 auto 20px;
}

.ctl00_EmpContent_lblDocUploadMandatory{
    font-size: 14px !important;
}

/*taxbreak questionnaire*/
.taxbreak_divQuestionnaire .panel-heading {
    background: #fff;
    padding-bottom: 10px;
}
.taxbreak_divQuestionnaire .panel-title .fa {
    display: none;
}
.taxbreak_divQuestionnaire .panel-title {
    font-size: 20px;
}
.taxbreak_divQuestionnaire .radio-custom.radio-primary {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.taxbreak_divQuestionnaire  footer.panel-footer {
    text-align: center;
}
.taxbreak_divQuestionnaire  button{
    font-size: 13px;
    padding: 7px 20px;
    text-transform: uppercase;
}
.taxbreak_divQuestionnaire  button.btn.btn-default {
    background: #000;
    color: #fff;
}
.taxbreak_divQuestionnaire  button.btn.btn-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.taxbreak_divQuestionnaire div#question_6_supplement .row,
.taxbreak_divQuestionnaire div#question_5_supplement .row,
.taxbreak_divQuestionnaire div#question_4_supplement .row,
.taxbreak_divQuestionnaire div#question_3_supplement .row,
.taxbreak_divQuestionnaire div#question_2_supplement .row {
    margin: 10px 0;
}
.taxbreak_divQuestionnaire label.col-md-5.control-label.row p {
    padding: 0;
    margin-bottom: 0;
}
.taxbreak_divQuestionnaire  div#question_6_supplement br,
.taxbreak_divQuestionnaire  div#question_5_supplement br,
.taxbreak_divQuestionnaire  div#question_4_supplement br,
.taxbreak_divQuestionnaire  div#question_3_supplement br,
.taxbreak_divQuestionnaire  div#question_2_supplement br {
    display: none;
}
/*direct deposit uploded file*/
.uploaded_docs_block{
    margin-bottom: 20px;
}
.uploaded_docs_block .up_doc_item{
    padding: 10px 15px 10px 60px;
    align-items: center;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 12%);
    margin-right: 10px;
    position: relative;
    display: inline-block;
    min-width: 120px;
    margin: 0 10px 15px 0;
}
.uploaded_docs_block .up_doc_item .title{
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 14px;
}
.uploaded_docs_block .up_doc_item .type{
    color: #2F80D1;
    text-transform: uppercase;
}
.uploaded_docs_block .up_doc_item img{
    margin-right: 10px;
    max-width: 40px;
    position: absolute;
    left: 10px;
    top:0;
    bottom: 0;
    margin:auto;
}

/*Quick search box*/
.quick_search_panel {
    padding: 0 12px;
    margin-bottom: 10px;
    position: relative;
}
.quick_search_panel .input_box {
    width: 100%;
    height: 35px;
    padding: 0 10px 0 31px;
    border: 1px solid gainsboro;
    outline: none;
    border-radius: 4px;
}
.quick_search_panel input::placeholder{
    font-size:14px !important;
}
.quick_search_panel:before {
    font-family: "Material Icons";
    content: "search";
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    left: 17px;
    top:0;
    bottom: 0;
    margin:auto;
}

/*File link block*/
.file_link_block{
   padding: 11px 20px 11px 60px;
   background-color:#e8f4fb;
   display: inline-block;
   position: relative;
   border-radius: 4px;
   text-decoration: none;
}
.file_link_block .left_icon{
    position: absolute;
    left: 10px;
    height: 40px;
    top:0;
    bottom: 0;
    margin: auto;
    text-decoration: none;
}
.file_link_block .left_icon i{
    font-size: 40px;
    line-height: 40px;
    height: 40px;
    color: #1951B2;
}
.file_link_block .file_info .f_title{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
    color:#000;
}
.file_link_block .file_info .f_sub_title{
    font-size: 14px;
    color:#000;
}

/*address suggestions input address info page*/
.with-suggestion{
    position:relative;
}
.with-suggestion .with_icon a{
    display:block;
}
.with-suggestion .icon_input .material-icons{
    font-size:24px;
    line-height:24px;
}
.with-suggestion .suggested_address ul {
    list-style: none;
    padding-left: 0;
    position: absolute;
    z-index: 2;
    background: #fff;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    border-top:none;
    margin-bottom:0;
    max-height: 250px;
    overflow: auto;
    top:38.5px;
}
.with-suggestion .suggested_address ul li{
    position: relative;
    margin:5px 0;
    padding: 6px 10px 6px 33px;
    cursor: pointer;
}
.with-suggestion .suggested_address ul li:before{
    content: "\e0c8";
    font-family: "Material Icons";
    position: absolute;
    left: 5px;
    font-size: 21px;
    top: 6px;
    line-height: 21px;
    color:#ccc;
}
.with-suggestion.in_popup .suggested_address ul li:hover,
.with-suggestion .suggested_address ul li:hover{
    background-color: #1951B2;
    color: #fff;
}
.with-suggestion.in_popup .suggested_address ul{
    position: relative;
    top:0;
    border:none;
    margin-bottom: 0;
    max-height: 300px;
    overflow-y: auto;
    
}
.with-suggestion.in_popup .suggested_address ul li{
    border:1px solid #e7e7e7;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fdfcfc;
}
.with-suggestion.in_popup .suggested_address ul li:before{
    top:9px;
}
.with-suggestion.in_popup .suggested_address ul li:hover:before,
.with-suggestion .suggested_address ul li:hover:before{
    color: #fff;
}
/*Benefit Employee Enrollment Form*/
.form_element_set.with_control {
    position: relative;
}
.form_element_set.with_control .radio_btn_item{
    display: inline-block;
}
.form_element_set.with_control .input_checked_block{
    margin-top:-20px;
    position: relative;
    top:10px;
    float: right;
    margin-left: 15px;
    display: none;
}
.form_element_set.with_control .input_checked_block.d-flex{
    display: none !important;
}
.form_element_set.with_control .radio_btn_item input[type="radio"]:checked + label + .input_checked_block{
    display: block;
}
.form_element_set.with_control .radio_btn_item input[type="radio"]:checked + label + .input_checked_block.d-flex{
    display: flex !important;
}
.check_box_group.with_margin .checkbox_item{
    margin:5px 10px 5px 0;
}
.div_scrollable{
    max-height:calc(100vh - 570px);
    overflow-y:auto;
}
/*Feedback content style*/
.Onboard_feedback_wrapper .title_md{
    font-size: 25px;
    margin-top:10px;
}
.Onboard_feedback_wrapper .feedback_content_wrapper{
    max-width: 540px;
    margin:60px auto 0;
    position: relative;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_head{
    border-radius: 4px;
    background-image: linear-gradient(to right,#7D8182, #5A5B62, #6F8F8A);
    position: relative;
    padding: 20px;
    min-height: 220px;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_head img{
    position: absolute;
    bottom: 0;
    max-width: 530px;
    right:0;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response{
    padding:8px 5px;
    background-color: #fff;
    border-radius: 72px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    position: absolute;
    bottom:-30px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content:center;
    left: 0;
    right:0;
    max-width: 420px;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.star_ratings{
    max-width: 360px;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response .f_emoji{
    padding:0 8px;
    display: block;
    color: transparent;
    outline: none;
    text-decoration: none;
    position: relative;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response .f_emoji .emotion{
    display: inline-block;
    background-color: #E34747;
    border-radius: 60px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 15px;
    text-align: center;
    position: absolute;
    top:-18px;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s ease-in;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, -50%);
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.emoji .f_emoji .emotion{
    top:-12px;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response .f_emoji:hover img,
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response .f_emoji.active img{
    border:3px solid #efe9b5;
    opacity: 1;
    transform: scale(1.2);
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.star_ratings.hovered .f_emoji.selected.active.hover_selected:not(.hover_active) .emotion,
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.star_ratings.hovered .f_emoji.selected.active:not(.hover_selected) .emotion{
    opacity: 0 !important;
    visibility: hidden !important;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.star_ratings.hovered .f_emoji.selected:not(.hover_selected) .material-icons{
    color: #F3EFE0;
    transform: scale(1);
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.star_ratings .f_emoji.hover_active .emotion,
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.emoji .f_emoji:hover .emotion,
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response .f_emoji.active .emotion{
    opacity: 1;
    visibility: visible;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response .f_emoji:first-child:hover img,
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response .f_emoji.active:first-child img{
    border:3px solid #f9d0d0;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response .f_emoji img{
    width: 58px;
    position: relative;
    transition: 0.5s ease-in;
    opacity: 0.6;
    border-radius: 100%;
    border:3px solid #fff;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_form{
    background-color: #fff;
    padding: 55px 30px 30px;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_form .p_btn{
    padding: 12px 30px;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_form .form_textarea{
    min-height: 150px;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.star_ratings .material-icons{
    font-size: 45px;
    color: #F3EFE0;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.star_ratings .f_emoji.hover_selected .material-icons,
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.star_ratings .f_emoji.selected .material-icons{
    color: #F8CE37;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.star_ratings .f_emoji.hover_active .material-icons,
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.star_ratings .f_emoji.active .material-icons{
    transform: scale(1.2);
    color: #F8CE37;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.slider .emotion:not(:first-child){
    display: none;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.slider{
    min-height: 60px;
    padding: 0 30px 0 20px;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.slider input {
  border-radius: 60px;
  height: 18px;
  width: 100%;
  outline: none;
  -webkit-appearance: none;
  position: relative;
}

input[type='range']::-moz-range-thumb{
  width: 23px;
  -webkit-appearance: none;
  height: 48px !important;
  background: #F8CE37;
  border:1px solid #fff;
  border-radius: 60px;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.slider input[type='range']::-webkit-slider-thumb {
  width: 23px;
  -webkit-appearance: none;
  height: 38px !important;
  background: #F8CE37;
  border:1px solid #fff;
  border-radius: 60px;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.slider  .f_emoji .emotion{
    opacity: 1;
    visibility: visible;
    left: 0;
    transform: translate(0%, -100%);
    top:5px;
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.slider  .f_emoji .emotion.frustrated{
    left: 0;
    transform: translate(0%, -100%);
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.slider  .f_emoji .emotion.sad{
    left: 40%;
    transform: translate(-120%, -100%);
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.slider  .f_emoji .emotion.neutral{
    left: 50%;
    transform: translate(-50%, -100%);
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.slider  .f_emoji .emotion.happy{
    left: 80%;
    transform: translate(-90%, -100%);
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.slider  .f_emoji .emotion.awesome{
    left: 100%;
    transform: translate(-90%, -100%);
}
.Onboard_feedback_wrapper .feedback_content_wrapper .feedback_response.slider .f_emoji{
    position: static;
}
/*Scroll time top*/
.scroll_to_top{
    position:fixed;
    bottom:40px;
    right:50px;
    width:45px;
    height:45px;
    border-radius:100%;
    box-shadow:0px 4px 10px rgb(0 0 0 / 15%);
    display:flex;
    align-items:center;
    justify-content:center;
    background: var(--primary-color);
    text-decoration:none;
    opacity:0;
    visibility:hidden;
    z-index:1;
    transition:0.5s ease-in;
}
.scroll_to_top.show{
    opacity:1;
    visibility:visible;
}
.scroll_to_top:before{
    content:"\e5ce";
    font-family:"Material icons";
    font-size:33px;
    line-height:33px;
    height:33px;
    font-weight:300;
    color: var(--seconday-color);
    cursor:pointer;
}
/*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;
}

.flow_layout table {
    table-layout: auto !important;
}
.break_word{
    white-space:normal;
    word-break:break-word;
}
.break_all{
    white-space:normal;
    word-break:break-word;
}

@media only screen and (min-width: 1900px){
    body.submenu_opened .content_wrapper{
        padding-left: 290px;
    }
}
@media only screen and (max-width: 1900px){
    body.submenu_opened:before{
        position: fixed;
        content: "";
        left: 0;
        top:0;
        bottom: 0;
        right: 0;
        background-color: rgb(0 0 0 / 61%);
        z-index: 9;
    }
}

/*Media query*/
@media only screen and (max-width: 1640px){
    .ext_link_wrapper .left_img_wrap img {
        max-width: 160px;
    }
    .breadcrumb ul li a{
        font-size: 13px;
    }
    body{
        font-size: 13px;
    }
    .download_link{
        padding-left: 25px;
    }
    .download_link:before{
        font-size: 20px;
        line-height: 25px;
        height: 20px;
    }
    .navbar_menu .sub_menu:not(:empty){
        top:41px;
    }
    .navbar_menu .sub_menu li a {
        padding: 6px 15px;
        font-size: 13px;
    }
    .p_btn{
        font-size: 12px;
        padding: 5px 18px;
        line-height: 18px;
    }
    .p_btn.btn_print{
        padding-top:4px;
        padding-bottom:4px;
    }
    .p_btn.input_height{
        padding: 7.5px 20px;
    }
    .btn_blueborder {
        padding: 4px 11px;
        font-size: 12px;
    }
    /*text style*/
    .title_lg {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 5px;
    }
    .title_md {
        font-size: 17px;
        line-height: 28px;
    }
    .title_sm{
        font-size: 16px;
        line-height: 20px;
    }

    .text_normal {
        font-size: 13px;
        line-height: 21px;
    }
    .text_small {
        font-size: 12px;
    }
    .sub_text{
        font-size: 11px;
    }
    .arrow_link {
        font-size: 13px;
    }
    /*button Link*/
    .button_link{
        padding: 10px 80px 10px 15px;
    }
    .button_link .link_text{
        font-size: 14px;
    }
    /*tooltip*/
    .with_tooltip .tooltip_main_title{
        font-size: 15px;
    }
    .with_tooltip .tooltip_title{
        font-size: 13px;
        margin-bottom: 3px;
    }
    .with_tooltip .tooltip_desc {
        font-size: 12px;
        margin-bottom: 7px;
    }
    .with_tooltip .tooltip_item i{
        font-size: 17px;
    }
    .form_element_set.element_inline.label_right .with_tooltip .tooltip_item{
        top:4px;
    }
    .with_tooltip .tooltip_data{
        max-height:300px;
    }
    /*alert*/
    .warning,
    .alert_info {
        padding: 7px 7px 7px 40px;
        font-size: 13px;
    }
    .warning:before,
    .alert_info:before{
        left: 12px;
        font-size: 17px;
        top:7px;
    }
    .alert_info.note::before {
        font-size: 19px;
    }

    .drop_list .drop_menu{
        padding-right: 20px;
    }
    .drop_list .drop_menu:after{
        font-size: 20px;
        line-height: 20px;
        height: 20px;
        color: #000;
    }
    .drop_list .dropdown-menu li a{
        font-size: 13px;
        color: #000;
    }
    .drop_list.drop_form .drop_title{
        font-size: 15px;
    }
    .drop_list.drop_form .p_btn {
        font-size: 12px;
        padding: 5px 15px;
    }
    .drop_list.drop_form .dropdown-menu{
        width: 320px;
    }

    /*header style*/
    .top_header {
        padding: 4px 15px;
        height:68px;
    }
    .top_header .left_logo img {
        max-height: 60px;
    }
    .top_header .lang_menu select {
        height: 32px;
        font-size: 13px;
    }
    .top_header .icon_round {
        width: 34px;
        height: 34px;
        margin: 0 7px;
    }
    .top_header .go_back.icon_round i {
        font-size: 21px;
        height: 24px;
    }
    .top_header .progress_status .progress_info{
        font-size: 13px;
        margin-bottom: 3px;
        line-height: 16px;
    }
    .top_header .progress_status .progress_block{
        height:15px;
    }
    .profile_circle{
        width: 35px;
        height: 35px;
        font-size: 15px;
        line-height: 34px
    }

    .left_sidebar .sidebar_top .profile_circle {
        margin-right: 20px;
        width: 40px;
        height: 40px;
        line-height: 43px;
        font-size: 18px;
    }
    .profile_circle img{
        width: 35px;
        height: 35px;
    }
    .profile_circle .online_status {
        position: absolute;
        top: -4px;
        right: -4px;
        width: 16px;
        height: 16px;
        border: 3px solid #fff;
    }

    /*navbar menu*/
    .navbar_menu ul li a {
        font-size: 13px;
        padding: 9px 0;
    }
    /*sidebar*/
    .left_sidebar{
        height: calc(100vh - 109px);
        top:108px;
    }
    .left_sidebar .sub_menu_list {
        height: calc(100% - 105px);
    }
    .left_sidebar .sidebar_menu > ul {
        height: calc(100vh - 300px);
    }
    .left_sidebar .sidebar_top {
        padding: 15px 0;
    }
    .left_sidebar .sidebar_menu{
        width: 270px;
        padding: 0 15px 20px;
    }
    .left_sidebar .account_info {
        padding: 0 0 10px;
    }
    .left_sidebar .account_info .profile_name {
        font-size: 14px;
        line-height: 21px;
    }
    .left_sidebar .account_info .desig {
        font-size: 12px;
    }
    .left_sidebar .border_btn{
        font-size: 12px;
        padding: 5px 15px;
    }
    .left_sidebar .border_btn.with_icon{
        padding-left: 40px;
    }
    .left_sidebar .border_btn.with_icon:before{
        left: 10px;
    }
    .left_sidebar .with_icon:before{
        left: 7px;
        font-size: 20px;
        line-height: 20px;
        height: 20px;
    }
    .left_sidebar .sidebar_close{
        width: 27px;
        height: 27px;
        top: 21px;
        right: -13px;
    }
   
    .submenu_opened .left_sidebar .sidebar_close{
        left: calc(100% + 211px);
    }
    .left_sidebar .sidebar_close:before{
        font-size: 23px;
        line-height: 25px;
    }

    .left_sidebar .sidebar_menu ul li a {
        padding: 4px 10px;
        font-size: 12px;
        line-height: 17px;
    }
 
    .left_sidebar .sidebar_menu li.with_submenu .sub_menu a{
        padding: 4px 10px;
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 3px;
    }
    .left_sidebar .sidebar_menu ul li a i{
        font-size: 17px;
    }
    .left_sidebar .sub_menu li a i{
        font-size: 17px;
    }
    .left_sidebar .sub_menu .sub_menu_title{
        font-size: 15px;
        padding: 71px 12px 10px;
        margin-bottom: 0;
        line-height: 20px;
    }
    .left_sidebar .sub_menu{
        width: 225px;
        padding:0 10px 15px;
        left: 100%;
        right: auto;
    }
    .left_sidebar .sidebar_menu ul li.finished > a  > i{
        width: 19px;
    }
     
    .submenu_opened{
        overflow: hidden;
    }
    .chat_boat_wrapper {
        padding: 6px 20px;
        width: 270px;
    }
    .chat_boat_wrapper .profile_circle img {
        width: 35px;
        height: 35px;
    }
    .chat-boat-title{
        font-size: 13px;
        margin-bottom: 5px;
    }
    .chat_btn {
        padding: 3px 9px;
        font-size: 12px;
    }
    .chat_boat_wrapper .profile_circle .online_status {
        top: 2px;
        right: -4px;
        width: 13px;
        height: 13px;
        border: 1px solid #fff;
    }
    /*collapsed menu*/
    .left_sidebar.collapsed .chat_boat_wrapper,
    .left_sidebar.collapsed .sidebar_menu {
        width: 65px;
    }
    .left_sidebar.collapsed .sidebar_close {
        width: 32px;
        height: 32px;
    }
    .left_sidebar.collapsed .sidebar_close:before {
        line-height: 32px;
        font-size: 23px;
    }

    .left_sidebar.collapsed .sidebar_top .profile_circle {
        width: 32px;
        height: 33px;
        font-size: 14px;
        line-height: 35px;
        margin-right: 0;
    }
    .left_sidebar.collapsed  .sidebar_top .profile_circle .online_status {
        position: absolute;
        top: -3px;
        right: -3px;
        width: 16px;
        height: 16px;
        border: 3px solid #fff;
    }
    .left_sidebar.collapsed .sidebar_menu ul {
        height: 58vh;
    }
    .left_sidebar.collapsed .sidebar_menu ul li a i {
        font-size: 21px;
    }
    .left_sidebar.collapsed .chat_boat_wrapper .profile_circle img {
        width: 35px;
        height: 35px;
    }
    .left_sidebar.collapsed .chat_boat_wrapper .profile_circle .online_status {
        width: 14px;
        height: 14px;
        top: 4px;
        right: 3px;
    }

    /*--------------------------content styling-------------------------------*/
    .content_inside {
        min-height: calc(100vh - 210px);
    }
    .content_wrapper{
        width: 100%;
    }

    .content_wrapper.wide_view {
        width: calc(100% - 65px);
    }
    .main-container{
        max-width: 1150px;
    }
    .content_title {
        margin-bottom: 20px;
    }
    .toggle_wrapper .toggle_header{
        padding: 8px 15px;
    }
    .toggle_wrapper .toggle_data{
        line-height: 22px;
        font-size: 13px;
    }
    .task_status_grid .task_status_column .task_info{
        padding: 10px;
    }
    .task_status_grid .task_status_column .task_info .task_title{
        font-size: 15px;
    }
    .task_status_grid .task_status_column .task_info .task_status_desc{
        font-size: 13px;
    }
    .task_status_grid .task_status_column .task_info .t_date{
        font-size: 14px;
    }
    /*table style*/
    .table_top_menu{
        padding: 15px 20px;
    }
    .table_data .record_info,
    .table_top_menu .menu_wrapper .menu_title{
        font-size: 13px;
        margin-right:7px;
    }
    .table_top_menu .menu_wrapper .menu_items > a{
        font-size: 12px;
        padding: 5px 10px;
    }
    .table_top_menu .menu_wrapper.ml_auto .menu_items .menu_opt i,
    .table_top_menu .menu_wrapper.ml_auto .menu_items > a i {
        font-size: 18px;
    }
    .table_top_menu .menu_wrapper.ml_auto .menu_items .menu_opt a,
    .table_top_menu .menu_wrapper.ml_auto .menu_items > a {
        line-height: 10px;
        padding: 5px 10px;
    }
    .table_data table th {
        padding: 3px 4px;
    }
    .table_data table td{
        padding: 7px 4px;
    }
    .table_main_wrapper .table_data {
        padding: 10px 20px 25px;
    }
    /*google link*/
    .ext_link_btn {
        padding: 7px 15px 7px 15px;
        border-radius: 4px;
        margin-bottom: 15px;
        font-size: 14px;
    }
    .ext_link_btn img{
        max-width:20px;
    }
    /*form style*/
    .form_element_set {
        margin-bottom: 10px;
    }
    .form_element_set .form_label,
    .form_label{
        font-size: 13px;
        line-height: 20px;
    }
    .txt_label,
    .form_element_set .form_label.txt_label{
        line-height: 34px;
        height: 35px;
        font-size: 13px;
    }
    .form_textarea,
    .form_input{
        height: 35px;
        font-size: 13px;
    }
    .form_select{
        height: 33px;
        font-size: 13px;
    }
    .flexed_items .form_select{ 
        height: 33px;
    }

    .form_element_set .icon_input .material-icons{
        font-size: 24px;
        height: 24px;
    }
    .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;
    }
    
    .switch_control.yes_no input[type="checkbox"] + label {
        width: 52px;
    }

    .switch_control.yes_no input[type="checkbox"] + label:after{
        font-size: 12px;
        top: 1px;
    }
    .switch_control.yes_no input[type="checkbox"]:checked + label:after{
        left: 5px;
    }
    .form_agreement .form_label{
        font-size: 13px;
    }
    .switch_control.n_a input[type="checkbox"] + label{
        width:50px;
    }
    .switch_control.n_a input[type="checkbox"] + label:after{
        font-size: 11px;
        top: 2px;
    }
    .switch_control.n_a input[type="checkbox"]:checked + label:after{
        left: 8px;
    }
    .with_item.with_switch .form_input {
        padding-right: 65px;
    }
    .with_item.with_switch.left .form_input {
        padding-left: 65px;
    }


    /*radio*/
    .radio_btn_item input[type="radio"] + label:before{
        font-size: 17px;
        line-height: 19px;
    }
    .radio_btn_item input[type="radio"] + label {
        font-size: 13px;
    }
    /*----------------------------Training--------------------------------*/
    .portal_training_wrapper .pt_video_details{
        font-size: 17px;
    }
    .portal_training_wrapper .pt_video_details .video_time{
        line-height: 22px;
        font-size: 13px;
    }
    .portal_training_wrapper .video_play_btn{
        width: 50px;
        height: 50px;
    }
    .portal_training_wrapper .video_play_btn:before{
        line-height: 50px;
        font-size: 33px;
    }
    .portal_training_wrapper  .button-block {
        margin-top: 10px;
    }
    .pt_video_block.watched .video_status {
        padding:5px 28px 5px 117px;
        font-size: 13px;
    }

    .lang_span .pt_video_block.watched .video_status{
        padding:5px 28px 5px 93px;
    }
    .pt_video_block.watched .video_status:before{
        left:8px;
        font-size: 17px;
        line-height: 17px;
        height: 17px;
    }
    .pt_video_block.watched .video_status:after{
        left: 32px;
    }
    .pt_video_block.required:after{
        font-size: 13px;
    }

    /*----------------------------Training Details-------------------------*/
    .portal_training_detail {
        padding: 25px 30px 30px;
    }
    .portal_training_detail .pt_video_details .video_time {
        top: -2px;
        font-size: 12px;
        line-height: 25px;
    }
    .portal_training_detail .pt_video_details {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .portal_training_detail .video_desc {
        margin-bottom: 15px;
        font-size: 13px;
    }
    .portal_training_detail .video_play_btn {
        width: 90px;
        height: 90px;
    }
    .portal_training_detail .pt_video_block{
        height: 350px;
        width: 700px;
    }
    .portal_training_detail .video_play_btn:before {
        font-size: 58px;
        line-height: 90px;
    }
    .empty_msg{
        padding: 15px 20px 5px 15px;
    }
    .empty_msg .empty_img {
        margin-right: 25px;
    }
    .empty_msg .empty_img img {
        max-width: 50px;
    }
    .empty_msg .empty-title .warning,
    .empty_msg .empty-title .info,
    .empty_msg .empty-title{
        line-height: 25px;
        font-size: 17px;
        margin-bottom: 0;
    }
    .divider,.or_seperator {
        margin: 35px 0;
    }
    .divider:before{
        width: 33px;
        height: 33px;
        line-height: 32px;
        font-size: 12px;
    }
    .or_seperator span{
        width: 33px;
        height: 33px;
        line-height: 32px;
        font-size: 12px;
    }
    .or_seperator.auto{
        margin: 25px 0;
    }
    .or_seperator.auto span{
        line-height:32px;
        min-width:33px;
        width:auto;
    }
    /*portal form*/
    .portal_form_container{
        font-size: 13px;
        padding: 45px 80px 40px;
    }
    .portal_form_container .pt_list li,
    .portal_form_container .pt_form_data{
        font-size: 13px;
        line-height: 22px;
    }
    .portal_form_container .pt_form_data{
        margin-bottom: 15px;
    }
    .portal_form_container .pt_form_title{
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .portal_form_container .pt_form_title_main{
        font-size: 30px;
    }

    .portal_form_container .pt_sub_title{
        font-size: 16px;
    }
    .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;
    }
    .sign_input_header{
        font-size: 13px;
    }
    .initial_input,
    .sign_input{
        font-size: 22px;
        height: 40px !important;
    }

    .input_desc{
        font-size: 13px;
        line-height: 20px;
    }
    .voluntary_meal_form .uline_text{
        font-size: 13px;
    }
    .voluntary_meal_form .text_small {
        font-size: 12px;
        line-height: 21px;
    }
    .voluntary_meal_form .d-flex{
        margin-bottom: 15px;
    }
    .voluntary_meal_form  table .checkbox_item input[type="checkbox"] + label:before {
        font-size: 32px;
    }
    .voluntary_meal_form .pt_sub_title {
        margin-bottom: 30px;
        margin-top: 15px;
    }
    /*wizard*/
    .wizard_panel_tab li .nav-link{
        font-size: 13px;
        padding: 7px 15px;
        height: 38px;
    }
    .wizard_panel_tab li .nav-link:after{
        right: -36px;
        border: 19px solid transparent;   
        border-left-color: #D9D9D9;
    }
    .wizard_panel_tab li .nav-link:before{
        right: -35px;
        border: 19px solid transparent;
        border-left-color: #ffffff;
    }
    /*mini wizard panel*/
    .wizard_panel_tab.multi_line li .nav-link{
        padding: 8px 18px;
        font-size: 12px;
        height: 40px;
        line-height: 15px;
    }
    .wizard_panel_tab.multi_line li .nav-link:after {
        right: -38px;
        border: 19.5px solid transparent;
        border-left-color: #D9D9D9;
    }
    .wizard_panel_tab.multi_line li .nav-link:before {
        right: -37px;
        border: 19.5px solid transparent;
        border-left-color: #ffffff;
    }
    .wizard_panel_tab.multi_line li:not(:first-child) .nav-link {
        padding-left: 30px !important;
    }
    /*modal popup*/
    .pt_modal .modal-header .modal-title{
        font-size: 15px;
    }
    .pt_modal .modal-title.with-icon .material-icons {
        font-size: 18px;
        line-height: 18px;
        height: 18px;
    }
    .pt_modal .modal-title.with-icon{
        padding-left: 25px;
    }
    /*footer*/
    .footer-wrapper .copy-right{
        font-size: 12px;
    }
    .footer-wrapper img{
        max-width: 130px;
    }
    /*direct desposit*/
    .btn_menu .radio_opt input[type="radio"] + label {
        padding: 6px 22px;
        font-size: 12px;
    }
    .btn_menu .radio_opt input[type="radio"]:checked + label::before{
        left: 8px;
        font-size: 15px;
        line-height: 15px;
        height: 15px;
    }
    .empty-title.up_file_name{
        font-size: 16px;
        line-height: 30px;
    }

    /*file manage div*/
    .file_manage{
        font-size: 13px;
    }
    .file_manage .f_btn{
        height: 20px;
    }
    .file_manage .f_btn i {
        line-height: 20px;
        font-size: 20px;
    }
    /*photo badge*/
    .doc_upload_wrap .doc-content .doc-title{
        font-size: 17px;
    }
    .doc_upload_wrap{
        max-width: 600px;
        padding: 18px;
    }
    .doc_upload_wrap .doc_upload .doc_img .trash_round{
        height: 30px;
        width: 30px;
    }
    .doc_upload_wrap .doc_upload .doc_img .trash_round:after{
        font-size: 16px;
        line-height: 16px;
        height: 16px;
        width: 16px;
    }
    .uline_text_block .uline_text{
        font-size: 14px;
        height: 30px;
        margin-bottom: 3px;
    }
    .uline_text{
        font-size: 13px;
    }
    /*editor html*/
    .editor_html h1,
    .editor_html h1 a{
        font-size: 27px !important;
        line-height: 37px !important; 
    }
    .editor_html h2,
    .editor_html h2 a{
        font-size: 24px !important;
        line-height: 34px !important; 
    }
    .editor_html h3,
    .editor_html h3 a{
        font-size: 21px !important;
        line-height: 31px !important; 
    }
    .editor_html h4,
    .editor_html h4 a{
        font-size: 18px !important;
        line-height: 28px !important; 
    }
    .editor_html h5,
    .editor_html h5 a{
        font-size: 16px !important;
        line-height:26px !important; 
    }
    .editor_html h6,
    .editor_html h6 a{
        font-size: 15px !important;
        line-height: 24px !important; 
    }

    /*.editor_html p,
    .editor_html p *,*/
    .editor_html *,
    .editor_html ul li,
    .editor_html ol li{
        font-size: 13px !important;
    }
    /*company policy*/
    .pcy_doc_list{
        margin:20px 0;
    }
    .pcy_doc_list .pcy_doc_row .pcy_doc_title{
        font-size: 16px;
    }
    .pcy_doc_list .pcy_doc_row .pcy_status{
        font-size: 13px;
        padding: 2px 10px;
    }
    .pcy_doc_list .pcy_doc_row{
        padding: 12px;
        max-width: 515px;
    }
    .pcy_doc_list .pcy_doc_row .pcy_doc_link{
        width: 47px;
        height: 47px;
        line-height: 40px;
    }
    .pcy_doc_list .pcy_doc_row .pcy_doc_link img{
        max-width: 32px;
    }
    .pcy_doc_list .pcy_doc_row .pcy_doc_link.pdf{
        line-height: 44px;
    }
    .pcy_doc_list .pcy_doc_row .pcy_doc_link.pdf img{
        max-width: 19px;
    }
    .pcy_doc_list .pcy_doc_row .pcy_doc_link.file:before{
        font-size:27px;
        line-height: 27px;
        height:27px;
    }
    .policy-banner{
        margin: -45px -80px 30px;
    }
    /*icon right*/
    .icon_right {
        padding-right: 20px;
    }
    .icon_right.two_icons {
        padding-right: 43px;
    }
    .icon_right .action_btn {
        height:20px;
        line-height:20px;
    }
    .icon_right .action_btn i{
        font-size:17px;
        height:17px;
        line-height:17px;
    }
    .icon_right.two_icons .action_btn.icon_first {
        right: 28px;
    }
    /*acknoweldge block*/
    .ack_block .span.CheckBox > label{
        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 ul li:before{
        font-size:18px;
    }
    /*Giant Bonus Card*/
    .gb_black_head .text_normal{
        font-size: 15px;
    }
    .gn_stciker_wrap{
        font-size: 13px;
        line-height: 60px;
    }

    .content_empty .no_data_msg{
        font-size: 13px;
    }
    
    .tribal_form .form_label.txt_label{
        height: 30px;
        line-height: 28px;
        width: 175px;
    }
    .tribal_form .form_input{
        height: 30px;
    }
    /*I9 PReparer page stye*/
    .radio_btn_text .radio_main_title{
        font-size: 15px;
    }
    .translator_detail_wrap .form_element_set .form_label{
        font-size: 12px;
        letter-spacing:-0.3px;
    }
    .translator_detail_wrap .form_inline_item .form_element_set .form_label{
        font-size: 13px;
    }
    .translator_detail_wrap .with_tooltip .tooltip_item{
        top:-3px;
    }
    /*Review I9*/
    .combo_buttons input[type="radio"] + label{
        font-size: 13px;
    }
    /*I9 thanks*/
    .i9_summary_wrap .connector{
        font-size: 16px;
        right: -11px;
    }
    .i9_summary_wrap .connector.plus {
        font-size: 27px;
        line-height: 22px;
        right: -8px;
    }
    .i9_document_list_wrap .i9_doc_head .doc_title{
        font-size: 18px;
    }
    .i9_document_list_wrap .i9_doc_head .doc_sub_title{
        font-size: 15px;
    }
    .i9_summary_wrap .doc_section_title{
        margin-bottom: 30px;
    }
    .i9_summary_wrap .doc_section_title .title_md{
       font-size: 18px;
       line-height: 24px;
    }
    .i9_summary_wrap .doc_section_title .title_sm{
        font-size: 13px;
        font-weight: 400;
    }

    /*Task summary*/
    .task_summary_wizard .task_step:before{
        width: 22px;
        height: 22px;
        top:-9px;
    }
    .task_summary_wizard .task_step.completed:before {
       font-size: 16px;
       line-height: 16px;
    }
    .task_summary_wizard .task_step_box .task_sub_title{
        font-size: 12px;
        line-height: 16px;
    }
    .task_summary_wizard .task_step_box .task_main_title{
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 5px;
    }
    .task_summary_wizard .task_step_box .task_date,
    .task_summary_wizard .task_date_label{
        font-size: 14px;
    }
    .task_summary_wizard{
        min-height: 150px;
    }
    .i9_document_list_wrap{
       min-height: 980px; 
    }
    .i9_document_list_wrap.less_height {
        min-height: 235px;
    }
    .ctl00_EmpContent_lblDocUploadMandatory{
        font-size: 13px !important;
    }
    .light_theme_alert_box .body_box .cap .head_text{
        font-size:15px;
    }
    .message-block .toggle_data *{
        font-size: 13px !important;
    }
    /*Quick Search panel*/
    .quick_search_panel {
        padding: 0 12px;
        margin-bottom: 10px;
    }
    .quick_search_panel .input_box {
        height: 30px;
        padding: 0 10px 0 31px;
    }
    .quick_search_panel:before {
        font-size: 20px;
        height: 20px;
        line-height: 20px;
    }
    .file_link_block {
        padding: 9px 20px 9px 55px;
    }
    .file_link_block .file_info .f_title {
        font-size: 14px;
    }
    .file_link_block .file_info .f_sub_title {
        font-size: 12px;
    }
    .file_link_block .left_icon {
        height: 34px;
    }
    .file_link_block .left_icon i {
        font-size: 34px;
        line-height: 34px;
        height: 34px;
    }
    /*address info*/
    .with-suggestion .icon_input .material-icons{
        font-size:21px;
        line-height:21px;
        right:7px;
        height:21px;
    }
     .with-suggestion .icon_input .form_input {
        padding-right: 35px;
    }
    .with-suggestion .suggested_address ul{
        top:32px;
    }
    .with-suggestion .suggested_address ul li{
        font-size:12px;
        margin:4px 0;
        padding: 6px 6px 6px 30px;
    }
    .with-suggestion.in_popup .suggested_address ul li{
        font-size: 13px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .with-suggestion .suggested_address ul li:before{
        left: 4px;
        font-size: 20px;
        top: 5px;
        line-height: 20px;
    }
    /*scroll stop top*/
    .scroll_to_top{
        bottom:20px;
        width:40px;
        height:40px;
    }
    .scroll_to_top:before{
        font-size:30px;
        line-height:30px;
        height:30px;
    }
}

/*Media query*/
@media only screen and (max-width: 1300px){
    /*text style*/
    .text_normal {
        font-size: 13px;
    }
    /*sidebar*/
    .content_wrapper.wide_view {
        width: calc(100% - 65px);
    }
    .sidebar_opened .left_sidebar {
        position: fixed;
    }
    .sidebar_opened .main_wrapper:before{
        position: fixed;
        content: "";
        left: 0;
        top:0;
        bottom: 0;
        right: 0;
        background-color: rgb(0 0 0 / 61%);
        z-index: 7;
    } 
    /*external link*/
    .ext_link_btn {
        padding: 8px 15px 8px 15px;
        border-radius: 4px;
        margin-bottom: 13px;
        font-size: 13px;
    }
    .ext_link_btn img {
        max-width: 23px;
    }
    .ext_link_wrapper .left_img_wrap img {
        max-width: 155px;
    }
    .pt_content_box{
        padding: 20px 25px 25px;
    }
    /*wizard*/
    /*training video*/
    .portal_training_detail .video_play_btn {
        width: 80px;
        height: 80px;
    }
    .portal_training_detail .video_play_btn:before {
        font-size: 48px;
        line-height: 80px;
    }
    /*empty message*/
    .empty_msg .empty-title {
        line-height: 25px;
        font-size: 20px;
    }
    .empty_msg .p_btn {
        margin-top: 20px;
    }
    .portal_form_container .pt_sub_title {
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .portal_form_container .pt_list li, .portal_form_container .pt_form_data {
        font-size: 13px;
        line-height: 22px;
    }
    .sign_input_header,
    .pt_esign .pt_esign_subtitle,
    .form_agreement .form_label {
        font-size: 12px;
    }
    .pt_esign .pt_esign_title {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 0;
    }

    .voluntary_meal_form .pt_sub_title {
        margin-bottom: 35px;
    }
}

/*-----------------------------------Enter I9-------------------------------------------*/


.Enter-I9-new .form-row .form-group{
    height:85px;
}
.Enter-I9-new .form-input,
.Enter-I9-new .form-control{
    background: rgb(241, 244, 255);
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    box-shadow: none;
}
.Enter-I9-new .form-group input[type="text"]{
    height:40px;
    padding: 0 7px;
    font-size: 14px;
}
.Enter-I9-new .form-row .form-group select{
    height:40px;
    background: #f1f4ff;
    width: 100%;
    padding: 0 7px;

}
div#ctl00_EmpContent_I9Section11_rdpDateOfBirth_wrapper input[type="text"]{
    height:38px;
}
input#ctl00_EmpContent_I9Section11_rdpDateOfBirth_dateInput{
    border-color:transparent;
}
div#ctl00_EmpContent_I9Section11_divForeignPassportCountry {
    margin-bottom: 10px;
}
.enter_i9_form {
    background: #fff;
    padding:15px;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    border-radius: 4px;
}
.Enter-I9-new  .form-medium-title.bg-ash{
    margin-bottom:0;
}
.Enter-I9-new .instruction_set input {
    position: absolute !important;
    top: 10px;
    left: 6px;
    outline:none;
}
.Enter-I9-new a.icon.facebook {
    color: #222;
    border-radius: 100%;
    display: inline-block;
    text-decoration: none;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.Enter-I9-new a.facebook:before {
    content: '\e887';
    font-family: "Material Icons";
    font-size: 17px;
    line-height:17px;
    margin-right:8px;
    color: #267bd1;
    position: relative;
    top: 2.5px;
}
.Enter-I9-new a.icon.facebook span.ttip {
    border: 1px solid #fff;
    color: #fff;
}
.Enter-I9-new a.icon.facebook:hover span.ttip {
    bottom: 30px;
    visibility: visible;
    opacity: 1;
}
.Enter-I9-new  a.icon.facebook span.ttip, 
.Enter-I9-new  a.icon.facebook span.ttip p {
    font-size: 12px;
    font-weight: 600;
}
.Enter-I9-new  a.icon.facebook span.ttip {
    background: #2a59af;
    color: #222;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: -50px;
    right: -25px;
    padding: 5px 7px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    color: #fff;
    width: 300px;
    z-index: 100000000000000000000000;
}
.Enter-I9-new a.icon.facebook span.ttip h5{
    font-size:15px;
}
.Enter-I9-new a.icon.facebook span.ttip.top_right{
    left:auto;
    right: 0;
}
.Enter-I9-new a.icon.facebook span.ttip.top_left{
    left: 0;
    right:auto;
}
.Enter-I9-new  a.icon.facebook  span.ttip {
    border: 1px solid #fff;
    white-space:normal;
    letter-spacing:normal;
}
.Enter-I9-new  a.icon.facebook  span.ttip {
    color: #fff;
}
.Enter-I9-new  a.icon.facebook:hover span.ttip {
    bottom: 30px;
    visibility: visible;
    opacity: 1;
}
.Enter-I9-new  a.icon.facebook  span.ttip, 
.Enter-I9-new  a.icon.facebook  span.ttip p {
    font-size: 12px;
    font-weight: 600;
}
.Enter-I9-new  .i9_sign_wrap .row{
    margin:0;
}
.Enter-I9-new  .i9_sign_wrap {
    border: 1px solid #000;
    margin-bottom:20px;
}
.Enter-I9-new  .i9_sign_wrap .col-md-6{
    padding:10px;
}
.Enter-I9-new  .form_datepicker .RadInput a{
    height:34px;
    display:block;
}
#ctl00_EmpContent_I9Section11_rcbLawfulResAleinOrUSCIS{
    position: relative;
}
td#ctl00_EmpContent_I9Section11_Td4 input[type="radio"]{
    position:relative;
    top:1px;
}
div#ctl00_EmpContent_I9Section11_upWorkUntil {
    position: relative;
    top:2px;
}
.Enter-I9-new .sub-title{
    font-size:15px;
    margin-bottom:0;
} 
.Enter-I9-new .sub-title span{
    font-size:15px;
}
.Enter-I9-new .main-title{
    font-size:19px;
    line-height:22px;
    margin-bottom:5px;
    font-weight:700;
    color:#000;
}
.Enter-I9-new .main-title-side{
    display:block;
    font-weight:700;
    font-size:16px;
}
.Enter-I9-new .sub-title-side{
    display:block;   
    font-size:14px; 
}
.Enter-I9-new .logo-RespI9Entry{
    max-width:90px;
}
.Enter-I9-new .instruction_fields .top-3 {
    position: relative;
    top:3px;
}
.Enter-I9-new .form-row .form-group label{
    white-space:nowrap;
    letter-spacing:-0.2px;
}
.Enter-I9-new .instruction_fields div#diva,
.Enter-I9-new .instruction_fields div#divb,
.Enter-I9-new .instruction_fields div#divc {
    height: 20px;
}

@media only screen and (min-width: 1700px) {
    .enter_i9_form{
        padding:15px 40px 15px;
    }
}
@media only screen and (max-width: 1640px){
    .Enter-I9-new .sub-title{
        font-size:14px;
        margin-bottom:0;
    } 
    .Enter-I9-new .sub-title span{
        font-size:14px;
    }
    .Enter-I9-new .main-title{
         font-size:17px;
        line-height:19px;
        margin-bottom:5px;
    }
    .Enter-I9-new .main-title-side{
        font-size:15px;
    }
    .Enter-I9-new .sub-title-side{
        font-size:13px; 
    }
    .Enter-I9-new .logo-RespI9Entry{
        max-width:70px;
    }
    .Enter-I9-new .form-row .form-group{
        height:75px;
    }
    .Enter-I9-new  .form-row .form-group label{
        font-size:12px;
    }
    .Enter-I9-new  .form-row .form-group label .normalItalic {
        font-size: 11px !important;
    }
    .Enter-I9-new .form-medium-title b {
        font-size: 15px;
    }
    .Enter-I9-new .form-medium-title i {
        font-size: 13px;
    }
    .Enter-I9-new .form-row .form-group .form-control{
        font-size:13px;
    }
    .Enter-I9-new .form-input,
    .Enter-I9-new .form-row .form-group .form-control,
    .Enter-I9-new .form-row.with-border .form-group select,
    .Enter-I9-new .form-row .form-group input[type="text"]{
        height:35px;
        font-size:13px;
    }
    div#ctl00_EmpContent_I9Section11_rdpDateOfBirth_wrapper input[type="text"]{
        height:33px;
    }
    .Enter-I9-new a.icon.facebook span.ttip h5 {
        font-size: 14px;
        margin-top: 8px;
    }
    div#ctl00_EmpContent_I9Section11_upWorkUntil {
        top:8px;
    }
 
}
/*CSS FOR NEW SIGNATURE IN DYNAMIC FORMS*/
.e_sign_box {
    display: none;
}

.e_sign_box {
    display: inline-block;
    background: #EEF2F8;
    padding: 15px 20px;
    border-radius: 3px;
    margin-top: 10px;
}

    .e_sign_box .e_sign_by {
        color: #68AC85;
        margin-bottom: 4px;
        display: block;
    }

    .e_sign_box .e_sign_data {
        display: flex;
        font-size: 13px;
    }

        .e_sign_box .e_sign_data strong {
            margin-right: 4px;
            font-weight: 600;
        }
    .e_sign_box * {
        position: relative;
        z-index: 111;
    }
/*END OF CSS FOR NEW SIGNATURE IN DYNAMIC FORMS*/

/*css for canva*/
.canva_box {
    background: #f1f8ff;
    padding: 80px 20px 20px 20px;
    height: calc(100vh - 230px);
    border-radius: 3px;
    position: relative;
    text-align: center;
    overflow: auto;
}

.canva_box .head_box.controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    background: #e6f0f9;
    display: flex;
    align-items: center;
}
.canva_box .head_box.controls .item{
    display:inline-flex;
    align-items:center;
}

.canva_box .head_box.controls label {
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 0;
    margin-right: 5px;
}

.canva_box .head_box.controls .form_input {
    height: 35px;
    border: 1px solid #afcde7;
    padding: 0 10px;
    border-radius: 3px;
}

.canva_box .head_box.controls input[type="number"] {
    width: 100px;
}
.canva_box .head_box.controls .form_file_upload .RadUpload .ruFileWrap .ruUploadProgress {
    width: 356px !important;
}
.canva_box .head_box.controls .form_file_upload .RadUpload_Default .ruFakeInput {
    width: 250px !important;
}
/*css for canva*/