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

/*pro button*/
.pro_export {
  cursor: pointer;
  padding: 10px;
}

.pro_export:hover {
  background-color: #f1f1f1;
  border-radius: 5px;
}

.pro_button {
  color: #ffffff;
  border: none;
  background: #fd397a;
  border-radius: 3px;
  font-size: 9px;
  padding: 4px 4px 4px 4px;
}

/*export to csv new btn*/
.export_csv,
.blue_btn {
  padding: 0px;
}

.export_csv span.title,
.blue_btn span.title {
  -webkit-box-shadow: 0 3px 0 0 #006eae;
  box-shadow: 0 3px 0 0 #006eae;
  background-color: #1f9cef;
}

.export_csv:hover span.title,
.blue_btn:hover span.title {
  -webkit-box-shadow: 0 3px 0 0 #002e72;
  box-shadow: 0 3px 0 0 #002e72;
  background-color: #016395;
}

.export_csv span.left,
.blue_btn span.left {
  float: left;
  border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
}

.export_csv:hover span.icon,
.blue_btn:hover span.icon {
  background-color: #209aeb;
  -webkit-box-shadow: 0 3px 0 0 #006eae;
  box-shadow: 0 3px 0 0 #006eae;
}

.export_csv span.icon,
.export_csv span.title,
.blue_btn span.icon,
.blue_btn span.title {
  display: block;
  position: relative;
  line-height: 30px;
  padding: 0 15px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: #fff;
  font-size: 11px;
}

.export_csv_view_pro span.title {
  line-height: 20px;
  padding: 0 10px;
}

.export_csv_view_pro span.title i {
  font-size: 11px;
}

.export_csv span.icon,
.blue_btn span.icon {
  font-size: 10px;
  background-color: #006396;
  -webkit-box-shadow: 0 3px 0 0 #002e72;
  box-shadow: 0 3px 0 0 #002e72;
  text-shadow: 0px 1px 1px #888;
}

.export_csv span.right,
.blue_btn span.right {
  float: right;
  border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
  color: #fff;
}

.icon-comment:before {
  content: "Pro";
}

.export_csv span.slant-right,
.blue_btn span.slant-right {
  left: 0;
  -webkit-box-shadow: -10px 0 0 0 #209bed, -10px 3px 0 0 #006eae;
  box-shadow: -10px 0 0 0 #209bed, -10px 3px 0 0 #006eae;
  border-left: 10px solid #209bed;
}

.export_csv:hover span.slant-right,
.blue_btn:hover span.slant-right {
  -webkit-box-shadow: -10px 0 0 0 #016395, -10px 3px 0 0 #002e72;
  box-shadow: -10px 0 0 0 #016395, -10px 3px 0 0 #002e72;
  border-left: 10px solid #016296;
}

.export_csv span.slant-right,
.blue_btn span.slant-right {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 30px solid transparent;
  -webkit-transition: all 0.15s;
  -transition: all 0.15s;
  -webkit-transition-property: left, right;
  transition-property: left, right;
}

/*change side bar icon*/
.accordion.accordion-toggle-plus .card .card-header .card-title.collapsed:after {
  font-family: "Flaticon2";
  content: "\f1a3";
}

.accordion.accordion-toggle-plus .card .card-header .card-title:after {
  font-family: "Flaticon2";
  content: "\f1a5";
}

/*checkbox color to green*/
#accordionExample3 .kt-checkbox>input:checked~span {
  background: #0abb87;
  border: 1px solid transparent !important;
}

#accordionExample3 .kt-checkbox>input:checked~span:after {
  border: solid white;
}

/*for footer about and contact*/
@media only screen and (min-width: 768px) {

  .kt-footer__menu .about_us_footer,
  .kt-footer__menu .contact_us_footer {
    display: none;
  }

  /* ravi added iframe css for mobile*/
}

/*new input style*/
.md-form-new {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 0rem;
}

.md-form-new i {
  right: 16px;
  left: initial;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  color: rgba(0, 0, 0, 0.87);
  pointer-events: none;
  font-size: 1.4rem;
  font-weight: 500;
}

.md-form-new input,
.md-form-new textarea {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #ced4da;
  border-radius: 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  padding-right: 2.7rem !important;
  height: auto;
  padding: 0.6rem 0 0.4rem 0;
  margin: 0 0 0.5rem 0;
}

.md-form-new label {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  color: #757575;
  cursor: text;
  -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out,
    -webkit-transform 0.2s ease-out;
  -webkit-transform: translateY(12px);
  transform: translateY(12px);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.md-form-new label:after {
  position: absolute;
  top: 65px;
  display: block;
  content: "";
  opacity: 0;
  -webkit-transition: 0.2s opacity ease-out, 0.2s color ease-out;
  transition: 0.2s opacity ease-out, 0.2s color ease-out;
}

.md-form-new input:focus,
.md-form-new textarea:focus {
  border-bottom: 1px solid #4285f4;
  -webkit-box-shadow: 0 1px 0 0 #4285f4;
  box-shadow: 0 1px 0 0 #4285f4;
}

.md-form-new input:focus~label,
.md-form-new input:valid~label {
  -webkit-transform: translateY(-14px) scale(0.8);
  transform: translateY(-14px) scale(0.8);
  color: #4285f4;
}

.md-form-new textarea:focus~label,
.md-form-new textarea:valid~label {
  -webkit-transform: translateY(-14px) scale(0.8);
  transform: translateY(-14px) scale(0.8);
  color: #4285f4;
}

.md-form-new input:focus~i,
.md-form-new input:valid~i {
  color: #4285f4;
}

.md-form-new .toggle-password-login,
.md-form-new .toggle-password-register {
  right: 20px;
  left: initial;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  color: rgba(0, 0, 0, 0.87);
  /*pointer-events: none;*/
  font-size: 1rem;
  font-weight: 500;
}

.md-form-new .help-block {
  position: absolute;
}

/**/
@media screen {
  @page {
    margin: 0;
    size: 1920px 1140px;
  }
}

.contact-form-kt .md-form-new input {
  height: 45px;
}

/*new header*/
/*.kt-custom-toggle-search .dropdown-menu{
  width: auto;
}
.kt-custom-toggle-search .search-wrapper .search_term_input{
  width: 100%;
}
.kt-custom-toggle-search .custom_select{
    left: unset;
    right: 0px;
}*/
/*perfect scrollbar */
.ps>.ps__rail-x {
  height: 8px;
}

.ps>.ps__rail-x>.ps__thumb-x {
  height: 8px;
}

.ps>.ps__rail-x:hover,
.ps>.ps__rail-x>.ps__thumb-x:hover {
  height: 8px;
}

.ps>.ps__rail-y {
  width: 8px;
}

.ps>.ps__rail-y>.ps__thumb-y {
  width: 8px;
}

.ps>.ps__rail-y:hover,
.ps>.ps__rail-y>.ps__thumb-y:hover {
  width: 8px;
}

/*Header responsive*/
@media only screen and (max-width: 1270px) {
  .search-wrapper .search_term_input {
    width: 100% !important;
  }

  .custom_select {
    left: unset !important;
    right: 0px !important;
  }

  .kt-searchbar-new-dropdown {
    width: 400px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .search-wrapper.search-wrapper-home-hide {
    display: none;
  }

  .squiggle {
    display: none;
  }
}

/*-------------------*/
.external_pdf:hover {
  fill: white;
}

@media only screen and (max-width: 768px) {
  .dataTables_length {
    margin: 15px;
  }

  div#kt_subheader {
    margin-bottom: 0px;
  }

  div#kt_subheader .kt-container.kt-container--fluid {
    margin-bottom: 0px;
  }
}

/*----------------------popover-----------------------------*/
.awesome-popover-class {
  max-width: 600px;
  width: 600px;
  border: 0px;
}

.awesome-popover-class .popover-body .main_content .col-md-6 {
  padding: 25px;
}

.awesome-popover-class .popover_img {
  width: 100%;
  max-width: 200px;
}

.awesome-popover-class .brand_popover {
  color: #1f9cef;
  margin-bottom: 0px;
}

.awesome-popover-class .brand_industry_link {
  color: #74788d;
  font-weight: 500;
  font-size: 1.3rem;
}

.awesome-popover-class .popover_list p {
  margin-bottom: 0px;
}

.awesome-popover-class .popover-body {
  padding: 0px;
}

.awesome-popover-class .popover-body .main_content {
  padding: 1rem 1.25rem;
}

.awesome-popover-class .popover_footer {
  height: 70px;
  background: #1f9cef;
}

.awesome-popover-class .popover_website {
  color: #fff;
  padding: 29px 28px;
  font-weight: lighter;
}

.awesome-popover-class .popover_website a {
  font-weight: lighter;
  color: #fff;
}

.awesome-popover-class .popover_footer .popover_btn {
  background: #fff;
  color: #1f9cef;
  margin-top: 18px;
  border-radius: 30px;
  border: none;
  padding: 0.65rem 1.7rem;
}

.awesome-popover-class .popover_business {
  font-weight: lighter;
}

/*---------------------Search design css---------------------------*/
.overlay_search {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.5);
  overflow-x: hidden;
  /*transition: 0.5s;*/
}

.overlay_search_new {
  height: 100%;
  width: 0;
  position: absolute;
  /* z-index: 100; */
  z-index: 9;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.5);
  overflow-x: hidden;
  /*transition: 0.5s;*/
}

.overlay-header {
  z-index: 100 !important;
  border: none !important;
}

.overlay_search.full-width,
.overlay_search_new.full-width {
  width: 100%;
}

#search_result_box {
  position: absolute;
  z-index: 99999;
  top: 60px;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  padding: 0px 25px;
  border-radius: 4px;
  /* left: 21px; */
  background: #fff;
  /* width: 600px; */
  max-height: calc(100vh - 170px);
  padding-bottom: 25px;
  transition: 0.5s;
  max-width: 600px;
  width: 100%;
  /* left: 0; */
  right: 0;
  margin: 0 auto;
}

#search_result_box .brand_img {
  width: 100%;
  max-width: 80px;
}

#search_result_box .brand_popover {
  color: #1f9cef;
  margin-bottom: 0px;
  width: fit-content;
  font-size: 18px;
  word-break: break-all;
}

#search_result_box .brand_popover .sponsored {
  font-size: 10px;
  margin-bottom: 0px;
  text-align: right;
  color: orange;
  font-weight: 200;
}

#search_result_box .industry_text {
  font-weight: 500;
  color: black;
  font-size: 14px;
}

#search_result_box .no_fdd_div {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

#search_result_box .franchisees_link {
  font-weight: 400;
  text-decoration: underline;
  color: black;
  /*font-size: 12px;*/
}

#search_result_box .brand_info {
  border-right: 2px solid #1f9cef;
}

#search_result_box .pdf_list {
  color: #1f9cef;
  font-weight: 500;
}

#search_result_box .list_fdd_title {
  position: absolute;
  color: #fff;
  background: #1f9cef;
  padding: 7px;
  top: -30px;
  left: -2px;
}

#search_result_box .one_fr_detail {
  margin-top: 70px;
  justify-content: space-around;
}

/*----------------New design portlet------------------*/
.new_port_title {
  font-size: 16px;
}

/*modify column model*/
.modify_columns .col-md-4 {
  margin-bottom: 20px;
}

/*new button remain download and view franchise*/
#remain_down_btn {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  color: #4285f4 !important;
  background-color: transparent !important;
  border: 2px solid #4285f4 !important;
  margin: 0.375rem;
  color: inherit;
  text-transform: uppercase;
  word-wrap: break-word;
  white-space: normal;
  cursor: pointer;
  border: 0;
  border-radius: 0.125rem;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  padding: 0.64rem 1.14rem;
  font-size: 0.81rem;
  margin-top: 14px;
}

#remain_down_btn i {
  font-size: 0.81rem;
}

/*-----------*/
.new_website_btn {
  /* background: -moz-linear-gradient(top, #e72c83 0%, #a742c6 100%);
  background: -webkit-linear-gradient(top, #e72c83 0%, #a742c6 100%);
  background: linear-gradient(to bottom, #e72c83 0%, #a742c6 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: black;
  font-size: 22px;
}

.new_pdf_icon {
  font-size: 22px;
  color: red;
}

/* ------------------------------------ */
.view_number_franchisee {
  border-radius: 0;
  line-height: 28px;
  font-weight: 500;
  font-size: 14px;
  background: unset;
  box-shadow: none;
  color: black;
  border: 1px solid;
  padding: 1px 10px;
}

.view_number_franchisee:hover {
  background: black;
  color: white;
}

/* ----------Franchisor new portlet-------- */
.portlet_with_text_logo .kt-portlet__body {
  padding: 0px;
}

.portlet_with_text_logo .logo_color_div {
  background: #1f9cef;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  position: relative;
}

.portlet_with_text_logo .fr_new_portlet {
  margin: 0px;
}

.portlet_with_text_logo .fr_new_portlet_text {
  padding: 25px;
  padding-bottom: 13px;
  /* margin-top: auto; */
  margin-top: 1.5rem;
  margin-bottom: auto;
}

.portlet_with_text_logo .logo_color_div .color_img_div {
  padding: 25px;
  background: #fff;
  position: absolute;
  border: 3px solid black;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  width: 100%;
}

.portlet_with_text_logo .logo_color_div .color_img_div img {
  width: 100%;
}

@media (max-width: 1400px) {
  .portlet_with_text_logo .logo_color_div .color_img_div {
    padding: 15px;
  }
}

.fr_new_portlet_text .mobile_logo_color_div {
  display: none;
}

@media (max-width: 768px) {
  .fr_new_portlet_text .mobile_logo_color_div {
    /* display: block; */
    width: 100px;
    margin-bottom: 15px;
    text-align: center;
  }

  .portlet_with_text_logo .logo_color_div {
    display: none;
  }

  .portlet_with_text_logo {
    margin-top: 20px;
  }

  .common_for_mobile_hide {
    display: none;
  }

}

/*------------New view css for home page-------------*/
#new-list {
  margin: 0;
  padding: 0;
  padding-bottom: 2rem;
  list-style-type: none;
  /* text-align: left; */
}

ul.franchisees_list li {
  height: 320px !important;
  display: table !important;
}

ul.franchisees_list li .new_card_desc {
  vertical-align: middle;
  display: table-cell;
  margin: 0px;
}

