:root {
    --thm-font: 'Inter-Regular';
    --thm-base: #3498db;
    --thm-color: #F47335;
    --thm-black: #333333;
    --thm-heading:#31303E;
    --thm-white: #ffffff;
    --thm-ase: #dff2d4;
    --thm-gray: #8e8e8e;
    --thm-f6: #F1F8FF;
    --thm-fb: #f6f6f6;
    --thm-p: #686868;
    --thm-line:linear-gradient(45deg,#6827b0,#3498db);
    --thm-skew:linear-gradient(-45deg,var(--thm-white) 49%,var(--thm-color) 50%);
}
.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.is-flex > [class*=\'col-\'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.form-control.custom-detail {
    min-height: 120px;
}
#sidebar ul li a{
    font-family: Roboto-Regular;
    font-size: 15px;
}
div#show-has-joined,#program-show-has-joined-check,div#show-special-skilled-labor,div#tokutei-certificate-select,div#candidate_japanese_certification_check_language {
    display: none;
}
div.logo_dashboard{
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.edit_user_candidate_mobile_items .removemore_family {
    background: red;
    border: 0px;
    padding: 1px 6px;
    position: relative;
    text-align: right;
    float: right;
}
.edit_user_candidate_mobile_items .removemore_degree {
    background: red;
    border: 0px;
    padding: 1px 6px;
    position: relative;
    text-align: right;
    float: right;
}

.edit_user_candidate_mobile_items .btn-info.addmore_family {
    padding: 1px 5px;
}
div.logo_dashboard img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 15px;
}
a.items-profile-user {
    color: white;
    text-align: center;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 5px 10px;
}
ul.list-unstyled.components.mb-5 {
    margin-top: 20px;
}
div#content {
    background: #eee;
    overflow: hidden;
}
div#content .main-content-dashboard {
    background: white;
}
div#content .main-content-dashboard h1{
    margin: 0px;
    font-family: Roboto-Regular;
    font-size: 25px;
    line-height: 30px;
    padding: 10px 10px;
    padding-left: 30px;
}
textarea.iwjmb-textarea.large-text{
    outline: 0px;
}
div#content .main-content-dashboard h1 i {
    color: #f48120;
}
#sidebar ul li a i{
    color: #44bef1;
}
#sidebar ul li.active a i{
    color: white;
}
.box-view-candidate-mobile-box {
    background: #ffffff;
    padding: 20px 20px;
    margin-bottom: 100px;
}
.box-view-candidate-mobile-box .box-hotline-mobile {
    width: 100%;
    margin: 0px;
}
.box-view-candidate-mobile-box .box-hotline-mobile h3 {
    margin: 0px;
    text-align: center;
    color: #414042;
    font-weight: bold;
    font-family: Roboto-Regular;
    font-size: 24px;
    line-height: 35px;
}
.box-view-candidate-mobile-box .box-hotline-mobile h3 span {
    color: #f48120;
    position: relative;
    top: -4px;
    margin-right: 5px;
}
.box-view-candidate-mobile-box .box-title {
    text-transform: uppercase;
    font-size: 18pt;
    line-height: 30px;
    font-family: Roboto-Regular;
    text-align: center;
    color: #414042;
}
.box-view-candidate-mobile-box .box-title h2 {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
    font-family: Roboto-Regular;
    text-align: center;
    color: #414042;
    margin: 0px;
    font-weight: bold;
}
.box-view-candidate-mobile-box .box-title .custom {
    text-align: left;
}
hr{
    margin: 10px 0px;
}
ul#sidebar_user_dashboard .current_page_item a,ul#sidebar_user_dashboard .current_page_item a i {
    color: white !important;
}
.box-view-candidate-mobile-box .box-hotline-mobile img {
    max-width: 30px;
}
.box-view-candidate-mobile-box .tab_box_custom .box-custom {
    border-right: 1px solid #e5e6e7;
    padding: 15px;
    text-align: center;
}
.box-view-candidate-mobile-box .tab_box_custom p.count_job {
    color: #231f20;
    font-family:Roboto-Regular;
    font-size: 15px;
    line-height: 25px;
    font-weight: bold;
}
.box-view-candidate-mobile-box .tab_box_custom p.count_job span {
    font-size: 34px;
    margin-right: 5px;
    color: #faaf40;
}
.box-view-candidate-mobile-box .tab_box_custom .box-custom-02 {
    padding: 15px;
    text-align: center;
}
.box-view-candidate-mobile-box .tab_box_custom .box-custom-02 span {
    color: #ec1c24;
}
.box-view-candidate-mobile-box .box-title .custom i {
    padding-right: 5px;
    color: #00aeef;
}
.box-view-candidate-mobile-box .count_job_compalte ul li {
    list-style: none;
    display: inline-block;
    border-right: 1px solid #e5e6e7;
    padding: 10px 20px;
    color: #231f20;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    width: calc( 25% - 10px );
    text-align: center;
}
.box-view-candidate-mobile-box .count_job_compalte ul li:last-child{
    border: 0px;
}
.box-view-candidate-mobile-box .count_job_compalte ul li:nth-of-type(1) span {
    color: #00adee;
    margin-right: 3px;
    font-size: 34px;
    font-family: Roboto-Regular;
}
.full-box .col-custom-profile-full-field input {
    padding: 4px 7px;
    border: 1px solid #bbbdbf;
    outline: none;
    width: 100%;
}
.box-view-candidate-mobile-box .count_job_compalte ul li:nth-of-type(2) span {
    color: #00a551;
    margin-right: 3px;
    font-size: 34px;
    font-family: Roboto-Regular;
}
.box-view-candidate-mobile-box .count_job_compalte ul li:nth-of-type(3) span {
    color: #faaf40;
    margin-right: 3px;
    font-size: 34px;
    font-family: Roboto-Regular;
}
.box-view-candidate-mobile-box .count_job_compalte ul li:nth-of-type(4) span {
    color: #ec1c24;
    margin-right: 3px;
    font-size: 34px;
    font-family: Roboto-Regular;
}
.box-view-candidate-mobile-box .user_avatar .avatar {
    text-align: center;
}
.box-view-candidate-mobile-box .user_avatar .avatar img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
}
.box-view-candidate-mobile-box .user_avatar .info-top {
    text-align: center;
}
.box-view-candidate-mobile-box .user_avatar .info-top .iwj-title{
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-family: Roboto-Regular;
    font-size: 18pt;
    line-height: 22pt;
    margin: 15px 0px;
}
.box-view-candidate-mobile-box .user_avatar .info-top .iwj-title a{
    color: #333;
}
.box-view-candidate-mobile-box .info-top p.Specialized {
    color: #231f20;
    text-align: center;
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 25px;
    font-weight: 600;
}
.user_avatar .info-top a.iwj-edit-profile {
    border: 1px solid #00adee;
    border-radius: 4px;
    line-height: 32px;
    margin: 15px 0 0 8px;
    clear: both;
    color: #00adee;
    cursor: pointer;
    padding: 10px 12px;
}
.box-view-candidate-mobile-box .info-top p.Specialized span.title-meta.theme-color {
    color: #f58220;
}
.box-view-candidate-mobile-box .info-top p.Specialized span.title-meta.theme-color i{
    padding-right: 5px;
}
.iwj-jobs.iwj-listing{
    width: 100%;
}
.iwj-jobs.iwj-listing .iwj-job-items.jobs-suggestion{
    width: 100%;
}
.iwj-jobs.iwj-listing .iwj-job-items.jobs-suggestion .grid-content{
    width: 100%;
}
.iwj-jobs.iwj-listing .iwj-job-items.jobs-suggestion .job-item .job-info{
    width: 100%;
}
.iwj-jobs.iwj-listing .iwj-job-items.jobs-suggestion .job-item .job-info .job-title.job-type{
    display: block;
    margin: 0px;
    padding: 0px;
}
.iwj-jobs.iwj-listing .iwj-job-items.jobs-suggestion .job-item .job-info .job-title.job-type a{
    color: #414042;
    font-family:Roboto-Regular;
    font-size: 16px;
    line-height: 25px;
    text-decoration: none;
    font-weight: bold;
}
.iwj-jobs.iwj-listing .iwj-job-items.jobs-suggestion .job-item .job-info .job-title.job-type a i{
    color: #f58220;
    font-size: 14px;
    position: relative;
    top: -2px;
}
.iwj-jobs.iwj-listing .iwj-job-items.jobs-suggestion .job-item .iwj-featured {
    position: relative;
    font-size: 12px;
    background: #00aeef;
    color: #fff;
    padding: 3px 5px;
}
.iwj-jobs.iwj-listing .iwj-job-items.jobs-suggestion .job-item .iwj-featured:after {
    position: absolute;
    right: -18px;
    top: 1px;
    display: inline-block;
    content: "";
    border: 9px solid;
    height: 0px;
    border-color: #fff #fff #fff #00aeef;
}
.iwj-job-items.jobs-suggestion .info-company .items {
    width: calc( 30% - 15px );
    float: left;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: Roboto-Regular;
    line-height: 20px;
    color: #333333;
    margin-right: 10px;
    font-weight: bold;
}
.iwj-job-items.jobs-suggestion .info-company .sallary {
    font-size: 14px;
    font-family: Roboto-Regular;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
}
.iwj-job-items.jobs-suggestion .address ul li {
    display: inline-block;
    margin-bottom: 10px;
}
.iwj-job-items.jobs-suggestion .info-company {
    margin-top: 20px;
}
.iwj-job-items.jobs-suggestion .info-company i {
    font-size: 16px;
    color: #f58220;
}
.iwj-job-items.jobs-suggestion .info-company .ckeck_apply.items li .cusotm-remove-jobs i{
    color: #231f20;
}
.iwj-job-items.jobs-suggestion .info-company .ckeck_apply.items li .cusotm-remove-jobs:hover i{
    color: #ec1c24;
}
.iwj-job-items.jobs-suggestion .address ul li a {
    font-size: 14px;
    font-family: Roboto-Regular;
    line-height: 20px;
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}
.iwj-job-items.jobs-suggestion .info-company .items i{
    padding-right: 5px;
    width: 20px;
}
.iwj-jobs.iwj-listing .iwj-job-items.jobs-suggestion .job-item .job-info .job-title.job-type:hover a{
    color: #f58220;
}
.iwj-jobs.iwj-listing .iwj-job-items.jobs-suggestion {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
    padding: 20px 0px;
}

