@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&display=swap'); 


body {
    color: #333;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
.event_none {pointer-events: none;}
.review_taxreturn .pagination {flex-wrap: wrap;}  
.dark-mode .sidebarblock_title h1, .dark-mode .keep_block h6, .task_courser_right h5 {color: #fff;}
.dark-mode .client_mangbtn .btn {color:#fff}
.dark-mode .sidebar_block {background-color:#2E2E2E !important;box-shadow: 0px 0px 30px rgb(0 0 0 / 0.5);} 
.dark-mode .task_courser_right p, .step_complete {color:#ababab !important} 
.dark-mode .popup_closeicn path {fill :#fff;}  
.dark-mode .need_heloflow li {border-color:#ececec!important;}
.dark-mode .need_heloflow a, .dark-mode .inputbill_generated .bill_amountfist {color:#fff !important;}  
.dark-mode .sidebar_block .sidebarblock_group {border-color:#ececec!important;}
#wrapper.dark-mode .jobBillingform__btn .btn-gray {background: transparent;} 
.dark-mode .tbl_jobBili_items table td, .dark-mode .generate_billtop_lft p {color:#ccc} 
.dark-mode .inputbill_generated .form-control, body .dark-mode .inputbill_generated .ui-calendar .ui-inputtext {border: 1px solid #fff !important;}    
.dark-mode .generate_billtop_lft img {background: #dee2e6; padding: 4px 5px; border-radius: 4px;}
.dark-mode .subtotals_billdtr {background-color: #000;}   
.dark-mode .iboxtools_selectbox {color: #fff} 
.dark-mode .doc_manage .iboxtools_selectbox .iboxtools_select {color:#fff !important;background-color: #222 !important;}   
.dark-mode .doc_manage .table-design td {color:#fff !important;} 
.dark-mode .whites_dateicns {display: inline-block;} 
.dark-mode .black_dateicns {display: none;} 
.dark-mode .inputbill_generated .form-control::-webkit-input-placeholder,
body .dark-mode .inputbill_generated .ui-calendar .ui-inputtext::-webkit-input-placeholder {color: #fff;}
.dark-mode .inputbill_generated .form-control::-moz-placeholder, 
body .dark-mode .inputbill_generated .ui-calendar .ui-inputtext::-moz-placeholder {color: #fff; } 
.dark-mode .documanage_doc .btn_documanagedoc {background: #222;color:#fff;}
.dark-mode .documanagedoc__menubar {background-color: #222;color:#fff;} 
.dark-mode .manage_autotext .form-control{background-color: #2E2E2E !important;}  
.dark-mode .additional_automationlink {color: #fff !important;}
.dark-mode .avatar-upload .avatar-edit input + label {background: #848484 !important;} 
.dark-mode .feedback_btning .btn_cancel, .dark-mode .feedback_btning .btn_cancel:focus {color: #fff;}  
.dark-mode .count_referral .count_items {background: #555 !important;}
.dark-mode .referral_content p {color: #fff;}    
.dark-mode .dashicn_right img {background: #e7e7e7;border-radius: 50%;}
.queelem_imgForm {position: relative;width:100px}
.dark-mode .chat-container li .chat-text {}
.queelemimg_pview img {width: 100%;height: 100%;}
.queelem_imgForm .remove-img {position: absolute !important;top: -8px !important;padding: 0;width: 30px;height: 30px;border-radius: 50%;
line-height: 30px;font-size: 14px;right: -10px;}
.quesfrm__flowsrow_right {text-align: right;}
#wrapper .manage_autotext .form-control {margin-top: 12px !important;}      
body .dark-mode .ui-dialog .ui-dialog-titlebar {border: 1px solid #3146C0; background-color: #3146C0;}
body .dark-mode .ui-dialog .ui-dialog-content {background-color: #222;}    
.due_datecfos label {background: #1e72ff36;}
.dark-mode .chat-container li .chat-text {background: #1e72ff36 !important;color:#fff;} 
.dark-mode .chat-container li .chat-text:before {border-color:transparent #1e72ff36 transparent transparent};

/* generate billui */
#service_type {
 white-space: nowrap; 
 overflow: hidden;
 text-overflow: ellipsis;
}
.dashpage_caploader .loader {
  background: #33333314 !important;
}
.dashpage_caploader {
    margin-top: 10px;
}
.documanage_doc {
  position: relative;
}
.documanage_doc .btn_documanagedoc {
    border: none;
    border-bottom: 1px solid #d0d0d0;
    box-shadow: none;
    background: transparent;
    padding: 6px 24px 6px 12px;
    width: 100%;
    text-align: left;
    position: relative;
}
.documanage_doc .btn_documanagedoc .caret {
  position: absolute;
  right: 7px;
  top: 15px;
}
.documanagedoc__menubar {
    margin-top: 5px;
    width: 100%;
    box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
    max-height: 180px !important;
}
.documanagedoc__menubar li {
    padding: 5px 12px;
    font-size: 15px;
}

.whites_dateicns {display: none;} 
.generate_billui  .modal-dialog {
  max-width: 650px;
  background-color: #2F3EC9;
  box-shadow: 0px 3px 6px #00000029;
  padding: 20px;   
}
.generate_billui .modal-title {
  color: #000000;
  font-size: 28px;
  line-height: 33px;
  font-weight: 700;
} 
.generate_bill_content {
    box-shadow: none;
    border: none;
    padding: 0 15px;  
}
.generate_bill_content .modal-header {
  border-bottom: 2px solid #00000026;  
  padding-left: 0; 
  padding-right: 0; 
}
.inputbill_generated {
  position: relative;
  margin-bottom: 10px;
}
.inputbill_generated textarea.form-control {
  height: auto !important;  
}
.inputbill_generated .duedate_icons {
    top: 33px !important; 
    cursor: pointer; 
    width: 17px;
    height: 17px;
}
.inputbill_generated .bill_amountfist {
    position: absolute;
    right: 15px;
    z-index: 99;
    top: 8px;
    color: #000;
    font-weight: 500;
}
.inputbill_generated .form-control, body .inputbill_generated .ui-calendar .ui-inputtext {
  border: 1px solid #00000026 !important;
  height: 36px;
  padding: 5px 29px 5px 12px; 
  font-size: 14px; 
  color: #000; 
  font-weight: 400;
}
.inputbill_generated .form-control::-webkit-input-placeholder,
body .inputbill_generated .ui-calendar .ui-inputtext::-webkit-input-placeholder {
    color: #000;
}
.inputbill_generated .form-control::-moz-placeholder,
body .inputbill_generated .ui-calendar .ui-inputtext::-moz-placeholder {
    color: #000; 
}


body .inputbill_generated .ui-calendar .ui-inputtext {
    padding: 0 20px 0 11px !important;
    box-shadow: none !important; 
    font-size: 14px !important;  
}
.inputbill_generated .form-control:focus {
    background-image: none;  
}
.generate_bill_content .modal-body {
    padding: 12px 0; 
} 
.inputbill_generatcheked input[type="checkbox"]::before {
    top: 4px;
    left: 7px; 
}
.nputbill_generatcheked {
 margin-top: 30px;  
}
.jobBillingform__btn {
    text-align: center;
    border-top: 1px solid #6A73824D;
    margin: 10px 0 6px;
    padding-top: 15px;
}
.jobBillingform__btn .btn-blue {
    padding: 7px 34px;
    font-size: 14px;
    font-weight: 500;
}
.inputbill_generated .form-control::-webkit-outer-spin-button,
.inputbill_generated .form-control::-webkit-inner-spin-button  {
  -webkit-appearance: none;
}
.inputbill_generated .form-control {
  -moz-appearance: textfield;
}
.inputbill_generated label {
  color: #07254F;  
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 3px;
}
.inputbill_generated span {
    font-weight: 500 !important;
}
.client_billingView .inputbill_generatcheked {
  pointer-events: none;  
}
.inputbill_generatcheked label span {
 display: inline-block;
 vertical-align: 3px; 
 font-size: 13px;
 font-weight: 600; 
}
.inputbill_generatcheked input[type="checkbox"] {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}
.generate_billtop {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  border-bottom: 1px solid #6A73824D;
  justify-content: space-between;
  gap: 0 10px;
  margin-bottom: 10px;
  padding-bottom: 10px; 
  margin-top: 0px; 
}
.generate_billtop_lft p {
  color: #707070;
  font-size: 16px;
  margin: 5px 0 0; 
}
.generate_billtop_right h6, .generate_billtop_right h5 {
    max-width: 180px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.generate_billtop_right h6 {
    color: #848181;
    font-size: 15px;
    font-weight: 500;
}
.generate_billtop_right h4 {
  color: #252525;
  font-size: 18px;
  font-weight: bold;
}
.generate_billtop_right h5 {
  color: #2F3EC9;
  font-size: 16px; 
  font-weight: 500;
}
.jobBillingform__btn .btn-gray {
    color: #707070;
    font-size: 14px;
    font-weight: 500; 
    background-color: transparent;
    border: none;
    padding: 0;
    margin-left: 20px;
    text-decoration: underline; 
}
.jobBillingform__btn .btn-gray:hover, .jobBillingform__btn .btn-gray:focus {
    box-shadow: none;
}
.bill_switchgenereted {
 font-size: 14px;
 font-weight: 500;
 color: #07254F;
 margin-bottom: 10px; 
}
.generate_billtop_right .inputbill_generated {
    margin-bottom: 8px; 
}
.generatebill_row {
    margin: 0 -8px; 
}
.generatebill_row .generatebill_col {
    padding: 0 8px; 
}
.generatebill_row.align-items-center {
  margin-bottom: 10px; 
}
.bill_switchgenereted .custom-switch .custom-control-label::before {
  background: #BDC3C7;
}
.bill_switchgenereted .custom-switch .custom-control-label::after {
  background-color: #fff;
}
.bill_switchgenereted .custom-switch input[type="checkbox"]:checked~label::before {
 background-color: #007bff;
}
.bill_switchgenereted .custom-control-label, .inputbill_generatcheked label {
  color: #07254F;
  font-size: 13px;
  font-weight: 600; 
  cursor: pointer; 
}
.inputbill_generatcheked {
  margin-top: 15px; 
}
.bill_switchgenereted .custom-control-label span {
  position: relative;
  top: 2px; 
}
.tbl_jobBili_items table thead tr th:last-child,
.tbl_jobBili_items table tbody tr td:last-child {
    text-align: right;
    padding-right: 15px;
} 
.tbl_jobBili_items {
    border-top: 1px solid #6A73824D;
    padding-top: 20px; 
}
.tbl_jobBili_items table td h6 {
    margin-bottom: 0;
    color: #342F2E;
    font-size: 16px;
    font-weight: 500; 
}
.tbl_jobBili_items table td {
  color: #342F2E;
  font-weight: 500;   
  font-size: 16px;
  border-bottom: 1px solid #6A73824D;   
  vertical-align: middle !important; 
}
.tbl_jobBili_items table tr:last-child td {
  border: none; 
}
.tbl_jobBili_items .table-responsive {
  border-bottom: 2px solid #6A73824D;  
}
.tbl_jobBili_items table thead {
  background: #2F3EC9;
}
.tbl_jobBili_items table th {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    padding: 12px 10px !important;
}
.tbl_jobBili_items table td p {
    color: #848181;
    font-size: 15px; 
    font-weight: 400; 
    margin-bottom: 0;
}
.tbl_jobBili_items table {
    margin-bottom: 0px; 
}
/* .billedit_views .tfoot_billdtr td:last-child,
.client_billingView .tfoot_billdtr td:last-child  {
  padding-right: 46px;   
} */
.generate_bill_content .modal-header .close:hover, .generate_bill_content .modal-header .close {
  opacity: inherit;  
}
.generate_bill_content .modal-header .close span{
    color: #fff; 
    position: relative;
    z-index: 999;
    font-weight: 300;
    width: 14px;
    height: 14px;
    display: inline-block;
    top: -12px;
    right: -10px;
    font-size: 25px;
}
.generate_bill_content .modal-header .close::before {
    border-bottom:75px solid transparent;
    border-right: 75px solid #2F3EC9; 
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
} 
.generate_bill_content .tfoot_billtd {
    font-size: 15px;
    font-weight: 400;
    border: none;
    padding: 5px 20px;
    text-align: right;
    padding-right:30px;
}
.tfoot_billdtr td:last-child {
    padding-right: 15px; 
}
.subtotals_billdtr {
    padding: 5px 0;
    background: #f0f1fb;
    float: right;
    margin-bottom: 0px; 
    padding-left: 20px;  
}
.tbl_jobBili_items .ftoot_billtotal {
    color: #342F2E;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    padding: 5px 20px;
    border-top: 2px solid #6A73824D !important;
    padding-right: 30px;
}
/* // generate billui */
.client-managment-tabl .table tbody tr td,
.job-table .table tbody tr td {
    cursor: pointer;
}  
#clientwrapper .inner_loader {
    margin-top: 50px;
}

#clientwrapper .inner_loader .fbs-item .first-section-wrapper .loader,
#clientwrapper .inner_loader .fbs-item .second-section-wrapper .loader {
    background: #33333314;
}
.sidebarBody .sidebar_block {  
    right: 0 !important;    
} 
.profile_subscriptions {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
}
/*able plan*/
.able_plan {
    padding: 50px 0 0;
  }
  .adbox_wrap {
    background-image: url("../../assets/images/ad_bckground.png");
    height: 138px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 100%;
    margin: 30px auto;
    border-radius: 15px;  
  }
  .adbox_cont_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 120px;
    padding: 20px 50px 0; 
  }
  .black_week_img {
    width: 33.33%;
  }
  
  .trial_text_cont {
    text-align: center;
    width: 43.33%;
  }
  .trial_text_cont h2 {
      color: #fff;
      font-size: 28px;
      line-height: 32px;
      font-weight: 400;
      margin-bottom: 5px;
      font-family: "Domine", serif;
    }
  .trial_text_cont p {
      color: #fff;
      font-size: 16px;
      line-height: 19px;
      font-weight: 400;
      margin-bottom: 0px;
      font-family: "Roboto", sans-serif;
    }
  
  .offerfor_time {
      width: 23.33%;
      display: flex;
      justify-content: space-evenly;
  
    }
  .offerfor_time .offerbox {
      text-align: center;
    }
  
    .offerbox {
      padding: 0 2px;
    }
    .offerbox .daycount {
        background: transparent
          linear-gradient(
            180deg,
            #e0a551 0%,
            #e0a753 6%,
            #e0ad5c 11%,
            #e1b86c 14%,
            #e2c882 18%,
            #e3dc9e 21%,
            #e5f4c0 24%,
            #e3d384 40%,
            #e3c264 48%,
            #e2b65d 59%,
            #e1a754 69%,
            #efc981 86%,
            #fce8ab 100%
          )
          0% 0% no-repeat padding-box;
        border-radius: 7px;
        padding: 10px;
        display: block;
        text-align: center;
  }
  .offerbox .daycount   p {
        margin-bottom: 0px;
    }   
    
    .offerbox .time_point {
      color: #fff;
      font-size: 13px;
      line-height: 15px;
      font-weight: 100;
  } 
  
  .balckFriday__btn {
    margin: 50px;
    position: relative;
    z-index: 9999;
  }
  .balckfriday_popup  {
    padding: 0 !important;
  }
  .balckfriday_popup .modal-content {
    background: url('../../assets/images/backfirdy_popup.png') no-repeat;  
    position: relative;
    border-radius: 0;
    text-align: center;
  }
  .balckfriday_popup .modal-dialog {
    max-width: 750px;
    align-items: center;
    display: flex;
    height: 91%;
  }
  .balckfriday_popup .close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #77797a;
    opacity: inherit;
    position: absolute;
    right: -15px;
    top: -18px;
    cursor: pointer;
    z-index: 9;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px); 
  }
  .balckfriday_popup .close img {
    position: relative;
    top: -2px;
    left: 0px; 
  }
  .balckfriday_popuptitle .exclusive_popup {
    font-size: 11px;
    line-height: 13px;
    font-weight: 500;
    color: #FFEAB4;
    letter-spacing: 1.1px;
    margin-bottom: 23px;
  }
  .balckfriday_popupbody {
    padding: 71px 15px;
  }
  .balckfriday_popuptitle h2 {
    font-size: 57px;
    line-height: 62px;
    font-weight: 900;
    margin-bottom: 0;
  }
  .balckfriday_popuptitle h1 {
    font-size: 111px;
    line-height: 122px;
    box-shadow: 0px 3px 6px #00000029;
    font-weight: 900;
  }
  .balckfriday_popupmonth h3 {
    font-size: 30px;
    line-height: 34px;
    font-family: "Domine", serif;
  }
  .balckfriday_popupmonth h4 {
    font-size: 22px;
    line-height: 25px;
  } 
  .balckfriday_popupcheckout button, 
  .balckfriday_popupcheckout button:hover, 
  .balckfriday_popupcheckout button:focus {
    border-radius: 50px;
    margin-top: 15px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    border: 1px solid #000;
    padding: 7px 37px;
    box-shadow: -6px 6px 7px #000000BF;
    background: transparent linear-gradient(31deg, #E0A551 0%, #E0A753 6%, #E0AD5C 11%, #E1B86C 14%, #E2C882 18%, #E3DC9E 21%, #E5F4C0 24%, #E3D384 40%, #E3C264 48%, #E2B65D 59%, #E1A754 69%, #EFC981 86%, #FCE8AB 100%) 0% 0%;
  }
  .popupcolor_gradient {
    background: transparent linear-gradient(180deg, #E0A551 0%, #E0A753 6%, #E0AD5C 11%, #E1B86C 14%, #E2C882 18%, #E3DC9E 21%, #E5F4C0 24%, #E3D384 40%, #E3C264 48%, #E2B65D 59%, #E1A754 69%, #EFC981 86%, #FCE8AB 100%) 0% 0%;
    -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
     background-clip: text;
  }
  /*able plan*/
/* resgister pricing page */
.resgister_priceing .best_valuecard_fter .btnget_best {
  color: #252525 !important; 
}
.resgister_priceing .best_valuecard_fter .btnget_best:hover, .resgister_priceing .best_valuecard_fter .btnget_best:focus {
   color: #116fbf !important; 
}
.resgister_priceing_selected {
    align-items: center; 
}
/* // resgister pricing page */
/*subscri_priceitem*/
.subscri_priceitem {
    padding: 20px 22px 25px 22px;  
}
.subscri_priceitem {
    margin-top: 0 !important; 
    margin-bottom: 10px !important;
}
.subscri_priceitem .best_valuecard_list ul li {
    font-weight: 400;
    font-size: 13px;
}
.subscri_priunm_right .badge {
    background: #F7C245;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold;
    color: #1C1C1C;
    padding: 8px 19px;
    font-family: 'Roboto', sans-serif;
}
.subscri_priunm_right .badge i {
    margin-right: 5px;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
}
.year-price .divider_subscript {
    border-color:rgb(255 181 189 / 50%); 
} 
.year-price .subscri_pricnum h2 {
    border-color: #FFB5BD;
}
.subscri_pricnum h2 span { 
    font-size: 37px;
    line-height: 26px;
    font-family: 'Domine', serif
}
.subscri_pricnum h2 sub {
    bottom: 0; 
}
.subscri_pricnum h2 { 
    font-size: 30px;
    line-height: 27px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    border-bottom: 1px solid #fff; 
}
.divider_subscript {
    border-top: 1px solid rgb(204 212 255 / 50%); 
    padding-bottom: 10px; 
    margin-top: 20px;
}
.subscri_pricegroup {
    display: flex;
    display: -webkit-flex;
    display: -webkit-moz;
    align-items: center;
    justify-content: space-between;
}
.subscriprice_title h2 {
    font-size: 22px;
    line-height: 16px;
    color: #fff;
    margin: 0 0 25px;
    font-weight: 500; 
}
.subscri_price_footer {
  margin-top: 30px;
}
.subscri_priunm_right h2 {
  color: #CFCFCF;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
}
.mysubscription_btnplan .btn {
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 35px;
} 
.mysubscription_btnplan .btn-success {
 margin-left: 12px;     
}
.mysubbtn_cancel .btn-gray, .mysubbtn_cancel .btn-gray:hover, .mysubbtn_cancel .btn-gray:focus {
    background: transparent;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
    line-height: 23px; 
    box-shadow: none;  
} 
.mysubbtn_cancel {
    margin-top: 14px;
}
/* // subscri_priceitem*/
/*able plan*/
.best_valueblue {
    background: transparent linear-gradient(213deg, #707eff 0%, #2f3ec9 100%) 0% 0% no-repeat padding-box;
}
.best_valuered {
    background: #f64e60;
}
.best_valuecard {
    border-radius: 35px;
    padding: 32px 30px 30px 30px;
    color: #fff;
    margin-top: 15px;
}
.able_heading {
    text-align: center;
}
.able_heading h1 {
    font-size: 38px;
    line-height: 48px;
    color: #131c1b;
    font-family: "Domine";
    font-weight: 400;
}
.sidebarBody {
  overflow: hidden;
  transition: all 0.2 ease-in-out;
}
.sidebar_popup .modal  {
  z-index: 99999;    
}
.able_heading p {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
}
.best_valuecard_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.best_valuecard_list ul li {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 16px;
    padding-left: 15px;
    position: relative;
    text-align: left;
    color: #fff;
}
.best_valuecard_list ul li:after {
    position: absolute;
    content: "";
    background-color: #fff;
    width: 7px;
    height: 7px;
    left: 0;
    top: 6px;
    border-radius: 50%;
}
.best_valuecard_list ul li:last-child {
    margin-bottom: 0;
}
.best_valuecard_body .spin-loader {
    padding: 0px 0 4px;
    text-align: center;
}
.best_valuecard_head {
    display: flex;
    justify-content: space-between;
    gap: 0 15px;
    align-items: center;
}
.valuecard_bestname span {
    font-size: 16px;
    line-height: 19px;
}
.valuecard_bestname p, .login_page_design .resgister_priceing_selected .valuecard_bestname p { 
    margin-bottom: 0;
    font-size: 28px;
    line-height: 34px; 
    font-weight: 400;
    color: #fff;
}
.valuecard_priceitems {
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
}
.valuecard_priceitems span {
    font-size: 36px;
    line-height: 26px;
    font-family: 'Domine', serif;
}
.valuecard_priceitems p {
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
}
.best_valuecard_fter {
    margin-top: 47px;
}
.btnget_best {
    border-radius: 30px;
    background: #FFFFFF;
    color: #252525;
    font-size: 16px;
    line-height: 20px;
    border: 1px solid #FFFFFF;
    padding: 19px 15px;
    width: 100%;
    font-weight: 500;
    display: block;
    text-align: center;
}
.nowwith_2 {
    margin: 20px 0 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 19px;
}
.best_valuebdy_title h4 {
    color: #FFFFFF;
    font-size: 22px;
    line-height: 27px;
    margin: 0 0 25px;
    text-align: left;
}
.best_valuecard_body {
    margin-top: 30px;
}
/* // able plan*/


.sidebar_popup .modal {
    z-index: 99999;
}

.sidebar_popup {
    overflow: hidden;
}

.sidebar_popup::before {
    content: "";
    position: fixed;
    background: #2525251C;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1111;
}

.sidebar_popup section.sidebar_block {
    right: 0;
}

.sidebar_popup .modal-backdrop {
    z-index: 999;
    background-color: #2525251C;
    opacity: inherit;
    box-shadow: 2px 3px 18px #00000029;
}

.confirm_btn {
    font-size: 16px;
    padding: 12px 47px;
    color: #FFFFFF;
    background-color: #2f3ec9;
    border: 1px solid #2f3ec9;
    border-radius: 8px;
    margin-right: 25px;
    font-weight: 500;
}

.confirm_btn:hover,
.confirm_btn:focus {
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
}

.cancel_btn {
    color: #252525;
    font-size: 18px;
    background-color: transparent;
    border: none;
}

.cancel_btn:hover,
.cancel_btn:focus {
    color: #2f3ec9;
    font-weight: 500;
}

.block_submit {
    margin-top: 43px;
}

.lg_btn {
    padding: 12px 70px;
}

.items_headerflow {
    display: flex;
    align-items: center;
    padding-left: 7px; 
}

.docsing_popup .wrapper-content {
    Padding: 20px 10px 10px;
}

/* question are css */
.form_eletext {
    height: auto !important;
}

.form_eletext textarea {
    resize: none;
}

.formitmes_rows .formitmes_col {
    padding: 0;
}

.form_ele,
.formitmes_rows {
    position: relative;
    border: 1px solid #00000026;
    padding: 5px 20px;
    border-radius: 10px;
}

.form_label,
.formitmes_rows .form-control-label {
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 500;
    color: #737372;
}

.form_ele .form_input,
.formitmes_rows .form-control {
    width: 100%;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    border: none;
    transition: all 0.2s ease;
    height: auto;
    background: transparent;
}

.form_ele .form_input::-webkit-input-placeholder {
    color: #000000;
}

.form_ele .form_input::-moz-placeholder {
    color: #000000;
}

.form_ele .form_input::placeholder {
    color: #000000;
}

.form_ele .form_input:focus,
.formitmes_rows .form-control:focus {
    box-shadow: none;
    outline: none;
    border: none;
    background: transparent;
    height: auto !important;
}

.form_select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../assets/images/select_downicn.svg') no-repeat right 0px center;
    background-size: 14px;
}

.formitmes_checkbox {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    gap: 0 10px;
}

.formitmes_checkbox input[type="radio"] {
    top: -3px !important;
}

.formitmes_checkbox .form-check-label {
    display: inline-block;
    vertical-align: middle;
}

.formitmes_checkbox .form-check {
    position: relative;
    display: flex;
    padding-left: 1.25rem;
    align-items: flex-start;
}

.formitmes_rows {
    display: block;
    margin-left: 0;
    margin-right: 0;
}

.formitmes_rows .formitmes_col {
    flex: 0 0 100%;
    max-width: 100%;
}

.btn_saved {
    margin-top: 12px;
}

.btn_saved .confirm_btn {
    padding: 7px 50px;
}

.form_select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../assets/images/select_downicn.svg') no-repeat right 0px center;
    background-size: 14px;
}

.acc_ques_items .ques_items[data-toggle="collapse"]:after,
.dash_catelog .jobarrow_downicn[data-toggle="collapse"]:after,
.archivedlist_accordions .ibox-title[data-toggle="collapse"]:after {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 26px;
    height: 26px;
    line-height: 40px;
    background: url('../images/rightarrow_icon.svg');
    transform: rotate(270deg);
    content: "";
}
.archivedlist_accordions .ibox-title[data-toggle="collapse"]:after {
    top: 17px; 
}

#client-layout .dash_catelog .jobarrow_downicn[data-toggle="collapse"]:after {
    top: 34px;
    right: 25px
}

.acc_ques_items .ques_items[data-toggle="collapse"].collapsed:after,
.dash_catelog .jobarrow_downicn[data-toggle="collapse"].collapsed:after,
.archivedlist_accordions .ibox-title[data-toggle="collapse"].collapsed:after {  
    content: "";
    background: url('../images/rightarrow_icon.svg');
    transform: inherit;
}  
  .acc_auto_items .auto_items[data-toggle="collapse"]:after {
    position: absolute;
    top: 8px;
    right: 26px;
    content: "";
    width: 26px;
    height: 26px;
    line-height: 40px;
    background: url('../images/arrowdown_pro.svg') no-repeat;
    content: "";
    transform: rotate(-180deg);
  }
  .acc_auto_items .auto_items[data-toggle="collapse"].collapsed:after {
    content: "";
    background: url('../images/arrowdown_pro.svg') no-repeat;
    transform: rotate(-270deg);
    top: 20px;
    right: 25px; 
  }


/* // question are css   */

* {
    scrollbar-width: thin;
    scrollbar-color: #797979 #d6d6d6;
}

*::-webkit-scrollbar {
    width: 12px;
}

*::-webkit-scrollbar-track {
    background: #d6d6d6;
}

*::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 3px solid#d6d6d6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    color: #222222;
}

h1 {
    font-size: 24px;
    font-weight: 600;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

p {
    line-height: 24px;
}

a {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

img {
    max-width: 100%;
}

.pointer {
    cursor: pointer;
}

/******** helper class ********/
.text-red {
    color: #f64e60
}

.text-blue {
    color: #2f3ec9
}

.box-shadow {
    box-shadow: 0 20px 100px 0px rgba(149, 164, 175, .5);
}

.btn {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    font-weight: 500;
    text-shadow: none;
    font-size: 16px;
    -webkit-transition: .3s;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.btn.focus,
.btn:focus,
.btn:hover {
    outline: 0;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
}

.btn-red {
    background: #f64e60;
    color: #ffffff;
    padding: 8px 20px;
}

.btn-blue {
    background: #2f3ec9;
    color: #ffffff;
    padding: 8px 20px;
    border: 1px solid #2f3ec9;
    /* margin-bottom: 20px; */  
}

.btn-red:hover,
.btn-blue:hover {
    color: #fff;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
}

.btn-gray {
    background: #d6d6d6;
    color: #797979;
    padding: 8px 20px;
    /* margin-bottom: 20px; */ 
}

.btn-gray:hover {
    color: #797979;
}

.btn-white {
    background: #ffffff;
    color: #222222 !important;
}

.btn-green {
    background: #0fbd16;
    color: #ffffff;
    padding: 8px 20px;
}

.btn-green:hover {
    color: #ffffff;
    background: #4ec353;
}

.btn-large {
    font-size: 18px;
    padding: 10px 36px;
}

.btn-small {
    padding: 5px 15px;
}

label {
    color: #263238;
    font-weight: 500;
    margin: unset;
}

.waves {
    position: relative;
}

.waves:before,
.waves:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50px;
    border: 1px solid #2f3ec9;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}

.waves:after {
    animation-delay: .5s;
}

@keyframes animate {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.waves-red {
    position: relative;
}

.waves-red:before,
.waves-red:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50px;
    border: 1px solid #f64e60;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}

.waves-red:after {
    animation-delay: .5s;
}

@keyframes animate {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.ui-toast {
    position: fixed;
    width: 20em;
    z-index: 999999 !important;
}

.waves-white {
    position: relative;
}

.waves-white:before,
.waves-white:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50px;
    border: 1px solid #ffffff;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}

.waves-white:after {
    animation-delay: .5s;
}

@keyframes animate {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.form-control {
    border-radius: 0;
    border-radius: unset;
    border: none;
    border-bottom: 1px solid #d0d0d0;
    background-color: rgba(0, 0, 0, 0);
    background-position: center bottom, center calc(99%);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    -webkit-transition: background 0s ease-out 0s;
    -o-transition: background 0s ease-out 0s;
    transition: background 0s ease-out 0s
}

.form-control:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#707cd2), to(#707cd2)), -webkit-gradient(linear, left top, left bottom, from(rgba(120, 130, 140, 0.13)), to(rgba(120, 130, 140, 0.13)));
    background-image: -webkit-linear-gradient(#707cd2, #707cd2), -webkit-linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13));
    background-image: -o-linear-gradient(#707cd2, #707cd2), -o-linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13));
    background-image: linear-gradient(#707cd2, #707cd2), linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13));
    border-bottom: 1px solid #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: none;
    background-size: 100% 2px, 100% 1px;
    outline: 0;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.form-control::-webkit-input-placeholder {
    font-weight: 300;
    color: #c2c2c2;
}

.form-control:-ms-input-placeholder {
    font-weight: 300;
    color: #c2c2c2;
}

.form-control::-ms-input-placeholder {
    font-weight: 300;
    color: #c2c2c2;
}

.form-control::placeholder {
    font-weight: 300;
    color: #c2c2c2;
}

.has-error {
    color: #FF4444;
    font-size: 12px;
    margin-top: 3px;
}

.badge {
    font-weight: unset;
    line-height: 11px;
}

.modal-title {
    font-weight: 600;
}

.pace .pace-progress {
    background: #1a3183;
}


input[type="checkbox"],
input[type="radio"] {
    position: relative;
    width: 18px;
    height: 18px;
    vertical-align: sub;
    color: #363839;
    border: 1px solid #bdc1c6;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    cursor: pointer;
    -webkit-transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    flex: 0 0 18px;
}

input[type="radio"] {
    border-radius: 10px;
}

input[type="checkbox"]::before,
input[type="radio"]::before {
    position: absolute;
    content: '';
    display: block;
    top: 2px;
    left: 5px;
    width: 6px;
    height: 10px;
    border-style: solid;
    border-color: #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
    color: #fff;
    border-color: #2f3ec9;
    background: #2f3ec9;
}

.rdoRejected input[type="radio"]:checked {
    color: #fff;
    border-color: #dc3545;
    background: #dc3545;
}

input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before {
    opacity: 1;
}

input[type="checkbox"]:checked~label::before,
input[type="radio"]:checked~label::before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}


/*new added css**/
#add_cardfrm select#tab3 {
    height: 50px;
    border: 1px solid #cecece;
    border-radius: 4px;
}

/**** dropdown ****/
.navbar-top-links {
    text-align: right;
    border-radius: 10px;
    padding: 0px 17px !important;
}

.user-dropdown .dropdown-menu {
    padding: 15px;
    box-shadow: 0px 8px 20px rgb(0 0 0 / 0.2);
    border: none;
    width: 220px;
    background: #ffffff;
    border-top: 2px solid #1a3183;
    z-index: 9999999999; 
}

.user-dropdown .dropdown-menu:after {
    bottom: 100%;
    right: 14px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #1a3183;
    border-width: 10px;
    margin-left: -10px;
}

.user-dropdown .dropdown-menu h4 {
    font-weight: 500;
    margin: 0;
    color: #222222;
    font-size: 16px;
    margin-bottom: 10px;
}

.user-dropdown .dropdown-menu p {
    margin: 0;
    color: #1a3183;
}

.dropdown-toggle::after {
    display: none;
}

.nav.navbar-top-links .dropdown-menu a i {
    color: #f54f61;
}

.dropdown.show .dropdown-menu p {
    font-size: 14px;
}

.user-dropdown.show a.dropdown-btn {
    min-height: auto;
    padding: unset;
    color: #616161;
    font-size: 16px;
    display: block;
    text-decoration: none;
}

.user-dropdown.show a.dropdown-btn:hover {
    color: #000000;
}

.notifications-info {
    position: relative;
}

a.notifications-info i {}

.notifications-no {
    background: #f15962;
    position: absolute;
    color: #fff;
    border-radius: 10px;
    font-size: 9px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 17px;
    left: 20px;
    top: -5px;
    -webkit-animation: notify-pulse 1s infinite;
}

.unread-alert {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.user-dropdown .dropdown-menu.dropdown-menu-big {
    width: 380px;
    max-height: 80vh;
    min-height: 100px;
    overflow-y: scroll;
}

/**** table ****/
.table-design {}

.table-design .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #797979;
}

.table-design .table tr {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.table-design .table tr:hover {
    border-left-color: #8b91dd;
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    z-index: 1;
    position: relative;
}

.table-design .ui-table .ui-table-thead tr>th,
.ui-table .ui-table-tbody>tr>td {
    border: none !important;
    border-bottom: 1px solid #ececec !important;
    padding: 15px 10px !important;
    vertical-align: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.table-design .ui-paginator {
    background-color: #ffffff !important;
    border: none !important;
    padding: 10px !important;
}

.ui-table .ui-table-tbody>tr:nth-child(even) {
    background-color: transparent !important;
}

body .ui-table .ui-table-tbody>tr {
    background-color: transparent !important;
}

.ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    border-radius: 20px;
}

.ui-accordion-content-wrapper {
    margin-bottom: 10px;
}

.ui-accordion .ui-accordion-header {
    border: unset !important;
    margin-bottom: 10px !important;
}

.ui-accordion .ui-accordion-header a {
    display: block;
    padding: 1rem !important;
    border: unset !important;
    font-weight: normal !important;
    font-size: 16px;
    text-shadow: unset;
    border-left: 2px solid #488cf2 !important;
}

.ui-accordion .ui-accordion-header a:focus {
    box-shadow: unset !important;
}

.ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a {
    background-color: #458cf2 !important;
}

.ui-accordion .ui-accordion-content {
    padding: 0px !important;
    background: #f4f4f4;
    border: unset !important;
}

.flow-table {}

.flow-table table {}

.flow-table table tr {}

.flow-table table tr td {
    padding: 20px 10px;
}

.flow-table table tr td b {
    color: #ffffff;
    background: #333333;
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 4px;
    position: relative;
    margin-right: 6px;
}

.flow-table table tr td b:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #333333;
    border-width: 6px;
    margin-top: -6px;
}

.flow-table table tr .click-link {
    font-weight: 500;
    color: #1a3183;
    display: flex;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.flow-table table tr .click-link .link-img {
    width: 20px;
    margin-right: 4px;
    height: 16px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
}

.flow-table table tr:hover .click-link {
    color: #f64e60;
    font-weight: bold;
}

.flow-table table tr:hover .click-link .link-img {
    margin-right: 8px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}

/* price page */
.main-title {
    font-weight: 700;
    font-size: 40px;
    margin: 25px 0;
}

.plan-select-title {
    text-align: center;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 200;
}

.price-box {
    border-radius: 2rem;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
}

.month-price {
    background: #2f3ec9 url(/assets/admin/img/circle.png) no-repeat left bottom;
    background-size: cover;
}

.year-price {
    background: #f64e60 url(/assets/admin/img/circle.png) no-repeat left bottom;
    background-size: cover;
}

.price-box h1 {
    font-size: 2.2rem;
    color: #fff;
    line-height: 60px;
    margin: 0 auto;
}

.price-box h1 small {
    display: block;
    font-size: 1.5rem;
    font-weight: 300;
}

.price-list {
    margin: 0 auto;
}

.price-list {
    scrollbar-width: thin;
    scrollbar-color: #2f3ec9 #2f3ec9;
}

.price-list::-webkit-scrollbar {
    width: 6px;
}

.price-list::-webkit-scrollbar-track {
    background: rgb(255 255 255 / 12%);
}

.price-list::-webkit-scrollbar-thumb {
    background-color: rgb(0 0 0 / 33%);
    border-radius: 20px;
    border: 0px solid #fffefe;
}

.price-list ul {
    margin: 0 auto;
    padding: 0;
}

.price-list ul li {
    list-style: none;
    font-size: 16px;
    text-align: left;
    color: #fff;
    margin: 15px 0 0 28px;
    font-weight: 300;
    position: relative;
}

.price-list ul li:before {
    background: url(../images/check.svg);
    background-size: 18px 18px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    left: -25px;
    top: 3px;
    background-repeat: no-repeat;
}

.plan {
    position: absolute;
    left: -30px;
    top: -30px;
    width: 130px;
    height: 100px;
    border-radius: 50px 20px 60px 30px;
}

.plan-1 {
    background: #f64e60;
    box-shadow: 10px 10px 0px rgb(0 0 0 / 12%);
}

.plan-2 {
    background: #2f3ec9;
    box-shadow: -10px 10px 0px rgb(0 0 0 / 12%);
    left: auto;
    right: -40px;
}

.plan h6 {
    width: 100%;
    color: #fff;
    font-size: 1.4rem;
    margin: 0 auto;
    text-align: center;
    font-weight: 400;
}

h2.free-trail {
    font-size: 2.5rem;
    text-align: center;
    margin: 30px 0;
}

h2.free-trail sub {
    font-size: 1.5rem;
    background: #FFC107;
    color: #333;
    border-radius: 8px;
    padding: 8px;
    vertical-align: top;
}

.strip-btn {
    background: #0A2540;
    color: #fff;
}

.strip-btn:hover {
    background: #333333;
    color: #fff;
}

.chat-container {
    position: relative;
}

ul.chat-users-list {
    padding: 0;
    margin: 0;
    list-style: none;
    border-right: 1px solid rgba(120, 130, 140, 0.13);
}


.chat-users-list li a.user-chat {
    border-bottom: 1px solid rgba(120, 130, 140, .13);
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 20px 15px;
}
.chat-users-list li {
    position: relative;
}

.chat-users-list li a.user-chat .user-img {
    width: 40px;
    position: relative;
}

.chat-users-list li a.user-chat .user-name {
    width: 85%;
    vertical-align: middle;
    padding-left: 15px;
}

.chat-box {
    list-style: unset;
    padding: 20px;
    height: 500px;
    overflow-y: scroll;
}

.user-img {
    width: 36px;
    position: relative;
    display: inline-block;
}

.user-img .user-status {
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    left: 30px;
    position: absolute;
    top: 1px;
    width: 12px;
}

.user-img .away {
    background: #ffc107;
}

.user-img .online {
    background: #2cd07e;
}

.user-img .offline {
    background: #ff5050;
}

.current-chat-user-name {
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.user-chat.active,
.user-chat:hover {
    background: #e5f3f3;
}

.chat-container li.chat-left,
.chat-container li.chat-right {
    display: flex;
    flex: 1;
    flex-direction: row;
    margin-bottom: 10px;
}

.user-name h6.message-title {
    font-size: 16px;
    margin: 0 auto;
}

.user-name span.message-desc {
    color: #b3b3b3;
}

.message-title span.time {
    font-size: 12px;
    color: #949494;
    font-weight: 100;
}

.chat-container li img {
    min-width: 48px;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.chat-container li .chat-avatar-img {
    margin-right: 20px;
}

.chat-container li.chat-right {
    justify-content: flex-end;
}

.chat-container li.chat-right>.chat-avatar-img {
    margin-left: 20px;
    margin-right: 0;
}

.chat-container li .chat-name {
    font-size: .75rem;
    color: #5d5d5d;
    text-align: center;
}

.chat-container li .chat-text {
    padding: 1rem;
    border-radius: 4px;
    background: #ecf1f5;
    line-height: 150%;
    position: relative;
}

.chat-container li .chat-text:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 10px;
    left: -20px;
    border: 10px solid;
    border-color: transparent #e5f3f3 transparent transparent;
}

.chat-container li.chat-right .chat-text:before {
    right: -20px;
    border-color: transparent transparent transparent #ecf1f5;
    left: inherit;
}

.chat-container li.chat-left .chat-text {
    background: #e5f3f3;
}

.chat-container li .chat-hour {
    font-size: 11px;
    color: #bbb;
    text-align: right;
    margin-top: 5px;
}

.chat-container li.chat-right>.chat-hour {
    margin: 0 15px 0 0;
}

.messages-no {
    background: #f15962;
    position: absolute;
    color: #fff;
    border-radius: 10px;
    font-size: 9px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 17px;
    top: 10px;
    -webkit-animation: notify-pulse 1s infinite;
}

/* ui steps */
.ui-steps ul {
    display: flex;
}

.ui-steps .ui-steps-item {
    border: 0;
    width: 100%;
}

/* Ui select button */
body .profile-select.ui-selectbutton .ui-button.ui-state-active {
    background: #fff;
    border-width: 3px;
}

body .profile-select.ui-selectbutton .ui-button {
    background-color: #7575753d;
    border: 3px solid #19308000;
    width: 150px;
    height: 130px;
}

body .profile-register-select.ui-selectbutton .ui-button {
    background-color: #7575753d;
    border: 3px solid #19308000;
    width: 120px;
    height: 85px;
}

body .ui-dialog .ui-dialog-titlebar {
    background-color: #fff !important;
}

body .ui-dialog .ui-dialog-content {
    border-color: #dee2e6 !important;
}

body #step_work_flow .ui-calendar {
    max-width: 230px;
    display: block;
}

#step_work_flow .table-responsive {
    overflow-x: auto;
}

.table-design .table {
    white-space: nowrap;
}

.ui-table table tbody .list_actionsflow {
    position: relative; 
    overflow: visible;
}

.ui-table table tbody .list_actionsflow ul {
    margin: 0;
    list-style: none;
    padding: 0.5rem;
}
.ui-table table tbody .list_actionsflow .dropdown-menu {
    left: auto !important;
    right: 0 !important;
}

@media(max-width:1350px) {
    .mysubscription_btnplan .btn {
      display: block;
      width: 100%;
    }
    .mysubscription_btnplan .btn-success {
      margin: 10px 0 0; 
    }
    .mysubbtn_cancel {
      margin-top: 0; 
    }
  }

@media (max-width: 767px) {
    .singdoc_pagination {
        display: block !important;
    }
    .singdoc_pagination .btn-green {
        margin-top: 10px;
    }
    .generate_billtop_right h6, .generate_billtop_right h4 { 
        width: auto; 
    }
    .chat-container li.chat-left,
    .chat-container li.chat-right {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .chat-container li img {
        min-width: 32px;
        width: 32px;
        height: 32px;
    }

    .chat-container li.chat-left .chat-avatar-img {
        margin: 0 0 5px 0;
        display: flex;
        align-items: center;
    }

    .chat-container li.chat-left .chat-hour {
        justify-content: flex-end;
    }

    .chat-container li.chat-left .chat-name {
        margin-left: 5px;
    }

    .chat-container li.chat-right .chat-avatar-img {
        order: -1;
        margin: 0 0 5px 0;
        align-items: center;
        display: flex;
        justify-content: right;
        flex-direction: row-reverse;
    }

    .chat-container li.chat-right .chat-hour {
        justify-content: flex-start;
        order: 2;
    }

    .chat-container li.chat-right .chat-name {
        margin-right: 5px;
    }

    .chat-container li .chat-text {
        font-size: .8rem;
    }

    #clientwrapper .top-nav .navbar-nav {
        display: none;
    }

    .items_headerflow {
        margin-left: auto;
    }

    .profes_header .user-dropdown span {
        display: none;
    }

    .profes_header .topright-btn .user-img,
    .profes_header .navbar-top-links li a.topright-btn {
        margin-right: 0;
    }

    .profes_header .navbar-top-links li a.topright-btn {
        padding: 6px;
    }

    .profes_header .user-dropdown .user-img {
        width: 25px;
        height: 25px;
    }

    .profes_header {
        margin-bottom: 10px;
    }
    .sidebarBody .sidebar_block {
      height: 100vh !important;
    }  
    .quesfrm__flowsrow_right {
        text-align: left;
        margin-top: 15px; 
    }
}

.chat-form {
    padding: 15px;
    width: 100%;
    background-color: #ffffff;
}

.message-box textarea.form-control {
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    resize: none;
    background: #f3f3f3;
    padding: 1rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.message-box textarea.form-control:focus {
    border: 1px solid #dadada;
}

/***/
.ui-table-wrapper {
    overflow: auto;
}

.ui-table-wrapper table {
    min-width: 650px
}

table .action_td {
    min-width: 110px;
}

.form-group input[type="radio"] {
    margin-right: 9px;
    position: relative;
    top: 2px;
}

.top-nav .logo img {
    padding-right: 20px;
}

.unread-alert {
    font-size: 15px !important;
    line-height: 19px !important;
    font-weight: bold !important;
    color: #313131 !important;
}

.read-alert {
    font-size: 15px !important;
    line-height: 19px !important;
    color: #888 !important;
}

.staff-management-table .staff-action-td {
    width: 230px;
}

.client-managment-td {
    width: 130px !important;
}

.client-managment-table .client-managment-td {
    width: 150px !important;
}

#myModal {
    z-index: 999999 !important;
}
@media(max-width:480px) {
 .review_taxreturn .btn-outline-success, .singdoc_pagination .btn-outline-success {
    width: 100%;
 }
}

@media (max-width:350px) {
    .work-flow .input-switch.text-right {
        float: right;
        margin-right: 10px;
    }

    .work-flow .flow-name {
        width: 140px !important;
    }
}

@media (max-width:330px) {
    .work-flow .input-switch.text-right {
        float: right;
        margin-right: 10px;
    }

    .work-flow .flow-name {
        width: 130px !important;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .tab-block .nav-tabs li a {
        padding: 12px 10px !important;
        font-size: 14px !important;
    }

    .client-managment-table table {
        width: 990px !important;
    }

    .client-managment-table {
        overflow: auto;
    }
}

@media(max-width:992px) {
    .scroll-table {
        overflow: auto;
    }

    .search_item .form-control.form-control-lg {
        font-size: 16px;
    }

    .into-head .w-50 {
        width: 100% !important;
    }

    .tab-block .nav-tabs li a {
        padding: 9px 11px;
        font-size: 14px;
    }

    .staff-management-table table {
        min-width: 950px !important;
    }
}

@media (min-width:992px) and (max-width:1500px) {
    .work-flow li {
        display: flex;
        justify-content: space-between;
        padding: 0 15px 0 0px;
        ;
    }

    .client-managment-table .ui-table-wrapper .ui-table-tbody tr td span.btn {
        margin-bottom: 3px;
    }
}

@media (min-width:767.98px) and (max-width:992px) {
    .job-table table {
        width: 930px !important;
    }

    .job-table {
        overflow: auto;
    }

    .client-managment-table .ui-table-wrapper .ui-table-tbody tr td span.btn {
        margin-bottom: 3px;
    }

    .job-table .ui-table-wrapper .ui-table-tbody tr td span.btn {
        margin-bottom: 2px;
    }
}

@media (min-width:768px) and (max-width:904px) {
    .ui-messages-warn .custom-message button.btn.btn-info {
        margin-top: 10px;
    }
}

@media (max-width:812px) {
    .ibox .ibox-title h2 {
        font-size: 20px;
        font-weight: 500;
        float: left;
        width: 100%;
    }

    .ibox .ibox-title .ibox-tools {
        display: inline-block;
        /* float: right!important; */
        margin-top: 0;
        position: relative;
        /* top: 15px; */
        right: 0px;
        padding: 0;
        text-align: right;
        margin-bottom: 15px;
    }

    .ibox-title .ibox-tools button.btn {
        float: left;
        margin-bottom: 3px;
    }

    .job-table .ui-table-wrapper .ui-table-tbody tr td span.btn {
        margin-bottom: 3px;
    }

}

@media (max-width:1024px) {
    .header_main::after {
        position: relative !important;
    }

    .banner_leading_content .btns_area .btn {
        font-size: 15px !important;
    }

    .obboardible_sec .btn_sec_onboardible .btn {
        font-size: 15px !important;
    }

    #client-nav .sub-company span {
        display: none;
    }
}


@media (max-width:767px) {
    #sidebarToggle.open span:first-child {
        top: -4px;
    }

    .flow-table table tr td b {
        padding: 2px 8px !important;
    }

    .price-box {
        margin: 30px 0;
    }

    .tab-block .nav-tabs li a {
        padding: 9px 13px !important;
        font-size: 14px !important;
    }

    .tab-block .nav-tabs {
        margin: 0 0px !important;
    }

    .client-managment-table .ui-table-wrapper .ui-table-thead th {
        width: auto;
    }

    .client-managment-table .ui-table-wrapper .ui-table-tbody tr td span.btn {
        margin-bottom: 3px;
    }
    .search_item {
        flex-direction: column;
    } 
    .search_item .form-control {
      width: 100%; 
    } 
    .search_item .btn-blue {
        margin:15px 0;
        width: 100%;
    }
}

@media (min-width:484px) and (max-width:684px) {
    .ui-messages-warn .custom-message button.btn.btn-info {

        margin-top: 10px;
    }
}

@media (max-width:480px) {
    .ibox-title .ibox-tools {
        position: static;
    }

    .ibox-title {
        padding: 15px 15px 8px 15px;
        overflow: hidden;
    }

    .ibox-title h2 {
        text-align: left;
    }

    .ibox-title .ibox-tools {
        text-align: left;
    }

    .into-head {
        padding: 20px 10px;
    }

    .into-head h1 span {
        font-size: 34px !important;
    }

    .subscription-tab li {
        display: block;
        width: 100%;
    }

    .subscription-tab li a.active {
        border-radius: 5px !important;
    }

    .price-box {
        margin: 25px auto;
    }

    .plan {
        position: relative;
        left: -20px;
        top: -20px;
    }

    .login_page_design .social_icon ul.social-link li {
        font-size: 11px !important;
    }

    .ui-messages-warn .custom-message button.btn.btn-info {
        padding: 5px 13px 6px;
        font-size: 12px;
        margin-top: 10px;
    }

    .invite-link .input-group input {
        width: 100%;
        margin-bottom: 5px;
    }

    body .profile-register-select.ui-selectbutton .ui-button {
        width: 90px;
        height: 67px;
    }

    .block_submit {
        text-align: center;
    }

    .block_submit .confirm_btn {
        width: 100%;
        margin-bottom: 10px;
    }


}

.unsubscribe-block {
    padding: 40px;
    box-shadow: 2px 2px 12px hsla(0, 0%, 86.7%, .6);
    border-radius: 15px;
    margin: 27px 0;
    background: #fff;
    text-align: center;
}

.unsubscribe-block h2 {
    font-size: 40px;
    font-weight: 700;
    position: relative;
    margin-bottom: 10px;
}

.unsubscribe-block p {
    font-size: 20px;
    color: #2d2d2d;
    font-weight: 200;
    padding: 20px;
}

.btnsm {
    padding: 5px 10px;
    font-size: 14px;
}

span.btn {
    padding: .500rem .75rem;
}

.sc-AxhCb.jhlvex.BeaconContainer.is-configDisplayRight.BeaconContainer-enter-done {
    bottom: 60px;
}


.custom-file-label {

    overflow: hidden;
}


.chat-users-list {
    overflow-y: auto;
    max-height: 78vh;
}

.chat-users-list::-webkit-scrollbar {
    width: 3px;
}

.chat-users-list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.chat-users-list::-webkit-scrollbar-thumb {
    background: #888;
}

.chat-users-list::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#clientwrapper .login-bg .card.animate__animated.animate__fadeInUp {
    margin-top: 98px;
    margin-bottom: 50px;
}

.ui-messages-warn .custom-message button.btn.btn-info {
    margin-left: 14px;
}

.login_page_design .social_icon ul.social-link li:nth-child(2) {
    color: #000;
}

.ibox-content .table-design .table-responsive {
    overflow-x: auto;
}


.ibox-content .doc-download {
    word-break: break-word;
}

.ibox-title {
    overflow: hidden;

}

.ui-table-wrapper .ui-table-tbody tr td span.btn {
    margin-bottom: 3px;
}

.scroll-table tbody tr td span.btn {
    margin-bottom: 3px;
}


#client-content .table-responsive {
    overflow-x: auto;
}

#client-content .tabs-container .card {
    margin-bottom: 10px;
}

#client-content .tabs-container .card .table-design span.btn {
    margin-bottom: 3px;
}

.banner_leading_content .btns_area .btn {
    margin-bottom: 10px;
}

.obboardible_sec .btn_sec_onboardible .btn {
    margin-bottom: 10px;
}

.alert span button.btn {
    margin-left: 10px;
    margin-top: 10px;
}





.kanbanstage-wrap {
    overflow-x: scroll;
    width: 100%;
}

.kanban-stage-row {
    display: flex;
    padding: 10px 30px;
}

.stage-card {
    width: 320px;
    margin-right: 20px;
}

.stage-card .ibox-title {
    border-left: unset;
    border-radius: 10px 10px 0 0;
    padding: 10px 15px;
    overflow: visible;
}

.stage-card .ibox-title h3 {
    color: #fff;
    font-size: 16px;
    padding-right: 20px;
    font-weight: bold;
}

.stage-card .ibox-title .btn-small {
    padding: 4px 12px;
    font-size: 12px;
}


.btn-tool {
    position: absolute;
    right: 8px;
    top: 4px;
}

.btn-tool ul.dropdown-menu {
    right: -68px;
    top: -18px !important;
    left: unset !important;
    padding: unset;
    min-width: 120px;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 17%);
}

.btn-tool ul.dropdown-menu li {
    padding: unset;
    margin: unset;
    border: unset !important;
}

.btn-tool ul.dropdown-menu li a.dropdown-item {
    font-size: 14px;
    padding: 2px 10px;
    margin: unset;
}

.btn-tool button {
    border: unset;
    background: unset;
}

.btn-tool button span {
    width: 3px;
    height: 3px;
    background: #afafaf;
    display: block;
    margin-top: 2px;
}

.bg-white {
    background: #ffffff;
}


ul.stage-detail {}

ul.stage-detail li {
    position: relative;
    padding: 20px 15px;
}

ul.stage-detail li:hover {
    border: 1px dashed #989da1;
    border-left: 3px solid #f8ac59;
}

ul.stage-detail li h6 {
    font-weight: 500;
    font-size: 15px;
    margin: 0 auto 5px;
}

ul.stage-detail li i.drag-ico {
    position: absolute;
    right: 4px;
    color: #d9d9d9;
    bottom: 4px;
}

ul.stage-detail li:hover i.drag-ico {
    color: #10bd17;
}

ul.stage-detail .color-box {
    width: 20px;
    height: 20px;
    background: #333333;
    display: inline-block;
    border-radius: 4px;
}

.jobname p {
    overflow-wrap: break-word;
}

.jobname,
.workname {
    color: #741818;
    font-weight: 100;
}

.jobname strong,
.workname strong {
    font-weight: 500;
}

.jobname span,
.workname span {
    margin-left: 5px;
    color: #133580;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-weight: 600;
    text-transform: capitalize !important;
    margin-bottom: 0;
    line-height: 1;
    color: #222222;
    font-size: 1.3rem;
    font-family: 'Roboto', sans-serif;
}

.col-form-label {
    color: #263238;
    font-weight: 500;
    margin: unset;
}

.col-form-inputSwitch {
    margin: 10px 0;
    text-align: end;
}
.ui-toast {
    z-index: 999999 !important;
}

.cal-month-view .cal-cell-top {
    cursor: pointer;
}


body .keep_progress .ui-progressbar {
  height: 7px; 
}
body .setup_guide_progress .ui-progressbar {
  height: 5px;
}
body .keep_progress .ui-progressbar .ui-progressbar-label, body .setup_guide_progress .ui-progressbar .ui-progressbar-label {
  font-size: 0; 
}
body .keep_progress .ui-progressbar .ui-progressbar-value, body .setup_guide_progress .ui-progressbar .ui-progressbar-value {
  border: 0 none;
  margin: 0;
  background: #019a52;  
}
.client_mangbtn .dropdown-menu  {
  padding: 0 !important; 
}
.client_mangbtn .dropdown-menu li a.dropdown-item {
    font-weight: 500;
    font-size: 13px;
}
.client_mangbtn .dropdown-menu li a.dropdown-item i {
    vertical-align: 0px;
    display: inline-block;
    margin-right: 5px; 
    font-size: 13px;
    color: #007bff;
}
.client_mangbtn .dropdown-menu li:last-child a.dropdown-item {
    border: none; 
} 
.client_mangbtn .btn {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    border: none;
    color: #000;
    font-weight: 500;
}
.client_mangbtn .btn:hover, .client_mangbtn .btn:focus {
 color: #2f3ec9; 
}

.pdfViewer .canvasWrapper {position: relative;}

.icon42__best {
  padding: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
/* Media */
@media(max-width:1366px) {
 .subscri_priceitem {
    max-width: 490px;   
 }
}
@media(max-width:1250px) { 
 .subscri_pricegroup, .best_valuecard_head {
    display: block;
    text-align: center;
  }
  .subscri_priunm_right h2 {
    text-align: center;
  }
  .subscri_priceitem {
    margin-bottom: 10px;  
  }  
  .valuecard_priceitems {
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
    .adbox_wrap, .adbox_cont_main {
      height: 115px;
    }
    .adbox_cont_main {
      padding: 0 40px;
    }
    .black_week_img img {
      width: 88px;
    }
    .trial_text_cont h2 {
      font-size: 20px;
      line-height: 22px;
    }
    .trial_text_cont p {
      font-size: 14px;
      line-height: 15px;
    }
}
@media (max-width: 991px) {
    .adbox_wrap, .adbox_cont_main {
      height: 85px;
    }
    .offerbox .daycount {
      padding: 5px 10px;
    }
    .offerbox .daycount p {
      font-size: 14px;
    }
    .inputbill_generatcheked {
        margin-top: 0px;
    } 
  }
@media(max-width:360px) {
    .btn_saved {
        text-align: center;
    }

    .btn_saved .confirm_btn {
        width: 100%;
        margin-bottom: 10px;
    }
}
@media (max-width: 767px) {
    .review_taxreturn .btn-outline-success {
        margin-top: 10px;
    }
    .review_taxreturn .pagination li {margin-bottom: 5px;} 
    .adbox_wrap, .adbox_cont_main {
      height: 65px;
    }
    .adbox_cont_main {
      padding: 0 30px;
    }
    .black_week_img img {
      width: 65px;
    }
    .trial_text_cont h2 {
      font-size: 16px;
      line-height: 18px;
    }
    .trial_text_cont p {
      font-size: 14px;
      line-height: 13px;
    }
    .offerbox .daycount {
      padding: 3px 5px;
    }
    .offerbox .daycount p {
      font-size: 12px;
    }
    .offerbox {
      padding: 0 3px;
      max-width: 30px;
    }
    .time_point {
      font-size: 10px !important;
    }
    .balckfriday_popuptitle h1 { 
      font-size: 60px;
      line-height: 70px;
    }
    .balckfriday_popuptitle h2 {
      font-size: 40px;
      line-height: 50px;
    }
    .balckfriday_popup .close {
      right: -1px;
      top: -1px; 
    }
}
@media (max-width: 575px) {
    .adbox_wrap, .adbox_cont_main {
      height: 42px;
    }
    .adbox_cont_main {
      padding: 0 20px;
    }
    .black_week_img img {
      width: 40px;
      position: relative;
      top: -2px;
    }
    .trial_text_cont h2 {
      font-size: 11px;
      line-height: 12px;
    }
    .trial_text_cont p {
      font-size: 10px;
      line-height: 8px;
    }
    .offerbox .daycount {
      padding: 1px 3px;
    }
    .offerbox .daycount p {
      font-size: 10px;
      line-height: 17px;
    }
    .adbox_wrap {
      margin: 10px auto !important;
      height: 50px;
    }
    .adbox_cont_main {
      height: 50px;
    }
    .trial_text_cont {
      text-align: left !important;
      padding-left: 0px;
    }
    .black_week_img {
      width: 20%;  
    }
    .offerfor_time {
      margin-top: 5px;
    }
    .tbl_jobBili_items table, .subtotals_billdtr {  
        width: 100%;
    }
    .bill_switchgenereted {
      padding-left: 15px;
    }
    .generate_billtop {
      display: block;
    }
    .generate_billtop_right {
        margin-top: 15px;
    }
    .tfoot_billdtr td:last-child {
      padding-right: 15px; 
    }
}
@media (max-width: 350px) {
    .black_week_img img {
      width: 32px;
    }
}