#new-list li {
  display: inline-block;
  width: 290px;
  /*border: 1px #CCC solid;*/
  /* padding: 10px; */
  margin: 3px;
  float: left;

  /* height: 460px; */
  /* height: 580px; */
  height: 630px;
  box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
  /* border: 1px solid grey; */
  border-radius: 10px;
  margin: 15px;
  position: relative;
}

#new-list .web_link {
  height: 15px;
}

#new-list li p span.title,
#new-list li p span.icon {
  color: white;
}

#new-list li:hover {
  box-shadow: 0.1rem 0.1rem 0.9rem rgba(0, 0, 0, 0.5);
  /*background: linear-gradient(135deg, rgb(243, 231, 232) 0%, rgb(227, 238, 255) 100%);*/
}

#new-list li p {
  font-size: 12px;
  margin-bottom: 0px;
}

#new-list li p span {
  color: #4a4a4b;
}

.new_card_image {
  text-align: center;
  height: 120px;
  /* box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25); */
  /* display: flex; */
  /* align-items: center; */
  margin-top: 10px;
}

.new_card_image img {
  margin: auto;
}

.new_card_image a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.new_card_desc {
  margin-top: 12px;
  text-align: center;
  /* max-width: 180px;
  height: 400px; */
}

/* ravi added */
.new_card_desc2 {
  margin-top: 12px;
  text-align: center;
  /* max-width: 180px; */
  height: 420px;
  display: flex;
  flex-direction: column;
  position: relative;
  /* padding-bottom:7px !important; */
}

.new_card_desc2 .br_title_new {
  color: #4a4a4b;
  margin-bottom: 0px;
  /* width: fit-content; */
  font-size: 15px;
  padding-left: 10px;
  text-align: center;
  display: inline-block;
  width: 200px;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.new_card_desc2 .br_content_new {
  color: #4a4a4b;
  /* color:#7b7b7b; */
  margin-bottom: 0px;
  /* width: fit-content; */
  font-size: 13px;
  text-align: center;
  display: inline-block;
  width: 210px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.new_card_desc2 i {
  color: #7b7b7b;

}

.new_card_desc2 .black {
  color: #7b7b7b;

}

.new_card_desc .br_title_new {
  /* color: #1f9cef; */
  color: #3c3c3c;
  margin-bottom: 0px;
  /* width: fit-content; */
  font-size: 16px;
  text-align: center;
  display: inline-block;
  width: 250px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.new_card_desc .br_industry_new {
  color: #74788d;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  margin-top: 5px;
}

.new_card_desc2 .br_industry_new {
  color: #74788d;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  margin-top: 5px;
}

.new_card_desc .field_div_card {
  background: #f2f8ff;
  padding: 13px;
  margin-top: 10px;
  /* border-top: 1px #8c8c8c dotted; */
  /* border-bottom: 1px #8c8c8c dotted; */
  text-align: center;
  font-weight: 400;
  color: #4a4a4b;
  height: 100px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.new_card_desc2 .field_div_card {
  background: #f8f8f8;
  padding: 13px;
  margin-top: 10px;
  border-top: 1px #8c8c8c dotted;
  border-bottom: 1px #8c8c8c dotted;
  text-align: center;
  font-weight: 400;
  height: 80px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

#new-list li:hover .new_card_desc .field_div_card {
  /*background: #fff;*/
}

.new_card_desc .business_types_div {
  padding: 10px 0px 10px 10px;
  text-align: left !important;
  /* padding: 15px;
  height: 88px; */
}

.view_fr_btn_card {
  font-size: 15px;
  font-weight: 400;
  color: grey;
  line-height: 1px;
}

#new-list li:hover .new_card_desc .dropdown button {
  background: #fff;
}

.new_card_desc .dropdown {
  height: 33px;
}

button#grid_view {
  margin-left: -1px;
}

button.list_grid_btn,
button.list_grid_btn_franchisee,
button.list_grid_btn_fdd {
  color: #016296;
  border: 1px solid #016296;
  background: #fff;
}

button #grid_view {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

.ms-auto {
  margin-left: auto;
}

.table-heading {
  color: #333;
}

.list_grid_btn:hover,
.list_grid_btn_franchisee:hover,
.list_grid_btn_fdd:hover {
  /* color: #fff;
  border: 1px solid #016296;
  background: #016296; */
  background: #ebedf2;
}

button.view_active {
  color: #fff;
  border: 1px solid #016296;
  background: #016296;
}

/* #kt_table_1_wrapper .DTFC_ScrollWrapper,
#kt_table_2_wrapper .dataTables_scroll,
#kt_table_4_wrapper .dataTables_scroll,
#kt_table_5_wrapper .dataTables_scroll,
#fdd_table_wrapper .dataTables_scroll {
  display: none;
} */

.DTFC_ScrollWrapper,
.dataTables_scroll {
  height: 100% !important;
  margin-bottom: 0px !important;
}

.dataTables_wrapper .dataTables_pager {
  text-align: left;
  margin-top: 1.5rem;
}

.dataTables_wrapper .dataTables_pager .dataTables_info {
  margin-left: 10px;
  margin-bottom: 1rem;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item>.page-link {
  /* color: #595d6e; */
  border: 2px solid #ebedf2;
  padding: 17px 15px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
}

.dataTables_wrapper .pagination .page-item.first>.page-link,
.dataTables_wrapper .pagination .page-item.last>.page-link,
.dataTables_wrapper .pagination .page-item.next>.page-link,
.dataTables_wrapper .pagination .page-item.previous>.page-link {
  background: #fff;
}

.dataTables_wrapper .pagination .page-item.active>.page-link,
.dataTables_wrapper .pagination .page-item.first>.page-link:hover,
.dataTables_wrapper .pagination .page-item.last>.page-link:hover,
.dataTables_wrapper .pagination .page-item.next>.page-link:hover,
.dataTables_wrapper .pagination .page-item.previous>.page-link:hover,
.dataTables_wrapper .pagination .page-item:hover>.page-link {
  background: #333;
  border-color: #333 !important;
  color: #fff;
}

.dataTables_scroll {
  border: 1px solid #ddd;
  /* box-shadow: -9px -10px 9px -4px rgba(0, 0, 0, 0.1); */
  margin-top: 1rem;
  margin-bottom: 0 !important;
}

.franchise-cell {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  max-width: 240px;
}

.franchise-logo {
  max-width: 40px;
  max-height: 40px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.franchise-text {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 1.2;
}

.franchise-name {
  font-weight: 500;
  color: #111;
}

.franchise-name:hover {
  color: #08c;
  text-decoration: underline;
}

.franchise-subtext {
  color: #666;
  font-size: 13px;
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) {
  display: -webkit-box !important;
}

@media (max-width: 768px) {

  /* .DTFC_ScrollWrapper,
  .dataTables_scroll {
    display: none;
  } */

  #new-list {
    text-align: center;
    padding-bottom: 10rem;
  }

  /* ravi commented */
  /* #new-list li {
    float: unset;
  } */
  ul.franchisees_list li {
    height: 420px;
    margin: unset !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 15px !important;
  }
}

@media only screen and (min-width:321px) and (max-width:768px) {
  #new-list li {
    /* margin: 10px !important; */
  }
}

/*new table for franchisor page css*/
.statics_table .main_table thead {
  color: green;
  text-align: center;
  font-weight: 500;
}

.statics_table .main_table thead tr th {
  font-weight: 500;
  font-size: 15px;
}

/*.main_table tbody {color:blue;}*/
.statics_table .main_table tfoot {
  text-align: center;
  font-weight: 500;
  border-spacing: 0px;
}

.statics_table .main_table thead tr th {
  background: #1f9cf0;
  color: #fff;
}

.statics_table .net_increase {
  text-align: left;
}

.statics_table .main_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 12px;
}

.statics_table .content_tables table td {
  padding: 10px;
  background: #f4f4f4;
  height: 77px;
}

.main_table td {
  padding: 0px;
}

.statics_table .content_tables table td .td_div {
  display: table-cell;
  vertical-align: middle;
}

.statics_table .main_table tfoot .td_div {
  display: table-cell;
  vertical-align: middle;
}

.statics_table .content_tables table {
  border: 1px solid lightgrey;
}

.statics_table .main_table tfoot tr td {
  /*padding: 9px;*/
  background: #d8fcf8;
}

.statics_table .main_table tfoot tr .border_td {
  border: 1px solid lightgrey;
}

.statics_table .main_table .metric td,
.main_table th.metric,
.main_table tfoot td.metric {
  background: #44546b !important;
  color: #fff;
  padding: 10px;
}

.statics_table .metric_btn {
  background: #fff;
  color: #5d77ff;
  float: left;
  cursor: initial;
}

.statics_table .metric_btn i {
  /*color: #5d77ff;*/
  color: #44546b;
}

.statics_table .hot_cold_btn {
  background: #fff;
  color: #5d77ff;
}

.statics_table .hot_cold_btn i {
  color: #5d77ff;
}

.statics_table .content_tables .second_label {
  font-weight: 500;
}

@media (max-width: 768px) {
  .statics_table {
    overflow-x: auto;
  }
}

#column_btn_table {
  display: none;
}

.statics_table button.btn.btn-label-danger.btn-sm.btn-icon,
.statics_table button.btn.btn-label-success.btn-sm.btn-icon {
  cursor: initial !important;
}

.statics_table button.btn.btn-label-danger:hover,
.statics_table button.btn.btn-label-danger:focus {
  background-color: rgba(253, 57, 122, 0.1);
  color: #fd397a;
}

.statics_table button.btn.btn-label-success:hover,
.statics_table button.btn.btn-label-success:focus {
  background-color: rgba(10, 187, 135, 0.1);
  color: #0abb87;
}

/*nice select for franchisor page*/
.franchisor_content .nice-select.open:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.franchisor_content .nice-select {
  line-height: 23px;
}

.franchisor_content .nice-select ul.list {
  border: 0 solid rgba(0, 0, 0, 0.15);
  border-radius: 0.42rem;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  background-color: #fff;
  /* width: 100px; */
}

.fr_new_portlet_text .primary_brand {
  font-size: 1rem;
  font-weight: 400;
  color: #74788d;
  margin-bottom: 0px;
}

.fr_new_portlet_text .pr_br_nm {
  font-weight: normal;
  color: #1f9cef;
  margin-bottom: 10px;
}

.fr_new_portlet_text .pr_nm_br_db {
  color: #1f9cef;
  font-size: 45px;
  font-weight: 600;
}

.royalty_marketing .kt-notes .kt-notes__items .kt-notes__item {
  border-left: 0px;
}

.faq_div .card-title {
  font-weight: 500;
  font-size: 15px;
  margin-top: 10px;
}

.faq_div .card-body {
  font-size: 1.1rem;
}

.revenue_earnings {
  /* align-items: flex-end; */
  align-items: center;
}

.revenue_earnings .r_e_logo {
  padding: 25px;
}

.revenue_earnings .revenue_earnings_val {
  font-weight: 600;
  color: #2a2760;
}

.revenue_earnings .revenue_earnings_lbl {
  font-size: 13px;
  font-weight: 400;
  color: grey;
}

.revenue_earnings p i {
  font-size: 50px;
  font-weight: 700;
  color: #2a2760;
}

/* franchisor page slider */
/* .slick-slide > div > div{
  display: initial!important;
} */

.slick-initialized .slick-slide {
  display: block;
  position: relative;
}

.slider_main_div {
  /* display: inline-block; */
  /* width: 290px;   */
  width: 276px;
  float: left;
  /* height: 475px; */
  /* height: 510px; */
  height: 618px;
  box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  /* margin: 15px; */
  background: #fff;
  position: relative;
}

.slider_content_fav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-left: 0px;
}

.slider_content_fav .slider_main_div {
  margin: 10px 10px;
}