.job-type button.save-job .job-tooltip {
    color: #777;
    font-size: 14px;
    display: none;
    position: absolute;
    width: max-content;
    z-index: 2;
    background: #fff;
    border: 1px solid #dedede;
    padding: 2px;
    right: 34px;
    top: -6px;
    transition: all ease-in-out .3s;
}
.check_apply_job_user ul.ckeck_apply li.save{
    position: relative;
}
.job-type button.save-job button.save-job p.job-tooltip{
    position: relative;
}
.iwj-job-items.jobs-suggestion .info-company ul.ckeck_apply.items .type-name.apply-job{
    background-color: #f58220;
    font-family: Roboto-Regular;
    font-size: 16px;
    line-height: 25px;
    padding: 6px 10px;
    color: white;
    text-decoration: none;
    font-weight: 500;
    display: block;
    min-width: 115px;
    text-align: center;
}

.iwj-job-items.jobs-suggestion .info-company .ckeck_apply.items li {
    display: inline-block;
}
.iwj-job-items.jobs-suggestion .job-item .job-info a {
    color: #231f20;
    font-family:Roboto-Regular;
    font-size: 14px;
    line-height: 25px;
    cursor: pointer;
    text-decoration: none;
}
.iwj-job-items.jobs-suggestion .job-item .job-info a:hover{
    color:  #f58220;
}
.iwj-job-items.jobs-suggestion ul.ckeck_apply.items {
    text-align: left;
}
.iwj-job-items.jobs-suggestion span.iwj-featured.hot {
    background: red !important;
}
.iwj-job-items.jobs-suggestion span.iwj-featured.hot:after{
    border-color: #fff #fff #fff #ff0000 !important;
}
div#content .iwj-icon-money:before {
    font-family: "fontello";
    content: '\e800';
    font-size: 16px;
}
div#content .box-header-save-job p.title_header {
    margin: 0px;
    padding: 10px 0px;
    font-size: 16px;
    line-height: 25px;
    font-family: Roboto-Regular;
    color: #000000;
    font-weight: 500;
}
div#content .box-header-save-job p.title_header i {
    margin-left: 10px;
    background: white;
    padding: 10px 10px;
    color: #231f20;
    font-size: 16px;
    border-radius: 5px;
    position: relative;
    margin-right: 8px;
}
div#content .box-header-save-job {
    background: #e5e6e7;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