.slider_main_div .slider_img {
  text-align: center;
  height: 120px;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.slider_main_div .slider_img img {
  margin: auto;
  width: 100px;
}

.slider_main_div .slider_content {
  margin-top: 12px;
  text-align: center;
}

.slider_main_div .slider_content a .br_title_new {
  color: #1f9cef;
  margin-bottom: 0px;
  /* width: fit-content; */
  font-size: 16px;
  text-align: center;
}

.slider_main_div .slider_content a .br_industry_new {
  color: #74788d;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  margin-top: 5px;
}

.slider_main_div .slider_content .slider_div_card {
  background: #f8f8f8;
  padding: 13px;
  margin-top: 10px;
  border-top: 1px #8c8c8c dotted;
  border-bottom: 1px #8c8c8c dotted;
  text-align: center;
  font-weight: 400;
  height: 95px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.slider_main_div .slider_content .slider_div_card p {
  font-size: 12px;
  margin-bottom: 0px;
}

.slider_main_div .slider_content .business_types_div {
  font-size: 11px;
  margin-bottom: 0px;
  padding: 10px 0px 10px 10px;
  text-align: left !important;
  /* padding: 15px;
  height: 88px; */
}

.slider_main_div .slider_content .br_indu {
  height: 65px;
  margin-top: 35px;
}

/* new sort by button */

.dataTables_pager .nice-select {
  display: inline-block;
  float: unset;
  /* background: #209aec;
  color: #fff;
  border-color: #209aec; */
  height: 34px;
  line-height: 32px;
}

/* .dataTables_pager .nice-select {
  display: inline-block;
  float: unset;  
  color: #fff;  
  height: 34px;
  line-height: 32px;
}

.dataTables_pager .nice-select.open {
  border-color: #209aec;
}

.dataTables_pager .nice-select.open .list {
  color: black;
}

.dataTables_pager .nice-select.open:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.dataTables_pager .nice-select:after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.dataTables_pager .nice-select:before {
  content: "\f0dc";
  font-family: FontAwesome;
  margin-right: 10px;
} */

/* Amit Css */

.slick-list {
  padding-top: 10px !important;
  padding-bottom: 12px !important;
}

/* .slick-active:hover{
  box-shadow: 0.1rem 0.1rem 0.9rem rgba(0,0,0,0.50);
  cursor: pointer;
} */
.slick-slide:hover {
  box-shadow: 0.1rem 0.1rem 0.9rem rgba(0, 0, 0, 0.5);
  cursor: pointer;
  /* height: 510px; */
}

.slick-slide {
  border-radius: 10px;
  height: 510px !important;
}

.slick-slide,
.slick-active {
  border-radius: 10px;
  /* height: 510px!important; */
  height: 618px !important;
}

/* sohil css */
.fdd_details .panel {
  border: 2px solid;
  background-color: #fefeed;
  box-shadow: 8px 8px 8px #888888;
  -moz-box-shadow: 8px 8px 8px #888888;
  -webkit-box-shadow: 8px 8px 8px #888888;
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__body {
  text-transform: capitalize;
}

.slick-active {
  opacity: 1 !important;
}

.fr_new_portlet_text .primary_brand span,
.fr_new_portlet_text .pr_br_nm span {
  color: #000;
}

.slider_main_div .slider_content .website_link {
  margin-bottom: 0px;
  font-size: 12px;
}

.ph-item {
  border: unset !important;
  height: 100%;
}

.ph-item .ph-picture {
  height: 100%;
}

.accordion .card .card-header .card-title>img {
  width: 25px;
  margin-right: 1rem;
}

.slick-slide {
  opacity: 1 !important;
}

/* #Alternatives .slick-slide {  
  margin: 0px 12px !important;
}

#Alternatives .slider_main_div {  
  width: 274px;
}

#Alternatives .slider_main_div .slider_content .business_types_div {
  padding: 10px 0px 10px 5px;
} */

.className {
  border-style: solid;
  border-width: 0px 0px 1px 1px;
  border-color: black;
}

.contact_div {
  /* -webkit-box-flex: 1; */
  /* -ms-flex: 1 1 auto; */
  /* flex: 1 1 auto; */
  padding: 1.25rem 0 0 0;
}

.slick-slide .contact_div .export_csv_view_pro {
  /* margin-left: 10px; */
}

.contact_div p {
  margin-bottom: 1rem !important;
}

.contact_div span:nth-of-type(1) {
  margin-left: 10px;
}

.bottom_div {
  background-color: white;
  color: #fff;
  margin-right: 0px;
  margin-left: 0px;
  border-radius: 0px 0px 10px 10px;
  /* border-top: 2px dotted #e6e1e1; */
  /* box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.40); */
  position: absolute;
  width: 100%;
  bottom: 0;
}

li .bottom_div {
  position: absolute !important;
}

/* ravi added css for table2 */
.new_card_desc2 .bottom_div {
  background-color: white;
  color: #fff;
  margin-top: auto;
  margin-right: 0px;
  margin-left: 0px;
  border-radius: 0px 0px 10px 10px;
  position: absolute;
  bottom: 0;
}

/* .new_card_desc2 i.fa {

  color: #7b7b7b;

} */
.new_card_desc2 .card_desc2_content {
  margin-left: 0.5rem;
  width: fit-content;
  padding: 3px;
  color: #4a4a4b;
}

.new_card_desc2 .font-black {
  color: #4a4a4b;
}

.bottom_div .view_fr_btn_card {
  color: #fff;
  font-weight: 100;
  font-size: 14px;
}

/* .card_desc2_content i.fa{
  color:#7b7b7b;
} */
/* Ravi added */
.icon-block i.fa {
  display: inline-block;
  font-size: 24px;
  color: #565c68b5;
  text-align: center;
  /* border: 1px solid #565c68; */
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  margin: 0 5px 5px 5px;
}

.icon-block i.fa:hover {
  /* background-color: #1f9cef; */
  color: #565c68b5;
  /* border: 1px solid #1f9cef; */
}

.bottom_div_datatable {
  background-color: #08c;
  color: #fff;
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 0.6rem !important;
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
}

/* franchsor page */
/* .br-theme-fontawesome-bars .br-widget a {
  font-size: 64px !important;
  }

  .br-theme-fontawesome-bars .br-widget a::after {
  color: #000 !important;
  }

  .br-theme-fontawesome-bars .br-widget a.br-selected::after {
  color: blue !important;
  } */
.br-theme-bars-reversed .br-readonly a.br-active,
.br-theme-bars-reversed .br-readonly a.br-selected {
  background-color: #08976d !important;
}

.br-theme-bars-reversed .br-widget a {
  width: 19px !important;
  height: 19px !important;
  background-color: #0abb87 !important;
}

.btn-circle {
  width: 15px;
  height: 15px;
  padding: 6px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}

.active_deactive_div {
  /* position: absolute; */
  bottom: 5px;
  right: 0;

}

.active_deactive_div_franchise {
  position: absolute;
  bottom: 10px;
  right: 0;
}

.blue_color {
  color: #1f9cef !important;
}

.address_div p {
  margin-bottom: 0;
}

.v_super {
  vertical-align: super;
}

.align_item {
  display: inline-block;
  align-items: center;
}

.second_div #tooltip {
  position: absolute;
  top: -25px;
  left: -36px;
  display: none;
  width: 328px;
}

.slider_main_div .custom_card_left {
  height: 63px;
  border-top: 1px solid #e6e1e1;
}

.custom_card_right {
  border-left: 1px solid;
}

.custom_card_right:before {
  height: 10px;
  display: block;
  width: 3px;
  background: white;
  border-left: 1px solid white;
  content: "";
  height: 88%;
}

@media only screen and (max-width: 600px) {
  .bottom_div {
    margin-top: 1.9rem !important;
  }

  #new-list li {
    float: unset;
  }

  .kt-footer .kt-footer__menu .about-us-link {
    margin: 0;
  }
}

.web_icon {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #000;
}

span.title i {
  color: white;
}

@media(max-width:1024px) {
  .kt-header-mobile--fixed .kt-wrapper {
    padding-top: 0px
  }
}

.font-weight-custom-medium {
  font-weight: 500;
}

.space span span {
  font-size: 1rem;
}

.summary_fees {
  font-size: 13px;
}

/* ravi added */
/* franchisee try now calculator card css */

/* .fc{
  background-position: calc(100% + 0.5rem) bottom;
  background-size: auto 70%;
  background-image: url(media/custom-3.svg);
  width: 250px;
}
.rounded-xl {
  border-radius: 1.25rem!important;
}
.bgi-no-repeat {
  background-repeat: no-repeat;
}
.p-8 {
  padding: 1rem 4rem 4rem 2rem !important;
}
.text-inverse-danger {
  color: #fff!important;
}
.bg-danger {
  background-color: #f64e60!important;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn.btn-warning {
  color: #fff;
  background-color: #ffa800;
  border-color: #ffa800;
}
.my-6 {
  margin-top: 1.5rem!important;
}
.my-6 {
  margin-bottom: 1.5rem!important;
}
.px-6 {
  padding-left: 1.5rem!important;
}.px-6 {
  padding-right: 1.5rem!important;
} */

/* ravi added */
/* price page css */
.section {
  display: flex;
  margin-bottom: 0;
  padding: 20px 0px;
  align-items: center;
  justify-content: center;
  color: black;
  font-size: 16px;
  font-family: "objektiv-mk2", sans-serif;
}

.content-container.centered {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  white-space: normal;
}

.content-container {
  position: relative;
  z-index: 2;
  display: flex;
  width: 80vw;
  max-width: 1280px;
  flex-direction: column;
  align-items: flex-start;
}

.header-wrapper.centered {
  max-width: 900px;
  justify-content: center;
  align-items: center;
}

.header-wrapper.centered {
  max-width: 900px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-wrapper {
  margin-bottom: 32px;
}

.pricing-tier-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pricing-tiers-container {
  display: flex;
  margin-bottom: 64px;
  justify-content: center;
  flex-wrap: wrap;
}

.pricing-tier-new {
  display: flex;
  width: 100%;
  max-width: 640px;
  min-height: 350px;
  min-width: 312px;
  margin-right: 8px;
  margin-bottom: 16px;
  margin-left: 8px;
  padding: 32px 24px 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 2 25%;
  border: 1px solid #000;
  background-color: #fff;
  text-align: left;
  position: relative;
}

._3d-line.dropshadow.fill-white.black.thin,
._3d-line.thin {
  border-width: 1px;
}

._3d-line.black {
  border-color: #000;
}

._3d-line.dropshadow {
  box-shadow: 1px 1px 50px 0 rgb(0 0 0 / 5%);
}

._3d-line.fill-white,
._3d-line.green.filled,
.use-case-foreground {
  background-color: #fff;
}

._3d-line {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-style: solid;
  border-width: 1.5px;
  border-color: #b36de6;
  transform: translate(8px, 8px);
}

.pricing-tier-header-container {
  flex: 0 0 auto;
}

.column-divider.pricing-tier-divider {
  width: 100%;
  height: 2px;
  margin-top: 16px;
  margin-bottom: 16px;
  background-color: #f0f0f0;
  background-image: none;
  opacity: 1;
}

.pricing-tier-feature-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1;
}

.pricing-featured-feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  margin-left: 6px;
  align-items: flex-start;
  color: #000;
  font-weight: 400;
  text-decoration: none;
}

.checkmark-wrapper {
  width: 10px;
  margin-top: 4px;
}

.checkmark-image {
  display: block;
}



.pricing-tier-feature {
  width: 100%;
  margin-left: 8px;
  font-size: .8em;
  line-height: 150%;
}

.column-divider.pricing-tier-divider {
  width: 100%;
  height: 2px;
  margin-top: 16px;
  margin-bottom: 16px;
  background-color: #f0f0f0;
  background-image: none;
  opacity: 1;
}

.pricing-tier-price {
  display: flex;
  font-size: 2.0em;
  line-height: 100%;
  font-weight: 700;
}

.per-user-new {
  margin-top: 4px;
  font-weight: 300;
  margin-bottom: 16px;
}

.button-style.pricing-tier-cta {
  width: 100%;
  min-width: 0;
}

.button-style {
  position: relative;
  display: flex;
  min-width: 240px;
  padding: 20px 16px;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: rgba(0, 0, 0, .1);
  border-radius: 12px;
  background-color: #fff;
  transition: background-color 150ms ease-in-out;
  color: #000;
  font-size: .9em;
  line-height: 1.3em;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
}

.label.cta-label {
  margin-top: 6px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.label {
  font-size: 1rem;
  line-height: 140%;
}

.squiggle.pricing-new {
  left: 0;
  top: 34%;
  right: 0;
  bottom: auto;
  transform: rotate(180deg);
}

.squiggle {
  position: absolute;
  left: -10%;
  top: -24%;
  z-index: 1;
  width: 120%;
  min-width: 1000px;
}

.button-style.purple {
  border-color: transparent;
  background-color: #a63df9;
  color: #fff;
}

.button-style.pink {
  border-color: transparent;
  background-color: #f21969;
  color: #fff;
}

.button-style.blue {
  border-color: transparent;
  background-color: #005dff;
  color: #fff;
}

.button-style.blue:hover {
  background-color: #1e4de2;
}

.button-style.pink:hover {
  background-color: #e51763;
}

.button-style.purple:hover {
  background-color: #8523b8;
}

@font-face {
  font-family: objektiv-mk2;
  src: url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/cb3645/00000000000000003b9b46ae/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff2"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/cb3645/00000000000000003b9b46ae/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/cb3645/00000000000000003b9b46ae/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: objektiv-mk2;
  src: url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/96599b/00000000000000003b9b46ad/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/96599b/00000000000000003b9b46ad/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/96599b/00000000000000003b9b46ad/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: objektiv-mk2;
  src: url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/59d6a0/00000000000000003b9b46af/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/59d6a0/00000000000000003b9b46af/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/59d6a0/00000000000000003b9b46af/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: objektiv-mk2;
  src: url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/975e1d/00000000000000003b9b46b0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/975e1d/00000000000000003b9b46b0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/975e1d/00000000000000003b9b46b0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: objektiv-mk2;
  src: url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/4eb9c2/00000000000000003b9b46b2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("woff2"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/4eb9c2/00000000000000003b9b46b2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("woff"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/4eb9c2/00000000000000003b9b46b2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: objektiv-mk2;
  src: url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/d82cc4/00000000000000003b9b46b1/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/d82cc4/00000000000000003b9b46b1/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/d82cc4/00000000000000003b9b46b1/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: objektiv-mk2;
  src: url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/fe6f78/00000000000000003b9b46b3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/fe6f78/00000000000000003b9b46b3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/fe6f78/00000000000000003b9b46b3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: objektiv-mk2;
  src: url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/d18527/00000000000000003b9b46b4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/d18527/00000000000000003b9b46b4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/d18527/00000000000000003b9b46b4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: objektiv-mk2;
  src: url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/2eb7bc/00000000000000003b9b46b5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("woff2"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/2eb7bc/00000000000000003b9b46b5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("woff"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/2eb7bc/00000000000000003b9b46b5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: objektiv-mk2;
  src: url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/3dffb0/00000000000000003b9b46b6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3) format("woff2"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/3dffb0/00000000000000003b9b46b6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3) format("woff"), url(https://web.archive.org/web/20201116235459/https://use.typekit.net/af/3dffb0/00000000000000003b9b46b6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3) format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: lobster_regular;
  src: url(../../../assets/fonts/Lobster-Regular.ttf);
}

.franchimp_logo {
  font-family: 'lobster_regular';
  font-size: 48px;
  color: #2298f2;
}

.pricing-tier-header-container h4 {
  font-size: 1.6rem;
  line-height: 130%;
  font-weight: 700;
  margin-bottom: 8px;
}

.h1-style {
  font-size: 3.2rem;
  text-align: center;
}

.subheader {
  margin-bottom: 0;
  text-align: center;
  font-size: 1.3rem;
  line-height: 160%;
  font-weight: 400;
}

.section.cta {
  padding-top: 0px;
  margin-bottom: 30px;
}

.button-style.cta.outline {
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out, transform .3s cubic-bezier(.842, -2.034, .14, 2.738), -webkit-transform .3s cubic-bezier(.842, -2.034, .14, 2.738);
}

.button-style.cta {
  border-style: none;
  border-color: transparent;
  background-color: #000;
  color: #fff;
}

.button-style.cta.outline:hover {
  background-color: #4be4b4;
  transform: translate(-2px, -2px);
}

.button-style.cta:hover {
  background-color: #4be4b4;
  color: #000;
}

.dual-cta-wrapper {
  z-index: 1;
  display: flex;
  align-items: center;
  position: relative;
}

.cta-3d-wrapper {
  position: relative;
  z-index: 2;
  display: inline-block;
}

._3d-line.button-line {
  border-color: #4be4b4;
  border-radius: 12px;
  transform: translate(4px, 4px);
}

.button-spacer {
  width: 16px;
  height: 8px;
}

/* ravi added for vertical scrollbar fdd pdf reader */
.fdd_details {
  overflow: hidden !important;
  background: #f2f3f8;
  /* height: 80vh; */
  min-width: 290px;
  max-width: 400px;
  height: calc(100vh - 110px);

}

.fdd_detail {
  overflow: hidden !important;
  background: #f2f3f8;
  /* height: 80vh; */
  min-width: 290px;
}

@media (max-width: 768px) {
  .fdd_details {
    min-width: 290px;
  }
}

.fdd_credits {
  border-radius: 5px;
  padding-top: 15px;
  height: 120px;
  max-height: 150px;
  background: white;
  box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}

.credits {
  color: #ffab09;
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 10px !important;
}

.fdd_buy_btn {
  background: #f64e60;
}

.small_font_clr {
  color: #b6b6c7;
}

.btn.btn-light-danger {
  color: #f64e60;
  background-color: #ffe2e5;
  border-color: transparent;
}

/* pdf_new_1.php */
.card.card-custom.card-stretch.gutter-a {
  height: auto;
}

.card.card-custom.card-stretch.gutter-b {
  height: 500px;
}

.card.card-custom.card-stretch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.card.card-custom {
  -webkit-box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
  box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
  border: 0;
}

.gutter-b {
  margin-bottom: 10px;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #ebedf3;
  border-radius: .42rem;
}

.card.card-custom>.card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* -ms-flex-wrap: wrap;
  flex-wrap: wrap; */
  min-height: 70px;
  padding-top: 10px;
  padding-bottom: 0;
  background-color: transparent;
}

.card-header:first-child {
  border-radius: calc(.42rem - 1px) calc(.42rem - 1px) 0 0;
}

.symbol {
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  border-radius: .42rem;
}

.symbol.symbol-40 .symbol-label {
  width: 50px;
  height: 50px;
}

.symbol.symbol-light-primary .symbol-label {
  background-color: #e1f0ff;
  color: #3699ff;
}

.symbol.symbol-light-danger .symbol-label {
  background-color: #ffe2e5;
  color: #f64e60;
}

.symbol.symbol-light .symbol-label {
  background-color: #f3f6f9;
  color: #7e8299;
}

.symbol .symbol-label {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-weight: 500;
  color: #3f4254;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: .42rem;
  width: 50px;
  height: 50px;
}

.svg-icon.svg-icon-xl svg {
  height: 2rem !important;
  width: 2rem !important;
}

.card.card-custom>.card-header .card-title,
.card.card-custom>.card-header .card-title .card-label {
  font-weight: 500;
  font-size: 1.275rem;
  color: #181c32;
}

.card.card-custom>.card-header .card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: .5rem;
  margin-left: 0;
}

.card.card-custom>.card-header .card-title .card-label {
  margin: 0 .75rem 0 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.card.card-custom>.card-header .card-title .card-label {
  font-weight: 500;
  font-size: 1.275rem;
  color: #181c32;
}

.font-size-sm {
  font-size: .925rem;
}

.pt-8,
.py-8 {
  padding-top: 2rem !important;
}

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  /* padding: 2.25rem; */
}

.mb-10,
.my-10 {
  margin-bottom: 2.5rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 1.25rem !important;
}

.img_rounded_fdd {
  border-radius: 3px;
  width: 100%;
}

.svg-icon.svg-icon-primary svg g [fill] {
  -webkit-transition: fill .3s ease;
  transition: fill .3s ease;
  fill: #3699ff !important;
}

.font_weight_500 {
  font-weight: 500;
}

.table_loader_gif {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
}

.search_icon {
  font-size: 16px;
  color: #B4B8CE;
}

.search_mobile_magnifier {
  background: white;
  border: none;
}

/* love_circle icon css */
.heart {
  stroke: #f87964;
  stroke-width: 3;
  fill: white;
  overflow: visible;
  margin: 13px 10px 10px 10px;
}

/* .heart_franchisee{
  stroke:#f87964; stroke-width:3;
  fill: white;
  overflow: visible;
  margin: 13px 10px 10px 10px;
} */
.heart_ {
  stroke: #f87964;
  stroke-width: 3;
  fill: white;
  overflow: visible;
  margin: 13px 10px 10px 10px;
}

.loveCircle {
  width: 18px;
  height: 18px;
  /* border: 2px solid #f87964; */
  padding: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* position: absolute; */
  top: 15px;
  right: 15px;
}

.new_card_desc .loveCircle {
  position: absolute;
}

.loveCircle_franchisee {
  width: 18px;
  height: 18px;
  border: 2px solid #f87964;
  padding: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -2px;
  right: -98px;
}

.loveCircle_franchisee_guest {
  width: 18px;
  height: 18px;
  border: 2px solid #f87964;
  padding: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -2px;
  right: -98px;
}

.loveCircle_franchisor {
  z-index: 9;
  width: 18px;
  height: 18px;
  border: 2px solid #f87964;
  padding: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0px;
  right: 5px;
}

.loveCircle_slider {
  z-index: 9;
  width: 18px;
  height: 18px;
  /* border: 2px solid #f87964; */
  padding: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 5px;
  right: 5px;
}

.loveCircle_franchisor_ {
  z-index: 1;
  width: 18px;
  height: 18px;
  /* border: 2px solid #f87964; */
  padding: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: static;
  top: 15px;
  right: 15px;
}

.slider_main_div .loveCircle_franchisor_,
#new-list .loveCircle_franchisor_{
  position: absolute;
}

.new-franchisor .loveCircle_franchisor_ {
  border: 0px;
  top: 5px;
  right: 5px;
}

.heart_active {
  /* stroke: rgb(253, 253, 253); */
  stroke-width: 3;
  fill: #f87964;
  overflow: visible;
  margin: 13px 10px 10px 10px;
}

.loveCircle_active {
  width: 18px;
  height: 18px;
  /* border: 2px solid #f87964; */
  padding: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background: #f87964; */
}

.favorite_red:hover {
  background: white;
  cursor: pointer;
}

.favorite_red:hover>svg {
  stroke: #f87964 !important;
  fill: white !important;
}

.favorite_white:hover {
  background: #f87964;
  cursor: pointer;
}

.favorite_white:hover>svg,
.favorite_white:hover>a>svg {
  stroke: white !important;
  fill: #f87964 !important;
}


/* my account toggler css */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 97;
  top: 0;
  right: 0;
  background-color: #333333;
  overflow-x: hidden;
  /* transition: 0.4s; */
  padding-top: 60px;
}

.sidenav a {
  word-break: break-all;
  padding: 0px 0px 13px 32px;
  text-decoration: none;
  /* font-size: 25px; */
  display: block;
  /* transition: 0.3s; */
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0px;
  right: 15px;
  font-size: 36px;
  color: white;
  /* margin-left: 50px; */
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}

.overlay_ {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  z-index: 96;
}

.sroll_stop {
  height: 100vh;
  overflow: hidden;
}

.head_text_sidemenu {
  font-size: 20px;
  color: white;
}

.small_text_sidemenu {
  font-size: 16px;
  color: #b3b1b1;
}

.Underline_user {
  width: 100%;
  position: relative;
  left: 32px;
  top: -10px;
  background-color: #6b6b6b;
  margin-bottom: 0px;
}

.border_clr {
  border-bottom: 1px solid #6b6b6b;
}

/* .circle_user{
  border-radius: 50%;
  position: absolute;
  top: 62px;
  left: 55px;
  width: 25px;
  height: 25px;
  z-index: -1;
  background-color: #1f9cef;
} */

/* pagination favourite card */
.fcard_pagination {
  color: #5D70A7;
}

.fcard_pagination .link {
  margin: 0px 7px;
}

/* .fcard_pagination .link:nth-child(n+2):nth-last-child(n+2){
  color: #99ACCF;
  } */

.fcard_pagination .link:first-child {
  background-color: #F0EEF5;
  padding: 10px;
  border-radius: 6px;
  color: #99ACCF;
}

.fcard_pagination .link:nth-child(2) {
  background-color: #F0EEF5;
  padding: 10px;
  border-radius: 6px;
  color: #99ACCF;
}

.fcard_pagination .link:nth-last-child(2) {
  background-color: #F0EEF5;
  padding: 10px;
  border-radius: 6px;
  color: #99ACCF;
}

.fcard_pagination .link:last-child {
  background-color: #F0EEF5;
  padding: 10px;
  border-radius: 6px;
  color: #99ACCF;
}

.fcard_pagination .current {
  background: #5C77FE;
  padding: 10px 13px;
  border-radius: 6px;
  color: white;
}

.favoritesection .slider_content_fav {
  font-family: Poppins !important;
  color: #646c9a;
}

.favoritesection {
  font-family: Poppins !important;
  color: black;
}

@media (min-width: 1025px) {
  /* .kt-aside--enabled .kt-header.kt-header--fixed {
    left: 280px;
  } */
}

.text-grey {
  color: #74788d;
}

.border-bottom {
  border-bottom: 2px dotted #dee2e6 !important;
}

.fdd-border-bottom {
  border-bottom: 2px solid #e8e8ecc9;
}

.border-top {
  border-top: 2px dotted #dee2e6 !important;
}

.fdd_download_btn {
  background: #f64e60;
  border-color: #f64e60;
}

.fdd_download_btn:hover {
  color: #fff;
  background-color: #fd1361;
  border-color: #fc0758;
}

.fdd_buy {
  padding: 0 1.25rem 0.75rem 1.25rem;
}

.pdf-card-footer-text a {
  text-decoration: underline;
  color: #000;
}

.pdf-card-footer-text {
  padding: 0px 1.4rem 1rem 1.4rem;
}

.text-black {
  color: #000;
  font-size: 10px;
}

.f-13 {
  font-size: 13px;
}

.tool-menu .dropdown-menu {
  left: -35px !important;
}

.fact-item {
  /* background: aliceblue;
  border-radius: 5px;
  padding: 8px;
  max-width: 40px;
  height: fit-content;
  font-size: 26px;
  text-align: center; */
  padding-left: 0px;
}

.fact-item img {
  width: 50px;
}

.facts-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0px;
}

.w-auto {
  width: auto;
}

.small_font {
  color: #b6b6c7;
  font-size: 70%;
}

.search-wrapper .kt-section__content {
  margin-top: 13px !important;
}

.contact-list {
  list-style: none;
  padding: 10px 0 0 0;
}

.contact-list li {
  padding: 5px 0px 5px 0px;
  font-size: 13px;
  color: rgb(78, 75, 75);
}

.contact-list li:before {
  content: "\2714\0020";
}

.w-100 {
  width: 100%;
}

.width-fill {
  width: -webkit-fill-available;
}

.facts-card p {
  font-size: 1.2rem;
  font-weight: 600;
}

.section-1 ::before {
  content: "\f14c";
}

.business_types_div a {
  color: #817e7e;
  text-decoration: underline;
  font-weight: bold;
}

.plan {
  background-color: #5867dd36 !important;
  padding-left: 5px;
}

.plan .fw-bold {
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
}

.plan .price {
  font-size: 26px;
  font-weight: 700;
}

.contact-list-payment {
  padding-left: 5px;
  margin-bottom: 5px;
}

.App-Overview {
  max-width: 380px;
  margin-right: 6%;
}

.businessLink-name {
  font-size: 14px;
  font-weight: 500;
}

.text-gray {
  color: rgb(158 155 155);
}

.circle-black {
  width: 60px;
  height: 60px;
  background: black;
  color: #fff;
  padding: 8px;
  border-radius: 50%;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px;
}

.businessLink-name a {
  color: #000;
}

.product-summary-name {
  color: rgba(26, 26, 26, .6);
  font-weight: 500;
  font-size: 16px;
  margin: 0;
}

.product-summary {
  margin-top: 32px;
}

.product-summary-total-amount {
  font-size: 36px;
  margin: 2px 0 3px;
  font-weight: 600;
  font-size: 36px;
}

.product-summary-info {
  display: flex;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  justify-content: center;
}

.order-details {
  /* max-height: 50vh; */
  overflow-y: auto;
  /* padding-right: 8px; */
  margin-top: 22px;
}

.OrderDetails-items {
  padding: 0;
  margin: 0;
}

.OrderDetails-item {
  margin-top: 1.5rem;
}