div#content .box-header-save-job.custom {
    display: none;
}
.box-view-candidate-mobile-box .main-box-tab-save-jobs ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}
.box-view-candidate-mobile-box .main-box-tab-save-jobs ul.tabs li{
    color: #222;
    padding: 12px 15px;
    cursor: pointer;
    border: 1px solid #dddedf;
    font-family: Roboto-Regular;
    width: calc( 100%/3 - 0px );
    float: left;
    background: white;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}

.box-view-candidate-mobile-box .main-box-tab-save-jobs ul.tabs li.current{
    background: #f48120;
    color: white;
    font-family: Roboto-Regular;
}

.box-view-candidate-mobile-box .main-box-tab-save-jobs .tab-content{
    display: none;
    padding: 20px 0px;
}

.box-view-candidate-mobile-box .main-box-tab-save-jobs .tab-content.current{
    display: inherit;
}
.box-view-candidate-mobile-box .main-box-tab-save-jobs ul.tabs li:nth-child(2n) span{
    color: #f48120;
}
.box-view-candidate-mobile-box .main-box-tab-save-jobs ul.tabs li:nth-child(3n) span{
    color: red;
}
.iwj-job-items.jobs-suggestion .info-company .ckeck_apply.items li .cusotm-remove-jobs {
    background: #f0f1f1;
    color: #231f20;
    padding: 10px 15px;
    position: relative;
    /*top: -1px;*/
}
.box-view-candidate-mobile-box .box-title.change_pass.box h3 {
    font-size: 16px;
    line-height: 25px;
    text-transform: none;
}
.box-view-candidate-mobile-box .box-title.change_pass h3 {
    text-transform: none;
    font-size: 16px;
    line-height: 25px;
    font-family:Roboto-Regular;
    margin-bottom: 0px;
}

.box-view-candidate-mobile-box .box-title.change_pass h3:after {
    content: "";
    display: block;
    border-top: 1px solid #bcbec0;
    width: 50%;
    margin: 10px auto;
}
.box-view-candidate-mobile-box .edit_box_change_pas label {
    color: #414042;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    font-family: Roboto-Regular;
}
.box-view-candidate-mobile-box .edit_box_change_pas label {
    color: #414042;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    font-family:Roboto-Regular;
}
.box-view-candidate-mobile-box .edit_box_change_pas input{
    border: 0px;
}
.box-view-candidate-mobile-box .edit_box_change_pas label span.requare {
    color: red;
}
.phantrang {
    width: 100%;
    text-align: center;
    margin: 10px 0px;
}
.phantrang a {
    display: inline-block;
    font-family: 'Roboto', arial;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    line-height: 25px;
    color: #333;
}
.phantrang span.page-numbers.current {
    font-size: 14px;
    padding: 5px 10px;
    color: #f48120;
    font-weight: bold;
    line-height: 25px;
}
.phantrang a.prev.page-numbers,.phantrang a.next.page-numbers {
    font-size: 14px;
    line-height: 25px;
}
.custom-title h3 {
    font-family: Roboto-Regular;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #414042;
    text-transform: uppercase;
    margin: 0px;
    border-bottom: 1px solid #BBBDBF;
    padding-bottom: 15px;
    padding-top: 10px;
}
.mobile_form_candidate {
    background: #FFFFFF;
    padding: 10px;
    margin-bottom: 20px;
}
.mobile_form_candidate span.icon_items {
    float: right;
    padding-right: 10px;
    font-size: 20px;
    color: #F48120;
    cursor: pointer;
}
.mobile_form_candidate.info_user .img_user .box-info-left{
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    color: white;
    margin: 0px auto;
    display: block;
}
.img_user.change-image-btn .desc-change-image {
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: block;
}
.img_user.change-image-btn .change-image-btn button {
    width: 100%;
    background: #a0a1a1 !important;
    text-align: center;
}
.img_user.change-image-btn .change-image-btn .button {
    width: 100%;
    background: #a0a1a1 !important;
    text-align: center;
}
.file_creat_add .box-views-candidate .box-view_user_mobile_info {
    width: 100%;
    padding: 20px 0px;
    overflow: hidden;
}
.mobile_form_candidate.info_user .file_creat_add {
    width: 100%;
}
.change-image-btn button {
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 6px 32px;
    display: inline-block;
    color: #fff;
    background: #2f3f46;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}
.mobile_form_candidate.info_user .img_user .box-info-left img {
    width: 100%;
}
.mobile_form_candidate.info_user .box-views-candidate .view_candi {
    width: 100%;
    margin-bottom: 10px;
}
.mobile_form_candidate.info_user .box-views-candidate .view_candi p.views {
    font-size: 14px;
    line-height: 25px;
    color: #6D6E71;
    font-family: Roboto-Regular;
}
.user_view_mobile_list_info {
    width: 100%;
    margin-top: 30px;
}
.mobile_form_candidate.info_user  .box-views-candidate .view_candi p.views span {
    color: #414042;
    font-weight: bold;
    font-family: Roboto-Regular;
}
.custom-title{
    position: relative;
}
.cusstom-edit-buttom {
    vertical-align: middle;
    font-size: 25px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    z-index: 9;
    padding: 6px 7px;
    color: #6D6E71;
}
.edit_user_candidate_mobile_items.info-area{
    margin-top: 20px;
    border-top: 1px solid rgb(187, 189, 191);
    padding-top: 20px;
}
.box-info-user .iwjmb-label {
    width: calc( 100% - 15px );
    float: left;
}
.mobile_form_candidate .box-info-user .iwjmb-input{
    width: calc(70% - 15px);
    float: right;
}
.mobile_form_candidate .box-info-user {
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
}
.mobile_form_candidate .box-info-user{
    margin-bottom: 15px;
    position: relative;
}
.mobile_form_candidate .box-info-user input {
    padding: 4px 7px;
    border: 1px solid #bbbdbf;
    outline: none;
    width: 100%;
    color: #333;
}
.full-box .col-custom-profile-full-field input{
    color: #333;
}
.mobile_form_candidate .box-info-user .iwjmb-input {
    width: 100% !important;
}
.box-info-user.date_items:before {
    content: "\f073";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    top: 35px;
    right: 15px;
}
.mobile_form_candidate .box-info-user label b {
    color: red;
    padding-right: 3px;
}


.box-info-user .custom-select {
    position: relative;
    font-family: Roboto-Regular;
}

.box-info-user .custom-select select {
    display: none; /*hide original SELECT element:*/
}

.box-info-user .select-selected{
    border: 1px solid #bbbdbf !important;
}

/*style the arrow inside the select element:*/
.box-info-user .select-selected:after {
    position: absolute;
    content: "";
    top: 15px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #bbbdbf transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.box-info-user .select-selected.select-arrow-active:after {
    border-color: transparent transparent #bbbdbf transparent !important;
    top: 5px;
}

/*style the items (options), including the selected item:*/
.box-info-user .select-items div,.box-info-user .select-selected {
    color: #6D6E71;
    padding: 4px 10px;
    border: 1px solid #bbbdbf;
    cursor: pointer;
    user-select: none;
    border-top: 0px;
    background: white;
}
.box-info-user .select-items div:hover{
    background: #3445b4 !important;
    color: white !important;
}
/*.col-custom-profile {*/
/*    width: calc( 100%/2 - 16px );*/
/*    display: inline-block;*/
/*}*/

.select2 {
    width: 100% !important;
}
/*style items (options):*/
.box-info-user .select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    color: #6D6E71;
}
.box-info-user .select-items option{
    color: #6D6E71;
}
/*hide the items when the select box is closed:*/
.box-info-user .select-hide {
    display: none;
}