.align-items-flex-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-container {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.LineItem-imageContainer {
  width: 42px;
  height: 42px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.mr4 {
  margin-right: 16px;
}

.width-fixed {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.width-fixed {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.flex-item {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}

.LineItem-image {
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
}

.width-grow {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.wrap-wrap {
  flex-wrap: wrap;
}

.align-items-baseline {
  -webkit-box-align: baseline;
  align-items: baseline;
}

.justify-content-space-between {
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.width-12 {
  width: 100%;
}

.width-auto {
  width: auto;
}

.Text-fontWeight--600 {
  font-weight: 600;
}

.Text-fontSize--14 {
  font-size: 14px;
}

.Text {
  margin: 0;
}

.order-details .contact-list {
  padding: 0 0 0 0;
  font-weight: 500;
}

.product-total {
  margin-top: 2rem;
  margin-left: 4.5rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #eee5e5;
}

.add-more {
  margin-top: 1.5rem;
  margin-left: 4.5rem;
}

#add-more-franchisee a {
  color: #005dff;
  cursor: pointer;
}

.product-summary-footer {
  margin-top: 4rem;
}

.footer-text {
  font-size: 10.5px;
  color: #999;
}

.footer-powerdby {
  margin-top: 2rem;
  width: auto;
  text-align: left;
}

.Text-color--gray400 {
  color: rgba(26, 26, 26, .5);
}

.Text-fontWeight--400 {
  font-weight: 400;
}

.Text-fontSize--12 {
  font-size: 12px;
}

.powerd-by {
  padding: 0 16px 0 0;
  border-right: 1px solid rgba(26, 26, 26, .1);
}

.Footer-PoweredBy-Icon {
  vertical-align: text-bottom;
  transform: translateY(1.5px);
  fill: rgba(26, 26, 26, .4);
}

.card-number {
  height: 37px;
  padding: 0;
}

.valid-upto,
.cvv,
.country,
.zipcode {
  margin: 0;
  padding: 0;
}

/* .cvv{
  margin: 0;
  padding: 0;
} */

.card-number .StripeElement,
.country select {
  border-radius: unset;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.valid-upto .StripeElement {
  border-radius: unset;
  border-bottom-left-radius: 5px;
}

.cvv .StripeElement {
  border-radius: unset;
  border-bottom-right-radius: 5px;
}

.zipcode input {
  border-radius: unset;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* .card-number .form-control:focus, .valid-upto .form-control:focus, .cvv .form-control:focus{
  z-index: 2;
  outline: none;
  box-shadow: 0 0 0 1px rgb(50 151 211 / 30%), 0 1px 1px 0 rgb(0 0 0 / 7%), 0 0 0 4px rgb(50 151 211 / 30%) !important;
} */

#frmCreditStripePayment input {
  box-shadow: 0 0 2pt 0pt #D3D3D3;
}

#frmCreditStripePayment select {
  box-shadow: 0 0 3pt 0pt #D3D3D3;
}

#frmCreditStripePayment .form-control:focus {
  z-index: 2;
  outline: none;
  box-shadow: 0 0 0 1px rgb(50 151 211 / 30%), 0 1px 1px 0 rgb(0 0 0 / 7%), 0 0 0 4px rgb(50 151 211 / 30%) !important;
}

.p-0 {
  padding: 0;
}

.Select-source {
  width: 100%;
  height: 39px;
  /* font-size: 16px; */
  padding: 8px 24px 8px 12px;
  color: rgba(26, 26, 26, .9);
  line-height: 1.5;
  background-color: #fff;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgb(0 0 0 / 7%), 0 1px 1.5px 0 rgb(0 0 0 / 5%);
  transition: box-shadow .08s ease-in, color .08s ease-in, filter 50000s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.Select-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -6px;
  pointer-events: none;
  width: 12px;
  height: 12px;
  z-index: 3;
}

.btn-black {
  background-color: rgb(52, 49, 69);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
}

#frmCreditStripePayment .btn:hover {
  color: #fff;
  text-decoration: none;
}

.module-top {
  font-size: 15px;
  line-height: 26px;
  display: flex;
  align-items: flex-start;
  color: #343a40;
  margin-left: 20px;
}

.module-subtitle {
  margin-top: 10px;
  font-size: 18px;
  /* line-height: 20px; */
  display: flex;
  /* align-items: flex-start; */
  margin-bottom: 10px;
  color: black;
}

.module-subtitle_earnings {
  margin-top: 10px;
  font-size: 18px;
  display: flex;
  margin-bottom: 10px;
  color: black;
  margin-left: 8px;
}

.module-subtitle .rating-value {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 0;
}

.circle-rating--large {
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "opensans-bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  text-align: center;
  font-size: 24px;
  color: #fafafa;
  font-size: 22px;
  padding-left: 1px;
  border-width: 4px;
}

.circle-rating--6 {
  background-color: #1f9cef;
  border-color: #80aca9;
}

.circle-rating--large span {
  font-size: .6em;
  opacity: 0.7;
}

.f-700 {
  font-weight: 700;
}

.fc {
  background-position: calc(100% + 0.5rem) bottom;
  background-size: auto 70%;
  background-image: url(./assets/media/custom-3.svg);
  width: 280px;
  border-radius: 1.25rem !important;
  background-repeat: no-repeat;
  padding: 1rem 4rem 4rem 2rem !important;
  background-color: #f64e60 !important;
  height: 400px;
}

.text-inverse-danger {
  color: #fff !important;
}

/* .btn:not(:disabled):not(.disabled) {
  cursor: pointer;
} */

.btn.btn-warning {
  color: #fff;
  background-color: #ffa800;
  border-color: #ffa800;
}

.my-6 {
  margin-top: 1.5rem !important;
}

.my-6 {
  margin-bottom: 1.5rem !important;
}

.px-6 {
  padding-left: 1.5rem !important;
}

.px-6 {
  padding-right: 1.5rem !important;
}

/* rating css */
.stars-custom-container {
  position: relative;
  display: inline-block;
  color: transparent;
  font-size: 35px;
}

.stars-custom-container:before {
  position: absolute;
  top: -17px;
  left: 0;
  content: '■■■■■';
  color: #50e3c2;
}

.stars-custom-container:after {
  position: absolute;
  top: -17px;
  left: 0;
  content: '■■■■■';
  color: #08976d;
  overflow: hidden;
}

.stars-custom-0:after {
  width: 0%;
}

.stars-custom-10:after {
  width: 10%;
}

.stars-custom-20:after {
  width: 20%;
}

.stars-custom-30:after {
  width: 30%;
}

.stars-custom-40:after {
  width: 40%;
}

.stars-custom-50:after {
  width: 50%;
}

.stars-custom-60:after {
  width: 60%;
}

.stars-custom-70:after {
  width: 70%;
}

.stars-custom-80:after {
  width: 80%;
}

.stars-custom-90:after {
  width: 90%;
}

.stars-custom-100:after {
  width: 100%;
}

.claim_franchise_block {
  text-align: center;
  color: white;
  background: #53b6d0;
  border-radius: 4px;
}

.btn_clr {
  font-weight: 600;
  border-radius: 20px;
  color: #53b6d0;
  background: white;
}

.chart_title {
  color: black;
  border: 1px solid;
  border-color: lightgray;
  border-radius: 3px;
  /* display: flex;
  flex-direction: row;
  justify-content: space-evenly; */
  padding: 10px;
  /* align-items: center; */
}

.image {
  height: 22px;
  margin-top: -6px;
  padding-right: 13px;
  /* margin-left: -23px; */
}

.icon_display {
  /* padding: 3px; */
  padding-right: 7px;
  letter-spacing: 1.2px;
  float: right;
}

.icon_display:hover {
  background: #FFEFD5;
  border-radius: 3px;
}

.icon_div {
  padding-right: 7px;
}

.circle-rating--large_top {
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "opensans-bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  text-align: center;
  font-size: 19px;
  color: #fafafa;
  padding-left: 1px;
  border-width: 4px;
}

.final_rating_figure {}

.max_rating_figure {
  font-size: 15px;
  color: #d8d8d8;
}

.max_rating_figure_small {
  font-size: 11px;
  color: #d8d8d8;
}

.circle-rating--large_second {
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "opensans-bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  text-align: center;
  font-size: 15px;
  color: #fafafa;
  padding-left: 1px;
  border-width: 4px;
  margin-left: 6px;
}

.circle-rating--6 {
  background-color: #1f9cef;
  border-color: #80aca9;
}

.module-subtitle_two {
  border-bottom: 1px solid #d0cfcf;
  width: 100%;
  padding-bottom: 2px;
}

.title_text {
  color: black;
  margin: -12px;
}

.module-title {
  margin-left: 11px;
}

.module-title_text {
  font-size: 16px;
  margin-left: 78px;
  color: black;
  font-size: small;
  margin-bottom: -12px;
}

.module-title {
  font-size: 16px;
  margin-left: 78px;
  color: black;
  font-size: small;
  margin-bottom: -12px;
}

.module-subtitle_sub {
  margin-left: 16px;
  text-align: revert;
  height: 23px;
  font-size: 1.2em;
  /* line-height: 2.6; */
}

.module-subtitle_top {
  margin-top: 10px;
  font-size: 18px;
  line-height: 26px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  color: black;
}

.module-subtitle_text {
  margin-top: 4px;
  font-size: 18px;
  line-height: 26px;
  display: flex;
  align-items: flex-start;
  color: black;
}

.module-title {
  margin-left: 79px;

}

.module-parent-tip {
  margin-top: 18px;
  position: relative;
  padding: 10px 20px 15px 20px;
  background-color: #EDEDED;
  border-radius: 10px;
}

.module-parent-earning {
  margin-top: 19px;
  position: relative;
  padding: 10px 20px 15px 20px;
  background-color: #EDEDED;
  border-radius: 10px;
}

.module-parent-earning .owlie {
  position: absolute;
  top: -11px;
  left: 10px;
}

.module-parent-earning .title {
  padding-left: 45px;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: #19496f;
  margin-bottom: 10px;
}

.module-parent-earning .content {
  color: #343a40;
  font-size: medium;
  font-weight: 400;
}

.module-parent-tip .owlie {
  position: absolute;
  top: -11px;
  left: 10px;
}

.module-parent-tip .title {
  padding-left: 45px;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: #19496f;
  margin-bottom: 10px;
}

.module-parent-tip .content {
  color: #343a40;
  font-size: medium;
  font-weight: 400;
}

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

.font-sm {
  font-size: 9px;
}

.unit-types .nice-select ul.list {
  width: unset !important;
}

.franchise-types p {
  margin-bottom: 0 !important;
  font-weight: 400;
}

.f-100 {
  font-size: 15px;
  font-weight: 400;
}

.f-400 {
  font-weight: 400;
}

.f-500 {
  font-weight: 500;
}

.f-900 {
  font-weight: 900;
}

.bar-graph-viz {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.bar-graph-viz .tier {
  font-size: 12px;
  text-transform: uppercase;
}

.bar-graph-viz .bar-graph,
.bar-graph-viz .bar-filled {
  height: 16px;
}

.bar-graph-viz .bar-graph {
  background-color: #DCDEED;
  border-radius: 3px;
}

.bar-graph-viz .bar-graph .bar-filled {
  background-color: #1861bf;
  border-radius: 3px 3px 3px 3px;
}

.bar-graph-viz .state-average-row {
  width: 100%;
  color: #484848;
  font-family: "opensans-semibold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  position: relative;
  display: flex;
}

.bar-graph-viz .state-average-row .state-average-label {
  position: relative;
  display: flex;
  flex-direction: row;
}

.bar-graph-viz .state-average-row .buffer-space {
  width: 38px;
}

.arrow-up {
  width: 0;
  height: 0;
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 9px solid #1861bf;
  margin: 0 5px;
  position: relative;
}

.bar-graph-viz .state-average-row .state-average {
  width: 38px;
  text-align: left;
}

.arrow-down {
  width: 0;
  height: 0;
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 9px solid #1861bf;
  margin: 0 5px;
  position: relative;
  margin-top: auto;
}

.vl {
  position: absolute;
  border-right: 1px solid white;
  height: 20px;
}

.bar-lable {
  font-weight: bold;
  font-size: 15px;
  color: #9e9292;
  margin-top: 5px;
}

.bar-lable .font-sm {
  font-size: 12px;
}

.bar-graph-viz .state-average-row .state-average {
  width: 80px;
  text-align: left;
}

.bar-graph-viz .state-average-row .state-high-label {
  position: absolute;
  display: flex;
  flex-direction: row;
  text-align: right;
}

.bar-graph-viz .state-average-row .state-low-label {
  display: flex;
  flex-direction: row;
  text-align: left;
}

#module {
  font-size: 1rem;
  line-height: 1.5;
}


#module #collapseExample.collapse:not(.show) {
  display: block;
  height: 3rem;
  overflow: hidden;
}

#module #collapseExample.collapsing {
  height: 3rem;
}

#module a.collapsed::after {
  content: '+ Show More';
}

#module a:not(.collapsed)::after {
  content: '- Show Less';
}

.btn-lable {
  font-size: 18px;
  font-weight: 600;
}

.card-title {
  letter-spacing: 0.2px;
}

.card-title-border {
  padding-top: 2rem;
  border-top: 1px solid #ebedf2;
}

.franchise-types h1,
.franchise-types h2,
.franchise-types h3,
.franchise-types h4,
.franchise-types h5,
.franchise-types h6,
.franchise-types p,
.franchise-types span {
  font-family: 'Lato', sans-serif;
}

.financial-disclosures {
  font-family: sans-serif;
}

.franchise-summary {
  font-family: 'Lato', sans-serif;
}

.franchise-summary p {
  font-size: 16px;
}

.pdf_buttons .dropdown-menu>.dropdown-item {
  align-items: center !important;
}

.btn-gray {
  background: #0a2540;
  color: #fff;
}

.subscrition-text {
  color: rgb(10 37 64);
  text-align: left;
  font-size: 11px;
}

.plan-info {
  font-size: 15px;
  font-weight: 600;
}

.franchisor_page_popular_slider .slick-slide,
.same-industry-slider .slick-slide {
  margin: 0px 15px;
}

.tagify {
  min-height: 36px;
}

.overrall_rating button.btn,
#canvas_div4 button.btn {
  cursor: default !important;
}

.franchisor-link {
  color: #343a40 !important;
  text-decoration: underline;
}

.button-style.green {
  border-color: transparent;
  background-color: #7ec401;
  color: #fff;
}

.button-style.green:hover {
  background-color: #76b10b;
}

.model-subtitle {
  margin-top: 10px;
  font-size: 15px;
  line-height: 26px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0px;
}

.model-details {
  list-style: none;
  padding: 10px 0 0 0;
}

.model-details li {
  padding: 5px 0px 5px 0px;
  font-size: 13px;
  color: rgb(78, 75, 75);
}

.model-details li:before {
  content: "\2714\0020";
  position: absolute;
  left: 15px;
}

.model-btn .button-style {
  font-size: 13px;
}

.unit_type .option.focus,
.unit_type .option.selected.focus {
  background-color: #fff !important;
}

.benchmark-section .banner-section {
  /* background: #1f9cef; */
  color: #fff;
}

.benchmark-section .banner-section .text-content {
  padding: 50px;
  text-align: center;
}

.benchmark-section .search-section {
  margin: auto;
  top: -30px;
}

#benchmark_search_result_box {
  position: absolute;
  z-index: 99999;
  top: 49px;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  /* padding: 0px 25px; */
  border-radius: 4px;
  /* left: 21px; */
  background: #fff;
  /* width: 600px; */
  max-height: calc(100vh - 170px);
  padding-bottom: 25px;
  padding-top: 25px;
  transition: 0.5s;
  max-width: 600px;
  width: 100%;
  left: 0;
  /* right: 0; */
  margin: 0 auto;
}

#benchmark_search_result_box .frenchise-list {
  padding: 5px 20px;
}

#benchmark_search_result_box .frenchise-list .brand_name {
  color: #4f4b4b;
  margin-bottom: 0px;
}

#benchmark_search_result_box .frenchise-list .value {
  color: #4f4b4b;
  font-weight: 600;
}

.statistic-section {
  padding: 40px;
}

.statistic-section .card .card-label {
  font-size: 14px;
  font-weight: 500;
  color: #b7b6b6;
}

.statistic-section .card h2 {
  color: #000;
}

.portlet_with_text_logo .fr_new_portlet .fr_new_portlet_text .franchisor-summary-link:hover {
  color: #1f9cef;
  text-decoration: underline !important;
}


@media (max-width: 768px) {
  .kt-portlet__head-toolbar {
    display: none !important;
  }

  .kt-header-mobile__toolbar .btn {
    padding: .65rem 0.5rem;
  }

  .kt-header-mobile__toolbar .dropdown-menu {
    max-width: fit-content;
    transform: translate3d(5px, 49px, 0px) !important;
  }
}

@media (min-width: 1025px) {
  .kt-aside--enabled .kt-header.kt-header--fixed {
    /* left: 440px; */
  }
}

@media only screen and (max-width: 991px) {
  .kt-header-mobile--fixed .kt-header__topbar {
    position: relative;
  }
}

.calculation_section_info .custom_div_rating_width {
  width: 50%;
}

@media (max-width: 480px) {

  .table_loader_gif,
  #loading-image {
    width: 150px !important;
  }

  .calculation_section_info .custom_div_rating_width {
    width: 100%;
  }

  /* .chart_title{
    height : 80px;
  } */

  .icon_display {
    float: right;
  }

  .module-top {
    line-height: 18px;
  }

}

@media (min-width: 481px) and (max-width: 767px) {

  .table_loader_gif,
  #loading-image {
    width: 200px !important;
  }
}

@media (min-width: 767px) {

  .table_loader_gif,
  #loading-image {
    width: 250px !important;
  }
}

@media (min-width: 768px) {

  .bar-graph-viz .bar-graph,
  .bar-graph-viz .bar-filled {
    height: 20px;
  }


}

.datatable_header {
  padding-left: 0px;
}

.module-subtitle_two {
  font-size: 16px;
}

.kt-notification .left-side {
  padding: 1rem;
}

.kt-notification .left-side .menu {
  padding: 10px;
}

.kt-notification .left-side .kt-notification__item {
  padding: 1rem 0.2rem;
}

.kt-notification .kt-notification__item:after {
  content: none !important;
}

.kt-notification .kt-notification__item .kt-notification__item-icon {
  background: #F9F9F9;
  padding: 12px;
  margin-right: 10px;
  border-radius: 8px;
}

.kt-notification .kt-notification__item:hover {
  border-radius: 10px;
  background: rgba(249, 249, 249, 0.7);
}

.kt-notification .kt-notification__item:hover .kt-notification__item-icon {
  background: #F1F1F4;
}

/* .menu-active {
  background: #F9F9F9;
  border-radius: 10px;
} */

.kt-notification .kt-notification__item.menu-active .kt-notification__item-icon {
  background: #F1F1F4;
}

.dropdown-menu.dropdown-menu-xl {
  width: 950px;
}

.kt-notification .kt-notification__item,
.kt-notification .kt-notification__item:last-child {
  border-bottom: none;
  margin-top: 10px;
}

.kt-notification .right-side {
  background-color: #f9f9f9;
}

.kt-notification .separator.separator-dashed {
  border-bottom-style: dashed;
  border-bottom-color: #DBDFE9;
}

.kt-notification .separator {
  display: block;
  height: 0;
  border-bottom: 1px solid #F1F1F4;
}

.kt-notification .my-5 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.kt-notification .mx-5 {
  margin-right: 1.25rem !important;
  margin-left: 1.25rem !important;
}

.kt-notification .flex-stack {
  justify-content: space-between;
  align-items: center;
}

.kt-notification .gap-2 {
  gap: 0.5rem !important;
}

.kt-notification .me-5 {
  margin-right: 1.25rem !important;
}

.kt-notification .flex-column {
  flex-direction: column !important;
}

.kt-notification .d-flex {
  display: flex !important;
}

.kt-notification .text-gray-800 {
  color: #252F4A !important;
}

.kt-notification .fw-bold {
  font-weight: 600 !important;
}

.kt-notification .fs-6 {
  font-size: 1.075rem !important;
}

.kt-notification .text-muted {
  --bs-text-opacity: 1;
  color: #99A1B7 !important;
}

.kt-notification .fw-semibold {
  font-weight: 500 !important;
}

.kt-notification .fs-7 {
  font-size: .95rem !important;
}

.kt-notification .right-side {
  padding: 1.5rem !important;
}

.kt-notification .right-side .heading {
  margin-left: 1rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.kt-notification .right-side .menu-item {
  display: block;
}

.kt-notification .right-side .menu-link {
  color: #4B5675;
}

.kt-notification .right-side .menu-link {
  border-radius: 0.475rem;
}

.kt-notification .right-side .menu-item .menu-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0;
  flex: 0 0 100%;
  padding: 0.65rem 1rem;
  transition: none;
  outline: 0 !important;
}

.kt-notification .right-side .menu-item .menu-link .menu-title {
  color: #4B5675;
}

.kt-notification .right-side .menu-item .menu-link .menu-title {
  display: flex;
  align-items: center;
  flex-grow: 1;
  font-weight: 500;
}

.kt-notification .right-side .menu-item .menu-link:hover .menu-title {
  transition: color .2s ease;
  color: #08c;
}

.kt-notification .right-side .menu-item .active {
  color: #08c !important;
}

.kt-font-error {
  color: #ff6b6b !important;
}

@media (max-width: 768px) {
  #all_rating .module-subtitle .module-subtitle_two {
    font-size: 12px;
  }

  #all_rating .module-subtitle .ml-3 {
    margin-left: 0px !important;
  }

  #all_rating .module-subtitle .module-subtitle_two.text-right {
    font-size: 11px;
    margin-top: 6px;
  }

  .module-subtitle .rating-value {
    margin: 0 5px 0 0;
  }

  #all_rating .financial-disclosures {
    padding: 8px;
  }

  #all_rating .financial-disclosures .module-subtitle_earnings p {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  #kt_aside {
    z-index: 9;
  }
}

@media only screen and (max-width: 1024px) {
  #kt_aside {
    z-index: 9999;
  }
}

/* -------------------------- TAM Tool Page CSS Start -------------------------- */

.tam-calculator-section .v-section:not(:last-child) {
  /* height: 80vh; */
  border-right: 1px solid #e1e2e4;
}

.tam-calculator-section .v-section {
  align-items: flex-start;
}

.tam-calculator-section .first-section {
  width: 4%;
  padding: 15px;
}

.tam-calculator-section .second-section {
  width: 32%;
  padding: 1rem 3rem 1rem 2rem;
  /* overflow: auto; */
}

.tam-calculator-section .third-section {
  width: 68%;
  background: #f2f6fa;
  padding: 2rem 3rem;
  position: relative;
  z-index: 1;
  /* overflow: auto; */
}

.tam-calculator-section .second-section .text-gray {
  font-size: 20px;
  color: rgb(39 40 42/1);
  font-weight: 600;
}

.tam-calculator-section .title {
  display: flex;
  align-items: center;
}

.tam-calculator-section .title p {
  font-size: 15px;
  margin-bottom: 6px;
}

.tam-calculator-section .second-section .text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(55 60 65/1);
}

.tam-calculator-section .font-medium {
  font-weight: 400;
}

.tam-calculator-section .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/1);
}

.tam-calculator-section .text-sm {
  font-size: 13px;
}

.tam-calculator-section .pt-px {
  padding-top: 1px;
}

.tam-calculator-section .bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: #08c;
}

.tam-calculator-section .bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: #9badbcd9;
}

.tam-calculator-section .rounded-full {
  border-radius: 50%;
  height: 1.45rem;
  width: 1.45rem;
  padding-top: 2px;
  text-align: center;
}

.tam-calculator-section .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/1);
}

.tam-calculator-section .text-xs {
  font-size: 1rem !important;
  font-weight: normal;
}

.tam-calculator-section .text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(76 83 89/1);
}

.tam-calculator-section p,
.tam-calculator-section h3 {
  margin: 0px;
}

.tam-calculator-section .second-section .filter-div {
  display: flex;
  align-items: center;
  margin-left: -0.375rem;
  padding-bottom: 0.75rem;
}

.border-l {
  border-left-width: 1px;
}

.tam-calculator-section .second-section .filter-div .label-section {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  color: rgb(55 60 65/1);
}

.tam-calculator-section .second-section .filter-div .labels {
  --tw-text-opacity: 1;
  color: rgb(55 60 65/1);
  font-weight: 500;
  font-size: .875rem;
  flex-shrink: 0;
  margin-bottom: 0;
}

.tam-calculator-section .second-section .filter-div .form-control {
  padding: 0.5rem 0.5rem;
  height: calc(1.1em + 1.3rem + 2px);
  border-color: #aaaaaa;
}

.tam-calculator-section .second-section .filter-div .border-blue {
  position: absolute;
  --tw-border-opacity: 1;
  width: 1px;
  height: 3.45rem;
  margin-top: -2.45rem;
  margin-left: 15px;
  top: -9px;
  left: 0;
  border-left: 1px solid rgb(152 213 253/1);
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(155 173 188/1);
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(225 233 240/1);
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(29 196 99/1);
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 249 236/1);
}

.border-green-500 {
  border: 1px solid rgb(29 196 99/1);
}

.tam-calculator-section .second-section .filter-div .condition {
  transition-duration: .2s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  text-transform: uppercase;
  font-size: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  border-radius: 0.25rem;
  margin-left: 1px;
  left: 0;
  z-index: 1;
}

.tam-calculator-section .second-section .filter-div .line-through {
  text-decoration-line: line-through;
  --tw-text-opacity: 1;
  color: rgb(152 213 253/1);
  display: inline-block;
  margin-right: 0.25rem;
  position: relative;
  margin-top: 2px;
}

.tam-calculator-section .second-section .filter-div .condition .inline {
  display: inline;
}

.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mt2 {
  margin-top: 2rem;
}

.tam-calculator-section .second-section .filter-div .input-div .ms-options-wrap button {
  border-radius: 4px;
}

.tam-calculator-section .second-section .db-options .db_type_label {
  cursor: pointer;
  text-align: center;
  border-radius: 8px;
  background-color: unset;
  border: unset;
  padding: 0 0 4px;
  margin: 0 12px 10px;
  transition: color 0.2s cubic-bezier(0.2, 0, 0, 1);
  opacity: 0.6;
}

.tam-calculator-section .second-section .db-options .db_type_label.active {
  opacity: 1;
}

.tam-calculator-section .second-section .db-options .db_type_label .label-text {
  color: #000;
  font-weight: 500;
}

.tam-calculator-section .second-section .db-options .db_type_radio {
  border: 0px;
  padding: 0px;
  position: absolute;
  height: 10px;
  width: 10px;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
}

.tam-calculator-section .second-section .db-options .db_type_label .text-div {
  position: relative;
}

.tam-calculator-section .second-section .db-options .db_type_label .text-div::after {
  background-color: #000;
  opacity: 0;
  inset-inline: 0;
  transition: opacity 0.2s cubic-bezier(0.2, 0, 0, 1);
  position: absolute;
  content: '';
  height: 2px;
  top: calc(100% + 5px);
}

.tam-calculator-section .second-section .db-options .db_type_label.active .text-div::after {
  opacity: 1 !important;
}

.tam-calculator-section .second-section .show-all-filter {
  border-radius: 7px;
}

.tam-calculator-section .second-section .btn-submit {
  background: #1f9cef;
  border-color: #1f9cef;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 500;
}

.tam-calculator-section .second-section .fa-icon {
  position: absolute;
  top: 54%;
  right: -22px;
  transform: translateY(-50%);
}

.tam-calculator-section .second-section .remove-filter {
  font-size: 18px;
  cursor: pointer;
  color: #9badbc;
}

.tam-calculator-section .second-section .remove-filter:hover {
  color: #9badbc9e;
}

.tam-calculator-section .second-section .clear-filter {
  cursor: pointer;
  font-size: 18px;
  color: #c86156;
}

.tam-calculator-section .second-section .clear-filter:hover {
  color: #c86156a3;
}

.tam-calculator-section .third-section .full-width {
  flex: 0 0 100%;
  max-width: 100%;
}

.tam-calculator-section .third-section .full-width .center {
  display: flex;
  justify-content: space-evenly;
}

/* .tam-calculator-section .third-section .card-div {
  flex-direction: row;
  align-items: center;
} */

.tam-calculator-section .third-section .card-div .left-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1rem;
  /* border-right: 1px solid #e1e2e4; */
}

.tam-calculator-section .third-section .card-div .left-section p {
  line-height: 1.25;
  font-size: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  color: rgb(123 139 153/1);
}

.tam-calculator-section .third-section .key-features-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2rem 1rem;
}

.vertical-line {
  border-left: 1px solid #e1e2e4;
  height: 130px;
  margin: 0 10px;
}

.tam-calculator-section .third-section .key-features-wrapper .k-feature-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 300px;
}

.tam-calculator-section .third-section .key-features-wrapper .k-feature-wrapper img {
  margin-right: 8px;
  width: 16px;
}

.tam-calculator-section .third-section .key-features-wrapper .k-feature-wrapper p {
  color: #232333;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.tam-calculator-section .third-section .key-features-wrapper .split-button-wrapper .btn-primary {
  display: flex;
  height: 30px;
  background-color: #08c;
  border-color: #08c;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 10px;
  transition: all .4s;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
  align-items: center;
  justify-content: center;
}

.tam-calculator-section .third-section .key-features-wrapper .split-button-wrapper .btn-light {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  transition: all .4s;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
}

.tam-calculator-section .third-section span {
  font-size: 3.75rem;
  font-weight: 700;
  color: rgb(0 0 0/1);
}

.tam-calculator-section .third-section .table-section span {
  color: #fff;
}

.tam-calculator-section .third-section .table-section .table thead th {
  border-color: rgb(192 208 223/1);
}

.tam-calculator-section .third-section .table-section table tbody tr td {
  border-top: 1px solid rgb(192 208 223/1);
}

.text-gray-500 {
  color: rgb(123 139 153/1);
}

.tam-calculator-section .third-section .table-section .table-heading {
  font-weight: 700;
  color: rgb(39 40 42/1);
  font-size: 1.7rem;
}

.blur-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  backdrop-filter: blur(5px);
  background-color: #a9afb645;
}

.tam-calculator-section .third-section .blur-container .card {
  max-width: 40rem;
  align-items: center;
}

.tam-calculator-section .third-section .blur-container .card .icon {
  font-size: 1.7rem;
  background: #08c;
  padding: 14px;
  border-radius: 14px;
  color: #fff;
  margin-bottom: 1rem;
}

.tam-calculator-section .third-section .blur-container .card p {
  font-size: 18px;
  font-weight: initial;
  text-align: center;
  margin-bottom: 2rem;
  color: rgb(39 40 42/1);
}

.tam-calculator-section .third-section .blur-container .card .btn-primary {
  background-color: #fff;
  color: #08c;
  border-color: #08c;
  cursor: pointer;
  border-radius: 7px;
}