.box-info-user .select-items div:hover,.box-info-user .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}
.mobile_form_candidate.info_user.info_creat .edit_user_candidate_mobile_items.info-area{
    display: none;
}
.user_view_mobile_list_info.custom {
    margin-top: 0px;
}

.mobile_form_candidate.info_user .file_creat_add.full-reapeat:last-child{
    border-bottom: 0px;
}
.mobile_form_candidate  .description p{
    margin: 0px;
    font-size: 12pt;
    line-height: 14pt;
    color: #000000;
    font-family: Roboto-Regular;
    font-style: italic;
    margin: 15px 0px;
}
.img_user.change-image-btn {
    position: relative;
}
a.click_scroll_data_id {
    position: absolute;
    right: 5px;
    top: -10px;
    font-size: 25px;
    color: #6D6E71;
    cursor: pointer;
    z-index: 999;
}
.edit_user_candidate_mobile_items.info-area.custom{
    border: 0px;
    padding-top: 10px;
    margin-top: 0px;
    display: none;
}
.mobile_form_candidate a.add_candidate_education, a.experience-add, a.skill_showcase-add, a.iwj_language-add {
    color: white;
    background: #F6931D;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 20px;
    position: relative;
    margin-top: 10px;
    font-family:Roboto-Regular;
}
.box-add-news-field {
    width: 100%;
    display: block;
    text-align: right;
    margin: 20px 0px;
}
button.btn.btn-default.iwj-candidate-btn {
    background: #f6931d;
    border-radius: 0px;
    border: 0px;
    color: white;
    font-family: Roboto-Regular;
    font-size: 14px;
    padding: 8px 12px;
}
button.btn.btn-default.cancel{
    font-family: Roboto-Regular;
    font-size: 14px;
    background: #f0f1f1;
    color: #333;
    border-radius: 0px;
    border: 0px;
    padding: 8px 20px;
}
.modal-header.custom-field {
    background: #f6931d;
    text-align: center;
    color: white;
    padding: 5px 10px;
}
.modal-header.custom-field h4{
    color: white;
    font-family: Roboto-Regular;
    font-size: 18px;
    line-height: 30px;
}
.modal-header.custom-field button.close {
    color: white;
    opacity: 1;
    position: relative;
    top: 10px;
}
.custom-title .label_del label {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Roboto', arial;
    font-weight: 500;
}
.custom-title .label_del label b {
    color: #EC1C24;
}
.modal-custom-profile-custom {
    width: 100%;
    padding: 10px 0px;
}
.modal-custom-profile-custom input{
    padding: 4px 7px;
    border: 1px solid #bbbdbf;
    outline: none;
    width: 100%;
}
.iwjmb-label-custom.date_items{
    position: relative;
}
.iwjmb-label-custom.date_items:before {
    content: "\f073";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    top: 35px;
    right: 5px;
}
.iwjmb-input-custom .custom-select{
    position: relative;
    font-family: Roboto-Regular;
}
.iwjmb-input-custom .custom-select select {
    display: none;
}
.iwjmb-input-custom .select-items div, .iwjmb-input-custom .select-selected {
    color: #6D6E71;
    padding: 4px 10px;
    border: 1px solid #bbbdbf;
    cursor: pointer;
    user-select: none;
    border-top: 0px;
    background: white;
}
.iwjmb-input-custom .select-selected {
    border: 1px solid #bbbdbf !important;
}
.iwjmb-input-custom .select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    color: #6D6E71;
}
.iwjmb-input-custom .select-selected:after {
    position: absolute;
    content: "";
    top: 15px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #bbbdbf transparent transparent transparent;
}
/*style the arrow inside the select element:*/
.iwjmb-input-custom .select-selected:after {
    position: absolute;
    content: "";
    top: 15px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #bbbdbf transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.iwjmb-input-custom .select-selected.select-arrow-active:after {
    border-color: transparent transparent #bbbdbf transparent !important;
    top: 5px;
}