.tam-calculator-section .third-section .blur-container .card .btn-disabled,
.tam-calculator-section .second-section .btn-disabled {
  background-color: #f0f4f8;
  color: #9badbc;
  border-color: #cccdce;
  border-radius: 7px;
  cursor: not-allowed;
  font-size: 14px;
}

.disabled-div {
  pointer-events: none;
  cursor: not-allowed;
  user-select: none;
}

.tam-calculator-section .third-section .table-section .card {
  border-radius: 0px;
  border-color: rgb(192 208 223/1);
}

.tam-calculator-section .third-section .table-section table tbody tr td.franchisor {
  font-size: 15px;
  font-weight: 600;
  color: rgb(89 97 104/1);
}

.tam-calculator-section .third-section .table-section table tbody tr td {
  font-size: 14px;
  font-weight: 400;
  vertical-align: middle;
  color: rgb(89 97 104/1);
}

.tam-calculator-section .third-section .table-section .table-hover tbody tr:hover {
  color: #212529;
  background-color: rgb(219 241 254/1);
}

.tam-calculator-section .third-section .table-section .table:not(.table-bordered) thead th {
  font-size: 14px;
  font-weight: normal;
  color: rgb(0 0 0/1);
}

.tam-calculator-section .third-section .table-section tr.bg-gray-100 {
  background-color: rgb(240 244 248/1);
}

.tam-calculator-section .third-section .table-section table tbody tr td img {
  margin-right: 1rem;
}

.tam-calculator-section .third-section .table-section .table-hover {
  margin-top: 0px !important;
}

.tam-calculator-section .third-section .table-section div.dataTables_wrapper div.dataTables_info {
  padding-left: 1rem !important;
}

.tam-calculator-section .third-section .table-section div.dataTables_wrapper div.dataTables_paginate {
  padding-right: 1rem !important;
}

.w-50 {
  width: 50%;
}

.tam-calculator-section .third-section .card-div.premium {
  justify-content: space-evenly;
}

.tam-calculator-section .third-section .table-section table tbody tr td span {
  font-size: 11px;
  font-weight: 600;
}

.tam-calculator-section .third-section .table-section table tbody tr td span.right {
  min-width: 70px;
}

.tam-calculator-section .third-section .table-section table tbody tr td .icon-comment:before {
  content: none !important;
}

.second-section .filter-div .input-div .multiselect-native-select .btn-group {
  min-width: 100%;
  max-width: 140px;
}

.second-section .filter-div .input-div .multiselect-native-select .btn-group .multiselect {
  text-align: left !important;
}

#dynamic-button-container .buy-all-data span {
  font-size: 11px;
}

#dynamic-button-container .buy-all-data span.icon-comment:before {
  content: none;
}

.md-none {
  display: none;
}

.third-section .table-section .dataTables_processing .loader {
  width: 0px;
  height: 0;
  background: #fff;
  position: relative;
  top: 0;
  left: 0;
}

.third-section .table-section .dataTables_paginate span .paginate_button,
.third-section .table-section .dataTables_paginate span .ellipsis,
.third-section .table-section .dataTables_paginate .paginate_button {
  margin-left: 0.4rem;
}

.third-section .table-section .dataTables_paginate span {
  display: inline-block;
}

.third-section .table-section .dataTables_paginate span .paginate_button,
.third-section .table-section .dataTables_paginate span .ellipsis,
.third-section .table-section .dataTables_paginate .paginate_button {
  cursor: pointer;
  height: 2.25rem;
  min-width: 2.25rem;
  padding: 0.5rem;
  color: #595d6e;
  border-radius: 3px;
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
  text-align: center;
}

.third-section .table-section .dataTables_paginate .paginate_button.previous,
.third-section .table-section .dataTables_paginate .paginate_button.next {
  background: #ebe9f2;
}

.third-section .table-section .dataTables_paginate .paginate_button.previous i,
.third-section .table-section .dataTables_paginate .paginate_button.next i {
  margin-top: 3px;
}

.third-section .table-section .dataTables_paginate .paginate_button.previous.disabled:hover,
.third-section .table-section .dataTables_paginate .paginate_button.next.disabled:hover {
  opacity: .6;
}

.third-section .table-section .dataTables_paginate span .ellipsis {
  cursor: none;
}

.third-section .table-section .dataTables_paginate span .paginate_button:hover,
.third-section .table-section .dataTables_paginate .paginate_button.previous:hover,
.third-section .table-section .dataTables_paginate .paginate_button.next:hover {
  background: #5d78ff;
  color: #fff;
}

.third-section .table-section .dataTables_paginate span .paginate_button.current {
  background: #5d78ff;
  color: #fff;
  cursor: none;
}

.image-aspect-ratio-div {
  display: flex;
  align-items: center;
}

.image-aspect-ratio-div .image_div {
  height: 65px;
  /* width: 50px; */
  display: flex;
  align-items: center;
}

.tam-calculator-section .third-section .table-section .table-heading span {
  font-weight: 700;
  color: rgb(39 40 42/1);
  font-size: 1.7rem;
}

.select-style {
  /* background-image: linear-gradient(110deg, #1f9cef 0%, #1f9cef 73%, #006396 27%, #006396 100%);
  box-shadow: 0 2px 0 0 #006eae;
  color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; */
  background-color: #0abb87 !important;
  border-color: #0abb87 !important;
  color: #fff;
}

.select-style:hover {
  /* background-image: linear-gradient(110deg, #006396 0%, #006396 73%, #1f9cef 27%, #1f9cef 100%); */
  background-color: #08976d;
  border-color: #078b64;
}

.select-style ul li.option {
  color: #646c9a;
}

.nice-select.select-style:after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.text-bold {
  font-weight: bold;
}

/* .dataTables_pager .nice-select {
  border-bottom-color: #002e72;
  border-top-color: #1f9cef;
  border-left-color: #1f9cef;
  border-right-color: #006396;
}

.dataTables_pager .nice-select:hover {
  border-bottom-color: #002e72;
  border-top-color: #006396;
  border-left-color: #006396;
  border-right-color: #1f9cef;
} */

@media (min-width: 640px) {
  .tam-calculator-section .second-section .filter-div .label-section {
    width: 50%;
  }

  .tam-calculator-section .second-section .filter-div .input-div {
    width: 50%;
    position: relative;
    display: inline-block;
  }

}

@media only screen and (max-width: 1024px) {
  .tam-calculator-section .first-section {
    display: none;
  }

  .tam-calculator-section .second-section {
    width: 100%;
  }

  .tam-calculator-section .third-section {
    width: 100%;
    padding: 1rem 1rem;
  }

  .tam-calculator-section .third-section .total-add-market-div {
    margin-top: 1rem;
  }

  .tam-calculator-section .third-section .center,
  .tam-calculator-section .third-section .card-div {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .tam-calculator-section .third-section .card-div .left-section {
    border-right: none;
  }

  .tam-calculator-section .third-section .btn-modify-input {
    text-align: center;
    margin-top: 1rem;
  }

  .mobile-none {
    display: none;
  }

  .md-none {
    display: block;
  }

  .tam-calculator-section .second-section .filter-div {
    display: block;
  }

  .tam-calculator-section .second-section .filter-div .border-blue {
    height: 6.45rem;
    margin-top: -3.45rem;
    margin-left: 14px;
    top: -24px;
  }

  .tam-calculator-section .second-section .filter-div .first-border {
    top: 10px !important;
  }

  .tam-calculator-section .second-section .filter-div .condition {
    margin-left: 1px;
    left: 0;
    z-index: 1;
  }

  .tam-calculator-section .second-section .filter-div .input-div {
    display: flex;
  }

  .second-section .filter-div .input-div span.multiselect-native-select {
    margin-left: 3rem !important;
  }

  .second-section .filter-div .input-div .multiselect-native-select .btn-group .multiselect {
    min-width: 272px !important;
  }

  .tam-calculator-section .second-section .filter-div .form-control,
  .tam-calculator-section .second-section .filter-div .input-div .ms-options-wrap {
    margin-left: 3rem;
    margin-top: 10px;
  }

  .tam-calculator-section .second-section .filter-div .input-div .ms-options-wrap {
    width: 81%;
  }

  .tam-calculator-section .second-section .remove-filter,
  .tam-calculator-section .second-section .clear-filter {
    display: flex;
    margin-left: 1rem;
    align-items: flex-end;
  }

  .tam-calculator-section .second-section .fa-icon {
    position: inherit;
  }

  .data-table td {
    white-space: nowrap;
  }

  .data-table a {
    display: flex;
  }

  .tam-calculator-section .third-section .table-section div.dataTables_wrapper div.dataTables_info,
  .tam-calculator-section .third-section .table-section div.dataTables_wrapper div.dataTables_paginate {
    margin-bottom: 1rem;
  }

  #dynamic-button-container {
    margin-bottom: 2rem;
  }

  .tam-calculator-section .second-section .multiselect-container.dropdown-menu.show {
    z-index: 99 !important;
  }

  .tam-calculator-section .second-section .multiselect-container .multiselect-group {
    padding: 0.35rem 0.25rem 0.35rem 0.75rem !important;
  }

  .tam-calculator-section .second-section .form-check-input {
    margin-left: -2rem;
  }

  .tam-calculator-section .second-section .multiselect-container .multiselect-group .form-check {
    padding: 0 5px 0 30px;
  }

  .second-section .filter-div .input-div .multiselect-native-select .btn-group {
    max-width: 100%;
  }
}

/* -------------------------- TAM Tool Page CSS End -------------------------- */

/* -------------------------- New Franchisor Page CSS Start -------------------------- */

#kt_aside_menu_wrapper .new-franchisor ul {
  padding-left: 10px;
  padding-right: 10px;
  list-style: none;
}

#kt_aside_menu_wrapper .new-franchisor ul li {
  margin-bottom: 1rem;
}

#kt_aside_menu_wrapper .new-franchisor ul a {
  display: flex;
  align-items: center;
  padding: 10px;
  color: #3d3f48;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
}

#kt_aside_menu_wrapper .new-franchisor ul a.active {
  background-color: white;
  color: #2298f2;
}

#kt_aside_menu_wrapper .new-franchisor ul a:after {
  font-family: "FontAwesome";
  content: "\f054";
  position: absolute;
  right: 20px;
  color: #646c9a;
}

#kt_aside_menu_wrapper .new-franchisor ul a.active:after {
  color: #2298f2;
}

#kt_aside_menu_wrapper .new-franchisor ul a i {
  font-size: 16px;
  margin-right: 10px;
  color: #2298f2;
  width: 20px;
  text-align: center;
}

#kt_aside_menu_wrapper .new-franchisor ul a span {
  flex: 1;
}

.new-franchisor .color_img_div img {
  width: 100px;
  border-radius: 5px;
  display: block;
}

.new-franchisor .kt-portlet .kt-portlet__body {
  padding: 50px;
}

.new-franchisor a.franchisor-summary-link {
  color: #000;
}

.new-franchisor h1.pr_nm_br_db {
  font-size: 3.5rem;
  margin-bottom: 0px;
}

.new-franchisor .logo_color_div.logo {
  display: flex;
  align-items: center;
}

.new-franchisor .logo_color_div.franchisor_name {
  padding-left: 1rem;
}

.new-franchisor .logo_color_div p {
  font-size: 14px;
  color: #242121;
  font-weight: 400;
}

.new-franchisor .logo_color_div .favorite_white {
  color: #2298f2;
  background-color: #fff;
  border: 1px solid #2298f2;
  padding: 8px 20px;
  border-radius: 20px;
}

.new-franchisor .logo_color_div .fav_active {
  color: #fff;
  background-color: #2298f2;
}

.new-franchisor .franchise-system-development .system_development_year,
.new-franchisor .summary-of-investment-costs .investment_costs_year {
  background: #2298f2;
  color: #fff;
  border-radius: 10px;
}

.new-franchisor .franchise-system-development .nice-select:after,
.new-franchisor .summary-of-investment-costs .nice-select:after {
  /* border-bottom: 2px solid #fff;
  border-right: 2px solid #fff; */
  content: none;
}

.new-franchisor .franchise-system-development .nice-select::before,
.new-franchisor .summary-of-investment-costs .nice-select::before {
  font-family: "FontAwesome";
  content: '\f073';
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  left: 10px;
  top: 10%;
  width: 5px;
  font-size: 18px;
}

.new-franchisor .franchise-system-development .system_development_year ul li,
.new-franchisor .summary-of-investment-costs .investment_costs_year ul li {
  color: #000;
}

.new-franchisor .franchise-system-development .nice-select.open,
.new-franchisor .franchise-system-development .nice-select:active,
.new-franchisor .franchise-system-development .nice-select:focus,
.new-franchisor .summary-of-investment-costs .nice-select.open,
.new-franchisor .summary-of-investment-costs .nice-select:active,
.new-franchisor .summary-of-investment-costs .nice-select:focus {
  border-color: #85c4f4fc;
}

.new-franchisor .item-wrapper {
  margin-top: 3rem;
}

.new-franchisor .item-wrapper .section-title {
  color: #242121;
  margin-bottom: 1.5rem;
}

.new-franchisor .item-wrapper label {
  font-size: 16px;
  font-weight: 500;
  color: #8f8f8f;
  margin-bottom: 1rem;
}

.new-franchisor .item-wrapper p {
  font-size: 16px;
  color: #636363;  
  font-weight: normal;
}

.new-franchisor .item-wrapper p.text-dark{ 
  font-weight: 500;
}

.new-franchisor .company-information p {
  font-size: inherit;
  color: #636363;
  font-weight: 500;
}

.new-franchisor .panel-heading {
  padding: 0;
  border: 0;
}

.new-franchisor .panel-body {
  margin-bottom: 1.5rem;
}

.new-franchisor .panel-title>a,
.new-franchisor .panel-title>a:active {
  display: block;
  padding: 15px 0;
  font-weight: 500;
  font-size: 16px;
  color: #8f8f8f;
  text-decoration: none;
  border-bottom: 1px solid #8f8f8f3b;
}

.new-franchisor .panel-heading a:before {
  font-family: "FontAwesome";
  content: "\f078";
  float: right;
  transition: all 0.5s;
}

.new-franchisor .panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.new-franchisor .dataTable {
  border-collapse: collapse;
  width: 100%;
  /* border: 1px solid #ebedf2;
  border-radius: 10px; */
  margin: 0 0 !important;
}

.new-franchisor .dataTable th,
.new-franchisor .dataTable td {
  border-bottom: 1px solid #ddd;
  padding: 8px;
}

.new-franchisor .dataTable th {
  background-color: #b7def142;
  color: black;
  font-size: 13px;
}