/*style the items (options), including the selected item:*/
.iwjmb-input-custom .select-items div,.iwjmb-input-custom .select-selected {
    color: #6D6E71;
    padding: 4px 10px;
    border: 1px solid #bbbdbf;
    cursor: pointer;
    user-select: none;
    border-top: 0px;
    background: white;
}
.iwjmb-input-custom .select-items div:hover{
    background: #3445b4 !important;
    color: white !important;
}
.iwjmb-input-custom .custom-select select {
    display: none;
}
.iwjmb-input-custom .select-hide {
    display: none;
}
.detail_buttom_submit_full_edit {
    width: 100%;
    padding: 20px 0px;
}
.detail_buttom_submit_full_edit .des-user-more .label_del label {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-family:Roboto-Regular;
    font-weight: 500;
}
.detail_buttom_submit_full_edit .des-user-more .label_del label b{
    color: #EC1C24;
    font-size: 14px;
    line-height: 18px;
}
.list_action_btn_edit {
    width: 100%;
    text-align: right;
}
.list_action_btn_edit ul {
    margin: 0px;
    padding: 0px;
}
.list_action_btn_edit ul li{
    display: inline-block;
    margin-left: 10px;
}
.list_action_btn_edit ul li:first-child{
    margin-left: 0px;
}
.list_action_btn_edit ul li .cancel{
    background: #f0f1f1;
    text-align: center;
    padding: 10px 40px;
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.list_action_btn_edit ul li .save_edit_data_by_id{
    padding: 10px 40px;
    font-size: 14px;
    font-weight: bold;
    background: #f6931d;
    font-family: Roboto-Regular;
    color: white;
}
.list_action_btn_edit ul li{

}
.list_action_btn_edit ul li a.delete_data{
    color: #6D6E71;
    font-size: 18px;
    margin-right: 10px;
}
.mobile_form_candidate .box-info-user .iwjmb-input textarea.iwjmb-textarea {
    width: 100%;
    padding: 10px;
}

.mobile_form_candidate .box-info-user-full label b {
    color: red;
    padding-right: 3px;
}
.box-info-user-full .iwjmb-label{
    width: calc( 15% - 15px );
    float: left;
}

.box-info-user-full .iwjmb-input.textarea{
    width: calc(85% - 10px);
    float: right;
}
.box-info-user-full .iwjmb-textarea {
    padding: 4px 7px;
    border: 1px solid #bbbdbf;
    outline: none;
    width: 100%;
}
.modal-custom-profile-custom .iwjmb-textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #bbbdbf;
}
.col-custom-profile .iwjmb-input.custom.radio ul li {
    display: inline-block;
    margin-left: 30px;
}
.col-custom-profile .iwjmb-input.custom.radio ul li:first-child{
    margin-left: 0px;
}
/* Create a custom radio button */
.col-custom-profile .iwjmb-input.custom.radio ul li input {
    width: 17px;
    height: 17px;
}
.col-custom-profile .iwjmb-input.custom.radio ul {
    width: 100%;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
.col-custom-profile .iwjmb-input.custom.radio ul li label span {
    margin-left: 10px;
}
.col-custom-profile .iwjmb-input.custom.radio {
    margin: 0px;
}
.box-view-candidate-mobile-box  p.alert_poupop a {
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #00adee;
    border-radius: 10px;
    padding: 8px 15px;
    font-family:Roboto-Regular;
    color: #00adee;
    background: white;
    cursor: pointer;
}
.box-view-candidate-mobile-box  p.alert_poupop {
    width: 100%;
    padding: 20px 0px;
    text-align: center;
}
.modal-custom-profile-custom .iwjmb-input-custom .fs-wrap.multiple.fs-default {
    width: 100%;
    position: relative;
    border: 0px;

}
.modal-custom-profile-custom .iwjmb-input-custom .fs-wrap.multiple.fs-default .fs-label{
    padding: 10px 7px;
    border: 0px;
}
.modal-custom-profile-custom .iwjmb-input-custom .fs-wrap.multiple.fs-default .fs-dropdown{
    width: 100%;
}
.modal-custom-profile-custom .iwjmb-input-custom .fs-wrap.multiple.fs-open {
    width: 100%;
    position: relative;
    outline: 0px;
}
.modal-custom-profile-custom .iwjmb-input-custom .fs-dropdown{
    width: 100%;
    padding: 10px 7px;
}
.modal-custom-profile-custom  .fs-wrap.multiple {
    width: 100%;
}
.modal-custom-profile-custom .fs-label-wrap .fs-label {
    padding: 10px 22px 10px 8px;
}
.box-view-candidate-mobile-box .list-alert-data h3 {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-family: Roboto-Regular;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
}
.box-view-candidate-mobile-box .list-alert-data ul{
    margin: 0px;
    padding: 0px;
}
.box-view-candidate-mobile-box .list-alert-data ul li{
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 25px;
}
.list-alert-data .box-alert-user .views span {
    font-weight: bold;
    color: #414042;
}
.box-view-candidate-mobile-box .list-alert-data ul li span{
    font-weight: normal;
}
.list-alert-data .box-alert-user {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    padding: 20px 0px;
}
.list-alert-data .box-alert-user:last-child{
    border-bottom: 0px;
}
.list-alert-data .box-alert-user .view_candi.custom {
    position: relative;
}
.list-alert-data .box-alert-user .view_candi.custom .remove_data_alert {
    position: absolute;
    right: 2px;
    top: -18px;
    font-size: 18px;
    color: #6D6E71;
    text-decoration: none;
    cursor: pointer;
}
.edit_box_change_pas .box-edit{
    padding: 20px 0px;
}
.edit_box_change_pas .box-edit p.view_edit {
    margin: 0px;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
}
.edit_box_change_pas .box-edit p.view_edit span.icon_view {
    font-size: 22px;
    padding-left: 5px;
    cursor: pointer;
}
.edit_box_change_pas .box-edit p.view_edit span.data_mail {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 3px;
    max-width: 200px;
    overflow: hidden;
    font-size: 14px;
}
div#myModalemail label.pass_edit{
    font-size: 14px;
    line-height: 25px;
    color: #333;
    font-family: Roboto-Regular;
}
div#myModalemail label.pass_edit span{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
    margin-left: 5px;
}
div#myModalemail .iwjmb-label-custom b {
    color: red;
    padding: 0px 5px;
}
div#myModalemail .iwjmb-label-custom label{
    color: #333;
}
div#mypasswword .iwjmb-label-custom label.pass_edit {
    max-width: 130px;
    float: left;
    font-weight: bold;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    font-family: Roboto-Regular;
}
div#mypasswword .iwjmb-label-custom input#current_password, div#mypasswword .iwjmb-label-custom input#new_password {
    padding: 4px 5px;
    border: 1px solid #e5e6e7;
    max-width: 100%;
}
div#mypasswword .iwjmb-input.ui-sortable {
    float: right;
    width: calc(100% - 140px);
    margin-bottom: 15px;
}

div#mypasswword form.full_change_pass .modal-custom-profile-custom {
    width: 100%;
    overflow: hidden;
}
div#mypasswword .iwjmb-label-custom label.pass_edit span{
    color: red;
}
.change_pass.custom-box h3 {
    font-size: 16px;
    line-height: 25px;
    text-transform: none;
    padding-bottom: 15px;
    font-family: Roboto-Regular;
    margin: 0px;
    font-weight: bold;
}
.detail_box_info label.bold_items {
    color: #000;
}
.box-view-candidate-mobile-box .detail_box_info {
    width: 100%;
    overflow: hidden;
    padding: 20px 0px;
}
.detail_box_info .list-items-info-detail .view_info {
    width: 120px;
    float: left;
    color: #414042;
    font-weight: bold;
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 25px;
}
.detail_box_info .list-items-info-detail .view_text {
    width: calc( 100% - 120px );
    float: right;
    color: #6d6e71;
    text-transform: capitalize;
    font-weight: 500;
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 25px;
}
.detail_box_info .list-items-info-detail .view_text.red{
    color: #ec1c24;
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    font-family: Roboto-Regular;
}
.detail_box_info .list-items-info-detail{
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}
.custom_direct_link .custom_link {
    background: #f48120;
    padding: 10px 15px;
    color: white;
    font-size: 16px;
    line-height: 25px;
    text-decoration: none;
}
.edit_user_candidate_mobile_items .col-custom-profile.full-custom-field .iwjmb-label.full-items {
    width: calc( 100% - 0px );
    text-align: left;
}
.edit_user_candidate_mobile_items .iwjmb-input.full-sellection {
    width: 100%;
    display: block;
    width: 100% !important;
}
.edit_user_candidate_mobile_items .col-custom-profile.full-custom-field {
    width: 100% !important;
}
.edit_user_candidate_mobile_items.info-area.custom {
    padding: 20px;
}
.mobile_form_candidate.info_user .custom-title-config{
    font-family: Roboto-Regular;
    font-size: 16px;
    line-height: 23px;
    margin: 0px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #f48120;
}
select.full-option-custom {
    width: 100%;
    color: #6D6E71;
    padding: 8px 10px;
    border: 1px solid #bbbdbf;
    cursor: pointer;
    user-select: none;
    background: white;
    outline:none ;
}
select.full-option-custom option{
    padding: 10px 10px;
    border: 1px solid #bbbdbf;
    outline:none ;
    background: none;
}
.show-div-option div#show-has-joined{
    display: block;
}
.change-image-btn .choose_file {
    position: relative;
    display: inline-block;
    color: #a0a1a1;
    background: white;
    width: 100%;
    cursor: pointer;
}
.change-image-btn .choose_file input[type="file"]{
    -webkit-appearance:none;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.status.alert.alert-success {
    background: none;
    border: 0px;
    text-align: center;
}
.form-group.full-custom-upload .files-data.form-control {
    border: 1px solid #366796;
    box-shadow: none;
    text-align: center;
}
.upload-form.-custom-responsive {
    max-width: 200px;
    margin: 0px auto;
    display: block;
    margin-top: 20px;
    text-align: center;
}
.mobile_form_candidate.info_user .img_user .box-info-left .avatar-view {
    width: 100%;
    height: 100%;
}
.mobile_form_candidate.info_user .img_user .box-info-left .avatar-view img{
    height: 100%;
}
.custom-select .select-items {
    max-height: 300px;
    overflow-y: scroll;
    border-bottom: 1px solid #bbbdbf;
}
.custom-select .select-items::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.box-info-user .custom-select .select-items::-webkit-scrollbar
{
    width: 15px;
    height: 50px;
    background-color: #F5F5F5;
}

.box-info-user .custom-select .select-items::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
}
.box-view-candidate-mobile-box .main-box-tab-save-jobs ul.tabs li.current span {
    color: white;
}
.pd-10 {
    padding-left: 10px;
}
.fs-wrap.fs-default.fs-open {
    width: 100%;
    position: relative;
}
.fs-wrap {
    width: 100%;
    position: relative;
}
.mobile_form_candidate .box-info-user .fs-label-wrap {
    padding: 4px 0px;
    cursor: pointer;
}
.fs-wrap.fs-default {
    width: 100%;
    position: relative;
}
.fsellect{
    cursor: pointer;
    outline: none !important;
}
.fs-search {
    padding: 6px 8px;
    outline: none !important;
}
.fs-option {
    padding: 10px 10px;
    color: black;
    outline: none !important;
}
.fs-dropdown {
    width: 100%;
    outline: none !important;
}
.fs-wrap.fs-open{
    outline: none !important;
}
.iwjmb-input-custom .full-tera {
    width: 100%;
    padding: 4px 10px;
    min-height: 100px;
}
p#error-nwl-extra-info {
    text-align: right;
}
p#error-nwl-info-user {
    margin: 0px;
    text-align: right;
}
select.full-option-custom option{
    padding: 8px 0px;
}
#error-nwl-info-program {
    text-align: right;
}
.show-checked{
    display: block !important;
}
.fs-wrap.multiple.fs-default {
    outline: none !important;
}
.fs-wrap {
    outline: none !important;
}
.iwjob-ajax-pagination.pagination-main {
    text-align: center;
}
ul.pagination.pagination-job.page-nav a {
    font-size: 16px;
    line-height: 23px;
    margin-left: 10px;
    color: #414042;
}
ul.pagination.pagination-job.page-nav .current{
    font-size: 16px;
    line-height: 23px;
    margin-left: 10px;
    color: red;
    font-weight: bold;
}
.modal-header.application{
    background: #f16e8e;
}
.full-mobile-register.custom-notify .iwjmb-label label.aplicattion-label {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    color: #2980b9;
    font-family: Roboto-Regular;
    margin-bottom: 10px;
}
.modal.fade .iwjmb-input.ui-sortable input {
    border: 1px solid #fdd1aa;
    padding: 6px 15px;
    width: 100%;
    color: #555;
    position: relative;
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 25px;
    outline: none;
}
.mobile_form_candidate .button-primary.add-clone.add-field-my-family-candidate{
    color: white;
    background: #F6931D;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 20px;
    position: relative;
    margin-top: 10px;
    font-family: Roboto-Regular;
}
.iwj-jobs.iwj-listing .modal-title {
    color: #fff;
    font-family: Roboto-Regular;
    font-size: 18px;
    line-height: 25px;
}
.iwj-jobs.iwj-listing .modal-title{
    text-align: center;
    text-transform: uppercase;
}
.modal-footer-custom button.btn.btn-primary.custom {
    background: #f58220;
    border: 0px;
    border-radius: 0px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 15px;
    font-family: Roboto-Regular;
}
.modal-footer-custom button.btn.btn-secondary.custom {
    border: 0px;
    border-radius: 0px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 15px;
    font-family: Roboto-Regular;
}
textarea.notes-candidate {
    width: 100%;
    min-height: 150px;
    border: 1px solid #fdd1aa;
    padding: 10px 15px;
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 25px;
    color: #555;
}
.modal.fade .iwjmb-field.iwjmb-email-wrapper {
    margin-bottom: 20px;
}
.myDivToPrint {
    background: white;
    padding: 30px 0px;
    margin-bottom: 20px;
}
.iwjmb-input-custom .full-tera{
    outline: 0px !important;
}
.error{
    border-color: red !important;
}
.iwj-jobs.iwj-listing .iwj-job-items.jobs-suggestion .job-item .job-info .job-title.job-type a {
    text-transform: uppercase;
}
.box-view-candidate-mobile-box .main-box-tab-save-jobs ul.tabs li:first-child{
    border-right: 0px;
}
.box-view-candidate-mobile-box .main-box-tab-save-jobs ul.tabs li:nth-last-of-type(1){
    border-left: 0px;
}
.iwj-job-items.jobs-suggestion .info-company .ckeck_apply.items li .cusotm-remove-jobs i{
    text-align: center;
    padding: 0px;
}
.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
}
.lds-ellipsis div {
    position: absolute;
    top: -10px;
    width: 13px;
    height:8px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
textarea.notes-candidate {
    outline: 0px !important;
}
.description.notify{
    font-size: 14px;
    line-height: 14pt;
    color: #ea1414d6;
    font-family: Roboto-Regular;
    font-style: italic;
    margin: 15px 0px;
    text-transform: none;
}
.cold-percent_custom.iwjmb-email-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.cold-percent_custom .pd-0 {
    padding: 0px 5px;
}
.items_description {
    font-size: 14px;
    line-height: 23px;
    color: #888;
    font-family: Roboto-Regular;
    padding: 0px 5px;
    margin-bottom: 10px;
}
.pd-10-apply {
    padding: 0px 5px;
}
.note_submited_application {
    font-size: 14px;
    line-height: 22px;
    color: #2980b9;
    font-family: Roboto-Regular;
    font-weight: bold;
}
select.select_link_application_user {
    width: 100%;
    border: 1px solid #fdd1aa;
    padding: 10px 15px;
    color: #555;
    position: relative;
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 25px;
    outline: none;
}
select.select_link_application_user option{
    width: 100%;
    padding: 6px 15px;
    color: #555;
    font-family: Roboto-Regular;
}

.tbl {
    width: 100%;
    border-collapse: collapse;
}
.tbl thead {
    background: #424949;
    color: #fff;
}
.tbl thead tr th {
    font-size: 0.9rem;
    padding: 0.8rem;
    letter-spacing: 0.2rem;
    vertical-align: top;
    border: 1px solid #aab7b8;
    text-align: center;
}
.tbl tbody tr td {
    font-size: 1rem;
    letter-spacing: 0.2rem;
    font-weight: normal;
    text-align: center;
    border: 1px solid #aab7b8;
    padding: 0.8rem;
}
.tbl tr:nth-child(even) {
    background: #ccc;
    transition: all 0.3s ease-in;
    cursor: pointer;
}
.tbl tr:hover td {
    background: #839192;
    color: #000;
    transition: all 0.3s ease-in;
    cursor: pointer;
}
.tbl button {
    display: inline-block;
    border: none;
    margin: 0 auto;
    padding: 5px 10px;
    border-radius: 1px;
    outline: none;
    cursor: pointer;
}
.btn_trash {
    background: #e74c3c;
    color: #fff;
}
.btn_edit {
    color: #fff;
    background: #1e8449;
}
@media (max-width: 768px) {
    .tbl thead {
        display: none;
    }
    .tbl tr,
    .tbl td {
        display: block;
        width: 100%;
    }
    .tbl tr {
        margin-bottom: 1rem;
    }
    .tbl tbody tr td {
        text-align: right;
        position: relative;
        transition: all 0.2s ease-in;
    }
    .tbl td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 50%;
        padding-left: 1.2rem;
        text-align: left;
    }
    .tbl tbody tr td:hover {
        background: #ccc;
        color: #000;
    }
    .tbl_content {
        padding: 1rem;
    }
}