.new-franchisor .dataTable th:first-child {
  border-top-left-radius: 10px;
}

.new-franchisor .dataTable th:last-child {
  border-top-right-radius: 10px;
}

/* .new-franchisor .dataTable tr:nth-child(even) {
  background-color: #f9f9f9;
} */

.new-franchisor .dataTable tr:hover {
  background-color: #ddd;
}

.new-franchisor .dataTable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
}

.new-franchisor-btn {
  color: #fff !important;
  background-color: #2298f2;
  padding: 2px 21px;
  border-radius: 20px;
  font-size: 14px;
  cursor: pointer;
}

.new-franchisor .dataTables_pager {
  display: flex;
  justify-content: flex-end;
}

.new-franchisor .centered-button {
  text-align: center;
}

.export-to-csv-btn .export_csv,
.tam-tool-btn .export_csv,
.centered-button .export_csv,
.dataTables_pager .export_csv {
  background: #F2F8FF;
  padding: 7px 7px;
  color: #15A0F3;
  font-weight: 500;
  border-radius: 6px;
}

.new-franchisor .tam-tool-btn a,
.new-franchisor .dataTables_pager a,
.new-franchisor .centered-button a {
  color: #15A0F3;
}

.new-franchisor .dataTables_wrapper,
.new-franchisor .dataTables_wrapper,
.new-franchisor .dataTables_wrapper,
.new-franchisor .dataTables_wrapper {
  border: 1px solid #ddd;
  border-radius: 10px;
}

.new-franchisor .table-footer {
  padding: 16px;
}

.new-franchisor .dataTables_wrapper .dataTables_pager {
  justify-content: flex-end;
}

.new-franchisor .dataTables_wrapper .dataTables_pager .pagination a,
.new-franchisor .dataTables_wrapper .dataTables_pager .pagination a,
.new-franchisor .dataTables_wrapper .dataTables_pager .pagination a,
.new-franchisor .dataTables_wrapper .dataTables_pager .pagination a {
  border: 2px solid #bbb;
  padding: 15px;
  background: #fff;
  color: #15A0F3;
  border-radius: 7px;
  font-weight: 500;
}

.new-franchisor .dataTables_wrapper .dataTables_pager .pagination .disabled a,
.new-franchisor .dataTables_wrapper .dataTables_pager .pagination .disabled a,
.new-franchisor .dataTables_wrapper .dataTables_pager .pagination .disabled a,
.new-franchisor .dataTables_wrapper .dataTables_pager .pagination .disabled a {
  color: #000;
}

.new-franchisor .new-franchisor-btn.talk-to,
.new-franchisor .new-franchisor-btn.buy-btn {
  padding: 10px 30px;
  font-weight: 400;
}

/* .new-franchisor #franchise_system_development_table_wrapper .dataTables_pager .centered-btn {
  margin-left: 5rem;
} */

.new-franchisor .crad-bg-light {
  background-color: #F2F8FF;
}

.pa-4 {
  padding: 2rem;
}

.new-franchisor .franchise-rating p.rating {
  margin-bottom: 0px;
}

.new-franchisor .franchise-rating p.rating {
  color: #15A0F3;
}

.new-franchisor .potential-earnings .detail span {
  font-size: 14px;
  font-weight: 500;
  color: #6A788E;
}

.new-franchisor .potential-earnings .card,
.new-franchisor .summary-of-investment-costs .card {
  padding: 2rem;
}

/* Style for the progress bar */
.new-franchisor .potential-earnings .progress {
  height: 15px;
  background-color: #e9ecef;
  border-radius: 10px;
  position: relative;
  overflow: visible;
}

/* Style for the progress bar fill */
.new-franchisor .potential-earnings .progress-bar {
  background-image: linear-gradient(90deg, #BAE1C6 0%, #5CBD7A 100%);
  border-radius: 10px;
}

/* Style for the arrow marker */
.new-franchisor .potential-earnings .arrow-marker {
  position: absolute;
  bottom: 100%;
  transform: translateX(-50%);
  font-size: 20px;
  color: #5CBD7A;
}

.new-franchisor .potential-earnings .talk-to,
.new-franchisor .new-franchisor-btn.buy-btn {
  width: 100%;
  text-align: center;
}

.new-franchisor .potential-earnings .talk-to {
  background-color: #F2F8FF;
  color: #15A0F3 !important;
}

.new-franchisor .franchise-system-development .nice-select,
.new-franchisor .summary-of-investment-costs .nice-select {
  padding: unset;
  padding-left: 35px;
  padding-right: 20px;
}

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

.mb-3 {
  margin-bottom: 1.5rem;
}

.new-franchisor .summary-of-investment-costs .card .card-body {
  border-radius: 5px;
}

.new-franchisor .summary-of-investment-costs p span {
  margin-right: 3rem;
  color: #15A0F3;
}

.new-franchisor .why-invest .item {
  background-color: #F2F8FF;
  padding: 3rem;
  border-radius: 10px;
  margin: 10px;
}

.new-franchisor .why-invest .item h4 {
  color: #15A0F3;
}

.new-franchisor .franchisor_page_popular_slider .slider_main_div p,
.new-franchisor .same-industry-slider .slider_main_div p {
  font-size: 12px;
}

.new-franchisor .claim-this-franchise .claim-franchise-form {
  padding: 3rem;
}

.new-franchisor .claim-this-franchise .claim-franchise-form .form-group .form-control {
  padding: 1.65rem 1rem;
  background-color: #F6F8FA;
}

.new-franchisor .slider .slick-prev:before,
.new-franchisor .slider .slick-next:before {
  color: #2298f2;
}

.new_franchimp_pro .modal-body {
  min-height: 300px;
  display: flex;
  align-items: center;
}
.new_franchimp_pro .modal-content .modal-body .text-center {
  justify-content: center;
}
.new_franchimp_pro .modal-content .modal-body .text-center span {
  font-size: 16px;
  color: black;
}
.new_franchimp_pro .modal-body .btn-div {
  display: flex;
  justify-content: space-around;
}
.new_franchimp_pro .modal-body .btn-div .new-franchisor-btn {
  padding: 10px 30px;
  font-weight: 400;
  width: -webkit-fill-available !important;
}

#exportModal .new_franchimp_pro .modal-body,
#addColumnModal .new_franchimp_pro .modal-body{
  min-height: 200px;
}

@media only screen and (max-width: 768px) {
  .new-franchisor .kt-portlet .kt-portlet__body {
    padding: 20px;
  }

  .new-franchisor .logo_color_div.logo,
  .new-franchisor .color_img_div img {
    display: none;
  }

  .new-franchisor .kt-container {
    padding: 0px;
  }

  .new-franchisor h1.pr_nm_br_db {
    font-size: 2rem;
  }

  .new-franchisor .new-franchisor-btn.talk-to,
  .new-franchisor .new-franchisor-btn.buy-btn {
    padding: 10px 10px;
  }

  .new-franchisor-btn {
    font-size: 12px;
  }

  .new-franchisor .potential-earnings .card,
  .new-franchisor .summary-of-investment-costs .card {
    padding: 10px;
  }

  .new-franchisor .claim-this-franchise .claim-franchise-form {
    padding: 10px;
  }
}

/* -------------------------- New Franchisor CSS End -------------------------- */

table.dataTable thead th {
  border-bottom: 1px solid #ddd;
}

#new-list li .dropdown .btn-secondary {
  width: 80%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-color: #1ba2ee;
  color: #1ba2ee;
  font-size: 14px;
}

/* #new-list li .btn.dropdown-toggle:after {
  content: none;
} */

.export_csv_new {
  background: #1ba2ee;
  padding: 2px 0px;
  border-radius: 20px;
  margin-left: 5px;
  color: #fff;
}

.export_csv_new:hover {
  color: #fff !important;
}

.btn-outline-black {
  color: #212529;
  border-color: #212529;
}

.kt-header__topbar--mobile-on .kt-header__topbar {
  box-shadow: none !important;
  border-top: none !important;
}

.dataTables_wrapper .bottom.dataTables_pager {
  position: absolute;
  bottom: 1rem;
  z-index: 9;
  padding-top: 10px;
  width: 100%;
  background: #fff;
}

.layout-view .dropdown i {
  font-size: 1.5rem;
  color: #333;
}

.layout-view .dropdown .dropdown-header {
  font-size: 14px;
  padding: 0.5rem 1.2rem;
}

.layout-view .dropdown .dropdown-menu .dropdown-item {
  font-size: 16px;
  color: #333;
}

.table-footer.grid-layout {
  display: none;
}

.table-footer.grid-layout {  
  position: absolute;
  bottom: 6px;
  background: #fff;
  z-index: 1;
  width: 99%;
}

.hidden {
  display: none;
}

#columnModel.modal .modal-content {
  border-radius: 20px;
}

#columnModel.modal .modal-content .modal-body {
  padding: 2rem 3rem;
}

#columnModel.modal .modal-content .modal-header .modal-title {
  font-size: 2rem;
  color: #333;
}

#columnModel.modal .nav-pills .nav-item .nav-link.active {
  background-color: #fff;
  color: #1ba2ee;
  border-bottom: 2px solid #1ba2ee;
  border-radius: 0;
}

#columnModel.modal .nav-pills .nav-item .nav-link:active {
  background: #fff;
  color: #595d6e;
  border-bottom: 2px solid #1ba2ee;
}

#columnModel.modal .nav-pills .nav-item .nav-link {
  font-weight: 500;
  font-size: 14px;
  width: max-content;
}

#columnModel.modal .modal-body .nav {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}

#columnModel.modal .kt-checkbox.kt-checkbox--brand.kt-checkbox--solid>span,
#columnModel.modal .kt-checkbox.kt-checkbox--brand.kt-checkbox--solid>input:checked~span {
  background: #1ba2ee;
}

#columnModel.modal .kt-checkbox {
  margin-bottom: 0px;
}

.bordered-columns {
  margin-left: -10px;
  margin-right: -10px;
}

.bordered-columns>[class*="col-"] {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

.content-box {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 1rem;
}

.btn-gray {
  background: #f6f8f9;
  color: #768397;
  border-color: #eceef1;
}

.franchimp-datatable table.dataTable {
  border-collapse: separate;
  border-spacing: 0;
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
}

.franchimp-datatable table.dataTable thead th {
  background-color: #f2f8ff;
  color: #333;
  font-weight: 600;
  padding: 12px;
  text-align: left;
  white-space: normal;
}

.franchimp-datatable table.dataTable tbody td {
  background-color: #fff;
  padding: 12px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: middle;
  white-space: normal;
}

/* Franchise cell with image and text */
.franchimp-datatable .franchise-cell {
  display: flex;
  align-items: center;
  gap: 12px;
}

.franchimp-datatable .franchise-details {
  display: flex;
  flex-direction: column;
}

.franchimp-datatable .franchise-details span:first-child {
  font-weight: 600;
  font-size: 14px;
}

.franchimp-datatable .franchise-details span:last-child {
  font-size: 12px;
  color: #666;
}

/* Icon buttons */
.icon-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  color: #666;
}

.icon-btn.heart {
  color: #f87171;
}

/* Footer Buttons */
.custom-footer-buttons {
  display: flex;
  justify-content: end;
  gap: 1rem;
  padding: 16px 0;
}

.custom-footer-buttons button {
  background-color: #e0f2fe;
  border: 1px solid #bae6fd;
  color: #0284c7;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
}

.custom-footer-buttons button:hover {
  background-color: #bae6fd;
}

#columnModel .modal-header {
  padding: 1.25rem 0 0 0px !important;
}

.table-data-info{
  display: flex;    
  align-items: baseline;
  justify-content: space-around;
}

.table-data-info .dataTables_info,
.table-data-info .dataTables_length{
  width: fit-content;
}

.new-footer h3{
  font-size: 1.4rem;
  color: #000;
}

.new-footer p,
.new-footer ul li{
  font-size: 1.2rem;
  font-weight: 400;
  color: #9ca3af;
  list-style: none !important;
}

.new-footer p {
  font-size: 1.160rem;
}

.new-footer ul li{
  margin-bottom: 0.5rem;  
}

.new-footer ul li a {  
  color: #9ca3af;
}

.new-footer hr{
  border-top: 1px solid #000;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media only screen and (max-width: 661px) {
  .kt-header-mobile--fixed .kt-header__topbar {
    position: absolute;
    height: auto;
  }
}

@media only screen and (max-width: 768px) {

  .kt-content{
    margin-top: 5rem;
  }

  .kt-header--fixed {
    position: absolute;
    width: 100%;
    padding-bottom: 1rem;
    background: #fff;
    z-index: 9;
  }

  #toggleSelectedFilters {
    display: flex;
    align-items: center;
  }

  .btn-selected-filters {
    background-color: #fff !important;
    border: none !important;
    color: #333 !important;
    font-size: 14px;
  }

  .btn-selected-filters i {
    font-size: 16px;
    margin-left: 0.5rem;
  }

  .dataTables_wrapper .dataTables_paginate .pagination .page-item>.page-link {
    padding: 13px 10px !important;
  }

  .selected-filters-container {
    display: flex;
  }

  .new-footer {
    padding: 1rem;
  }
}

@media (min-width: 1025px) {

  .kt-aside--enabled.kt-subheader--fixed .kt-subheader,
  .kt-aside--enabled .kt-header.kt-header--fixed {
    left: 0px;
    padding: 0 2rem 0 2rem;
  }

  .kt-header--fixed.kt-subheader--fixed .kt-subheader {
    z-index: 1;
  }

  /* .kt-header--fixed.kt-subheader--fixed.kt-subheader--enabled .kt-wrapper {
    padding-top: 70px;
  } */
}

@media (max-width: 1024px) {
  .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__topbar-toggler i {
    font-size: 2.5rem;
  }

  .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__topbar-toggler i {
    color: #5b5b5bfc !important;
  }

  .kt-header__topbar .kt-header__topbar-item {
    justify-content: space-around;
    width: 100%;
  }

  .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user {
    padding: 10 0;
  }

  .kt-header-mobile--fixed .kt-header-mobile {
    z-index: 99999;
  }
}

/* @media (min-width: 1025px) {
  .kt-header--fixed.kt-subheader--fixed .kt-subheader {
    position: static;
  }
} */

@media only screen and (min-device-width: 1170px) and (max-device-width: 1190px) {
  .search-wrapper .search_big_box {
    width: 400px !important;
  }

  .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-user {
    padding: 0px;
  }
}