/* START BTN STYLE */
/**************************************
 * 08. END GALLERY DESIGN
 *************************************/
/*
* ----------------------------------------------------------------------------------------
* 09.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricingTable{
    text-align: center;
    box-shadow:0 0 48px rgba(0,0,0,0.2);
    margin-bottom: 30px;
}
.pricingTable .pricingTable-header{
    padding: 30px 0;
    background: #4d4d4d;
    position: relative;
    transition: all 0.3s ease 0s;
}
.pricingTable:hover .pricingTable-header{
    background: var(--thm-color);
}
.pricingTable .pricingTable-header:before,
.pricingTable .pricingTable-header:after{
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #d9d9d8;
    position: absolute;
    bottom: 12px;
}
.pricingTable .pricingTable-header:before{
    left: 40px;
}
.pricingTable .pricingTable-header:after{
    right: 40px;
}
.pricingTable .heading{
    color:var(--thm-white);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 0;
}
.pricingTable .price-value{
    display: inline-block;
    position: relative;
    font-size: 55px;
    font-weight: bold;
    color: var(--thm-color);
    transition: all 0.3s ease 0s;
}
.pricingTable:hover .price-value{
    color:var(--thm-white);
}
.pricingTable .currency{
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: 6px;
    left: -19px;
}
.pricingTable .month {
    font-size: 16px;
    color:var(--thm-white);
    position: absolute;
    bottom: -9px;
    right: -32px;
    text-transform: uppercase;
}
.pricingTable .pricing-content {
    padding-top: 50px;
    background: var(--thm-white);
    position: relative;
    padding-bottom: 30px;
}
.pricingTable .pricing-content:before,
.pricingTable .pricing-content:after{
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #7c7c7c;
    position: absolute;
    top: 12px;
}
.pricingTable .pricing-content:before{
    left: 40px;
}
.pricingTable .pricing-content:after{
    right: 40px;
}
.pricingTable .pricing-content ul{
    padding: 0 20px;
    margin: 0;
    list-style: none;
}
.pricingTable .pricing-content ul:before,
.pricingTable .pricing-content ul:after{
    content: "";
    width: 8px;
    height: 46px;
    border-radius: 3px;
    background: var(--thm-color);
    position: absolute;
    top: -22px;
    z-index: 1;
    box-shadow: 0 0 5px #707070;
    transition: all 0.3s ease 0s;
}
.pricingTable:hover .pricing-content ul:before,
.pricingTable:hover .pricing-content ul:after{
    background: var(--thm-color);
}
.pricingTable .pricing-content ul:before{
    left: 44px;
}
.pricingTable .pricing-content ul:after{
    right: 44px;
}
.pricingTable .pricing-content ul li{
    font-size: 15px;
    padding: 10px 0;
    border-bottom: 1px solid #d9d9d8;
}
.pricingTable .pricing-content ul li:last-child{
    border-bottom: none;
}
.pricing-content .atf-main-btn {
    margin-top: 30px;
}
@media screen and (max-width: 991px){
    .pricingTable{ margin-bottom: 30px; }
}

/* START BTN STYLE */
.atf-hero-text .atf-hero-btn .atf-main-btn {
    margin-right:20px;
}
.atf-hero-btn .atf-main-btn::before {
    background: var(--thm-color);
    color:var(--thm-white);
}
.atf-main-btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    margin: .4em;
    padding: 13px 30px;
    background-color: #f5920c;
    background-image: -webkit-gradient(linear, left top, right top, from(#f48d00), to(#f73e00));
    background-image: linear-gradient(90deg, #f48d00 0%, #f73e00 100%);
    background-size: 100% 100%;
    border-radius: 5px;
    cursor: pointer;
    color: var(--thm-white);
    /*border: none;*/
    margin-left: 0;
    font-size: 15px;
    text-transform: capitalize;
    font-weight:600;
}
.atf-main-btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(11, 45, 227, 0.81) 0%, rgba(80, 120, 240, 0.7) 100%);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border: none;
}
.atf-main-btn:hover,
.atf-main-btn:focus,
.atf-main-btn:active {
    color: var(--thm-white);
    text-decoration: none;
}
.atf-main-btn:hover::before,
.atf-main-btn:focus::before,
.atf-main-btn:active::before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.atf-section-padding {
    padding:20px 20px;
    background-color: #fefaf3;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.atf-section-title .atf-title-color {
    margin-bottom: 15px;
    color: var(--thm-heading);
    font-size: 45px;
    text-shadow: 1px 1px 8px rgba(0,0,0, 0.2);
    text-transform: uppercase;
    margin-left: 0px;
}
.atf-title-color span {
    background: linear-gradient(90deg, #f48d00 0%, #f73e00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.atf-section-title{
    text-align: left;
}
.atf-section-title p{
    font-family: Inter-Regular;
    font-size: 16px;
    line-height: 32px;
}
.main-template-pricing {
    max-width: 980px;
    margin: 0px auto;
}

div#content-page-user-user-dashboard h2,div#content-page-user-user-dashboard {
    margin: 0px;
    font-family: Roboto-Regular;
}


/*Hỗ trợ*/
.box-hotline-mobile {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.box-hotline-mobile .giuseart-nav ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.box-hotline-mobile .giuseart-nav ul li {
    flex: 1;
    text-align: center;
    min-width: 60px;
}

.box-hotline-mobile .giuseart-nav ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #333;
    text-decoration: none;
}

.box-hotline-mobile .giuseart-nav ul li a i {
    font-size: 18px;
    margin-bottom: 4px;
}

@media (min-width: 768px) {
    .box-hotline-mobile .giuseart-nav ul {
        max-width: 600px;
        margin: 0 auto;
    }
}
.box-hotline-mobile_support_footer {
    width: 100%;
    margin: 0px;
}
.box-hotline-mobile_support_footer h3 {
    margin: 0px;
    text-align: center;
    color: #414042;
    font-weight: bold;
    font-family: Roboto-Regular;
    font-size: 24px;
    line-height: 35px;
}
.box-hotline-mobile_support_footer h3 span {
    color: #f48120;
    position: relative;
    top: -4px;
    margin-right: 5px;
}
.box-hotline-mobile_support_footer img {
    max-width: 30px;
}