/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (2) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (3) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (4) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
/* typography */
#directiost-listing-fields_wrapper .directorist-show {
  display: block !important;
}
#directiost-listing-fields_wrapper .directorist-hide {
  display: none !important;
}
#directiost-listing-fields_wrapper {
  padding: 18px 20px;
}
#directiost-listing-fields_wrapper a:focus,
#directiost-listing-fields_wrapper a:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: none;
}
#directiost-listing-fields_wrapper .atcc_pt_40 {
  padding-top: 40px;
}
#directiost-listing-fields_wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#directiost-listing-fields_wrapper .iris-picker,
#directiost-listing-fields_wrapper .iris-picker * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#directiost-listing-fields_wrapper #gmap {
  height: 350px;
}
#directiost-listing-fields_wrapper label {
  margin-bottom: 8px;
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
  color: #202428;
}
#directiost-listing-fields_wrapper .map_wrapper {
  position: relative;
}
#directiost-listing-fields_wrapper .map_wrapper #floating-panel {
  position: absolute;
  z-index: 2;
  left: 59px;
  top: 10px;
}
#directiost-listing-fields_wrapper a.btn {
  text-decoration: none;
}
#directiost-listing-fields_wrapper [data-toggle=tooltip] {
  color: #a1a1a7;
  font-size: 12px;
}
#directiost-listing-fields_wrapper [data-toggle=tooltip]:hover {
  color: #202428;
}
#directiost-listing-fields_wrapper .single_prv_attachment {
  text-align: center;
}
#directiost-listing-fields_wrapper .single_prv_attachment div {
  position: relative;
  display: inline-block;
}
#directiost-listing-fields_wrapper .single_prv_attachment div .remove_prev_img {
  position: absolute;
  top: -5px;
  left: -5px;
  background-color: #d3d1ec;
  line-height: 26px;
  width: 26px;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  color: #ffffff;
  padding: 0;
}
#directiost-listing-fields_wrapper .single_prv_attachment div .remove_prev_img:hover {
  color: #c81d1d;
}
#directiost-listing-fields_wrapper #listing_image_btn span {
  vertical-align: text-bottom;
}
#directiost-listing-fields_wrapper .default_img {
  margin-bottom: 10px;
  text-align: center;
  margin-top: 10px;
}
#directiost-listing-fields_wrapper .default_img small {
  color: #7a82a6;
  font-size: 13px;
}
#directiost-listing-fields_wrapper .atbd_pricing_options {
  margin-bottom: 15px;
}
#directiost-listing-fields_wrapper .atbd_pricing_options label {
  font-size: 13px;
}
#directiost-listing-fields_wrapper .atbd_pricing_options .bor {
  margin: 0 15px;
}
#directiost-listing-fields_wrapper .atbd_pricing_options small {
  font-size: 12px;
  vertical-align: top;
}
#directiost-listing-fields_wrapper .price-type-both select.directory_pricing_field {
  display: none;
}
#directiost-listing-fields_wrapper .listing-img-container {
  text-align: center;
  padding: 10px 0 15px;
}
#directiost-listing-fields_wrapper .listing-img-container p {
  margin-top: 15px;
  margin-bottom: 4px;
  color: #7a82a6;
  font-size: 16px;
}
#directiost-listing-fields_wrapper .listing-img-container small {
  color: #7a82a6;
  font-size: 13px;
}
#directiost-listing-fields_wrapper .listing-img-container .single_attachment {
  width: auto;
  display: inline-block;
  position: relative;
}
#directiost-listing-fields_wrapper .listing-img-container .single_attachment .remove_image {
  position: absolute;
  top: -5px;
  left: -5px;
  background-color: #d3d1ec;
  line-height: 26px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  color: #9497A7;
}
#directiost-listing-fields_wrapper .listing-img-container .single_attachment .remove_image:hover {
  color: #EF0000;
}
#directiost-listing-fields_wrapper .field-options {
  margin-bottom: 15px;
}
#directiost-listing-fields_wrapper .directorist-hide-if-no-js {
  text-align: center;
  margin: 0;
}
#directiost-listing-fields_wrapper .form-check {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#directiost-listing-fields_wrapper .form-check input {
  vertical-align: top;
  margin-top: 0;
}
#directiost-listing-fields_wrapper .form-check .form-check-label {
  margin: 0;
  font-size: 15px;
}
#directiost-listing-fields_wrapper .atbd_optional_field {
  margin-bottom: 15px;
}
#directiost-listing-fields_wrapper .extension_detail {
  margin-top: 20px;
}
#directiost-listing-fields_wrapper .extension_detail .btn_wrapper {
  margin-top: 25px;
}
#directiost-listing-fields_wrapper .extension_detail.ext_d {
  min-height: 140px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#directiost-listing-fields_wrapper .extension_detail.ext_d p {
  margin: 0;
}
#directiost-listing-fields_wrapper .extension_detail.ext_d .btn_wrapper {
  width: 100%;
  margin-top: auto;
}
#directiost-listing-fields_wrapper .extension_detail.ext_d > a,
#directiost-listing-fields_wrapper .extension_detail.ext_d p,
#directiost-listing-fields_wrapper .extension_detail.ext_d div {
  display: block;
}
#directiost-listing-fields_wrapper .extension_detail.ext_d > p {
  margin-bottom: 15px;
}
#directiost-listing-fields_wrapper .ext_title a {
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  font-size: 18px;
  color: #202428;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
}
#directiost-listing-fields_wrapper .ext_title:hover a {
  color: #6e63ff;
}
#directiost-listing-fields_wrapper .ext_title .text-center {
  text-align: center;
}
#directiost-listing-fields_wrapper .attc_extension_wrapper {
  margin-top: 30px;
}
#directiost-listing-fields_wrapper .attc_extension_wrapper .col-md-4 .single_extension .btn {
  padding: 3px 15px;
  font-size: 14px;
}
#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension {
  margin-bottom: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 10px #e1e7f7;
          box-shadow: 0px 5px 10px #e1e7f7;
  padding: 25px;
}
#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension img {
  width: 100%;
}
#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon img {
  opacity: 0.6;
}
#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon a {
  pointer-events: none !important;
}
#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .ext_title a:after {
  content: "(Coming Soon)";
  color: #ff0000;
  font-size: 14px;
}
#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .ext_title:hover a {
  color: inherit;
}
#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .btn {
  opacity: 0.5;
}
#directiost-listing-fields_wrapper .attc_extension_wrapper__heading {
  margin-bottom: 15px;
}
#directiost-listing-fields_wrapper .btn_wrapper a + a {
  margin-right: 10px;
}
#directiost-listing-fields_wrapper.atbd_help_support .wrap_left {
  width: 70%;
}
#directiost-listing-fields_wrapper.atbd_help_support h3 {
  font-size: 24px;
}
#directiost-listing-fields_wrapper.atbd_help_support a {
  color: #387dff;
}
#directiost-listing-fields_wrapper.atbd_help_support a:hover {
  text-decoration: underline;
}
#directiost-listing-fields_wrapper.atbd_help_support .postbox {
  padding: 30px;
}
#directiost-listing-fields_wrapper.atbd_help_support .postbox h3 {
  margin-bottom: 20px;
}
#directiost-listing-fields_wrapper.atbd_help_support .wrap {
  display: inline-block;
  vertical-align: top;
}
#directiost-listing-fields_wrapper.atbd_help_support .wrap_right {
  width: 27%;
}
#directiost-listing-fields_wrapper.atbd_help_support .wrap_right .postbox {
  background-color: #0073aa;
  border-radius: 3px;
  -webkit-box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27);
          box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27);
}
#directiost-listing-fields_wrapper.atbd_help_support .wrap_right .postbox h3 {
  color: #fff;
  margin-bottom: 25px;
}
#directiost-listing-fields_wrapper .shortcode_table td {
  font-size: 14px;
  line-height: 22px;
}
#directiost-listing-fields_wrapper ul.atbdp_pro_features li {
  font-size: 16px;
  margin-bottom: 12px;
}
#directiost-listing-fields_wrapper ul.atbdp_pro_features li a {
  color: #ededed;
}
#directiost-listing-fields_wrapper ul.atbdp_pro_features li a:hover {
  color: #fff;
}
#directiost-listing-fields_wrapper .atbdp-radio-list li label,
#directiost-listing-fields_wrapper .atbdp-checkbox-list li label {
  text-transform: capitalize;
  font-size: 13px;
}
#directiost-listing-fields_wrapper .atbdp-radio-list li label input,
#directiost-listing-fields_wrapper .atbdp-checkbox-list li label input {
  margin-left: 7px;
}
#directiost-listing-fields_wrapper .single_thm .ext_title h4 {
  text-align: center;
}
#directiost-listing-fields_wrapper .single_thm .btn_wrapper {
  text-align: center;
}
#directiost-listing-fields_wrapper {
  /***********************************************************
  ************************************************************
  css for Custom Field
  *************************************************************
  **************************************************************/
}
#directiost-listing-fields_wrapper .postbox table.widefat {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #eff2f5;
}
#directiost-listing-fields_wrapper #atbdp-field-details td {
  color: #555;
  font-size: 17px;
  width: 8%;
}
#directiost-listing-fields_wrapper #atbdp-field-options td {
  color: #555;
  font-size: 17px;
  width: 8%;
}
#directiost-listing-fields_wrapper .atbdp-tick-cross {
  margin-right: 18px;
}
#directiost-listing-fields_wrapper .atbdp-tick-cross2 {
  margin-right: 25px;
}
#directiost-listing-fields_wrapper {
  /*
  for shortable field*/
}
#directiost-listing-fields_wrapper .ui-sortable tr:hover {
  cursor: move;
}
#directiost-listing-fields_wrapper .ui-sortable tr.alternate {
  background-color: #f9f9f9;
}
#directiost-listing-fields_wrapper .ui-sortable tr.ui-sortable-helper {
  background-color: #f9f9f9;
  border-top: 1px solid #dfdfdf;
}
#directiost-listing-fields_wrapper .business-hour label {
  margin-bottom: 0;
}

#directorist.atbd_wrapper .form-group {
  margin-bottom: 30px;
}
#directorist.atbd_wrapper .form-group > label {
  margin-bottom: 10px;
}
#directorist.atbd_wrapper .form-group .atbd_pricing_options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#directorist.atbd_wrapper .form-group .atbd_pricing_options label {
  margin-bottom: 0;
}
#directorist.atbd_wrapper .form-group .atbd_pricing_options small {
  margin-right: 5px;
}
#directorist.atbd_wrapper .form-group .atbd_pricing_options input[type=checkbox] {
  position: relative;
  top: -2px;
}

#directorist.atbd_wrapper #category_container .form-group {
  margin-bottom: 0;
}

#directorist.atbd_wrapper .g_address_wrap {
  margin-bottom: 15px;
}
#directorist.atbd_wrapper .atbd_map_title {
  margin-bottom: 15px;
}
#directorist.atbd_wrapper .map_wrapper .map_drag_info {
  display: block;
  font-size: 12px;
  margin-top: 10px;
}
#directorist.atbd_wrapper .map-coordinate {
  margin-top: 15px;
  margin-bottom: 15px;
}
#directorist.atbd_wrapper .map-coordinate label {
  margin-bottom: 0;
}
#directorist.atbd_wrapper #hide_if_no_manual_cor .form-group .form-group {
  margin-bottom: 20px;
}
#directorist.atbd_wrapper .atbd_map_hide {
  margin-bottom: 0;
}
#directorist.atbd_wrapper .atbd_map_hide label {
  margin-bottom: 0;
}
#directorist.atbd_wrapper #atbdp-custom-fields-list {
  margin: 13px 0 0 0;
}

#_listing_video_gallery #directorist.atbd_wrapper .form-group {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

@media (min-width: 1199px) and (max-width: 1510px), (min-width: 768px) and (max-width: 1187px), (min-width: 576px) and (max-width: 694px), (min-width: 320px) and (max-width: 373px) {
  #directorist.atbd_wrapper .btn.demo,
  #directorist.atbd_wrapper .btn.get {
    display: block;
    margin: 0;
  }
  #directorist.atbd_wrapper .btn.get {
    margin-top: 10px;
  }
}
#directorist.atbd_wrapper #addNewSocial {
  margin-bottom: 15px;
}

#directorist.atbd_wrapper .atbdp_social_field_wrapper .form-group {
  margin-bottom: 15px;
}

.atbdp_social_field_wrapper select.form-control {
  height: 35px !important;
}

#atbdp-categories-image-wrapper img {
  width: 150px;
}

.vp-wrap .vp-checkbox .field label {
  display: block;
  margin-left: 0;
}

.vp-wrap .vp-section > h3 {
  color: #01b0ff;
  font-size: 15px;
  padding: 10px 20px;
  margin: 0;
  top: 12px;
  border: 1px solid #eee;
  right: 20px;
  background-color: #f2f4f7;
  z-index: 1;
}

#shortcode-updated .input label span {
  background-color: #008ec2;
  width: 160px;
  position: relative;
  border-radius: 3px;
  margin-top: 0;
}
#shortcode-updated .input label span:before {
  content: "Upgrade/Regenerate";
  position: absolute;
  color: #fff;
  right: 50%;
  top: 48%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  border-radius: 3px;
}

#shortcode-updated + #success_msg {
  color: #4caf50;
  padding-right: 15px;
}

.olControlAttribution {
  left: 10px !important;
  bottom: 10px !important;
}

.g_address_wrap ul {
  margin-top: 15px !important;
}
.g_address_wrap ul li {
  margin-bottom: 8px;
  border-bottom: 1px solid #e3e6ef;
  padding-bottom: 8px;
}
.g_address_wrap ul li:last-child {
  margin-bottom: 0;
}

.plupload-thumbs .thumb {
  float: none !important;
  max-width: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#atbdp-categories-image-wrapper {
  position: relative;
  display: inline-block;
}
#atbdp-categories-image-wrapper .remove_cat_img {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #c4c4c4;
  left: -5px;
  top: -5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
#atbdp-categories-image-wrapper .remove_cat_img:hover {
  background-color: #ff0000;
  color: #fff;
}

.plupload-thumbs .thumb {
  position: relative;
}
.plupload-thumbs .thumb:hover .atbdp-thumb-actions {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.plupload-thumbs .thumb .atbdp-file-info {
  border-radius: 5px;
}
.plupload-thumbs .thumb .atbdp-thumb-actions {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  margin-top: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink {
  background-color: #000;
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  font-size: 14px;
}
.plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink:hover {
  background-color: #e23636;
}
.plupload-thumbs .thumb .atbdp-thumb-actions:before {
  border-radius: 5px;
}

.plupload-upload-uic {
  width: 420px;
  margin: 0 auto !important;
  border: 1px dashed #dbdee9;
  padding: 30px;
  text-align: center;
}
.plupload-upload-uic .atbdp-dropbox-title {
  font-weight: 500;
  margin-bottom: 15px;
  font-size: 15px;
}
.plupload-upload-uic .atbdp_button {
  border: 1px solid #EFF1F6;
  background-color: #f8f9fb;
  font-size: 14px;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 40px !important;
  padding: 0 30px !important;
  height: auto !important;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.plupload-upload-uic .atbdp-dropbox-file-types {
  margin-top: 10px;
  color: #9299b8;
}

@media (max-width: 575px) {
  .plupload-upload-uic {
    width: 100%;
  }
}
@media (max-width: 400px) {
  #_listing_contact_info #directorist.atbd_wrapper .form-check {
    padding-right: 40px;
  }
  #_listing_contact_info #directorist.atbd_wrapper .form-check-input {
    margin-right: -40px;
  }
  #_listing_contact_info #directorist.atbd_wrapper .map-coordinate #manual_coordinate {
    display: inline-block;
  }
  #_listing_contact_info #directorist.atbd_wrapper .map-coordinate .cor-wrap label {
    display: inline;
  }
  #delete-custom-img {
    margin-top: 10px;
  }
  .enable247hour label {
    display: inline !important;
  }
}
/* ATBD Tooltip */
.atbd_tooltip {
  position: relative;
}
.atbd_tooltip[aria-label]:before, .atbd_tooltip[aria-label]:after {
  position: absolute !important;
  bottom: 100%;
  display: none;
  -webkit-animation: showTooltip 0.3s ease;
  animation: showTooltip 0.3s ease;
}
.atbd_tooltip[aria-label]:before {
  content: "";
  right: 50%;
  -webkit-transform: translate(50%, 7px);
          transform: translate(50%, 7px);
  border: 6px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.8);
}
.atbd_tooltip[aria-label]:after {
  content: attr(aria-label);
  right: 50%;
  -webkit-transform: translate(50%, -5px);
          transform: translate(50%, -5px);
  min-width: 150px;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  padding: 5px 12px;
  border-radius: 3px;
  color: #fff;
}
.atbd_tooltip[aria-label]:hover:before, .atbd_tooltip[aria-label]:hover:after {
  display: block;
}

@-webkit-keyframes showTooltip {
  from {
    opacity: 0;
  }
}

@keyframes showTooltip {
  from {
    opacity: 0;
  }
}
.atbdp_shortcodes {
  position: relative;
}
.atbdp_shortcodes:after {
  content: "\f0c5";
  font-family: "Font Awesome 5 Free";
  color: #000;
  font-weight: normal;
  line-height: initial;
  cursor: pointer;
  position: absolute;
  left: -20px;
  bottom: 0;
  z-index: 999;
}

.directorist-find-latlan {
  display: inline-block;
  color: red;
}

.business_time.column-business_time .atbdp-tick-cross2,
.web-link.column-web-link .atbdp-tick-cross2 {
  padding-right: 25px;
}

#atbdp-field-details .recurring_time_period {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#atbdp-field-details .recurring_time_period > label {
  margin-left: 10px;
}
#atbdp-field-details .recurring_time_period #recurring_period {
  margin-left: 8px;
}

div#need_post_area {
  padding: 10px 0 15px 0;
}
div#need_post_area .atbd_listing_type_list {
  margin: 0 -7px;
}
div#need_post_area label {
  margin: 0 7px;
  font-size: 16px;
}
div#need_post_area label input:checked + span {
  font-weight: 600;
}

#pyn_service_budget label {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#pyn_service_budget label #is_hourly {
  margin-left: 5px;
}

#titlediv #title {
  padding: 3px 8px 7px;
  font-size: 26px;
  height: 40px;
}

.req_password_notice,
.password_notice {
  padding-right: 20px;
  padding-left: 20px;
}

/* hide button example image top upload fields */
#primary_example,
#secondary_example,
#success_example,
#danger_example,
#priout_example,
#prioutlight_example,
#danout_example {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#primary_example input[type=text],
#primary_example .button,
#secondary_example input[type=text],
#secondary_example .button,
#success_example input[type=text],
#success_example .button,
#danger_example input[type=text],
#danger_example .button,
#priout_example input[type=text],
#priout_example .button,
#prioutlight_example input[type=text],
#prioutlight_example .button,
#danout_example input[type=text],
#danout_example .button {
  display: none !important;
}

#directorist.atbd_wrapper .dbh-wrapper label {
  margin-bottom: 0 !important;
}
#directorist.atbd_wrapper .dbh-wrapper .disable-bh {
  margin-bottom: 5px;
}
#directorist.atbd_wrapper .dbh-wrapper .dbh-timezone .select2-container .select2-selection--single {
  height: 37px;
  padding-right: 15px;
  border-color: #ddd;
}

span.atbdp-tick-cross {
  padding-right: 20px;
}

.atbdp-timestamp-wrap select,
.atbdp-timestamp-wrap input {
  margin-bottom: 5px !important;
}

/* csv styles */
.csv-action-btns {
  margin-top: 30px;
}
.csv-action-btns a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  line-height: 44px;
  padding: 0 20px;
  background-color: #fff;
  border: 1px solid #e3e6ef;
  color: #272b41;
  border-radius: 5px;
  font-weight: 600;
  margin-left: 7px;
}
.csv-action-btns a span {
  color: #9299b8;
}
.csv-action-btns a:last-child {
  margin-left: 0;
}
.csv-action-btns a.btn-active {
  background-color: #2c99ff;
  color: #fff;
  border-color: #2c99ff;
}
.csv-action-btns a.btn-active span {
  color: rgba(255, 255, 255, 0.8);
}

.csv-action-steps ul {
  width: 700px;
  margin: 80px auto 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.csv-action-steps ul li {
  text-align: center;
  position: relative;
  text-align: center;
  width: 25%;
}
.csv-action-steps ul li:before {
  position: absolute;
  content: url(../js/../images/2043b2e371261d67d5b984bbeba0d4ff.png);
  right: 112px;
  top: 8px;
  width: 125px;
  overflow: hidden;
}
.csv-action-steps ul li .step {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #9299b8;
  -webkit-box-shadow: -5px 0 10px rgba(146, 153, 184, 0.15);
          box-shadow: -5px 0 10px rgba(146, 153, 184, 0.15);
  background-color: #fff;
}
.csv-action-steps ul li .step .dashicons {
  margin: 0;
  display: none;
}
.csv-action-steps ul li .step-text {
  display: block;
  margin-top: 15px;
  color: #9299b8;
}
.csv-action-steps ul li.active .step {
  background-color: #272b41;
  color: #fff;
}
.csv-action-steps ul li.active .step-text {
  color: #272b41;
}
.csv-action-steps ul li.done:before {
  content: url(../js/../images/8421bda85ddefddf637d87f7ff6a8337.png);
}
.csv-action-steps ul li.done .step {
  background-color: #0fb73b;
  color: #fff;
}
.csv-action-steps ul li.done .step .step-count {
  display: none;
}
.csv-action-steps ul li.done .step .dashicons {
  display: block;
}
.csv-action-steps ul li.done .step-text {
  color: #272b41;
}
.csv-action-steps ul li:last-child:before, .csv-action-steps ul li:last-child.done:before {
  content: none;
}

.csv-wrapper {
  margin-top: 20px;
}
.csv-wrapper .csv-center {
  width: 700px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 8px rgba(146, 153, 184, 0.15);
          box-shadow: 0 5px 8px rgba(146, 153, 184, 0.15);
}
.csv-wrapper form header {
  padding: 30px 30px 20px;
  border-bottom: 1px solid #f1f2f6;
}
.csv-wrapper form header h2 {
  margin: 0 0 15px 0;
  font-size: 22px;
  font-weight: 500;
}
.csv-wrapper form header p {
  color: #5a5f7d;
  margin: 0;
}
.csv-wrapper form .form-content {
  padding: 30px;
}
.csv-wrapper form .form-content .directorist-importer-options {
  margin: 0;
}
.csv-wrapper form .form-content .directorist-importer-options h4 {
  margin: 0 0 15px 0;
  font-size: 15px;
}
.csv-wrapper form .form-content .directorist-importer-options .csv-upload {
  position: relative;
}
.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 0;
}
.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label .upload-btn {
  line-height: 40px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  padding: 0 20px;
  background-color: #5a5f7d;
  color: #fff;
  font-weight: 500;
  min-width: 140px;
}
.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label .file-name {
  color: #9299b8;
  display: inline-block;
  margin-right: 5px;
}
.csv-wrapper form .form-content .directorist-importer-options .csv-upload small {
  font-size: 13px;
  color: #9299b8;
  display: block;
  margin-top: 10px;
}
.csv-wrapper form .form-content .directorist-importer-options .update-existing {
  padding-top: 30px;
}
.csv-wrapper form .form-content .directorist-importer-options .update-existing label.ue {
  font-size: 15px;
  font-weight: 500;
  color: #272b41;
  display: block;
  margin-bottom: 15px;
}
.csv-wrapper form .form-content .directorist-importer-options .csv-delimiter {
  padding-top: 30px;
}
.csv-wrapper form .form-content .directorist-importer-options .csv-delimiter label {
  font-size: 15px;
  font-weight: 500;
  color: #272b41;
  display: block;
  margin-bottom: 10px;
}
.csv-wrapper form .form-content .directorist-importer-options .csv-delimiter input {
  width: 120px;
  border-radius: 4px;
  border: 1px solid #c6d0dc;
  height: 36px;
}
.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper h3 {
  margin-top: 0;
}
.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .directory_type_wrapper label {
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .directory_type_wrapper #directory_type {
  border: 1px solid #c6d0dc;
  border-radius: 4px;
  line-height: 40px;
  padding: 0 15px;
  width: 100%;
}
.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table {
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: 25px;
}
.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tr th,
.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tr td {
  width: 50%;
}
.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table thead {
  background-color: #f4f5f7;
}
.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table thead th {
  border: 0 none;
  font-weight: 500;
  color: #272b41;
}
.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name {
  padding-top: 15px;
  padding-right: 0;
}
.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name p {
  margin: 0 0 5px;
  color: #272b41;
}
.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name .description {
  color: #9299b8;
}
.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name code {
  line-break: anywhere;
}
.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-field {
  padding-top: 20px;
  padding-left: 0;
}
.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-field select {
  border: 1px solid #c6d0dc;
  border-radius: 4px;
  line-height: 40px;
  padding: 0 15px;
  width: 100%;
}
.csv-wrapper form .atbdp-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20px 30px;
  background-color: #f4f5f7;
  border-radius: 0 0 5px 5px;
}
.csv-wrapper form .atbdp-actions .button {
  background-color: #3e62f5;
  color: #fff;
  border: 0 none;
  line-height: 44px;
  padding: 0 20px;
  border-radius: 5px;
  font-size: 15px;
}
.csv-wrapper form .atbdp-actions .button:hover, .csv-wrapper form .atbdp-actions .button:focus {
  opacity: 0.9;
}
.csv-wrapper .directorist-importer__importing header {
  padding: 30px 30px 20px;
  border-bottom: 1px solid #f1f2f6;
}
.csv-wrapper .directorist-importer__importing header h2 {
  margin: 0 0 15px 0;
  font-size: 22px;
  font-weight: 500;
}
.csv-wrapper .directorist-importer__importing header p {
  color: #5a5f7d;
  margin: 0;
}
.csv-wrapper .directorist-importer__importing section {
  padding: 25px 30px 30px;
}
.csv-wrapper .directorist-importer__importing .importer-progress-notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #5a5f7d;
  margin-top: 10px;
}
.csv-wrapper .directorist-importer__importing span.importer-notice {
  padding-bottom: 0;
  font-size: 14px;
  font-style: italic;
}
.csv-wrapper .directorist-importer__importing span.importer-details {
  padding-top: 0;
  font-size: 14px;
}
.csv-wrapper .directorist-importer__importing progress {
  border-radius: 15px;
  width: 100%;
  height: 15px;
  overflow: hidden;
}
.csv-wrapper .directorist-importer__importing progress::-webkit-progress-bar {
  background-color: #e8f0f8;
  border-radius: 15px;
}
.csv-wrapper .directorist-importer__importing progress::-webkit-progress-value {
  background-color: #3e62f5;
  border-radius: 15px;
}
.csv-wrapper .directorist-importer__importing progress::-moz-progress-bar {
  background-color: #e8f0f8;
  border-radius: 15px;
  border: none;
  box-shadow: none;
}
.csv-wrapper .directorist-importer__importing progress[value]::-moz-progress-bar {
  background-color: #3e62f5;
  border-radius: 15px;
}
.csv-wrapper .csv-import-done .wc-progress-form-content {
  padding: 100px 30px 80px;
}
.csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions {
  text-align: center;
}
.csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions .dashicons {
  width: 100px;
  height: 100px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 50%;
  background-color: #0fb73b;
  font-size: 70px;
  color: #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions p {
  color: #5a5f7d;
  font-size: 20px;
  margin: 10px 0 0;
}
.csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions p strong {
  color: #272b41;
  font-weight: 600;
}
.csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions .import-complete {
  font-size: 20px;
  color: #272b41;
  margin: 16px 0 0;
}
.csv-wrapper .csv-import-done .atbdp-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20px 30px;
  background-color: #f4f5f7;
}
.csv-wrapper .csv-import-done .atbdp-actions .button {
  background-color: #2c99ff;
  color: #fff;
  border: 0 none;
  line-height: 44px;
  padding: 0 20px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 15px;
}
.csv-wrapper .csv-center.csv-export {
  padding: 100px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.csv-wrapper .csv-center.csv-export .button-secondary {
  background-color: #2c99ff;
  color: #fff;
  border: 0 none;
  line-height: 44px;
  padding: 0 20px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 15px;
}

.iris-border .iris-palette-container .iris-palette {
  padding: 0 !important;
}

#csv_import .vp-input + span {
  background-color: #007cba;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  border-radius: 3px;
  color: #fff;
  background-image: none;
  width: auto;
  cursor: pointer;
}
#csv_import .vp-input + span:after {
  content: "Run Importer";
}

.vp-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.vp-documentation-panel #directorist.atbd_wrapper {
  padding: 4px 0;
}

.wp-picker-container .wp-picker-input-wrap label {
  margin: 0 15px 10px;
}

.wp-picker-holder .iris-picker-inner .iris-square {
  margin-left: 5%;
}
.wp-picker-holder .iris-picker-inner .iris-square .iris-strip {
  height: 180px !important;
}

/* form builder add listing form */
.postbox-container .postbox select[name=directory_type] + .form-group {
  margin-top: 15px;
}
.postbox-container .postbox .form-group {
  margin-bottom: 30px;
}
.postbox-container .postbox .form-group label {
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
  color: #202428;
  margin-bottom: 10px;
}
.postbox-container .postbox .form-group #privacy_policy + label {
  margin-bottom: 0;
}
.postbox-container .postbox .form-group input[type=text],
.postbox-container .postbox .form-group input[type=tel],
.postbox-container .postbox .form-group input[type=url],
.postbox-container .postbox .form-group input[type=number],
.postbox-container .postbox .form-group input[type=date],
.postbox-container .postbox .form-group input[type=time],
.postbox-container .postbox .form-group input[type=email],
.postbox-container .postbox .form-group select.form-control {
  display: block;
  width: 100%;
  padding: 6px 15px;
  line-height: 1.5;
  border: 1px solid #c6d0dc;
}
.postbox-container .postbox .form-group input[type=text]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=tel]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=url]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=number]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=date]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=time]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=email]::-webkit-input-placeholder, .postbox-container .postbox .form-group select.form-control::-webkit-input-placeholder {
  color: #868eae;
}
.postbox-container .postbox .form-group input[type=text]::-moz-placeholder, .postbox-container .postbox .form-group input[type=tel]::-moz-placeholder, .postbox-container .postbox .form-group input[type=url]::-moz-placeholder, .postbox-container .postbox .form-group input[type=number]::-moz-placeholder, .postbox-container .postbox .form-group input[type=date]::-moz-placeholder, .postbox-container .postbox .form-group input[type=time]::-moz-placeholder, .postbox-container .postbox .form-group input[type=email]::-moz-placeholder, .postbox-container .postbox .form-group select.form-control::-moz-placeholder {
  color: #868eae;
}
.postbox-container .postbox .form-group input[type=text]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=tel]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=url]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=number]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=date]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=time]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=email]:-ms-input-placeholder, .postbox-container .postbox .form-group select.form-control:-ms-input-placeholder {
  color: #868eae;
}
.postbox-container .postbox .form-group input[type=text]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=tel]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=url]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=number]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=date]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=time]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=email]::-ms-input-placeholder, .postbox-container .postbox .form-group select.form-control::-ms-input-placeholder {
  color: #868eae;
}
.postbox-container .postbox .form-group input[type=text]::placeholder,
.postbox-container .postbox .form-group input[type=tel]::placeholder,
.postbox-container .postbox .form-group input[type=url]::placeholder,
.postbox-container .postbox .form-group input[type=number]::placeholder,
.postbox-container .postbox .form-group input[type=date]::placeholder,
.postbox-container .postbox .form-group input[type=time]::placeholder,
.postbox-container .postbox .form-group input[type=email]::placeholder,
.postbox-container .postbox .form-group select.form-control::placeholder {
  color: #868eae;
}
.postbox-container .postbox .form-group textarea {
  display: block;
  width: 100%;
  padding: 6px 6px;
  line-height: 1.5;
  border: 1px solid #EFF1F6;
  height: 100px;
}
.postbox-container .postbox .form-group #excerpt {
  margin-top: 0;
}
.postbox-container .postbox .form-group .directorist-social-info-field #addNewSocial {
  border-radius: 3px;
}
.postbox-container .postbox .form-group .atbdp_social_field_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px 15px;
}
.postbox-container .postbox .form-group .atbdp_social_field_wrapper .col-sm-12 {
  padding: 0 15px;
}
.postbox-container .postbox .form-group .atbdp_social_field_wrapper .col-md-6 {
  width: 50%;
}
.postbox-container .postbox .form-group .atbdp_social_field_wrapper .col-md-2 {
  width: 5%;
}
.postbox-container .postbox .form-group .atbdp_social_field_wrapper select,
.postbox-container .postbox .form-group .atbdp_social_field_wrapper input {
  width: 100%;
  border: 1px solid #EFF1F6;
  height: 35px;
}
.postbox-container .postbox .form-group .btn {
  padding: 7px 15px;
  cursor: pointer;
}
.postbox-container .postbox .form-group .btn.btn-primary {
  background: var(--directorist-color-primary);
  border: 0 none;
  color: #fff;
}
.postbox-container .postbox #directorist-terms_conditions-field input[type=text] {
  margin-bottom: 15px;
}
.postbox-container .postbox #directorist-terms_conditions-field .map_wrapper .cor-wrap {
  margin-top: 15px;
}

.theme-browser .theme .theme-name {
  height: auto;
}

/* System Status */
.atbds_wrapper {
  padding-left: 60px;
}
.atbds_wrapper .atbds_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.atbds_wrapper .atbds_col-left {
  margin-left: 30px;
}
.atbds_wrapper .atbds_col-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.atbds_wrapper .tab-pane {
  display: none;
}
.atbds_wrapper .tab-pane.show {
  display: block;
}
.atbds_wrapper .atbds_title {
  font-size: 24px;
  margin: 30px 0 35px;
  color: #272b41;
}

.atbds_content {
  margin-top: -8px;
}

/* Spacing */
.atbds_wrapper .pl-30 {
  padding-right: 30px;
}
.atbds_wrapper .pr-30 {
  padding-left: 30px;
}

/* atbds card */
.atbds_card.card {
  padding: 0;
  min-width: 100%;
  border: 0 none;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1);
          box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1);
}
.atbds_card .atbds_status-nav .nav-link {
  font-size: 14px;
  font-weight: 400;
}
.atbds_card .card-head {
  border-bottom: 1px solid #f1f2f6;
  padding: 20px 30px;
}
.atbds_card .card-head h1,
.atbds_card .card-head h2,
.atbds_card .card-head h3,
.atbds_card .card-head h4,
.atbds_card .card-head h5,
.atbds_card .card-head h6 {
  font-size: 16px;
  font-weight: 600;
  color: #272b41;
  margin: 0;
}
.atbds_card .card-body .atbds_c-t-menu {
  padding: 8px 30px 0;
  border-bottom: 1px solid #e3e6ef;
}
.atbds_card .card-body .atbds_c-t-menu .nav {
  margin: 0 -12.5px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.atbds_card .card-body .atbds_c-t-menu .nav-item {
  margin: 0 12.5px;
}
.atbds_card .card-body .atbds_c-t-menu .nav-link {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #272b41;
  padding: 20px 0;
  text-decoration: none;
  position: relative;
  white-space: nowrap;
}
.atbds_card .card-body .atbds_c-t-menu .nav-link.active:after {
  opacity: 1;
  visibility: visible;
}
.atbds_card .card-body .atbds_c-t-menu .nav-link:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0px #5b9dd9, 0 0 0px 0px rgba(30, 140, 190, 0);
          box-shadow: 0 0 0 0px #5b9dd9, 0 0 0px 0px rgba(30, 140, 190, 0);
}
.atbds_card .card-body .atbds_c-t-menu .nav-link:after {
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  content: "";
  opacity: 0;
  visibility: hidden;
  background-color: #272b41;
}
.atbds_card .card-body .atbds_c-t-menu .nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.atbds_card .card-body .atbds_c-t__details {
  padding: 20px 0;
}

#atbds_support .atbds_card,
#atbds_r-viewing .atbds_card {
  max-width: 900px;
  min-width: auto;
}

/* atbds Sidebar */
.atbds_sidebar ul {
  margin-bottom: 0;
}
.atbds_sidebar .nav-link {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  padding: 11px 20px;
  color: #5a5f7d;
  text-decoration: none;
  background-color: transparent;
  border-radius: 20px;
  min-width: 150px;
}
.atbds_sidebar .nav-link.active {
  color: #3e62f5;
  background-color: #fff;
}
.atbds_sidebar .nav-link:focus {
  outline: none;
  border: 0 none;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
}
.atbds_sidebar .nav-link .directorist-badge {
  font-size: 11px;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 1.75;
  border-radius: 50%;
}
.atbds_sidebar a {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  padding: 11px 20px;
  color: #5a5f7d;
  text-decoration: none;
  background-color: transparent;
  border-radius: 20px;
  min-width: 150px;
}
.atbds_sidebar a:focus {
  outline: none;
  border: 0 none;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
}

.atbds_text-center {
  text-align: center;
}

.atbds_d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.atbds_flex-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.atbds_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.atbds_col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 31.21%;
  position: relative;
  width: 100%;
  padding-left: 1.05%;
  padding-right: 1.05%;
}

/* atbds System Table */
.atbd_tooltip {
  position: relative;
  cursor: pointer;
}
.atbd_tooltip .atbd_tooltip__text {
  display: none;
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  top: 24px;
  padding: 10.5px 15px;
  min-width: 300px;
  line-height: 1.7333;
  border-radius: 4px;
  background-color: #272b41;
  color: #bebfc6;
  z-index: 10;
}
.atbd_tooltip .atbd_tooltip__text.show {
  display: inline-block;
}

/* atbds System Table */
.atbds_system-table-wrap {
  padding: 0 20px;
}

.atbds_system-table {
  width: 100%;
  border-collapse: collapse;
}
.atbds_system-table tr:nth-child(2n) td {
  background-color: #fbfbfb;
}
.atbds_system-table td {
  font-size: 14px;
  color: #5a5f7d;
  padding: 14px 20px;
  border-radius: 2px;
  vertical-align: top;
}
.atbds_system-table td.atbds_table-title {
  font-weight: 500;
  color: #272b41;
  min-width: 125px;
}
.atbds_system-table tbody tr td.atbds_table-pointer {
  width: 30px;
}
.atbds_system-table tbody tr td.diretorist-table-text p {
  margin: 0;
  line-height: 1.3;
}
.atbds_system-table tbody tr td.diretorist-table-text p:not(:last-child) {
  margin: 0 0 15px;
}
.atbds_system-table tbody tr td .atbds_color-success {
  color: #00bc5e;
}

.atbds_table-list li {
  margin-bottom: 8px;
}

/* atbds warnings */
.atbds_warnings {
  padding: 30px;
  min-height: 615px;
}

.atbds_warnings__single {
  border-radius: 6px;
  padding: 30px 45px;
  background-color: #f8f9fb;
  margin-bottom: 30px;
}
.atbds_warnings__single .atbds_warnings__icon {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(161, 168, 198, 0.05);
          box-shadow: 0 5px 10px rgba(161, 168, 198, 0.05);
}
.atbds_warnings__single .atbds_warnings__icon i,
.atbds_warnings__single .atbds_warnings__icon span {
  font-size: 30px;
}
.atbds_warnings__single .atbds_warnings__icon i,
.atbds_warnings__single .atbds_warnings__icon span,
.atbds_warnings__single .atbds_warnings__icon svg {
  color: #EF8000;
}
.atbds_warnings__single .atbds_warnigns__content {
  max-width: 290px;
  margin: 0 auto;
}
.atbds_warnings__single .atbds_warnigns__content h1,
.atbds_warnings__single .atbds_warnigns__content h2,
.atbds_warnings__single .atbds_warnigns__content h3,
.atbds_warnings__single .atbds_warnigns__content h4,
.atbds_warnings__single .atbds_warnigns__content h5,
.atbds_warnings__single .atbds_warnigns__content h6 {
  font-size: 18px;
  line-height: 1.444;
  font-weight: 500;
  color: #272b41;
  margin-bottom: 19px;
}
.atbds_warnings__single .atbds_warnigns__content p {
  font-size: 15px;
  line-height: 1.733;
  color: #5a5f7d;
}
.atbds_warnings__single .atbds_warnigns__content .atbds_btnLink {
  margin-top: 30px;
}

/* atbds Buttons */
.atbds_btnLink {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  color: #3e62f5;
}
.atbds_btnLink i {
  margin-right: 7px;
}

.atbds_btn {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  padding: 12px 30px;
  border-radius: 4px;
  cursor: pointer;
  background-color: #c6d0dc;
  border: 1px solid #c6d0dc;
  -webkit-box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1);
          box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.atbds_btn:hover {
  background-color: transparent;
  border: 1px solid #3e62f5;
}
.atbds_btn.atbds_btnPrimary {
  color: #fff;
  background-color: #3e62f5;
}
.atbds_btn.atbds_btnPrimary:hover {
  color: #3e62f5;
  background-color: #fff;
  border-color: #3e62f5;
}
.atbds_btn.atbds_btnDark {
  color: #fff;
  background-color: #272b41;
}
.atbds_btn.atbds_btnDark:hover {
  color: #272b41;
  background-color: #fff;
  border-color: #272b41;
}
.atbds_btn.atbds_btnGray {
  color: #272b41;
  background-color: #e3e6ef;
}
.atbds_btn.atbds_btnGray:hover {
  color: #272b41;
  background-color: #fff;
  border-color: #e3e6ef;
}

.atbds_btn.atbds_btnBordered {
  background-color: transparent;
  border: 1px solid;
}
.atbds_btn.atbds_btnBordered.atbds_btnPrimary {
  color: #3e62f5;
  border-color: #3e62f5;
}

.atbds_buttonGroup {
  margin: -5px;
}
.atbds_buttonGroup button {
  margin: 5px;
}

/* atbds Form Row */
.atbds_form-row:not(:last-child) {
  margin-bottom: 30px;
}
.atbds_form-row label,
.atbds_form-row input[type=text],
.atbds_form-row input[type=email],
.atbds_form-row textarea {
  width: 100%;
}
.atbds_form-row input,
.atbds_form-row textarea {
  border-color: #c6d0dc;
  min-height: 46px;
  border-radius: 4px;
  padding: 0 20px;
}
.atbds_form-row input:focus,
.atbds_form-row textarea:focus {
  background-color: #f4f5f7;
  color: #868eae;
  border-color: #c6d0dc;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
}
.atbds_form-row textarea {
  padding: 12px 20px;
}
.atbds_form-row label {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #272b41;
  margin-bottom: 8px;
}
.atbds_form-row textarea {
  min-height: 200px;
}

.atbds_customCheckbox input[type=checkbox] {
  display: none;
}
.atbds_customCheckbox label {
  font-size: 15px;
  color: #868eae;
  display: inline-block !important;
  font-size: 14px;
}
.atbds_customCheckbox input[type=checkbox] + label {
  min-width: 20px;
  min-height: 20px;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  position: relative;
  padding-right: 38px;
  margin-bottom: 0;
  line-height: 1.4;
  font-weight: 400;
  color: #868eae;
}
.atbds_customCheckbox input[type=checkbox] + label:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  content: "";
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border: 1px solid #c6d0dc;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.atbds_customCheckbox input[type=checkbox] + label:before {
  position: absolute;
  font-size: 12px;
  right: 4px;
  top: 2px;
  font-weight: 900;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  display: block;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 2;
  color: #3e62f5;
}
.atbds_customCheckbox input[type=checkbox]:checked + label:after {
  background-color: #00bc5e;
  border: 1px solid #00bc5e;
}
.atbds_customCheckbox input[type=checkbox]:checked + label:before {
  opacity: 1;
  color: #fff;
}

#listing_form_info {
  background: none;
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#listing_form_info #directiost-listing-fields_wrapper {
  margin-top: 15px !important;
}
#listing_form_info .atbd_content_module {
  border: 1px solid #e3e6ef;
  margin-bottom: 35px;
  background-color: #ffffff;
  text-align: right;
  border-radius: 3px;
}
#listing_form_info .atbd_content_module .atbd_content_module_title_area {
  border-bottom: 1px solid #e3e6ef;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 30px !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#listing_form_info .atbd_content_module .atbd_content_module_title_area h4 {
  margin: 0;
}
#listing_form_info .atbd_content_module .atbdb_content_module_contents {
  padding: 30px;
}
#listing_form_info .atbd_content_module .atbdb_content_module_contents .form-group:last-child {
  margin-bottom: 0;
}
#listing_form_info .atbd_content_module .atbdb_content_module_contents #hide_if_no_manual_cor {
  margin-top: 15px;
}
#listing_form_info .atbd_content_module .atbdb_content_module_contents .hide-map-option {
  margin-top: 15px;
}
#listing_form_info .atbd_content_module .atbdb_content_module_contents .atbdb_content_module_contents {
  padding: 0 20px 20px;
}
#listing_form_info .directorist_loader {
  position: absolute;
  top: 0;
  left: 0%;
}

.atbd-booking-information .atbd_area_title {
  padding: 0 20px;
}

.wp-list-table .page-title-action {
  background-color: #222;
  border: 0 none;
  border-radius: 3px;
  font-size: 11px;
  position: relative;
  top: 1px;
  color: #fff;
}

.atbd-listing-type-active-status {
  display: inline-block;
  color: #00AC17;
  margin-right: 10px;
}

/* atbds SupportForm */
.atbds_supportForm {
  padding: 10px 50px 50px 50px;
  color: #5a5f7d;
}
.atbds_supportForm h1,
.atbds_supportForm h2,
.atbds_supportForm h3,
.atbds_supportForm h4,
.atbds_supportForm h5,
.atbds_supportForm h6 {
  font-size: 20px;
  font-weight: 500;
  color: #272b41;
  margin: 20px 0 15px;
}
.atbds_supportForm p {
  font-size: 15px;
  margin-bottom: 35px;
}
.atbds_supportForm .atbds_customCheckbox {
  margin-top: -14px;
}

/* atbds remoteViewingForm */
.atbds_remoteViewingForm {
  padding: 10px 50px 50px 50px;
}
.atbds_remoteViewingForm p {
  font-size: 15px;
  line-height: 1.7333;
  color: #5a5f7d;
}
.atbds_remoteViewingForm .atbds_form-row input {
  min-width: 450px;
  margin-left: 10px;
}
.atbds_remoteViewingForm .atbds_form-row .btn-test {
  font-weight: 700;
}
.atbds_remoteViewingForm .atbds_buttonGroup {
  margin-top: -10px;
}
.atbds_remoteViewingForm .atbds_buttonGroup .atbds_btn {
  padding: 10.5px 33px;
}

@media only screen and (max-width: 1599px) {
  .atbds_warnings__single {
    padding: 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .atbds_warnings .atbds_col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 47%;
        -ms-flex: 0 0 47%;
            flex: 0 0 47%;
    max-width: 47%;
    padding-right: 1.5%;
    padding-left: 1.5%;
  }
}
@media only screen and (max-width: 1024px) {
  .atbds_warnings .atbds_row {
    margin: 0px;
  }
  .atbds_warnings .atbds_col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width: 1120px) {
  .atbds_remoteViewingForm .atbds_form-row input {
    min-width: 300px;
  }
}
@media only screen and (max-width: 850px) {
  .atbds_wrapper {
    padding: 30px;
  }
  .atbds_wrapper .atbds_row {
    margin: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .atbds_wrapper .atbds_row .atbds_col-left {
    margin-left: 0;
  }
  .atbds_wrapper .atbds_row .atbds_sidebar.pl-30 {
    padding-right: 0;
  }
  .atbds_wrapper .atbds_row .atbds_sidebar #atbds_status-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .atbds_remoteViewingForm .atbds_form-row input {
    min-width: 100%;
    margin-bottom: 15px;
  }
  .table-responsive {
    width: 100%;
    display: block;
    overflow-x: auto;
  }
}
@media only screen and (max-width: 764px) {
  .atbds_warnings__single {
    padding: 15px;
  }
  .atbds_supportForm {
    padding: 10px 25px 25px 25px;
  }
  .atbds_customCheckbox input[type=checkbox] + label {
    padding-right: 28px;
  }
}
#atbdp-send-system-info .system_info_success {
  color: #00AC17;
}

#atbds_r-viewing #atbdp-remote-response {
  padding: 20px 50px 0;
  color: #00AC17;
}
#atbds_r-viewing .atbds_form-row .button-secondary {
  padding: 8px 33px;
  text-decoration: none;
  border-color: #3e62f5;
  color: #3e62f5;
  background-color: #fff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
#atbds_r-viewing .atbds_form-row .button-secondary:hover {
  background-color: #3e62f5;
  color: #fff;
}

.vp-wrap .vp-menus ul.vp-menu-level-2 > li a i.fa,
.fa {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
}

.atbdb_content_module_contents .ez-media-uploader {
  text-align: center;
}

.add_listing_form_wrapper .upload-header,
.add_listing_form_wrapper #listing_image_btn,
.add_listing_form_wrapper #delete-custom-img {
  font-size: 15px;
  padding: 0 15.8px !important;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 38px;
  border-radius: 4px;
  text-decoration: none;
  color: #fff;
}
.add_listing_form_wrapper .listing-img-container {
  margin: 40px 0 20px;
  margin: -10px;
  text-align: center;
}
.add_listing_form_wrapper .listing-img-container .single_attachment {
  display: inline-block;
  margin: 10px;
  position: relative;
}
.add_listing_form_wrapper .listing-img-container .single_attachment .remove_image {
  position: absolute;
  top: -5px;
  left: -5px;
  background-color: #d3d1ec;
  line-height: 26px;
  width: 26px;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  color: #ffffff;
}
.add_listing_form_wrapper .listing-img-container img {
  max-width: 100px;
  height: 65px !important;
}
.add_listing_form_wrapper .listing-img-container p {
  font-size: 14px;
}
.add_listing_form_wrapper .directorist-hide-if-no-js {
  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;
}
.add_listing_form_wrapper #listing_image_btn .dashicons-format-image {
  margin-left: 6px;
}
.add_listing_form_wrapper #delete-custom-img {
  margin-right: 5px;
  background-color: #EF0000;
}
.add_listing_form_wrapper #delete-custom-img.hidden {
  display: none;
}

#announcment_submit .vp-input ~ span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #007cba;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  border-radius: 3px;
  color: #fff;
  background-image: none;
  width: auto;
  cursor: pointer;
}
#announcment_submit .vp-input ~ span:after {
  content: "Send";
}

/* Announcment */
/* ----------------------------- */
#announcement_submit .vp-input ~ span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #007cba;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  border-radius: 3px;
  color: #fff;
  background-image: none;
  width: 80px;
  cursor: pointer;
}
#announcement_submit .vp-input ~ span:after {
  content: "Send";
}
#announcement_submit .label {
  visibility: hidden;
}

.announcement-feedback {
  margin-bottom: 15px;
}

/* --------------[ Announcment End ]--------------- */
/* Section */
.atbdp-section {
  display: block;
}

.atbdp-section-toggle,
.atbdp-accordion-toggle {
  cursor: pointer;
}

.atbdp-section-header {
  display: block;
}

#directorist.atbd_wrapper h3.atbdp-section-title {
  margin-bottom: 25px;
}

.atbdp-section-content {
  padding: 10px;
  background-color: #fff;
}

.atbdp-state-section-content {
  margin-bottom: 20px;
  padding: 25px 30px;
}

.atbdp-state-vertical {
  padding: 8px 20px;
}

.atbdp-themes-extension-license-activation-content {
  padding: 0;
  background-color: transparent;
}

/* Accordion */
.atbdp-license-accordion {
  margin: 30px 0;
}

.atbdp-accordion-content {
  display: none;
  padding: 10px;
  background-color: #fff;
}

/* Card */
.atbdp-card-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.atbdp-card-list__item {
  margin-bottom: 10px;
  width: 100%;
  max-width: 300px;
  padding: 0 15px;
}

.atbdp-card {
  display: block;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  padding: 20px;
  text-align: center;
}

.atbdp-card-header {
  display: block;
  margin-bottom: 20px;
}

.atbdp-card-body {
  display: block;
}

#directorist.atbd_wrapper .atbdp-card-title,
.atbdp-card-title {
  font-size: 19px;
}

.atbdp-card-icon {
  display: block;
  font-size: 60px;
}

.atbdp-card-icon {
  display: block;
}

/* Form */
.atbdp-centered-box {
  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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  min-height: calc(100vh - 50px);
}

.atbdp-form-container {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  padding: 20px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.atbdp-license-form-container {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.atbdp-form-page {
  width: 100%;
}

.atbdp-form-response-page {
  width: 100%;
}

.atbdp-checklist-section {
  margin-top: 30px;
  text-align: right;
}

.atbdp-form-header {
  display: block;
}

.atbdp-form-body {
  display: block;
}

.atbdp-form-footer {
  display: block;
  text-align: center;
}

.atbdp-form-group {
  display: block;
  margin-bottom: 20px;
}

.atbdp-form-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

input.atbdp-form-control {
  display: block;
  width: 100%;
  border: none;
  height: 40px;
  border-radius: 4px;
  border: 0 none;
  padding: 0 15px;
  background-color: #f4f5f7;
}

.atbdp-form-feedback {
  margin: 10px 0;
}
.atbdp-form-feedback span {
  display: inline-block;
  margin-right: 10px;
}

.et-auth-section-wrap {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.et-auth-section-wrap .atbdp-input-group-wrap {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.et-auth-section-wrap .atbdp-input-group-wrap .atbdp-form-control {
  min-width: 140px;
}

.et-auth-section-wrap .atbdp-input-group-append {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.atbdp-form-actions {
  margin: 30px 0;
  text-align: center;
}

.atbdp-icon {
  display: inline-block;
}

.atbdp-icon-large {
  display: block;
  margin-bottom: 20px;
  font-size: 45px;
  text-align: center;
}

.atbdp-form-alert {
  padding: 8px 15px;
  border-radius: 4px;
  margin-bottom: 5px;
  text-align: center;
  color: #2b2b2b;
  background: f2f2f2;
}
.atbdp-form-alert a {
  color: rgba(255, 255, 255, 0.5);
}
.atbdp-form-alert a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.atbdp-form-alert-success {
  color: #fff;
  background-color: #53b732;
}

.atbdp-form-alert-danger,
.atbdp-form-alert-error {
  color: #fff;
  background-color: #ff4343;
}

.atbdp-btn {
  padding: 8px 20px;
  border: none;
  border-radius: 3px;
  min-height: 40px;
  cursor: pointer;
}

.atbdp-btn-primary {
  color: #fff;
  background-color: #6495ed;
}

/* Utility */
.purchase-refresh-btn-wrapper {
  overflow: hidden;
}

.atbdp-action-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.atbdp-hide {
  width: 0;
  overflow: hidden;
}

.atbdp-d-none {
  display: none;
}

.atbdp-px-5 {
  padding: 0 5px !important;
}

.atbdp-mx-5 {
  margin: 0 5px !important;
}

.atbdp-mb-0 {
  margin-bottom: 0 !important;
}

.atbdp-text-center {
  text-align: center;
}

.atbdp-text-success {
  color: #0fb73b;
}

.atbdp-text-danger {
  color: #c81d1d;
}

.atbdp-text-muted {
  color: gray;
}

/* Tab Contents */
.atbdp-tab-nav-area {
  display: block;
}

.atbdp-tab-nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 10px;
  border-bottom: 1px solid #ccc;
}

.atbdp-tab-nav-menu__item {
  display: block;
  position: relative;
  margin: 0 5px;
  font-weight: 600;
  color: #555;
  border: 1px solid #ccc;
  border-bottom: none;
}

.atbdp-tab-nav-menu__item.active {
  bottom: -1px;
}

.atbdp-tab-nav-menu__link {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #555;
  background-color: #e5e5e5;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.atbdp-tab-nav-menu__item.active .atbdp-tab-nav-menu__link {
  background-color: #f1f1f1;
}

.atbdp-tab-nav-menu__link:hover {
  color: #555;
  background-color: #fff;
}

.atbdp-tab-nav-menu__link:active,
.atbdp-tab-nav-menu__link:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.atbdp-tab-nav-menu__item.active .atbdp-tab-nav-menu__link {
  display: block;
}

.atbdp-tab-content-area {
  display: block;
}

.atbdp-tab-content {
  display: none;
}

.atbdp-tab-content.active {
  display: block;
}

/* atbdp-counter-list */
#directorist.atbd_wrapper ul.atbdp-counter-list {
  padding: 0;
  margin: 0 -20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.atbdp-counter-list__item {
  display: inline-block;
  list-style: none;
  padding: 0 20px;
}

.atbdp-counter-list__number {
  display: block;
  font-size: 30px;
  line-height: normal;
  margin-bottom: 5px;
  font-weight: 500;
}

.atbdp-counter-list__label {
  display: block;
  font-weight: 500;
}

.atbdp-counter-list__actions {
  display: block;
}

.atbdp-counter-list-vertical {
  display: block;
}

.atbdp-counter-list-vertical .atbdp-counter-list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 475px) {
  .atbdp-counter-list-vertical .atbdp-counter-list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .atbdp-counter-list-vertical .atbdp-counter-list__item .atbdp-counter-list__actions {
    margin-right: 0 !important;
  }
}
.atbdp-counter-list-vertical .atbdp-counter-list__number {
  margin-left: 10px;
}
.atbdp-counter-list-vertical .atbdp-counter-list__actions {
  margin-right: auto;
}

.et-contents__tab-item {
  display: none;
}
.et-contents__tab-item .theme-card-wrapper .theme-card {
  width: 100%;
}

.et-contents__tab-item.active {
  display: block;
}

.et-wrapper {
  background-color: #fff;
  border-radius: 4px;
}
.et-wrapper .et-wrapper-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 30px;
  border-bottom: 1px solid #f1f2f6;
}
.et-wrapper .et-wrapper-head h3 {
  font-size: 16px !important;
  font-weight: 600;
  margin: 0 !important;
}
.et-wrapper .et-wrapper-head .et-search {
  position: relative;
}
.et-wrapper .et-wrapper-head .et-search input {
  background-color: #f4f5f7;
  height: 40px;
  border-radius: 4px;
  border: 0 none;
  padding: 0 40px 0 15px;
  min-width: 300px;
}
.et-wrapper .et-wrapper-head .et-search span {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 16px;
}
.et-wrapper .et-contents .ext-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 30px;
  border-bottom: 1px solid #f1f2f6;
}
.et-wrapper .et-contents .ext-table-responsive table tr td .extension-name {
  min-width: 400px;
}
.et-wrapper .et-contents .ext-table-responsive table tr td.directorist_status-badge {
  min-width: 60px;
}
.et-wrapper .et-contents .ext-table-responsive table tr td.directorist_ext-update {
  min-width: 70px;
}
.et-wrapper .et-contents .ext-table-responsive table tr td.directorist_ext-update p {
  margin-top: 0;
}
.et-wrapper .et-contents .ext-table-responsive table tr td.ext-action {
  min-width: 180px;
}
.et-wrapper .et-contents .ext-table-responsive table tr td.ext-info {
  min-width: 120px;
}
.et-wrapper .et-contents .ext-available:last-child .ext-table-responsive {
  border-bottom: 0 none;
  padding-bottom: 0;
}
.et-wrapper .et-contents__tab-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 18px;
  border-bottom: 1px solid #e3e6ef;
}
.et-wrapper .et-contents__tab-nav li {
  margin: 0 12px;
}
.et-wrapper .et-contents__tab-nav li a {
  padding: 25px 0;
  position: relative;
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #868eae !important;
}
.et-wrapper .et-contents__tab-nav li a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: transparent;
  bottom: -1px;
  right: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.et-wrapper .et-contents__tab-nav li.active a {
  color: #3e62f5 !important;
  font-weight: 600;
}
.et-wrapper .et-contents__tab-nav li.active a:before {
  background-color: #3e62f5;
}
.et-wrapper .et-contents .ext-wrapper h4 {
  font-size: 15px !important;
  font-weight: 500;
  padding: 0 30px;
}
.et-wrapper .et-contents .ext-wrapper h4.req-ext-title {
  margin-bottom: 10px;
}
.et-wrapper .et-contents .ext-wrapper span.ext-short-desc {
  padding: 0 30px;
  display: block;
  margin-bottom: 20px;
}
.et-wrapper .et-contents .ext-wrapper .ext-installed__table {
  padding: 0 15px 25px;
}
.et-wrapper .et-contents .ext-wrapper table {
  width: 100%;
}
.et-wrapper .et-contents .ext-wrapper table thead {
  background-color: #f8f9fb;
  width: 100%;
  border-radius: 6px;
}
.et-wrapper .et-contents .ext-wrapper table thead th {
  padding: 10px 15px;
}
.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-select-all {
  margin-left: 20px;
}
.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-select-all .directorist-checkbox__label {
  min-height: 18px;
  margin-bottom: 0 !important;
}
.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-dropdown {
  margin-left: 8px;
}
.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-dropdown select {
  border: 1px solid #e3e6ef !important;
  border-radius: 4px;
  height: 30px !important;
  min-width: 130px;
}
.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-btn,
.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn {
  background-color: #c6d0dc !important;
  border-radius: 4px;
  color: #fff !important;
  line-height: 30px;
  padding: 0 15px !important;
}
.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn {
  padding: 6px 15px;
  border: none;
  border-radius: 4px !important;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn:active, .et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn:focus {
  outline: none !important;
}
.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn.ei-action-active {
  background-color: #3e62f5 !important;
}
.et-wrapper .et-contents .ext-wrapper table .extension-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 15px;
  min-width: 300px;
}
.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox .directorist-checkbox__label {
  padding-right: 30px;
}
.et-wrapper .et-contents .ext-wrapper table .extension-name input {
  margin-left: 20px !important;
}
.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox__label {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after {
  top: 12px;
}
.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before {
  top: 16px !important;
}
.et-wrapper .et-contents .ext-wrapper table .extension-name label {
  margin-bottom: 0 !important;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.et-wrapper .et-contents .ext-wrapper table .extension-name label img {
  display: inline-block;
  margin-left: 15px;
  border-radius: 6px;
}
.et-wrapper .et-contents .ext-wrapper table .extension-name label .ext-version {
  color: #868eae;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
  margin-right: 10px;
}
.et-wrapper .et-contents .ext-wrapper table .active-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  background-color: #00b158;
  line-height: 22px;
  padding: 0 10px;
  border-radius: 25px;
}
.et-wrapper .et-contents .ext-wrapper table .ext-update-info {
  margin-bottom: 0 !important;
  position: relative;
  padding-right: 20px;
  font-size: 13px;
}
.et-wrapper .et-contents .ext-wrapper table .ext-update-info:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #2c99ff;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.et-wrapper .et-contents .ext-wrapper table .ext-update-info span {
  color: #2c99ff;
  display: inline-block;
  margin-right: 10px;
  border-bottom: 1px dashed #2c99ff;
  cursor: pointer;
}
.et-wrapper .et-contents .ext-wrapper table .ext-update-info.ext-updated:before {
  background-color: #00b158;
}
.et-wrapper .et-contents .ext-wrapper table .ext-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -8px 0 0;
  min-width: 170px;
}
.et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop {
  margin-right: 17px;
  display: inline-block;
  position: relative;
  font-size: 18px;
  line-height: 34px;
  border-radius: 4px;
  padding: 0 8px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  outline: 0;
}
@media only screen and (max-width: 767px) {
  .et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop {
    margin-right: 6px;
  }
}
.et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop.active {
  background-color: #f4f5f7 !important;
}
.et-wrapper .et-contents .ext-wrapper table .ext-action div {
  position: relative;
}
.et-wrapper .et-contents .ext-wrapper table .ext-action div .ext-action-drop__item {
  position: absolute;
  left: 0;
  top: 37px;
  border: 1px solid #f1f2f6;
  border-radius: 4px;
  min-width: 140px;
  -webkit-box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2);
          box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2);
  background-color: #fff;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.et-wrapper .et-contents .ext-wrapper table .ext-action div .ext-action-drop__item a {
  line-height: 40px;
  display: block;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
  color: #ff272a !important;
}
.et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop.active + .ext-action-drop__item {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.et-wrapper .et-contents .ext-wrapper .ext-installed-table {
  padding: 15px 15px 0 15px;
  margin-bottom: 30px;
}
.et-wrapper .et-contents .ext-wrapper .ext-available-table {
  padding: 15px;
}
.et-wrapper .et-contents .ext-wrapper .ext-available-table h4 {
  margin-bottom: 20px !important;
}

.et-header-title-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 660px) {
  .et-header-title-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.et-header-actions {
  margin: 0 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media only screen and (max-width: 660px) {
  .et-header-actions {
    margin: 10px -6px -6px;
  }
  .et-header-actions .atbdp-action-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .et-header-actions .atbdp-action-group .purchase-refresh-btn-wrapper {
    margin-bottom: 10px;
  }
}

.et-auth-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  overflow: hidden;
}

.et-auth-section-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  overflow: hidden;
}

.atbdp-input-group-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.atbdp-input-group-append {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#directorist.atbd_wrapper .ext-action-btn {
  display: inline-block;
  line-height: 34px;
  background-color: #f4f5f7 !important;
  padding: 0 20px;
  border-radius: 25px;
  margin: 0 8px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  font-size: 14px !important;
  font-weight: 500;
  white-space: nowrap;
}
#directorist.atbd_wrapper .ext-action-btn:hover {
  background-color: #3e62f5 !important;
  color: #fff !important;
}
#directorist.atbd_wrapper .ext-action-btn.ext-install-btn {
  background-color: #3e62f5 !important;
  color: #fff !important;
}

.et-tab {
  display: none;
}

.et-tab-active {
  display: block;
}

/* theme card */
.theme-card-wrapper {
  padding: 20px 30px 50px;
}

.theme-card {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 20px rgba(173, 180, 210, 0.3);
          box-shadow: 0 5px 20px rgba(173, 180, 210, 0.3);
  width: 400px;
  max-width: 400px;
  border-radius: 6px;
}
.theme-card figure {
  padding: 25px 25px 20px;
  margin-bottom: 0 !important;
}
.theme-card figure img {
  width: 100%;
  display: block;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.2);
          box-shadow: 0 5px 10px rgba(173, 180, 210, 0.2);
}
.theme-card figure figcaption .theme-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0;
}
.theme-card figure figcaption .theme-title h5 {
  margin-bottom: 0 !important;
}
.theme-card figure figcaption .theme-action {
  margin: -8px -6px;
}
.theme-card figure figcaption .theme-action .theme-action-btn {
  border-radius: 20px;
  background-color: #f4f5f7 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  padding: 0 20px;
  color: #272b41;
  display: inline-block;
  margin: 8px 6px;
}
.theme-card figure figcaption .theme-action .theme-action-btn.btn-customize {
  color: #fff !important;
  background-color: #3e62f5 !important;
}
.theme-card__footer {
  border-top: 1px solid #EFF1F6;
  padding: 20px 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.theme-card__footer p {
  margin-bottom: 0 !important;
}
.theme-card__footer .theme-update {
  position: relative;
  padding-right: 16px;
  font-size: 13px;
  color: #5a5f7d !important;
}
.theme-card__footer .theme-update:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background-color: #2c99ff;
  border-radius: 50%;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.theme-card__footer .theme-update .whats-new {
  display: inline-block;
  color: #2c99ff !important;
  border-bottom: 1px dashed #2c99ff;
  margin-right: 10px;
  cursor: pointer;
}
.theme-card__footer .theme-update-btn {
  display: inline-block;
  line-height: 34px;
  font-size: 13px;
  font-weight: 500;
  color: #fff !important;
  background-color: #3e62f5 !important;
  border-radius: 20px;
  padding: 0 20px;
}

.available-themes-wrapper .available-themes {
  padding: 12px 30px 30px 30px;
  margin: -15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.available-themes-wrapper .available-themes .available-theme-card figure {
  margin: 0;
}
.available-themes-wrapper .available-theme-card {
  max-width: 400px;
  background-color: #f4f5f7;
  border-radius: 6px;
  padding: 25px;
  margin: 15px;
}
.available-themes-wrapper .available-theme-card img {
  width: 100%;
}
.available-themes-wrapper figure {
  margin-bottom: 0 !important;
}
.available-themes-wrapper figure img {
  border-radius: 6px;
  border-radius: 5px 0 rgba(173, 180, 210, 0.2) 10px;
}
.available-themes-wrapper figure h5 {
  margin: 20px 0 !important;
  font-size: 20px;
  font-weight: 500;
  color: #272b41 !important;
}
.available-themes-wrapper figure .theme-action {
  margin: -8px -6px;
}
.available-themes-wrapper figure .theme-action .theme-action-btn {
  line-height: 40px;
  display: inline-block;
  padding: 0 20px;
  border-radius: 20px;
  color: #272b41 !important;
  -webkit-box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05);
          box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05);
  background-color: #fff !important;
  font-weight: 500;
  font-size: 14px;
  margin: 8px 6px;
}
.available-themes-wrapper figure .theme-action .theme-action-btn.theme-activate-btn {
  background-color: #3e62f5 !important;
  color: #fff !important;
}

#directorist.atbd_wrapper .account-connect {
  padding: 30px 50px;
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 20px rgba(173, 180, 210, 0.05);
          box-shadow: 0 5px 20px rgba(173, 180, 210, 0.05);
  width: 670px;
  margin: 0 auto 30px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #directorist.atbd_wrapper .account-connect {
    width: 100%;
    padding: 30px;
  }
}
#directorist.atbd_wrapper .account-connect h4 {
  font-size: 24px !important;
  font-weight: 500;
  color: #272b41 !important;
  margin-bottom: 20px;
}
#directorist.atbd_wrapper .account-connect p {
  font-size: 16px;
  line-height: 1.63;
  color: #5a5f7d !important;
  margin-bottom: 30px;
}
#directorist.atbd_wrapper .account-connect__form form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -12px -5px;
}
#directorist.atbd_wrapper .account-connect__form-group {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding: 12px 5px;
}
#directorist.atbd_wrapper .account-connect__form-group input {
  width: 100%;
  border-radius: 4px;
  height: 48px;
  border: 1px solid #e3e6ef;
  padding: 0 42px 0 15px;
}
#directorist.atbd_wrapper .account-connect__form-group span {
  position: absolute;
  font-size: 18px;
  color: #a1a8c6;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#directorist.atbd_wrapper .account-connect__form-btn {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin: 12px 5px;
}
#directorist.atbd_wrapper .account-connect__form-btn button {
  position: relative;
  display: block;
  width: 100%;
  border: 0 none;
  background-color: #3e62f5;
  height: 50px;
  padding: 0 20px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1);
          box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1);
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
}
#directorist.atbd_wrapper .account-connect__form-btn button .atbdp-loading {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* extension and themes column */
.extension-theme-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: -25px;
}

#directorist.atbd_wrapper .et-column {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 25px;
}
@media only screen and (max-width: 767px) {
  #directorist.atbd_wrapper .et-column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
#directorist.atbd_wrapper .et-column h2 {
  font-size: 22px;
  font-weight: 500;
  color: #272b41;
  margin-bottom: 25px;
}

#directorist.atbd_wrapper .et-card {
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 5px rgba(173, 180, 210, 0.05);
          box-shadow: 0 5px 5px rgba(173, 180, 210, 0.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  #directorist.atbd_wrapper .et-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#directorist.atbd_wrapper .et-card__image, #directorist.atbd_wrapper .et-card__details {
  padding: 10px;
}
@media only screen and (max-width: 1199px) {
  #directorist.atbd_wrapper .et-card__image, #directorist.atbd_wrapper .et-card__details {
    max-width: 100%;
  }
}
#directorist.atbd_wrapper .et-card__image img {
  max-width: 100%;
  border-radius: 6px;
  max-height: 150px;
}
#directorist.atbd_wrapper .et-card__details {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#directorist.atbd_wrapper .et-card__details h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #272b41;
}
#directorist.atbd_wrapper .et-card__details p {
  line-height: 1.63;
  color: #5a5f7d;
  margin-bottom: 20px;
  font-size: 16px;
}
#directorist.atbd_wrapper .et-card__details ul {
  margin: -5px;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#directorist.atbd_wrapper .et-card__details ul li {
  padding: 5px;
}
#directorist.atbd_wrapper .et-card__btn {
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  padding: 0 20px;
  border-radius: 5px;
  display: block;
  text-decoration: none;
}
#directorist.atbd_wrapper .et-card__btn--primary {
  background-color: rgba(62, 98, 245, 0.1);
  color: #3e62f5;
}
#directorist.atbd_wrapper .et-card__btn--secondary {
  background-color: rgba(255, 64, 140, 0.1);
  color: #ff408c;
}

/* atmodal */
/* Modal Core Styles */
.atm-open {
  overflow: hidden;
}

.atm-open .at-modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.at-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  right: 0;
  top: 0;
  z-index: 9999;
  display: none;
  overflow: hidden;
  outline: 0;
}

.at-modal-content {
  position: relative;
  width: 500px;
  margin: 30px auto;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: calc(100% - 5rem);
  pointer-events: none;
}

.atm-contents-inner {
  width: 100%;
  background-color: #fff;
  pointer-events: auto;
  border-radius: 3px;
  position: relative;
}

.at-modal-content.at-modal-lg {
  width: 800px;
}

.at-modal-content.at-modal-xl {
  width: 1140px;
}

.at-modal-content.at-modal-sm {
  width: 300px;
}

.at-modal.atm-fade {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.at-modal.atm-fade:not(.atm-show) {
  opacity: 0;
  visibility: hidden;
}

.at-modal.atm-show .at-modal-content {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.at-modal .atm-contents-inner .at-modal-close {
  width: 32px;
  height: 32px;
  top: 20px;
  left: 20px;
  position: absolute;
  -webkit-transform: none;
          transform: none;
  background-color: #444752;
  color: #fff;
  border-radius: 300px;
  opacity: 1;
  font-weight: 300;
  z-index: 2;
  font-size: 16px;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}

.at-modal .atm-contents-inner .close span {
  display: block;
  line-height: 0;
}

#directorist.atbd_wrapper .modal-header {
  padding: 20px 30px;
}

#directorist.atbd_wrapper .modal-header .modal-title {
  font-size: 25px;
  font-weight: 500;
  color: #151826;
}

#directorist.atbd_wrapper .at-modal-close {
  background-color: #5a5f7d;
  color: #fff;
  font-size: 25px;
}

#directorist.atbd_wrapper .at-modal-close span {
  position: relative;
  top: -2px;
}

#directorist.atbd_wrapper .at-modal-close:hover {
  color: #fff;
}

#directorist.atbd_wrapper .modal-body {
  padding: 25px 40px 30px;
}

#directorist.atbd_wrapper .modal-body .update-list {
  margin-bottom: 25px;
}

#directorist.atbd_wrapper .modal-body .update-list:last-child {
  margin-bottom: 0;
}

#directorist.atbd_wrapper .modal-body .update-list .update-badge {
  line-height: 23px;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 0 7px;
  display: inline-block;
  margin-bottom: 15px;
}

#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--new {
  background-color: #00bb45;
}

#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--fixed {
  background-color: #0090fd;
}

#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--improved {
  background-color: #4353ff;
}

#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--removed {
  background-color: #d72323;
}

#directorist.atbd_wrapper .modal-body .update-list ul,
#directorist.atbd_wrapper .modal-body .update-list ul li {
  margin: 0;
}

#directorist.atbd_wrapper .modal-body .update-list ul li {
  margin-bottom: 12px;
  font-size: 16px;
  color: #5c637e;
  padding-right: 20px;
  position: relative;
}

#directorist.atbd_wrapper .modal-body .update-list ul li:last-child {
  margin-bottom: 0;
}

#directorist.atbd_wrapper .modal-body .update-list ul li:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #000;
  right: 0;
  top: 5px;
}

#directorist.atbd_wrapper .modal-body .update-list.update-list--new li:before {
  background-color: #00bb45;
}

#directorist.atbd_wrapper .modal-body .update-list.update-list--fixed li:before {
  background-color: #0090fd;
}

#directorist.atbd_wrapper .modal-body .update-list.update-list--improved li:before {
  background-color: #4353ff;
}

#directorist.atbd_wrapper .modal-body .update-list.update-list--removed li:before {
  background-color: #d72323;
}

#directorist.atbd_wrapper .modal-footer button {
  background-color: #3e62f5;
  border-color: #3e62f5;
}

/* Responsive CSS */
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .at-modal-content.at-modal-xl,
  .at-modal-content.at-modal-lg,
  .at-modal-content.at-modal-md,
  .at-modal-content.at-modal-sm {
    width: calc(100% - 60px);
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .at-modal-content.at-modal-xl,
  .at-modal-content.at-modal-lg,
  .at-modal-content.at-modal-md,
  .at-modal-content.at-modal-sm {
    width: calc(100% - 60px);
  }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .at-modal-content.at-modal-xl,
  .at-modal-content.at-modal-lg,
  .at-modal-content.at-modal-md,
  .at-modal-content.at-modal-sm {
    width: calc(100% - 60px);
  }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .at-modal-content.at-modal-xl,
  .at-modal-content.at-modal-lg,
  .at-modal-content.at-modal-md,
  .at-modal-content.at-modal-sm {
    width: calc(100% - 30px);
  }
}
/* Default WP Theme overwrite */
body.wp-admin {
  background-color: #f3f4f6;
  font-family: "Inter", sans-serif;
}

.directorist_builder-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-right: -24px;
  margin-top: -10px;
  background-color: #fff;
  padding: 0 24px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
@media only screen and (max-width: 575px) {
  .directorist_builder-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0;
  }
}
@media only screen and (max-width: 575px) {
  .directorist_builder-header .directorist_builder-header__left {
    margin-bottom: 15px;
  }
}
.directorist_builder-header .directorist_logo {
  max-width: 108px;
  max-height: 32px;
}
.directorist_builder-header .directorist_logo img {
  width: 100%;
  max-height: inherit;
}
.directorist_builder-header .directorist_builder-links {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px 18px;
}
.directorist_builder-header .directorist_builder-links li {
  display: inline-block;
  margin-bottom: 0;
}
.directorist_builder-header .directorist_builder-links a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px 5px;
  padding: 17px 0;
  text-decoration: none;
  font-size: 13px;
  color: #4d5761;
  font-weight: 500;
  line-height: 14px;
}
.directorist_builder-header .directorist_builder-links a .svg-icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #747c89;
}
.directorist_builder-header .directorist_builder-links a:hover {
  color: #3e62f5;
}
.directorist_builder-header .directorist_builder-links a:hover .svg-icon {
  color: inherit;
}
@media only screen and (max-width: 575px) {
  .directorist_builder-header .directorist_builder-links a {
    padding: 6px 0;
  }
}
.directorist_builder-header .directorist_builder-links a i {
  font-size: 16px;
}

.directorist_builder-body {
  margin-top: 20px;
}
.directorist_builder-body .directorist_builder__title {
  font-size: 19px;
  line-height: 25px;
  font-weight: 600;
  margin: 0;
  color: #000;
}

.tabContentActive,
.pstContentActive,
.pstContentActive2,
.pstContentActive3 {
  display: block !important;
  -webkit-animation: showTab 0.6s ease;
          animation: showTab 0.6s ease;
}

.atbd_tab_inner,
.pst_tab_inner,
.pst_tab_inner-2,
.pst_tab_inner-3 {
  display: none;
}

/* Directorist Membership Notice */
.atbdp-settings-manager .directorist_membership-notice {
  margin-bottom: 0;
}

.directorist_membership-notice {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #5441b9;
  background: linear-gradient(-45deg, #5441b9 1%, #b541d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5441b9', endColorstr='#b541d8', GradientType=1);
  padding: 20px;
  border-radius: 14px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .directorist_membership-notice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media only screen and (max-width: 475px) {
  .directorist_membership-notice {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.directorist_membership-notice .directorist_membership-notice__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1199px) {
  .directorist_membership-notice .directorist_membership-notice__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media only screen and (max-width: 800px) {
  .directorist_membership-notice .directorist_membership-notice__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (max-width: 767px) {
  .directorist_membership-notice .directorist_membership-notice__content {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 475px) {
  .directorist_membership-notice .directorist_membership-notice__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
.directorist_membership-notice .directorist_membership-notice__content img {
  max-width: 140px;
  height: 140px;
  border-radius: 14px;
  margin-left: 30px;
}
@media only screen and (max-width: 1399px) {
  .directorist_membership-notice .directorist_membership-notice__content img {
    max-width: 130px;
    height: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .directorist_membership-notice .directorist_membership-notice__content img {
    margin-left: 0;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 800px) {
  .directorist_membership-notice .directorist_membership-notice__content img {
    margin: 0 0 0 20px;
  }
}
@media only screen and (max-width: 475px) {
  .directorist_membership-notice .directorist_membership-notice__content img {
    margin-left: 0;
    margin-bottom: 24px;
    margin: 0 auto 24px auto;
  }
}
.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text {
  color: #fff;
}
.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 {
  font-size: 24px;
  font-weight: bold;
  margin: 4px 0 8px;
}
@media only screen and (max-width: 1499px) {
  .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 {
    font-size: 20px;
    margin: 0 0 8px;
  }
}
.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text p {
  font-size: 16px;
  font-weight: 500;
  max-width: 350px;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.5647058824);
}
.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: bold;
  min-height: 47px;
  line-height: 1.95;
  padding: 0 15px;
  border-radius: 6px;
  color: #000000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #3af4c2;
}
.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge:hover {
  background-color: #64d8b9;
}
@media only screen and (max-width: 1499px) {
  .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1399px) {
  .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge {
    font-size: 16px;
  }
}
@media only screen and (max-width: 475px) {
  .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge {
    font-size: 14px;
    min-height: 35px;
  }
}

.directorist_membership-notice__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 450px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media only screen and (max-width: 1499px) {
  .directorist_membership-notice__list {
    max-width: 410px;
  }
}
@media only screen and (max-width: 1399px) {
  .directorist_membership-notice__list {
    max-width: 380px;
  }
}
@media only screen and (max-width: 1199px) {
  .directorist_membership-notice__list {
    max-width: 250px;
  }
}
@media only screen and (max-width: 800px) {
  .directorist_membership-notice__list {
    display: none;
  }
}
.directorist_membership-notice__list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  width: 50%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  margin: 8px 0;
}
@media only screen and (max-width: 1499px) {
  .directorist_membership-notice__list li {
    font-size: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .directorist_membership-notice__list li {
    width: 100%;
  }
}
.directorist_membership-notice__list li .directorist_membership-notice__list__icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #f8d633;
  margin-left: 12px;
}
.directorist_membership-notice__list li .directorist_membership-notice__list__icon i {
  position: relative;
  top: 1px;
  font-size: 11px;
  color: #000;
}
@media only screen and (max-width: 1199px) {
  .directorist_membership-notice__list li .directorist_membership-notice__list__icon i {
    top: 0;
  }
}

.directorist_membership-notice__action {
  margin-left: 25px;
}
@media only screen and (max-width: 1499px) {
  .directorist_membership-notice__action {
    margin-left: 0;
  }
}
@media only screen and (max-width: 475px) {
  .directorist_membership-notice__action {
    width: 100%;
    text-align: center;
  }
}
.directorist_membership-notice__action .directorist_membership-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  min-height: 52px;
  border-radius: 8px;
  padding: 0 34.45px;
  background-color: #f8d633;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.directorist_membership-notice__action .directorist_membership-btn:hover {
  background-color: #edc400;
}
@media only screen and (max-width: 1499px) {
  .directorist_membership-notice__action .directorist_membership-btn {
    font-size: 15px;
    padding: 0 15.45px;
  }
}
@media only screen and (max-width: 1399px) {
  .directorist_membership-notice__action .directorist_membership-btn {
    font-size: 14px;
    min-width: 115px;
  }
}

.directorist_membership-notice-close {
  position: absolute;
  left: 20px;
  top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.directorist_membership-notice-close:hover {
  background-color: #EF0000;
}
.directorist_membership-notice-close:hover i {
  color: #fff;
}
.directorist_membership-notice-close i {
  color: #b541d8;
}

.directorist_builder__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.directorist_builder__content .directorist_btn.directorist_btn-success {
  background-color: #08bf9c;
}
.directorist_builder__content .directorist_builder__content__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px 20px;
}
.directorist_builder__content .directorist_builder__content__right {
  width: 100%;
}
.directorist_builder__content .directorist_builder__content__right .directorist-total-types {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 32px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_link-block-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 16px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_link-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  text-decoration: none;
  padding: 0 16px;
  height: 40px;
  border: 1px solid #3e62f5;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_new-directory {
  -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12);
          box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12);
}
.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_link-block-primary {
  background-color: #3e62f5;
  color: #ffffff;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_link-block-primary:hover {
  background-color: #5a7aff;
  border-color: #5a7aff;
}
.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_link-block-primary-outline {
  background-color: #ffffff;
  color: #3e62f5;
}
.directorist_builder__content .directorist_builder__content__right .directorist_link-block.directorist_link-block-primary-outline:hover {
  color: #5a7aff;
  border-color: #5a7aff;
}
.directorist_builder__content .directorist_builder__content__right .directorist_link-block .directorist_link-icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.directorist_builder__content .directorist_builder__content__right .directorist_link-block .directorist_link-icon i {
  font-size: 16px;
  font-weight: 900;
  color: #fff;
}
.directorist_builder__content .directorist_builder__content__right .directorist_link-block .directorist_link-text {
  display: block;
  font-size: 14px;
  line-height: 16.24px;
  font-weight: 500;
}
@media only screen and (max-width: 1199px) {
  .directorist_builder__content .directorist_builder__content__right .directorist_link-block .directorist_link-text {
    font-size: 15px;
  }
}
.directorist_builder__content .directorist_builder__content__right .directorist_btn-migrate {
  margin-top: 20px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_btn-import .directorist_link-icon {
  border: 0 none;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table {
  width: 100%;
  text-align: right;
  border-spacing: 0;
  empty-cells: show;
  margin-bottom: 0;
  margin-top: 0;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  white-space: nowrap;
}
@media only screen and (max-width: 1199px) {
  .directorist_builder__content .directorist_builder__content__right .directorist_table {
    display: inline-grid;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  border-radius: 12px 12px 0 0;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.42px;
  text-transform: uppercase;
  color: #141921;
  max-height: 56px;
  min-height: 56px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 50px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row > div:not(:first-child) {
  text-align: center;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row > div:last-child {
  text-align: left;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row .directorist_listing-c-action {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  opacity: 0;
  visibility: hidden;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 24px;
  background: #fff;
  border-top: none;
  border-radius: 0 0 12px 12px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 72px;
  max-height: 72px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #4d5761;
  background: white;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%;
  background: #e5e7eb;
  border-radius: 0 12px 12px 0;
  z-index: 1;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover:before {
  background: #113997;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 20px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row > div:not(:first-child) {
  text-align: center;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row > div:last-child {
  text-align: left;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_drag {
  height: 72px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: unset !important;
  -webkit-flex: unset !important;
      -ms-flex: unset !important;
          flex: unset !important;
  padding: 0 12px 0 6px !important;
  border-radius: 0 12px 12px 0;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_drag:before {
  display: none;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_drag:after {
  bottom: -3px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_drag:hover {
  background: #f3f4f6;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title {
  color: #141921;
  font-weight: 600;
  padding-right: 17px !important;
  margin-right: 8px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title a {
  color: inherit;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title a:hover {
  color: #113997;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title .directorist_badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  -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;
  color: #113997;
  background: #d7e4ff;
  font-family: "Helvetica Neue";
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
  border-radius: 4px;
  padding: 0 8px;
  margin: 0;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title .directorist_listing-id {
  color: rgba(0, 8, 51, 0.6509803922);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 4px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-count {
  color: #1974a8;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  border-radius: 4px;
  background: transparent;
  color: #3e63dd;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  height: 32px;
  border: 1px solid rgba(0, 13, 77, 0.2);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a svg {
  width: 16px;
  height: 16px;
  color: #3e63dd;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a svg path {
  fill: #3e63dd;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a:hover {
  border-color: #113997;
  color: #113997;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a:hover svg {
  color: #113997;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a:hover svg path {
  fill: #113997;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(0, 13, 77, 0.2);
  border-radius: 100% !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle svg {
  width: 14px;
  height: 14px;
  color: #3e63dd;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle:hover, .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle.active {
  border-color: #3e63dd !important;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option {
  left: 0;
  top: 35px;
  border-radius: 8px;
  border: 1px solid #f3f4f6;
  -webkit-box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
          box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  min-width: 208px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 9px 12px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul > li:first-child:hover,
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul > li > a:hover {
  background-color: rgba(62, 98, 245, 0.05) !important;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li {
  margin-bottom: 0 !important;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a,
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div {
  margin-bottom: 0 !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 8px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.24px !important;
  gap: 12px;
  color: #4d5761 !important;
  height: 42px;
  border-radius: 4px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1199px) {
  .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a,
  .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div {
    height: 32px;
  }
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a.atbdp-directory-delete-link-action,
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div.atbdp-directory-delete-link-action {
  color: #d94a4a !important;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a.atbdp-directory-delete-link-action svg,
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div.atbdp-directory-delete-link-action svg {
  color: inherit;
  width: 18px;
  height: 18px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label {
  padding-right: 29px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label:after {
  border-radius: 5px;
  border-color: #d1d1d7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 2px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label:before {
  font-size: 8px;
  right: 5px;
  top: 7px;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox]:checked + label:after {
  border-color: #3e62f5;
  background-color: #3e62f5;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .atbd-listing-type-active-status {
  margin-right: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.dragging.drag-clone {
  border: 1px solid #c0ccfc;
  -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2509803922);
          box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2509803922);
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.dragging:not(.drag-clone) {
  background: #e5e7eb;
  border: 1px dashed #a1a9b2;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.dragging:not(.drag-clone) * {
  opacity: 0;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.drag-over {
  position: relative;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.drag-over:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  height: 3px;
  width: 100%;
  background: #3e62f5;
}
.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body.directorist_builder__list .directorist_builder__list__item.drag-over:after {
  content: "";
  position: absolute;
  top: -14px;
  right: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #3e62f5;
}

/* Custom Tooltip */
.directorist-row-tooltip[data-tooltip] {
  position: relative;
  cursor: pointer;
}
.directorist-row-tooltip[data-tooltip].directorist-type-slug-content {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.directorist-row-tooltip[data-tooltip].directorist-type-slug-content:after {
  text-transform: none;
}
.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow=bottom]::before {
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}
.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow=bottom]::after {
  right: -50px;
  -webkit-transform: unset;
          transform: unset;
}
.directorist-row-tooltip[data-tooltip]:before, .directorist-row-tooltip[data-tooltip]:after {
  line-height: normal;
  font-size: 13px;
  pointer-events: none;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  opacity: 0;
}
.directorist-row-tooltip[data-tooltip]:before {
  content: "";
  z-index: 100;
  top: 100%;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  border: 5px solid transparent;
  border-bottom: 5px solid #141921;
}
.directorist-row-tooltip[data-tooltip]:after {
  content: attr(data-tooltip);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 6px;
  background: #141921;
  color: #ffffff;
  z-index: 99;
  padding: 10px 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: normal;
  right: 50%;
  top: calc(100% + 10px);
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.directorist-row-tooltip[data-tooltip]:hover:before, .directorist-row-tooltip[data-tooltip]:hover:after {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}
.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, .directorist-row-tooltip[data-tooltip][data-flow=top]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #141921;
}
.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, .directorist-row-tooltip[data-tooltip][data-flow=top]::after {
  bottom: calc(100% + 5px);
}
.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, .directorist-row-tooltip[data-tooltip]:not([data-flow])::after, .directorist-row-tooltip[data-tooltip][data-flow=top]::before, .directorist-row-tooltip[data-tooltip][data-flow=top]::after {
  right: 50%;
  -webkit-transform: translate(50%, -4px);
          transform: translate(50%, -4px);
}
.directorist-row-tooltip[data-tooltip][data-flow=bottom]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #141921;
}
.directorist-row-tooltip[data-tooltip][data-flow=bottom]::after {
  top: calc(100% + 5px);
}
.directorist-row-tooltip[data-tooltip][data-flow=bottom]::before, .directorist-row-tooltip[data-tooltip][data-flow=bottom]::after {
  right: 50%;
  -webkit-transform: translate(50%, 6px);
          transform: translate(50%, 6px);
}
.directorist-row-tooltip[data-tooltip][data-flow=left]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #141921;
  right: calc(0em - 5px);
  -webkit-transform: translate(6px, -50%);
          transform: translate(6px, -50%);
}
.directorist-row-tooltip[data-tooltip][data-flow=left]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(6px, -50%);
          transform: translate(6px, -50%);
}
.directorist-row-tooltip[data-tooltip][data-flow=right]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #141921;
  left: calc(0em - 5px);
  -webkit-transform: translate(-6px, -50%);
          transform: translate(-6px, -50%);
}
.directorist-row-tooltip[data-tooltip][data-flow=right]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-6px, -50%);
          transform: translate(-6px, -50%);
}
.directorist-row-tooltip[data-tooltip][data-tooltip=""]::after, .directorist-row-tooltip[data-tooltip][data-tooltip=""]::before {
  display: none !important;
}

.directorist_listing-slug-text {
  min-width: 120px;
  display: inline-block;
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 0;
  border-bottom: 1px solid transparent;
  margin-left: 10px;
  text-transform: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.directorist_listing-slug-text:hover, .directorist_listing-slug-text--editable {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: #f3f4f6;
}
.directorist_listing-slug-text:hover:focus, .directorist_listing-slug-text--editable:focus {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: var(--spacing-md, 8px);
  gap: var(--spacing-md, 8px);
  border-radius: var(--radius-sm, 6px);
  background: var(--Gray-100, #f3f4f6);
  outline: 0;
}
@media only screen and (max-width: 1499px) {
  .directorist_listing-slug-text {
    min-width: 110px;
  }
}
@media only screen and (max-width: 1299px) {
  .directorist_listing-slug-text {
    min-width: 90px;
  }
}

.directorist-type-slug .directorist-slug-notice,
.directorist-type-slug .directorist-count-notice {
  margin: 6px 0 0;
  text-transform: math-auto;
}
.directorist-type-slug .directorist-slug-notice.directorist-slug-notice-error,
.directorist-type-slug .directorist-count-notice.directorist-slug-notice-error {
  color: #EF0000;
}
.directorist-type-slug .directorist-slug-notice.directorist-slug-notice-success,
.directorist-type-slug .directorist-count-notice.directorist-slug-notice-success {
  color: #00AC17;
}

.directorist-type-slug-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.directorist-listing-slug-edit-wrap {
  display: inline-block;
  position: relative;
  margin: -3px;
  min-width: 75px;
}
@media only screen and (max-width: 1299px) {
  .directorist-listing-slug-edit-wrap {
    position: initial;
  }
}
.directorist-listing-slug-edit-wrap .directorist-listing-slug__edit,
.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.3764705882);
          box-shadow: 0 5px 10px rgba(173, 180, 210, 0.3764705882);
  margin: 2px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before,
.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before {
  content: "\f044";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-size: 15px;
  color: #2C99FF;
}
@media only screen and (max-width: 1399px) {
  .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit,
  .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add {
    width: 26px;
    height: 26px;
    margin-right: 6px;
  }
  .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before,
  .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1299px) {
  .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit,
  .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add {
    width: 22px;
    height: 22px;
    margin-right: 6px;
  }
  .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before,
  .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before {
    font-size: 13px;
  }
}
.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add {
  background-color: #08bf9c;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: none;
}
.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #fff;
}
.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add.active {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 2px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background-color: #ff006e;
  color: #fff;
}
.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 15px;
  color: #fff;
}
.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove--hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media only screen and (max-width: 1399px) {
  .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove {
    width: 26px;
    height: 26px;
  }
  .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove:before {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1299px) {
  .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove {
    width: 22px;
    height: 22px;
  }
  .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove:before {
    font-size: 13px;
  }
}
.directorist-listing-slug-edit-wrap .directorist_loader {
  position: absolute;
  left: -40px;
  top: 5px;
}

.directorist_custom-checkbox input {
  display: none;
}
.directorist_custom-checkbox input[type=checkbox] + label {
  min-width: 18px;
  min-height: 18px;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  position: relative;
  padding-right: 28px;
  padding-top: 3px;
  margin-bottom: 0;
  line-height: 1.2;
  font-weight: 400;
  color: #5a5f7d;
}
.directorist_custom-checkbox input[type=checkbox] + label:before {
  position: absolute;
  font-size: 10px;
  right: 6px;
  top: 5px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  display: block;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 2;
}
.directorist_custom-checkbox input[type=checkbox] + label:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  content: "";
  background-color: #fff;
  border: 2px solid #c6d0dc;
}
.directorist_custom-checkbox input[type=checkbox]:checked + label:after {
  background-color: #00b158;
  border-color: #00b158;
}
.directorist_custom-checkbox input[type=checkbox]:checked + label:before {
  opacity: 1;
  color: #fff;
}

.directorist_builder__content .directorist_badge {
  display: inline-block;
  padding: 4px 6px;
  font-size: 75%;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 4px;
  margin-right: 6px;
  border: 0 none;
}
.directorist_builder__content .directorist_badge.directorist_badge-primary {
  color: #fff;
  background-color: #3e62f5;
}

.directorist_table-responsive {
  display: block !important;
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
}

.cptm-delete-directory-modal .cptm-modal-header {
  padding-right: 20px;
}
.cptm-delete-directory-modal .cptm-btn {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  border: 1px solid;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  vertical-align: top;
}
.cptm-delete-directory-modal .cptm-btn.cptm-btn-secondary {
  color: #3e62f5;
  border-color: #3e62f5;
  background-color: transparent;
}
.cptm-delete-directory-modal .cptm-btn.cptm-btn-secondary:hover {
  color: #fff;
  background-color: #3e62f5;
}
.cptm-delete-directory-modal .cptm-btn.cptm-btn-danger {
  color: #ff272a;
  border-color: #ff272a;
  background-color: transparent;
}
.cptm-delete-directory-modal .cptm-btn.cptm-btn-danger:hover {
  color: #fff;
  background-color: #ff272a;
}

.directorist_dropdown {
  border: 1px solid #d2d6db;
  border-radius: 8px;
  position: relative;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.directorist_dropdown.--open {
  border-color: #4d5761;
}
.directorist_dropdown.--open .directorist_dropdown-toggle:before {
  content: "\eb56";
}
.directorist_dropdown .directorist_dropdown-toggle {
  text-decoration: none;
  color: #7a82a6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 15px;
  width: auto !important;
  height: 100%;
  position: relative;
}
.directorist_dropdown .directorist_dropdown-toggle:before {
  content: "\f347";
  font: normal 12px/1 dashicons;
}
.directorist_dropdown .directorist_dropdown-toggle .directorist_dropdown-toggle__text {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
.directorist_dropdown .directorist_dropdown-option {
  display: none;
  position: absolute;
  width: 100%;
  right: 0;
  top: 44px;
  padding: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941);
          box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941);
  border-radius: 5px;
  z-index: 99999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist_dropdown .directorist_dropdown-option ul li a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  padding: 9px 10px;
  border-radius: 4px;
  color: #5a5f7d;
}

.directorist_select .select2-container .select2-selection--single {
  padding: 0 20px;
  height: 38px;
  border: 1px solid #c6d0dc;
}

.directorist_loader {
  position: relative;
}
.directorist_loader:before {
  position: absolute;
  content: "";
  left: 10px;
  top: 31%;
  border: 2px solid #dddddd;
  border-radius: 50%;
  border-top: 2px solid #272b41;
  width: 20px;
  height: 20px;
  -webkit-animation: atbd_spin 2s linear infinite;
  /* Safari */
  animation: atbd_spin 2s linear infinite;
}

.directorist_disable {
  pointer-events: none;
}

#publishing-action.directorist_disable input#publish {
  cursor: not-allowed;
  opacity: 0.3;
}

.directorist_more-dropdown {
  position: relative;
}
.directorist_more-dropdown .directorist_more-dropdown-toggle {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 50% !important;
  background-color: #fff !important;
  padding: 0 !important;
  color: #868eae !important;
}
.directorist_more-dropdown .directorist_more-dropdown-toggle:focus {
  outline: none;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
}
.directorist_more-dropdown .directorist_more-dropdown-toggle i,
.directorist_more-dropdown .directorist_more-dropdown-toggle svg {
  margin-left: 0 !important;
}
.directorist_more-dropdown .directorist_more-dropdown-option {
  position: absolute;
  min-width: 180px;
  left: 20px;
  top: 40px;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961);
  box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961);
  border-radius: 6px;
}
.directorist_more-dropdown .directorist_more-dropdown-option.active {
  opacity: 1;
  visibility: visible;
  z-index: 22;
}
.directorist_more-dropdown .directorist_more-dropdown-option ul {
  margin: 12px 0;
}
.directorist_more-dropdown .directorist_more-dropdown-option ul li:not(:last-child) {
  margin-bottom: 8px;
}
.directorist_more-dropdown .directorist_more-dropdown-option ul li a {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px !important;
  width: 100%;
  padding: 0 16px !important;
  margin: 0 !important;
  line-height: 1.75 !important;
  color: #5a5f7d !important;
  background-color: #fff !important;
}
.directorist_more-dropdown .directorist_more-dropdown-option ul li a:focus {
  outline: none;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
}
.directorist_more-dropdown .directorist_more-dropdown-option ul li a i {
  font-size: 16px;
  margin-left: 15px !important;
  color: #c6d0dc;
}
.directorist_more-dropdown.default .directorist_more-dropdown-toggle {
  opacity: 0.5;
  pointer-events: none;
}

@-webkit-keyframes atbd_spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes atbd_spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before {
  right: 5px !important;
  top: 5px !important;
}

.directorist-form-group.directorist-faq-group {
  margin-bottom: 30px;
}

.directory_types-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -8px;
}
.directory_types-wrapper .directory_type-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 8px;
}
.directory_types-wrapper .directory_type-group label {
  padding: 0 2px 0 0;
}
.directory_types-wrapper .directory_type-group input {
  position: relative;
  top: 2px;
}

.csv-action-btns {
  padding-right: 15px;
}

#atbdp_ie_download_sample {
  display: inline-block;
  padding: 0 20px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
  line-height: 40px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #3e62f5;
  background-color: #3e62f5;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
#atbdp_ie_download_sample:hover {
  border-color: #264ef4;
  background: #264ef4;
  color: #fff;
}

div#gmap {
  height: 400px;
}

.cor-wrap,
.lat_btn_wrap {
  margin-top: 15px;
}

img.atbdp-file-info {
  max-width: 200px;
}

/* admin notice */
.directorist__notice_new {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 2px !important;
}
.directorist__notice_new span {
  display: block;
  font-weight: 600;
  font-size: 14px;
}
.directorist__notice_new a {
  color: #3e62f5;
  font-weight: 700;
}
.directorist__notice_new + p {
  margin-top: 0px !important;
}

.directorist__notice_new_action a {
  color: #3e62f5;
  font-weight: 700;
  color: red;
}
.directorist__notice_new_action .directorist__notice_new__btn {
  display: inline-block;
  text-align: center;
  border: 1px solid #3e62f5;
  padding: 8px 17px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  font-weight: 500;
  font-size: 15px;
  color: #fff;
  background-color: #3e62f5;
  margin-left: 10px;
}
.directorist__notice_new_action .directorist__notice_new__btn:hover {
  color: #fff;
}

.add_listing_form_wrapper#gallery_upload {
  padding: 30px;
  text-align: center;
  border-radius: 5px;
  border: 1px dashed #dbdee9;
}
.add_listing_form_wrapper#gallery_upload .listing-prv-img-container {
  text-align: center;
}

.directorist_select .select2.select2-container .select2-selection--single {
  border: 1px solid #8c8f94;
  min-height: 40px;
}
.directorist_select .select2.select2-container .select2-selection--single .select2-selection__rendered {
  height: auto;
  line-height: 38px;
  padding: 0 15px;
}
.directorist_select .select2.select2-container .select2-results__option i,
.directorist_select .select2.select2-container .select2-results__option span.las,
.directorist_select .select2.select2-container .select2-results__option span.lab,
.directorist_select .select2.select2-container .select2-results__option span.la,
.directorist_select .select2.select2-container .select2-results__option span.fas,
.directorist_select .select2.select2-container .select2-results__option span.fab,
.directorist_select .select2.select2-container .select2-results__option span.far,
.directorist_select .select2.select2-container .select2-results__option span.fa {
  font-size: 16px;
}

#style_settings__color_settings .cptm-field-wraper-type-wp-media-picker input[type=button].cptm-btn {
  display: none;
}

.cptm-create-directory-modal .cptm-modal {
  width: 100%;
  max-width: 680px;
  padding: 40px 36px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-create-directory-modal .cptm-create-directory-modal__header {
  padding: 0;
  margin: 0;
  border: none;
}
.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -28px;
  left: -24px;
  margin: 0;
  padding: 0;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: none;
  color: #3c3c3c;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link svg path {
  -webkit-transition: fill ease 0.3s;
  transition: fill ease 0.3s;
}
.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link:hover svg path {
  fill: #9746ff;
}
.cptm-create-directory-modal .cptm-create-directory-modal__body {
  padding-top: 36px;
}
.cptm-create-directory-modal .cptm-create-directory-modal__body .directorist_template_notice {
  margin-top: 10px;
  color: #f80718;
}
.cptm-create-directory-modal .cptm-create-directory-modal__body .directorist_template_notice.cptm-section-alert-success {
  color: #28a800;
}
.cptm-create-directory-modal .cptm-create-directory-modal__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #141921;
  text-align: center;
}
.cptm-create-directory-modal .cptm-create-directory-modal__desc {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #4d5761;
  text-align: center;
  margin: 0;
}
.cptm-create-directory-modal .cptm-create-directory-modal__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  padding: 32px 24px;
  background-color: #f3f4f6;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single:hover, .cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single:focus {
  background-color: #f0f3ff;
  border-color: #3e62f5;
}
.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: unset;
  -webkit-flex-grow: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
  height: 40px;
  width: 40px;
  min-height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background-color: #0b99ff;
}
.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-template {
  background-color: #ff5c16;
}
.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-scratch {
  background-color: #0b99ff;
}
.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-ai {
  background-color: #9746ff;
}
.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-text {
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: #4d5761;
}
.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-desc {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #3e62f5;
}
.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding: 4px 8px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-badge.modal-badge--new {
  color: #3e62f5;
  background-color: #c0ccfc;
}

.directorist-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.directorist-flex-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

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

.directorist-justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

.directorist-justify-content-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.directorist-justify-content-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.directorist-justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.directorist-display-none {
  display: none;
}

.directorist-icon-mask:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-color: var(--directorist-color-dark);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: var(--directorist-icon);
          mask-image: var(--directorist-icon);
}

.directorist-error__msg {
  color: var(--directorist-color-danger);
  font-size: 14px;
}

.directorist-content-active .entry-content .directorist-search-contents {
  width: 100% !important;
  max-width: 100% !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* directorist module style */
.directorist-content-module {
  border: 1px solid var(--directorist-color-border);
}
.directorist-content-module__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  min-height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 480px) {
  .directorist-content-module__title {
    padding: 20px;
  }
}
.directorist-content-module__title h2 {
  margin: 0 !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}
.directorist-content-module__contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px 0;
  padding: 30px 40px 40px;
  border-top: 1px solid var(--directorist-color-border);
}
@media (max-width: 480px) {
  .directorist-content-module__contents {
    padding: 20px;
  }
}
.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap {
  margin-top: -30px;
}
.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs {
  position: relative;
  bottom: -7px;
}
.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor {
  margin: 0;
  border: none;
  border-radius: 5px;
  padding: 5px 10px 12px;
  background: transparent;
  color: var(--directorist-color-body);
}
.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html,
.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce {
  background-color: #f6f7f7;
}
.directorist-content-module__contents .directorist-form-description-field .wp-editor-container {
  border: none;
  border-bottom: 1px solid var(--directorist-color-border);
}
.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input {
  background: transparent !important;
  color: var(--directorist-color-body) !important;
  border-color: var(--directorist-color-border);
}
.directorist-content-module__contents .directorist-form-description-field .wp-editor-area {
  border: none;
  resize: none;
  min-height: 238px;
}
.directorist-content-module__contents .directorist-form-description-field .mce-top-part::before {
  display: none;
}
.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout {
  border: none;
  padding: 0;
}
.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp,
.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar {
  border: none;
  padding: 8px 12px;
  border-radius: 8px;
}
.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico {
  color: var(--directorist-color-body);
}
.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button,
.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
  background: transparent;
}
.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt {
  color: var(--directorist-color-body);
}
.directorist-content-module__contents .directorist-form-description-field .mce-statusbar {
  display: none;
}
.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.directorist-content-module__contents .directorist-form-description-field iframe {
  max-width: 100%;
}
.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn {
  width: 100%;
  gap: 10px;
  padding-right: 40px;
}
.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i::after {
  width: 16px;
  height: 16px;
  background-color: var(--directorist-color-btn);
}
.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover {
  color: var(--directorist-color-white);
  background-color: var(--directorist-color-primary);
}
.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i::after {
  background-color: var(--directorist-color-white);
}
.directorist-content-module__contents .directorist-form-social-info-field select {
  color: var(--directorist-color-primary);
}
.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label {
  margin-right: 0;
}

.directorist-content-active #directorist.atbd_wrapper {
  max-width: 100%;
}
.directorist-content-active #directorist.atbd_wrapper .atbd_header_bar {
  margin-bottom: 35px;
}

#directorist-dashboard-preloader {
  display: none;
}

.directorist-form-required {
  color: var(--directorist-color-danger);
}

.directory_register_form_wrap .dgr_show_recaptcha {
  margin-bottom: 20px;
}
.directory_register_form_wrap .dgr_show_recaptcha > p {
  font-size: 16px;
  color: var(--directorist-color-primary);
  font-weight: 600;
  margin-bottom: 8px !important;
}
.directory_register_form_wrap a {
  text-decoration: none;
}

.atbd_login_btn_wrapper .directorist-btn {
  line-height: 2.55;
  padding-top: 0;
  padding-bottom: 0;
}
.atbd_login_btn_wrapper .keep_signed.directorist-checkbox .directorist-checkbox__label {
  color: var(--directorist-color-primary);
}

.atbdp_login_form_shortcode .directorist-form-group label {
  display: inline-block;
  margin-bottom: 5px;
}
.atbdp_login_form_shortcode a {
  text-decoration: none;
}

.directory_register_form_wrap .directorist-form-group label {
  display: inline-block;
  margin-bottom: 5px;
}
.directory_register_form_wrap .directorist-btn {
  line-height: 2.55;
  padding-top: 0;
  padding-bottom: 0;
}

.directorist-quick-login .directorist-form-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.atbd_success_mesage > p i {
  top: 2px;
  margin-left: 5px;
  position: relative;
  display: inline-block;
}

.directorist-loader {
  position: relative;
}
.directorist-loader:before {
  position: absolute;
  content: "";
  left: 20px;
  top: 31%;
  border: 2px solid var(--directorist-color-white);
  border-radius: 50%;
  border-top: 2px solid var(--directorist-color-primary);
  width: 20px;
  height: 20px;
  -webkit-animation: atbd_spin 2s linear infinite;
          animation: atbd_spin 2s linear infinite;
}

.plupload-upload-uic {
  width: 420px;
  margin: 0 auto !important;
  border: 1px dashed var(--directorist-color-border-gray);
  padding: 30px;
}
.plupload-upload-uic .atbdp-dropbox-title {
  font-weight: 500;
  margin-bottom: 15px;
  font-size: 15px;
}
.plupload-upload-uic .atbdp_button {
  border: 1px solid var(--directorist-color-border);
  background-color: var(--directorist-color-ss-bg-light);
  font-size: 14px;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 40px !important;
  padding: 0 30px !important;
  height: auto !important;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  color: inherit;
}
.plupload-upload-uic .atbdp-dropbox-file-types {
  margin-top: 10px;
  color: var(--directorist-color-deep-gray);
}

@media (max-width: 575px) {
  .plupload-upload-uic {
    width: 100%;
  }
}
.directorist-address-field .address_result,
.directorist-form-address-field .address_result {
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
  max-height: 345px !important;
  overflow-y: scroll;
  border-radius: 8px;
  background-color: var(--directorist-color-white);
  -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1);
          box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1);
  z-index: 10;
}
.directorist-address-field .address_result ul,
.directorist-form-address-field .address_result ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 8px;
}
.directorist-address-field .address_result li,
.directorist-form-address-field .address_result li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin: 0;
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
}
.directorist-address-field .address_result li a,
.directorist-form-address-field .address_result li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
  font-size: 14px;
  line-height: 18px;
  padding: 0;
  margin: 0;
  color: #767792;
  background-color: var(--directorist-color-white);
  border-bottom: 1px solid #d9d9d9;
  text-decoration: none;
  -webkit-transition: color 0.3s ease, border 0.3s ease;
  transition: color 0.3s ease, border 0.3s ease;
}
.directorist-address-field .address_result li a:hover,
.directorist-form-address-field .address_result li a:hover {
  color: var(--directorist-color-dark);
  border-bottom: 1px dashed #e9e9e9;
}
.directorist-address-field .address_result li:last-child,
.directorist-form-address-field .address_result li:last-child {
  border: none;
}
.directorist-address-field .address_result li:last-child a,
.directorist-form-address-field .address_result li:last-child a {
  border: none;
}

.pac-container {
  list-style: none;
  margin: 0;
  padding: 18px 5px 11px;
  max-width: 270px;
  min-width: 200px;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .pac-container {
    max-width: unset;
    width: calc(100% - 30px) !important;
    right: 30px !important;
  }
}
.pac-container .pac-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 13px 7px;
  padding: 0;
  border: none;
  background: unset;
  cursor: pointer;
}
.pac-container .pac-item span {
  color: var(--directorist-color-body);
}
.pac-container .pac-item .pac-matched {
  font-weight: 400;
}
.pac-container .pac-item:hover span {
  color: var(--directorist-color-primary);
}
.pac-container .pac-icon-marker {
  position: relative;
  height: 36px;
  width: 36px;
  min-width: 36px;
  border-radius: 8px;
  margin: 0 0 0 15px;
  background-color: var(--directorist-color-border-gray);
}
.pac-container .pac-icon-marker:after {
  content: "";
  display: block;
  width: 12px;
  height: 20px;
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  background-color: var(--directorist-color-body);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg);
          mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg);
}
.pac-container:after {
  display: none;
}

p.status:empty {
  display: none;
}

.gateway_list input[type=radio] {
  margin-left: 5px;
}

.directorist-checkout-form .directorist-container-fluid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-checkout-form ul {
  list-style-type: none;
}

.directorist-select select {
  width: 100%;
  height: 40px;
  border: none;
  color: var(--directorist-color-body);
  border-bottom: 1px solid var(--directorist-color-border-gray);
}
.directorist-select select:focus {
  outline: 0;
}

.directorist-content-active .select2-container--open .select2-dropdown--above {
  top: 0;
  border-color: var(--directorist-color-border);
}

body.logged-in.directorist-content-active .select2-container--open .select2-dropdown--above {
  top: 32px;
}

.directorist-content-active .select2-container--default .select2-dropdown {
  border: none;
  border-radius: 10px !important;
  background-color: var(--directorist-color-white);
  -webkit-box-shadow: var(--directorist-box-shadow);
          box-shadow: var(--directorist-box-shadow);
  border: 1px solid var(--directorist-color-border-light);
}
.directorist-content-active .select2-container--default .select2-search--dropdown {
  padding: 20px 20px 10px 20px;
}
.directorist-content-active .select2-container--default .select2-search__field {
  padding: 10px 18px !important;
  border-radius: 8px;
  background: transparent;
  color: var(--directorist-color-deep-gray);
  border: 1px solid var(--directorist-color-border-gray) !important;
}
.directorist-content-active .select2-container--default .select2-search__field:focus {
  outline: 0;
}
.directorist-content-active .select2-container--default .select2-results {
  padding-bottom: 10px;
}
.directorist-content-active .select2-container--default .select2-results__option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
  padding: 6px 20px;
  color: var(--directorist-color-body);
  font-size: 14px;
  line-height: 1.5;
}
.directorist-content-active .select2-container--default .select2-results__option--highlighted {
  font-weight: 500;
  color: var(--directorist-color-primary) !important;
  background-color: transparent;
}
.directorist-content-active .select2-container--default .select2-results__message {
  margin-bottom: 10px !important;
}
.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  margin-right: 0;
  margin-top: 8.5px;
}
.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group {
  margin-bottom: 0;
  padding: 0;
}
.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control {
  height: 24.5px;
}
.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
  margin: 0;
  max-width: none;
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
}
.directorist-content-active .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: rgba(var(--directorist-color-primary-rgb), 0.1) !important;
  font-weight: 400;
}
.directorist-content-active .select2-container--default.select2-container--open .select2-results__option {
  margin: 0;
}
.directorist-content-active .select2-container--default.select2-container--open .select2-results__option[aria-selected=true] {
  font-weight: 600;
  color: var(--directorist-color-primary);
  background-color: rgba(var(--directorist-color-primary-rgb), 0.1);
}
.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask {
  margin-left: 12px;
}
.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask:after {
  width: 16px;
  height: 16px;
  background-color: var(--directorist-color-light-gray);
}
@media (max-width: 575px) {
  .directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 8px;
    background-color: var(--directorist-color-bg-light);
  }
}
.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-2 {
  padding-right: 20px;
}
.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-3 {
  padding-right: 40px;
}
.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-4 {
  padding-right: 60px;
}
.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered {
  opacity: 1;
}
.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--directorist-color-body);
}
.directorist-content-active .select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after {
  background-color: var(--directorist-color-body) !important;
}

.custom-checkbox input {
  display: none;
}
.custom-checkbox input[type=checkbox] + .check--select + label,
.custom-checkbox input[type=radio] + .radio--select + label {
  min-width: 18px;
  min-height: 18px;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  position: relative;
  padding-right: 28px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 0;
  line-height: 1.2;
  font-weight: 400;
  color: var(--directorist-color-gray);
}
.custom-checkbox input[type=checkbox] + .check--select + label:before,
.custom-checkbox input[type=radio] + .radio--select + label:before {
  position: absolute;
  font-size: 10px;
  right: 5px;
  top: 5px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  display: block;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 2;
}
.custom-checkbox input[type=checkbox] + .check--select + label:after,
.custom-checkbox input[type=radio] + .radio--select + label:after {
  position: absolute;
  right: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  content: "";
  background-color: var(--directorist-color-white);
  border: 2px solid var(--directorist-color-border-gray);
}
.custom-checkbox input[type=radio] + .radio--select + label:before {
  top: 8px;
  font-size: 9px;
}
.custom-checkbox input[type=radio] + .radio--select + label:after {
  border-radius: 50%;
}
.custom-checkbox input[type=radio] + .radio--select + label span {
  color: var(--directorist-color-light-gray);
}
.custom-checkbox input[type=radio] + .radio--select + label span.active {
  color: var(--directorist-color-warning);
}
.custom-checkbox input[type=checkbox]:checked + .check--select + label:after,
.custom-checkbox input[type=radio]:checked + .radio--select + label:after {
  background-color: var(--directorist-color-success);
  border-color: var(--directorist-color-success);
}
.custom-checkbox input[type=checkbox]:checked + .check--select + label:before,
.custom-checkbox input[type=radio]:checked + .radio--select + label:before {
  opacity: 1;
  color: var(--directorist-color-white);
}

.directorist-table {
  display: table;
  width: 100%;
}

.reset-pseudo-link:visited, .atbdp-nav-link:visited, .cptm-modal-action-link:visited, .cptm-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-link-light:visited, .cptm-header-nav__list-item-link:visited, .cptm-btn:visited, .reset-pseudo-link:active, .atbdp-nav-link:active, .cptm-modal-action-link:active, .cptm-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-link-light:active, .cptm-header-nav__list-item-link:active, .cptm-btn:active, .reset-pseudo-link:focus, .atbdp-nav-link:focus, .cptm-modal-action-link:focus, .cptm-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-link-light:focus, .cptm-header-nav__list-item-link:focus, .cptm-btn:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cptm-shortcodes {
  max-height: 300px;
  overflow: scroll;
}

.directorist-center-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.directorist-center-content-inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.directorist-center-content,
.directorist-center-content-inline {
  -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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.directorist-text-right {
  text-align: left;
}

.directorist-text-center {
  text-align: center;
}

.directorist-text-left {
  text-align: right;
}

.directorist-mt-0 {
  margin-top: 0 !important;
}

.directorist-mt-5 {
  margin-top: 5px !important;
}

.directorist-mt-10 {
  margin-top: 10px !important;
}

.directorist-mt-15 {
  margin-top: 15px !important;
}

.directorist-mt-20 {
  margin-top: 20px !important;
}

.directorist-mt-30 {
  margin-top: 30px !important;
}

.directorist-mb-0 {
  margin-bottom: 0 !important;
}

.directorist-mb-35 {
  margin-bottom: 35px !important;
}

.directorist-mb-30 {
  margin-bottom: 30px !important;
}

.directorist-mb-25 {
  margin-bottom: 25px !important;
}

.directorist-mb-20 {
  margin-bottom: 20px !important;
}

.directorist-mb-n20 {
  margin-bottom: -20px !important;
}

.directorist-mb-10 {
  margin-bottom: 10px !important;
}

.directorist-mb-15 {
  margin-bottom: 15px !important;
}

.directorist-mb-20 {
  margin-bottom: 20px !important;
}

.directorist-mb-30 {
  margin-bottom: 30px !important;
}

.directorist-mb-35 {
  margin-bottom: 35px !important;
}

.directorist-mb-40 {
  margin-bottom: 40px !important;
}

.directorist-mb-50 {
  margin-bottom: 50px !important;
}

.directorist-mb-70 {
  margin-bottom: 70px !important;
}

.directorist-mb-80 {
  margin-bottom: 80px !important;
}

.directorist-pb-100 {
  padding-bottom: 100px !important;
}

.directorist-w-100 {
  width: 100% !important;
  max-width: 100% !important;
}

/* typography */
body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.sweet-overlay {
  background-color: black;
  -ms-filter: "alpha(opacity=40)";
  background-color: rgba(var(--directorist-color-dark-rgb), 0.4);
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000;
}

.sweet-alert {
  background-color: white;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  right: 50%;
  top: 50%;
  margin-right: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999;
}

@media all and (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-right: 0;
    margin-left: 0;
    right: 15px;
    left: 15px;
  }
}
.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block;
}

.sweet-alert p {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}

.sweet-alert fieldset {
  border: 0;
  position: relative;
}

.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-right: -17px;
  margin-left: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition: padding 0.15s, max-height 0.15s;
  -webkit-transition: padding 0.15s, max-height 0.15s;
  transition: padding 0.15s, max-height 0.15s;
}

.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition: padding 0.2s, max-height 0.2s;
  -webkit-transition: padding 0.25s, max-height 0.25s;
  transition: padding 0.25s, max-height 0.25s;
}

.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: white;
  line-height: 24px;
  text-align: center;
  margin-left: 3px;
}

.sweet-alert .sa-error-container p {
  display: inline-block;
}

.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  left: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.sweet-alert .sa-input-error::before,
.sweet-alert .sa-input-error::after {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 50%;
  margin-right: -9px;
}

.sweet-alert .sa-input-error::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-input-error::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.sweet-alert input {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  -webkit-box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06);
          box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06);
  padding: 0 12px;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sweet-alert input:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 3px #c4e6f5;
          box-shadow: 0 0 3px #c4e6f5;
  border: 1px solid #b4dbed;
}

.sweet-alert input:focus::-moz-placeholder {
  -moz-transition: opacity 0.3s 0.03s ease;
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input:focus:-ms-input-placeholder {
  -ms-transition: opacity 0.3s 0.03s ease;
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s 0.03s ease;
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input::-moz-placeholder {
  color: #bdbdbd;
}

.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd;
}

.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd;
}

.sweet-alert.show-input input {
  display: block;
}

.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative;
}

.sweet-alert .la-ball-fall {
  position: absolute;
  right: 50%;
  top: 50%;
  margin-right: -27px;
  margin-top: 4px;
  opacity: 0;
  visibility: hidden;
}

.sweet-alert button {
  background-color: #8cd4f5;
  color: white;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer;
}

.sweet-alert button:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05);
          box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05);
}

.sweet-alert button:hover {
  background-color: #7ecff4;
}

.sweet-alert button:active {
  background-color: #5dc2f1;
}

.sweet-alert button.cancel {
  background-color: #c1c1c1;
}

.sweet-alert button.cancel:hover {
  background-color: #b9b9b9;
}

.sweet-alert button.cancel:active {
  background-color: #a8a8a8;
}

.sweet-alert button.cancel:focus {
  -webkit-box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important;
          box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important;
}

.sweet-alert button[disabled] {
  opacity: 0.6;
  cursor: default;
}

.sweet-alert button.confirm[disabled] {
  color: transparent;
}

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

.sweet-alert button::-moz-focus-inner {
  border: 0;
}

.sweet-alert[data-has-cancel-button=false] button {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px;
}

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.sweet-alert .sa-icon.sa-error {
  border-color: #f27474;
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}

.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #f27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 17px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 16px;
}

.sweet-alert .sa-icon.sa-warning {
  border-color: #f8bb86;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  right: 50%;
  top: 10px;
  border-radius: 2px;
  margin-right: -2px;
  background-color: #f8bb86;
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-right: -3px;
  right: 50%;
  bottom: 10px;
  background-color: #f8bb86;
}

.sweet-alert .sa-icon.sa-info {
  border-color: #c9dae1;
}

.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  right: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-right: -2px;
  background-color: #c9dae1;
}

.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-right: -3px;
  top: 19px;
  background-color: #c9dae1;
}

.sweet-alert .sa-icon.sa-success {
  border-color: #a5dc86;
}

.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
  content: "";
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success::before {
  border-radius: 0 120px 120px 0;
  top: -7px;
  right: -33px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}

.sweet-alert .sa-icon.sa-success::after {
  border-radius: 120px 0 0 120px;
  top: -11px;
  right: 30px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 100% 60px;
  transform-origin: 100% 60px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  border-radius: 40px;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  right: -4px;
  top: -4px;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  right: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  right: 14px;
  top: 46px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  left: 8px;
  top: 38px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: 0;
  background-position: center center;
  background-repeat: no-repeat;
}

@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@-webkit-keyframes slideFromTop {
  0% {
    top: 0;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideFromTop {
  0% {
    top: 0;
  }
  100% {
    top: 50%;
  }
}
@-webkit-keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0;
  }
}
@keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@-webkit-keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
@keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none;
}

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s;
}

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s;
}

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
}

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none;
}

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s;
}

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s;
}

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    right: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    right: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    right: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    right: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    right: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    right: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    right: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    right: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    right: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    right: 14px;
    top: 45px;
  }
}
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    left: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    left: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    left: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    left: 8px;
    top: 38px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    left: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    left: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    left: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    left: 8px;
    top: 38px;
  }
}
@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  5% {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  12% {
    transform: rotate(405deg);
    -webkit-transform: rotate(405deg);
  }
  100% {
    transform: rotate(405deg);
    -webkit-transform: rotate(405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  5% {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  12% {
    transform: rotate(405deg);
    -webkit-transform: rotate(405deg);
  }
  100% {
    transform: rotate(405deg);
    -webkit-transform: rotate(405deg);
  }
}
.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    opacity: 1;
  }
}
.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #f8d486;
  }
  100% {
    border-color: #f8bb86;
  }
}
@keyframes pulseWarning {
  0% {
    border-color: #f8d486;
  }
  100% {
    border-color: #f8bb86;
  }
}
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #f8d486;
  }
  100% {
    background-color: #f8bb86;
  }
}
@keyframes pulseWarningIns {
  0% {
    background-color: #f8d486;
  }
  100% {
    background-color: #f8bb86;
  }
}
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate;
}

@-webkit-keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(-45deg) \9 ;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(45deg) \9 ;
}

.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9 ;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(-45deg) \9 ;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(45deg) \9 ;
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.la-ball-fall {
  display: block;
  font-size: 0;
  color: var(--directorist-color-white);
}

.la-ball-fall.la-dark {
  color: #333;
}

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}

.la-ball-fall {
  width: 54px;
  height: 18px;
}

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite;
}

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  animation-delay: -200ms;
}

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  animation-delay: -100ms;
}

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0;
  animation-delay: 0;
}

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px;
}

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px;
}

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px;
}

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px;
}

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px;
}

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px;
}

@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%);
  }
}
@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%);
  }
}
.directorist-add-listing-types {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-add-listing-types__single {
  margin-bottom: 15px;
}
.directorist-add-listing-types__single__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--directorist-color-white);
  color: var(--directorist-color-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  padding: 40px 25px;
  border-radius: 12px;
  text-decoration: none !important;
  -webkit-box-shadow: var(--directorist-box-shadow);
          box-shadow: var(--directorist-box-shadow);
  border: 1px solid var(--directorist-color-border-light);
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.directorist-add-listing-types__single__link .directorist-icon-mask {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 70px;
  width: 70px;
  background-color: var(--directorist-color-primary);
  border-radius: 100%;
  margin-bottom: 20px;
  -webkit-transition: color 0.2s ease, background 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease;
}
.directorist-add-listing-types__single__link .directorist-icon-mask:after {
  width: 25px;
  height: 25px;
  background-color: var(--directorist-color-white);
}
.directorist-add-listing-types__single__link:hover {
  background-color: var(--directorist-color-primary);
  color: var(--directorist-color-white);
}
.directorist-add-listing-types__single__link:hover .directorist-icon-mask {
  background-color: var(--directorist-color-white);
}
.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-primary);
}
.directorist-add-listing-types__single__link {
  /* Legacy Icon */
}
.directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) {
  display: inline-block;
  margin-bottom: 10px;
}

.directorist-add-listing-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.directorist-add-listing-form .directorist-content-module {
  -webkit-box-shadow: var(--directorist-box-shadow);
          box-shadow: var(--directorist-box-shadow);
  border: 1px solid var(--directorist-color-border-light);
}
.directorist-add-listing-form .directorist-content-module__title i {
  background-color: var(--directorist-color-primary);
}
.directorist-add-listing-form .directorist-content-module__title i:after {
  background-color: var(--directorist-color-white);
}
.directorist-add-listing-form .directorist-alert-required {
  display: block;
  margin-top: 5px;
  color: #e80000;
  font-size: 13px;
}
.directorist-add-listing-form__privacy a {
  color: var(--directorist-color-info);
}

.directorist-add-listing-form .directorist-content-module,
#directiost-listing-fields_wrapper .directorist-content-module {
  margin-bottom: 35px;
  border-radius: 12px;
}
@media (max-width: 991px) {
  .directorist-add-listing-form .directorist-content-module,
  #directiost-listing-fields_wrapper .directorist-content-module {
    margin-bottom: 20px;
  }
}
.directorist-add-listing-form .directorist-content-module__title,
#directiost-listing-fields_wrapper .directorist-content-module__title {
  gap: 15px;
  min-height: 66px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.directorist-add-listing-form .directorist-content-module__title i,
#directiost-listing-fields_wrapper .directorist-content-module__title i {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 100%;
}
.directorist-add-listing-form .directorist-content-module__title i:after,
#directiost-listing-fields_wrapper .directorist-content-module__title i:after {
  width: 16px;
  height: 16px;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade {
  padding: 0;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address],
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address] {
  padding-right: 10px;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before {
  width: 15px;
  height: 15px;
  right: unset;
  left: 0;
  top: 46px;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after {
  height: 40px;
  top: 26px;
}
.directorist-add-listing-form .directorist-content-module,
#directiost-listing-fields_wrapper .directorist-content-module {
  /* social info */
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px;
  margin: 0 0 25px;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child {
  margin: 0 0 40px;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select {
  font-size: 14px;
  font-weight: 500;
  color: var(--directorist-color-dark);
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item {
  font-size: 14px;
  font-weight: 400;
  color: var(--directorist-color-light-gray);
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 480px) {
  .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input,
  #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder {
  font-weight: 400;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder {
  font-weight: 400;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder {
  font-weight: 400;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder {
  font-weight: 400;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder {
  font-weight: 400;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  cursor: pointer;
  border-radius: 100%;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-color: var(--directorist-color-light) !important;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i::after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after {
  width: 12px;
  height: 12px;
  background-color: var(--directorist-color-light-gray);
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover {
  background-color: var(--directorist-color-primary) !important;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i::after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after {
  background-color: var(--directorist-color-white);
}

#directiost-listing-fields_wrapper .directorist-content-module {
  background-color: var(--directorist-color-white);
  border-radius: 0;
  border: 1px solid #e3e6ef;
}
#directiost-listing-fields_wrapper .directorist-content-module__title {
  padding: 20px 30px;
  border-bottom: 1px solid #e3e6ef;
}
#directiost-listing-fields_wrapper .directorist-content-module__title i {
  background-color: var(--directorist-color-primary);
}
#directiost-listing-fields_wrapper .directorist-content-module__title i:after {
  background-color: var(--directorist-color-white);
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields {
  margin: 0 0 25px;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove {
  background-color: #ededed !important;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after {
  background-color: #808080;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover {
  background-color: var(--directorist-color-primary) !important;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after {
  background-color: var(--directorist-color-white);
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title {
  cursor: auto;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before {
  display: none;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents {
  padding: 30px 40px 40px;
}
@media (max-width: 991px) {
  #directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents {
    height: auto;
    opacity: 1;
    padding: 20px;
    visibility: visible;
  }
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label {
  margin-bottom: 10px;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element {
  position: relative;
  height: 42px;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #ececec;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix {
  height: 42px;
  line-height: 42px;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field {
  padding-top: 0;
  padding-bottom: 0;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  content: "";
  border: 1px solid #c6d0dc;
  background-color: var(--directorist-color-white);
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after {
  background-color: var(--directorist-color-primary);
  border-color: var(--directorist-color-primary);
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:before {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--directorist-color-primary);
  border: 0 none;
  -webkit-mask-image: none;
          mask-image: none;
  z-index: 2;
  content: "";
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after {
  background-color: var(--directorist-color-white);
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after {
  border-radius: 50%;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before {
  right: 5px;
  top: 5px;
  content: "";
  -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg);
          mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 10px;
  height: 10px;
  border: none;
  background-color: var(--directorist-color-white);
  display: block;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 2;
}
#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic {
  padding: 30px;
  text-align: center;
  border-radius: 5px;
  border: 1px dashed #dbdee9;
}
#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic .plupload-browse-button-label i::after {
  width: 50px;
  height: 45px;
  background-color: #808080;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-file-upload .directorist-custom-field-file-upload__wrapper ~ .directorist-form-description {
  text-align: center;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn {
  width: auto;
  padding: 11px 26px;
  background-color: #444752;
  color: var(--directorist-color-white);
  border-radius: 5px;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn i::after {
  background-color: var(--directorist-color-white);
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-map-field__maps #gmap {
  border-radius: 0;
}

/* ==========================
    add listing form fields
============================= */
/* listing label */
.directorist-form-label {
  display: block;
  color: var(--directorist-color-dark);
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
}

.directorist-custom-field-radio > .directorist-form-label,
.directorist-custom-field-checkbox > .directorist-form-label,
.directorist-form-social-info-field > .directorist-form-label,
.directorist-form-image-upload-field > .directorist-form-label,
.directorist-custom-field-file-upload > .directorist-form-label,
.directorist-form-pricing-field.price-type-both > .directorist-form-label {
  margin-bottom: 18px;
}

/* listing type */
.directorist-form-listing-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 767px) {
  .directorist-form-listing-type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.directorist-form-listing-type .directorist-form-label {
  font-size: 14px;
  font-weight: 500;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin: 0;
}
.directorist-form-listing-type__single {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45%;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
}
.directorist-form-listing-type__single.directorist-radio {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label {
  width: 100%;
  height: 100%;
  padding: 25px;
  font-size: 14px;
  font-weight: 500;
  padding-right: 55px;
  border-radius: 12px;
  color: var(--directorist-color-body);
  border: 3px solid var(--directorist-color-border-gray);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label small {
  display: block;
  margin-top: 5px;
  font-weight: normal;
  color: var(--directorist-color-success);
}
.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:before {
  right: 29px;
  top: 29px;
}
.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:after {
  right: 25px;
  top: 25px;
  width: 18px;
  height: 18px;
}
.directorist-form-listing-type .directorist-radio input[type=radio]:checked + .directorist-radio__label {
  border-color: var(--directorist-color-primary);
  color: var(--directorist-color-primary);
}

/* Pricing */
.directorist-form-pricing-field__options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 20px;
}
.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label {
  font-size: 14px;
  font-weight: 400;
  min-height: 18px;
  padding-right: 27px;
  color: var(--directorist-color-body);
}
.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label {
  font-weight: 500;
  color: var(--directorist-color-dark);
}
.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:after {
  top: 3px;
  right: 3px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 2px solid #c6d0dc;
}
.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before {
  right: 0;
  top: 0;
  width: 8px;
  height: 8px;
  -webkit-mask-image: none;
          mask-image: none;
  background-color: var(--directorist-color-white);
  border-radius: 100%;
  border: 5px solid var(--directorist-color-primary);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:checked:after {
  opacity: 0;
}
.directorist-form-pricing-field .directorist-form-element {
  min-width: 100%;
}

.price-type-price_range .directorist-form-pricing-field__options,
.price-type-price_unit .directorist-form-pricing-field__options {
  margin: 0;
}

/* location */
.directorist-select-multi select {
  display: none;
}

#directorist-location-select {
  z-index: 113 !important;
}

/* tags */
#directorist-tag-select {
  z-index: 112 !important;
}

/* categories */
#directorist-category-select {
  z-index: 111 !important;
}

.directorist-form-group .select2-selection {
  border-color: #ececec;
}

.directorist-form-group .select2-container--default .select2-selection {
  min-height: 40px;
  padding-left: 45px;
}
.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered {
  line-height: 26px;
  padding: 0;
}
.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear {
  padding-left: 15px;
}
.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow {
  left: 10px;
}
.directorist-form-group .select2-container--default .select2-selection input {
  min-height: 26px;
}

/* hide contact owner */
.directorist-hide-owner-field.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label {
  font-size: 15px;
  font-weight: 700;
}

/* Map style */
.directorist-map-coordinate {
  margin-top: 20px;
}

.directorist-map-coordinates {
  padding: 0 0 15px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.directorist-map-coordinates .directorist-form-group {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 290px;
}
.directorist-map-coordinates__generate {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 100% !important;
      -ms-flex: 0 0 100% !important;
          flex: 0 0 100% !important;
  max-width: 100% !important;
}

.directorist-add-listing-form .directorist-content-module .directorist-map-coordinates .directorist-form-group:not(.directorist-map-coordinates__generate) {
  margin-bottom: 20px;
}

.directorist-form-map-field__wrapper {
  margin-bottom: 10px;
}
.directorist-form-map-field__maps #gmap {
  position: relative;
  height: 400px;
  z-index: 1;
  border-radius: 12px;
}
.directorist-form-map-field__maps #gmap #gmap_full_screen_button,
.directorist-form-map-field__maps #gmap .gm-fullscreen-control {
  display: none;
}
.directorist-form-map-field__maps #gmap div[role=img] {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px !important;
  height: 50px !important;
  cursor: pointer;
  border-radius: 100%;
  overflow: visible !important;
}
.directorist-form-map-field__maps #gmap div[role=img] > img {
  position: relative;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  border-radius: 100%;
  background-color: var(--directorist-color-primary);
}
.directorist-form-map-field__maps #gmap div[role=img]:before {
  content: "";
  position: absolute;
  right: -25px;
  top: -25px;
  width: 0;
  height: 0;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2);
  opacity: 0;
  visibility: hidden;
  -webkit-animation: atbd_scale 3s linear alternate infinite;
          animation: atbd_scale 3s linear alternate infinite;
}
.directorist-form-map-field__maps #gmap div[role=img]:after {
  content: "";
  display: block;
  width: 12px;
  height: 20px;
  position: absolute;
  z-index: 2;
  background-color: var(--directorist-color-white);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg);
          mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg);
}
.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon {
  margin: 0;
  display: inline-block;
  width: 13px !important;
  height: 13px !important;
  background-color: unset;
}
.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before, .directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after {
  display: none;
}
.directorist-form-map-field__maps #gmap div[role=img]:hover:before {
  opacity: 1;
  visibility: visible;
}
.directorist-form-map-field .map_drag_info {
  display: none;
}
.directorist-form-map-field .atbd_map_shape {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 100%;
}
.directorist-form-map-field .atbd_map_shape:before {
  content: "";
  position: absolute;
  right: -20px;
  top: -20px;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
}
.directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after {
  width: 16px;
  height: 16px;
  background-color: var(--directorist-color-marker-icon);
  -webkit-mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg);
          mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg);
}
.directorist-form-map-field .atbd_map_shape:hover:before {
  opacity: 1;
  visibility: visible;
}

/* EZ Media Upload */
.directorist-form-image-upload-field .ez-media-uploader {
  text-align: center;
  border-radius: 12px;
  padding: 35px 10px;
  margin: 0;
  background-color: var(--directorist-color-bg-gray) !important;
  border: 2px dashed var(--directorist-color-border-gray) !important;
}
.directorist-form-image-upload-field .ez-media-uploader.ezmu--show {
  margin-bottom: 120px;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section {
  display: block;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload {
  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;
  width: auto;
  height: auto;
  margin-bottom: 0;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload {
  background: unset;
  -webkit-filter: unset;
          filter: unset;
  width: auto;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i::after {
  width: 90px;
  height: 80px;
  background-color: var(--directorist-color-border-gray);
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-buttons {
  margin-top: 0;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 35px 0 17px;
  margin: 10px 0;
  height: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  border-radius: 8px;
  background: var(--directorist-color-primary);
  color: var(--directorist-color-white);
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  cursor: pointer;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:before {
  position: absolute;
  right: 17px;
  top: 13px;
  content: "";
  -webkit-mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg);
          mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 14px;
  height: 14px;
  background-color: var(--directorist-color-white);
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:hover {
  opacity: 0.85;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap p {
  margin: 0;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show {
  position: absolute;
  top: calc(100% + 22px);
  right: 0;
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap {
  display: none;
  height: 76px;
  width: 100px;
  border-radius: 8px;
  background-color: var(--directorist-color-bg-gray) !important;
  border: 2px dashed var(--directorist-color-border-gray) !important;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn {
  padding: 0;
  width: 30px;
  height: 30px;
  font-size: 0;
  position: relative;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  z-index: 2;
  background-color: var(--directorist-color-border-gray);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg);
          mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg);
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item {
  width: 175px;
  min-width: 175px;
  -webkit-flex-basis: unset;
      -ms-flex-preferred-size: unset;
          flex-basis: unset;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon {
  background-image: unset;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask::after {
  width: 12px;
  height: 12px;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask::after {
  background-color: var(--directorist-color-white);
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button {
  width: 20px;
  height: 25px;
  background-size: 8px;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag,
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text {
  padding: 0 5px;
  height: 25px;
  line-height: 25px;
}
.directorist-form-image-upload-field .ezmu__info-list-item:empty {
  display: none;
}

.directorist-add-listing-wrapper {
  max-width: 1000px !important;
  margin: 0 auto;
}
.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back {
  position: relative;
  height: 100px;
  width: 100%;
}
.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img {
  -o-object-fit: cover;
     object-fit: cover;
}
.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(var(--directorist-color-dark-rgb), 0.5);
  opacity: 0;
  visibility: visible;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before {
  opacity: 1;
  visibility: visible;
}
.directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
.directorist-add-listing-wrapper .ezmu__btn {
  margin-bottom: 25px;
  background-color: var(--directorist-color-primary);
  color: var(--directorist-color-white);
}
.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn {
  pointer-events: none;
  opacity: 0.7;
}
.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight {
  position: relative;
}
.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #ddd;
  cursor: no-drop;
  z-index: 9999;
}
.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after {
  content: "Maximum Files Uploaded";
  font-size: 18px;
  font-weight: 700;
  color: #EF0000;
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  cursor: no-drop;
  z-index: 9999;
}
.directorist-add-listing-wrapper .ezmu__info-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  margin: 15px 0 0;
}
.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item {
  margin: 0;
}
.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before {
  width: 16px;
  height: 16px;
  background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg);
}

.directorist-add-listing-form {
  /* form action */
}
.directorist-add-listing-form__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 12px;
  -webkit-box-shadow: var(--directorist-box-shadow);
          box-shadow: var(--directorist-box-shadow);
  border: 1px solid var(--directorist-color-border-light);
}
.directorist-add-listing-form__action .directorist-form-submit {
  margin-top: 15px;
}
.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading {
  position: relative;
}
.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after {
  content: "";
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #656a7a;
  width: 20px;
  height: 20px;
  -webkit-animation: rotate360 2s linear infinite;
          animation: rotate360 2s linear infinite;
  display: inline-block;
  margin: 0 10px 0 0;
  position: relative;
  top: 4px;
}
.directorist-add-listing-form__action label {
  line-height: 1.25;
  margin-bottom: 0;
}
.directorist-add-listing-form__action #listing_notifier {
  padding: 18px 40px 33px;
  font-size: 14px;
  font-weight: 600;
  color: var(--directorist-color-danger);
  border-top: 1px solid var(--directorist-color-border);
}
.directorist-add-listing-form__action #listing_notifier:empty {
  display: none;
}
.directorist-add-listing-form__action #listing_notifier .atbdp_success {
  color: var(--directorist-color-success);
}
.directorist-add-listing-form__action .directorist-form-group,
.directorist-add-listing-form__action .directorist-checkbox {
  margin: 0;
  padding: 30px 40px 0;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (max-width: 576px) {
  .directorist-add-listing-form__action .directorist-form-group,
  .directorist-add-listing-form__action .directorist-checkbox {
    padding: 30px 0 0;
  }
  .directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy,
  .directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy {
    padding: 30px 30px 0;
  }
}
@media only screen and (max-width: 480px) {
  .directorist-add-listing-form__action .directorist-form-group,
  .directorist-add-listing-form__action .directorist-checkbox {
    padding: 30px 20px 0;
  }
}
.directorist-add-listing-form__action .directorist-form-group label,
.directorist-add-listing-form__action .directorist-checkbox label {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 10px;
}
.directorist-add-listing-form__action .directorist-form-group label a,
.directorist-add-listing-form__action .directorist-checkbox label a {
  color: var(--directorist-color-info);
}
.directorist-add-listing-form__action .directorist-form-group #guest_user_email,
.directorist-add-listing-form__action .directorist-checkbox #guest_user_email {
  margin: 0 0 10px;
}
.directorist-add-listing-form__action .directorist-form-required {
  padding-right: 5px;
}
.directorist-add-listing-form__publish {
  padding: 100px 20px;
  margin-bottom: 0;
  text-align: center;
}
@media only screen and (max-width: 576px) {
  .directorist-add-listing-form__publish {
    padding: 70px 20px;
  }
}
@media only screen and (max-width: 480px) {
  .directorist-add-listing-form__publish {
    padding: 50px 20px;
  }
}
.directorist-add-listing-form__publish__icon i {
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  margin: 0 auto 25px;
  background-color: var(--directorist-color-light);
}
@media only screen and (max-width: 480px) {
  .directorist-add-listing-form__publish__icon i {
    margin-bottom: 20px;
  }
}
.directorist-add-listing-form__publish__icon i:after {
  width: 30px;
  height: 30px;
  background-color: var(--directorist-color-primary);
}
@media only screen and (max-width: 480px) {
  .directorist-add-listing-form__publish__icon i:after {
    width: 25px;
    height: 25px;
  }
}
@media only screen and (max-width: 480px) {
  .directorist-add-listing-form__publish__icon i:after {
    width: 22px;
    height: 22px;
  }
}
.directorist-add-listing-form__publish__title {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 10px;
}
@media only screen and (max-width: 480px) {
  .directorist-add-listing-form__publish__title {
    font-size: 22px;
  }
}
.directorist-add-listing-form__publish__subtitle {
  font-size: 15px;
  color: var(--directorist-color-body);
  margin: 0;
}
.directorist-add-listing-form .directorist-form-group textarea {
  padding: 10px 0;
  background: transparent;
}
.directorist-add-listing-form .atbd_map_shape {
  width: 50px;
  height: 50px;
}
.directorist-add-listing-form .atbd_map_shape:before {
  right: -25px;
  top: -25px;
  border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2);
}
.directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after {
  width: 16px;
  height: 16px;
}

/* Custom Fields */
/* select */
.directorist-custom-field-select select.directorist-form-element {
  padding-top: 0;
  padding-bottom: 0;
}

/* file upload */
.plupload-upload-uic {
  width: 420px;
  margin: 0 auto !important;
  border: 1px dashed #dbdee9;
  padding: 30px;
  text-align: center;
}
.plupload-upload-uic .directorist-dropbox-title {
  font-weight: 500;
  margin-bottom: 15px;
  font-size: 15px;
}
.plupload-upload-uic .directorist-dropbox-file-types {
  margin-top: 10px;
  color: #9299b8;
}

/* quick login */
.directorist-modal-container {
  display: none;
  margin: 0 !important;
  max-width: 100% !important;
  height: 100vh !important;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999999999;
}

.directorist-modal-container.show {
  display: block;
}

.directorist-modal-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 0, 0, 0.4705882353);
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.directorist-modals {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  background-color: var(--directorist-color-white);
  border-radius: 8px;
  overflow: hidden;
}

.directorist-modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e4e4e4;
}

.directorist-modal-title-area {
  display: block;
}

.directorist-modal-header .directorist-modal-title {
  margin-bottom: 0 !important;
  font-size: 24px;
}

.directorist-modal-actions-area {
  display: block;
  padding: 0 10px;
}

.directorist-modal-body {
  display: block;
  padding: 20px;
}

.directorist-form-privacy {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--directorist-color-primary);
}
.directorist-form-privacy.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after {
  border-color: var(--directorist-color-body);
}

.directorist-form-privacy,
.directorist-form-terms {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.directorist-form-privacy a,
.directorist-form-terms a {
  text-decoration: none;
}

/* =============================
    backend add listing form
================================*/
.add_listing_form_wrapper .hide-if-no-js {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#listing_form_info .directorist-bh-wrap .directorist-select select {
  width: calc(100% - 1px);
  min-height: 42px;
  display: block !important;
  border-color: #ececec !important;
  padding: 0 10px;
}

.directorist-map-field #floating-panel {
  margin-bottom: 20px;
}
.directorist-map-field #floating-panel #delete_marker {
  background-color: var(--directorist-color-danger);
  border: 1px solid var(--directorist-color-danger);
  color: var(--directorist-color-white);
}

#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents {
  padding-top: 20px;
}

.directorist-custom-field-radio,
.directorist-custom-field-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.directorist-custom-field-radio .directorist-form-label,
.directorist-custom-field-radio .directorist-form-description,
.directorist-custom-field-radio .directorist-custom-field-btn-more,
.directorist-custom-field-checkbox .directorist-form-label,
.directorist-custom-field-checkbox .directorist-form-description,
.directorist-custom-field-checkbox .directorist-custom-field-btn-more {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.directorist-custom-field-radio .directorist-checkbox,
.directorist-custom-field-radio .directorist-radio,
.directorist-custom-field-checkbox .directorist-checkbox,
.directorist-custom-field-checkbox .directorist-radio {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 49%;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
}
@media only screen and (max-width: 767px) {
  .directorist-custom-field-radio .directorist-checkbox,
  .directorist-custom-field-radio .directorist-radio,
  .directorist-custom-field-checkbox .directorist-checkbox,
  .directorist-custom-field-checkbox .directorist-radio {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.directorist-custom-field-radio .directorist-custom-field-btn-more,
.directorist-custom-field-checkbox .directorist-custom-field-btn-more {
  margin-top: 5px;
}
.directorist-custom-field-radio .directorist-custom-field-btn-more:after,
.directorist-custom-field-checkbox .directorist-custom-field-btn-more:after {
  content: "";
  display: inline-block;
  margin-right: 5px;
  -webkit-mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg);
          mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg);
  width: 12px;
  height: 12px;
  background-color: var(--directorist-color-body);
}
.directorist-custom-field-radio .directorist-custom-field-btn-more.active:after,
.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after {
  -webkit-mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg);
          mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg);
}

.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 5px;
}
.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li {
  margin: 0;
}
.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li input {
  margin-top: 0;
}
.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline {
  width: auto;
}
.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline:first-child {
  width: inherit;
}

.multistep-wizard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .multistep-wizard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.multistep-wizard__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100vh;
  min-width: 270px;
  max-width: 270px;
  overflow-y: auto;
}
.multistep-wizard__nav.sticky {
  position: fixed;
  top: 0;
}
.multistep-wizard__nav__btn {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 270px;
  min-height: 36px;
  padding: 7px 16px;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  border-radius: 8px;
  border: 1px solid transparent;
  text-decoration: none !important;
  color: var(--directorist-color-light-gray);
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
@media only screen and (max-width: 991px) {
  .multistep-wizard__nav__btn {
    width: 100%;
  }
}
.multistep-wizard__nav__btn i {
  min-width: 36px;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  background-color: #ededed;
}
.multistep-wizard__nav__btn i:after {
  width: 16px;
  height: 16px;
  background-color: var(--directorist-color-light-gray);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.multistep-wizard__nav__btn:before {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  -webkit-mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg);
          mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 12px;
  height: 12px;
  background-color: var(--directorist-color-light-gray);
  display: block;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 2;
}
.multistep-wizard__nav__btn.active, .multistep-wizard__nav__btn:hover {
  -webkit-box-shadow: var(--directorist-box-shadow);
          box-shadow: var(--directorist-box-shadow);
  border-color: var(--directorist-color-border-light);
  background-color: var(--directorist-color-white);
  outline: none;
}
.multistep-wizard__nav__btn.active:before, .multistep-wizard__nav__btn:hover:before {
  opacity: 1;
}
.multistep-wizard__nav__btn:focus {
  outline: none;
  font-weight: 600;
  color: var(--directorist-color-primary);
}
.multistep-wizard__nav__btn:focus:before {
  background-color: var(--directorist-color-primary);
}
.multistep-wizard__nav__btn:focus i::after {
  background-color: var(--directorist-color-primary);
}
.multistep-wizard__nav__btn.completed {
  color: var(--directorist-color-primary);
}
.multistep-wizard__nav__btn.completed:before {
  -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg);
          mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg);
  opacity: 1;
}
.multistep-wizard__nav__btn.completed i::after {
  background-color: var(--directorist-color-primary);
}
@media only screen and (max-width: 991px) {
  .multistep-wizard__nav {
    display: none;
  }
}
.multistep-wizard__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.multistep-wizard__single {
  border-radius: 12px;
  background-color: var(--directorist-color-white);
}
.multistep-wizard__single label {
  display: block;
}
.multistep-wizard__single span.required {
  color: var(--directorist-color-danger);
}
@media only screen and (max-width: 991px) {
  .multistep-wizard__single .directorist-content-module__title {
    position: relative;
    cursor: pointer;
  }
  .multistep-wizard__single .directorist-content-module__title h2 {
    -webkit-padding-end: 20px;
            padding-inline-end: 20px;
  }
  .multistep-wizard__single .directorist-content-module__title:before {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
    -webkit-mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg);
            mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    width: 12px;
    height: 12px;
    background-color: var(--directorist-color-dark);
  }
  .multistep-wizard__single .directorist-content-module__title.opened:before {
    -webkit-mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg);
            mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg);
  }
  .multistep-wizard__single .directorist-content-module__contents {
    height: 0;
    opacity: 0;
    padding: 0;
    visibility: hidden;
    -webkit-transition: padding-top 0.3s ease;
    transition: padding-top 0.3s ease;
  }
  .multistep-wizard__single .directorist-content-module__contents.active {
    height: auto;
    opacity: 1;
    padding: 20px;
    visibility: visible;
  }
}
.multistep-wizard__progressbar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 50px;
  border-radius: 8px;
}
.multistep-wizard__progressbar:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: var(--directorist-color-border);
  border-radius: 8px;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.multistep-wizard__progressbar__width {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
}
.multistep-wizard__progressbar__width:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: var(--directorist-color-primary);
  border-radius: 8px;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.multistep-wizard__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 25px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0;
}
@media only screen and (max-width: 575px) {
  .multistep-wizard__bottom {
    gap: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.multistep-wizard__btn {
  width: 200px;
  height: 54px;
  gap: 12px;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: var(--directorist-color-light);
}
.multistep-wizard__btn.directorist-btn {
  color: var(--directorist-color-body);
}
.multistep-wizard__btn.directorist-btn i:after {
  background-color: var(--directorist-color-body);
}
.multistep-wizard__btn.directorist-btn:hover, .multistep-wizard__btn.directorist-btn:focus {
  color: var(--directorist-color-white);
  background-color: var(--directorist-color-primary);
}
.multistep-wizard__btn.directorist-btn:hover i:after, .multistep-wizard__btn.directorist-btn:focus i:after {
  background-color: var(--directorist-color-white);
}
.multistep-wizard__btn[disabled=true], .multistep-wizard__btn[disabled=disabled] {
  color: var(--directorist-color-light-gray);
  pointer-events: none;
}
.multistep-wizard__btn[disabled=true] i:after, .multistep-wizard__btn[disabled=disabled] i:after {
  background-color: var(--directorist-color-light-gray);
}
.multistep-wizard__btn i:after {
  width: 14px;
  height: 14px;
  background-color: var(--directorist-color-primary);
}
.multistep-wizard__btn--save-preview {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.multistep-wizard__btn--save-preview.directorist-btn {
  height: 0;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 575px) {
  .multistep-wizard__btn--save-preview {
    width: 100%;
  }
}
.multistep-wizard__btn--skip-preview {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.multistep-wizard__btn--skip-preview.directorist-btn {
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.multistep-wizard__btn.directorist-btn {
  min-height: unset;
}
@media only screen and (max-width: 575px) {
  .multistep-wizard__btn.directorist-btn {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.multistep-wizard__count {
  font-size: 15px;
  font-weight: 500;
}
@media only screen and (max-width: 575px) {
  .multistep-wizard__count {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    text-align: center;
  }
}
.multistep-wizard .default-add-listing-bottom {
  display: none;
}
.multistep-wizard.default-add-listing .multistep-wizard__single {
  display: block !important;
}
.multistep-wizard.default-add-listing .multistep-wizard__bottom,
.multistep-wizard.default-add-listing .multistep-wizard__progressbar {
  display: none !important;
}
.multistep-wizard.default-add-listing .default-add-listing-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 35px 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn {
  width: 100%;
  height: 54px;
}

.logged-in .multistep-wizard__nav.sticky {
  top: 32px;
}

@-webkit-keyframes atbd_scale {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes atbd_scale {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
#directorist_submit_privacy_policy {
  display: block;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
#directorist_submit_privacy_policy::after {
  display: none;
}

.upload-error {
  display: block !important;
  clear: both;
  background-color: #FCD9D9;
  color: #E80000;
  font-size: 16px;
  word-break: break-word;
  border-radius: 3px;
  padding: 15px 20px;
}

#upload-msg {
  display: block;
  clear: both;
}

#content .category_grid_view li a.post_img {
  height: 65px;
  width: 90%;
  overflow: hidden;
}

#content .category_grid_view li a.post_img img {
  margin: 0 auto;
  display: block;
  height: 65px;
}

#content .category_list_view li a.post_img {
  height: 110px;
  width: 165px;
  overflow: hidden;
}

#content .category_list_view li a.post_img img {
  margin: 0 auto;
  display: block;
  height: 110px;
}

#sidebar .recent_comments li img.thumb {
  width: 40px;
}

.post_img_tiny img {
  width: 35px;
}

.single_post_blog img.alignleft {
  width: 96%;
  height: auto;
}

.ecu_images {
  width: 100%;
}

.filelist {
  width: 100%;
}

.filelist .file {
  padding: 5px;
  background-color: #ececec;
  border: solid 1px #ccc;
  margin-bottom: 4px;
  clear: both;
  text-align: right;
}

.filelist .fileprogress {
  width: 0%;
  height: 5px;
  background-color: #3385ff;
}

#custom-filedropbox,
.directorist-custom-field-file-upload__wrapper > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
}

.plupload-upload-uic {
  width: 200px;
  height: 150px;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 12px;
  margin: 0 !important;
  background-color: var(--directorist-color-bg-gray);
  border: 2px dashed var(--directorist-color-border-gray);
}
.plupload-upload-uic > input {
  display: none;
}
.plupload-upload-uic .plupload-browse-button-label {
  cursor: pointer;
}
.plupload-upload-uic .plupload-browse-button-label i::after {
  width: 50px;
  height: 45px;
  background-color: var(--directorist-color-border-gray);
}
.plupload-upload-uic .plupload-browse-img-size {
  font-size: 13px;
  font-weight: 400;
  color: var(--directorist-color-body);
}
@media (max-width: 575px) {
  .plupload-upload-uic {
    width: 100%;
    height: 200px;
  }
}

.plupload-thumbs {
  clear: both;
  overflow: hidden;
}

.plupload-thumbs .thumb {
  position: relative;
  height: 150px;
  width: 200px;
  border-radius: 12px;
}
.plupload-thumbs .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.plupload-thumbs .thumb:hover .atbdp-thumb-actions::before {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 575px) {
  .plupload-thumbs .thumb {
    width: 100%;
    height: 200px;
  }
}
.plupload-thumbs .atbdp-thumb-actions {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
}
.plupload-thumbs .atbdp-thumb-actions .thumbremovelink {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #FF385C;
  height: 32px;
  width: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.plupload-thumbs .atbdp-thumb-actions .thumbremovelink .directorist-icon-mask:after {
  width: 14px;
  height: 14px;
  background-color: var(--directorist-color-white);
}
.plupload-thumbs .atbdp-thumb-actions .thumbremovelink:hover {
  opacity: 0.8;
}
.plupload-thumbs .atbdp-thumb-actions .thumbremovelink i {
  font-size: 14px;
}
.plupload-thumbs .atbdp-thumb-actions:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  border-radius: 12px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-color: rgba(var(--directorist-color-dark-rgb), 0.5);
}

.plupload-thumbs .thumb.atbdp_file {
  border: none;
  width: auto;
}

.atbdp-add-files .plupload-thumbs .thumb img,
.plupload-thumbs .thumb i.atbdp-file-info {
  cursor: move;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.plupload-thumbs .thumb i.atbdp-file-info {
  font-size: 50px;
  padding-top: 10%;
  z-index: 1;
}

.plupload-thumbs .thumb .thumbi {
  position: absolute;
  left: -10px;
  top: -8px;
  height: 18px;
  width: 18px;
}

.plupload-thumbs .thumb .thumbi a {
  text-indent: -8000px;
  display: block;
}

.plupload-thumbs .atbdp-title-preview,
.plupload-thumbs .atbdp-caption-preview {
  position: absolute;
  top: 10px;
  right: 5px;
  font-size: 10px;
  line-height: 10px;
  padding: 1px;
  background: rgba(255, 255, 255, 0.5);
  z-index: 2;
  overflow: hidden;
  height: 10px;
}

.plupload-thumbs .atbdp-caption-preview {
  top: auto;
  bottom: 10px;
}

/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  right: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
  background: transparent;
}
.leaflet-tile::selection {
  background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 100% 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4);
}

.leaflet-tile {
  -webkit-filter: inherit;
          filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  left: 0;
  display: none;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  right: 0;
}

.leaflet-control {
  float: right;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: left;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-right: 10px;
}

.leaflet-right .leaflet-control {
  margin-left: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background-color: #ddd;
  outline: 0;
}

.leaflet-container a,
.leaflet-container .map-listing-card-single__content a {
  color: #404040;
}

.leaflet-container a.leaflet-active {
  outline: 2px solid #fa8b0c;
}

.leaflet-zoom-box {
  border: 2px dotted var(--directorist-color-info);
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* general toolbar styles */
.leaflet-bar {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: var(--directorist-color-white);
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background-color: var(--directorist-color-white);
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 6px 6px 10px;
  color: #333;
  background-color: var(--directorist-color-white);
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-left: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -6px 5px -10px;
}

/* Default icon URLs */
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background-color: var(--directorist-color-white);
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
  margin-right: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--directorist-color-white);
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: right;
  border-radius: 10px;
}

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}

.leaflet-popup-content p {
  margin: 18px 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  right: 50%;
  margin-right: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
          box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px 0 0 4px;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background-color: var(--directorist-color-white);
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: var(--directorist-color-white);
  border: 1px solid var(--directorist-color-white);
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  right: 50%;
  margin-right: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: var(--directorist-color-white);
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-right: -6px;
  border-bottom-color: var(--directorist-color-white);
}

.leaflet-tooltip-left {
  margin-right: -6px;
}

.leaflet-tooltip-right {
  margin-right: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  left: 0;
  margin-left: -12px;
  border-right-color: var(--directorist-color-white);
}

.leaflet-tooltip-right:before {
  right: 0;
  margin-right: -12px;
  border-left-color: var(--directorist-color-white);
}

.directorist-content-active #map {
  position: relative;
  width: 100%;
  height: 660px;
  border: none;
  z-index: 1;
}
.directorist-content-active #gmap_full_screen_button {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 999;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
  background-color: var(--directorist-color-white);
  cursor: pointer;
}
.directorist-content-active #gmap_full_screen_button i::after {
  width: 22px;
  height: 22px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: var(--directorist-color-dark);
}
.directorist-content-active #gmap_full_screen_button .fullscreen-disable {
  display: none;
}
.directorist-content-active #progress {
  display: none;
  position: absolute;
  z-index: 1000;
  right: 400px;
  top: 300px;
  width: 200px;
  height: 20px;
  margin-top: -20px;
  margin-right: -100px;
  background-color: var(--directorist-color-white);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 4px;
  padding: 2px;
}
.directorist-content-active #progress-bar {
  width: 0;
  height: 100%;
  background-color: #76A6FC;
  border-radius: 4px;
}
.directorist-content-active .gm-fullscreen-control {
  width: 50px !important;
  height: 50px !important;
  margin: 20px !important;
  border-radius: 10px !important;
  -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important;
          box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important;
}
.directorist-content-active .gmnoprint {
  border-radius: 5px;
}
.directorist-content-active .gm-style-cc,
.directorist-content-active .gm-style-mtc-bbw,
.directorist-content-active button.gm-svpc {
  display: none;
}
.directorist-content-active .italic {
  font-style: italic;
}
.directorist-content-active .buttonsTable {
  border: 1px solid grey;
  border-collapse: collapse;
}
.directorist-content-active .buttonsTable td,
.directorist-content-active .buttonsTable th {
  padding: 8px;
  border: 1px solid grey;
}
.directorist-content-active .version-disabled {
  text-decoration: line-through;
}

/* For sortable field */
.ui-sortable tr:hover {
  cursor: move;
}

.ui-sortable tr.alternate {
  background-color: #F9F9F9;
}

.ui-sortable tr.ui-sortable-helper {
  background-color: #F9F9F9;
  border-top: 1px solid #DFDFDF;
}

.directorist-form-group {
  position: relative;
  width: 100%;
}
.directorist-form-group textarea,
.directorist-form-group textarea.directorist-form-element {
  min-height: unset;
  height: auto !important;
  max-width: 100%;
  width: 100%;
}
.directorist-form-group__with-prefix {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
  gap: 10px;
}
.directorist-form-group__with-prefix:focus-within {
  border-bottom: 2px solid var(--directorist-color-dark);
}
.directorist-form-group__with-prefix .directorist-form-element {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 !important;
  border: none !important;
}
.directorist-form-group__with-prefix .directorist-single-info__value {
  font-size: 14px;
  font-weight: 500;
  margin: 0 !important;
}
.directorist-form-group__prefix {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #828282;
}
.directorist-form-group__prefix--start {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
.directorist-form-group__prefix--end {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input {
  padding-left: 0 !important;
}

.directorist-form-group label {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--directorist-color-body);
}
.directorist-form-group .directorist-form-element {
  position: relative;
  padding: 0;
  width: 100%;
  max-width: unset;
  min-height: unset;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: var(--directorist-color-dark);
  border: none;
  border-radius: 0;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid var(--directorist-color-border-gray);
}
.directorist-form-group .directorist-form-element:focus {
  outline: none;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
  border: none;
  border-bottom: 2px solid var(--directorist-color-primary);
}
.directorist-form-group .directorist-form-description {
  font-size: 14px;
  margin-top: 10px;
  color: var(--directorist-color-deep-gray);
}

.directorist-form-element.directorist-form-element-lg {
  height: 50px;
}
.directorist-form-element.directorist-form-element-lg__prefix {
  height: 50px;
  line-height: 50px;
}
.directorist-form-element.directorist-form-element-sm {
  height: 30px;
}
.directorist-form-element.directorist-form-element-sm__prefix {
  height: 30px;
  line-height: 30px;
}

.directorist-form-group.directorist-icon-left .directorist-input-icon {
  right: 0;
}
.directorist-form-group.directorist-icon-left .location-name {
  padding-right: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-form-group.directorist-icon-right .directorist-input-icon {
  left: 0;
}
.directorist-form-group.directorist-icon-right .location-name {
  padding-left: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-form-group .directorist-input-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1.45;
  z-index: 99;
  -webkit-transition: margin 0.3s ease;
  transition: margin 0.3s ease;
}
.directorist-form-group .directorist-input-icon i,
.directorist-form-group .directorist-input-icon span,
.directorist-form-group .directorist-input-icon svg {
  font-size: 14px;
}
.directorist-form-group .directorist-input-icon .directorist-icon-mask:after {
  width: 16px;
  height: 16px;
  background-color: var(--directorist-color-body);
}
@media screen and (max-width: 575px) {
  .directorist-form-group .directorist-input-icon {
    margin-top: 0;
  }
}

.directorist-label {
  margin-bottom: 0;
}

input.directorist-toggle-input {
  display: none;
}

.directorist-toggle-input-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

span.directorist-toggle-input-label-text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 10px;
}

span.directorist-toggle-input-label-icon {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
  border-radius: 30px;
  background-color: #d9d9d9;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

span.directorist-toggle-input-label-icon::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--directorist-color-white);
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon {
  background-color: #4353ff;
}

input.directorist-toggle-input:not(:checked) + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after {
  right: 5px;
}

input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after {
  right: calc(100% - 20px);
}

.directorist-flex-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

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

.directorist-flex-grow-1 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.directorist-tab-navigation {
  padding: 0;
  margin: 0 -10px 20px;
  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;
}

.directorist-tab-navigation-list-item {
  position: relative;
  list-style: none;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  margin: 10px;
  padding: 15px 20px;
  border-radius: 4px;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  background-color: var(--directorist-color-bg-light);
}
.directorist-tab-navigation-list-item.--is-active {
  color: var(--directorist-color-white);
  background-color: var(--directorist-color-primary);
}
.directorist-tab-navigation-list-item.--is-active::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: -10px;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid var(--directorist-color-primary);
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}
.directorist-tab-navigation-list-item .directorist-tab-navigation-list-item-link {
  margin: -15px -20px;
}

.directorist-tab-navigation-list-item-link {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 15px 20px;
  border-radius: 4px;
  color: var(--directorist-color-body);
  background-color: var(--directorist-color-bg-light);
}
.directorist-tab-navigation-list-item-link:active, .directorist-tab-navigation-list-item-link:visited, .directorist-tab-navigation-list-item-link:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--directorist-color-body);
}
.directorist-tab-navigation-list-item-link.--is-active {
  cursor: default;
  color: var(--directorist-color-white);
  background-color: var(--directorist-color-primary);
}
.directorist-tab-navigation-list-item-link.--is-active::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: -10px;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid var(--directorist-color-primary);
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}

.directorist-tab-content {
  display: none;
}
.directorist-tab-content.--is-active {
  display: block;
}

.directorist-headline-4 {
  margin: 0 0 15px 0;
  font-size: 15px;
  font-weight: normal;
}

.directorist-label-addon-prepend {
  margin-left: 10px;
}

.--is-hidden {
  display: none;
}

.directorist-flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* Directorist button styles */
.directorist-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 500;
  vertical-align: middle;
  text-transform: capitalize;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  padding: 0 26px;
  min-height: 45px;
  line-height: 1.5;
  border-radius: 8px;
  border: 1px solid var(--directorist-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  background-color: var(--directorist-color-primary);
  color: var(--directorist-color-white);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  text-decoration: none !important;
}
.directorist-btn .directorist-icon-mask:after {
  background-color: currentColor;
  width: 16px;
  height: 16px;
}
.directorist-btn.directorist-btn--add-listing, .directorist-btn.directorist-btn--logout {
  line-height: 43px;
}
.directorist-btn:hover, .directorist-btn:focus {
  color: var(--directorist-color-white);
  outline: 0 !important;
  background-color: rgba(var(--directorist-color-primary-rgb), 0.8);
}

.directorist-btn.directorist-btn-primary {
  background-color: var(--directorist-color-btn-primary-bg);
  color: var(--directorist-color-btn-primary);
  border: 1px solid var(--directorist-color-btn-primary-border);
}
.directorist-btn.directorist-btn-primary:focus, .directorist-btn.directorist-btn-primary:hover {
  background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8);
}
.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, .directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after {
  background-color: var(--directorist-color-btn-primary);
}
.directorist-btn.directorist-btn-secondary {
  background-color: var(--directorist-color-btn-secondary-bg);
  color: var(--directorist-color-btn-secondary);
  border: 1px solid var(--directorist-color-btn-secondary-border);
}
.directorist-btn.directorist-btn-secondary:focus, .directorist-btn.directorist-btn-secondary:hover {
  background-color: transparent;
  color: currentColor;
  border-color: var(--directorist-color-btn-secondary-bg);
}
.directorist-btn.directorist-btn-dark {
  background-color: var(--directorist-color-dark);
  border-color: var(--directorist-color-dark);
  color: var(--directorist-color-white);
}
.directorist-btn.directorist-btn-dark:hover {
  background-color: rgba(var(--directorist-color-dark-rgb), 0.8);
}
.directorist-btn.directorist-btn-success {
  background-color: var(--directorist-color-success);
  border-color: var(--directorist-color-success);
  color: var(--directorist-color-white);
}
.directorist-btn.directorist-btn-success:hover {
  background-color: rgba(var(--directorist-color-success-rgb), 0.8);
}
.directorist-btn.directorist-btn-info {
  background-color: var(--directorist-color-info);
  border-color: var(--directorist-color-info);
  color: var(--directorist-color-white);
}
.directorist-btn.directorist-btn-info:hover {
  background-color: rgba(var(--directorist-color-success-rgb), 0.8);
}
.directorist-btn.directorist-btn-light {
  background-color: var(--directorist-color-light);
  border-color: var(--directorist-color-light);
  color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-light:focus, .directorist-btn.directorist-btn-light:hover {
  background-color: var(--directorist-color-light-hover);
  color: var(--directorist-color-primary);
  border-color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-lighter {
  border-color: var(--directorist-color-dark);
  background-color: #f6f7f9;
  color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-warning {
  border-color: var(--directorist-color-warning);
  background-color: var(--directorist-color-warning);
  color: var(--directorist-color-white);
}
.directorist-btn.directorist-btn-warning:hover {
  background-color: rgba(var(--directorist-color-warning-rgb), 0.8);
}
.directorist-btn.directorist-btn-danger {
  border-color: var(--directorist-color-danger);
  background-color: var(--directorist-color-danger);
  color: var(--directorist-color-white);
}
.directorist-btn.directorist-btn-danger:hover {
  background-color: rgba(var(--directorist-color-danger-rgb), 0.8);
}
.directorist-btn.directorist-btn-bg-normal {
  background: #F9F9F9;
}
.directorist-btn.directorist-btn-loading {
  position: relative;
  font-size: 0;
  pointer-events: none;
}
.directorist-btn.directorist-btn-loading:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: inherit;
}
.directorist-btn.directorist-btn-loading:after {
  content: "";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--directorist-color-white);
  border-top-color: var(--directorist-color-primary);
  position: absolute;
  top: 13px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-animation: spin-centered 3s linear infinite;
          animation: spin-centered 3s linear infinite;
}
.directorist-btn.directorist-btn-disabled {
  pointer-events: none;
  opacity: 0.75;
}

.directorist-btn.directorist-btn-outline {
  background: transparent;
  border: 1px solid var(--directorist-color-border) !important;
  color: var(--directorist-color-dark);
}
.directorist-btn.directorist-btn-outline-normal {
  background: transparent;
  border: 1px solid var(--directorist-color-normal) !important;
  color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-outline-normal:focus, .directorist-btn.directorist-btn-outline-normal:hover {
  color: var(--directorist-color-white);
  background-color: var(--directorist-color-normal);
}
.directorist-btn.directorist-btn-outline-light {
  background: transparent;
  border: 1px solid var(--directorist-color-bg-light) !important;
  color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-outline-primary {
  background: transparent;
  border: 1px solid var(--directorist-color-primary) !important;
  color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-outline-primary:focus, .directorist-btn.directorist-btn-outline-primary:hover {
  color: var(--directorist-color-white);
  background-color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-outline-secondary {
  background: transparent;
  border: 1px solid var(--directorist-color-secondary) !important;
  color: var(--directorist-color-secondary);
}
.directorist-btn.directorist-btn-outline-secondary:focus, .directorist-btn.directorist-btn-outline-secondary:hover {
  color: var(--directorist-color-white);
  background-color: var(--directorist-color-secondary);
}
.directorist-btn.directorist-btn-outline-success {
  background: transparent;
  border: 1px solid var(--directorist-color-success) !important;
  color: var(--directorist-color-success);
}
.directorist-btn.directorist-btn-outline-success:focus, .directorist-btn.directorist-btn-outline-success:hover {
  color: var(--directorist-color-white);
  background-color: var(--directorist-color-success);
}
.directorist-btn.directorist-btn-outline-info {
  background: transparent;
  border: 1px solid var(--directorist-color-info) !important;
  color: var(--directorist-color-info);
}
.directorist-btn.directorist-btn-outline-info:focus, .directorist-btn.directorist-btn-outline-info:hover {
  color: var(--directorist-color-white);
  background-color: var(--directorist-color-info);
}
.directorist-btn.directorist-btn-outline-warning {
  background: transparent;
  border: 1px solid var(--directorist-color-warning) !important;
  color: var(--directorist-color-warning);
}
.directorist-btn.directorist-btn-outline-warning:focus, .directorist-btn.directorist-btn-outline-warning:hover {
  color: var(--directorist-color-white);
  background-color: var(--directorist-color-warning);
}
.directorist-btn.directorist-btn-outline-danger {
  background: transparent;
  border: 1px solid var(--directorist-color-danger) !important;
  color: var(--directorist-color-danger);
}
.directorist-btn.directorist-btn-outline-danger:focus, .directorist-btn.directorist-btn-outline-danger:hover {
  color: var(--directorist-color-white);
  background-color: var(--directorist-color-danger);
}
.directorist-btn.directorist-btn-outline-dark {
  background: transparent;
  border: 1px solid var(--directorist-color-primary) !important;
  color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-outline-dark:focus, .directorist-btn.directorist-btn-outline-dark:hover {
  color: var(--directorist-color-white);
  background-color: var(--directorist-color-dark);
}

.directorist-btn.directorist-btn-lg {
  min-height: 50px;
}
.directorist-btn.directorist-btn-md {
  min-height: 46px;
}
.directorist-btn.directorist-btn-sm {
  min-height: 40px;
}
.directorist-btn.directorist-btn-xs {
  min-height: 36px;
}
.directorist-btn.directorist-btn-px-15 {
  padding: 0 15px;
}
.directorist-btn.directorist-btn-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@-webkit-keyframes spin-centered {
  from {
    -webkit-transform: translateX(50%) rotate(0deg);
            transform: translateX(50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(50%) rotate(-360deg);
            transform: translateX(50%) rotate(-360deg);
  }
}

@keyframes spin-centered {
  from {
    -webkit-transform: translateX(50%) rotate(0deg);
            transform: translateX(50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(50%) rotate(-360deg);
            transform: translateX(50%) rotate(-360deg);
  }
}
/* Modal Core Styles */
.directorist-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  padding: 0;
  background: rgba(var(--directorist-color-dark-rgb), 0.5);
  right: 0;
  top: 0;
  z-index: -1;
  overflow: auto;
  outline: 0;
}

.directorist-modal__dialog {
  position: relative;
  width: 500px;
  margin: 30px auto;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: calc(100% - 80px);
  pointer-events: none;
}

.directorist-modal__dialog-lg {
  width: 900px;
}

.directorist-modal__content {
  width: 100%;
  background-color: var(--directorist-color-white);
  pointer-events: auto;
  border-radius: 12px;
  position: relative;
}
.directorist-modal__content .directorist-modal__header {
  position: relative;
  padding: 15px;
  border-bottom: 1px solid var(--directorist-color-border-gray);
}
.directorist-modal__content .directorist-modal__header__title {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  color: var(--directorist-color-dark);
}
.directorist-modal__content .directorist-modal__header .directorist-modal-close {
  position: absolute;
  width: 28px;
  height: 28px;
  left: 25px;
  top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  line-height: 1.45;
  padding: 6px;
  text-decoration: none;
  -webkit-transition: 0.2s background-color ease-in-out;
  transition: 0.2s background-color ease-in-out;
  background-color: var(--directorist-color-bg-light);
}
.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover {
  color: var(--directorist-color-body);
  background-color: var(--directorist-color-light-hover);
  -webkit-box-shadow: var(--directorist-box-shadow);
          box-shadow: var(--directorist-box-shadow);
  border: 1px solid var(--directorist-color-border-light);
}
.directorist-modal__content .directorist-modal__body {
  padding: 25px 40px;
}
.directorist-modal__content .directorist-modal__footer {
  border-top: 1px solid var(--directorist-color-border-gray);
  padding: 18px;
}
.directorist-modal__content .directorist-modal__footer .directorist-modal__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: -7.5px;
}
.directorist-modal__content .directorist-modal__footer .directorist-modal__action button {
  margin: 7.5px;
}
.directorist-modal__content .directorist-modal .directorist-form-group label {
  font-size: 16px;
}
.directorist-modal__content .directorist-modal .directorist-form-group .directorist-form-element {
  resize: none;
}

.directorist-modal__dialog.directorist-modal--lg {
  width: 800px;
}

.directorist-modal__dialog.directorist-modal--xl {
  width: 1140px;
}

.directorist-modal__dialog.directorist-modal--sm {
  width: 300px;
}

.directorist-modal.directorist-fade {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}

.directorist-modal.directorist-fade:not(.directorist-show) {
  opacity: 0;
  visibility: hidden;
}

.directorist-modal.directorist-show .directorist-modal__dialog {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.directorist-search-modal__overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}
.directorist-search-modal__overlay:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--directorist-color-dark-rgb), 0.5);
  opacity: 1;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.directorist-search-modal__contents {
  position: fixed;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  bottom: -100%;
  width: 90%;
  max-width: 600px;
  margin-bottom: 100px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  border-radius: 12px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-color: var(--directorist-color-white);
}
@media only screen and (max-width: 575px) {
  .directorist-search-modal__contents {
    width: 100%;
    margin-bottom: 0;
    border-radius: 16px 16px 0 0;
  }
}
.directorist-search-modal__contents__header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 40px 15px 25px;
  border-radius: 16px 16px 0 0;
  background-color: var(--directorist-color-white);
  border-bottom: 1px solid var(--directorist-color-border);
  z-index: 999;
}
@media only screen and (max-width: 575px) {
  .directorist-search-modal__contents__header {
    padding-right: 30px;
    padding-left: 20px;
  }
}
.directorist-search-modal__contents__body {
  height: calc(100vh - 380px);
  padding: 30px 40px 0;
  overflow: auto;
  margin-top: 70px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 575px) {
  .directorist-search-modal__contents__body {
    margin-top: 55px;
    margin-bottom: 80px;
    padding: 30px 30px 0;
    height: calc(100dvh - 250px);
  }
}
.directorist-search-modal__contents__body .directorist-search-field__label {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  font-weight: 400;
  color: var(--directorist-color-body);
  -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease;
  transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder {
  opacity: 0;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder {
  opacity: 0;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder,
.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element {
  padding-left: 20px;
}
.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number] {
  padding-left: 0;
}
.directorist-search-modal__contents__body .directorist-search-field__btn {
  position: absolute;
  bottom: 12px;
  cursor: pointer;
}
.directorist-search-modal__contents__body .directorist-search-field__btn--clear {
  opacity: 0;
  visibility: hidden;
  left: 0;
}
.directorist-search-modal__contents__body .directorist-search-field__btn--clear i::after {
  width: 16px;
  height: 16px;
  background-color: #bcbcbc;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i::after {
  background-color: var(--directorist-color-primary);
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] {
  padding-left: 20px;
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] {
  padding-left: 20px;
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder {
  opacity: 1;
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder {
  opacity: 1;
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder {
  opacity: 1;
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder {
  opacity: 1;
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder {
  opacity: 1;
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-form-group__prefix--start {
  opacity: 1;
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__label {
  top: 0;
  font-size: 13px;
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__btn {
  opacity: 1;
  visibility: visible;
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select,
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input {
  position: relative;
  bottom: -5px;
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label {
  opacity: 1;
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-location-js {
  padding-left: 45px;
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-form.select2-selection__rendered,
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: var(--directorist-color-dark);
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after {
  background-color: var(--directorist-color-dark);
}
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused.atbdp-form-fade:after,
.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-filter-location-icon {
  margin-top: 0;
}
.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range {
  position: relative;
}
.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range .directorist-search-field__label {
  font-size: 16px;
  font-weight: 500;
  position: unset;
}
.directorist-search-modal__contents__body .directorist-search-field .directorist-select .directorist-search-field__label {
  opacity: 0;
}
.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear {
  left: 25px;
  bottom: 12px;
}
.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after {
  background-color: #808080;
}
.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask:after {
  width: 12px;
  height: 12px;
  background-color: #808080;
}
.directorist-search-modal__contents__body .directorist-search-form-dropdown {
  border-bottom: 1px solid var(--directorist-color-border);
}
.directorist-search-modal__contents__body .wp-picker-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap {
  margin: 0 !important;
}
.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label {
  width: 70px;
}
.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label input {
  padding-left: 10px !important;
  bottom: 0;
}
.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap .wp-picker-clear {
  margin: 0;
  width: 100px;
}
.directorist-search-modal__contents__body .wp-picker-container .wp-picker-holder {
  top: 45px;
}
.directorist-search-modal__contents__footer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  border-radius: 0 0 16px 16px;
  background-color: var(--directorist-color-light);
  z-index: 9;
}
@media only screen and (max-width: 575px) {
  .directorist-search-modal__contents__footer {
    border-radius: 0;
  }
  .directorist-search-modal__contents__footer .directorist-advanced-filter__action {
    padding: 15px 30px;
  }
}
.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn {
  font-size: 15px;
}
.directorist-search-modal__contents__footer .directorist-btn-reset-js {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
  padding: 0;
  text-transform: none;
  border: none;
  background: transparent;
  cursor: pointer;
}
.directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.directorist-search-modal__contents__title {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
@media only screen and (max-width: 575px) {
  .directorist-search-modal__contents__title {
    font-size: 18px;
  }
}
.directorist-search-modal__contents__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: var(--directorist-color-light);
  border-radius: 100%;
  border: none;
  cursor: pointer;
}
.directorist-search-modal__contents__btn i::after {
  width: 10px;
  height: 10px;
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
  background-color: var(--directorist-color-dark);
}
.directorist-search-modal__contents__btn:hover i::after {
  background-color: var(--directorist-color-danger);
}
@media only screen and (max-width: 575px) {
  .directorist-search-modal__contents__btn {
    width: auto;
    height: auto;
    background: transparent;
  }
  .directorist-search-modal__contents__btn i::after {
    width: 12px;
    height: 12px;
  }
}
.directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body {
  height: calc(100vh - 350px);
}
@media only screen and (max-width: 575px) {
  .directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body {
    height: calc(100vh - 200px);
  }
}
.directorist-search-modal__minimizer {
  content: "";
  position: absolute;
  top: 10px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: 50px;
  height: 5px;
  border-radius: 8px;
  background-color: var(--directorist-color-border);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 575px) {
  .directorist-search-modal__minimizer {
    opacity: 1;
    visibility: visible;
  }
}
.directorist-search-modal--basic .directorist-search-modal__contents__body {
  margin: 0;
  padding: 30px;
  height: calc(100vh - 260px);
}
@media only screen and (max-width: 575px) {
  .directorist-search-modal--basic .directorist-search-modal__contents__body {
    height: calc(100vh - 110px);
  }
}
@media only screen and (max-width: 575px) {
  .directorist-search-modal--basic .directorist-search-modal__contents {
    margin: 0;
    border-radius: 16px 16px 0 0;
  }
}
.directorist-search-modal--basic .directorist-search-query {
  position: relative;
}
.directorist-search-modal--basic .directorist-search-query:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  width: 16px;
  height: 16px;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--directorist-color-body);
  -webkit-mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg);
          mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg);
}
.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search {
  border-radius: 8px;
  color: var(--directorist-color-white);
  background-color: var(--directorist-color-primary);
}
.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search i::after {
  background-color: currentColor;
}
@media screen and (max-width: 575px) {
  .directorist-search-modal--basic .directorist-search-modal__input {
    min-height: 42px;
    border-radius: 8px;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field {
    width: 100%;
    margin: 0 20px;
    padding-left: 15px;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__label:before {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: var(--directorist-color-body);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg);
            mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg);
    opacity: 0;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input:-ms-input-placeholder {
    opacity: 0;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-ms-input-placeholder {
    opacity: 0;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__btn {
    bottom: unset;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-filter-location-icon {
    margin-top: 0;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select,
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input {
    width: 100%;
    padding-left: 0;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select {
    width: calc(100% + 20px);
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle {
    left: 5px;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value {
    border-bottom: none;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value:focus-within {
    outline: none;
    border-bottom: 2px solid var(--directorist-color-primary);
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-text_range {
    padding: 5px 0;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search {
    width: auto;
    padding-left: 0;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap {
    left: 0;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) {
    margin: 0 40px;
  }
}
@media screen and (max-width: 575px) and (max-width: 575px) {
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select {
    width: calc(100% + 20px);
  }
}
@media screen and (max-width: 575px) {
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label {
    font-size: 0 !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: -25px;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label:before {
    opacity: 1;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input {
    bottom: 0;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-webkit-input-placeholder {
    opacity: 1;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-moz-placeholder {
    opacity: 1;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input:-ms-input-placeholder {
    opacity: 1;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-ms-input-placeholder {
    opacity: 1;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::placeholder {
    opacity: 1;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__btn {
    left: -20px;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear,
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon ~ .directorist-search-field__btn--clear {
    left: 5px !important;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select,
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input {
    padding-left: 0;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-location-js {
    padding-left: 30px;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel).atbdp-form-fade:after,
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon {
    margin-top: 0;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label {
    opacity: 0;
    font-size: 0 !important;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder {
    opacity: 0;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder {
    opacity: 0;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value {
    padding-left: 0;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select {
    width: 100%;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle {
    left: 0;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear {
    left: 20px !important;
  }
  .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-form-dropdown {
    margin-left: 20px !important;
    border-bottom: none;
  }
  .directorist-search-modal--basic .directorist-price-ranges:after {
    top: 30px;
  }
}
.directorist-search-modal--basic .open_now > label {
  display: none;
}
.directorist-search-modal--basic .open_now .check-btn,
.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges {
  padding: 10px 0;
}
.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn {
  display: block;
}
.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field {
  margin: 0;
  padding: 10px 0;
}
.directorist-search-modal--basic .directorist-checkbox-wrapper,
.directorist-search-modal--basic .directorist-radio-wrapper,
.directorist-search-modal--basic .directorist-search-tags {
  width: 100%;
  margin: 10px 0;
}
.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox,
.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio,
.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox,
.directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio,
.directorist-search-modal--basic .directorist-search-tags .directorist-checkbox,
.directorist-search-modal--basic .directorist-search-tags .directorist-radio {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.directorist-search-modal--basic .directorist-search-tags ~ .directorist-btn-ml {
  margin-bottom: 10px;
}
.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single {
  min-height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.directorist-search-modal--basic .directorist-search-field-pricing > label,
.directorist-search-modal--basic .directorist-search-field__number > label,
.directorist-search-modal--basic .directorist-search-field-text_range > label,
.directorist-search-modal--basic .directorist-search-field-price_range > label,
.directorist-search-modal--basic .directorist-search-field-radius_search > label {
  position: unset;
  -webkit-transform: unset;
          transform: unset;
  display: block;
  font-size: 14px;
  margin-bottom: 15px;
}
.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn {
  bottom: 12px;
}
.directorist-search-modal--full .directorist-search-field {
  -webkit-transition: margin 0.3s ease;
  transition: margin 0.3s ease;
}
.directorist-search-modal--full .directorist-search-field .directorist-search-field__label {
  font-size: 14px;
  font-weight: 400;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused {
  width: 100%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 40px;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label {
  top: -35px;
  -webkit-transform: unset;
          transform: unset;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  z-index: 1;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input {
  bottom: 0;
  width: 100%;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder {
  opacity: 1;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder {
  opacity: 1;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder {
  opacity: 1;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder {
  opacity: 1;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder {
  opacity: 1;
}
.directorist-search-modal--full .directorist-search-field-pricing > label,
.directorist-search-modal--full .directorist-search-field-text_range > label,
.directorist-search-modal--full .directorist-search-field-radius_search > label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 18px;
}
.directorist-search-modal__input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--directorist-color-border);
  border-radius: 8px;
  min-height: 40px;
  margin: 0 0 15px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.directorist-search-modal__input .directorist-select {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.directorist-search-modal__input .select2.select2-container .select2-selection,
.directorist-search-modal__input .directorist-form-group .directorist-form-element,
.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus {
  border: 0 none;
}
.directorist-search-modal__input__btn {
  width: 0;
  padding: 0 10px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.directorist-search-modal__input__btn .directorist-icon-mask::after {
  width: 14px;
  height: 14px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-color: var(--directorist-color-body);
}
.directorist-search-modal__input .input-is-focused.directorist-search-query::after {
  display: none;
}
.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder {
  opacity: 1;
}
.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder {
  opacity: 1;
}
.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder {
  opacity: 1;
}
.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder {
  opacity: 1;
}
.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder {
  opacity: 1;
}
.directorist-search-modal .directorist-checkbox-wrapper,
.directorist-search-modal .directorist-radio-wrapper,
.directorist-search-modal .directorist-search-tags {
  padding: 0;
  gap: 12px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 575px) {
  .directorist-search-modal .directorist-search-form-dropdown {
    padding: 0 !important;
  }
  .directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn {
    left: 0;
  }
}
.directorist-search-modal .directorist-search-form-dropdown.input-has-value, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused {
  margin-top: 0 !important;
}
.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input {
  bottom: 0 !important;
  padding-left: 25px;
}
.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label {
  opacity: 1 !important;
  visibility: visible;
  margin: 0;
  font-size: 14px !important;
  font-weight: 500;
}
.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item {
  font-weight: 600;
  margin-right: 5px;
}
.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 575px) {
  .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input {
    padding-left: 0 !important;
  }
  .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn {
    left: 25px !important;
  }
}
.directorist-search-modal .directorist-search-basic-dropdown {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  padding: 0;
  width: 100%;
  max-width: unset;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  position: unset !important;
  -webkit-transform: unset !important;
          transform: unset !important;
  color: var(--directorist-color-dark);
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) {
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--directorist-color-white);
  background-color: var(--directorist-color-primary);
  font-size: 10px;
  border-radius: 100%;
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after {
  width: 12px;
  height: 12px;
  background-color: #808080;
}
@media screen and (max-width: 575px) {
  .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before {
    right: -20px !important;
  }
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content {
  position: absolute;
  right: 0;
  width: 100%;
  min-width: 150px;
  padding: 15px 20px;
  border-radius: 8px;
  background-color: var(--directorist-color-white);
  -webkit-box-shadow: var(--directorist-box-shadow);
          box-shadow: var(--directorist-box-shadow);
  border: 1px solid var(--directorist-color-border-light);
  max-height: 250px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  z-index: 100;
  display: none;
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show {
  display: block;
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags {
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label {
  width: 100%;
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper,
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.directorist-search-modal .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: var(--directorist-color-dark);
}

.directorist-content-active.directorist-overlay-active {
  overflow: hidden;
}
.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection {
  border: 0 none !important;
}

/* Responsive CSS */
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .at-modal-content.at-modal-xl,
  .at-modal-content.at-modal-lg,
  .at-modal-content.at-modal-md,
  .at-modal-content.at-modal-sm {
    width: calc(100% - 60px);
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .at-modal-content.at-modal-xl,
  .at-modal-content.at-modal-lg,
  .at-modal-content.at-modal-md,
  .at-modal-content.at-modal-sm {
    width: calc(100% - 60px);
  }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .at-modal-content.at-modal-xl,
  .at-modal-content.at-modal-lg,
  .at-modal-content.at-modal-md,
  .at-modal-content.at-modal-sm {
    width: calc(100% - 60px);
  }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .at-modal-content.at-modal-xl,
  .at-modal-content.at-modal-lg,
  .at-modal-content.at-modal-md,
  .at-modal-content.at-modal-sm {
    width: calc(100% - 30px);
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

/* Alerts style */
.directorist-alert {
  font-size: 15px;
  word-break: break-word;
  border-radius: 8px;
  background-color: #f4f4f4;
  padding: 15px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.directorist-alert .directorist-icon-mask {
  margin-left: 5px;
}
.directorist-alert > a {
  padding-right: 5px;
}
.directorist-alert__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.directorist-alert__content span.la,
.directorist-alert__content span.fa,
.directorist-alert__content i {
  margin-left: 12px;
  line-height: 1.65;
}
.directorist-alert__content p {
  margin-bottom: 0;
}
.directorist-alert__close {
  padding: 0 5px;
  font-size: 20px !important;
  background: none !important;
  text-decoration: none;
  margin-right: auto !important;
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 1.2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.directorist-alert__close .la,
.directorist-alert__close .fa,
.directorist-alert__close i,
.directorist-alert__close span {
  font-size: 16px;
  margin-right: 10px;
  color: var(--directorist-color-danger);
}
.directorist-alert__close:focus {
  background-color: transparent;
  outline: none;
}
.directorist-alert a {
  text-decoration: none;
}

.directorist-alert.directorist-alert-primary {
  background: rgba(var(--directorist-color-primary-rgb), 0.1);
  color: var(--directorist-color-primary);
}
.directorist-alert.directorist-alert-primary .directorist-alert__close {
  color: var(--directorist-color-primary);
}
.directorist-alert.directorist-alert-info {
  background-color: #DCEBFE;
  color: #157CF6;
}
.directorist-alert.directorist-alert-info .directorist-alert__close {
  color: #157CF6;
}
.directorist-alert.directorist-alert-warning {
  background-color: #FEE9D9;
  color: #F56E00;
}
.directorist-alert.directorist-alert-warning .directorist-alert__close {
  color: #F56E00;
}
.directorist-alert.directorist-alert-danger {
  background-color: #FCD9D9;
  color: #E80000;
}
.directorist-alert.directorist-alert-danger .directorist-alert__close {
  color: #E80000;
}
.directorist-alert.directorist-alert-success {
  background-color: #D9EFDC;
  color: #009114;
}
.directorist-alert.directorist-alert-success .directorist-alert__close {
  color: #009114;
}
.directorist-alert--sm {
  padding: 10px 20px;
}

.alert-danger {
  background: rgba(232, 0, 0, 0.3);
}
.alert-danger.directorist-register-error {
  background: #FCD9D9;
  color: #E80000;
  border-radius: 3px;
}
.alert-danger.directorist-register-error .directorist-alert__close {
  color: #E80000;
}

/* Add listing notice alert */
.directorist-single-listing-notice .directorist-alert__content {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.directorist-single-listing-notice .directorist-alert__content button {
  cursor: pointer;
}
.directorist-single-listing-notice .directorist-alert__content button span {
  font-size: 20px;
}

.directorist-user-dashboard .directorist-container-fluid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-user-dashboard .directorist-alert-info .directorist-alert__close {
  cursor: pointer;
  padding-left: 0;
}

.directorist-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.9;
  padding: 0 5px;
  color: var(--directorist-color-white);
  text-transform: uppercase;
  border-radius: 5px;
}

.directorist-badge.directorist-badge-primary {
  background-color: var(--directorist-color-primary);
}
.directorist-badge.directorist-badge-warning {
  background-color: var(--directorist-color-warning);
}
.directorist-badge.directorist-badge-info {
  background-color: var(--directorist-color-info);
}
.directorist-badge.directorist-badge-success {
  background-color: var(--directorist-color-success);
}
.directorist-badge.directorist-badge-danger {
  background-color: var(--directorist-color-danger);
}
.directorist-badge.directorist-badge-light {
  background-color: var(--directorist-color-white);
}
.directorist-badge.directorist-badge-gray {
  background-color: #525768;
}

.directorist-badge.directorist-badge-primary-transparent {
  color: var(--directorist-color-primary);
  background-color: rgba(var(--directorist-color-primary-rgb), 0.15);
}
.directorist-badge.directorist-badge-warning-transparent {
  color: var(--directorist-color-warning);
  background-color: rgba(var(--directorist-color-warning-rgb), 0.15);
}
.directorist-badge.directorist-badge-info-transparent {
  color: var(--directorist-color-info);
  background-color: rgba(var(--directorist-color-info-rgb), 0.15);
}
.directorist-badge.directorist-badge-success-transparent {
  color: var(--directorist-color-success);
  background-color: rgba(var(--directorist-color-success-rgb), 0.15);
}
.directorist-badge.directorist-badge-danger-transparent {
  color: var(--directorist-color-danger);
  background-color: rgba(var(--directorist-color-danger-rgb), 0.15);
}
.directorist-badge.directorist-badge-light-transparent {
  color: var(--directorist-color-white);
  background-color: rgba(var(--directorist-color-white-rgb), 0.15);
}
.directorist-badge.directorist-badge-gray-transparent {
  color: var(--directorist-color-gray);
  background-color: rgba(var(--directorist-color-gray-rgb), 0.15);
}

.directorist-badge .directorist-badge-tooltip {
  position: absolute;
  top: -35px;
  height: 30px;
  line-height: 30px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0 20px;
  font-size: 12px;
  border-radius: 15px;
  color: var(--directorist-color-white);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.directorist-badge .directorist-badge-tooltip__featured {
  background-color: var(--directorist-color-featured-badge);
}
.directorist-badge .directorist-badge-tooltip__new {
  background-color: var(--directorist-color-new-badge);
}
.directorist-badge .directorist-badge-tooltip__popular {
  background-color: var(--directorist-color-popular-badge);
}
@media screen and (max-width: 480px) {
  .directorist-badge .directorist-badge-tooltip {
    height: 25px;
    line-height: 25px;
    font-size: 10px;
    padding: 0 15px;
  }
}
.directorist-badge:hover .directorist-badge-tooltip {
  opacity: 1;
  visibility: visible;
}

.directorist-checkbox,
.directorist-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.directorist-checkbox input[type=checkbox],
.directorist-checkbox input[type=radio],
.directorist-radio input[type=checkbox],
.directorist-radio input[type=radio] {
  display: none !important;
}
.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label,
.directorist-checkbox input[type=radio] + .directorist-checkbox__label,
.directorist-checkbox input[type=radio] + .directorist-radio__label,
.directorist-radio input[type=checkbox] + .directorist-checkbox__label,
.directorist-radio input[type=checkbox] + .directorist-radio__label,
.directorist-radio input[type=radio] + .directorist-checkbox__label,
.directorist-radio input[type=radio] + .directorist-radio__label {
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-right: 30px;
  margin-bottom: 0;
  margin-right: 0;
  line-height: 1.4;
  color: var(--directorist-color-body);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after,
.directorist-checkbox input[type=radio] + .directorist-checkbox__label:after,
.directorist-checkbox input[type=radio] + .directorist-radio__label:after,
.directorist-radio input[type=checkbox] + .directorist-checkbox__label:after,
.directorist-radio input[type=checkbox] + .directorist-radio__label:after,
.directorist-radio input[type=radio] + .directorist-checkbox__label:after,
.directorist-radio input[type=radio] + .directorist-radio__label:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid var(--directorist-color-gray);
  background-color: transparent;
}
@media only screen and (max-width: 575px) {
  .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label,
  .directorist-checkbox input[type=radio] + .directorist-checkbox__label,
  .directorist-checkbox input[type=radio] + .directorist-radio__label,
  .directorist-radio input[type=checkbox] + .directorist-checkbox__label,
  .directorist-radio input[type=checkbox] + .directorist-radio__label,
  .directorist-radio input[type=radio] + .directorist-checkbox__label,
  .directorist-radio input[type=radio] + .directorist-radio__label {
    line-height: 1.2;
    padding-right: 25px;
  }
  .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after,
  .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after,
  .directorist-checkbox input[type=radio] + .directorist-radio__label:after,
  .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after,
  .directorist-radio input[type=checkbox] + .directorist-radio__label:after,
  .directorist-radio input[type=radio] + .directorist-checkbox__label:after,
  .directorist-radio input[type=radio] + .directorist-radio__label:after {
    top: 1px;
    width: 16px;
    height: 16px;
  }
  .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after,
  .directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after,
  .directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after,
  .directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after,
  .directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after,
  .directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after,
  .directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after {
    width: 12px;
    height: 12px;
  }
}
.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after,
.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after,
.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after,
.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after,
.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after,
.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after,
.directorist-radio input[type=radio]:checked + .directorist-radio__label:after {
  background-color: var(--directorist-color-primary);
  border-color: var(--directorist-color-primary);
}
.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:before, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:before,
.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:before,
.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:before,
.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:before,
.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:before,
.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:before,
.directorist-radio input[type=radio]:checked + .directorist-radio__label:before {
  opacity: 1;
  visibility: visible;
}

.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before {
  position: absolute;
  right: 5px;
  top: 5px;
  content: "";
  -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg);
          mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 10px;
  height: 10px;
  background-color: var(--directorist-color-white);
  display: block;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 2;
}
@media only screen and (max-width: 575px) {
  .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before {
    top: 4px;
    right: 3px;
  }
}

.directorist-radio input[type=radio] + .directorist-radio__label:before {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--directorist-color-white);
  border: 0 none;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  content: "";
}
@media only screen and (max-width: 575px) {
  .directorist-radio input[type=radio] + .directorist-radio__label:before {
    right: 3px;
    top: 4px;
  }
}
.directorist-radio input[type=radio]:checked + .directorist-radio__label:after {
  background-color: var(--directorist-color-primary);
}
.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:before {
  -webkit-mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg);
          mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 10px;
  height: 10px;
  background-color: var(--directorist-color-white);
}

.directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after,
.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after,
.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after,
.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after,
.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after {
  border-radius: 50%;
}

.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-radio__label:after {
  background-color: var(--directorist-color-primary);
  border-color: var(--directorist-color-primary);
}
.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-radio__label:after {
  background-color: var(--directorist-color-secondary);
  border-color: var(--directorist-color-secondary);
}
.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-radio__label:after {
  background-color: var(--directorist-color-success);
  border-color: var(--directorist-color-success);
}
.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-radio__label:after {
  background-color: var(--directorist-color-primary);
  border-color: var(--directorist-color-primary);
}

.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:after {
  background-color: var(--directorist-color-white);
  border-color: var(--directorist-color-primary) !important;
}
.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:before {
  background-color: var(--directorist-color-primary) !important;
}
.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:after {
  background-color: var(--directorist-color-white);
  border-color: var(--directorist-color-secondary) !important;
}
.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:before {
  background-color: var(--directorist-color-secondary) !important;
}
.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:after {
  background-color: var(--directorist-color-white);
  border-color: #3e62f5 !important;
}
.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:before {
  background-color: #3e62f5 !important;
}

.directorist-checkbox-rating {
  gap: 20px;
  width: 100%;
  padding: 10px 0;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.directorist-checkbox-rating input[type=checkbox] + .directorist-checkbox__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.directorist-checkbox-rating .directorist-icon-mask:after {
  width: 14px;
  height: 14px;
  margin-top: 1px;
}

.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before {
  width: 10px;
  height: 10px;
  top: 5px;
  right: 5px;
  background-color: var(--directorist-color-white) !important;
}
.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:after {
  width: 20px;
  height: 20px;
  border-color: #C6D0DC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked + .directorist-radio__label:after {
  background-color: #3e62f5;
  border-color: #3e62f5;
}
.directorist-radio.directorist-radio-theme-admin .directorist-radio__label {
  padding-right: 35px !important;
}

.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:before {
  width: 8px;
  height: 8px;
  top: 6px !important;
  right: 6px !important;
  border-radius: 50%;
  background-color: var(--directorist-color-white) !important;
  content: "";
}
.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:after {
  width: 20px;
  height: 20px;
  border-color: #C6D0DC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked + .directorist-checkbox__label:after {
  background-color: var(--directorist-color-primary);
  border-color: var(--directorist-color-primary);
}
.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label {
  padding-right: 35px !important;
}

.directorist-switch {
  position: relative;
  display: block;
}
.directorist-switch input[type=checkbox]:before {
  display: none;
}
.directorist-switch .directorist-switch-input {
  position: absolute;
  right: 0;
  z-index: -1;
  width: 24px;
  height: 25px;
  opacity: 0;
}
.directorist-switch .directorist-switch-input:checked + .directorist-switch-label {
  color: #1A1B29;
  font-weight: 500;
}
.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:before {
  background-color: var(--directorist-color-primary);
}
.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:after {
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}
.directorist-switch .directorist-switch-label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 400;
  padding-right: 65px;
  margin-right: 0;
  color: var(--directorist-color-body);
}
.directorist-switch .directorist-switch-label:before {
  content: "";
  position: absolute;
  top: 0.75px;
  right: 4px;
  display: block;
  width: 44px;
  height: 24px;
  border-radius: 15px;
  pointer-events: all;
  background-color: #ECECEC;
}
.directorist-switch .directorist-switch-label:after {
  position: absolute;
  display: block;
  content: "";
  background: no-repeat 50%/50% 50%;
  top: 4.75px;
  right: 8px;
  background-color: var(--directorist-color-white) !important;
  width: 16px;
  height: 16px;
  background-color: var(--directorist-color-white);
  -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15);
          box-shadow: 0 0 4px rgba(143, 142, 159, 0.15);
  border-radius: 15px;
  transition: transform 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-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.directorist-switch.directorist-switch-primary .directorist-switch-input:checked + .directorist-switch-label::before {
  background-color: var(--directorist-color-primary);
}
.directorist-switch.directorist-switch-success.directorist-switch-input:checked + .directorist-switch-label::before {
  background-color: var(--directorist-color-success);
}
.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + .directorist-switch-label::before {
  background-color: var(--directorist-color-secondary);
}
.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + .directorist-switch-label::before {
  background-color: var(--directorist-color-danger);
}
.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + .directorist-switch-label::before {
  background-color: var(--directorist-color-warning);
}
.directorist-switch.directorist-switch-info.directorist-switch-input:checked + .directorist-switch-label::before {
  background-color: var(--directorist-color-info);
}

.directorist-switch-Yn {
  font-size: 15px;
  padding: 3px;
  position: relative;
  display: inline-block;
  border: 1px solid #e9e9e9;
  border-radius: 17px;
}
.directorist-switch-Yn span {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
  line-height: 27px;
  padding: 5px 10.5px;
  font-weight: 500;
}
.directorist-switch-Yn input[type=checkbox] {
  display: none;
}
.directorist-switch-Yn input[type=checkbox]:checked + .directorist-switch-yes {
  background-color: #3E62F5;
  color: var(--directorist-color-white);
}
.directorist-switch-Yn input[type=checkbox]:checked + span + .directorist-switch-no {
  background-color: transparent;
  color: #9b9eaf;
}
.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes {
  background-color: transparent;
  color: #9b9eaf;
}
.directorist-switch-Yn input[type=checkbox] + span + .directorist-switch-no {
  background-color: #fb6665;
  color: var(--directorist-color-white);
}
.directorist-switch-Yn .directorist-switch-yes {
  border-radius: 0 15px 15px 0;
}
.directorist-switch-Yn .directorist-switch-no {
  border-radius: 15px 0 0 15px;
}

.select2-selection__arrow,
.select2-selection__clear {
  display: none !important;
}

.directorist-select2-addons-area {
  position: absolute;
  left: 5px;
  top: 50%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 8;
}

.directorist-select2-addon {
  padding: 0 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.directorist-select2-dropdown-toggle {
  height: auto;
  width: 25px;
}

.directorist-select2-dropdown-close {
  height: auto;
  width: 25px;
}
.directorist-select2-dropdown-close .directorist-icon-mask::after {
  width: 15px;
  height: 15px;
}

.directorist-select2-addon .directorist-icon-mask::after {
  width: 13px;
  height: 13px;
}

.reset-pseudo-link:visited, .atbdp-nav-link:visited, .cptm-modal-action-link:visited, .cptm-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-link-light:visited, .cptm-header-nav__list-item-link:visited, .cptm-btn:visited, .reset-pseudo-link:active, .atbdp-nav-link:active, .cptm-modal-action-link:active, .cptm-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-link-light:active, .cptm-header-nav__list-item-link:active, .cptm-btn:active, .reset-pseudo-link:focus, .atbdp-nav-link:focus, .cptm-modal-action-link:focus, .cptm-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-link-light:focus, .cptm-header-nav__list-item-link:focus, .cptm-btn:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cptm-shortcodes {
  max-height: 300px;
  overflow: scroll;
}

.directorist-center-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.directorist-center-content-inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.directorist-center-content,
.directorist-center-content-inline {
  -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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.directorist-text-right {
  text-align: left;
}

.directorist-text-center {
  text-align: center;
}

.directorist-text-left {
  text-align: right;
}

.directorist-mt-0 {
  margin-top: 0 !important;
}

.directorist-mt-5 {
  margin-top: 5px !important;
}

.directorist-mt-10 {
  margin-top: 10px !important;
}

.directorist-mt-15 {
  margin-top: 15px !important;
}

.directorist-mt-20 {
  margin-top: 20px !important;
}

.directorist-mt-30 {
  margin-top: 30px !important;
}

.directorist-mb-0 {
  margin-bottom: 0 !important;
}

.directorist-mb-35 {
  margin-bottom: 35px !important;
}

.directorist-mb-30 {
  margin-bottom: 30px !important;
}

.directorist-mb-25 {
  margin-bottom: 25px !important;
}

.directorist-mb-20 {
  margin-bottom: 20px !important;
}

.directorist-mb-n20 {
  margin-bottom: -20px !important;
}

.directorist-mb-10 {
  margin-bottom: 10px !important;
}

.directorist-mb-15 {
  margin-bottom: 15px !important;
}

.directorist-mb-20 {
  margin-bottom: 20px !important;
}

.directorist-mb-30 {
  margin-bottom: 30px !important;
}

.directorist-mb-35 {
  margin-bottom: 35px !important;
}

.directorist-mb-40 {
  margin-bottom: 40px !important;
}

.directorist-mb-50 {
  margin-bottom: 50px !important;
}

.directorist-mb-70 {
  margin-bottom: 70px !important;
}

.directorist-mb-80 {
  margin-bottom: 80px !important;
}

.directorist-pb-100 {
  padding-bottom: 100px !important;
}

.directorist-w-100 {
  width: 100% !important;
  max-width: 100% !important;
}

.directorist-draggable-list-item-wrapper {
  position: relative;
  height: 100%;
}

.directorist-droppable-area-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 888888888;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: -20px;
}

.directorist-droppable-area {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.directorist-droppable-item-preview {
  height: 52px;
  background-color: rgba(44, 153, 255, 0.1);
  margin-bottom: 20px;
  margin-left: 0;
  border-radius: 4px;
}

.directorist-droppable-item-preview-before {
  margin-bottom: 20px;
}

.directorist-droppable-item-preview-after {
  margin-bottom: 20px;
}

/* Create Directory Type */
.directorist-directory-type-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 15px 30px;
  padding: 0 20px;
  background: white;
  min-height: 60px;
  border-bottom: 1px solid #e5e7eb;
  position: fixed;
  left: 0;
  top: 32px;
  width: calc(100% - 200px);
  z-index: 9999;
}
.directorist-directory-type-top:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  height: 10px;
  width: 100%;
  background-color: #f3f4f6;
}
@media only screen and (max-width: 782px) {
  .directorist-directory-type-top {
    position: relative;
    width: calc(100% + 20px);
    top: -10px;
    right: -10px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (max-width: 480px) {
  .directorist-directory-type-top {
    padding: 10px 30px;
  }
}
.directorist-directory-type-top-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 24px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .directorist-directory-type-top-left {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.directorist-directory-type-top-left .cptm-form-group {
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback {
  white-space: nowrap;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control {
  height: 36px;
  border-radius: 8px;
  background: #e5e7eb;
  max-width: 150px;
  padding: 10px 16px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-webkit-input-placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-moz-placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control:-ms-input-placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-ms-input-placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback .cptm-form-alert {
  padding: 0;
}
.directorist-directory-type-top-left .directorist-back-directory {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.directorist-directory-type-top-left .directorist-back-directory svg {
  width: 14px;
  height: 14px;
  color: inherit;
}
.directorist-directory-type-top-left .directorist-back-directory:hover {
  color: #3e62f5;
}
.directorist-directory-type-top-right .directorist-create-directory {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  text-decoration: none;
  padding: 0 24px;
  height: 40px;
  border: 1px solid #3e62f5;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1);
          box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1);
  background-color: #3e62f5;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.directorist-directory-type-top-right .directorist-create-directory:hover {
  background-color: #5a7aff;
  border-color: #5a7aff;
}
.directorist-directory-type-top-right .cptm-btn {
  margin: 0;
}

.directorist-type-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #141921;
  line-height: 16px;
}
.directorist-type-name span {
  font-size: 20px;
  color: #747c89;
}

.directorist-type-name-editable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.directorist-type-name-editable span {
  font-size: 20px;
  color: #747c89;
}
.directorist-type-name-editable span:hover {
  color: #3e62f5;
}

.directorist-directory-type-bottom {
  position: fixed;
  bottom: 0;
  left: 20px;
  width: calc(100% - 204px);
  height: calc(100% - 115px);
  overflow-y: auto;
  z-index: 1;
  background: white;
  margin-top: 67px;
  border-radius: 8px 8px 0 0;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08);
          box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08);
}
@media only screen and (max-width: 782px) {
  .directorist-directory-type-bottom {
    position: unset;
    width: 100%;
    height: auto;
    overflow-y: visible;
    margin-top: 20px;
  }
  .directorist-directory-type-bottom .atbdp-cptm-body {
    margin: 0 20px 20px !important;
  }
}
.directorist-directory-type-bottom .cptm-header-navigation {
  position: fixed;
  left: 20px;
  top: 113px;
  width: calc(100% - 202px);
  background: #ffffff;
  border: 1px solid #e5e7eb;
  gap: 0 32px;
  padding: 0 30px;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  border-radius: 8px 8px 0 0;
  overflow-x: auto;
  z-index: 100;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .directorist-directory-type-bottom .cptm-header-navigation {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 782px) {
  .directorist-directory-type-bottom .cptm-header-navigation {
    position: unset;
    width: 100%;
    border: none;
  }
}
.directorist-directory-type-bottom .atbdp-cptm-body {
  position: relative;
  margin-top: 72px;
}
@media only screen and (max-width: 600px) {
  .directorist-directory-type-bottom .atbdp-cptm-body {
    margin-top: 0;
  }
}

.wp-admin.folded .directorist-directory-type-top {
  width: calc(100% - 78px);
}
@media only screen and (max-width: 782px) {
  .wp-admin.folded .directorist-directory-type-top {
    width: calc(100% - 40px);
  }
}
.wp-admin.folded .directorist-directory-type-bottom {
  width: calc(100% - 80px);
}
.wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation {
  width: calc(100% - 78px);
}
@media only screen and (max-width: 782px) {
  .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation {
    width: 100%;
    border-width: 0 0 1px 0;
  }
}

.directorist-draggable-form-list-wrap {
  margin-left: 50px;
}

/* Body Header */
.directorist-form-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 26px;
}
.directorist-form-action__modal-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -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;
  gap: 6px;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  background: transparent;
  color: #4d5761;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-transform: capitalize;
}
.directorist-form-action__modal-btn svg {
  width: 14px;
  height: 14px;
  color: inherit;
}
.directorist-form-action__modal-btn:hover {
  color: #217aef;
  background: #eff8ff;
  border-color: #bee3ff;
}
.directorist-form-action__link {
  margin-top: 2px;
  font-size: 12px;
  font-weight: 500;
  color: #1b50b2;
  line-height: 20px;
  letter-spacing: 0.12px;
  text-decoration: underline;
}
.directorist-form-action__view {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
  gap: 6px;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  background: transparent;
  color: #4d5761;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.12px;
  text-transform: capitalize;
}
.directorist-form-action__view svg {
  width: 14px;
  height: 14px;
  color: inherit;
}
.directorist-form-action__view:hover {
  color: #217aef;
  background: #eff8ff;
  border-color: #bee3ff;
}
.directorist-form-action__view:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cptm-form-note {
  margin-bottom: 30px;
  padding: 30px;
  background-color: #dcebfe;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cptm-form-note i {
  font-size: 30px;
  opacity: 0.2;
  margin-left: 15px;
}
.cptm-form-note .cptm-form-note-title {
  margin-top: 0;
  color: #157cf6;
}
.cptm-form-note .cptm-form-note-content {
  margin: 5px 0;
}
.cptm-form-note .cptm-form-note-content a {
  color: #157cf6;
}

#atbdp_cpt_options_metabox .inside {
  margin: 0;
  padding: 0;
}
#atbdp_cpt_options_metabox .postbox-header {
  display: none;
}

.atbdp-cpt-manager {
  position: relative;
  display: block;
  color: #23282d;
}
.atbdp-cpt-manager.directorist-overlay-visible {
  position: fixed;
  z-index: 9;
  width: calc(100% - 200px);
}
.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top,
.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation {
  z-index: 1;
}
.atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields {
  z-index: 11;
}

.atbdp-cptm-header {
  display: block;
}
.atbdp-cptm-header .cptm-form-group .cptm-form-control {
  height: 50px;
  font-size: 20px;
}

.atbdp-cptm-body {
  display: block;
}

.cptm-field-wraper-key-preview_image .cptm-btn {
  margin: 0 10px;
  height: 40px;
  color: #23282d !important;
  background-color: #dadce0 !important;
  border-radius: 4px !important;
  border: 0 none;
  font-weight: 500;
  padding: 0 30px;
}

.atbdp-cptm-footer {
  display: block;
  padding: 24px 0 0;
  margin: 0 30px 0 50px;
  border-top: 1px solid #e5e7eb;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 20px;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #4d5761;
  cursor: pointer;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 20px;
  border-radius: 30px;
  background: #d2d6db;
  border: 3px solid #d2d6db;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:after {
  content: "";
  position: absolute;
  left: 19px;
  top: 3px;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border-radius: 100%;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle {
  display: none;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:before {
  background-color: #3e62f5;
  border-color: #3e62f5;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:after {
  left: 3px;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc {
  font-size: 12px;
  font-weight: 400;
  color: #747c89;
}

.atbdp-cptm-footer-actions {
  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-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.atbdp-cptm-footer-actions .cptm-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-weight: 500;
  font-size: 15px;
  height: 48px;
  padding: 0 30px;
  margin: 0;
}
.atbdp-cptm-footer-actions .cptm-save-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -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;
}

.cptm-title-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
  padding: 15px 10px;
  background-color: #fff;
}

.cptm-card-preview-widget .cptm-title-bar {
  margin: 0;
}

.cptm-title-bar-headings {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 10px;
}

.cptm-title-bar-actions {
  min-width: 100px;
  max-width: 220px;
  padding: 10px;
}

.cptm-label-btn {
  display: inline-block;
}

.cptm-btn,
.cptm-btn.cptm-label-btn {
  margin: 0 5px 10px;
  display: inline-block;
  text-align: center;
  border: 1px solid transparent;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  vertical-align: top;
}
.cptm-btn:disabled,
.cptm-btn.cptm-label-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.cptm-btn.cptm-label-btn {
  display: inline-block;
  vertical-align: top;
}
.cptm-btn.cptm-btn-rounded {
  border-radius: 30px;
}
.cptm-btn.cptm-btn-primary {
  color: #fff;
  border-color: #3e62f5;
  background-color: #3e62f5;
}
.cptm-btn.cptm-btn-primary:hover {
  background-color: #345af4;
}
.cptm-btn.cptm-btn-secondery {
  color: #3e62f5;
  border-color: #3e62f5;
  background-color: transparent;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 15px !important;
}
.cptm-btn.cptm-btn-secondery:hover {
  color: #fff;
  background-color: #3e62f5;
}

.cptm-file-input-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-file-input-wrap .cptm-btn {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-btn-box {
  display: block;
}

.cptm-form-builder-group-field-drop-area {
  display: block;
  padding: 14px 20px;
  border-radius: 4px;
  margin: 16px 0 0;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #747c89;
  background-color: #f9fafb;
  font-style: italic;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  border: 1px dashed #d2d6db;
  -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08);
          box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08);
}
.cptm-form-builder-group-field-drop-area:first-child {
  margin-top: 0;
}
.cptm-form-builder-group-field-drop-area.drag-enter {
  color: #3e62f5;
  background-color: #d8e0fd;
  border-color: #3e62f5;
}

.cptm-form-builder-group-field-drop-area-label {
  margin: 0;
  pointer-events: none;
}

.atbdp-cptm-status-feedback {
  position: fixed;
  top: 70px;
  right: calc(50% + 150px);
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  min-width: 300px;
  z-index: 9999;
}
@media screen and (max-width: 960px) {
  .atbdp-cptm-status-feedback {
    right: calc(50% + 100px);
  }
}
@media screen and (max-width: 782px) {
  .atbdp-cptm-status-feedback {
    right: 50%;
  }
}

.cptm-alert {
  position: relative;
  padding: 14px 52px 14px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #053e29;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1);
          box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1);
}
.cptm-alert:before {
  content: "";
  position: absolute;
  top: 14px;
  right: 24px;
  font-size: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.cptm-alert-success {
  background-color: #ecfdf3;
  border: 1px solid #14b570;
}
.cptm-alert-success:before {
  content: "\f058";
  color: #14b570;
}

.cptm-alert-error {
  background-color: #f3d6d6;
  border: 1px solid #c51616;
}
.cptm-alert-error:before {
  content: "\f057";
  color: #c51616;
}

.cptm-dropable-element {
  position: relative;
}

.cptm-dropable-base-element {
  display: block;
  position: relative;
  padding: 0;
  -webkit-transition: ease-in-out all 300ms;
  transition: ease-in-out all 300ms;
}

.cptm-dropable-area {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
}

.cptm-dropable-placeholder {
  padding: 0;
  margin: 0;
  height: 0;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  background: RGBA(61, 98, 245, 0.45);
}
.cptm-dropable-placeholder.active {
  padding: 10px 15px;
  margin: 0;
  height: 30px;
}

.cptm-dropable-inside {
  padding: 10px;
}

.cptm-dropable-area-inside {
  display: block;
  height: 100%;
}

.cptm-dropable-area-right {
  display: block;
}

.cptm-dropable-area-left {
  display: block;
}

.cptm-dropable-area-right,
.cptm-dropable-area-left {
  display: block;
  float: right;
  width: 50%;
  height: 100%;
}

.cptm-dropable-area-top {
  display: block;
}

.cptm-dropable-area-bottom {
  display: block;
}

.cptm-dropable-area-top,
.cptm-dropable-area-bottom {
  display: block;
  width: 100%;
  height: 50%;
}

.cptm-header-navigation {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  .cptm-header-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.cptm-header-nav__list-item {
  margin: 0;
  display: inline-block;
  list-style: none;
  text-align: center;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 480px) {
  .cptm-header-nav__list-item {
    width: 100%;
  }
}

.cptm-header-nav__list-item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  text-decoration: none;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  position: relative;
  color: #4d5761;
  font-weight: 500;
  padding: 24px 0;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .cptm-header-nav__list-item-link {
    padding: 16px 0;
  }
}
.cptm-header-nav__list-item-link:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: calc(100% + 55px);
  height: 3px;
  background-color: transparent;
  border-radius: 2px 2px 0 0;
}
.cptm-header-nav__list-item-link .cptm-header-nav__icon {
  font-size: 24px;
}
.cptm-header-nav__list-item-link.active {
  font-weight: 600;
}
.cptm-header-nav__list-item-link.active:before {
  background-color: #3e62f5;
}
.cptm-header-nav__list-item-link.active .cptm-header-nav__icon,
.cptm-header-nav__list-item-link.active .cptm-header-nav__label {
  color: #3e62f5;
}

.cptm-header-nav__icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cptm-header-nav__icon svg {
  width: 24px;
  height: 24px;
}

.cptm-header-nav__label {
  display: block;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  font-size: 14px;
  font-weight: 500;
}

.cptm-title-area {
  margin-bottom: 20px;
}

.submission-form .cptm-title-area {
  width: 100%;
}

.tab-general .cptm-title-area {
  margin-right: 0;
}

.cptm-link-light {
  color: #fff;
}
.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active {
  color: #fff;
}

.cptm-color-white {
  color: #fff;
}

.cptm-my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.cptm-mb-60 {
  margin-bottom: 60px;
}

.cptm-mr-5 {
  margin-left: 5px;
}

.cptm-title {
  margin: 0;
  font-size: 19px;
  font-weight: 600;
  color: #141921;
  line-height: 1.2;
}

.cptm-des {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #4d5761;
  margin-top: 10px;
}

.atbdp-cptm-tab-contents {
  width: 100%;
  display: block;
  background-color: #fff;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header {
  margin-top: 92px;
}
@media only screen and (max-width: 782px) {
  .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header {
    margin-top: 20px;
  }
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation {
  width: auto;
  max-width: 658px;
  margin: 0 auto;
  gap: 16px;
  padding: 0;
  border-radius: 8px 8px 0 0;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  border-bottom: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link {
  height: 47px;
  padding: 0 8px;
  border: none;
  border-radius: 0;
  position: relative;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background: transparent;
  border-radius: 2px 2px 0 0;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active {
  color: #3e62f5;
  background: transparent;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover svg path, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active svg path {
  stroke: #3e62f5;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover:before, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active:before {
  background: #3e62f5;
}

.atbdp-cptm-tab-item {
  display: none;
}
.atbdp-cptm-tab-item.active {
  display: block;
}

.cptm-tab-content-header {
  position: relative;
  background: transparent;
  max-width: 100%;
  margin: 82px auto 0;
}
@media only screen and (max-width: 782px) {
  .cptm-tab-content-header {
    margin-top: 0;
  }
}
.cptm-tab-content-header .cptm-tab-content-header__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 32px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 11;
}
@media only screen and (max-width: 991px) {
  .cptm-tab-content-header .cptm-tab-content-header__action {
    left: 25px;
  }
}
@media only screen and (max-width: 782px) {
  .cptm-tab-content-header .cptm-sub-navigation {
    padding-left: 70px;
    margin-top: 20px;
  }
  .cptm-tab-content-header .cptm-tab-content-header__action {
    top: 0;
    -webkit-transform: unset;
            transform: unset;
  }
}
@media only screen and (max-width: 480px) {
  .cptm-tab-content-header .cptm-sub-navigation {
    margin-top: 0;
  }
  .cptm-tab-content-header .cptm-tab-content-header__action {
    left: 0;
  }
}

.cptm-tab-content-body {
  display: block;
}

.cptm-tab-content {
  position: relative;
  margin: 0 auto;
  min-height: 500px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-tab-content.tab-wide {
  max-width: 1080px;
}
.cptm-tab-content.tab-short-wide {
  max-width: 600px;
}
.cptm-tab-content.tab-full-width {
  max-width: 100%;
}
.cptm-tab-content.cptm-tab-content-general {
  top: 32px;
  padding: 32px 30px 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin: 0 auto 70px;
}
@media only screen and (max-width: 960px) {
  .cptm-tab-content.cptm-tab-content-general {
    max-width: 100%;
    margin: 0 20px 52px;
  }
}
@media only screen and (max-width: 782px) {
  .cptm-tab-content.cptm-tab-content-general {
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  .cptm-tab-content.cptm-tab-content-general {
    top: 0;
  }
}

.cptm-short-wide {
  max-width: 550px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cptm-tab-sub-content-item {
  margin: 0 auto;
  display: none;
}
.cptm-tab-sub-content-item.active {
  display: block;
}

.cptm-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}

.cptm-col-5 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(42.66% - 30px);
  padding: 0 15px;
}
@media (max-width: 767px) {
  .cptm-col-5 {
    width: calc(100% - 30px);
    margin-bottom: 30px;
  }
}

.cptm-col-6 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(50% - 30px);
  padding: 0 15px;
}
@media (max-width: 767px) {
  .cptm-col-6 {
    width: calc(100% - 30px);
    margin-bottom: 30px;
  }
}

.cptm-col-7 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(57.33% - 30px);
  padding: 0 15px;
}
@media (max-width: 767px) {
  .cptm-col-7 {
    width: calc(100% - 30px);
    margin-bottom: 30px;
  }
}

.cptm-section {
  position: relative;
  z-index: 10;
}
.cptm-section.cptm-section--disabled .cptm-builder-section {
  opacity: 0.6;
  pointer-events: none;
}
.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container {
  height: 100%;
  padding-bottom: 400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-section.single_listing_header {
  border-top: 1px solid #e5e7eb;
}
.cptm-section.search_form_fields .directorist-form-action, .cptm-section.submission_form_fields .directorist-form-action {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}
.cptm-section.preview_mode {
  position: absolute;
  left: 24px;
  bottom: 18px;
  width: calc(100% - 420px);
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.cptm-section.preview_mode:before {
  content: "";
  position: absolute;
  top: 0;
  right: 43px;
  height: 1px;
  width: calc(100% - 86px);
  background-color: #f3f4f6;
}
@media only screen and (min-width: 1441px) {
  .cptm-section.preview_mode {
    width: calc(65% - 49px);
  }
}
@media only screen and (max-width: 1024px) {
  .cptm-section.preview_mode {
    width: calc(100% - 49px);
  }
}
@media only screen and (max-width: 480px) {
  .cptm-section.preview_mode {
    width: 100%;
    position: unset;
    margin-top: 20px;
  }
}
.cptm-section.preview_mode .cptm-title-area {
  display: none;
}
.cptm-section.preview_mode .cptm-input-toggle-wrap {
  gap: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.cptm-section.preview_mode .directorist-footer-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  background-color: #f5f6f7;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
@media only screen and (max-width: 575px) {
  .cptm-section.preview_mode .directorist-footer-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.cptm-section.preview_mode .directorist-footer-wrap .directorist-input-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: #141921;
}
.cptm-section.preview_mode .directorist-footer-wrap .directorist-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn {
  position: relative;
  margin: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  font-size: 12px;
  font-weight: 500;
  color: #4d5761;
  border-color: #e5e7eb;
  background-color: #ffffff;
  border-radius: 6px;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:before {
  content: attr(data-info);
  position: absolute;
  top: calc(100% + 8px);
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 12px;
  border-radius: 6px;
  background-color: #141921;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:after {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  border-bottom: 6px solid #141921;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon {
  font-size: 16px;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover .cptm-save-icon {
  opacity: 1;
  visibility: visible;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:before, .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:after {
  opacity: 1;
  visibility: visible;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group {
  margin: 0;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group .cptm-form-control {
  height: 32px;
  padding: 0 20px;
  font-size: 12px;
  font-weight: 500;
  color: #4d5761;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper, .cptm-section.listings_card_list_view .cptm-form-field-wrapper {
  max-width: 658px;
  margin: 0 auto;
  padding: 24px;
  margin-bottom: 32px;
  border-radius: 0 0 8px 8px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
  .cptm-section.listings_card_grid_view .cptm-form-field-wrapper, .cptm-section.listings_card_list_view .cptm-form-field-wrapper {
    padding: 16px;
  }
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area {
  max-width: 100%;
  padding: 12px 20px;
  margin-bottom: 16px;
  background: #f3f4f6;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area .tab-field, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area .tab-field {
  margin: 0;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 480px) {
  .cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-title, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-title {
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: #141921;
  margin: 0 0 4px;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-description, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-description {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #4d5761;
  margin: 0;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-form-group, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-form-group {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget {
  max-width: unset;
  padding: 0;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08);
          box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08);
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-card-preview-widget-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-card-preview-widget-content {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header {
  position: relative;
  height: 328px;
  padding: 16px 16px 24px;
  background: #e5e7eb;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-widget-preview-area, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-placeholder-block, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-placeholder-block {
  padding-bottom: 32px;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-placeholder-block, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-placeholder-block {
  max-width: 100%;
  background: #f3f4f6;
  border: 1px dashed #d2d6db;
  border-radius: 4px;
  min-height: 72px;
  padding-bottom: 32px;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-placeholder-block .cptm-widget-preview-container, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-placeholder-block .cptm-widget-preview-container {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list, .cptm-section.listings_card_list_view .cptm-form-group-tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 0;
  border: none;
  background: transparent;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-item, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link {
  position: relative;
  height: unset;
  padding: 8px 40px 8px 26px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link:before, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #a1a9b2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border ease 0.3s;
  transition: border ease 0.3s;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link svg, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link svg {
  border: 1px solid #d2d6db;
  border-radius: 4px;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active {
  border-color: #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active:before, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active:before {
  border: 5px solid #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg {
  border-color: #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect {
  fill: #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect:first-of-type, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect:first-of-type {
  stroke: #3e62f5;
  fill: #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg path, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg path {
  fill: #fff;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .grid_view_without_thumbnail .cptm-form-group-tab-link.active svg rect,
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .list_view_without_thumbnail .cptm-form-group-tab-link.active svg rect, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .grid_view_without_thumbnail .cptm-form-group-tab-link.active svg rect,
.cptm-section.listings_card_list_view .cptm-form-group-tab-list .list_view_without_thumbnail .cptm-form-group-tab-link.active svg rect {
  fill: #3e62f5;
  stroke: unset;
}
.cptm-section.listings_card_grid_view .cptm-card-preview-widget {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.cptm-section.listings_card_grid_view .cptm-card-preview-widget-content {
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843);
          box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843);
}
.cptm-section.listings_card_list_view .cptm-card-top-area {
  max-width: unset;
}
.cptm-section.listings_card_list_view .cptm-card-preview-thumbnail {
  border-radius: 10px;
}
.cptm-section.new_listing_status {
  z-index: 11;
}
.cptm-section:last-child {
  margin-bottom: 0;
}

.cptm-form-builder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .cptm-form-builder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  .cptm-form-builder .cptm-form-builder-sidebar {
    max-width: 100%;
  }
}
.cptm-form-builder.submission_form_fields .cptm-form-builder-content {
  border-bottom: 25px solid #f3f4f6;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder.submission_form_fields {
    gap: 30px;
  }
  .cptm-form-builder.submission_form_fields .cptm-col-sticky {
    position: unset;
    border: none;
  }
  .cptm-form-builder.submission_form_fields .cptm-col-sticky .cptm-form-builder-sidebar-content {
    padding: 0;
  }
  .cptm-form-builder.submission_form_fields .cptm-col-sticky .cptm-form-builder-active-fields-container {
    padding-bottom: 0;
  }
}
.cptm-form-builder.single_listings_contents {
  border-top: 1px solid #e5e7eb;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder.search_form_fields .cptm-col-sticky {
    position: unset;
    border: none;
  }
  .cptm-form-builder.search_form_fields .cptm-col-sticky .cptm-form-builder-sidebar-content {
    padding: 0;
  }
  .cptm-form-builder.search_form_fields .cptm-col-sticky .cptm-form-builder-active-fields-container {
    padding-bottom: 0;
  }
}

.cptm-form-builder-sidebar {
  width: 100%;
  max-width: 372px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 1441px) {
  .cptm-form-builder-sidebar {
    max-width: 35%;
  }
}
.cptm-form-builder-sidebar .cptm-form-builder-action {
  padding-bottom: 0;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-sidebar .cptm-form-builder-action {
    padding: 20px 0;
  }
}
.cptm-form-builder-sidebar .cptm-form-builder-sidebar-content {
  padding: 12px 24px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cptm-form-builder-content {
  height: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #f3f4f6;
  border-right: 1px solid #e5e7eb;
}
.cptm-form-builder-content .cptm-form-builder-action {
  border-bottom: 1px solid #e5e7eb;
}
.cptm-form-builder-content .cptm-form-builder-active-fields {
  padding: 24px;
  background: #f3f4f6;
  height: 100%;
  min-height: calc(100vh - 225px);
}
@media only screen and (max-width: 1399px) {
  .cptm-form-builder-content .cptm-form-builder-active-fields {
    min-height: calc(100vh - 225px);
  }
}

.cptm-form-builder-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 24px;
  background: #ffffff;
}

.cptm-form-builder-action-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #141921;
}

.cptm-form-builder-action-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 0 12px;
  color: #141921;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d2d6db;
  border-radius: 4px;
}

.cptm-elements-settings .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after,
.cptm-form-builder-sidebar .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after {
  width: 200px;
  height: auto;
  min-height: 34px;
  white-space: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cptm-form-builder-preset-fields:not(:last-child) {
  margin-bottom: 40px;
}

.cptm-form-builder-preset-fields-header-action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin: 0 0 12px;
}
.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon {
  font-size: 20px;
}
.cptm-form-builder-preset-fields-header-action-link:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cptm-form-builder-preset-fields-header-action-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  font-weight: 600;
  color: #4d5761;
}

.cptm-form-builder-preset-fields-header-action-link {
  color: #747c89;
}

.cptm-title-3 {
  margin: 0;
  color: #272b41;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: 500;
  font-size: 18px;
}

.cptm-description-text {
  margin: 5px 0 20px;
  color: #5a5f7d;
  font-size: 15px;
}

.cptm-form-builder-active-fields {
  display: block;
  height: 100%;
}
.cptm-form-builder-active-fields.empty-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  height: calc(100vh - 200px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-container {
  height: auto;
}
.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-empty-text {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  font-style: italic;
  color: #4d5761;
  margin: 12px 0 0;
}
.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-footer {
  text-align: center;
}
.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-footer .cptm-btn {
  margin: 10px auto;
}
.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper {
  height: auto;
  z-index: auto;
}
.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper:hover {
  z-index: 1;
}
.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn {
  border: 1px solid #3e62f5;
  height: 43px;
  background: rgba(62, 98, 245, 0.1);
  color: #3e62f5;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 22px;
}
.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary {
  background: #3e62f5;
  color: #fff;
}

.cptm-form-builder-active-fields-container {
  position: relative;
  margin: 0;
  z-index: 1;
}

.cptm-form-builder-active-fields-footer {
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .cptm-form-builder-active-fields-footer {
    text-align: right;
  }
}
@media only screen and (max-width: 991px) {
  .cptm-form-builder-active-fields-footer .cptm-btn {
    margin-right: 0;
  }
}
.cptm-form-builder-active-fields-footer .cptm-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  height: 40px;
  color: #3e62f5;
  background: #ffffff;
  border: 0 none;
  margin: 16px 0 0;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  border: 1px solid #3e62f5;
  -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
          box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}
.cptm-form-builder-active-fields-footer .cptm-btn span {
  font-size: 16px;
}

.cptm-form-builder-active-fields-group {
  position: relative;
  margin-bottom: 6px;
  padding-bottom: 0;
}

.cptm-form-builder-group-header-section {
  position: relative;
}
.cptm-form-builder-group-header-section.expanded .cptm-form-builder-group-header {
  border-radius: 6px 6px 0 0;
  background-color: #f9fafb;
  border-bottom: none;
}
.cptm-form-builder-group-header-section.expanded .cptm-form-builder-group-title-icon {
  background-color: #d8e0fd;
}
.cptm-form-builder-group-header-section.locked .cptm-form-builder-group-options-wrapper {
  left: 12px;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper {
  position: absolute;
  top: calc(100% - 12px);
  left: 55px;
  width: 100%;
  max-width: 460px;
  height: 100%;
  z-index: 9;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options {
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1);
          box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1);
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: #2c3239;
  margin: 0;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-close {
  color: #2c3239;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-close span {
  font-size: 20px;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .directorist-form-fields-area {
  padding: 24px;
}

.cptm-form-builder-group-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  -webkit-transition: border-radius ease 1s;
  transition: border-radius ease 1s;
}

.cptm-form-builder-group-header-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

div[draggable=true].cptm-form-builder-group-header-content {
  cursor: move;
}

.cptm-form-builder-group-header-content__dropable-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-no-wrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.cptm-card-top-area {
  max-width: 450px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.cptm-card-top-area > .form-group .cptm-form-control {
  background: none;
  border: 1px solid #c6d0dc;
  height: 42px;
}
.cptm-card-top-area > .form-group .cptm-template-type-wrapper {
  position: relative;
}
.cptm-card-top-area > .form-group .cptm-template-type-wrapper:before {
  content: "\f110";
  position: absolute;
  font-family: "LineAwesome";
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}

.cptm-form-builder-group-header-content__dropable-placeholder {
  margin-left: 15px;
}

.cptm-form-builder-header-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.cptm-form-builder-group-actions-dropdown-content.expanded {
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
  z-index: 9;
}
.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #d94a4a;
  background: #ffffff;
  padding: 10px 15px;
  width: 100%;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08);
          box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08);
  -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
  transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
}
.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link span {
  font-size: 20px;
}
.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link:hover {
  color: #ffffff;
  background: #d94a4a;
  border-color: #d94a4a;
}

.cptm-form-builder-group-actions {
  display: block;
  min-width: 34px;
  margin-right: 15px;
}

.cptm-form-builder-group-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #141921;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-group-title {
    font-size: 13px;
  }
}

.cptm-form-builder-group-title-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  font-size: 20px;
  color: #141921;
  border-radius: 8px;
  background-color: #f3f4f6;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-group-title-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    font-size: 18px;
  }
}

.cptm-form-builder-group-options {
  background-color: #fff;
  padding: 20px;
  border-radius: 0 0 6px 6px;
  border: 1px solid #e5e7eb;
  border-top: none;
  -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08);
          box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08);
}
.cptm-form-builder-group-options .directorist-form-fields-advanced {
  padding: 0;
  margin: 16px 0 0;
  font-size: 13px;
  font-weight: 500;
  background: transparent;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2e94fa;
  text-decoration: underline;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  cursor: pointer;
}
.cptm-form-builder-group-options .directorist-form-fields-advanced:hover {
  color: #3e62f5;
}
.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child {
  margin-bottom: 0;
}
.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle {
  font-size: 13px;
  font-weight: 500;
  color: #3e62f5;
  background: transparent;
  border: none;
  padding: 0;
  display: block;
  margin-top: -7px;
  cursor: pointer;
}

.cptm-form-builder-group-fields {
  display: block;
  position: relative;
  padding: 24px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-top: none;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08);
          box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08);
}

.icon-picker-selector {
  margin: 0;
  padding: 3px 16px 3px 4px;
  border: 1px solid #d2d6db;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.icon-picker-selector .icon-picker-selector__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.icon-picker-selector .icon-picker-selector__icon input[type=text].cptm-form-control {
  padding: 5px 20px;
  min-height: 20px;
  background-color: transparent;
  outline: none;
}
.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon {
  position: unset;
  -webkit-transform: unset;
          transform: unset;
  font-size: 16px;
}
.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before {
  margin-left: 6px;
}
.icon-picker-selector .icon-picker-selector__icon input {
  height: 32px;
  border: none !important;
  padding-right: 0 !important;
}
.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset {
  font-size: 12px;
  padding: 0 0 0 10px;
}
.icon-picker-selector .icon-picker-selector__btn {
  margin: 0;
  height: 32px;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 500;
  color: #2c3239;
  border-radius: 6px;
  background-color: #e5e7eb;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.icon-picker-selector .icon-picker-selector__btn:hover {
  background-color: #e3e6e9;
}

.cptm-restricted-area {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  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;
  padding: 10px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
}

.cptm-form-builder-group-field-item {
  margin-bottom: 8px;
  position: relative;
}
.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-drag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 48px;
  font-size: 24px;
  color: #747c89;
  background-color: #f9fafb;
  border-radius: 0 6px 6px 0;
  cursor: move;
}
.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-header-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header {
  border-radius: 6px 6px 0 0;
  background-color: #f9fafb;
  border-width: 1.5px;
  border-color: #3e62f5;
  border-bottom: none;
}

.cptm-form-builder-group-field-item-actions {
  display: block;
  position: absolute;
  left: -15px;
  -webkit-transform: translate(-34px, 7px);
          transform: translate(-34px, 7px);
}

.cptm-form-builder-group-field-item-action-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  background-color: #e3e6ef;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  text-align: center;
  color: #868eae;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.action-trash:hover {
  color: #e62626;
  background-color: rgba(255, 0, 0, 0.15);
}

.action-trash:hover {
  background-color: #d7d7d7;
}
.action-trash:hover:hover {
  color: #e62626;
  background-color: rgba(255, 0, 0, 0.15);
}

.cptm-form-builder-header-action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  font-size: 18px;
  color: #747c89;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  outline: none;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-form-builder-header-action-link:hover, .cptm-form-builder-header-action-link:focus, .cptm-form-builder-header-action-link:active {
  color: #141921;
  background-color: #f3f4f6;
  border-color: #e5e7eb;
  -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-header-action-link {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }
}
.cptm-form-builder-header-action-link.disabled {
  color: #a1a9b2;
  pointer-events: none;
}

.cptm-form-builder-header-toggle-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  font-size: 24px;
  color: #747c89;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-header-toggle-link {
    width: 24px;
    height: 24px;
    font-size: 18px;
  }
}
.cptm-form-builder-header-toggle-link.action-collapse-down {
  color: #3e62f5;
}
.cptm-form-builder-header-toggle-link.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.action-collapse-up span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.action-collapse-down span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.cptm-form-builder-group-field-item-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  -webkit-transition: border-radius ease 1s;
  transition: border-radius ease 1s;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #141921;
  margin: 0;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-subtitle {
  color: #747c89;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-icon {
  font-size: 20px;
  color: #141921;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg svg {
  width: 16px;
  height: 16px;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg svg path {
  fill: #747c89;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip {
  position: relative;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:before {
  content: attr(data-info);
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 180px;
  max-width: 180px;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 12px;
  border-radius: 6px;
  background-color: #141921;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:after {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  right: 4px;
  border-bottom: 6px solid #141921;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:hover:before, .cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:hover:after {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 4px 8px;
  color: #ca6f04;
  background-color: #fdefce;
  border-radius: 4px;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info .cptm-title-info-icon {
  font-size: 16px;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info i {
  font-size: 16px;
  color: #4d5761;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link {
  font-size: 18px;
  color: #747c89;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cptm-form-builder-group-field-item-body {
  padding: 24px;
  border: 1.5px solid #3e62f5;
  border-top-width: 1px;
  border-radius: 0 0 6px 6px;
}

.cptm-form-builder-group-item-drag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 46px;
  min-width: 46px;
  height: 100%;
  min-height: 64px;
  font-size: 24px;
  color: #747c89;
  background-color: #f9fafb;
  -webkit-box-flex: unset;
  -webkit-flex-grow: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
  cursor: move;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-group-item-drag {
    width: 32px;
    min-width: 32px;
    font-size: 18px;
  }
}

.cptm-form-builder-field-list {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-form-builder-field-list .directorist-draggable-list-item {
  position: unset;
}

.cptm-form-builder-field-list-item {
  width: calc(50% - 4px);
  padding: 12px;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #d2d6db;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-form-builder-field-list-item .directorist-draggable-list-item-slot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cptm-form-builder-field-list-item:hover {
  background-color: #e5e7eb;
  -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08);
          box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08);
}
.cptm-form-builder-field-list-item.clickable {
  cursor: pointer;
}
.cptm-form-builder-field-list-item.disabled {
  cursor: not-allowed;
}
@media (max-width: 400px) {
  .cptm-form-builder-field-list-item {
    width: calc(100% - 6px);
  }
}

li[class=cptm-form-builder-field-list-item][draggable=true] {
  cursor: move;
}

.cptm-form-builder-field-list-item {
  position: relative;
}
.cptm-form-builder-field-list-item > pre {
  position: absolute;
  top: 3px;
  left: 5px;
  margin: 0;
  font-size: 10px;
  line-height: 12px;
  color: #f80718;
}

.cptm-form-builder-field-list-icon {
  display: inline-block;
  margin-left: 8px;
  width: auto;
  max-width: 20px;
  font-size: 20px;
  color: #141921;
}

.cptm-form-builder-field-list-item-icon {
  font-size: 14px;
  margin-left: 1px;
}

.cptm-form-builder-field-list-label,
.cptm-form-builder-field-list-item-label {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #141921;
}

.cptm-option-card--draggable .cptm-form-builder-field-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 8px;
  border-color: #e5e7eb;
  background: transparent;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-drag {
  cursor: move;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit,
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #747c89;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit.active, .cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit:hover,
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action.active,
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action:hover {
  color: #0e3bf2;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action:hover {
  color: #d94a4a;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container {
  padding: 15px 0 22px 0;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-preview-wrapper {
  margin-bottom: 20px;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-widget-options-wrap:not(:last-child) {
  margin-bottom: 17px;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group .cptm-preview-radio-area label {
  margin-bottom: 12px;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group .cptm-radio-area .cptm-radio-item:last-child label {
  margin-bottom: 0;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .atbdp-row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .atbdp-row .atbdp-col {
  width: 100%;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap {
  width: 100%;
  padding: 6px;
  border-radius: 8px;
  border: 1px solid #d2d6db;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap .cptm-color-picker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 20px;
  width: 20px;
  padding: 0;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap .cptm-color-picker .icp__input {
  width: 30px;
  height: 30px;
  margin: 0;
}
.cptm-option-card--draggable .cptm-widget-options-container-draggable .cptm-widget-options-container {
  padding-right: 25px;
}

.cptm-info-text-area {
  margin-bottom: 10px;
}

.cptm-info-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  margin: 0;
  padding: 0 8px;
  height: 22px;
  color: #4d5761;
  border-radius: 4px;
  background: #daeeff;
}

.cptm-info-success {
  color: #00b158;
}

.cptm-mb-0 {
  margin-bottom: 0 !important;
}

.cptm-item-footer-drop-area {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  z-index: 5;
}
.cptm-item-footer-drop-area.drag-enter {
  background-color: rgba(23, 135, 255, 0.3);
}
.cptm-item-footer-drop-area.cptm-group-item-drop-area {
  height: 40px;
}

.cptm-form-builder-group-field-item-drop-area {
  height: 20px;
  position: absolute;
  bottom: -20px;
  z-index: 5;
  width: 100%;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-form-builder-group-field-item-drop-area.drag-enter {
  background-color: rgba(23, 135, 255, 0.3);
}

.cptm-checkbox-area,
.cptm-options-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px 0;
  left: 0;
  right: 0;
}

.cptm-checkbox-area .cptm-checkbox-item:not(:last-child) {
  margin-bottom: 10px;
}

@media (max-width: 1300px) {
  .cptm-checkbox-area,
  .cptm-options-area {
    position: static;
  }
}
.cptm-checkbox-item,
.cptm-radio-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}

.cptm-tab-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-tab-area .cptm-tab-item input {
  display: none;
}
.cptm-tab-area .cptm-tab-item input:checked + label {
  color: #fff;
  background-color: #3e62f5;
}
.cptm-tab-area .cptm-tab-item label {
  margin: 0;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 500;
  color: #747c89;
  background: #e5e7eb;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-tab-area .cptm-tab-item label:hover {
  color: #fff;
  background-color: #3e62f5;
}

@media screen and (max-width: 782px) {
  .enable_schema_markup .atbdp-label-icon-wrapper {
    margin-bottom: 15px !important;
  }
}

.cptm-schema-tab-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.cptm-schema-tab-label {
  color: rgba(0, 6, 38, 0.9);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.cptm-schema-tab-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px 20px;
}
@media screen and (max-width: 782px) {
  .cptm-schema-tab-wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.cptm-schema-tab-wrapper input[type=radio]:checked {
  background-color: #3e62f5 !important;
  border-color: #3e62f5 !important;
}
.cptm-schema-tab-wrapper input[type=radio]:checked::before {
  background-color: white !important;
}
.cptm-schema-tab-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  border-radius: 8px;
  border: 1px solid rgba(0, 17, 102, 0.1);
  background-color: #fff;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
@media screen and (max-width: 782px) {
  .cptm-schema-tab-item {
    width: 100%;
  }
}
.cptm-schema-tab-item input[type=radio] {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (max-width: 782px) {
  .cptm-schema-tab-item input[type=radio] {
    width: 16px;
    height: 16px;
  }
  .cptm-schema-tab-item input[type=radio]:checked:before {
    width: 0.5rem;
    height: 0.5rem;
    margin: 3px 3px;
    line-height: 1.14285714;
  }
}
.cptm-schema-tab-item.active {
  border-color: #3e62f5 !important;
  background-color: #f0f3ff;
}
.cptm-schema-tab-item.active .cptm-schema-label-wrapper {
  color: #3e62f5 !important;
}
.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child .cptm-schema-label-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.cptm-schema-label-wrapper {
  color: rgba(0, 6, 38, 0.9) !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 20px;
  cursor: pointer;
  margin: 0 !important;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-schema .cptm-schema-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.cptm-schema-label-badge {
  display: none;
  height: 20px;
  padding: 0px 8px;
  border-radius: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e3ecf2;
  color: rgba(0, 8, 51, 0.65);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.12px;
}
.cptm-schema-label-description {
  color: rgba(0, 8, 51, 0.65);
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-top: 2px;
}

#listing_settings__listings_page .cptm-checkbox-item:not(:last-child) {
  margin-bottom: 10px;
}

input[type=checkbox].cptm-checkbox {
  display: none;
}
input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui {
  color: #3e62f5;
}
input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui::before {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
  font-weight: 900;
  color: #fff;
  content: "\f00c";
  z-index: 22;
}
input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui:after {
  background-color: #00b158;
  border-color: #00b158;
  z-index: -1;
}

input[type=radio].cptm-radio {
  margin-top: 1px;
}

.cptm-form-range-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-form-range-wrap .cptm-form-range-bar {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.cptm-form-range-wrap .cptm-form-range-output {
  width: 30px;
}
.cptm-form-range-wrap .cptm-form-range-output-text {
  padding: 10px 20px;
  background-color: #fff;
}

.cptm-checkbox-ui {
  display: inline-block;
  min-width: 16px;
  position: relative;
  z-index: 1;
  margin-left: 12px;
}
.cptm-checkbox-ui::before {
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  display: inline-block;
  margin-right: 4px;
}
.cptm-checkbox-ui:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid #c6d0dc;
  content: "";
}

.cptm-vh {
  overflow: hidden;
  overflow-y: auto;
  max-height: 100vh;
}

.cptm-thumbnail {
  max-width: 350px;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  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;
  background-color: #f2f2f2;
}
.cptm-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}

.cptm-thumbnail-placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cptm-thumbnail-placeholder-icon {
  font-size: 40px;
  color: #d2d6db;
}
.cptm-thumbnail-placeholder-icon svg {
  width: 40px;
  height: 40px;
}

.cptm-thumbnail-img-wrap {
  position: relative;
}

.cptm-thumbnail-action {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c6c6c6;
  padding: 5px 8px;
  border-radius: 50%;
  margin: 10px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.cptm-sub-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 10px;
  padding: 3px 4px;
  background: #e5e7eb;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
  .cptm-sub-navigation {
    padding: 10px;
  }
}

.cptm-sub-nav__item {
  list-style: none;
  margin: 0;
}

.cptm-sub-nav__item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  height: 32px;
  padding: 0 10px;
  color: #4d5761;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  border-radius: 4px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip {
  padding: 0 10px;
  margin-left: -10px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  color: #4d5761;
  border-radius: 4px 0 0 4px;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip svg path {
  stroke: #4d5761;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip:hover {
  background: #f9f9f9;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  color: #4d5761;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg {
  width: 24px;
  height: 24px;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg path {
  stroke: #4d5761;
}
.cptm-sub-nav__item-link.active {
  color: #141921;
  background: #ffffff;
}
.cptm-sub-nav__item-link.active .cptm-sub-nav__item-icon svg path {
  stroke: #141921;
}
.cptm-sub-nav__item-link.active .cptm-sub-nav__item-tooltip svg path {
  stroke: #141921;
}
.cptm-sub-nav__item-link:hover:not(.active) {
  color: #141921;
  background: #ffffff;
}

.cptm-builder-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .cptm-builder-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.cptm-options-area {
  width: 320px;
  margin: 0;
}

.cptm-option-card {
  display: none;
  opacity: 0;
  position: relative;
  border-radius: 5px;
  text-align: right;
  -webkit-transform-origin: center;
          transform-origin: center;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1);
          box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1);
  -webkit-transition: all linear 300ms;
  transition: all linear 300ms;
  pointer-events: none;
}
.cptm-option-card:before {
  content: "";
  border-bottom: 7px solid #ffffff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  position: absolute;
  top: -6px;
  left: 22px;
}
.cptm-option-card.cptm-animation-flip {
  -webkit-transform: rotate3d(0, -1, 0, -45deg);
          transform: rotate3d(0, -1, 0, -45deg);
}
.cptm-option-card.cptm-animation-slide-up {
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
}
.cptm-option-card.active {
  display: block;
  opacity: 1;
  pointer-events: all;
}
.cptm-option-card.active.cptm-animation-flip {
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
          transform: rotate3d(0, 0, 0, 0deg);
}
.cptm-option-card.active.cptm-animation-slide-up {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.cptm-anchor-down {
  display: block;
  text-align: center;
  position: relative;
  top: -1px;
}
.cptm-anchor-down:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #fff;
}

.cptm-header-action-link {
  display: inline-block;
  padding: 0 10px;
  text-decoration: none;
  color: #2c3239;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-header-action-link:hover {
  color: #1890ff;
}

.cptm-option-card-header {
  padding: 8px 16px;
  border-bottom: 1px solid #e5e7eb;
}

.cptm-option-card-header-title-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-option-card-header-title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #141921;
}

.cptm-header-action-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px 0 0;
  -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;
}

.cptm-option-card-header-nav-section {
  display: block;
}

.cptm-option-card-header-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.15);
}

.cptm-option-card-header-nav-item {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  padding: 8px 10px;
  cursor: pointer;
  margin-bottom: 0;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-option-card-header-nav-item.active {
  background-color: rgba(255, 255, 255, 0.15);
}

.cptm-option-card-body {
  padding: 16px;
  max-height: 500px;
  overflow-y: auto;
}
.cptm-option-card-body .cptm-form-group:last-child {
  margin-bottom: 0;
}
.cptm-option-card-body .cptm-input-toggle-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content {
  -webkit-box-flex: unset;
  -webkit-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #141921;
}
.cptm-option-card-body .directorist-type-icon-select {
  margin-bottom: 20px;
}
.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.cptm-widget-actions,
.cptm-widget-actions-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 50%;
  -webkit-transform: translate(50%, 3px);
          transform: translate(50%, 3px);
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  z-index: 1;
}

.cptm-widget-actions-wrap {
  position: relative;
  width: 100%;
}

.cptm-widget-action-modal-container {
  position: absolute;
  right: 50%;
  top: 0;
  width: 330px;
  -webkit-transform: translate(50%, 20px);
          transform: translate(50%, 20px);
  pointer-events: none;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 2;
}
.cptm-widget-action-modal-container.active {
  pointer-events: all;
  -webkit-transform: translate(50%, 10px);
          transform: translate(50%, 10px);
}
@media only screen and (max-width: 480px) {
  .cptm-widget-action-modal-container {
    max-width: 250px;
  }
}

.cptm-widget-insert-modal-container .cptm-option-card:before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.cptm-widget-option-modal-container .cptm-option-card:before {
  left: unset;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.cptm-widget-option-modal-container .cptm-option-card {
  margin: 0;
}
.cptm-widget-option-modal-container .cptm-option-card-header {
  background-color: #fff;
  border: 1px solid #e5e7eb;
}
.cptm-widget-option-modal-container .cptm-header-action-link {
  color: #2c3239;
}
.cptm-widget-option-modal-container .cptm-header-action-link:hover {
  color: #1890ff;
}
.cptm-widget-option-modal-container .cptm-option-card-body {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-top: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cptm-widget-option-modal-container .cptm-option-card-header-title-section,
.cptm-widget-option-modal-container .cptm-option-card-header-title {
  color: #2c3239;
}

.cptm-widget-actions-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cptm-widget-action-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #3e62f5;
  color: #3e62f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-widget-action-link:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px #b4c2f9;
          box-shadow: 0 0 0 2px #b4c2f9;
}
.cptm-widget-action-link:hover {
  background-color: #3e62f5;
  color: #fff;
}
.cptm-widget-action-link:hover svg path {
  fill: #fff;
}

.cptm-widget-card-drop-prepend {
  border-radius: 8px;
}

.cptm-widget-card-drop-append {
  display: block;
  width: 100%;
  height: 0;
  border-radius: 8px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  background-color: transparent;
  border: 1px dashed transparent;
}
.cptm-widget-card-drop-append.dropable {
  margin: 3px 0;
  height: 10px;
  border-color: cornflowerblue;
}
.cptm-widget-card-drop-append.drag-enter {
  background-color: cornflowerblue;
}

.cptm-widget-card-wrap {
  visibility: visible;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap {
  opacity: 1;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap .cptm-widget-title-block {
  opacity: 0.3;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap {
  opacity: 1;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-label,
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-thumb-icon {
  opacity: 0.3;
  color: #4d5761;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-card-disabled-badge {
  margin-top: 10px;
}
.cptm-widget-card-wrap .cptm-widget-card-disabled-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  padding: 0 6px;
  height: 18px;
  color: #853d0e;
  background: #fdefce;
  border-radius: 4px;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 12px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-title-card {
  padding: 0;
  font-size: 19px;
  font-weight: 600;
  line-height: 25px;
  color: #141921;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-form-group {
  margin: 0;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-input-toggle-wrap {
  gap: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-input-toggle-wrap label {
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.15;
  color: #141921;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash {
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 14px;
  color: #d94a4a;
  background: #ffffff;
  border: 1px solid #d94a4a;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash:hover {
  color: #ffffff;
  background: #d94a4a;
}

.cptm-widget-card-inline-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
}
.cptm-widget-card-inline-wrap .cptm-widget-card-drop-append {
  display: inline-block;
  width: 0;
  height: auto;
}
.cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable {
  margin: 0 3px;
  width: 10px;
  max-width: 10px;
}

.cptm-widget-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #141921;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 400;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
  height: 32px;
  padding: 0 10px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-widget-badge .cptm-widget-badge-icon,
.cptm-widget-badge .cptm-widget-badge-trash {
  font-size: 16px;
  color: #141921;
}
.cptm-widget-badge .cptm-widget-badge-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  height: 100%;
}
.cptm-widget-badge .cptm-widget-badge-label {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.cptm-widget-badge .cptm-widget-badge-trash {
  margin-right: 4px;
  cursor: pointer;
  -webkit-transition: color ease 0.3s;
  transition: color ease 0.3s;
}
.cptm-widget-badge .cptm-widget-badge-trash:hover {
  color: #3e62f5;
}
.cptm-widget-badge.cptm-widget-badge--icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  width: 22px;
  height: 22px;
  min-height: unset;
  border-radius: 100%;
}
.cptm-widget-badge.cptm-widget-badge--icon .cptm-widget-badge-icon {
  font-size: 12px;
}

.cptm-preview-area {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-preview-wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 25px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cptm-preview-wrapper .cptm-preview-radio-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 300px;
}
.cptm-preview-wrapper .cptm-preview-area-archive img {
  max-height: 100px;
}

.cptm-preview-notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 658px;
  margin: 40px auto;
  padding: 20px 24px;
  background: #f3f4f6;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-preview-notice.cptm-preview-notice--list {
  max-width: unset;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cptm-preview-notice .cptm-preview-notice-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text {
  font-size: 12px;
  font-weight: 400;
  color: #2c3239;
  margin: 0;
}
.cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text strong {
  color: #141921;
  font-weight: 600;
}
.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 34px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 8px;
  color: #747c89;
  background: #ffffff;
  border: 1px solid #d2d6db;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn:hover {
  color: #3e62f5;
  border-color: #3e62f5;
}
.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn:hover svg path {
  fill: #3e62f5;
}

.cptm-widget-thumb .cptm-widget-thumb-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cptm-widget-thumb .cptm-widget-thumb-icon i {
  font-size: 133px;
  color: #a1a9b2;
}
.cptm-widget-thumb .cptm-widget-label {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: #141921;
}

.cptm-placeholder-block-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.cptm-placeholder-block-wrapper:last-child {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-placeholder-block-wrapper .cptm-placeholder-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-placeholder-block-wrapper .cptm-placeholder-block:not(.cptm-listing-card-preview-body-placeholder) .cptm-widget-preview-card {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
}
.cptm-placeholder-block-wrapper .cptm-widget-card-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  margin-top: 4px;
  background: #f3f4f6;
  border-radius: 8px;
  cursor: pointer;
}
.cptm-placeholder-block-wrapper .cptm-widget-card-status span {
  color: #747c89;
}
.cptm-placeholder-block-wrapper .cptm-widget-card-status.disabled {
  background: #d2d6db;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder {
  padding: 12px;
  min-height: 62px;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .cptm-widget-preview-card,
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper-listing_title {
  -webkit-transform: unset !important;
          transform: unset !important;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper-listing_title.animated {
  z-index: 99999;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-placeholder-label {
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  font-size: 14px;
  font-weight: 400;
  color: #4d5761;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-card-listing_title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card {
  height: 32px;
  padding: 0 10px;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card.cptm-widget-title-card {
  padding: 0;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card .cptm-widget-badge-trash {
  margin-right: 8px;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-tagline-placeholder .cptm-placeholder-label,
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-rating-placeholder .cptm-placeholder-label {
  right: 12px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 13px;
  font-weight: 400;
  color: #4d5761;
}
.cptm-placeholder-block-wrapper .cptm-placeholder-block.disabled .cptm-placeholder-label {
  color: #4d5761;
  font-weight: 400;
}
.cptm-placeholder-block-wrapper .cptm-widget-preview-container .dndrop-draggable-wrapper {
  overflow: visible !important;
}
.cptm-placeholder-block-wrapper .cptm-widget-preview-container .dndrop-draggable-wrapper.is-dragging {
  opacity: 0;
}

.cptm-placeholder-block {
  position: relative;
  padding: 8px;
  background: #a1a9b2;
  border: 1px dashed #d2d6db;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
}
.cptm-placeholder-block:hover, .cptm-placeholder-block.drag-enter, .cptm-placeholder-block.cptm-widget-picker-open {
  border-color: rgb(255, 255, 255);
}
.cptm-placeholder-block:hover .cptm-widget-insert-area, .cptm-placeholder-block.drag-enter .cptm-widget-insert-area, .cptm-placeholder-block.cptm-widget-picker-open .cptm-widget-insert-area {
  opacity: 1;
  visibility: visible;
}
.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cptm-placeholder-block.cptm-widget-picker-open {
  z-index: 100;
}

.cptm-placeholder-label {
  margin: 0;
  text-align: center;
  margin-bottom: 0;
  text-align: center;
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  z-index: 0;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-weight: 500;
}
.cptm-placeholder-label.hide {
  display: none;
}

.cptm-listing-card-preview-footer .cptm-placeholder-label {
  color: #868eae;
}

.dndrop-ghost.dndrop-draggable-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 8px;
  border-color: #e5e7eb;
  background: transparent;
}
.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-center-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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;
}
.cptm-center-content.cptm-content-wide * {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-mb-10 {
  margin-bottom: 10px !important;
}

.cptm-mb-12 {
  margin-bottom: 12px !important;
}

.cptm-mb-20 {
  margin-bottom: 20px !important;
}

.cptm-listing-card-body-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cptm-align-left {
  text-align: right;
}

.cptm-listing-card-body-header-left {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-listing-card-body-header-right {
  width: 100px;
  margin-right: 10px;
}

.cptm-card-preview-area-wrap {
  max-width: 450px;
  margin: 0 auto;
}

.cptm-card-preview-widget {
  max-width: 450px;
  margin: 0 auto;
  padding: 24px;
  background-color: #fff;
  border: 1.5px solid rgba(0, 17, 102, 0.1019607843);
  border-top: none;
  border-radius: 0 0 24px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843);
          box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843);
}
.cptm-card-preview-widget.cptm-card-list-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 100%;
  height: 100%;
}
@media only screen and (max-width: 480px) {
  .cptm-card-preview-widget.cptm-card-list-view {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail {
  height: 100%;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100% !important;
  max-width: 184px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-radius: 0 4px 4px 0 !important;
}
@media only screen and (max-width: 480px) {
  .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header {
    max-width: 100%;
    border-radius: 4px 4px 0 0 !important;
  }
  .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header .cptm-card-preview-thumbnail {
    min-height: 350px;
  }
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-option-modal-container {
  top: unset;
  bottom: 100%;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-top-right .cptm-widget-option-modal-container,
.cptm-card-preview-widget.cptm-card-list-view .cptm-card-placeholder-top-left .cptm-widget-option-modal-container,
.cptm-card-preview-widget.cptm-card-list-view .cptm-card-placeholder-top-right .cptm-widget-option-modal-container {
  bottom: unset;
  top: 100%;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-placeholder-author-thumb img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-widget-card-wrap {
  min-width: 100px;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-widget-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb {
  width: 100%;
  padding: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb > svg {
  width: 20px;
  height: 20px;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash {
  position: unset;
  -webkit-transform: unset;
          transform: unset;
  width: 20px;
  height: 20px;
  font-size: 12px;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-card .cptm-widget-card-disabled-badge {
  display: none;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body {
  padding-top: 62px;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body.has-avatar {
  padding-top: 0;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body.has-avatar .cptm-listing-card-author-avatar {
  position: relative;
  top: -14px;
  -webkit-transform: unset;
          transform: unset;
  padding-bottom: 12px;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled {
  width: 100%;
  height: auto;
  border: 1px dashed #d2d6db;
  border-radius: 4px !important;
  padding: 12px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-widget-preview-card {
  width: 100%;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-widget-card-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-placeholder-author-thumb {
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px dashed #d2d6db;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash {
  bottom: -12px;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-form-group {
  margin: 0;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area > label {
  display: none;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area .cptm-radio-item {
  margin: 0;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area label {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio] {
  margin: 0 0 0 6px;
  background-color: #ffffff;
  border: 2px solid #a1a9b2;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]:before {
  display: none;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]:checked {
  border: 5px solid #3e62f5;
}
.cptm-card-preview-widget.grid-view-without-thumbnail .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-card-preview-widget.list-view-with-thumbnail .dndrop-draggable-wrapper-listing_title,
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-widget-preview-card-listing_title {
  width: 100%;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-preview-top-right {
  width: 140px;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-right {
  width: 127px;
}
@media only screen and (max-width: 480px) {
  .cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-right {
    width: auto;
  }
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-listing-card-preview-footer .cptm-placeholder-block {
  padding-bottom: 32px;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-listing-card-preview-footer .cptm-widget-card-wrap {
  padding: 0;
}
.cptm-card-preview-widget .cptm-options-area {
  position: absolute;
  top: 38px;
  right: unset;
  left: 30px;
  z-index: 100;
}

.cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap,
.cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget {
  max-width: 750px;
}

.cptm-listing-card-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-card-preview-thumbnail {
  position: relative;
  height: 100%;
}

.cptm-card-preview-thumbnail-placeholer {
  height: 100%;
}

.cptm-card-preview-thumbnail-placeholder {
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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;
}

.cptm-listing-card-preview-quick-info-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-card-preview-thumbnail-bg {
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  font-size: 72px;
  color: #7b7d8b;
}

.cptm-card-preview-thumbnail-bg span {
  color: rgba(255, 255, 255, 0.1);
}

.cptm-card-preview-bottom-right-placeholder {
  display: block;
  text-align: left;
}

.cptm-listing-card-preview-body {
  display: block;
  padding: 16px;
  position: relative;
}

.cptm-listing-card-author-avatar {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(-16px, -14px);
          transform: translate(-16px, -14px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-listing-card-author-avatar .cptm-placeholder-block {
  height: 64px;
  width: 64px;
  padding: 8px !important;
  margin: 0 !important;
  min-height: unset !important;
  border-radius: 50% !important;
  border: 1px dashed #a1a9b2;
}
.cptm-listing-card-author-avatar .cptm-placeholder-block .cptm-placeholder-label {
  font-size: 14px;
  line-height: 1.15;
  font-weight: 500;
  color: #141921;
  background: transparent;
  padding: 0;
  border-radius: 0;
  top: 8px;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}

.cptm-placeholder-author-thumb {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
}
.cptm-placeholder-author-thumb img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: transparent;
  border: 2px solid #fff;
}
.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash {
  position: absolute;
  bottom: -18px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #d94a4a;
  background: #ffffff;
  border: 1px solid #d94a4a;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash:hover {
  color: #ffffff;
  background: #d94a4a;
}

.cptm-widget-title-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 6px 10px;
  text-align: right;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #141921;
}

.cptm-widget-tagline-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 6px 10px;
  text-align: right;
  font-size: 13px;
  font-weight: 400;
  color: #4d5761;
}

.cptm-has-widget-control {
  position: relative;
}
.cptm-has-widget-control:hover .cptm-widget-control-wrap {
  visibility: visible;
  pointer-events: all;
  opacity: 1;
}

.cptm-form-group-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cptm-form-group-col {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}

.cptm-form-group-info {
  font-size: 12px;
  font-weight: 400;
  color: #747c89;
  margin: 0;
}

.cptm-widget-actions-tools {
  position: absolute;
  width: 75px;
  background-color: #2c99ff;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  top: -40px;
  padding: 5px;
  border: 3px solid #2c99ff;
  border-radius: 1px 1px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 9999;
}
.cptm-widget-actions-tools a {
  padding: 0 6px;
  font-size: 12px;
  color: #fff;
}

.cptm-widget-control-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  -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;
  top: 1px;
  pointer-events: none;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  z-index: 99;
}

.cptm-widget-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  -webkit-transform: translate(0%, -100%);
          transform: translate(0%, -100%);
}
.cptm-widget-control::after {
  content: "";
  display: inline-block;
  margin: 0 auto;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid #3e62f5;
  position: absolute;
  bottom: 2px;
  right: 50%;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
  z-index: -1;
}
.cptm-widget-control .cptm-widget-control-action:first-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cptm-widget-control .cptm-widget-control-action:last-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.hide {
  display: none;
}

.cptm-widget-control-action {
  display: inline-block;
  padding: 5px 8px;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  background-color: #3e62f5;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-widget-control-action:hover {
  background-color: #0e3bf2;
}

.cptm-card-preview-top-left {
  width: calc(50% - 4px);
  position: absolute;
  top: 0;
  right: 0;
}

.cptm-card-preview-top-left-placeholder {
  display: block;
  text-align: right;
}
.cptm-card-preview-top-left-placeholder .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-card-preview-top-right {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(50% - 4px);
}
.cptm-card-preview-top-right .cptm-widget-preview-area {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-top-right .cptm-widget-preview-area .cptm-widget-preview-container {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-top-right .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-card-preview-top-right-placeholder {
  text-align: left;
}
.cptm-card-preview-top-right-placeholder .cptm-widget-preview-area {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-top-right-placeholder .cptm-widget-preview-area .cptm-widget-preview-container {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-top-right-placeholder .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-card-preview-bottom-left {
  position: absolute;
  width: calc(50% - 4px);
  bottom: 0;
  right: 0;
}
.cptm-card-preview-bottom-left .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-card-preview-bottom-left .cptm-widget-option-modal-container {
  top: unset;
  bottom: 20px;
}
.cptm-card-preview-bottom-left .cptm-widget-option-modal-container .cptm-option-card:before {
  top: unset;
  bottom: -6px;
}

.cptm-card-preview-bottom-left-placeholder {
  display: block;
  text-align: right;
}

.cptm-card-preview-bottom-right {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(50% - 4px);
}
.cptm-card-preview-bottom-right .cptm-widget-preview-area {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-bottom-right .cptm-widget-preview-area .cptm-widget-preview-container {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-bottom-right .cptm-widget-option-modal-container {
  top: unset;
  bottom: 20px;
}
.cptm-card-preview-bottom-right .cptm-widget-option-modal-container .cptm-option-card:before {
  top: unset;
  bottom: -6px;
  border-bottom: unset;
  border-top: 7px solid #ffffff;
}

.cptm-card-preview-body .cptm-widget-option-modal-container,
.cptm-card-preview-badges .cptm-widget-option-modal-container {
  right: unset;
  -webkit-transform: unset;
          transform: unset;
  left: calc(100% + 57px);
}

.grid-view-without-thumbnail .cptm-input-toggle {
  width: 28px;
  height: 16px;
}
.grid-view-without-thumbnail .cptm-input-toggle:after {
  width: 12px;
  height: 12px;
  margin: 2px;
}
.grid-view-without-thumbnail .cptm-input-toggle.active::after {
  -webkit-transform: translateX(calc(-1*(-100% - 4px)));
          transform: translateX(calc(-1*(-100% - 4px)));
}
.grid-view-without-thumbnail .cptm-card-preview-widget-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 20px;
}
@media only screen and (max-width: 480px) {
  .grid-view-without-thumbnail .cptm-card-preview-widget-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.grid-view-without-thumbnail .cptm-card-placeholder-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 480px) {
  .grid-view-without-thumbnail .cptm-card-placeholder-top {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-listing-card-quick-actions {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
}
.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-listing-card-quick-actions .cptm-placeholder-block {
  padding-bottom: 32px !important;
}
.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-widget-preview-card-listing_title .cptm-widget-badge-trash {
  left: 0;
}
.grid-view-without-thumbnail .cptm-listing-card-preview-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 0;
}
.grid-view-without-thumbnail .cptm-listing-card-preview-body .cptm-placeholder-block {
  min-height: 48px !important;
}
.grid-view-without-thumbnail .cptm-listing-card-preview-body .cptm-listing-card-preview-body-placeholder {
  min-height: 160px !important;
}
.grid-view-without-thumbnail .cptm-listing-card-preview-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 0;
}
.grid-view-without-thumbnail .cptm-listing-card-author-avatar {
  position: unset;
  -webkit-transform: unset;
          transform: unset;
}
.grid-view-without-thumbnail .cptm-listing-card-author-avatar .cptm-placeholder-block-wrapper {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.grid-view-without-thumbnail .cptm-listing-card-author-avatar .cptm-listing-card-author-avatar-placeholder {
  -webkit-box-flex: unset;
  -webkit-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.grid-view-without-thumbnail .cptm-listing-card-quick-actions {
  width: 135px;
}
.grid-view-without-thumbnail .cptm-listing-card-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title {
  width: 100%;
}
.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title .cptm-widget-title-card-wrap {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}
.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title .cptm-widget-title-card-wrap .cptm-widget-title-card {
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
}
.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-area {
  padding: 8px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.list-view-without-thumbnail .cptm-card-preview-widget-content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 20px;
}
@media only screen and (max-width: 480px) {
  .list-view-without-thumbnail .cptm-card-preview-widget-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.list-view-without-thumbnail .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.list-view-without-thumbnail .cptm-widget-preview-container.dndrop-container.horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-placeholder-block {
  min-height: 60px !important;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left .dndrop-draggable-wrapper-listing_title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left .cptm-widget-preview-card-listing_title {
  width: 100%;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-right {
  width: 127px;
}
@media only screen and (max-width: 480px) {
  .list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-right {
    width: auto;
  }
}
.list-view-without-thumbnail .cptm-listing-card-preview-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 0;
}
.list-view-without-thumbnail .cptm-listing-card-preview-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 0;
}

.cptm-card-placeholder-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 480px) {
  .cptm-card-placeholder-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.cptm-listing-card-preview-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 16px 24px;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-card {
  font-size: 12px;
  font-weight: 400;
  gap: 4px;
  width: 100%;
  height: 32px;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-badge-icon {
  font-size: 16px;
  color: #141921;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-badge-trash {
  font-size: 16px;
  color: #141921;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-preview-card {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-listing-card-preview-footer .cptm-placeholder-block-wrapper {
  height: 100%;
}

.cptm-card-preview-footer-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-card-preview-footer-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-listing-card-preview-body-placeholder {
  padding: 12px 12px 32px;
  min-height: 160px !important;
  border-color: #a1a9b2;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-listing-card-preview-body-placeholder .cptm-placeholder-label {
  color: #141921;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  color: #141921;
  background: #ffffff;
  height: 42px;
  font-size: 14px;
  line-height: 1.15;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover {
  background: #f3f4f6;
  border-color: #d2d6db;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active .cptm-list-item-actions, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover .cptm-list-item-actions {
  opacity: 1;
  visibility: visible;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active .cptm-list-item-edit {
  background: #e5e7eb;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-widget-card-wrap {
  width: 100%;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-icon {
  font-size: 20px;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action span {
  font-size: 20px;
  color: #141921;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action:hover, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action.active {
  background: #e5e7eb;
}

.cptm-listing-card-preview-footer-left-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-color: #c6d0dc;
  text-align: right;
}
.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter {
  border-color: #1e1e1e;
}
.cptm-listing-card-preview-footer-left-placeholder .cptm-widget-preview-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-listing-card-preview-footer-left-placeholder .cptm-widget-preview-container .cptm-widget-preview-card {
  width: 100%;
}

.cptm-listing-card-preview-footer-right-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-color: #c6d0dc;
  text-align: left;
}
.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter {
  border-color: #1e1e1e;
}
.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-container .cptm-widget-preview-card {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cptm-widget-preview-area .cptm-widget-preview-card {
  position: relative;
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions {
  position: absolute;
  bottom: 100%;
  right: 50%;
  -webkit-transform: translate(50%, -7px);
          transform: translate(50%, -7px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px 12px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  z-index: 1;
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions:before {
  content: "";
  border-top: 7px solid #ffffff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  position: absolute;
  bottom: -7px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link {
  width: auto;
  height: auto;
  border: none;
  background: transparent;
  color: #141921;
  cursor: pointer;
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link:hover, .cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link:focus {
  background: transparent;
  color: #3e62f5;
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .widget-drag-handle:hover {
  color: #3e62f5;
}

.widget-drag-handle {
  cursor: move;
}

.cptm-card-light.cptm-placeholder-block {
  border-color: #d2d6db;
  background: #f9fafb;
}
.cptm-card-light.cptm-placeholder-block:hover, .cptm-card-light.cptm-placeholder-block.drag-enter {
  border-color: #1e1e1e;
}
.cptm-card-light .cptm-placeholder-label {
  color: #23282d;
}
.cptm-card-light .cptm-widget-badge {
  color: #969db8;
  background-color: #eff0f3;
}

.cptm-card-dark-light .cptm-placeholder-label {
  padding: 5px 12px;
  color: #888;
  border-radius: 30px;
  background-color: #fff;
}
.cptm-card-dark-light .cptm-widget-badge {
  background-color: rgba(0, 0, 0, 0.8);
}

.cptm-widgets-container {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.cptm-widgets-header {
  display: block;
}

.cptm-widget-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
}

.cptm-widget-nav-item {
  display: inline-block;
  margin: 0;
  padding: 12px 10px;
  cursor: pointer;
  -webkit-flex-basis: 33.3333333333%;
      -ms-flex-preferred-size: 33.3333333333%;
          flex-basis: 33.3333333333%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  color: #8a8a8a;
  border-left: 1px solid #e3e1e1;
  background-color: #f2f2f2;
}
.cptm-widget-nav-item:last-child {
  border-left: none;
}
.cptm-widget-nav-item:hover {
  color: #2b2b2b;
}
.cptm-widget-nav-item.active {
  font-weight: bold;
  color: #2b2b2b;
  background-color: #fff;
}

.cptm-widgets-body {
  padding: 10px;
  max-height: 450px;
  overflow: hidden;
  overflow-y: auto;
}

.cptm-widgets-list {
  display: block;
  margin: 0;
}

.cptm-widgets-list-item {
  display: block;
}

.widget-group-title {
  margin: 0 0 5px;
  font-size: 16px;
  color: #bbb;
}

.cptm-widgets-sub-list {
  display: block;
  margin: 0;
}

.cptm-widgets-sub-list-item {
  display: block;
  padding: 10px 15px;
  background-color: #eee;
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: move;
}

.widget-icon {
  display: inline-block;
  margin-left: 5px;
}

.widget-label {
  display: inline-block;
}

.cptm-form-group {
  display: block;
  margin-bottom: 20px;
}
.cptm-form-group label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #141921;
  margin-bottom: 8px;
}
.cptm-form-group .cptm-form-control {
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-form-group.cptm-form-content {
  text-align: center;
  margin-bottom: 0;
}
.cptm-form-group.cptm-form-content .cptm-form-content-select {
  text-align: right;
}
.cptm-form-group.cptm-form-content .cptm-form-content-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #191b23;
  margin: 0 0 8px;
}
.cptm-form-group.cptm-form-content .cptm-form-content-desc {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #747c89;
  margin: 0;
}
.cptm-form-group.cptm-form-content .cptm-form-content-icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 40px;
  margin: 0 0 12px;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  margin: 8px auto 0;
  color: #3e62f5;
  background: transparent;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn:before {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  right: 0;
  bottom: 8px;
  background-color: #3e62f5;
  -webkit-transition: width ease-in-out 300ms;
  transition: width ease-in-out 300ms;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, .cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before {
  width: 100%;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled {
  pointer-events: none;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled:before {
  display: none;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #747c89;
  height: auto;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:before {
  display: none;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:hover, .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:focus {
  color: #3e62f5;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-icon {
  font-size: 14px;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader i {
  font-size: 15px;
}
.cptm-form-group.tab-field .cptm-preview-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-form-group.cpt-has-error .cptm-form-control {
  border: 1px solid rgb(192, 51, 51);
}

.cptm-form-group-tab-list {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 100px;
}
.cptm-form-group-tab-list .cptm-form-group-tab-item {
  margin: 0;
}
.cptm-form-group-tab-list .cptm-form-group-tab-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 26px;
  padding: 0 16px;
  border-radius: 100px;
  margin: 0;
  cursor: pointer;
  background-color: #ffffff;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  color: #4d5761;
  font-weight: 500;
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.cptm-form-group-tab-list .cptm-form-group-tab-link:hover {
  color: #3e62f5;
}
.cptm-form-group-tab-list .cptm-form-group-tab-link.active {
  background-color: #d8e0fd;
  color: #3e62f5;
}

.cptm-preview-image-upload {
  width: 350px;
  max-width: 100%;
  height: 224px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) {
  border: 2px dashed #d2d6db;
  background: #f9fafb;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail {
  max-width: 100%;
  width: 100%;
  height: 100%;
  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-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-action {
  display: none;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-img-wrap img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -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;
  gap: 6px;
  border-radius: 8px;
  background: #141921;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  margin-top: 20px;
  margin-bottom: 12px;
  cursor: pointer;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn input {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  padding: 0;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn i {
  font-size: 14px;
  color: inherit;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:before, .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:after {
  opacity: 0;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-drag-text {
  color: #747c89;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-transform: capitalize;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show {
  margin-bottom: 0;
  height: 100%;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail {
  position: relative;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.6)), color-stop(35.42%, rgba(0, 0, 0, 0)));
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 35.42%);
  z-index: 1;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail .action-trash ~ .cptm-upload-btn {
  left: 52px;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action {
  margin: 0;
  background-color: white;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  top: 12px;
  left: 12px;
  border-radius: 8px;
  font-size: 16px;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-drag-text {
  display: none;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn {
  position: absolute;
  top: 12px;
  left: 12px;
  max-width: 32px !important;
  width: 32px;
  max-height: 32px;
  height: 32px;
  background-color: white;
  padding: 0;
  border-radius: 8px;
  margin: 10px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn input {
  display: none;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn i::before {
  content: "\ea57";
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip]:after {
  background-color: white;
  color: #141921;
  opacity: 1;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip][data-flow=bottom]::before {
  border-bottom-color: white;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action {
  z-index: 2;
}

.cptm-form-group-feedback {
  display: block;
}

.cptm-form-alert {
  padding: 0 0 10px;
  color: #06d6a0;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-form-alert.cptm-error {
  color: #c82424;
}

.cptm-input-toggle-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-input-toggle-wrap label {
  padding-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 0;
}
.cptm-input-toggle-wrap .cptm-input-toggle-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-input-toggle {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 20px;
  background-color: #d9d9d9;
  border-radius: 30px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  cursor: pointer;
}
.cptm-input-toggle::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: calc(100% - 6px);
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 3px 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-input-toggle.active {
  background-color: #3e62f5;
}
.cptm-input-toggle.active::after {
  right: 100%;
  -webkit-transform: translateX(calc(-1*(-100% - 8px)));
          transform: translateX(calc(-1*(-100% - 8px)));
}

.cptm-multi-option-group {
  display: block;
  margin-bottom: 20px;
}
.cptm-multi-option-group .cptm-btn {
  margin: 0;
}

.cptm-multi-option-label {
  display: block;
}

.cptm-multi-option-group-section-draft {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -8px;
}
.cptm-multi-option-group-section-draft .cptm-form-group {
  margin: 0 8px 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control {
  width: 100%;
}
.cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error {
  position: relative;
}
.cptm-multi-option-group-section-draft p {
  margin: 28px 8px 20px;
}

.cptm-label {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

.form-repeater__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.form-repeater__group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  position: relative;
}
.form-repeater__group.sortable-chosen .form-repeater__input {
  background: #e1e4e8 !important;
  border: 1px solid #d1d5db !important;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important;
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important;
}
.form-repeater__remove-btn, .form-repeater__drag-btn {
  color: #4d5761;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-repeater__remove-btn:disabled, .form-repeater__drag-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.form-repeater__remove-btn svg, .form-repeater__drag-btn svg {
  width: 12px;
  height: 12px;
}
.form-repeater__remove-btn i, .form-repeater__drag-btn i {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.form-repeater__drag-btn {
  cursor: move;
  position: absolute;
  right: 0;
}
.form-repeater__remove-btn {
  cursor: pointer;
  position: absolute;
  left: 0;
}
.form-repeater__remove-btn:hover {
  color: #c83a3a;
}
.form-repeater__input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  padding: 5px 16px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--Gray-200, #e5e7eb);
  background: white;
  -webkit-box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05));
          box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05));
  color: #2c3239;
  outline: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0 32px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.form-repeater__input-value-added {
  background: var(--Gray-50, #f9fafb);
  border-color: #e5e7eb;
}
.form-repeater__input:focus {
  background: var(--Gray-50, #f9fafb);
  border-color: #3e62f5;
}
.form-repeater__input::-webkit-input-placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__input::-moz-placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__input:-ms-input-placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__input::-ms-input-placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__input::placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__add-group-btn {
  font-size: 12px;
  font-weight: 600;
  color: #2e94fa;
  background: transparent;
  border: none;
  padding: 0;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  cursor: pointer;
  letter-spacing: 0.12px;
  margin: 17px 32px 0;
  padding: 0;
}
.form-repeater__add-group-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.form-repeater__add-group-btn svg {
  width: 16px;
  height: 16px;
}
.form-repeater__add-group-btn i {
  font-size: 16px;
}

/* Style the video popup */
.cptm-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 160px);
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  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;
  z-index: 999999;
}
@media (max-width: 960px) {
  .cptm-modal-overlay {
    width: 100%;
  }
}
.cptm-modal-overlay .cptm-modal-container {
  display: block;
  height: auto;
  position: absolute;
  top: 50%;
  right: 50%;
  left: unset;
  bottom: unset;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  overflow: visible;
}
@media (max-width: 767px) {
  .cptm-modal-overlay .cptm-modal-container iframe {
    width: 400px;
    height: 225px;
  }
}
@media (max-width: 575px) {
  .cptm-modal-overlay .cptm-modal-container iframe {
    width: 300px;
    height: 175px;
  }
}

.cptm-modal-content {
  position: relative;
}
.cptm-modal-content .cptm-modal-video video {
  width: 100%;
  max-width: 500px;
}
.cptm-modal-content .cptm-modal-image .cptm-modal-image__img {
  max-height: calc(100vh - 200px);
}
.cptm-modal-content .cptm-modal-preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  width: 724px;
  max-height: calc(100vh - 200px);
  background: #fff;
  padding: 30px 70px;
  border-radius: 16px;
}
.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn {
  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;
  gap: 6px;
  padding: 0 16px;
  height: 40px;
  color: #000;
  background: #ededed;
  border: 1px solid #ededed;
  border-radius: 8px;
}
.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn .cptm-modal-preview__btn__icon {
  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;
}
.cptm-modal-content .cptm-modal-content__close-btn {
  position: absolute;
  top: 0;
  left: -42px;
  width: 36px;
  height: 36px;
  color: #000;
  background: #fff;
  font-size: 15px;
  border: none;
  border-radius: 100%;
  cursor: pointer;
}

.close-btn {
  position: absolute;
  top: 40px;
  left: 40px;
  background: transparent;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #ffffff;
}

.cptm-form-control,
select.cptm-form-control,
input[type=date].cptm-form-control,
input[type=datetime-local].cptm-form-control,
input[type=datetime].cptm-form-control,
input[type=email].cptm-form-control,
input[type=month].cptm-form-control,
input[type=number].cptm-form-control,
input[type=password].cptm-form-control,
input[type=search].cptm-form-control,
input[type=tel].cptm-form-control,
input[type=text].cptm-form-control,
input[type=time].cptm-form-control,
input[type=url].cptm-form-control,
input[type=week].cptm-form-control input[type=text].cptm-form-control {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  color: #5a5f7d;
  text-align: right;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 400;
  margin: 0;
  line-height: 18px;
  height: auto;
  min-height: 30px;
  background-color: #f4f5f7;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-form-control:hover, .cptm-form-control:focus,
select.cptm-form-control:hover,
select.cptm-form-control:focus,
input[type=date].cptm-form-control:hover,
input[type=date].cptm-form-control:focus,
input[type=datetime-local].cptm-form-control:hover,
input[type=datetime-local].cptm-form-control:focus,
input[type=datetime].cptm-form-control:hover,
input[type=datetime].cptm-form-control:focus,
input[type=email].cptm-form-control:hover,
input[type=email].cptm-form-control:focus,
input[type=month].cptm-form-control:hover,
input[type=month].cptm-form-control:focus,
input[type=number].cptm-form-control:hover,
input[type=number].cptm-form-control:focus,
input[type=password].cptm-form-control:hover,
input[type=password].cptm-form-control:focus,
input[type=search].cptm-form-control:hover,
input[type=search].cptm-form-control:focus,
input[type=tel].cptm-form-control:hover,
input[type=tel].cptm-form-control:focus,
input[type=text].cptm-form-control:hover,
input[type=text].cptm-form-control:focus,
input[type=time].cptm-form-control:hover,
input[type=time].cptm-form-control:focus,
input[type=url].cptm-form-control:hover,
input[type=url].cptm-form-control:focus,
input[type=week].cptm-form-control input[type=text].cptm-form-control:hover,
input[type=week].cptm-form-control input[type=text].cptm-form-control:focus {
  color: #23282d;
  border-color: #3e62f5;
}

select.cptm-form-control,
input[type=date].cptm-form-control,
input[type=datetime-local].cptm-form-control,
input[type=datetime].cptm-form-control,
input[type=email].cptm-form-control,
input[type=month].cptm-form-control,
input[type=number].cptm-form-control,
input[type=password].cptm-form-control,
input[type=search].cptm-form-control,
input[type=tel].cptm-form-control,
input[type=text].cptm-form-control,
input[type=time].cptm-form-control,
input[type=url].cptm-form-control,
input[type=week].cptm-form-control,
input[type=text].cptm-form-control {
  padding: 10px 20px;
  font-size: 12px;
  color: #4d5761;
  background: #ffffff;
  text-align: right;
  border: 0 none;
  border-radius: 8px;
  border: 1px solid #d2d6db;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  font-weight: 400;
  margin: 0;
  line-height: 18px;
  height: auto;
  min-height: 30px;
}
select.cptm-form-control:hover,
input[type=date].cptm-form-control:hover,
input[type=datetime-local].cptm-form-control:hover,
input[type=datetime].cptm-form-control:hover,
input[type=email].cptm-form-control:hover,
input[type=month].cptm-form-control:hover,
input[type=number].cptm-form-control:hover,
input[type=password].cptm-form-control:hover,
input[type=search].cptm-form-control:hover,
input[type=tel].cptm-form-control:hover,
input[type=text].cptm-form-control:hover,
input[type=time].cptm-form-control:hover,
input[type=url].cptm-form-control:hover,
input[type=week].cptm-form-control:hover,
input[type=text].cptm-form-control:hover {
  color: #23282d;
}
select.cptm-form-control.cptm-form-control-light,
input[type=date].cptm-form-control.cptm-form-control-light,
input[type=datetime-local].cptm-form-control.cptm-form-control-light,
input[type=datetime].cptm-form-control.cptm-form-control-light,
input[type=email].cptm-form-control.cptm-form-control-light,
input[type=month].cptm-form-control.cptm-form-control-light,
input[type=number].cptm-form-control.cptm-form-control-light,
input[type=password].cptm-form-control.cptm-form-control-light,
input[type=search].cptm-form-control.cptm-form-control-light,
input[type=tel].cptm-form-control.cptm-form-control-light,
input[type=text].cptm-form-control.cptm-form-control-light,
input[type=time].cptm-form-control.cptm-form-control-light,
input[type=url].cptm-form-control.cptm-form-control-light,
input[type=week].cptm-form-control.cptm-form-control-light,
input[type=text].cptm-form-control.cptm-form-control-light {
  border: 1px solid #ccc;
  background-color: #fff;
}

.tab-general .cptm-title-area,
.tab-other .cptm-title-area {
  margin-right: 0;
}
.tab-general .cptm-form-group .cptm-form-control,
.tab-other .cptm-form-group .cptm-form-control {
  background-color: #fff;
  border: 1px solid #e3e6ef;
}

.tab-preview_image .cptm-title-area,
.tab-packages .cptm-title-area,
.tab-other .cptm-title-area {
  margin-right: 0;
}
.tab-preview_image .cptm-title-area p,
.tab-packages .cptm-title-area p,
.tab-other .cptm-title-area p {
  font-size: 15px;
  color: #5a5f7d;
}

.cptm-modal-container {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
  z-index: 999999;
  height: 100vh;
}
.cptm-modal-container.active {
  display: block;
}

.cptm-modal-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  height: 100%;
  min-height: calc(100% - 40px);
  -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;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  background-color: rgba(0, 0, 0, 0.5);
}

.cptm-modal {
  display: block;
  margin: 0 auto;
  padding: 10px;
  width: 100%;
  max-width: 300px;
  border-radius: 5px;
  background-color: #fff;
}

.cptm-modal-header {
  position: relative;
  padding: 15px 15px 15px 30px;
  margin: -10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
}

.cptm-modal-header-title {
  text-align: right;
  margin: 0;
}

.cptm-modal-actions {
  display: block;
  margin: 0 -5px;
  position: absolute;
  left: 10px;
  top: 10px;
  text-align: left;
}

.cptm-modal-action-link {
  margin: 0 5px;
  text-decoration: none;
  height: 25px;
  display: inline-block;
  width: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  color: #2b2b2b;
  font-size: 18px;
}

.cptm-modal-confirmation-title {
  margin: 30px auto;
  font-size: 20px;
  text-align: center;
}

.cptm-section-alert-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -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;
  min-height: 200px;
}

.cptm-section-alert-content {
  text-align: center;
  padding: 10px;
}

.cptm-section-alert-icon {
  margin-bottom: 20px;
  width: 100px;
  height: 100px;
  font-size: 45px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-radius: 50%;
  color: darkgray;
  background-color: #f2f2f2;
}
.cptm-section-alert-icon.cptm-alert-success {
  color: #fff;
  background-color: #14cc60;
}
.cptm-section-alert-icon.cptm-alert-error {
  color: #fff;
  background-color: #cc1433;
}

.cptm-color-picker-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.cptm-color-picker-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}

.cptm-wdget-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.atbdp-flex-align-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-px-5 {
  padding: 0 5px;
}

.cptm-text-gray {
  color: #c1c1c1;
}

.cptm-text-right {
  text-align: left !important;
}

.cptm-text-center {
  text-align: center !important;
}

.cptm-text-left {
  text-align: right !important;
}

.cptm-d-block {
  display: block !important;
}

.cptm-d-inline {
  display: inline-block !important;
}

.cptm-d-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cptm-d-none {
  display: none !important;
}

.cptm-p-20 {
  padding: 20px;
}

.cptm-color-picker {
  display: inline-block;
  padding: 5px 5px 2px 5px;
  border-radius: 30px;
  border: 1px solid #d4d4d4;
}

input[type=radio]:checked::before {
  background-color: #3e62f5;
}

@media (max-width: 767px) {
  input[type=checkbox],
  input[type=radio] {
    width: 15px;
    height: 15px;
  }
}

.cptm-preview-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 70px 54px 70px 30px;
  background: #f9fafb;
}
@media (max-width: 1199px) {
  .cptm-preview-placeholder {
    margin-left: 0;
  }
}
@media only screen and (max-width: 480px) {
  .cptm-preview-placeholder {
    border: none;
    max-width: 100%;
    padding: 0;
    margin: 0;
    background: transparent;
  }
}
.cptm-preview-placeholder__card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 20px;
  background: #ffffff;
  border-radius: 6px;
  border: 1.5px solid #e5e7eb;
  -webkit-box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1);
          box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1);
}
.cptm-preview-placeholder__card__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px;
  border-radius: 4px;
}
.cptm-preview-placeholder__card__item--top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1.5px dashed #d2d6db;
}
.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__content {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box {
  -webkit-box-flex: unset;
  -webkit-flex: unset;
      -ms-flex: unset;
          flex: unset;
  min-width: auto;
  background: unset;
  border: none;
  padding: 0;
}
.cptm-preview-placeholder__card__item--top .cptm-placeholder-block-wrapper {
  -webkit-box-flex: unset;
  -webkit-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.cptm-preview-placeholder__card__item--bottom .cptm-preview-placeholder__card__box .cptm-widget-card-wrap .cptm-widget-badge {
  font-size: 12px;
  line-height: 18px;
  color: #1f2937;
  min-height: 32px;
  background-color: #ffffff;
  border-radius: 6px;
  border: 1.15px solid #e5e7eb;
}
.cptm-preview-placeholder__card__item .dndrop-draggable-wrapper.dragging {
  opacity: 0;
}
.cptm-preview-placeholder__card__item .cptm-widget-actions-tools-wrap:before {
  display: none;
}
.cptm-preview-placeholder__card__box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 150px;
  z-index: unset;
}
.cptm-preview-placeholder__card__box .cptm-placeholder-label {
  color: #868eae;
  font-size: 14px;
  font-weight: 500;
}
.cptm-preview-placeholder__card__box .cptm-widget-preview-area {
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  min-height: 35px;
  padding: 0 13px;
  border-radius: 4px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  color: #383f47;
  background-color: #e5e7eb;
}
@media only screen and (max-width: 480px) {
  .cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge {
    font-size: 12px;
    line-height: 15px;
  }
}
.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap {
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap .cptm-widget-title-card {
  font-size: 22px;
}
@media only screen and (max-width: 480px) {
  .cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap .cptm-widget-title-card {
    font-size: 18px;
  }
}
.cptm-preview-placeholder__card__box.listing-title-placeholder {
  padding: 13px 8px;
}
.cptm-preview-placeholder__card__content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cptm-preview-placeholder__card__btn {
  width: 100%;
  height: 66px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: #5a5f7d;
  font-size: 13px;
  font-weight: 500;
  margin-top: 20px;
}
.cptm-preview-placeholder__card__btn .icon {
  width: 26px;
  height: 26px;
  line-height: 26px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-margin-end: 7px;
          margin-inline-end: 7px;
}
.cptm-preview-placeholder__card .slider-placeholder {
  padding: 8px;
  border-radius: 4px;
  border: 1.5px dashed #d2d6db;
}
.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 50px;
  text-align: center;
  height: 240px;
  background: #e5e7eb;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
  .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area {
    padding: 30px;
  }
  .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-thumb-icon {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-thumb-icon svg {
    height: 100px;
    width: 100px;
  }
}
.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label {
  margin-top: 10px;
}
.cptm-preview-placeholder__card .dndrop-container.vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
}
.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper {
  overflow: visible;
}
.cptm-preview-placeholder__card .draggable-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: 8px;
}
.cptm-preview-placeholder__card .draggable-item .cptm-drag-element {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #747c89;
  margin-top: 15px;
  background: transparent;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  cursor: move;
}
.cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover {
  color: #1e1e1e;
}
.cptm-preview-placeholder--settings-closed {
  max-width: 700px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .cptm-preview-placeholder--settings-closed {
    max-width: 100%;
  }
}

.atbdp-sidebar-nav-area {
  display: block;
}

.atbdp-sidebar-nav {
  display: block;
  margin: 0;
  background-color: #f6f6f6;
}

.atbdp-nav-link {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #2b2b2b;
}

.atbdp-nav-icon {
  display: inline-block;
  margin-left: 10px;
}

.atbdp-nav-label {
  display: inline-block;
}

.atbdp-sidebar-nav-item {
  display: block;
  margin: 0;
}
.atbdp-sidebar-nav-item .atbdp-nav-link {
  display: block;
}
.atbdp-sidebar-nav-item .atbdp-nav-icon {
  display: inline-block;
}
.atbdp-sidebar-nav-item .atbdp-nav-label {
  display: inline-block;
}
.atbdp-sidebar-nav-item.active {
  display: block;
  background-color: #fff;
}
.atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav {
  display: block;
}
.atbdp-sidebar-nav-item.active .atbdp-nav-link {
  display: block;
}
.atbdp-sidebar-nav-item.active .atbdp-nav-icon {
  display: inline-block;
}
.atbdp-sidebar-nav-item.active .atbdp-nav-label {
  display: inline-block;
}

.atbdp-sidebar-subnav {
  display: block;
  margin: 0;
  margin-right: 28px;
  display: none;
}

.atbdp-sidebar-subnav-item {
  display: block;
  margin: 0;
}
.atbdp-sidebar-subnav-item .atbdp-nav-link {
  color: #686d88;
}
.atbdp-sidebar-subnav-item .atbdp-nav-icon {
  display: inline-block;
}
.atbdp-sidebar-subnav-item .atbdp-nav-label {
  display: inline-block;
}
.atbdp-sidebar-subnav-item.active {
  display: block;
  margin: 0;
}
.atbdp-sidebar-subnav-item.active .atbdp-nav-link {
  display: block;
}
.atbdp-sidebar-subnav-item.active .atbdp-nav-icon {
  display: inline-block;
}
.atbdp-sidebar-subnav-item.active .atbdp-nav-label {
  display: inline-block;
}

.atbdp-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}

.atbdp-col {
  padding: 0 15px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.atbdp-col-3 {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  width: 25%;
}

.atbdp-col-4 {
  -webkit-flex-basis: 33.3333333333%;
      -ms-flex-preferred-size: 33.3333333333%;
          flex-basis: 33.3333333333%;
  width: 33.3333333333%;
}

.atbdp-col-8 {
  -webkit-flex-basis: 66.6666666667%;
      -ms-flex-preferred-size: 66.6666666667%;
          flex-basis: 66.6666666667%;
  width: 66.6666666667%;
}

.shrink {
  max-width: 300px;
}

.directorist_dropdown {
  position: relative;
}
.directorist_dropdown .directorist_dropdown-toggle {
  position: relative;
  text-decoration: none;
  display: block;
  width: 100%;
  max-height: 38px;
  font-size: 12px;
  font-weight: 400;
  background-color: transparent;
  color: #4d5761;
  padding: 12px 15px;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist_dropdown .directorist_dropdown-toggle:focus {
  outline: 0 none;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
}
.directorist_dropdown .directorist_dropdown-toggle:before {
  font-family: unicons-line;
  font-weight: 400;
  font-size: 20px;
  content: "\eb3a";
  color: #747c89;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  height: 20px;
}
.directorist_dropdown .directorist_dropdown-option {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 350px;
  right: 0;
  top: 39px;
  padding: 12px 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  z-index: 99999;
  overflow-y: auto;
}
.directorist_dropdown .directorist_dropdown-option.--show {
  display: block !important;
}
.directorist_dropdown .directorist_dropdown-option ul {
  margin: 0;
  padding: 0;
}
.directorist_dropdown .directorist_dropdown-option ul:empty {
  position: relative;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.directorist_dropdown .directorist_dropdown-option ul:empty:before {
  content: "No Items Found";
}
.directorist_dropdown .directorist_dropdown-option ul li {
  margin-bottom: 0;
}
.directorist_dropdown .directorist_dropdown-option ul li a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  padding: 9px 15px;
  border-radius: 8px;
  color: #4d5761;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.directorist_dropdown .directorist_dropdown-option ul li a:hover, .directorist_dropdown .directorist_dropdown-option ul li a.active:hover {
  color: #fff;
  background-color: #3e62f5;
}
.directorist_dropdown .directorist_dropdown-option ul li a.active {
  color: #3e62f5;
  background-color: #f0f3ff;
}

.cptm-form-group .directorist_dropdown-option {
  max-height: 240px;
}

.cptm-import-directory-modal .cptm-file-input-wrap {
  margin: 16px -5px 0 -5px;
}
.cptm-import-directory-modal .cptm-info-text {
  padding: 4px 8px;
  height: auto;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-import-directory-modal .cptm-info-text > b {
  margin-left: 4px;
}

/* Sticky fields */
.cptm-col-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  height: 100%;
  max-height: calc(100vh - 212px);
  overflow: auto;
  scrollbar-width: 6px;
  scrollbar-color: #d2d6db #f3f4f6;
}

.cptm-widget-trash-confirmation-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  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;
  z-index: 999999;
}
.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal {
  background: #fff;
  padding: 30px 25px;
  border-radius: 8px;
  text-align: center;
}
.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 18px;
}
.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p {
  margin: 0 0 20px;
  font-size: 14px;
  max-width: 400px;
}
.cptm-widget-trash-confirmation-modal-overlay button {
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgb(197, 22, 22);
  padding: 10px 15px;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.cptm-widget-trash-confirmation-modal-overlay button:hover {
  background: #ba1230;
}
.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel {
  background: #f1f2f6;
  color: #7a8289;
}
.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover {
  background: #dee0e4;
}

.cptm-field-group-container .cptm-field-group-container__label {
  font-size: 15px;
  font-weight: 500;
  color: #272b41;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .cptm-field-group-container .cptm-field-group-container__label {
    margin-bottom: 15px;
  }
}

.cptm-container-group-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 26px;
}
@media only screen and (max-width: 1300px) {
  .cptm-container-group-fields {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1300px) {
  .cptm-container-group-fields .cptm-form-group:not(:last-child) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .cptm-container-group-fields .cptm-form-group {
    width: 100%;
  }
}
.cptm-container-group-fields .highlight-field {
  padding: 0;
}
.cptm-container-group-fields .atbdp-row {
  margin: 0;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-container-group-fields .atbdp-row .atbdp-col {
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
      -ms-flex: none !important;
          flex: none !important;
  width: auto;
  padding: 0;
}
.cptm-container-group-fields .atbdp-row .atbdp-col input {
  max-width: 100px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 991px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col input {
    max-width: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col input {
    max-width: 150px !important;
  }
}
.cptm-container-group-fields .atbdp-row .atbdp-col label {
  margin: 0;
  font-size: 14px !important;
  font-weight: normal;
}
@media only screen and (max-width: 1300px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col label {
    min-width: 50px;
  }
}
.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown {
  width: 95px;
}
.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown .directorist_dropdown-toggle:before {
  position: relative;
  top: -3px;
}
@media only screen and (max-width: 991px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown {
    width: calc(100% - 2px);
  }
}
@media only screen and (max-width: 767px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown {
    width: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: auto !important;
        -ms-flex: auto !important;
            flex: auto !important;
  }
}
@media only screen and (max-width: 767px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 {
    width: auto !important;
  }
}

.cptm-elements-settings {
  width: 100%;
  max-width: 372px;
  padding: 0 20px;
  scrollbar-width: 6px;
  border-left: 1px solid #e5e7eb;
  scrollbar-color: #d2d6db #f3f4f6;
}
@media only screen and (max-width: 1199px) {
  .cptm-elements-settings {
    max-width: 100%;
  }
}
@media only screen and (max-width: 782px) {
  .cptm-elements-settings {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (max-width: 480px) {
  .cptm-elements-settings {
    border: none;
    padding: 0;
  }
}
.cptm-elements-settings__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 18px 0 8px;
}
.cptm-elements-settings__header__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #141921;
  margin: 0;
}
.cptm-elements-settings__group {
  padding: 20px 0;
  border-bottom: 1px solid #e5e7eb;
}
.cptm-elements-settings__group .dndrop-draggable-wrapper {
  position: relative;
  overflow: visible !important;
}
.cptm-elements-settings__group .dndrop-draggable-wrapper.dragging {
  opacity: 0;
}
.cptm-elements-settings__group:last-child {
  border-bottom: none;
}
.cptm-elements-settings__group__title {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.48px;
  color: #747c89;
  margin-bottom: 15px;
}
.cptm-elements-settings__group__single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  border-radius: 4px;
  background: #f3f4f6;
}
.cptm-elements-settings__group__single:hover {
  border-color: #3e62f5;
}
.cptm-elements-settings__group__single .drag-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: #747c89;
  background: transparent;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  cursor: move;
}
.cptm-elements-settings__group__single .drag-icon:hover {
  color: #1e1e1e;
}
.cptm-elements-settings__group__single__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #383f47;
}
.cptm-elements-settings__group__single__label__icon {
  color: #4d5761;
  font-size: 24px;
}
@media only screen and (max-width: 480px) {
  .cptm-elements-settings__group__single__label__icon {
    font-size: 20px;
  }
}
.cptm-elements-settings__group__single__action {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-elements-settings__group__single__edit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-elements-settings__group__single__edit__icon {
  font-size: 20px;
  color: #4d5761;
}
.cptm-elements-settings__group__single__edit--disabled {
  opacity: 0.4;
  pointer-events: none;
}
.cptm-elements-settings__group__single__switch label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 32px;
  height: 18px;
  cursor: pointer;
}
.cptm-elements-settings__group__single__switch label::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #d2d6db;
  border-radius: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cptm-elements-settings__group__single__switch label::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cptm-elements-settings__group__single__switch input[type=checkbox] {
  display: none;
}
.cptm-elements-settings__group__single__switch input[type=checkbox]:checked + label::before {
  background-color: #3e62f5;
}
.cptm-elements-settings__group__single__switch input[type=checkbox]:checked + label::after {
  -webkit-transform: translateX(-14px);
          transform: translateX(-14px);
}
.cptm-elements-settings__group__single--disabled {
  opacity: 0.4;
  pointer-events: none;
}
.cptm-elements-settings__group__options {
  position: absolute;
  width: 100%;
  top: 42px;
  right: 0;
  z-index: 1;
  padding-bottom: 20px;
}
.cptm-elements-settings__group__options .cptm-option-card {
  margin: 0;
  background: #fff;
  -webkit-box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843);
          box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843);
}
.cptm-elements-settings__group__options .cptm-option-card:before {
  left: 60px;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header {
  padding: 0;
  border-radius: 8px 8px 0 0;
  background: transparent;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section {
  padding: 16px;
  min-height: auto;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section .cptm-option-card-header-title {
  font-size: 14px;
  font-weight: 500;
  color: #2c3239;
  margin: 0;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section .cptm-header-action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  color: #4d5761;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  background: transparent;
  border-top: 1px solid #e5e7eb;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body .cptm-form-group {
  margin-bottom: 0;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body .cptm-form-group label {
  font-size: 13px;
  font-weight: 500;
}
.cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper {
  margin-bottom: 8px;
}
.cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper:last-child {
  margin-bottom: 0;
}

.reset-pseudo-link:visited, .cptm-btn:visited, .cptm-header-nav__list-item-link:visited, .cptm-link-light:visited, .cptm-sub-nav__item-link:visited, .cptm-header-action-link:visited, .cptm-modal-action-link:visited, .atbdp-nav-link:visited, .reset-pseudo-link:active, .cptm-btn:active, .cptm-header-nav__list-item-link:active, .cptm-link-light:active, .cptm-sub-nav__item-link:active, .cptm-header-action-link:active, .cptm-modal-action-link:active, .atbdp-nav-link:active, .reset-pseudo-link:focus, .cptm-btn:focus, .cptm-header-nav__list-item-link:focus, .cptm-link-light:focus, .cptm-sub-nav__item-link:focus, .cptm-header-action-link:focus, .cptm-modal-action-link:focus, .atbdp-nav-link:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cptm-shortcodes {
  max-height: 300px;
  overflow: scroll;
}

.directorist-center-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.directorist-center-content-inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.directorist-center-content,
.directorist-center-content-inline {
  -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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.directorist-text-right {
  text-align: left;
}

.directorist-text-center {
  text-align: center;
}

.directorist-text-left {
  text-align: right;
}

.directorist-mt-0 {
  margin-top: 0 !important;
}

.directorist-mt-5 {
  margin-top: 5px !important;
}

.directorist-mt-10 {
  margin-top: 10px !important;
}

.directorist-mt-15 {
  margin-top: 15px !important;
}

.directorist-mt-20 {
  margin-top: 20px !important;
}

.directorist-mt-30 {
  margin-top: 30px !important;
}

.directorist-mb-0 {
  margin-bottom: 0 !important;
}

.directorist-mb-35 {
  margin-bottom: 35px !important;
}

.directorist-mb-30 {
  margin-bottom: 30px !important;
}

.directorist-mb-25 {
  margin-bottom: 25px !important;
}

.directorist-mb-20 {
  margin-bottom: 20px !important;
}

.directorist-mb-n20 {
  margin-bottom: -20px !important;
}

.directorist-mb-10 {
  margin-bottom: 10px !important;
}

.directorist-mb-15 {
  margin-bottom: 15px !important;
}

.directorist-mb-20 {
  margin-bottom: 20px !important;
}

.directorist-mb-30 {
  margin-bottom: 30px !important;
}

.directorist-mb-35 {
  margin-bottom: 35px !important;
}

.directorist-mb-40 {
  margin-bottom: 40px !important;
}

.directorist-mb-50 {
  margin-bottom: 50px !important;
}

.directorist-mb-70 {
  margin-bottom: 70px !important;
}

.directorist-mb-80 {
  margin-bottom: 80px !important;
}

.directorist-pb-100 {
  padding-bottom: 100px !important;
}

.directorist-w-100 {
  width: 100% !important;
  max-width: 100% !important;
}

.directorist-draggable-list-item-wrapper {
  position: relative;
  height: 100%;
}

.directorist-droppable-area-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 888888888;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: -20px;
}

.directorist-droppable-area {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.directorist-droppable-item-preview {
  height: 52px;
  background-color: rgba(44, 153, 255, 0.1);
  margin-bottom: 20px;
  margin-left: 0;
  border-radius: 4px;
}

.directorist-droppable-item-preview-before {
  margin-bottom: 20px;
}

.directorist-droppable-item-preview-after {
  margin-bottom: 20px;
}

/* Create Directory Type */
.directorist-directory-type-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 15px 30px;
  padding: 0 20px;
  background: white;
  min-height: 60px;
  border-bottom: 1px solid #e5e7eb;
  position: fixed;
  left: 0;
  top: 32px;
  width: calc(100% - 200px);
  z-index: 9999;
}
.directorist-directory-type-top:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  height: 10px;
  width: 100%;
  background-color: #f3f4f6;
}
@media only screen and (max-width: 782px) {
  .directorist-directory-type-top {
    position: relative;
    width: calc(100% + 20px);
    top: -10px;
    right: -10px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (max-width: 480px) {
  .directorist-directory-type-top {
    padding: 10px 30px;
  }
}
.directorist-directory-type-top-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 24px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .directorist-directory-type-top-left {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.directorist-directory-type-top-left .cptm-form-group {
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback {
  white-space: nowrap;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control {
  height: 36px;
  border-radius: 8px;
  background: #e5e7eb;
  max-width: 150px;
  padding: 10px 16px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-webkit-input-placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-moz-placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control:-ms-input-placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-ms-input-placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback .cptm-form-alert {
  padding: 0;
}
.directorist-directory-type-top-left .directorist-back-directory {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.directorist-directory-type-top-left .directorist-back-directory svg {
  width: 14px;
  height: 14px;
  color: inherit;
}
.directorist-directory-type-top-left .directorist-back-directory:hover {
  color: #3e62f5;
}
.directorist-directory-type-top-right .directorist-create-directory {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  text-decoration: none;
  padding: 0 24px;
  height: 40px;
  border: 1px solid #3e62f5;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1);
          box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1);
  background-color: #3e62f5;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.directorist-directory-type-top-right .directorist-create-directory:hover {
  background-color: #5a7aff;
  border-color: #5a7aff;
}
.directorist-directory-type-top-right .cptm-btn {
  margin: 0;
}

.directorist-type-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #141921;
  line-height: 16px;
}
.directorist-type-name span {
  font-size: 20px;
  color: #747c89;
}

.directorist-type-name-editable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.directorist-type-name-editable span {
  font-size: 20px;
  color: #747c89;
}
.directorist-type-name-editable span:hover {
  color: #3e62f5;
}

.directorist-directory-type-bottom {
  position: fixed;
  bottom: 0;
  left: 20px;
  width: calc(100% - 204px);
  height: calc(100% - 115px);
  overflow-y: auto;
  z-index: 1;
  background: white;
  margin-top: 67px;
  border-radius: 8px 8px 0 0;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08);
          box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08);
}
@media only screen and (max-width: 782px) {
  .directorist-directory-type-bottom {
    position: unset;
    width: 100%;
    height: auto;
    overflow-y: visible;
    margin-top: 20px;
  }
  .directorist-directory-type-bottom .atbdp-cptm-body {
    margin: 0 20px 20px !important;
  }
}
.directorist-directory-type-bottom .cptm-header-navigation {
  position: fixed;
  left: 20px;
  top: 113px;
  width: calc(100% - 202px);
  background: #ffffff;
  border: 1px solid #e5e7eb;
  gap: 0 32px;
  padding: 0 30px;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  border-radius: 8px 8px 0 0;
  overflow-x: auto;
  z-index: 100;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .directorist-directory-type-bottom .cptm-header-navigation {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 782px) {
  .directorist-directory-type-bottom .cptm-header-navigation {
    position: unset;
    width: 100%;
    border: none;
  }
}
.directorist-directory-type-bottom .atbdp-cptm-body {
  position: relative;
  margin-top: 72px;
}
@media only screen and (max-width: 600px) {
  .directorist-directory-type-bottom .atbdp-cptm-body {
    margin-top: 0;
  }
}

.wp-admin.folded .directorist-directory-type-top {
  width: calc(100% - 78px);
}
@media only screen and (max-width: 782px) {
  .wp-admin.folded .directorist-directory-type-top {
    width: calc(100% - 40px);
  }
}
.wp-admin.folded .directorist-directory-type-bottom {
  width: calc(100% - 80px);
}
.wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation {
  width: calc(100% - 78px);
}
@media only screen and (max-width: 782px) {
  .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation {
    width: 100%;
    border-width: 0 0 1px 0;
  }
}

.directorist-draggable-form-list-wrap {
  margin-left: 50px;
}

/* Body Header */
.directorist-form-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 26px;
}
.directorist-form-action__modal-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -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;
  gap: 6px;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  background: transparent;
  color: #4d5761;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-transform: capitalize;
}
.directorist-form-action__modal-btn svg {
  width: 14px;
  height: 14px;
  color: inherit;
}
.directorist-form-action__modal-btn:hover {
  color: #217aef;
  background: #eff8ff;
  border-color: #bee3ff;
}
.directorist-form-action__link {
  margin-top: 2px;
  font-size: 12px;
  font-weight: 500;
  color: #1b50b2;
  line-height: 20px;
  letter-spacing: 0.12px;
  text-decoration: underline;
}
.directorist-form-action__view {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
  gap: 6px;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  background: transparent;
  color: #4d5761;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.12px;
  text-transform: capitalize;
}
.directorist-form-action__view svg {
  width: 14px;
  height: 14px;
  color: inherit;
}
.directorist-form-action__view:hover {
  color: #217aef;
  background: #eff8ff;
  border-color: #bee3ff;
}
.directorist-form-action__view:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cptm-form-note {
  margin-bottom: 30px;
  padding: 30px;
  background-color: #dcebfe;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cptm-form-note i {
  font-size: 30px;
  opacity: 0.2;
  margin-left: 15px;
}
.cptm-form-note .cptm-form-note-title {
  margin-top: 0;
  color: #157cf6;
}
.cptm-form-note .cptm-form-note-content {
  margin: 5px 0;
}
.cptm-form-note .cptm-form-note-content a {
  color: #157cf6;
}

#atbdp_cpt_options_metabox .inside {
  margin: 0;
  padding: 0;
}
#atbdp_cpt_options_metabox .postbox-header {
  display: none;
}

.atbdp-cpt-manager {
  position: relative;
  display: block;
  color: #23282d;
}
.atbdp-cpt-manager.directorist-overlay-visible {
  position: fixed;
  z-index: 9;
  width: calc(100% - 200px);
}
.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top,
.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation {
  z-index: 1;
}
.atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields {
  z-index: 11;
}

.atbdp-cptm-header {
  display: block;
}
.atbdp-cptm-header .cptm-form-group .cptm-form-control {
  height: 50px;
  font-size: 20px;
}

.atbdp-cptm-body {
  display: block;
}

.cptm-field-wraper-key-preview_image .cptm-btn {
  margin: 0 10px;
  height: 40px;
  color: #23282d !important;
  background-color: #dadce0 !important;
  border-radius: 4px !important;
  border: 0 none;
  font-weight: 500;
  padding: 0 30px;
}

.atbdp-cptm-footer {
  display: block;
  padding: 24px 0 0;
  margin: 0 30px 0 50px;
  border-top: 1px solid #e5e7eb;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 20px;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #4d5761;
  cursor: pointer;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 20px;
  border-radius: 30px;
  background: #d2d6db;
  border: 3px solid #d2d6db;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:after {
  content: "";
  position: absolute;
  left: 19px;
  top: 3px;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border-radius: 100%;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle {
  display: none;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:before {
  background-color: #3e62f5;
  border-color: #3e62f5;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:after {
  left: 3px;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc {
  font-size: 12px;
  font-weight: 400;
  color: #747c89;
}

.atbdp-cptm-footer-actions {
  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-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.atbdp-cptm-footer-actions .cptm-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-weight: 500;
  font-size: 15px;
  height: 48px;
  padding: 0 30px;
  margin: 0;
}
.atbdp-cptm-footer-actions .cptm-save-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -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;
}

.cptm-title-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
  padding: 15px 10px;
  background-color: #fff;
}

.cptm-card-preview-widget .cptm-title-bar {
  margin: 0;
}

.cptm-title-bar-headings {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 10px;
}

.cptm-title-bar-actions {
  min-width: 100px;
  max-width: 220px;
  padding: 10px;
}

.cptm-label-btn {
  display: inline-block;
}

.cptm-btn,
.cptm-btn.cptm-label-btn {
  margin: 0 5px 10px;
  display: inline-block;
  text-align: center;
  border: 1px solid transparent;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  vertical-align: top;
}
.cptm-btn:disabled,
.cptm-btn.cptm-label-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.cptm-btn.cptm-label-btn {
  display: inline-block;
  vertical-align: top;
}
.cptm-btn.cptm-btn-rounded {
  border-radius: 30px;
}
.cptm-btn.cptm-btn-primary {
  color: #fff;
  border-color: #3e62f5;
  background-color: #3e62f5;
}
.cptm-btn.cptm-btn-primary:hover {
  background-color: #345af4;
}
.cptm-btn.cptm-btn-secondery {
  color: #3e62f5;
  border-color: #3e62f5;
  background-color: transparent;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 15px !important;
}
.cptm-btn.cptm-btn-secondery:hover {
  color: #fff;
  background-color: #3e62f5;
}

.cptm-file-input-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-file-input-wrap .cptm-btn {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-btn-box {
  display: block;
}

.cptm-form-builder-group-field-drop-area {
  display: block;
  padding: 14px 20px;
  border-radius: 4px;
  margin: 16px 0 0;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #747c89;
  background-color: #f9fafb;
  font-style: italic;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  border: 1px dashed #d2d6db;
  -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08);
          box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08);
}
.cptm-form-builder-group-field-drop-area:first-child {
  margin-top: 0;
}
.cptm-form-builder-group-field-drop-area.drag-enter {
  color: #3e62f5;
  background-color: #d8e0fd;
  border-color: #3e62f5;
}

.cptm-form-builder-group-field-drop-area-label {
  margin: 0;
  pointer-events: none;
}

.atbdp-cptm-status-feedback {
  position: fixed;
  top: 70px;
  right: calc(50% + 150px);
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  min-width: 300px;
  z-index: 9999;
}
@media screen and (max-width: 960px) {
  .atbdp-cptm-status-feedback {
    right: calc(50% + 100px);
  }
}
@media screen and (max-width: 782px) {
  .atbdp-cptm-status-feedback {
    right: 50%;
  }
}

.cptm-alert {
  position: relative;
  padding: 14px 52px 14px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #053e29;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1);
          box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1);
}
.cptm-alert:before {
  content: "";
  position: absolute;
  top: 14px;
  right: 24px;
  font-size: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.cptm-alert-success {
  background-color: #ecfdf3;
  border: 1px solid #14b570;
}
.cptm-alert-success:before {
  content: "\f058";
  color: #14b570;
}

.cptm-alert-error {
  background-color: #f3d6d6;
  border: 1px solid #c51616;
}
.cptm-alert-error:before {
  content: "\f057";
  color: #c51616;
}

.cptm-dropable-element {
  position: relative;
}

.cptm-dropable-base-element {
  display: block;
  position: relative;
  padding: 0;
  -webkit-transition: ease-in-out all 300ms;
  transition: ease-in-out all 300ms;
}

.cptm-dropable-area {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
}

.cptm-dropable-placeholder {
  padding: 0;
  margin: 0;
  height: 0;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  background: RGBA(61, 98, 245, 0.45);
}
.cptm-dropable-placeholder.active {
  padding: 10px 15px;
  margin: 0;
  height: 30px;
}

.cptm-dropable-inside {
  padding: 10px;
}

.cptm-dropable-area-inside {
  display: block;
  height: 100%;
}

.cptm-dropable-area-right {
  display: block;
}

.cptm-dropable-area-left {
  display: block;
}

.cptm-dropable-area-right,
.cptm-dropable-area-left {
  display: block;
  float: right;
  width: 50%;
  height: 100%;
}

.cptm-dropable-area-top {
  display: block;
}

.cptm-dropable-area-bottom {
  display: block;
}

.cptm-dropable-area-top,
.cptm-dropable-area-bottom {
  display: block;
  width: 100%;
  height: 50%;
}

.cptm-header-navigation {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  .cptm-header-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.cptm-header-nav__list-item {
  margin: 0;
  display: inline-block;
  list-style: none;
  text-align: center;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 480px) {
  .cptm-header-nav__list-item {
    width: 100%;
  }
}

.cptm-header-nav__list-item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  text-decoration: none;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  position: relative;
  color: #4d5761;
  font-weight: 500;
  padding: 24px 0;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .cptm-header-nav__list-item-link {
    padding: 16px 0;
  }
}
.cptm-header-nav__list-item-link:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: calc(100% + 55px);
  height: 3px;
  background-color: transparent;
  border-radius: 2px 2px 0 0;
}
.cptm-header-nav__list-item-link .cptm-header-nav__icon {
  font-size: 24px;
}
.cptm-header-nav__list-item-link.active {
  font-weight: 600;
}
.cptm-header-nav__list-item-link.active:before {
  background-color: #3e62f5;
}
.cptm-header-nav__list-item-link.active .cptm-header-nav__icon,
.cptm-header-nav__list-item-link.active .cptm-header-nav__label {
  color: #3e62f5;
}

.cptm-header-nav__icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cptm-header-nav__icon svg {
  width: 24px;
  height: 24px;
}

.cptm-header-nav__label {
  display: block;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  font-size: 14px;
  font-weight: 500;
}

.cptm-title-area {
  margin-bottom: 20px;
}

.submission-form .cptm-title-area {
  width: 100%;
}

.tab-general .cptm-title-area {
  margin-right: 0;
}

.cptm-link-light {
  color: #fff;
}
.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active {
  color: #fff;
}

.cptm-color-white {
  color: #fff;
}

.cptm-my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.cptm-mb-60 {
  margin-bottom: 60px;
}

.cptm-mr-5 {
  margin-left: 5px;
}

.cptm-title {
  margin: 0;
  font-size: 19px;
  font-weight: 600;
  color: #141921;
  line-height: 1.2;
}

.cptm-des {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #4d5761;
  margin-top: 10px;
}

.atbdp-cptm-tab-contents {
  width: 100%;
  display: block;
  background-color: #fff;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header {
  margin-top: 92px;
}
@media only screen and (max-width: 782px) {
  .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header {
    margin-top: 20px;
  }
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation {
  width: auto;
  max-width: 658px;
  margin: 0 auto;
  gap: 16px;
  padding: 0;
  border-radius: 8px 8px 0 0;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  border-bottom: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link {
  height: 47px;
  padding: 0 8px;
  border: none;
  border-radius: 0;
  position: relative;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background: transparent;
  border-radius: 2px 2px 0 0;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active {
  color: #3e62f5;
  background: transparent;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover svg path, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active svg path {
  stroke: #3e62f5;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover:before, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active:before {
  background: #3e62f5;
}

.atbdp-cptm-tab-item {
  display: none;
}
.atbdp-cptm-tab-item.active {
  display: block;
}

.cptm-tab-content-header {
  position: relative;
  background: transparent;
  max-width: 100%;
  margin: 82px auto 0;
}
@media only screen and (max-width: 782px) {
  .cptm-tab-content-header {
    margin-top: 0;
  }
}
.cptm-tab-content-header .cptm-tab-content-header__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 32px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 11;
}
@media only screen and (max-width: 991px) {
  .cptm-tab-content-header .cptm-tab-content-header__action {
    left: 25px;
  }
}
@media only screen and (max-width: 782px) {
  .cptm-tab-content-header .cptm-sub-navigation {
    padding-left: 70px;
    margin-top: 20px;
  }
  .cptm-tab-content-header .cptm-tab-content-header__action {
    top: 0;
    -webkit-transform: unset;
            transform: unset;
  }
}
@media only screen and (max-width: 480px) {
  .cptm-tab-content-header .cptm-sub-navigation {
    margin-top: 0;
  }
  .cptm-tab-content-header .cptm-tab-content-header__action {
    left: 0;
  }
}

.cptm-tab-content-body {
  display: block;
}

.cptm-tab-content {
  position: relative;
  margin: 0 auto;
  min-height: 500px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-tab-content.tab-wide {
  max-width: 1080px;
}
.cptm-tab-content.tab-short-wide {
  max-width: 600px;
}
.cptm-tab-content.tab-full-width {
  max-width: 100%;
}
.cptm-tab-content.cptm-tab-content-general {
  top: 32px;
  padding: 32px 30px 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin: 0 auto 70px;
}
@media only screen and (max-width: 960px) {
  .cptm-tab-content.cptm-tab-content-general {
    max-width: 100%;
    margin: 0 20px 52px;
  }
}
@media only screen and (max-width: 782px) {
  .cptm-tab-content.cptm-tab-content-general {
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  .cptm-tab-content.cptm-tab-content-general {
    top: 0;
  }
}

.cptm-short-wide {
  max-width: 550px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cptm-tab-sub-content-item {
  margin: 0 auto;
  display: none;
}
.cptm-tab-sub-content-item.active {
  display: block;
}

.cptm-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}

.cptm-col-5 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(42.66% - 30px);
  padding: 0 15px;
}
@media (max-width: 767px) {
  .cptm-col-5 {
    width: calc(100% - 30px);
    margin-bottom: 30px;
  }
}

.cptm-col-6 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(50% - 30px);
  padding: 0 15px;
}
@media (max-width: 767px) {
  .cptm-col-6 {
    width: calc(100% - 30px);
    margin-bottom: 30px;
  }
}

.cptm-col-7 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(57.33% - 30px);
  padding: 0 15px;
}
@media (max-width: 767px) {
  .cptm-col-7 {
    width: calc(100% - 30px);
    margin-bottom: 30px;
  }
}

.cptm-section {
  position: relative;
  z-index: 10;
}
.cptm-section.cptm-section--disabled .cptm-builder-section {
  opacity: 0.6;
  pointer-events: none;
}
.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container {
  height: 100%;
  padding-bottom: 400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-section.single_listing_header {
  border-top: 1px solid #e5e7eb;
}
.cptm-section.search_form_fields .directorist-form-action, .cptm-section.submission_form_fields .directorist-form-action {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}
.cptm-section.preview_mode {
  position: absolute;
  left: 24px;
  bottom: 18px;
  width: calc(100% - 420px);
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.cptm-section.preview_mode:before {
  content: "";
  position: absolute;
  top: 0;
  right: 43px;
  height: 1px;
  width: calc(100% - 86px);
  background-color: #f3f4f6;
}
@media only screen and (min-width: 1441px) {
  .cptm-section.preview_mode {
    width: calc(65% - 49px);
  }
}
@media only screen and (max-width: 1024px) {
  .cptm-section.preview_mode {
    width: calc(100% - 49px);
  }
}
@media only screen and (max-width: 480px) {
  .cptm-section.preview_mode {
    width: 100%;
    position: unset;
    margin-top: 20px;
  }
}
.cptm-section.preview_mode .cptm-title-area {
  display: none;
}
.cptm-section.preview_mode .cptm-input-toggle-wrap {
  gap: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.cptm-section.preview_mode .directorist-footer-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  background-color: #f5f6f7;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
@media only screen and (max-width: 575px) {
  .cptm-section.preview_mode .directorist-footer-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.cptm-section.preview_mode .directorist-footer-wrap .directorist-input-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: #141921;
}
.cptm-section.preview_mode .directorist-footer-wrap .directorist-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn {
  position: relative;
  margin: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  font-size: 12px;
  font-weight: 500;
  color: #4d5761;
  border-color: #e5e7eb;
  background-color: #ffffff;
  border-radius: 6px;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:before {
  content: attr(data-info);
  position: absolute;
  top: calc(100% + 8px);
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 12px;
  border-radius: 6px;
  background-color: #141921;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:after {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  border-bottom: 6px solid #141921;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon {
  font-size: 16px;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover .cptm-save-icon {
  opacity: 1;
  visibility: visible;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:before, .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:after {
  opacity: 1;
  visibility: visible;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group {
  margin: 0;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group .cptm-form-control {
  height: 32px;
  padding: 0 20px;
  font-size: 12px;
  font-weight: 500;
  color: #4d5761;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper, .cptm-section.listings_card_list_view .cptm-form-field-wrapper {
  max-width: 658px;
  margin: 0 auto;
  padding: 24px;
  margin-bottom: 32px;
  border-radius: 0 0 8px 8px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
  .cptm-section.listings_card_grid_view .cptm-form-field-wrapper, .cptm-section.listings_card_list_view .cptm-form-field-wrapper {
    padding: 16px;
  }
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area {
  max-width: 100%;
  padding: 12px 20px;
  margin-bottom: 16px;
  background: #f3f4f6;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area .tab-field, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area .tab-field {
  margin: 0;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 480px) {
  .cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-title, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-title {
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: #141921;
  margin: 0 0 4px;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-description, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-description {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #4d5761;
  margin: 0;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-form-group, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-form-group {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget {
  max-width: unset;
  padding: 0;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08);
          box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08);
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-card-preview-widget-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-card-preview-widget-content {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header {
  position: relative;
  height: 328px;
  padding: 16px 16px 24px;
  background: #e5e7eb;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-widget-preview-area, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-placeholder-block, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-placeholder-block {
  padding-bottom: 32px;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-placeholder-block, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-placeholder-block {
  max-width: 100%;
  background: #f3f4f6;
  border: 1px dashed #d2d6db;
  border-radius: 4px;
  min-height: 72px;
  padding-bottom: 32px;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-placeholder-block .cptm-widget-preview-container, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-placeholder-block .cptm-widget-preview-container {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list, .cptm-section.listings_card_list_view .cptm-form-group-tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 0;
  border: none;
  background: transparent;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-item, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link {
  position: relative;
  height: unset;
  padding: 8px 40px 8px 26px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link:before, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #a1a9b2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border ease 0.3s;
  transition: border ease 0.3s;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link svg, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link svg {
  border: 1px solid #d2d6db;
  border-radius: 4px;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active {
  border-color: #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active:before, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active:before {
  border: 5px solid #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg {
  border-color: #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect {
  fill: #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect:first-of-type, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect:first-of-type {
  stroke: #3e62f5;
  fill: #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg path, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg path {
  fill: #fff;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .grid_view_without_thumbnail .cptm-form-group-tab-link.active svg rect,
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .list_view_without_thumbnail .cptm-form-group-tab-link.active svg rect, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .grid_view_without_thumbnail .cptm-form-group-tab-link.active svg rect,
.cptm-section.listings_card_list_view .cptm-form-group-tab-list .list_view_without_thumbnail .cptm-form-group-tab-link.active svg rect {
  fill: #3e62f5;
  stroke: unset;
}
.cptm-section.listings_card_grid_view .cptm-card-preview-widget {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.cptm-section.listings_card_grid_view .cptm-card-preview-widget-content {
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843);
          box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843);
}
.cptm-section.listings_card_list_view .cptm-card-top-area {
  max-width: unset;
}
.cptm-section.listings_card_list_view .cptm-card-preview-thumbnail {
  border-radius: 10px;
}
.cptm-section.new_listing_status {
  z-index: 11;
}
.cptm-section:last-child {
  margin-bottom: 0;
}

.cptm-form-builder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .cptm-form-builder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  .cptm-form-builder .cptm-form-builder-sidebar {
    max-width: 100%;
  }
}
.cptm-form-builder.submission_form_fields .cptm-form-builder-content {
  border-bottom: 25px solid #f3f4f6;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder.submission_form_fields {
    gap: 30px;
  }
  .cptm-form-builder.submission_form_fields .cptm-col-sticky {
    position: unset;
    border: none;
  }
  .cptm-form-builder.submission_form_fields .cptm-col-sticky .cptm-form-builder-sidebar-content {
    padding: 0;
  }
  .cptm-form-builder.submission_form_fields .cptm-col-sticky .cptm-form-builder-active-fields-container {
    padding-bottom: 0;
  }
}
.cptm-form-builder.single_listings_contents {
  border-top: 1px solid #e5e7eb;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder.search_form_fields .cptm-col-sticky {
    position: unset;
    border: none;
  }
  .cptm-form-builder.search_form_fields .cptm-col-sticky .cptm-form-builder-sidebar-content {
    padding: 0;
  }
  .cptm-form-builder.search_form_fields .cptm-col-sticky .cptm-form-builder-active-fields-container {
    padding-bottom: 0;
  }
}

.cptm-form-builder-sidebar {
  width: 100%;
  max-width: 372px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 1441px) {
  .cptm-form-builder-sidebar {
    max-width: 35%;
  }
}
.cptm-form-builder-sidebar .cptm-form-builder-action {
  padding-bottom: 0;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-sidebar .cptm-form-builder-action {
    padding: 20px 0;
  }
}
.cptm-form-builder-sidebar .cptm-form-builder-sidebar-content {
  padding: 12px 24px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cptm-form-builder-content {
  height: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #f3f4f6;
  border-right: 1px solid #e5e7eb;
}
.cptm-form-builder-content .cptm-form-builder-action {
  border-bottom: 1px solid #e5e7eb;
}
.cptm-form-builder-content .cptm-form-builder-active-fields {
  padding: 24px;
  background: #f3f4f6;
  height: 100%;
  min-height: calc(100vh - 225px);
}
@media only screen and (max-width: 1399px) {
  .cptm-form-builder-content .cptm-form-builder-active-fields {
    min-height: calc(100vh - 225px);
  }
}

.cptm-form-builder-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 24px;
  background: #ffffff;
}

.cptm-form-builder-action-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #141921;
}

.cptm-form-builder-action-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 0 12px;
  color: #141921;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d2d6db;
  border-radius: 4px;
}

.cptm-elements-settings .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after,
.cptm-form-builder-sidebar .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after {
  width: 200px;
  height: auto;
  min-height: 34px;
  white-space: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cptm-form-builder-preset-fields:not(:last-child) {
  margin-bottom: 40px;
}

.cptm-form-builder-preset-fields-header-action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin: 0 0 12px;
}
.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon {
  font-size: 20px;
}
.cptm-form-builder-preset-fields-header-action-link:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cptm-form-builder-preset-fields-header-action-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  font-weight: 600;
  color: #4d5761;
}

.cptm-form-builder-preset-fields-header-action-link {
  color: #747c89;
}

.cptm-title-3 {
  margin: 0;
  color: #272b41;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: 500;
  font-size: 18px;
}

.cptm-description-text {
  margin: 5px 0 20px;
  color: #5a5f7d;
  font-size: 15px;
}

.cptm-form-builder-active-fields {
  display: block;
  height: 100%;
}
.cptm-form-builder-active-fields.empty-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  height: calc(100vh - 200px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-container {
  height: auto;
}
.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-empty-text {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  font-style: italic;
  color: #4d5761;
  margin: 12px 0 0;
}
.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-footer {
  text-align: center;
}
.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-footer .cptm-btn {
  margin: 10px auto;
}
.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper {
  height: auto;
  z-index: auto;
}
.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper:hover {
  z-index: 1;
}
.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn {
  border: 1px solid #3e62f5;
  height: 43px;
  background: rgba(62, 98, 245, 0.1);
  color: #3e62f5;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 22px;
}
.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary {
  background: #3e62f5;
  color: #fff;
}

.cptm-form-builder-active-fields-container {
  position: relative;
  margin: 0;
  z-index: 1;
}

.cptm-form-builder-active-fields-footer {
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .cptm-form-builder-active-fields-footer {
    text-align: right;
  }
}
@media only screen and (max-width: 991px) {
  .cptm-form-builder-active-fields-footer .cptm-btn {
    margin-right: 0;
  }
}
.cptm-form-builder-active-fields-footer .cptm-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  height: 40px;
  color: #3e62f5;
  background: #ffffff;
  border: 0 none;
  margin: 16px 0 0;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  border: 1px solid #3e62f5;
  -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
          box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}
.cptm-form-builder-active-fields-footer .cptm-btn span {
  font-size: 16px;
}

.cptm-form-builder-active-fields-group {
  position: relative;
  margin-bottom: 6px;
  padding-bottom: 0;
}

.cptm-form-builder-group-header-section {
  position: relative;
}
.cptm-form-builder-group-header-section.expanded .cptm-form-builder-group-header {
  border-radius: 6px 6px 0 0;
  background-color: #f9fafb;
  border-bottom: none;
}
.cptm-form-builder-group-header-section.expanded .cptm-form-builder-group-title-icon {
  background-color: #d8e0fd;
}
.cptm-form-builder-group-header-section.locked .cptm-form-builder-group-options-wrapper {
  left: 12px;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper {
  position: absolute;
  top: calc(100% - 12px);
  left: 55px;
  width: 100%;
  max-width: 460px;
  height: 100%;
  z-index: 9;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options {
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1);
          box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1);
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: #2c3239;
  margin: 0;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-close {
  color: #2c3239;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-close span {
  font-size: 20px;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .directorist-form-fields-area {
  padding: 24px;
}

.cptm-form-builder-group-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  -webkit-transition: border-radius ease 1s;
  transition: border-radius ease 1s;
}

.cptm-form-builder-group-header-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

div[draggable=true].cptm-form-builder-group-header-content {
  cursor: move;
}

.cptm-form-builder-group-header-content__dropable-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-no-wrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.cptm-card-top-area {
  max-width: 450px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.cptm-card-top-area > .form-group .cptm-form-control {
  background: none;
  border: 1px solid #c6d0dc;
  height: 42px;
}
.cptm-card-top-area > .form-group .cptm-template-type-wrapper {
  position: relative;
}
.cptm-card-top-area > .form-group .cptm-template-type-wrapper:before {
  content: "\f110";
  position: absolute;
  font-family: "LineAwesome";
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}

.cptm-form-builder-group-header-content__dropable-placeholder {
  margin-left: 15px;
}

.cptm-form-builder-header-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.cptm-form-builder-group-actions-dropdown-content.expanded {
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
  z-index: 9;
}
.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #d94a4a;
  background: #ffffff;
  padding: 10px 15px;
  width: 100%;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08);
          box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08);
  -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
  transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
}
.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link span {
  font-size: 20px;
}
.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link:hover {
  color: #ffffff;
  background: #d94a4a;
  border-color: #d94a4a;
}

.cptm-form-builder-group-actions {
  display: block;
  min-width: 34px;
  margin-right: 15px;
}

.cptm-form-builder-group-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #141921;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-group-title {
    font-size: 13px;
  }
}

.cptm-form-builder-group-title-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  font-size: 20px;
  color: #141921;
  border-radius: 8px;
  background-color: #f3f4f6;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-group-title-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    font-size: 18px;
  }
}

.cptm-form-builder-group-options {
  background-color: #fff;
  padding: 20px;
  border-radius: 0 0 6px 6px;
  border: 1px solid #e5e7eb;
  border-top: none;
  -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08);
          box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08);
}
.cptm-form-builder-group-options .directorist-form-fields-advanced {
  padding: 0;
  margin: 16px 0 0;
  font-size: 13px;
  font-weight: 500;
  background: transparent;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2e94fa;
  text-decoration: underline;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  cursor: pointer;
}
.cptm-form-builder-group-options .directorist-form-fields-advanced:hover {
  color: #3e62f5;
}
.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child {
  margin-bottom: 0;
}
.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle {
  font-size: 13px;
  font-weight: 500;
  color: #3e62f5;
  background: transparent;
  border: none;
  padding: 0;
  display: block;
  margin-top: -7px;
  cursor: pointer;
}

.cptm-form-builder-group-fields {
  display: block;
  position: relative;
  padding: 24px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-top: none;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08);
          box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08);
}

.icon-picker-selector {
  margin: 0;
  padding: 3px 16px 3px 4px;
  border: 1px solid #d2d6db;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.icon-picker-selector .icon-picker-selector__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.icon-picker-selector .icon-picker-selector__icon input[type=text].cptm-form-control {
  padding: 5px 20px;
  min-height: 20px;
  background-color: transparent;
  outline: none;
}
.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon {
  position: unset;
  -webkit-transform: unset;
          transform: unset;
  font-size: 16px;
}
.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before {
  margin-left: 6px;
}
.icon-picker-selector .icon-picker-selector__icon input {
  height: 32px;
  border: none !important;
  padding-right: 0 !important;
}
.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset {
  font-size: 12px;
  padding: 0 0 0 10px;
}
.icon-picker-selector .icon-picker-selector__btn {
  margin: 0;
  height: 32px;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 500;
  color: #2c3239;
  border-radius: 6px;
  background-color: #e5e7eb;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.icon-picker-selector .icon-picker-selector__btn:hover {
  background-color: #e3e6e9;
}

.cptm-restricted-area {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  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;
  padding: 10px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
}

.cptm-form-builder-group-field-item {
  margin-bottom: 8px;
  position: relative;
}
.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-drag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 48px;
  font-size: 24px;
  color: #747c89;
  background-color: #f9fafb;
  border-radius: 0 6px 6px 0;
  cursor: move;
}
.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-header-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header {
  border-radius: 6px 6px 0 0;
  background-color: #f9fafb;
  border-width: 1.5px;
  border-color: #3e62f5;
  border-bottom: none;
}

.cptm-form-builder-group-field-item-actions {
  display: block;
  position: absolute;
  left: -15px;
  -webkit-transform: translate(-34px, 7px);
          transform: translate(-34px, 7px);
}

.cptm-form-builder-group-field-item-action-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  background-color: #e3e6ef;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  text-align: center;
  color: #868eae;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.action-trash:hover {
  color: #e62626;
  background-color: rgba(255, 0, 0, 0.15);
}

.action-trash:hover {
  background-color: #d7d7d7;
}
.action-trash:hover:hover {
  color: #e62626;
  background-color: rgba(255, 0, 0, 0.15);
}

.cptm-form-builder-header-action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  font-size: 18px;
  color: #747c89;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  outline: none;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-form-builder-header-action-link:hover, .cptm-form-builder-header-action-link:focus, .cptm-form-builder-header-action-link:active {
  color: #141921;
  background-color: #f3f4f6;
  border-color: #e5e7eb;
  -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-header-action-link {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }
}
.cptm-form-builder-header-action-link.disabled {
  color: #a1a9b2;
  pointer-events: none;
}

.cptm-form-builder-header-toggle-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  font-size: 24px;
  color: #747c89;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-header-toggle-link {
    width: 24px;
    height: 24px;
    font-size: 18px;
  }
}
.cptm-form-builder-header-toggle-link.action-collapse-down {
  color: #3e62f5;
}
.cptm-form-builder-header-toggle-link.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.action-collapse-up span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.action-collapse-down span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.cptm-form-builder-group-field-item-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  -webkit-transition: border-radius ease 1s;
  transition: border-radius ease 1s;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #141921;
  margin: 0;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-subtitle {
  color: #747c89;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-icon {
  font-size: 20px;
  color: #141921;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg svg {
  width: 16px;
  height: 16px;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg svg path {
  fill: #747c89;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip {
  position: relative;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:before {
  content: attr(data-info);
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 180px;
  max-width: 180px;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 12px;
  border-radius: 6px;
  background-color: #141921;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:after {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  right: 4px;
  border-bottom: 6px solid #141921;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:hover:before, .cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:hover:after {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 4px 8px;
  color: #ca6f04;
  background-color: #fdefce;
  border-radius: 4px;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info .cptm-title-info-icon {
  font-size: 16px;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info i {
  font-size: 16px;
  color: #4d5761;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link {
  font-size: 18px;
  color: #747c89;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cptm-form-builder-group-field-item-body {
  padding: 24px;
  border: 1.5px solid #3e62f5;
  border-top-width: 1px;
  border-radius: 0 0 6px 6px;
}

.cptm-form-builder-group-item-drag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 46px;
  min-width: 46px;
  height: 100%;
  min-height: 64px;
  font-size: 24px;
  color: #747c89;
  background-color: #f9fafb;
  -webkit-box-flex: unset;
  -webkit-flex-grow: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
  cursor: move;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-group-item-drag {
    width: 32px;
    min-width: 32px;
    font-size: 18px;
  }
}

.cptm-form-builder-field-list {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-form-builder-field-list .directorist-draggable-list-item {
  position: unset;
}

.cptm-form-builder-field-list-item {
  width: calc(50% - 4px);
  padding: 12px;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #d2d6db;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-form-builder-field-list-item .directorist-draggable-list-item-slot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cptm-form-builder-field-list-item:hover {
  background-color: #e5e7eb;
  -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08);
          box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08);
}
.cptm-form-builder-field-list-item.clickable {
  cursor: pointer;
}
.cptm-form-builder-field-list-item.disabled {
  cursor: not-allowed;
}
@media (max-width: 400px) {
  .cptm-form-builder-field-list-item {
    width: calc(100% - 6px);
  }
}

li[class=cptm-form-builder-field-list-item][draggable=true] {
  cursor: move;
}

.cptm-form-builder-field-list-item {
  position: relative;
}
.cptm-form-builder-field-list-item > pre {
  position: absolute;
  top: 3px;
  left: 5px;
  margin: 0;
  font-size: 10px;
  line-height: 12px;
  color: #f80718;
}

.cptm-form-builder-field-list-icon {
  display: inline-block;
  margin-left: 8px;
  width: auto;
  max-width: 20px;
  font-size: 20px;
  color: #141921;
}

.cptm-form-builder-field-list-item-icon {
  font-size: 14px;
  margin-left: 1px;
}

.cptm-form-builder-field-list-label,
.cptm-form-builder-field-list-item-label {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #141921;
}

.cptm-option-card--draggable .cptm-form-builder-field-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 8px;
  border-color: #e5e7eb;
  background: transparent;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-drag {
  cursor: move;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit,
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #747c89;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit.active, .cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit:hover,
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action.active,
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action:hover {
  color: #0e3bf2;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action:hover {
  color: #d94a4a;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container {
  padding: 15px 0 22px 0;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-preview-wrapper {
  margin-bottom: 20px;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-widget-options-wrap:not(:last-child) {
  margin-bottom: 17px;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group .cptm-preview-radio-area label {
  margin-bottom: 12px;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group .cptm-radio-area .cptm-radio-item:last-child label {
  margin-bottom: 0;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .atbdp-row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .atbdp-row .atbdp-col {
  width: 100%;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap {
  width: 100%;
  padding: 6px;
  border-radius: 8px;
  border: 1px solid #d2d6db;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap .cptm-color-picker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 20px;
  width: 20px;
  padding: 0;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap .cptm-color-picker .icp__input {
  width: 30px;
  height: 30px;
  margin: 0;
}
.cptm-option-card--draggable .cptm-widget-options-container-draggable .cptm-widget-options-container {
  padding-right: 25px;
}

.cptm-info-text-area {
  margin-bottom: 10px;
}

.cptm-info-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  margin: 0;
  padding: 0 8px;
  height: 22px;
  color: #4d5761;
  border-radius: 4px;
  background: #daeeff;
}

.cptm-info-success {
  color: #00b158;
}

.cptm-mb-0 {
  margin-bottom: 0 !important;
}

.cptm-item-footer-drop-area {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  z-index: 5;
}
.cptm-item-footer-drop-area.drag-enter {
  background-color: rgba(23, 135, 255, 0.3);
}
.cptm-item-footer-drop-area.cptm-group-item-drop-area {
  height: 40px;
}

.cptm-form-builder-group-field-item-drop-area {
  height: 20px;
  position: absolute;
  bottom: -20px;
  z-index: 5;
  width: 100%;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-form-builder-group-field-item-drop-area.drag-enter {
  background-color: rgba(23, 135, 255, 0.3);
}

.cptm-checkbox-area,
.cptm-options-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px 0;
  left: 0;
  right: 0;
}

.cptm-checkbox-area .cptm-checkbox-item:not(:last-child) {
  margin-bottom: 10px;
}

@media (max-width: 1300px) {
  .cptm-checkbox-area,
  .cptm-options-area {
    position: static;
  }
}
.cptm-checkbox-item,
.cptm-radio-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}

.cptm-tab-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-tab-area .cptm-tab-item input {
  display: none;
}
.cptm-tab-area .cptm-tab-item input:checked + label {
  color: #fff;
  background-color: #3e62f5;
}
.cptm-tab-area .cptm-tab-item label {
  margin: 0;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 500;
  color: #747c89;
  background: #e5e7eb;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-tab-area .cptm-tab-item label:hover {
  color: #fff;
  background-color: #3e62f5;
}

@media screen and (max-width: 782px) {
  .enable_schema_markup .atbdp-label-icon-wrapper {
    margin-bottom: 15px !important;
  }
}

.cptm-schema-tab-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.cptm-schema-tab-label {
  color: rgba(0, 6, 38, 0.9);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.cptm-schema-tab-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px 20px;
}
@media screen and (max-width: 782px) {
  .cptm-schema-tab-wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.cptm-schema-tab-wrapper input[type=radio]:checked {
  background-color: #3e62f5 !important;
  border-color: #3e62f5 !important;
}
.cptm-schema-tab-wrapper input[type=radio]:checked::before {
  background-color: white !important;
}
.cptm-schema-tab-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  border-radius: 8px;
  border: 1px solid rgba(0, 17, 102, 0.1);
  background-color: #fff;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
@media screen and (max-width: 782px) {
  .cptm-schema-tab-item {
    width: 100%;
  }
}
.cptm-schema-tab-item input[type=radio] {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (max-width: 782px) {
  .cptm-schema-tab-item input[type=radio] {
    width: 16px;
    height: 16px;
  }
  .cptm-schema-tab-item input[type=radio]:checked:before {
    width: 0.5rem;
    height: 0.5rem;
    margin: 3px 3px;
    line-height: 1.14285714;
  }
}
.cptm-schema-tab-item.active {
  border-color: #3e62f5 !important;
  background-color: #f0f3ff;
}
.cptm-schema-tab-item.active .cptm-schema-label-wrapper {
  color: #3e62f5 !important;
}
.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child .cptm-schema-label-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.cptm-schema-label-wrapper {
  color: rgba(0, 6, 38, 0.9) !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 20px;
  cursor: pointer;
  margin: 0 !important;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-schema .cptm-schema-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.cptm-schema-label-badge {
  display: none;
  height: 20px;
  padding: 0px 8px;
  border-radius: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e3ecf2;
  color: rgba(0, 8, 51, 0.65);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.12px;
}
.cptm-schema-label-description {
  color: rgba(0, 8, 51, 0.65);
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-top: 2px;
}

#listing_settings__listings_page .cptm-checkbox-item:not(:last-child) {
  margin-bottom: 10px;
}

input[type=checkbox].cptm-checkbox {
  display: none;
}
input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui {
  color: #3e62f5;
}
input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui::before {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
  font-weight: 900;
  color: #fff;
  content: "\f00c";
  z-index: 22;
}
input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui:after {
  background-color: #00b158;
  border-color: #00b158;
  z-index: -1;
}

input[type=radio].cptm-radio {
  margin-top: 1px;
}

.cptm-form-range-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-form-range-wrap .cptm-form-range-bar {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.cptm-form-range-wrap .cptm-form-range-output {
  width: 30px;
}
.cptm-form-range-wrap .cptm-form-range-output-text {
  padding: 10px 20px;
  background-color: #fff;
}

.cptm-checkbox-ui {
  display: inline-block;
  min-width: 16px;
  position: relative;
  z-index: 1;
  margin-left: 12px;
}
.cptm-checkbox-ui::before {
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  display: inline-block;
  margin-right: 4px;
}
.cptm-checkbox-ui:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid #c6d0dc;
  content: "";
}

.cptm-vh {
  overflow: hidden;
  overflow-y: auto;
  max-height: 100vh;
}

.cptm-thumbnail {
  max-width: 350px;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  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;
  background-color: #f2f2f2;
}
.cptm-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}

.cptm-thumbnail-placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cptm-thumbnail-placeholder-icon {
  font-size: 40px;
  color: #d2d6db;
}
.cptm-thumbnail-placeholder-icon svg {
  width: 40px;
  height: 40px;
}

.cptm-thumbnail-img-wrap {
  position: relative;
}

.cptm-thumbnail-action {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c6c6c6;
  padding: 5px 8px;
  border-radius: 50%;
  margin: 10px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.cptm-sub-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 10px;
  padding: 3px 4px;
  background: #e5e7eb;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
  .cptm-sub-navigation {
    padding: 10px;
  }
}

.cptm-sub-nav__item {
  list-style: none;
  margin: 0;
}

.cptm-sub-nav__item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  height: 32px;
  padding: 0 10px;
  color: #4d5761;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  border-radius: 4px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip {
  padding: 0 10px;
  margin-left: -10px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  color: #4d5761;
  border-radius: 4px 0 0 4px;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip svg path {
  stroke: #4d5761;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip:hover {
  background: #f9f9f9;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  color: #4d5761;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg {
  width: 24px;
  height: 24px;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg path {
  stroke: #4d5761;
}
.cptm-sub-nav__item-link.active {
  color: #141921;
  background: #ffffff;
}
.cptm-sub-nav__item-link.active .cptm-sub-nav__item-icon svg path {
  stroke: #141921;
}
.cptm-sub-nav__item-link.active .cptm-sub-nav__item-tooltip svg path {
  stroke: #141921;
}
.cptm-sub-nav__item-link:hover:not(.active) {
  color: #141921;
  background: #ffffff;
}

.cptm-builder-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .cptm-builder-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.cptm-options-area {
  width: 320px;
  margin: 0;
}

.cptm-option-card {
  display: none;
  opacity: 0;
  position: relative;
  border-radius: 5px;
  text-align: right;
  -webkit-transform-origin: center;
          transform-origin: center;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1);
          box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1);
  -webkit-transition: all linear 300ms;
  transition: all linear 300ms;
  pointer-events: none;
}
.cptm-option-card:before {
  content: "";
  border-bottom: 7px solid #ffffff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  position: absolute;
  top: -6px;
  left: 22px;
}
.cptm-option-card.cptm-animation-flip {
  -webkit-transform: rotate3d(0, -1, 0, -45deg);
          transform: rotate3d(0, -1, 0, -45deg);
}
.cptm-option-card.cptm-animation-slide-up {
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
}
.cptm-option-card.active {
  display: block;
  opacity: 1;
  pointer-events: all;
}
.cptm-option-card.active.cptm-animation-flip {
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
          transform: rotate3d(0, 0, 0, 0deg);
}
.cptm-option-card.active.cptm-animation-slide-up {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.cptm-anchor-down {
  display: block;
  text-align: center;
  position: relative;
  top: -1px;
}
.cptm-anchor-down:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #fff;
}

.cptm-header-action-link {
  display: inline-block;
  padding: 0 10px;
  text-decoration: none;
  color: #2c3239;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-header-action-link:hover {
  color: #1890ff;
}

.cptm-option-card-header {
  padding: 8px 16px;
  border-bottom: 1px solid #e5e7eb;
}

.cptm-option-card-header-title-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-option-card-header-title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #141921;
}

.cptm-header-action-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px 0 0;
  -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;
}

.cptm-option-card-header-nav-section {
  display: block;
}

.cptm-option-card-header-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.15);
}

.cptm-option-card-header-nav-item {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  padding: 8px 10px;
  cursor: pointer;
  margin-bottom: 0;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-option-card-header-nav-item.active {
  background-color: rgba(255, 255, 255, 0.15);
}

.cptm-option-card-body {
  padding: 16px;
  max-height: 500px;
  overflow-y: auto;
}
.cptm-option-card-body .cptm-form-group:last-child {
  margin-bottom: 0;
}
.cptm-option-card-body .cptm-input-toggle-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content {
  -webkit-box-flex: unset;
  -webkit-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #141921;
}
.cptm-option-card-body .directorist-type-icon-select {
  margin-bottom: 20px;
}
.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.cptm-widget-actions,
.cptm-widget-actions-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 50%;
  -webkit-transform: translate(50%, 3px);
          transform: translate(50%, 3px);
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  z-index: 1;
}

.cptm-widget-actions-wrap {
  position: relative;
  width: 100%;
}

.cptm-widget-action-modal-container {
  position: absolute;
  right: 50%;
  top: 0;
  width: 330px;
  -webkit-transform: translate(50%, 20px);
          transform: translate(50%, 20px);
  pointer-events: none;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 2;
}
.cptm-widget-action-modal-container.active {
  pointer-events: all;
  -webkit-transform: translate(50%, 10px);
          transform: translate(50%, 10px);
}
@media only screen and (max-width: 480px) {
  .cptm-widget-action-modal-container {
    max-width: 250px;
  }
}

.cptm-widget-insert-modal-container .cptm-option-card:before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.cptm-widget-option-modal-container .cptm-option-card:before {
  left: unset;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.cptm-widget-option-modal-container .cptm-option-card {
  margin: 0;
}
.cptm-widget-option-modal-container .cptm-option-card-header {
  background-color: #fff;
  border: 1px solid #e5e7eb;
}
.cptm-widget-option-modal-container .cptm-header-action-link {
  color: #2c3239;
}
.cptm-widget-option-modal-container .cptm-header-action-link:hover {
  color: #1890ff;
}
.cptm-widget-option-modal-container .cptm-option-card-body {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-top: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cptm-widget-option-modal-container .cptm-option-card-header-title-section,
.cptm-widget-option-modal-container .cptm-option-card-header-title {
  color: #2c3239;
}

.cptm-widget-actions-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cptm-widget-action-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #3e62f5;
  color: #3e62f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-widget-action-link:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px #b4c2f9;
          box-shadow: 0 0 0 2px #b4c2f9;
}
.cptm-widget-action-link:hover {
  background-color: #3e62f5;
  color: #fff;
}
.cptm-widget-action-link:hover svg path {
  fill: #fff;
}

.cptm-widget-card-drop-prepend {
  border-radius: 8px;
}

.cptm-widget-card-drop-append {
  display: block;
  width: 100%;
  height: 0;
  border-radius: 8px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  background-color: transparent;
  border: 1px dashed transparent;
}
.cptm-widget-card-drop-append.dropable {
  margin: 3px 0;
  height: 10px;
  border-color: cornflowerblue;
}
.cptm-widget-card-drop-append.drag-enter {
  background-color: cornflowerblue;
}

.cptm-widget-card-wrap {
  visibility: visible;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap {
  opacity: 1;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap .cptm-widget-title-block {
  opacity: 0.3;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap {
  opacity: 1;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-label,
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-thumb-icon {
  opacity: 0.3;
  color: #4d5761;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-card-disabled-badge {
  margin-top: 10px;
}
.cptm-widget-card-wrap .cptm-widget-card-disabled-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  padding: 0 6px;
  height: 18px;
  color: #853d0e;
  background: #fdefce;
  border-radius: 4px;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 12px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-title-card {
  padding: 0;
  font-size: 19px;
  font-weight: 600;
  line-height: 25px;
  color: #141921;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-form-group {
  margin: 0;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-input-toggle-wrap {
  gap: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-input-toggle-wrap label {
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.15;
  color: #141921;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash {
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 14px;
  color: #d94a4a;
  background: #ffffff;
  border: 1px solid #d94a4a;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash:hover {
  color: #ffffff;
  background: #d94a4a;
}

.cptm-widget-card-inline-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
}
.cptm-widget-card-inline-wrap .cptm-widget-card-drop-append {
  display: inline-block;
  width: 0;
  height: auto;
}
.cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable {
  margin: 0 3px;
  width: 10px;
  max-width: 10px;
}

.cptm-widget-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #141921;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 400;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
  height: 32px;
  padding: 0 10px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-widget-badge .cptm-widget-badge-icon,
.cptm-widget-badge .cptm-widget-badge-trash {
  font-size: 16px;
  color: #141921;
}
.cptm-widget-badge .cptm-widget-badge-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  height: 100%;
}
.cptm-widget-badge .cptm-widget-badge-label {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.cptm-widget-badge .cptm-widget-badge-trash {
  margin-right: 4px;
  cursor: pointer;
  -webkit-transition: color ease 0.3s;
  transition: color ease 0.3s;
}
.cptm-widget-badge .cptm-widget-badge-trash:hover {
  color: #3e62f5;
}
.cptm-widget-badge.cptm-widget-badge--icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  width: 22px;
  height: 22px;
  min-height: unset;
  border-radius: 100%;
}
.cptm-widget-badge.cptm-widget-badge--icon .cptm-widget-badge-icon {
  font-size: 12px;
}

.cptm-preview-area {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-preview-wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 25px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cptm-preview-wrapper .cptm-preview-radio-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 300px;
}
.cptm-preview-wrapper .cptm-preview-area-archive img {
  max-height: 100px;
}

.cptm-preview-notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 658px;
  margin: 40px auto;
  padding: 20px 24px;
  background: #f3f4f6;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-preview-notice.cptm-preview-notice--list {
  max-width: unset;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cptm-preview-notice .cptm-preview-notice-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text {
  font-size: 12px;
  font-weight: 400;
  color: #2c3239;
  margin: 0;
}
.cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text strong {
  color: #141921;
  font-weight: 600;
}
.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 34px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 8px;
  color: #747c89;
  background: #ffffff;
  border: 1px solid #d2d6db;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn:hover {
  color: #3e62f5;
  border-color: #3e62f5;
}
.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn:hover svg path {
  fill: #3e62f5;
}

.cptm-widget-thumb .cptm-widget-thumb-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cptm-widget-thumb .cptm-widget-thumb-icon i {
  font-size: 133px;
  color: #a1a9b2;
}
.cptm-widget-thumb .cptm-widget-label {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: #141921;
}

.cptm-placeholder-block-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.cptm-placeholder-block-wrapper:last-child {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-placeholder-block-wrapper .cptm-placeholder-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-placeholder-block-wrapper .cptm-placeholder-block:not(.cptm-listing-card-preview-body-placeholder) .cptm-widget-preview-card {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
}
.cptm-placeholder-block-wrapper .cptm-widget-card-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  margin-top: 4px;
  background: #f3f4f6;
  border-radius: 8px;
  cursor: pointer;
}
.cptm-placeholder-block-wrapper .cptm-widget-card-status span {
  color: #747c89;
}
.cptm-placeholder-block-wrapper .cptm-widget-card-status.disabled {
  background: #d2d6db;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder {
  padding: 12px;
  min-height: 62px;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .cptm-widget-preview-card,
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper-listing_title {
  -webkit-transform: unset !important;
          transform: unset !important;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper-listing_title.animated {
  z-index: 99999;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-placeholder-label {
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  font-size: 14px;
  font-weight: 400;
  color: #4d5761;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-card-listing_title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card {
  height: 32px;
  padding: 0 10px;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card.cptm-widget-title-card {
  padding: 0;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card .cptm-widget-badge-trash {
  margin-right: 8px;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-tagline-placeholder .cptm-placeholder-label,
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-rating-placeholder .cptm-placeholder-label {
  right: 12px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 13px;
  font-weight: 400;
  color: #4d5761;
}
.cptm-placeholder-block-wrapper .cptm-placeholder-block.disabled .cptm-placeholder-label {
  color: #4d5761;
  font-weight: 400;
}
.cptm-placeholder-block-wrapper .cptm-widget-preview-container .dndrop-draggable-wrapper {
  overflow: visible !important;
}
.cptm-placeholder-block-wrapper .cptm-widget-preview-container .dndrop-draggable-wrapper.is-dragging {
  opacity: 0;
}

.cptm-placeholder-block {
  position: relative;
  padding: 8px;
  background: #a1a9b2;
  border: 1px dashed #d2d6db;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
}
.cptm-placeholder-block:hover, .cptm-placeholder-block.drag-enter, .cptm-placeholder-block.cptm-widget-picker-open {
  border-color: rgb(255, 255, 255);
}
.cptm-placeholder-block:hover .cptm-widget-insert-area, .cptm-placeholder-block.drag-enter .cptm-widget-insert-area, .cptm-placeholder-block.cptm-widget-picker-open .cptm-widget-insert-area {
  opacity: 1;
  visibility: visible;
}
.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cptm-placeholder-block.cptm-widget-picker-open {
  z-index: 100;
}

.cptm-placeholder-label {
  margin: 0;
  text-align: center;
  margin-bottom: 0;
  text-align: center;
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  z-index: 0;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-weight: 500;
}
.cptm-placeholder-label.hide {
  display: none;
}

.cptm-listing-card-preview-footer .cptm-placeholder-label {
  color: #868eae;
}

.dndrop-ghost.dndrop-draggable-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 8px;
  border-color: #e5e7eb;
  background: transparent;
}
.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-center-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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;
}
.cptm-center-content.cptm-content-wide * {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-mb-10 {
  margin-bottom: 10px !important;
}

.cptm-mb-12 {
  margin-bottom: 12px !important;
}

.cptm-mb-20 {
  margin-bottom: 20px !important;
}

.cptm-listing-card-body-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cptm-align-left {
  text-align: right;
}

.cptm-listing-card-body-header-left {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-listing-card-body-header-right {
  width: 100px;
  margin-right: 10px;
}

.cptm-card-preview-area-wrap {
  max-width: 450px;
  margin: 0 auto;
}

.cptm-card-preview-widget {
  max-width: 450px;
  margin: 0 auto;
  padding: 24px;
  background-color: #fff;
  border: 1.5px solid rgba(0, 17, 102, 0.1019607843);
  border-top: none;
  border-radius: 0 0 24px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843);
          box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843);
}
.cptm-card-preview-widget.cptm-card-list-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 100%;
  height: 100%;
}
@media only screen and (max-width: 480px) {
  .cptm-card-preview-widget.cptm-card-list-view {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail {
  height: 100%;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100% !important;
  max-width: 184px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-radius: 0 4px 4px 0 !important;
}
@media only screen and (max-width: 480px) {
  .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header {
    max-width: 100%;
    border-radius: 4px 4px 0 0 !important;
  }
  .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header .cptm-card-preview-thumbnail {
    min-height: 350px;
  }
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-option-modal-container {
  top: unset;
  bottom: 100%;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-top-right .cptm-widget-option-modal-container,
.cptm-card-preview-widget.cptm-card-list-view .cptm-card-placeholder-top-left .cptm-widget-option-modal-container,
.cptm-card-preview-widget.cptm-card-list-view .cptm-card-placeholder-top-right .cptm-widget-option-modal-container {
  bottom: unset;
  top: 100%;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-placeholder-author-thumb img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-widget-card-wrap {
  min-width: 100px;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-widget-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb {
  width: 100%;
  padding: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb > svg {
  width: 20px;
  height: 20px;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash {
  position: unset;
  -webkit-transform: unset;
          transform: unset;
  width: 20px;
  height: 20px;
  font-size: 12px;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-card .cptm-widget-card-disabled-badge {
  display: none;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body {
  padding-top: 62px;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body.has-avatar {
  padding-top: 0;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body.has-avatar .cptm-listing-card-author-avatar {
  position: relative;
  top: -14px;
  -webkit-transform: unset;
          transform: unset;
  padding-bottom: 12px;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled {
  width: 100%;
  height: auto;
  border: 1px dashed #d2d6db;
  border-radius: 4px !important;
  padding: 12px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-widget-preview-card {
  width: 100%;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-widget-card-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-placeholder-author-thumb {
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px dashed #d2d6db;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash {
  bottom: -12px;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-form-group {
  margin: 0;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area > label {
  display: none;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area .cptm-radio-item {
  margin: 0;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area label {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio] {
  margin: 0 0 0 6px;
  background-color: #ffffff;
  border: 2px solid #a1a9b2;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]:before {
  display: none;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]:checked {
  border: 5px solid #3e62f5;
}
.cptm-card-preview-widget.grid-view-without-thumbnail .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-card-preview-widget.list-view-with-thumbnail .dndrop-draggable-wrapper-listing_title,
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-widget-preview-card-listing_title {
  width: 100%;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-preview-top-right {
  width: 140px;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-right {
  width: 127px;
}
@media only screen and (max-width: 480px) {
  .cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-right {
    width: auto;
  }
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-listing-card-preview-footer .cptm-placeholder-block {
  padding-bottom: 32px;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-listing-card-preview-footer .cptm-widget-card-wrap {
  padding: 0;
}
.cptm-card-preview-widget .cptm-options-area {
  position: absolute;
  top: 38px;
  right: unset;
  left: 30px;
  z-index: 100;
}

.cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap,
.cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget {
  max-width: 750px;
}

.cptm-listing-card-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-card-preview-thumbnail {
  position: relative;
  height: 100%;
}

.cptm-card-preview-thumbnail-placeholer {
  height: 100%;
}

.cptm-card-preview-thumbnail-placeholder {
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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;
}

.cptm-listing-card-preview-quick-info-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-card-preview-thumbnail-bg {
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  font-size: 72px;
  color: #7b7d8b;
}

.cptm-card-preview-thumbnail-bg span {
  color: rgba(255, 255, 255, 0.1);
}

.cptm-card-preview-bottom-right-placeholder {
  display: block;
  text-align: left;
}

.cptm-listing-card-preview-body {
  display: block;
  padding: 16px;
  position: relative;
}

.cptm-listing-card-author-avatar {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(-16px, -14px);
          transform: translate(-16px, -14px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-listing-card-author-avatar .cptm-placeholder-block {
  height: 64px;
  width: 64px;
  padding: 8px !important;
  margin: 0 !important;
  min-height: unset !important;
  border-radius: 50% !important;
  border: 1px dashed #a1a9b2;
}
.cptm-listing-card-author-avatar .cptm-placeholder-block .cptm-placeholder-label {
  font-size: 14px;
  line-height: 1.15;
  font-weight: 500;
  color: #141921;
  background: transparent;
  padding: 0;
  border-radius: 0;
  top: 8px;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}

.cptm-placeholder-author-thumb {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
}
.cptm-placeholder-author-thumb img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: transparent;
  border: 2px solid #fff;
}
.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash {
  position: absolute;
  bottom: -18px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #d94a4a;
  background: #ffffff;
  border: 1px solid #d94a4a;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash:hover {
  color: #ffffff;
  background: #d94a4a;
}

.cptm-widget-title-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 6px 10px;
  text-align: right;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #141921;
}

.cptm-widget-tagline-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 6px 10px;
  text-align: right;
  font-size: 13px;
  font-weight: 400;
  color: #4d5761;
}

.cptm-has-widget-control {
  position: relative;
}
.cptm-has-widget-control:hover .cptm-widget-control-wrap {
  visibility: visible;
  pointer-events: all;
  opacity: 1;
}

.cptm-form-group-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cptm-form-group-col {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}

.cptm-form-group-info {
  font-size: 12px;
  font-weight: 400;
  color: #747c89;
  margin: 0;
}

.cptm-widget-actions-tools {
  position: absolute;
  width: 75px;
  background-color: #2c99ff;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  top: -40px;
  padding: 5px;
  border: 3px solid #2c99ff;
  border-radius: 1px 1px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 9999;
}
.cptm-widget-actions-tools a {
  padding: 0 6px;
  font-size: 12px;
  color: #fff;
}

.cptm-widget-control-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  -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;
  top: 1px;
  pointer-events: none;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  z-index: 99;
}

.cptm-widget-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  -webkit-transform: translate(0%, -100%);
          transform: translate(0%, -100%);
}
.cptm-widget-control::after {
  content: "";
  display: inline-block;
  margin: 0 auto;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid #3e62f5;
  position: absolute;
  bottom: 2px;
  right: 50%;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
  z-index: -1;
}
.cptm-widget-control .cptm-widget-control-action:first-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cptm-widget-control .cptm-widget-control-action:last-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.hide {
  display: none;
}

.cptm-widget-control-action {
  display: inline-block;
  padding: 5px 8px;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  background-color: #3e62f5;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-widget-control-action:hover {
  background-color: #0e3bf2;
}

.cptm-card-preview-top-left {
  width: calc(50% - 4px);
  position: absolute;
  top: 0;
  right: 0;
}

.cptm-card-preview-top-left-placeholder {
  display: block;
  text-align: right;
}
.cptm-card-preview-top-left-placeholder .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-card-preview-top-right {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(50% - 4px);
}
.cptm-card-preview-top-right .cptm-widget-preview-area {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-top-right .cptm-widget-preview-area .cptm-widget-preview-container {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-top-right .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-card-preview-top-right-placeholder {
  text-align: left;
}
.cptm-card-preview-top-right-placeholder .cptm-widget-preview-area {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-top-right-placeholder .cptm-widget-preview-area .cptm-widget-preview-container {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-top-right-placeholder .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-card-preview-bottom-left {
  position: absolute;
  width: calc(50% - 4px);
  bottom: 0;
  right: 0;
}
.cptm-card-preview-bottom-left .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-card-preview-bottom-left .cptm-widget-option-modal-container {
  top: unset;
  bottom: 20px;
}
.cptm-card-preview-bottom-left .cptm-widget-option-modal-container .cptm-option-card:before {
  top: unset;
  bottom: -6px;
}

.cptm-card-preview-bottom-left-placeholder {
  display: block;
  text-align: right;
}

.cptm-card-preview-bottom-right {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(50% - 4px);
}
.cptm-card-preview-bottom-right .cptm-widget-preview-area {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-bottom-right .cptm-widget-preview-area .cptm-widget-preview-container {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-bottom-right .cptm-widget-option-modal-container {
  top: unset;
  bottom: 20px;
}
.cptm-card-preview-bottom-right .cptm-widget-option-modal-container .cptm-option-card:before {
  top: unset;
  bottom: -6px;
  border-bottom: unset;
  border-top: 7px solid #ffffff;
}

.cptm-card-preview-body .cptm-widget-option-modal-container,
.cptm-card-preview-badges .cptm-widget-option-modal-container {
  right: unset;
  -webkit-transform: unset;
          transform: unset;
  left: calc(100% + 57px);
}

.grid-view-without-thumbnail .cptm-input-toggle {
  width: 28px;
  height: 16px;
}
.grid-view-without-thumbnail .cptm-input-toggle:after {
  width: 12px;
  height: 12px;
  margin: 2px;
}
.grid-view-without-thumbnail .cptm-input-toggle.active::after {
  -webkit-transform: translateX(calc(-1*(-100% - 4px)));
          transform: translateX(calc(-1*(-100% - 4px)));
}
.grid-view-without-thumbnail .cptm-card-preview-widget-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 20px;
}
@media only screen and (max-width: 480px) {
  .grid-view-without-thumbnail .cptm-card-preview-widget-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.grid-view-without-thumbnail .cptm-card-placeholder-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 480px) {
  .grid-view-without-thumbnail .cptm-card-placeholder-top {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-listing-card-quick-actions {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
}
.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-listing-card-quick-actions .cptm-placeholder-block {
  padding-bottom: 32px !important;
}
.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-widget-preview-card-listing_title .cptm-widget-badge-trash {
  left: 0;
}
.grid-view-without-thumbnail .cptm-listing-card-preview-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 0;
}
.grid-view-without-thumbnail .cptm-listing-card-preview-body .cptm-placeholder-block {
  min-height: 48px !important;
}
.grid-view-without-thumbnail .cptm-listing-card-preview-body .cptm-listing-card-preview-body-placeholder {
  min-height: 160px !important;
}
.grid-view-without-thumbnail .cptm-listing-card-preview-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 0;
}
.grid-view-without-thumbnail .cptm-listing-card-author-avatar {
  position: unset;
  -webkit-transform: unset;
          transform: unset;
}
.grid-view-without-thumbnail .cptm-listing-card-author-avatar .cptm-placeholder-block-wrapper {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.grid-view-without-thumbnail .cptm-listing-card-author-avatar .cptm-listing-card-author-avatar-placeholder {
  -webkit-box-flex: unset;
  -webkit-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.grid-view-without-thumbnail .cptm-listing-card-quick-actions {
  width: 135px;
}
.grid-view-without-thumbnail .cptm-listing-card-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title {
  width: 100%;
}
.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title .cptm-widget-title-card-wrap {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}
.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title .cptm-widget-title-card-wrap .cptm-widget-title-card {
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
}
.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-area {
  padding: 8px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.list-view-without-thumbnail .cptm-card-preview-widget-content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 20px;
}
@media only screen and (max-width: 480px) {
  .list-view-without-thumbnail .cptm-card-preview-widget-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.list-view-without-thumbnail .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.list-view-without-thumbnail .cptm-widget-preview-container.dndrop-container.horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-placeholder-block {
  min-height: 60px !important;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left .dndrop-draggable-wrapper-listing_title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left .cptm-widget-preview-card-listing_title {
  width: 100%;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-right {
  width: 127px;
}
@media only screen and (max-width: 480px) {
  .list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-right {
    width: auto;
  }
}
.list-view-without-thumbnail .cptm-listing-card-preview-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 0;
}
.list-view-without-thumbnail .cptm-listing-card-preview-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 0;
}

.cptm-card-placeholder-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 480px) {
  .cptm-card-placeholder-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.cptm-listing-card-preview-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 16px 24px;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-card {
  font-size: 12px;
  font-weight: 400;
  gap: 4px;
  width: 100%;
  height: 32px;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-badge-icon {
  font-size: 16px;
  color: #141921;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-badge-trash {
  font-size: 16px;
  color: #141921;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-preview-card {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-listing-card-preview-footer .cptm-placeholder-block-wrapper {
  height: 100%;
}

.cptm-card-preview-footer-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-card-preview-footer-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-listing-card-preview-body-placeholder {
  padding: 12px 12px 32px;
  min-height: 160px !important;
  border-color: #a1a9b2;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-listing-card-preview-body-placeholder .cptm-placeholder-label {
  color: #141921;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  color: #141921;
  background: #ffffff;
  height: 42px;
  font-size: 14px;
  line-height: 1.15;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover {
  background: #f3f4f6;
  border-color: #d2d6db;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active .cptm-list-item-actions, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover .cptm-list-item-actions {
  opacity: 1;
  visibility: visible;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active .cptm-list-item-edit {
  background: #e5e7eb;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-widget-card-wrap {
  width: 100%;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-icon {
  font-size: 20px;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action span {
  font-size: 20px;
  color: #141921;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action:hover, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action.active {
  background: #e5e7eb;
}

.cptm-listing-card-preview-footer-left-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-color: #c6d0dc;
  text-align: right;
}
.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter {
  border-color: #1e1e1e;
}
.cptm-listing-card-preview-footer-left-placeholder .cptm-widget-preview-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-listing-card-preview-footer-left-placeholder .cptm-widget-preview-container .cptm-widget-preview-card {
  width: 100%;
}

.cptm-listing-card-preview-footer-right-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-color: #c6d0dc;
  text-align: left;
}
.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter {
  border-color: #1e1e1e;
}
.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-container .cptm-widget-preview-card {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cptm-widget-preview-area .cptm-widget-preview-card {
  position: relative;
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions {
  position: absolute;
  bottom: 100%;
  right: 50%;
  -webkit-transform: translate(50%, -7px);
          transform: translate(50%, -7px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px 12px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  z-index: 1;
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions:before {
  content: "";
  border-top: 7px solid #ffffff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  position: absolute;
  bottom: -7px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link {
  width: auto;
  height: auto;
  border: none;
  background: transparent;
  color: #141921;
  cursor: pointer;
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link:hover, .cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link:focus {
  background: transparent;
  color: #3e62f5;
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .widget-drag-handle:hover {
  color: #3e62f5;
}

.widget-drag-handle {
  cursor: move;
}

.cptm-card-light.cptm-placeholder-block {
  border-color: #d2d6db;
  background: #f9fafb;
}
.cptm-card-light.cptm-placeholder-block:hover, .cptm-card-light.cptm-placeholder-block.drag-enter {
  border-color: #1e1e1e;
}
.cptm-card-light .cptm-placeholder-label {
  color: #23282d;
}
.cptm-card-light .cptm-widget-badge {
  color: #969db8;
  background-color: #eff0f3;
}

.cptm-card-dark-light .cptm-placeholder-label {
  padding: 5px 12px;
  color: #888;
  border-radius: 30px;
  background-color: #fff;
}
.cptm-card-dark-light .cptm-widget-badge {
  background-color: rgba(0, 0, 0, 0.8);
}

.cptm-widgets-container {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.cptm-widgets-header {
  display: block;
}

.cptm-widget-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
}

.cptm-widget-nav-item {
  display: inline-block;
  margin: 0;
  padding: 12px 10px;
  cursor: pointer;
  -webkit-flex-basis: 33.3333333333%;
      -ms-flex-preferred-size: 33.3333333333%;
          flex-basis: 33.3333333333%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  color: #8a8a8a;
  border-left: 1px solid #e3e1e1;
  background-color: #f2f2f2;
}
.cptm-widget-nav-item:last-child {
  border-left: none;
}
.cptm-widget-nav-item:hover {
  color: #2b2b2b;
}
.cptm-widget-nav-item.active {
  font-weight: bold;
  color: #2b2b2b;
  background-color: #fff;
}

.cptm-widgets-body {
  padding: 10px;
  max-height: 450px;
  overflow: hidden;
  overflow-y: auto;
}

.cptm-widgets-list {
  display: block;
  margin: 0;
}

.cptm-widgets-list-item {
  display: block;
}

.widget-group-title {
  margin: 0 0 5px;
  font-size: 16px;
  color: #bbb;
}

.cptm-widgets-sub-list {
  display: block;
  margin: 0;
}

.cptm-widgets-sub-list-item {
  display: block;
  padding: 10px 15px;
  background-color: #eee;
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: move;
}

.widget-icon {
  display: inline-block;
  margin-left: 5px;
}

.widget-label {
  display: inline-block;
}

.cptm-form-group {
  display: block;
  margin-bottom: 20px;
}
.cptm-form-group label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #141921;
  margin-bottom: 8px;
}
.cptm-form-group .cptm-form-control {
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-form-group.cptm-form-content {
  text-align: center;
  margin-bottom: 0;
}
.cptm-form-group.cptm-form-content .cptm-form-content-select {
  text-align: right;
}
.cptm-form-group.cptm-form-content .cptm-form-content-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #191b23;
  margin: 0 0 8px;
}
.cptm-form-group.cptm-form-content .cptm-form-content-desc {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #747c89;
  margin: 0;
}
.cptm-form-group.cptm-form-content .cptm-form-content-icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 40px;
  margin: 0 0 12px;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  margin: 8px auto 0;
  color: #3e62f5;
  background: transparent;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn:before {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  right: 0;
  bottom: 8px;
  background-color: #3e62f5;
  -webkit-transition: width ease-in-out 300ms;
  transition: width ease-in-out 300ms;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, .cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before {
  width: 100%;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled {
  pointer-events: none;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled:before {
  display: none;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #747c89;
  height: auto;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:before {
  display: none;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:hover, .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:focus {
  color: #3e62f5;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-icon {
  font-size: 14px;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader i {
  font-size: 15px;
}
.cptm-form-group.tab-field .cptm-preview-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-form-group.cpt-has-error .cptm-form-control {
  border: 1px solid rgb(192, 51, 51);
}

.cptm-form-group-tab-list {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 100px;
}
.cptm-form-group-tab-list .cptm-form-group-tab-item {
  margin: 0;
}
.cptm-form-group-tab-list .cptm-form-group-tab-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 26px;
  padding: 0 16px;
  border-radius: 100px;
  margin: 0;
  cursor: pointer;
  background-color: #ffffff;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  color: #4d5761;
  font-weight: 500;
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.cptm-form-group-tab-list .cptm-form-group-tab-link:hover {
  color: #3e62f5;
}
.cptm-form-group-tab-list .cptm-form-group-tab-link.active {
  background-color: #d8e0fd;
  color: #3e62f5;
}

.cptm-preview-image-upload {
  width: 350px;
  max-width: 100%;
  height: 224px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) {
  border: 2px dashed #d2d6db;
  background: #f9fafb;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail {
  max-width: 100%;
  width: 100%;
  height: 100%;
  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-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-action {
  display: none;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-img-wrap img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -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;
  gap: 6px;
  border-radius: 8px;
  background: #141921;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  margin-top: 20px;
  margin-bottom: 12px;
  cursor: pointer;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn input {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  padding: 0;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn i {
  font-size: 14px;
  color: inherit;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:before, .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:after {
  opacity: 0;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-drag-text {
  color: #747c89;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-transform: capitalize;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show {
  margin-bottom: 0;
  height: 100%;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail {
  position: relative;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.6)), color-stop(35.42%, rgba(0, 0, 0, 0)));
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 35.42%);
  z-index: 1;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail .action-trash ~ .cptm-upload-btn {
  left: 52px;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action {
  margin: 0;
  background-color: white;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  top: 12px;
  left: 12px;
  border-radius: 8px;
  font-size: 16px;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-drag-text {
  display: none;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn {
  position: absolute;
  top: 12px;
  left: 12px;
  max-width: 32px !important;
  width: 32px;
  max-height: 32px;
  height: 32px;
  background-color: white;
  padding: 0;
  border-radius: 8px;
  margin: 10px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn input {
  display: none;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn i::before {
  content: "\ea57";
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip]:after {
  background-color: white;
  color: #141921;
  opacity: 1;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip][data-flow=bottom]::before {
  border-bottom-color: white;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action {
  z-index: 2;
}

.cptm-form-group-feedback {
  display: block;
}

.cptm-form-alert {
  padding: 0 0 10px;
  color: #06d6a0;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-form-alert.cptm-error {
  color: #c82424;
}

.cptm-input-toggle-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-input-toggle-wrap label {
  padding-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 0;
}
.cptm-input-toggle-wrap .cptm-input-toggle-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-input-toggle {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 20px;
  background-color: #d9d9d9;
  border-radius: 30px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  cursor: pointer;
}
.cptm-input-toggle::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: calc(100% - 6px);
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 3px 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-input-toggle.active {
  background-color: #3e62f5;
}
.cptm-input-toggle.active::after {
  right: 100%;
  -webkit-transform: translateX(calc(-1*(-100% - 8px)));
          transform: translateX(calc(-1*(-100% - 8px)));
}

.cptm-multi-option-group {
  display: block;
  margin-bottom: 20px;
}
.cptm-multi-option-group .cptm-btn {
  margin: 0;
}

.cptm-multi-option-label {
  display: block;
}

.cptm-multi-option-group-section-draft {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -8px;
}
.cptm-multi-option-group-section-draft .cptm-form-group {
  margin: 0 8px 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control {
  width: 100%;
}
.cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error {
  position: relative;
}
.cptm-multi-option-group-section-draft p {
  margin: 28px 8px 20px;
}

.cptm-label {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

.form-repeater__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.form-repeater__group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  position: relative;
}
.form-repeater__group.sortable-chosen .form-repeater__input {
  background: #e1e4e8 !important;
  border: 1px solid #d1d5db !important;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important;
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important;
}
.form-repeater__remove-btn, .form-repeater__drag-btn {
  color: #4d5761;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-repeater__remove-btn:disabled, .form-repeater__drag-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.form-repeater__remove-btn svg, .form-repeater__drag-btn svg {
  width: 12px;
  height: 12px;
}
.form-repeater__remove-btn i, .form-repeater__drag-btn i {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.form-repeater__drag-btn {
  cursor: move;
  position: absolute;
  right: 0;
}
.form-repeater__remove-btn {
  cursor: pointer;
  position: absolute;
  left: 0;
}
.form-repeater__remove-btn:hover {
  color: #c83a3a;
}
.form-repeater__input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  padding: 5px 16px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--Gray-200, #e5e7eb);
  background: white;
  -webkit-box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05));
          box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05));
  color: #2c3239;
  outline: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0 32px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.form-repeater__input-value-added {
  background: var(--Gray-50, #f9fafb);
  border-color: #e5e7eb;
}
.form-repeater__input:focus {
  background: var(--Gray-50, #f9fafb);
  border-color: #3e62f5;
}
.form-repeater__input::-webkit-input-placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__input::-moz-placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__input:-ms-input-placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__input::-ms-input-placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__input::placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__add-group-btn {
  font-size: 12px;
  font-weight: 600;
  color: #2e94fa;
  background: transparent;
  border: none;
  padding: 0;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  cursor: pointer;
  letter-spacing: 0.12px;
  margin: 17px 32px 0;
  padding: 0;
}
.form-repeater__add-group-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.form-repeater__add-group-btn svg {
  width: 16px;
  height: 16px;
}
.form-repeater__add-group-btn i {
  font-size: 16px;
}

/* Style the video popup */
.cptm-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 160px);
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  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;
  z-index: 999999;
}
@media (max-width: 960px) {
  .cptm-modal-overlay {
    width: 100%;
  }
}
.cptm-modal-overlay .cptm-modal-container {
  display: block;
  height: auto;
  position: absolute;
  top: 50%;
  right: 50%;
  left: unset;
  bottom: unset;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  overflow: visible;
}
@media (max-width: 767px) {
  .cptm-modal-overlay .cptm-modal-container iframe {
    width: 400px;
    height: 225px;
  }
}
@media (max-width: 575px) {
  .cptm-modal-overlay .cptm-modal-container iframe {
    width: 300px;
    height: 175px;
  }
}

.cptm-modal-content {
  position: relative;
}
.cptm-modal-content .cptm-modal-video video {
  width: 100%;
  max-width: 500px;
}
.cptm-modal-content .cptm-modal-image .cptm-modal-image__img {
  max-height: calc(100vh - 200px);
}
.cptm-modal-content .cptm-modal-preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  width: 724px;
  max-height: calc(100vh - 200px);
  background: #fff;
  padding: 30px 70px;
  border-radius: 16px;
}
.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn {
  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;
  gap: 6px;
  padding: 0 16px;
  height: 40px;
  color: #000;
  background: #ededed;
  border: 1px solid #ededed;
  border-radius: 8px;
}
.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn .cptm-modal-preview__btn__icon {
  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;
}
.cptm-modal-content .cptm-modal-content__close-btn {
  position: absolute;
  top: 0;
  left: -42px;
  width: 36px;
  height: 36px;
  color: #000;
  background: #fff;
  font-size: 15px;
  border: none;
  border-radius: 100%;
  cursor: pointer;
}

.close-btn {
  position: absolute;
  top: 40px;
  left: 40px;
  background: transparent;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #ffffff;
}

.cptm-form-control,
select.cptm-form-control,
input[type=date].cptm-form-control,
input[type=datetime-local].cptm-form-control,
input[type=datetime].cptm-form-control,
input[type=email].cptm-form-control,
input[type=month].cptm-form-control,
input[type=number].cptm-form-control,
input[type=password].cptm-form-control,
input[type=search].cptm-form-control,
input[type=tel].cptm-form-control,
input[type=text].cptm-form-control,
input[type=time].cptm-form-control,
input[type=url].cptm-form-control,
input[type=week].cptm-form-control input[type=text].cptm-form-control {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  color: #5a5f7d;
  text-align: right;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 400;
  margin: 0;
  line-height: 18px;
  height: auto;
  min-height: 30px;
  background-color: #f4f5f7;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-form-control:hover, .cptm-form-control:focus,
select.cptm-form-control:hover,
select.cptm-form-control:focus,
input[type=date].cptm-form-control:hover,
input[type=date].cptm-form-control:focus,
input[type=datetime-local].cptm-form-control:hover,
input[type=datetime-local].cptm-form-control:focus,
input[type=datetime].cptm-form-control:hover,
input[type=datetime].cptm-form-control:focus,
input[type=email].cptm-form-control:hover,
input[type=email].cptm-form-control:focus,
input[type=month].cptm-form-control:hover,
input[type=month].cptm-form-control:focus,
input[type=number].cptm-form-control:hover,
input[type=number].cptm-form-control:focus,
input[type=password].cptm-form-control:hover,
input[type=password].cptm-form-control:focus,
input[type=search].cptm-form-control:hover,
input[type=search].cptm-form-control:focus,
input[type=tel].cptm-form-control:hover,
input[type=tel].cptm-form-control:focus,
input[type=text].cptm-form-control:hover,
input[type=text].cptm-form-control:focus,
input[type=time].cptm-form-control:hover,
input[type=time].cptm-form-control:focus,
input[type=url].cptm-form-control:hover,
input[type=url].cptm-form-control:focus,
input[type=week].cptm-form-control input[type=text].cptm-form-control:hover,
input[type=week].cptm-form-control input[type=text].cptm-form-control:focus {
  color: #23282d;
  border-color: #3e62f5;
}

select.cptm-form-control,
input[type=date].cptm-form-control,
input[type=datetime-local].cptm-form-control,
input[type=datetime].cptm-form-control,
input[type=email].cptm-form-control,
input[type=month].cptm-form-control,
input[type=number].cptm-form-control,
input[type=password].cptm-form-control,
input[type=search].cptm-form-control,
input[type=tel].cptm-form-control,
input[type=text].cptm-form-control,
input[type=time].cptm-form-control,
input[type=url].cptm-form-control,
input[type=week].cptm-form-control,
input[type=text].cptm-form-control {
  padding: 10px 20px;
  font-size: 12px;
  color: #4d5761;
  background: #ffffff;
  text-align: right;
  border: 0 none;
  border-radius: 8px;
  border: 1px solid #d2d6db;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  font-weight: 400;
  margin: 0;
  line-height: 18px;
  height: auto;
  min-height: 30px;
}
select.cptm-form-control:hover,
input[type=date].cptm-form-control:hover,
input[type=datetime-local].cptm-form-control:hover,
input[type=datetime].cptm-form-control:hover,
input[type=email].cptm-form-control:hover,
input[type=month].cptm-form-control:hover,
input[type=number].cptm-form-control:hover,
input[type=password].cptm-form-control:hover,
input[type=search].cptm-form-control:hover,
input[type=tel].cptm-form-control:hover,
input[type=text].cptm-form-control:hover,
input[type=time].cptm-form-control:hover,
input[type=url].cptm-form-control:hover,
input[type=week].cptm-form-control:hover,
input[type=text].cptm-form-control:hover {
  color: #23282d;
}
select.cptm-form-control.cptm-form-control-light,
input[type=date].cptm-form-control.cptm-form-control-light,
input[type=datetime-local].cptm-form-control.cptm-form-control-light,
input[type=datetime].cptm-form-control.cptm-form-control-light,
input[type=email].cptm-form-control.cptm-form-control-light,
input[type=month].cptm-form-control.cptm-form-control-light,
input[type=number].cptm-form-control.cptm-form-control-light,
input[type=password].cptm-form-control.cptm-form-control-light,
input[type=search].cptm-form-control.cptm-form-control-light,
input[type=tel].cptm-form-control.cptm-form-control-light,
input[type=text].cptm-form-control.cptm-form-control-light,
input[type=time].cptm-form-control.cptm-form-control-light,
input[type=url].cptm-form-control.cptm-form-control-light,
input[type=week].cptm-form-control.cptm-form-control-light,
input[type=text].cptm-form-control.cptm-form-control-light {
  border: 1px solid #ccc;
  background-color: #fff;
}

.tab-general .cptm-title-area,
.tab-other .cptm-title-area {
  margin-right: 0;
}
.tab-general .cptm-form-group .cptm-form-control,
.tab-other .cptm-form-group .cptm-form-control {
  background-color: #fff;
  border: 1px solid #e3e6ef;
}

.tab-preview_image .cptm-title-area,
.tab-packages .cptm-title-area,
.tab-other .cptm-title-area {
  margin-right: 0;
}
.tab-preview_image .cptm-title-area p,
.tab-packages .cptm-title-area p,
.tab-other .cptm-title-area p {
  font-size: 15px;
  color: #5a5f7d;
}

.cptm-modal-container {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
  z-index: 999999;
  height: 100vh;
}
.cptm-modal-container.active {
  display: block;
}

.cptm-modal-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  height: 100%;
  min-height: calc(100% - 40px);
  -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;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  background-color: rgba(0, 0, 0, 0.5);
}

.cptm-modal {
  display: block;
  margin: 0 auto;
  padding: 10px;
  width: 100%;
  max-width: 300px;
  border-radius: 5px;
  background-color: #fff;
}

.cptm-modal-header {
  position: relative;
  padding: 15px 15px 15px 30px;
  margin: -10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
}

.cptm-modal-header-title {
  text-align: right;
  margin: 0;
}

.cptm-modal-actions {
  display: block;
  margin: 0 -5px;
  position: absolute;
  left: 10px;
  top: 10px;
  text-align: left;
}

.cptm-modal-action-link {
  margin: 0 5px;
  text-decoration: none;
  height: 25px;
  display: inline-block;
  width: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  color: #2b2b2b;
  font-size: 18px;
}

.cptm-modal-confirmation-title {
  margin: 30px auto;
  font-size: 20px;
  text-align: center;
}

.cptm-section-alert-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -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;
  min-height: 200px;
}

.cptm-section-alert-content {
  text-align: center;
  padding: 10px;
}

.cptm-section-alert-icon {
  margin-bottom: 20px;
  width: 100px;
  height: 100px;
  font-size: 45px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-radius: 50%;
  color: darkgray;
  background-color: #f2f2f2;
}
.cptm-section-alert-icon.cptm-alert-success {
  color: #fff;
  background-color: #14cc60;
}
.cptm-section-alert-icon.cptm-alert-error {
  color: #fff;
  background-color: #cc1433;
}

.cptm-color-picker-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.cptm-color-picker-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}

.cptm-wdget-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.atbdp-flex-align-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-px-5 {
  padding: 0 5px;
}

.cptm-text-gray {
  color: #c1c1c1;
}

.cptm-text-right {
  text-align: left !important;
}

.cptm-text-center {
  text-align: center !important;
}

.cptm-text-left {
  text-align: right !important;
}

.cptm-d-block {
  display: block !important;
}

.cptm-d-inline {
  display: inline-block !important;
}

.cptm-d-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cptm-d-none {
  display: none !important;
}

.cptm-p-20 {
  padding: 20px;
}

.cptm-color-picker {
  display: inline-block;
  padding: 5px 5px 2px 5px;
  border-radius: 30px;
  border: 1px solid #d4d4d4;
}

input[type=radio]:checked::before {
  background-color: #3e62f5;
}

@media (max-width: 767px) {
  input[type=checkbox],
  input[type=radio] {
    width: 15px;
    height: 15px;
  }
}

.cptm-preview-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 70px 54px 70px 30px;
  background: #f9fafb;
}
@media (max-width: 1199px) {
  .cptm-preview-placeholder {
    margin-left: 0;
  }
}
@media only screen and (max-width: 480px) {
  .cptm-preview-placeholder {
    border: none;
    max-width: 100%;
    padding: 0;
    margin: 0;
    background: transparent;
  }
}
.cptm-preview-placeholder__card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 20px;
  background: #ffffff;
  border-radius: 6px;
  border: 1.5px solid #e5e7eb;
  -webkit-box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1);
          box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1);
}
.cptm-preview-placeholder__card__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px;
  border-radius: 4px;
}
.cptm-preview-placeholder__card__item--top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1.5px dashed #d2d6db;
}
.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__content {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box {
  -webkit-box-flex: unset;
  -webkit-flex: unset;
      -ms-flex: unset;
          flex: unset;
  min-width: auto;
  background: unset;
  border: none;
  padding: 0;
}
.cptm-preview-placeholder__card__item--top .cptm-placeholder-block-wrapper {
  -webkit-box-flex: unset;
  -webkit-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.cptm-preview-placeholder__card__item--bottom .cptm-preview-placeholder__card__box .cptm-widget-card-wrap .cptm-widget-badge {
  font-size: 12px;
  line-height: 18px;
  color: #1f2937;
  min-height: 32px;
  background-color: #ffffff;
  border-radius: 6px;
  border: 1.15px solid #e5e7eb;
}
.cptm-preview-placeholder__card__item .dndrop-draggable-wrapper.dragging {
  opacity: 0;
}
.cptm-preview-placeholder__card__item .cptm-widget-actions-tools-wrap:before {
  display: none;
}
.cptm-preview-placeholder__card__box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 150px;
  z-index: unset;
}
.cptm-preview-placeholder__card__box .cptm-placeholder-label {
  color: #868eae;
  font-size: 14px;
  font-weight: 500;
}
.cptm-preview-placeholder__card__box .cptm-widget-preview-area {
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  min-height: 35px;
  padding: 0 13px;
  border-radius: 4px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  color: #383f47;
  background-color: #e5e7eb;
}
@media only screen and (max-width: 480px) {
  .cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge {
    font-size: 12px;
    line-height: 15px;
  }
}
.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap {
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap .cptm-widget-title-card {
  font-size: 22px;
}
@media only screen and (max-width: 480px) {
  .cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap .cptm-widget-title-card {
    font-size: 18px;
  }
}
.cptm-preview-placeholder__card__box.listing-title-placeholder {
  padding: 13px 8px;
}
.cptm-preview-placeholder__card__content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cptm-preview-placeholder__card__btn {
  width: 100%;
  height: 66px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: #5a5f7d;
  font-size: 13px;
  font-weight: 500;
  margin-top: 20px;
}
.cptm-preview-placeholder__card__btn .icon {
  width: 26px;
  height: 26px;
  line-height: 26px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-margin-end: 7px;
          margin-inline-end: 7px;
}
.cptm-preview-placeholder__card .slider-placeholder {
  padding: 8px;
  border-radius: 4px;
  border: 1.5px dashed #d2d6db;
}
.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 50px;
  text-align: center;
  height: 240px;
  background: #e5e7eb;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
  .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area {
    padding: 30px;
  }
  .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-thumb-icon {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-thumb-icon svg {
    height: 100px;
    width: 100px;
  }
}
.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label {
  margin-top: 10px;
}
.cptm-preview-placeholder__card .dndrop-container.vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
}
.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper {
  overflow: visible;
}
.cptm-preview-placeholder__card .draggable-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: 8px;
}
.cptm-preview-placeholder__card .draggable-item .cptm-drag-element {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #747c89;
  margin-top: 15px;
  background: transparent;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  cursor: move;
}
.cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover {
  color: #1e1e1e;
}
.cptm-preview-placeholder--settings-closed {
  max-width: 700px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .cptm-preview-placeholder--settings-closed {
    max-width: 100%;
  }
}

.atbdp-sidebar-nav-area {
  display: block;
}

.atbdp-sidebar-nav {
  display: block;
  margin: 0;
  background-color: #f6f6f6;
}

.atbdp-nav-link {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #2b2b2b;
}

.atbdp-nav-icon {
  display: inline-block;
  margin-left: 10px;
}

.atbdp-nav-label {
  display: inline-block;
}

.atbdp-sidebar-nav-item {
  display: block;
  margin: 0;
}
.atbdp-sidebar-nav-item .atbdp-nav-link {
  display: block;
}
.atbdp-sidebar-nav-item .atbdp-nav-icon {
  display: inline-block;
}
.atbdp-sidebar-nav-item .atbdp-nav-label {
  display: inline-block;
}
.atbdp-sidebar-nav-item.active {
  display: block;
  background-color: #fff;
}
.atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav {
  display: block;
}
.atbdp-sidebar-nav-item.active .atbdp-nav-link {
  display: block;
}
.atbdp-sidebar-nav-item.active .atbdp-nav-icon {
  display: inline-block;
}
.atbdp-sidebar-nav-item.active .atbdp-nav-label {
  display: inline-block;
}

.atbdp-sidebar-subnav {
  display: block;
  margin: 0;
  margin-right: 28px;
  display: none;
}

.atbdp-sidebar-subnav-item {
  display: block;
  margin: 0;
}
.atbdp-sidebar-subnav-item .atbdp-nav-link {
  color: #686d88;
}
.atbdp-sidebar-subnav-item .atbdp-nav-icon {
  display: inline-block;
}
.atbdp-sidebar-subnav-item .atbdp-nav-label {
  display: inline-block;
}
.atbdp-sidebar-subnav-item.active {
  display: block;
  margin: 0;
}
.atbdp-sidebar-subnav-item.active .atbdp-nav-link {
  display: block;
}
.atbdp-sidebar-subnav-item.active .atbdp-nav-icon {
  display: inline-block;
}
.atbdp-sidebar-subnav-item.active .atbdp-nav-label {
  display: inline-block;
}

.atbdp-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}

.atbdp-col {
  padding: 0 15px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.atbdp-col-3 {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  width: 25%;
}

.atbdp-col-4 {
  -webkit-flex-basis: 33.3333333333%;
      -ms-flex-preferred-size: 33.3333333333%;
          flex-basis: 33.3333333333%;
  width: 33.3333333333%;
}

.atbdp-col-8 {
  -webkit-flex-basis: 66.6666666667%;
      -ms-flex-preferred-size: 66.6666666667%;
          flex-basis: 66.6666666667%;
  width: 66.6666666667%;
}

.shrink {
  max-width: 300px;
}

.directorist_dropdown {
  position: relative;
}
.directorist_dropdown .directorist_dropdown-toggle {
  position: relative;
  text-decoration: none;
  display: block;
  width: 100%;
  max-height: 38px;
  font-size: 12px;
  font-weight: 400;
  background-color: transparent;
  color: #4d5761;
  padding: 12px 15px;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist_dropdown .directorist_dropdown-toggle:focus {
  outline: 0 none;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
}
.directorist_dropdown .directorist_dropdown-toggle:before {
  font-family: unicons-line;
  font-weight: 400;
  font-size: 20px;
  content: "\eb3a";
  color: #747c89;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  height: 20px;
}
.directorist_dropdown .directorist_dropdown-option {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 350px;
  right: 0;
  top: 39px;
  padding: 12px 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  z-index: 99999;
  overflow-y: auto;
}
.directorist_dropdown .directorist_dropdown-option.--show {
  display: block !important;
}
.directorist_dropdown .directorist_dropdown-option ul {
  margin: 0;
  padding: 0;
}
.directorist_dropdown .directorist_dropdown-option ul:empty {
  position: relative;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.directorist_dropdown .directorist_dropdown-option ul:empty:before {
  content: "No Items Found";
}
.directorist_dropdown .directorist_dropdown-option ul li {
  margin-bottom: 0;
}
.directorist_dropdown .directorist_dropdown-option ul li a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  padding: 9px 15px;
  border-radius: 8px;
  color: #4d5761;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.directorist_dropdown .directorist_dropdown-option ul li a:hover, .directorist_dropdown .directorist_dropdown-option ul li a.active:hover {
  color: #fff;
  background-color: #3e62f5;
}
.directorist_dropdown .directorist_dropdown-option ul li a.active {
  color: #3e62f5;
  background-color: #f0f3ff;
}

.cptm-form-group .directorist_dropdown-option {
  max-height: 240px;
}

.cptm-import-directory-modal .cptm-file-input-wrap {
  margin: 16px -5px 0 -5px;
}
.cptm-import-directory-modal .cptm-info-text {
  padding: 4px 8px;
  height: auto;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-import-directory-modal .cptm-info-text > b {
  margin-left: 4px;
}

/* Sticky fields */
.cptm-col-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  height: 100%;
  max-height: calc(100vh - 212px);
  overflow: auto;
  scrollbar-width: 6px;
  scrollbar-color: #d2d6db #f3f4f6;
}

.cptm-widget-trash-confirmation-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  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;
  z-index: 999999;
}
.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal {
  background: #fff;
  padding: 30px 25px;
  border-radius: 8px;
  text-align: center;
}
.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 18px;
}
.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p {
  margin: 0 0 20px;
  font-size: 14px;
  max-width: 400px;
}
.cptm-widget-trash-confirmation-modal-overlay button {
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgb(197, 22, 22);
  padding: 10px 15px;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.cptm-widget-trash-confirmation-modal-overlay button:hover {
  background: #ba1230;
}
.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel {
  background: #f1f2f6;
  color: #7a8289;
}
.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover {
  background: #dee0e4;
}

.cptm-field-group-container .cptm-field-group-container__label {
  font-size: 15px;
  font-weight: 500;
  color: #272b41;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .cptm-field-group-container .cptm-field-group-container__label {
    margin-bottom: 15px;
  }
}

.cptm-container-group-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 26px;
}
@media only screen and (max-width: 1300px) {
  .cptm-container-group-fields {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1300px) {
  .cptm-container-group-fields .cptm-form-group:not(:last-child) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .cptm-container-group-fields .cptm-form-group {
    width: 100%;
  }
}
.cptm-container-group-fields .highlight-field {
  padding: 0;
}
.cptm-container-group-fields .atbdp-row {
  margin: 0;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-container-group-fields .atbdp-row .atbdp-col {
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
      -ms-flex: none !important;
          flex: none !important;
  width: auto;
  padding: 0;
}
.cptm-container-group-fields .atbdp-row .atbdp-col input {
  max-width: 100px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 991px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col input {
    max-width: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col input {
    max-width: 150px !important;
  }
}
.cptm-container-group-fields .atbdp-row .atbdp-col label {
  margin: 0;
  font-size: 14px !important;
  font-weight: normal;
}
@media only screen and (max-width: 1300px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col label {
    min-width: 50px;
  }
}
.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown {
  width: 95px;
}
.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown .directorist_dropdown-toggle:before {
  position: relative;
  top: -3px;
}
@media only screen and (max-width: 991px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown {
    width: calc(100% - 2px);
  }
}
@media only screen and (max-width: 767px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown {
    width: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: auto !important;
        -ms-flex: auto !important;
            flex: auto !important;
  }
}
@media only screen and (max-width: 767px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 {
    width: auto !important;
  }
}

.cptm-elements-settings {
  width: 100%;
  max-width: 372px;
  padding: 0 20px;
  scrollbar-width: 6px;
  border-left: 1px solid #e5e7eb;
  scrollbar-color: #d2d6db #f3f4f6;
}
@media only screen and (max-width: 1199px) {
  .cptm-elements-settings {
    max-width: 100%;
  }
}
@media only screen and (max-width: 782px) {
  .cptm-elements-settings {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (max-width: 480px) {
  .cptm-elements-settings {
    border: none;
    padding: 0;
  }
}
.cptm-elements-settings__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 18px 0 8px;
}
.cptm-elements-settings__header__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #141921;
  margin: 0;
}
.cptm-elements-settings__group {
  padding: 20px 0;
  border-bottom: 1px solid #e5e7eb;
}
.cptm-elements-settings__group .dndrop-draggable-wrapper {
  position: relative;
  overflow: visible !important;
}
.cptm-elements-settings__group .dndrop-draggable-wrapper.dragging {
  opacity: 0;
}
.cptm-elements-settings__group:last-child {
  border-bottom: none;
}
.cptm-elements-settings__group__title {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.48px;
  color: #747c89;
  margin-bottom: 15px;
}
.cptm-elements-settings__group__single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  border-radius: 4px;
  background: #f3f4f6;
}
.cptm-elements-settings__group__single:hover {
  border-color: #3e62f5;
}
.cptm-elements-settings__group__single .drag-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: #747c89;
  background: transparent;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  cursor: move;
}
.cptm-elements-settings__group__single .drag-icon:hover {
  color: #1e1e1e;
}
.cptm-elements-settings__group__single__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #383f47;
}
.cptm-elements-settings__group__single__label__icon {
  color: #4d5761;
  font-size: 24px;
}
@media only screen and (max-width: 480px) {
  .cptm-elements-settings__group__single__label__icon {
    font-size: 20px;
  }
}
.cptm-elements-settings__group__single__action {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-elements-settings__group__single__edit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-elements-settings__group__single__edit__icon {
  font-size: 20px;
  color: #4d5761;
}
.cptm-elements-settings__group__single__edit--disabled {
  opacity: 0.4;
  pointer-events: none;
}
.cptm-elements-settings__group__single__switch label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 32px;
  height: 18px;
  cursor: pointer;
}
.cptm-elements-settings__group__single__switch label::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #d2d6db;
  border-radius: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cptm-elements-settings__group__single__switch label::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cptm-elements-settings__group__single__switch input[type=checkbox] {
  display: none;
}
.cptm-elements-settings__group__single__switch input[type=checkbox]:checked + label::before {
  background-color: #3e62f5;
}
.cptm-elements-settings__group__single__switch input[type=checkbox]:checked + label::after {
  -webkit-transform: translateX(-14px);
          transform: translateX(-14px);
}
.cptm-elements-settings__group__single--disabled {
  opacity: 0.4;
  pointer-events: none;
}
.cptm-elements-settings__group__options {
  position: absolute;
  width: 100%;
  top: 42px;
  right: 0;
  z-index: 1;
  padding-bottom: 20px;
}
.cptm-elements-settings__group__options .cptm-option-card {
  margin: 0;
  background: #fff;
  -webkit-box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843);
          box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843);
}
.cptm-elements-settings__group__options .cptm-option-card:before {
  left: 60px;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header {
  padding: 0;
  border-radius: 8px 8px 0 0;
  background: transparent;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section {
  padding: 16px;
  min-height: auto;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section .cptm-option-card-header-title {
  font-size: 14px;
  font-weight: 500;
  color: #2c3239;
  margin: 0;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section .cptm-header-action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  color: #4d5761;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  background: transparent;
  border-top: 1px solid #e5e7eb;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body .cptm-form-group {
  margin-bottom: 0;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body .cptm-form-group label {
  font-size: 13px;
  font-weight: 500;
}
.cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper {
  margin-bottom: 8px;
}
.cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper:last-child {
  margin-bottom: 0;
}

.cptm-theme-butterfly .cptm-info-text {
  text-align: right;
  margin: 0;
}

.icon-picker {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.35);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.icon-picker__inner {
  width: 935px;
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  background: white;
  height: 800px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 6px;
}
.icon-picker__close {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #5A5F7D;
  color: #fff;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 20px;
  top: 23px;
  z-index: 1;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.icon-picker__close:hover {
  color: #fff;
  background-color: #222;
}
.icon-picker__sidebar {
  width: 30%;
  background-color: #eff0f3;
  padding: 30px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.icon-picker__content {
  width: 70%;
  overflow: auto;
}
.icon-picker__content .icons-group {
  padding-top: 80px;
}
.icon-picker__content .icons-group h4 {
  font-size: 16px;
  font-weight: 500;
  color: #272B41;
  background-color: #ffffff;
  padding: 33px 20px 27px 0;
  border-bottom: 1px solid #E3E6EF;
  margin: 0;
  position: absolute;
  right: 30%;
  top: 0;
  width: 70%;
}
.icon-picker__content .icons-group-icons {
  padding: 17px 17px 17px 0;
}
.icon-picker__content .icons-group-icons .font-icon-btn {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5px 3px;
  width: 70px;
  height: 70px;
  background-color: #F4F5F7;
  border-radius: 5px;
  font-size: 24px;
  color: #868EAE;
  font-size: 18px !important;
  border: 0 none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.icon-picker__content .icons-group-icons .font-icon-btn.cptm-btn-primary {
  background-color: #3e62f5;
  color: #fff;
  font-size: 30px;
  -webkit-box-shadow: 0 3px 10px rgba(39, 43, 65, 0.2);
          box-shadow: 0 3px 10px rgba(39, 43, 65, 0.2);
  border: 1px solid #E3E6EF;
}
.icon-picker__filter {
  margin-bottom: 30px;
}
.icon-picker__filter label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
}
.icon-picker__filter input,
.icon-picker__filter select {
  color: #797d93;
  font-size: 14px;
  height: 44px;
  border: 1px solid #E3E6EF;
  border-radius: 4px;
  padding: 0 15px;
  width: 100%;
}
.icon-picker__filter input::-webkit-input-placeholder {
  color: #797d93;
}
.icon-picker__filter input::-moz-placeholder {
  color: #797d93;
}
.icon-picker__filter input:-ms-input-placeholder {
  color: #797d93;
}
.icon-picker__filter input::-ms-input-placeholder {
  color: #797d93;
}
.icon-picker__filter input::placeholder {
  color: #797d93;
}
.icon-picker__filter select:hover, .icon-picker__filter select:focus {
  color: #797d93;
}
.icon-picker.icon-picker-visible {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.icon-picker__preview-icon {
  font-size: 80px;
  color: #272B41;
  display: block !important;
  text-align: center;
}
.icon-picker__preview-info {
  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;
  margin-top: 15px;
}
.icon-picker__done-btn {
  display: block !important;
  width: 100%;
  margin: 35px 0 0 0 !important;
}

.directorist-type-icon-select label {
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}

.icon-picker-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -10px;
}
.icon-picker-selector__icon {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 10px;
}
.icon-picker-selector__icon .directorist-selected-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.icon-picker-selector__icon .cptm-form-control {
  pointer-events: none;
}
.icon-picker-selector__icon__reset {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  padding: 5px 15px;
}
.icon-picker-selector__btn {
  margin: 0 10px;
  height: 40px;
  background-color: #DADCE0;
  border-radius: 4px;
  border: 0 none;
  font-weight: 500;
  padding: 0 30px;
  cursor: pointer;
}

.directorist-category-icon-picker {
  margin-top: 10px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.directorist-category-icon-picker .icon-picker-selector {
  width: 100%;
}

/* Responsive fix */
@media only screen and (max-width: 1441px) {
  .icon-picker__inner {
    width: 825px;
    height: 660px;
  }
}
@media only screen and (max-width: 1199px) {
  .icon-picker__inner {
    width: 615px;
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .icon-picker__inner {
    width: 500px;
    height: 450px;
  }
}
@media only screen and (max-width: 575px) {
  .icon-picker__inner {
    display: block;
    width: calc(100% - 30px);
    overflow: scroll;
  }
  .icon-picker__sidebar,
  .icon-picker__content {
    width: auto;
  }
  .icon-picker__content .icons-group-icons .font-icon-btn {
    width: 55px;
    height: 55px;
    font-size: 16px;
  }
}
.reset-pseudo-link:visited, .cptm-btn:visited, .cptm-header-nav__list-item-link:visited, .cptm-link-light:visited, .cptm-sub-nav__item-link:visited, .cptm-header-action-link:visited, .cptm-modal-action-link:visited, .atbdp-nav-link:visited, .reset-pseudo-link:active, .cptm-btn:active, .cptm-header-nav__list-item-link:active, .cptm-link-light:active, .cptm-sub-nav__item-link:active, .cptm-header-action-link:active, .cptm-modal-action-link:active, .atbdp-nav-link:active, .reset-pseudo-link:focus, .cptm-btn:focus, .cptm-header-nav__list-item-link:focus, .cptm-link-light:focus, .cptm-sub-nav__item-link:focus, .cptm-header-action-link:focus, .cptm-modal-action-link:focus, .atbdp-nav-link:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cptm-shortcodes {
  max-height: 300px;
  overflow: scroll;
}

.directorist-center-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.directorist-center-content-inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.directorist-center-content,
.directorist-center-content-inline {
  -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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.directorist-text-right {
  text-align: left;
}

.directorist-text-center {
  text-align: center;
}

.directorist-text-left {
  text-align: right;
}

.directorist-mt-0 {
  margin-top: 0 !important;
}

.directorist-mt-5 {
  margin-top: 5px !important;
}

.directorist-mt-10 {
  margin-top: 10px !important;
}

.directorist-mt-15 {
  margin-top: 15px !important;
}

.directorist-mt-20 {
  margin-top: 20px !important;
}

.directorist-mt-30 {
  margin-top: 30px !important;
}

.directorist-mb-0 {
  margin-bottom: 0 !important;
}

.directorist-mb-35 {
  margin-bottom: 35px !important;
}

.directorist-mb-30 {
  margin-bottom: 30px !important;
}

.directorist-mb-25 {
  margin-bottom: 25px !important;
}

.directorist-mb-20 {
  margin-bottom: 20px !important;
}

.directorist-mb-n20 {
  margin-bottom: -20px !important;
}

.directorist-mb-10 {
  margin-bottom: 10px !important;
}

.directorist-mb-15 {
  margin-bottom: 15px !important;
}

.directorist-mb-20 {
  margin-bottom: 20px !important;
}

.directorist-mb-30 {
  margin-bottom: 30px !important;
}

.directorist-mb-35 {
  margin-bottom: 35px !important;
}

.directorist-mb-40 {
  margin-bottom: 40px !important;
}

.directorist-mb-50 {
  margin-bottom: 50px !important;
}

.directorist-mb-70 {
  margin-bottom: 70px !important;
}

.directorist-mb-80 {
  margin-bottom: 80px !important;
}

.directorist-pb-100 {
  padding-bottom: 100px !important;
}

.directorist-w-100 {
  width: 100% !important;
  max-width: 100% !important;
}

.directorist-draggable-list-item-wrapper {
  position: relative;
  height: 100%;
}

.directorist-droppable-area-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 888888888;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: -20px;
}

.directorist-droppable-area {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.directorist-droppable-item-preview {
  height: 52px;
  background-color: rgba(44, 153, 255, 0.1);
  margin-bottom: 20px;
  margin-left: 0;
  border-radius: 4px;
}

.directorist-droppable-item-preview-before {
  margin-bottom: 20px;
}

.directorist-droppable-item-preview-after {
  margin-bottom: 20px;
}

/* Create Directory Type */
.directorist-directory-type-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 15px 30px;
  padding: 0 20px;
  background: white;
  min-height: 60px;
  border-bottom: 1px solid #e5e7eb;
  position: fixed;
  left: 0;
  top: 32px;
  width: calc(100% - 200px);
  z-index: 9999;
}
.directorist-directory-type-top:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  height: 10px;
  width: 100%;
  background-color: #f3f4f6;
}
@media only screen and (max-width: 782px) {
  .directorist-directory-type-top {
    position: relative;
    width: calc(100% + 20px);
    top: -10px;
    right: -10px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (max-width: 480px) {
  .directorist-directory-type-top {
    padding: 10px 30px;
  }
}
.directorist-directory-type-top-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 24px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .directorist-directory-type-top-left {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.directorist-directory-type-top-left .cptm-form-group {
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback {
  white-space: nowrap;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control {
  height: 36px;
  border-radius: 8px;
  background: #e5e7eb;
  max-width: 150px;
  padding: 10px 16px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-webkit-input-placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-moz-placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control:-ms-input-placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-ms-input-placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::placeholder {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.24px;
}
.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback .cptm-form-alert {
  padding: 0;
}
.directorist-directory-type-top-left .directorist-back-directory {
  color: #4d5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.directorist-directory-type-top-left .directorist-back-directory svg {
  width: 14px;
  height: 14px;
  color: inherit;
}
.directorist-directory-type-top-left .directorist-back-directory:hover {
  color: #3e62f5;
}
.directorist-directory-type-top-right .directorist-create-directory {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  text-decoration: none;
  padding: 0 24px;
  height: 40px;
  border: 1px solid #3e62f5;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1);
          box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1);
  background-color: #3e62f5;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.directorist-directory-type-top-right .directorist-create-directory:hover {
  background-color: #5a7aff;
  border-color: #5a7aff;
}
.directorist-directory-type-top-right .cptm-btn {
  margin: 0;
}

.directorist-type-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #141921;
  line-height: 16px;
}
.directorist-type-name span {
  font-size: 20px;
  color: #747c89;
}

.directorist-type-name-editable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.directorist-type-name-editable span {
  font-size: 20px;
  color: #747c89;
}
.directorist-type-name-editable span:hover {
  color: #3e62f5;
}

.directorist-directory-type-bottom {
  position: fixed;
  bottom: 0;
  left: 20px;
  width: calc(100% - 204px);
  height: calc(100% - 115px);
  overflow-y: auto;
  z-index: 1;
  background: white;
  margin-top: 67px;
  border-radius: 8px 8px 0 0;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08);
          box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08);
}
@media only screen and (max-width: 782px) {
  .directorist-directory-type-bottom {
    position: unset;
    width: 100%;
    height: auto;
    overflow-y: visible;
    margin-top: 20px;
  }
  .directorist-directory-type-bottom .atbdp-cptm-body {
    margin: 0 20px 20px !important;
  }
}
.directorist-directory-type-bottom .cptm-header-navigation {
  position: fixed;
  left: 20px;
  top: 113px;
  width: calc(100% - 202px);
  background: #ffffff;
  border: 1px solid #e5e7eb;
  gap: 0 32px;
  padding: 0 30px;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  border-radius: 8px 8px 0 0;
  overflow-x: auto;
  z-index: 100;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .directorist-directory-type-bottom .cptm-header-navigation {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 782px) {
  .directorist-directory-type-bottom .cptm-header-navigation {
    position: unset;
    width: 100%;
    border: none;
  }
}
.directorist-directory-type-bottom .atbdp-cptm-body {
  position: relative;
  margin-top: 72px;
}
@media only screen and (max-width: 600px) {
  .directorist-directory-type-bottom .atbdp-cptm-body {
    margin-top: 0;
  }
}

.wp-admin.folded .directorist-directory-type-top {
  width: calc(100% - 78px);
}
@media only screen and (max-width: 782px) {
  .wp-admin.folded .directorist-directory-type-top {
    width: calc(100% - 40px);
  }
}
.wp-admin.folded .directorist-directory-type-bottom {
  width: calc(100% - 80px);
}
.wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation {
  width: calc(100% - 78px);
}
@media only screen and (max-width: 782px) {
  .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation {
    width: 100%;
    border-width: 0 0 1px 0;
  }
}

.directorist-draggable-form-list-wrap {
  margin-left: 50px;
}

/* Body Header */
.directorist-form-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 26px;
}
.directorist-form-action__modal-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -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;
  gap: 6px;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  background: transparent;
  color: #4d5761;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-transform: capitalize;
}
.directorist-form-action__modal-btn svg {
  width: 14px;
  height: 14px;
  color: inherit;
}
.directorist-form-action__modal-btn:hover {
  color: #217aef;
  background: #eff8ff;
  border-color: #bee3ff;
}
.directorist-form-action__link {
  margin-top: 2px;
  font-size: 12px;
  font-weight: 500;
  color: #1b50b2;
  line-height: 20px;
  letter-spacing: 0.12px;
  text-decoration: underline;
}
.directorist-form-action__view {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
  gap: 6px;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  background: transparent;
  color: #4d5761;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.12px;
  text-transform: capitalize;
}
.directorist-form-action__view svg {
  width: 14px;
  height: 14px;
  color: inherit;
}
.directorist-form-action__view:hover {
  color: #217aef;
  background: #eff8ff;
  border-color: #bee3ff;
}
.directorist-form-action__view:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cptm-form-note {
  margin-bottom: 30px;
  padding: 30px;
  background-color: #dcebfe;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cptm-form-note i {
  font-size: 30px;
  opacity: 0.2;
  margin-left: 15px;
}
.cptm-form-note .cptm-form-note-title {
  margin-top: 0;
  color: #157cf6;
}
.cptm-form-note .cptm-form-note-content {
  margin: 5px 0;
}
.cptm-form-note .cptm-form-note-content a {
  color: #157cf6;
}

#atbdp_cpt_options_metabox .inside {
  margin: 0;
  padding: 0;
}
#atbdp_cpt_options_metabox .postbox-header {
  display: none;
}

.atbdp-cpt-manager {
  position: relative;
  display: block;
  color: #23282d;
}
.atbdp-cpt-manager.directorist-overlay-visible {
  position: fixed;
  z-index: 9;
  width: calc(100% - 200px);
}
.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top,
.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation {
  z-index: 1;
}
.atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields {
  z-index: 11;
}

.atbdp-cptm-header {
  display: block;
}
.atbdp-cptm-header .cptm-form-group .cptm-form-control {
  height: 50px;
  font-size: 20px;
}

.atbdp-cptm-body {
  display: block;
}

.cptm-field-wraper-key-preview_image .cptm-btn {
  margin: 0 10px;
  height: 40px;
  color: #23282d !important;
  background-color: #dadce0 !important;
  border-radius: 4px !important;
  border: 0 none;
  font-weight: 500;
  padding: 0 30px;
}

.atbdp-cptm-footer {
  display: block;
  padding: 24px 0 0;
  margin: 0 30px 0 50px;
  border-top: 1px solid #e5e7eb;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 20px;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #4d5761;
  cursor: pointer;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 20px;
  border-radius: 30px;
  background: #d2d6db;
  border: 3px solid #d2d6db;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:after {
  content: "";
  position: absolute;
  left: 19px;
  top: 3px;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border-radius: 100%;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle {
  display: none;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:before {
  background-color: #3e62f5;
  border-color: #3e62f5;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:after {
  left: 3px;
}
.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc {
  font-size: 12px;
  font-weight: 400;
  color: #747c89;
}

.atbdp-cptm-footer-actions {
  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-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.atbdp-cptm-footer-actions .cptm-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-weight: 500;
  font-size: 15px;
  height: 48px;
  padding: 0 30px;
  margin: 0;
}
.atbdp-cptm-footer-actions .cptm-save-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -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;
}

.cptm-title-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
  padding: 15px 10px;
  background-color: #fff;
}

.cptm-card-preview-widget .cptm-title-bar {
  margin: 0;
}

.cptm-title-bar-headings {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 10px;
}

.cptm-title-bar-actions {
  min-width: 100px;
  max-width: 220px;
  padding: 10px;
}

.cptm-label-btn {
  display: inline-block;
}

.cptm-btn,
.cptm-btn.cptm-label-btn {
  margin: 0 5px 10px;
  display: inline-block;
  text-align: center;
  border: 1px solid transparent;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  vertical-align: top;
}
.cptm-btn:disabled,
.cptm-btn.cptm-label-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.cptm-btn.cptm-label-btn {
  display: inline-block;
  vertical-align: top;
}
.cptm-btn.cptm-btn-rounded {
  border-radius: 30px;
}
.cptm-btn.cptm-btn-primary {
  color: #fff;
  border-color: #3e62f5;
  background-color: #3e62f5;
}
.cptm-btn.cptm-btn-primary:hover {
  background-color: #345af4;
}
.cptm-btn.cptm-btn-secondery {
  color: #3e62f5;
  border-color: #3e62f5;
  background-color: transparent;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 15px !important;
}
.cptm-btn.cptm-btn-secondery:hover {
  color: #fff;
  background-color: #3e62f5;
}

.cptm-file-input-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-file-input-wrap .cptm-btn {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-btn-box {
  display: block;
}

.cptm-form-builder-group-field-drop-area {
  display: block;
  padding: 14px 20px;
  border-radius: 4px;
  margin: 16px 0 0;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #747c89;
  background-color: #f9fafb;
  font-style: italic;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  border: 1px dashed #d2d6db;
  -webkit-box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08);
          box-shadow: 0 4px 8px 0 rgba(16, 24, 40, 0.08);
}
.cptm-form-builder-group-field-drop-area:first-child {
  margin-top: 0;
}
.cptm-form-builder-group-field-drop-area.drag-enter {
  color: #3e62f5;
  background-color: #d8e0fd;
  border-color: #3e62f5;
}

.cptm-form-builder-group-field-drop-area-label {
  margin: 0;
  pointer-events: none;
}

.atbdp-cptm-status-feedback {
  position: fixed;
  top: 70px;
  right: calc(50% + 150px);
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  min-width: 300px;
  z-index: 9999;
}
@media screen and (max-width: 960px) {
  .atbdp-cptm-status-feedback {
    right: calc(50% + 100px);
  }
}
@media screen and (max-width: 782px) {
  .atbdp-cptm-status-feedback {
    right: 50%;
  }
}

.cptm-alert {
  position: relative;
  padding: 14px 52px 14px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #053e29;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1);
          box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1);
}
.cptm-alert:before {
  content: "";
  position: absolute;
  top: 14px;
  right: 24px;
  font-size: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.cptm-alert-success {
  background-color: #ecfdf3;
  border: 1px solid #14b570;
}
.cptm-alert-success:before {
  content: "\f058";
  color: #14b570;
}

.cptm-alert-error {
  background-color: #f3d6d6;
  border: 1px solid #c51616;
}
.cptm-alert-error:before {
  content: "\f057";
  color: #c51616;
}

.cptm-dropable-element {
  position: relative;
}

.cptm-dropable-base-element {
  display: block;
  position: relative;
  padding: 0;
  -webkit-transition: ease-in-out all 300ms;
  transition: ease-in-out all 300ms;
}

.cptm-dropable-area {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
}

.cptm-dropable-placeholder {
  padding: 0;
  margin: 0;
  height: 0;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  background: RGBA(61, 98, 245, 0.45);
}
.cptm-dropable-placeholder.active {
  padding: 10px 15px;
  margin: 0;
  height: 30px;
}

.cptm-dropable-inside {
  padding: 10px;
}

.cptm-dropable-area-inside {
  display: block;
  height: 100%;
}

.cptm-dropable-area-right {
  display: block;
}

.cptm-dropable-area-left {
  display: block;
}

.cptm-dropable-area-right,
.cptm-dropable-area-left {
  display: block;
  float: right;
  width: 50%;
  height: 100%;
}

.cptm-dropable-area-top {
  display: block;
}

.cptm-dropable-area-bottom {
  display: block;
}

.cptm-dropable-area-top,
.cptm-dropable-area-bottom {
  display: block;
  width: 100%;
  height: 50%;
}

.cptm-header-navigation {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  .cptm-header-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.cptm-header-nav__list-item {
  margin: 0;
  display: inline-block;
  list-style: none;
  text-align: center;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 480px) {
  .cptm-header-nav__list-item {
    width: 100%;
  }
}

.cptm-header-nav__list-item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  text-decoration: none;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  position: relative;
  color: #4d5761;
  font-weight: 500;
  padding: 24px 0;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .cptm-header-nav__list-item-link {
    padding: 16px 0;
  }
}
.cptm-header-nav__list-item-link:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: calc(100% + 55px);
  height: 3px;
  background-color: transparent;
  border-radius: 2px 2px 0 0;
}
.cptm-header-nav__list-item-link .cptm-header-nav__icon {
  font-size: 24px;
}
.cptm-header-nav__list-item-link.active {
  font-weight: 600;
}
.cptm-header-nav__list-item-link.active:before {
  background-color: #3e62f5;
}
.cptm-header-nav__list-item-link.active .cptm-header-nav__icon,
.cptm-header-nav__list-item-link.active .cptm-header-nav__label {
  color: #3e62f5;
}

.cptm-header-nav__icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cptm-header-nav__icon svg {
  width: 24px;
  height: 24px;
}

.cptm-header-nav__label {
  display: block;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  font-size: 14px;
  font-weight: 500;
}

.cptm-title-area {
  margin-bottom: 20px;
}

.submission-form .cptm-title-area {
  width: 100%;
}

.tab-general .cptm-title-area {
  margin-right: 0;
}

.cptm-link-light {
  color: #fff;
}
.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active {
  color: #fff;
}

.cptm-color-white {
  color: #fff;
}

.cptm-my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.cptm-mb-60 {
  margin-bottom: 60px;
}

.cptm-mr-5 {
  margin-left: 5px;
}

.cptm-title {
  margin: 0;
  font-size: 19px;
  font-weight: 600;
  color: #141921;
  line-height: 1.2;
}

.cptm-des {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #4d5761;
  margin-top: 10px;
}

.atbdp-cptm-tab-contents {
  width: 100%;
  display: block;
  background-color: #fff;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header {
  margin-top: 92px;
}
@media only screen and (max-width: 782px) {
  .atbdp-cptm-tab-contents .listings_card_layout .cptm-tab-content-header {
    margin-top: 20px;
  }
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation {
  width: auto;
  max-width: 658px;
  margin: 0 auto;
  gap: 16px;
  padding: 0;
  border-radius: 8px 8px 0 0;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  border-bottom: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link {
  height: 47px;
  padding: 0 8px;
  border: none;
  border-radius: 0;
  position: relative;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background: transparent;
  border-radius: 2px 2px 0 0;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active {
  color: #3e62f5;
  background: transparent;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover svg path, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active svg path {
  stroke: #3e62f5;
}
.atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link:hover:before, .atbdp-cptm-tab-contents .listings_card_layout .cptm-sub-navigation .cptm-sub-nav__item-link.active:before {
  background: #3e62f5;
}

.atbdp-cptm-tab-item {
  display: none;
}
.atbdp-cptm-tab-item.active {
  display: block;
}

.cptm-tab-content-header {
  position: relative;
  background: transparent;
  max-width: 100%;
  margin: 82px auto 0;
}
@media only screen and (max-width: 782px) {
  .cptm-tab-content-header {
    margin-top: 0;
  }
}
.cptm-tab-content-header .cptm-tab-content-header__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 32px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 11;
}
@media only screen and (max-width: 991px) {
  .cptm-tab-content-header .cptm-tab-content-header__action {
    left: 25px;
  }
}
@media only screen and (max-width: 782px) {
  .cptm-tab-content-header .cptm-sub-navigation {
    padding-left: 70px;
    margin-top: 20px;
  }
  .cptm-tab-content-header .cptm-tab-content-header__action {
    top: 0;
    -webkit-transform: unset;
            transform: unset;
  }
}
@media only screen and (max-width: 480px) {
  .cptm-tab-content-header .cptm-sub-navigation {
    margin-top: 0;
  }
  .cptm-tab-content-header .cptm-tab-content-header__action {
    left: 0;
  }
}

.cptm-tab-content-body {
  display: block;
}

.cptm-tab-content {
  position: relative;
  margin: 0 auto;
  min-height: 500px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-tab-content.tab-wide {
  max-width: 1080px;
}
.cptm-tab-content.tab-short-wide {
  max-width: 600px;
}
.cptm-tab-content.tab-full-width {
  max-width: 100%;
}
.cptm-tab-content.cptm-tab-content-general {
  top: 32px;
  padding: 32px 30px 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin: 0 auto 70px;
}
@media only screen and (max-width: 960px) {
  .cptm-tab-content.cptm-tab-content-general {
    max-width: 100%;
    margin: 0 20px 52px;
  }
}
@media only screen and (max-width: 782px) {
  .cptm-tab-content.cptm-tab-content-general {
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  .cptm-tab-content.cptm-tab-content-general {
    top: 0;
  }
}

.cptm-short-wide {
  max-width: 550px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cptm-tab-sub-content-item {
  margin: 0 auto;
  display: none;
}
.cptm-tab-sub-content-item.active {
  display: block;
}

.cptm-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}

.cptm-col-5 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(42.66% - 30px);
  padding: 0 15px;
}
@media (max-width: 767px) {
  .cptm-col-5 {
    width: calc(100% - 30px);
    margin-bottom: 30px;
  }
}

.cptm-col-6 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(50% - 30px);
  padding: 0 15px;
}
@media (max-width: 767px) {
  .cptm-col-6 {
    width: calc(100% - 30px);
    margin-bottom: 30px;
  }
}

.cptm-col-7 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(57.33% - 30px);
  padding: 0 15px;
}
@media (max-width: 767px) {
  .cptm-col-7 {
    width: calc(100% - 30px);
    margin-bottom: 30px;
  }
}

.cptm-section {
  position: relative;
  z-index: 10;
}
.cptm-section.cptm-section--disabled .cptm-builder-section {
  opacity: 0.6;
  pointer-events: none;
}
.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container {
  height: 100%;
  padding-bottom: 400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-section.single_listing_header {
  border-top: 1px solid #e5e7eb;
}
.cptm-section.search_form_fields .directorist-form-action, .cptm-section.submission_form_fields .directorist-form-action {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}
.cptm-section.preview_mode {
  position: absolute;
  left: 24px;
  bottom: 18px;
  width: calc(100% - 420px);
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.cptm-section.preview_mode:before {
  content: "";
  position: absolute;
  top: 0;
  right: 43px;
  height: 1px;
  width: calc(100% - 86px);
  background-color: #f3f4f6;
}
@media only screen and (min-width: 1441px) {
  .cptm-section.preview_mode {
    width: calc(65% - 49px);
  }
}
@media only screen and (max-width: 1024px) {
  .cptm-section.preview_mode {
    width: calc(100% - 49px);
  }
}
@media only screen and (max-width: 480px) {
  .cptm-section.preview_mode {
    width: 100%;
    position: unset;
    margin-top: 20px;
  }
}
.cptm-section.preview_mode .cptm-title-area {
  display: none;
}
.cptm-section.preview_mode .cptm-input-toggle-wrap {
  gap: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.cptm-section.preview_mode .directorist-footer-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  background-color: #f5f6f7;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
@media only screen and (max-width: 575px) {
  .cptm-section.preview_mode .directorist-footer-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.cptm-section.preview_mode .directorist-footer-wrap .directorist-input-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: #141921;
}
.cptm-section.preview_mode .directorist-footer-wrap .directorist-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn {
  position: relative;
  margin: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  font-size: 12px;
  font-weight: 500;
  color: #4d5761;
  border-color: #e5e7eb;
  background-color: #ffffff;
  border-radius: 6px;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:before {
  content: attr(data-info);
  position: absolute;
  top: calc(100% + 8px);
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 12px;
  border-radius: 6px;
  background-color: #141921;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:after {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  border-bottom: 6px solid #141921;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn .cptm-save-icon {
  font-size: 16px;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover .cptm-save-icon {
  opacity: 1;
  visibility: visible;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:before, .cptm-section.preview_mode .directorist-footer-wrap .cptm-btn:hover:after {
  opacity: 1;
  visibility: visible;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group {
  margin: 0;
}
.cptm-section.preview_mode .directorist-footer-wrap .cptm-form-group .cptm-form-control {
  height: 32px;
  padding: 0 20px;
  font-size: 12px;
  font-weight: 500;
  color: #4d5761;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper, .cptm-section.listings_card_list_view .cptm-form-field-wrapper {
  max-width: 658px;
  margin: 0 auto;
  padding: 24px;
  margin-bottom: 32px;
  border-radius: 0 0 8px 8px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
  .cptm-section.listings_card_grid_view .cptm-form-field-wrapper, .cptm-section.listings_card_list_view .cptm-form-field-wrapper {
    padding: 16px;
  }
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area {
  max-width: 100%;
  padding: 12px 20px;
  margin-bottom: 16px;
  background: #f3f4f6;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area .tab-field, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area .tab-field {
  margin: 0;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 480px) {
  .cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-title, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-title {
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: #141921;
  margin: 0 0 4px;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-description, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-top-area-content .cptm-card-layout-description {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #4d5761;
  margin: 0;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-form-group, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-form-group {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget {
  max-width: unset;
  padding: 0;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08);
          box-shadow: 0 2px 8px 0 rgba(16, 24, 40, 0.08);
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-card-preview-widget-content, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-card-preview-widget-content {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header {
  position: relative;
  height: 328px;
  padding: 16px 16px 24px;
  background: #e5e7eb;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-widget-preview-area, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-placeholder-block, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-card-preview-widget .cptm-listing-card-preview-header .cptm-placeholder-block {
  padding-bottom: 32px;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-placeholder-block, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-placeholder-block {
  max-width: 100%;
  background: #f3f4f6;
  border: 1px dashed #d2d6db;
  border-radius: 4px;
  min-height: 72px;
  padding-bottom: 32px;
}
.cptm-section.listings_card_grid_view .cptm-form-field-wrapper .cptm-placeholder-block .cptm-widget-preview-container, .cptm-section.listings_card_list_view .cptm-form-field-wrapper .cptm-placeholder-block .cptm-widget-preview-container {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list, .cptm-section.listings_card_list_view .cptm-form-group-tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 0;
  border: none;
  background: transparent;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-item, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link {
  position: relative;
  height: unset;
  padding: 8px 40px 8px 26px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link:before, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #a1a9b2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border ease 0.3s;
  transition: border ease 0.3s;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link svg, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link svg {
  border: 1px solid #d2d6db;
  border-radius: 4px;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active {
  border-color: #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active:before, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active:before {
  border: 5px solid #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg {
  border-color: #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect {
  fill: #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect:first-of-type, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg rect:first-of-type {
  stroke: #3e62f5;
  fill: #3e62f5;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg path, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .cptm-form-group-tab-link.active svg path {
  fill: #fff;
}
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .grid_view_without_thumbnail .cptm-form-group-tab-link.active svg rect,
.cptm-section.listings_card_grid_view .cptm-form-group-tab-list .list_view_without_thumbnail .cptm-form-group-tab-link.active svg rect, .cptm-section.listings_card_list_view .cptm-form-group-tab-list .grid_view_without_thumbnail .cptm-form-group-tab-link.active svg rect,
.cptm-section.listings_card_list_view .cptm-form-group-tab-list .list_view_without_thumbnail .cptm-form-group-tab-link.active svg rect {
  fill: #3e62f5;
  stroke: unset;
}
.cptm-section.listings_card_grid_view .cptm-card-preview-widget {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.cptm-section.listings_card_grid_view .cptm-card-preview-widget-content {
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843);
          box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843);
}
.cptm-section.listings_card_list_view .cptm-card-top-area {
  max-width: unset;
}
.cptm-section.listings_card_list_view .cptm-card-preview-thumbnail {
  border-radius: 10px;
}
.cptm-section.new_listing_status {
  z-index: 11;
}
.cptm-section:last-child {
  margin-bottom: 0;
}

.cptm-form-builder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .cptm-form-builder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  .cptm-form-builder .cptm-form-builder-sidebar {
    max-width: 100%;
  }
}
.cptm-form-builder.submission_form_fields .cptm-form-builder-content {
  border-bottom: 25px solid #f3f4f6;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder.submission_form_fields {
    gap: 30px;
  }
  .cptm-form-builder.submission_form_fields .cptm-col-sticky {
    position: unset;
    border: none;
  }
  .cptm-form-builder.submission_form_fields .cptm-col-sticky .cptm-form-builder-sidebar-content {
    padding: 0;
  }
  .cptm-form-builder.submission_form_fields .cptm-col-sticky .cptm-form-builder-active-fields-container {
    padding-bottom: 0;
  }
}
.cptm-form-builder.single_listings_contents {
  border-top: 1px solid #e5e7eb;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder.search_form_fields .cptm-col-sticky {
    position: unset;
    border: none;
  }
  .cptm-form-builder.search_form_fields .cptm-col-sticky .cptm-form-builder-sidebar-content {
    padding: 0;
  }
  .cptm-form-builder.search_form_fields .cptm-col-sticky .cptm-form-builder-active-fields-container {
    padding-bottom: 0;
  }
}

.cptm-form-builder-sidebar {
  width: 100%;
  max-width: 372px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 1441px) {
  .cptm-form-builder-sidebar {
    max-width: 35%;
  }
}
.cptm-form-builder-sidebar .cptm-form-builder-action {
  padding-bottom: 0;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-sidebar .cptm-form-builder-action {
    padding: 20px 0;
  }
}
.cptm-form-builder-sidebar .cptm-form-builder-sidebar-content {
  padding: 12px 24px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cptm-form-builder-content {
  height: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #f3f4f6;
  border-right: 1px solid #e5e7eb;
}
.cptm-form-builder-content .cptm-form-builder-action {
  border-bottom: 1px solid #e5e7eb;
}
.cptm-form-builder-content .cptm-form-builder-active-fields {
  padding: 24px;
  background: #f3f4f6;
  height: 100%;
  min-height: calc(100vh - 225px);
}
@media only screen and (max-width: 1399px) {
  .cptm-form-builder-content .cptm-form-builder-active-fields {
    min-height: calc(100vh - 225px);
  }
}

.cptm-form-builder-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 24px;
  background: #ffffff;
}

.cptm-form-builder-action-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #141921;
}

.cptm-form-builder-action-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 0 12px;
  color: #141921;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d2d6db;
  border-radius: 4px;
}

.cptm-elements-settings .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after,
.cptm-form-builder-sidebar .cptm-form-builder-action-btn.directorist-row-tooltip[data-tooltip]:after {
  width: 200px;
  height: auto;
  min-height: 34px;
  white-space: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cptm-form-builder-preset-fields:not(:last-child) {
  margin-bottom: 40px;
}

.cptm-form-builder-preset-fields-header-action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin: 0 0 12px;
}
.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon {
  font-size: 20px;
}
.cptm-form-builder-preset-fields-header-action-link:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cptm-form-builder-preset-fields-header-action-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  font-weight: 600;
  color: #4d5761;
}

.cptm-form-builder-preset-fields-header-action-link {
  color: #747c89;
}

.cptm-title-3 {
  margin: 0;
  color: #272b41;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: 500;
  font-size: 18px;
}

.cptm-description-text {
  margin: 5px 0 20px;
  color: #5a5f7d;
  font-size: 15px;
}

.cptm-form-builder-active-fields {
  display: block;
  height: 100%;
}
.cptm-form-builder-active-fields.empty-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  height: calc(100vh - 200px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-container {
  height: auto;
}
.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-empty-text {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  font-style: italic;
  color: #4d5761;
  margin: 12px 0 0;
}
.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-footer {
  text-align: center;
}
.cptm-form-builder-active-fields.empty-content .cptm-form-builder-active-fields-footer .cptm-btn {
  margin: 10px auto;
}
.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper {
  height: auto;
  z-index: auto;
}
.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper:hover {
  z-index: 1;
}
.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn {
  border: 1px solid #3e62f5;
  height: 43px;
  background: rgba(62, 98, 245, 0.1);
  color: #3e62f5;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 22px;
}
.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary {
  background: #3e62f5;
  color: #fff;
}

.cptm-form-builder-active-fields-container {
  position: relative;
  margin: 0;
  z-index: 1;
}

.cptm-form-builder-active-fields-footer {
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .cptm-form-builder-active-fields-footer {
    text-align: right;
  }
}
@media only screen and (max-width: 991px) {
  .cptm-form-builder-active-fields-footer .cptm-btn {
    margin-right: 0;
  }
}
.cptm-form-builder-active-fields-footer .cptm-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  height: 40px;
  color: #3e62f5;
  background: #ffffff;
  border: 0 none;
  margin: 16px 0 0;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  border: 1px solid #3e62f5;
  -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
          box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}
.cptm-form-builder-active-fields-footer .cptm-btn span {
  font-size: 16px;
}

.cptm-form-builder-active-fields-group {
  position: relative;
  margin-bottom: 6px;
  padding-bottom: 0;
}

.cptm-form-builder-group-header-section {
  position: relative;
}
.cptm-form-builder-group-header-section.expanded .cptm-form-builder-group-header {
  border-radius: 6px 6px 0 0;
  background-color: #f9fafb;
  border-bottom: none;
}
.cptm-form-builder-group-header-section.expanded .cptm-form-builder-group-title-icon {
  background-color: #d8e0fd;
}
.cptm-form-builder-group-header-section.locked .cptm-form-builder-group-options-wrapper {
  left: 12px;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper {
  position: absolute;
  top: calc(100% - 12px);
  left: 55px;
  width: 100%;
  max-width: 460px;
  height: 100%;
  z-index: 9;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options {
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1);
          box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1);
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: #2c3239;
  margin: 0;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-close {
  color: #2c3239;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .cptm-form-builder-group-options-header-close span {
  font-size: 20px;
}
.cptm-form-builder-group-header-section .cptm-form-builder-group-options-wrapper .cptm-form-builder-group-options .directorist-form-fields-area {
  padding: 24px;
}

.cptm-form-builder-group-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  -webkit-transition: border-radius ease 1s;
  transition: border-radius ease 1s;
}

.cptm-form-builder-group-header-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

div[draggable=true].cptm-form-builder-group-header-content {
  cursor: move;
}

.cptm-form-builder-group-header-content__dropable-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-no-wrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.cptm-card-top-area {
  max-width: 450px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.cptm-card-top-area > .form-group .cptm-form-control {
  background: none;
  border: 1px solid #c6d0dc;
  height: 42px;
}
.cptm-card-top-area > .form-group .cptm-template-type-wrapper {
  position: relative;
}
.cptm-card-top-area > .form-group .cptm-template-type-wrapper:before {
  content: "\f110";
  position: absolute;
  font-family: "LineAwesome";
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}

.cptm-form-builder-group-header-content__dropable-placeholder {
  margin-left: 15px;
}

.cptm-form-builder-header-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.cptm-form-builder-group-actions-dropdown-content.expanded {
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
  z-index: 9;
}
.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #d94a4a;
  background: #ffffff;
  padding: 10px 15px;
  width: 100%;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08);
          box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08);
  -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
  transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
}
.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link span {
  font-size: 20px;
}
.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link:hover {
  color: #ffffff;
  background: #d94a4a;
  border-color: #d94a4a;
}

.cptm-form-builder-group-actions {
  display: block;
  min-width: 34px;
  margin-right: 15px;
}

.cptm-form-builder-group-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #141921;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-group-title {
    font-size: 13px;
  }
}

.cptm-form-builder-group-title-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  font-size: 20px;
  color: #141921;
  border-radius: 8px;
  background-color: #f3f4f6;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-group-title-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    font-size: 18px;
  }
}

.cptm-form-builder-group-options {
  background-color: #fff;
  padding: 20px;
  border-radius: 0 0 6px 6px;
  border: 1px solid #e5e7eb;
  border-top: none;
  -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08);
          box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08);
}
.cptm-form-builder-group-options .directorist-form-fields-advanced {
  padding: 0;
  margin: 16px 0 0;
  font-size: 13px;
  font-weight: 500;
  background: transparent;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2e94fa;
  text-decoration: underline;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  cursor: pointer;
}
.cptm-form-builder-group-options .directorist-form-fields-advanced:hover {
  color: #3e62f5;
}
.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child {
  margin-bottom: 0;
}
.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle {
  font-size: 13px;
  font-weight: 500;
  color: #3e62f5;
  background: transparent;
  border: none;
  padding: 0;
  display: block;
  margin-top: -7px;
  cursor: pointer;
}

.cptm-form-builder-group-fields {
  display: block;
  position: relative;
  padding: 24px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-top: none;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08);
          box-shadow: 0 4px 8px rgba(16, 24, 40, 0.08);
}

.icon-picker-selector {
  margin: 0;
  padding: 3px 16px 3px 4px;
  border: 1px solid #d2d6db;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.icon-picker-selector .icon-picker-selector__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.icon-picker-selector .icon-picker-selector__icon input[type=text].cptm-form-control {
  padding: 5px 20px;
  min-height: 20px;
  background-color: transparent;
  outline: none;
}
.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon {
  position: unset;
  -webkit-transform: unset;
          transform: unset;
  font-size: 16px;
}
.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before {
  margin-left: 6px;
}
.icon-picker-selector .icon-picker-selector__icon input {
  height: 32px;
  border: none !important;
  padding-right: 0 !important;
}
.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset {
  font-size: 12px;
  padding: 0 0 0 10px;
}
.icon-picker-selector .icon-picker-selector__btn {
  margin: 0;
  height: 32px;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 500;
  color: #2c3239;
  border-radius: 6px;
  background-color: #e5e7eb;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.icon-picker-selector .icon-picker-selector__btn:hover {
  background-color: #e3e6e9;
}

.cptm-restricted-area {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  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;
  padding: 10px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
}

.cptm-form-builder-group-field-item {
  margin-bottom: 8px;
  position: relative;
}
.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-drag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 48px;
  font-size: 24px;
  color: #747c89;
  background-color: #f9fafb;
  border-radius: 0 6px 6px 0;
  cursor: move;
}
.cptm-form-builder-group-field-item .cptm-form-builder-group-field-item-header-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header {
  border-radius: 6px 6px 0 0;
  background-color: #f9fafb;
  border-width: 1.5px;
  border-color: #3e62f5;
  border-bottom: none;
}

.cptm-form-builder-group-field-item-actions {
  display: block;
  position: absolute;
  left: -15px;
  -webkit-transform: translate(-34px, 7px);
          transform: translate(-34px, 7px);
}

.cptm-form-builder-group-field-item-action-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  background-color: #e3e6ef;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  text-align: center;
  color: #868eae;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.action-trash:hover {
  color: #e62626;
  background-color: rgba(255, 0, 0, 0.15);
}

.action-trash:hover {
  background-color: #d7d7d7;
}
.action-trash:hover:hover {
  color: #e62626;
  background-color: rgba(255, 0, 0, 0.15);
}

.cptm-form-builder-header-action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  font-size: 18px;
  color: #747c89;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  outline: none;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-form-builder-header-action-link:hover, .cptm-form-builder-header-action-link:focus, .cptm-form-builder-header-action-link:active {
  color: #141921;
  background-color: #f3f4f6;
  border-color: #e5e7eb;
  -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-header-action-link {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }
}
.cptm-form-builder-header-action-link.disabled {
  color: #a1a9b2;
  pointer-events: none;
}

.cptm-form-builder-header-toggle-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  font-size: 24px;
  color: #747c89;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-header-toggle-link {
    width: 24px;
    height: 24px;
    font-size: 18px;
  }
}
.cptm-form-builder-header-toggle-link.action-collapse-down {
  color: #3e62f5;
}
.cptm-form-builder-header-toggle-link.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.action-collapse-up span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.action-collapse-down span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.cptm-form-builder-group-field-item-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  -webkit-transition: border-radius ease 1s;
  transition: border-radius ease 1s;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #141921;
  margin: 0;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-subtitle {
  color: #747c89;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-form-builder-group-field-item-icon {
  font-size: 20px;
  color: #141921;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg svg {
  width: 16px;
  height: 16px;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-icon-svg svg path {
  fill: #747c89;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip {
  position: relative;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:before {
  content: attr(data-info);
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 180px;
  max-width: 180px;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 12px;
  border-radius: 6px;
  background-color: #141921;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:after {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  right: 4px;
  border-bottom: 6px solid #141921;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:hover:before, .cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info-tooltip:hover:after {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 4px 8px;
  color: #ca6f04;
  background-color: #fdefce;
  border-radius: 4px;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info .cptm-title-info-icon {
  font-size: 16px;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-title .cptm-title-info i {
  font-size: 16px;
  color: #4d5761;
}
.cptm-form-builder-group-field-item-header .cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link {
  font-size: 18px;
  color: #747c89;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cptm-form-builder-group-field-item-body {
  padding: 24px;
  border: 1.5px solid #3e62f5;
  border-top-width: 1px;
  border-radius: 0 0 6px 6px;
}

.cptm-form-builder-group-item-drag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 46px;
  min-width: 46px;
  height: 100%;
  min-height: 64px;
  font-size: 24px;
  color: #747c89;
  background-color: #f9fafb;
  -webkit-box-flex: unset;
  -webkit-flex-grow: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
  cursor: move;
}
@media only screen and (max-width: 480px) {
  .cptm-form-builder-group-item-drag {
    width: 32px;
    min-width: 32px;
    font-size: 18px;
  }
}

.cptm-form-builder-field-list {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-form-builder-field-list .directorist-draggable-list-item {
  position: unset;
}

.cptm-form-builder-field-list-item {
  width: calc(50% - 4px);
  padding: 12px;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #d2d6db;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-form-builder-field-list-item .directorist-draggable-list-item-slot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cptm-form-builder-field-list-item:hover {
  background-color: #e5e7eb;
  -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08);
          box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08);
}
.cptm-form-builder-field-list-item.clickable {
  cursor: pointer;
}
.cptm-form-builder-field-list-item.disabled {
  cursor: not-allowed;
}
@media (max-width: 400px) {
  .cptm-form-builder-field-list-item {
    width: calc(100% - 6px);
  }
}

li[class=cptm-form-builder-field-list-item][draggable=true] {
  cursor: move;
}

.cptm-form-builder-field-list-item {
  position: relative;
}
.cptm-form-builder-field-list-item > pre {
  position: absolute;
  top: 3px;
  left: 5px;
  margin: 0;
  font-size: 10px;
  line-height: 12px;
  color: #f80718;
}

.cptm-form-builder-field-list-icon {
  display: inline-block;
  margin-left: 8px;
  width: auto;
  max-width: 20px;
  font-size: 20px;
  color: #141921;
}

.cptm-form-builder-field-list-item-icon {
  font-size: 14px;
  margin-left: 1px;
}

.cptm-form-builder-field-list-label,
.cptm-form-builder-field-list-item-label {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #141921;
}

.cptm-option-card--draggable .cptm-form-builder-field-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 8px;
  border-color: #e5e7eb;
  background: transparent;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-drag {
  cursor: move;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit,
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #747c89;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit.active, .cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-edit:hover,
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action.active,
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action:hover {
  color: #0e3bf2;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-form-builder-field-list-item-action:hover {
  color: #d94a4a;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container {
  padding: 15px 0 22px 0;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-preview-wrapper {
  margin-bottom: 20px;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-widget-options-wrap:not(:last-child) {
  margin-bottom: 17px;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group .cptm-preview-radio-area label {
  margin-bottom: 12px;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group .cptm-radio-area .cptm-radio-item:last-child label {
  margin-bottom: 0;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .atbdp-row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .atbdp-row .atbdp-col {
  width: 100%;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap {
  width: 100%;
  padding: 6px;
  border-radius: 8px;
  border: 1px solid #d2d6db;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap .cptm-color-picker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 20px;
  width: 20px;
  padding: 0;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}
.cptm-option-card--draggable .cptm-form-builder-field-list .cptm-widget-options-container .cptm-form-group--color-picker .cptm-color-picker-wrap .cptm-color-picker .icp__input {
  width: 30px;
  height: 30px;
  margin: 0;
}
.cptm-option-card--draggable .cptm-widget-options-container-draggable .cptm-widget-options-container {
  padding-right: 25px;
}

.cptm-info-text-area {
  margin-bottom: 10px;
}

.cptm-info-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  margin: 0;
  padding: 0 8px;
  height: 22px;
  color: #4d5761;
  border-radius: 4px;
  background: #daeeff;
}

.cptm-info-success {
  color: #00b158;
}

.cptm-mb-0 {
  margin-bottom: 0 !important;
}

.cptm-item-footer-drop-area {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  z-index: 5;
}
.cptm-item-footer-drop-area.drag-enter {
  background-color: rgba(23, 135, 255, 0.3);
}
.cptm-item-footer-drop-area.cptm-group-item-drop-area {
  height: 40px;
}

.cptm-form-builder-group-field-item-drop-area {
  height: 20px;
  position: absolute;
  bottom: -20px;
  z-index: 5;
  width: 100%;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-form-builder-group-field-item-drop-area.drag-enter {
  background-color: rgba(23, 135, 255, 0.3);
}

.cptm-checkbox-area,
.cptm-options-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px 0;
  left: 0;
  right: 0;
}

.cptm-checkbox-area .cptm-checkbox-item:not(:last-child) {
  margin-bottom: 10px;
}

@media (max-width: 1300px) {
  .cptm-checkbox-area,
  .cptm-options-area {
    position: static;
  }
}
.cptm-checkbox-item,
.cptm-radio-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}

.cptm-tab-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-tab-area .cptm-tab-item input {
  display: none;
}
.cptm-tab-area .cptm-tab-item input:checked + label {
  color: #fff;
  background-color: #3e62f5;
}
.cptm-tab-area .cptm-tab-item label {
  margin: 0;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 500;
  color: #747c89;
  background: #e5e7eb;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-tab-area .cptm-tab-item label:hover {
  color: #fff;
  background-color: #3e62f5;
}

@media screen and (max-width: 782px) {
  .enable_schema_markup .atbdp-label-icon-wrapper {
    margin-bottom: 15px !important;
  }
}

.cptm-schema-tab-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.cptm-schema-tab-label {
  color: rgba(0, 6, 38, 0.9);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.cptm-schema-tab-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px 20px;
}
@media screen and (max-width: 782px) {
  .cptm-schema-tab-wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.cptm-schema-tab-wrapper input[type=radio]:checked {
  background-color: #3e62f5 !important;
  border-color: #3e62f5 !important;
}
.cptm-schema-tab-wrapper input[type=radio]:checked::before {
  background-color: white !important;
}
.cptm-schema-tab-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  border-radius: 8px;
  border: 1px solid rgba(0, 17, 102, 0.1);
  background-color: #fff;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
@media screen and (max-width: 782px) {
  .cptm-schema-tab-item {
    width: 100%;
  }
}
.cptm-schema-tab-item input[type=radio] {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (max-width: 782px) {
  .cptm-schema-tab-item input[type=radio] {
    width: 16px;
    height: 16px;
  }
  .cptm-schema-tab-item input[type=radio]:checked:before {
    width: 0.5rem;
    height: 0.5rem;
    margin: 3px 3px;
    line-height: 1.14285714;
  }
}
.cptm-schema-tab-item.active {
  border-color: #3e62f5 !important;
  background-color: #f0f3ff;
}
.cptm-schema-tab-item.active .cptm-schema-label-wrapper {
  color: #3e62f5 !important;
}
.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child .cptm-schema-label-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.cptm-schema-label-wrapper {
  color: rgba(0, 6, 38, 0.9) !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 20px;
  cursor: pointer;
  margin: 0 !important;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-schema .cptm-schema-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.cptm-schema-label-badge {
  display: none;
  height: 20px;
  padding: 0px 8px;
  border-radius: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e3ecf2;
  color: rgba(0, 8, 51, 0.65);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.12px;
}
.cptm-schema-label-description {
  color: rgba(0, 8, 51, 0.65);
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-top: 2px;
}

#listing_settings__listings_page .cptm-checkbox-item:not(:last-child) {
  margin-bottom: 10px;
}

input[type=checkbox].cptm-checkbox {
  display: none;
}
input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui {
  color: #3e62f5;
}
input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui::before {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
  font-weight: 900;
  color: #fff;
  content: "\f00c";
  z-index: 22;
}
input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui:after {
  background-color: #00b158;
  border-color: #00b158;
  z-index: -1;
}

input[type=radio].cptm-radio {
  margin-top: 1px;
}

.cptm-form-range-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-form-range-wrap .cptm-form-range-bar {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.cptm-form-range-wrap .cptm-form-range-output {
  width: 30px;
}
.cptm-form-range-wrap .cptm-form-range-output-text {
  padding: 10px 20px;
  background-color: #fff;
}

.cptm-checkbox-ui {
  display: inline-block;
  min-width: 16px;
  position: relative;
  z-index: 1;
  margin-left: 12px;
}
.cptm-checkbox-ui::before {
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  display: inline-block;
  margin-right: 4px;
}
.cptm-checkbox-ui:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid #c6d0dc;
  content: "";
}

.cptm-vh {
  overflow: hidden;
  overflow-y: auto;
  max-height: 100vh;
}

.cptm-thumbnail {
  max-width: 350px;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  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;
  background-color: #f2f2f2;
}
.cptm-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}

.cptm-thumbnail-placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cptm-thumbnail-placeholder-icon {
  font-size: 40px;
  color: #d2d6db;
}
.cptm-thumbnail-placeholder-icon svg {
  width: 40px;
  height: 40px;
}

.cptm-thumbnail-img-wrap {
  position: relative;
}

.cptm-thumbnail-action {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c6c6c6;
  padding: 5px 8px;
  border-radius: 50%;
  margin: 10px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.cptm-sub-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 10px;
  padding: 3px 4px;
  background: #e5e7eb;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
  .cptm-sub-navigation {
    padding: 10px;
  }
}

.cptm-sub-nav__item {
  list-style: none;
  margin: 0;
}

.cptm-sub-nav__item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  height: 32px;
  padding: 0 10px;
  color: #4d5761;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  border-radius: 4px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip {
  padding: 0 10px;
  margin-left: -10px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  color: #4d5761;
  border-radius: 4px 0 0 4px;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip svg path {
  stroke: #4d5761;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-tooltip:hover {
  background: #f9f9f9;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  color: #4d5761;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg {
  width: 24px;
  height: 24px;
}
.cptm-sub-nav__item-link .cptm-sub-nav__item-icon svg path {
  stroke: #4d5761;
}
.cptm-sub-nav__item-link.active {
  color: #141921;
  background: #ffffff;
}
.cptm-sub-nav__item-link.active .cptm-sub-nav__item-icon svg path {
  stroke: #141921;
}
.cptm-sub-nav__item-link.active .cptm-sub-nav__item-tooltip svg path {
  stroke: #141921;
}
.cptm-sub-nav__item-link:hover:not(.active) {
  color: #141921;
  background: #ffffff;
}

.cptm-builder-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .cptm-builder-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.cptm-options-area {
  width: 320px;
  margin: 0;
}

.cptm-option-card {
  display: none;
  opacity: 0;
  position: relative;
  border-radius: 5px;
  text-align: right;
  -webkit-transform-origin: center;
          transform-origin: center;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1);
          box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1);
  -webkit-transition: all linear 300ms;
  transition: all linear 300ms;
  pointer-events: none;
}
.cptm-option-card:before {
  content: "";
  border-bottom: 7px solid #ffffff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  position: absolute;
  top: -6px;
  left: 22px;
}
.cptm-option-card.cptm-animation-flip {
  -webkit-transform: rotate3d(0, -1, 0, -45deg);
          transform: rotate3d(0, -1, 0, -45deg);
}
.cptm-option-card.cptm-animation-slide-up {
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
}
.cptm-option-card.active {
  display: block;
  opacity: 1;
  pointer-events: all;
}
.cptm-option-card.active.cptm-animation-flip {
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
          transform: rotate3d(0, 0, 0, 0deg);
}
.cptm-option-card.active.cptm-animation-slide-up {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.cptm-anchor-down {
  display: block;
  text-align: center;
  position: relative;
  top: -1px;
}
.cptm-anchor-down:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #fff;
}

.cptm-header-action-link {
  display: inline-block;
  padding: 0 10px;
  text-decoration: none;
  color: #2c3239;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-header-action-link:hover {
  color: #1890ff;
}

.cptm-option-card-header {
  padding: 8px 16px;
  border-bottom: 1px solid #e5e7eb;
}

.cptm-option-card-header-title-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-option-card-header-title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #141921;
}

.cptm-header-action-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px 0 0;
  -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;
}

.cptm-option-card-header-nav-section {
  display: block;
}

.cptm-option-card-header-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.15);
}

.cptm-option-card-header-nav-item {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  padding: 8px 10px;
  cursor: pointer;
  margin-bottom: 0;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-option-card-header-nav-item.active {
  background-color: rgba(255, 255, 255, 0.15);
}

.cptm-option-card-body {
  padding: 16px;
  max-height: 500px;
  overflow-y: auto;
}
.cptm-option-card-body .cptm-form-group:last-child {
  margin-bottom: 0;
}
.cptm-option-card-body .cptm-input-toggle-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content {
  -webkit-box-flex: unset;
  -webkit-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.cptm-option-card-body .cptm-input-toggle-wrap .cptm-input-toggle-content label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #141921;
}
.cptm-option-card-body .directorist-type-icon-select {
  margin-bottom: 20px;
}
.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.cptm-widget-actions,
.cptm-widget-actions-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 50%;
  -webkit-transform: translate(50%, 3px);
          transform: translate(50%, 3px);
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  z-index: 1;
}

.cptm-widget-actions-wrap {
  position: relative;
  width: 100%;
}

.cptm-widget-action-modal-container {
  position: absolute;
  right: 50%;
  top: 0;
  width: 330px;
  -webkit-transform: translate(50%, 20px);
          transform: translate(50%, 20px);
  pointer-events: none;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 2;
}
.cptm-widget-action-modal-container.active {
  pointer-events: all;
  -webkit-transform: translate(50%, 10px);
          transform: translate(50%, 10px);
}
@media only screen and (max-width: 480px) {
  .cptm-widget-action-modal-container {
    max-width: 250px;
  }
}

.cptm-widget-insert-modal-container .cptm-option-card:before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.cptm-widget-option-modal-container .cptm-option-card:before {
  left: unset;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.cptm-widget-option-modal-container .cptm-option-card {
  margin: 0;
}
.cptm-widget-option-modal-container .cptm-option-card-header {
  background-color: #fff;
  border: 1px solid #e5e7eb;
}
.cptm-widget-option-modal-container .cptm-header-action-link {
  color: #2c3239;
}
.cptm-widget-option-modal-container .cptm-header-action-link:hover {
  color: #1890ff;
}
.cptm-widget-option-modal-container .cptm-option-card-body {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-top: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cptm-widget-option-modal-container .cptm-option-card-header-title-section,
.cptm-widget-option-modal-container .cptm-option-card-header-title {
  color: #2c3239;
}

.cptm-widget-actions-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cptm-widget-action-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #3e62f5;
  color: #3e62f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-widget-action-link:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px #b4c2f9;
          box-shadow: 0 0 0 2px #b4c2f9;
}
.cptm-widget-action-link:hover {
  background-color: #3e62f5;
  color: #fff;
}
.cptm-widget-action-link:hover svg path {
  fill: #fff;
}

.cptm-widget-card-drop-prepend {
  border-radius: 8px;
}

.cptm-widget-card-drop-append {
  display: block;
  width: 100%;
  height: 0;
  border-radius: 8px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  background-color: transparent;
  border: 1px dashed transparent;
}
.cptm-widget-card-drop-append.dropable {
  margin: 3px 0;
  height: 10px;
  border-color: cornflowerblue;
}
.cptm-widget-card-drop-append.drag-enter {
  background-color: cornflowerblue;
}

.cptm-widget-card-wrap {
  visibility: visible;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap {
  opacity: 1;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-title-card-wrap .cptm-widget-title-block {
  opacity: 0.3;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap {
  opacity: 1;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-label,
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-thumb-icon {
  opacity: 0.3;
  color: #4d5761;
}
.cptm-widget-card-wrap.cptm-widget-card-disabled.cptm-widget-thumb-card-wrap .cptm-widget-card-disabled-badge {
  margin-top: 10px;
}
.cptm-widget-card-wrap .cptm-widget-card-disabled-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  padding: 0 6px;
  height: 18px;
  color: #853d0e;
  background: #fdefce;
  border-radius: 4px;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 12px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-title-card {
  padding: 0;
  font-size: 19px;
  font-weight: 600;
  line-height: 25px;
  color: #141921;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-form-group {
  margin: 0;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-input-toggle-wrap {
  gap: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-card-options-area .cptm-input-toggle-wrap label {
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.15;
  color: #141921;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash {
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 14px;
  color: #d94a4a;
  background: #ffffff;
  border: 1px solid #d94a4a;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-widget-card-wrap.cptm-widget-title-card-wrap .cptm-widget-badge-trash:hover {
  color: #ffffff;
  background: #d94a4a;
}

.cptm-widget-card-inline-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
}
.cptm-widget-card-inline-wrap .cptm-widget-card-drop-append {
  display: inline-block;
  width: 0;
  height: auto;
}
.cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable {
  margin: 0 3px;
  width: 10px;
  max-width: 10px;
}

.cptm-widget-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #141921;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 400;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
  height: 32px;
  padding: 0 10px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-widget-badge .cptm-widget-badge-icon,
.cptm-widget-badge .cptm-widget-badge-trash {
  font-size: 16px;
  color: #141921;
}
.cptm-widget-badge .cptm-widget-badge-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  height: 100%;
}
.cptm-widget-badge .cptm-widget-badge-label {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.cptm-widget-badge .cptm-widget-badge-trash {
  margin-right: 4px;
  cursor: pointer;
  -webkit-transition: color ease 0.3s;
  transition: color ease 0.3s;
}
.cptm-widget-badge .cptm-widget-badge-trash:hover {
  color: #3e62f5;
}
.cptm-widget-badge.cptm-widget-badge--icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  width: 22px;
  height: 22px;
  min-height: unset;
  border-radius: 100%;
}
.cptm-widget-badge.cptm-widget-badge--icon .cptm-widget-badge-icon {
  font-size: 12px;
}

.cptm-preview-area {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-preview-wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 25px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cptm-preview-wrapper .cptm-preview-radio-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 300px;
}
.cptm-preview-wrapper .cptm-preview-area-archive img {
  max-height: 100px;
}

.cptm-preview-notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 658px;
  margin: 40px auto;
  padding: 20px 24px;
  background: #f3f4f6;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-preview-notice.cptm-preview-notice--list {
  max-width: unset;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cptm-preview-notice .cptm-preview-notice-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text {
  font-size: 12px;
  font-weight: 400;
  color: #2c3239;
  margin: 0;
}
.cptm-preview-notice .cptm-preview-notice-content .cptm-preview-notice-text strong {
  color: #141921;
  font-weight: 600;
}
.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 34px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 8px;
  color: #747c89;
  background: #ffffff;
  border: 1px solid #d2d6db;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn:hover {
  color: #3e62f5;
  border-color: #3e62f5;
}
.cptm-preview-notice .cptm-preview-notice-action .cptm-preview-notice-btn:hover svg path {
  fill: #3e62f5;
}

.cptm-widget-thumb .cptm-widget-thumb-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cptm-widget-thumb .cptm-widget-thumb-icon i {
  font-size: 133px;
  color: #a1a9b2;
}
.cptm-widget-thumb .cptm-widget-label {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: #141921;
}

.cptm-placeholder-block-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.cptm-placeholder-block-wrapper:last-child {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-placeholder-block-wrapper .cptm-placeholder-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-placeholder-block-wrapper .cptm-placeholder-block:not(.cptm-listing-card-preview-body-placeholder) .cptm-widget-preview-card {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
}
.cptm-placeholder-block-wrapper .cptm-widget-card-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  margin-top: 4px;
  background: #f3f4f6;
  border-radius: 8px;
  cursor: pointer;
}
.cptm-placeholder-block-wrapper .cptm-widget-card-status span {
  color: #747c89;
}
.cptm-placeholder-block-wrapper .cptm-widget-card-status.disabled {
  background: #d2d6db;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder {
  padding: 12px;
  min-height: 62px;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .cptm-widget-preview-card,
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper-listing_title {
  -webkit-transform: unset !important;
          transform: unset !important;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-container .dndrop-draggable-wrapper-listing_title.animated {
  z-index: 99999;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-placeholder-label {
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  font-size: 14px;
  font-weight: 400;
  color: #4d5761;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-preview-card-listing_title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card {
  height: 32px;
  padding: 0 10px;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card.cptm-widget-title-card {
  padding: 0;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-top-placeholder .cptm-widget-card .cptm-widget-badge-trash {
  margin-right: 8px;
}
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-tagline-placeholder .cptm-placeholder-label,
.cptm-placeholder-block-wrapper .cptm-listing-card-preview-rating-placeholder .cptm-placeholder-label {
  right: 12px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 13px;
  font-weight: 400;
  color: #4d5761;
}
.cptm-placeholder-block-wrapper .cptm-placeholder-block.disabled .cptm-placeholder-label {
  color: #4d5761;
  font-weight: 400;
}
.cptm-placeholder-block-wrapper .cptm-widget-preview-container .dndrop-draggable-wrapper {
  overflow: visible !important;
}
.cptm-placeholder-block-wrapper .cptm-widget-preview-container .dndrop-draggable-wrapper.is-dragging {
  opacity: 0;
}

.cptm-placeholder-block {
  position: relative;
  padding: 8px;
  background: #a1a9b2;
  border: 1px dashed #d2d6db;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
}
.cptm-placeholder-block:hover, .cptm-placeholder-block.drag-enter, .cptm-placeholder-block.cptm-widget-picker-open {
  border-color: rgb(255, 255, 255);
}
.cptm-placeholder-block:hover .cptm-widget-insert-area, .cptm-placeholder-block.drag-enter .cptm-widget-insert-area, .cptm-placeholder-block.cptm-widget-picker-open .cptm-widget-insert-area {
  opacity: 1;
  visibility: visible;
}
.cptm-placeholder-block.cptm-listing-card-author-avatar-placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cptm-placeholder-block.cptm-widget-picker-open {
  z-index: 100;
}

.cptm-placeholder-label {
  margin: 0;
  text-align: center;
  margin-bottom: 0;
  text-align: center;
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  z-index: 0;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-weight: 500;
}
.cptm-placeholder-label.hide {
  display: none;
}

.cptm-listing-card-preview-footer .cptm-placeholder-label {
  color: #868eae;
}

.dndrop-ghost.dndrop-draggable-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 8px;
  border-color: #e5e7eb;
  background: transparent;
}
.dndrop-ghost.dndrop-draggable-wrapper .cptm-form-builder-field-list-item-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-center-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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;
}
.cptm-center-content.cptm-content-wide * {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-mb-10 {
  margin-bottom: 10px !important;
}

.cptm-mb-12 {
  margin-bottom: 12px !important;
}

.cptm-mb-20 {
  margin-bottom: 20px !important;
}

.cptm-listing-card-body-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cptm-align-left {
  text-align: right;
}

.cptm-listing-card-body-header-left {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-listing-card-body-header-right {
  width: 100px;
  margin-right: 10px;
}

.cptm-card-preview-area-wrap {
  max-width: 450px;
  margin: 0 auto;
}

.cptm-card-preview-widget {
  max-width: 450px;
  margin: 0 auto;
  padding: 24px;
  background-color: #fff;
  border: 1.5px solid rgba(0, 17, 102, 0.1019607843);
  border-top: none;
  border-radius: 0 0 24px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843);
          box-shadow: 0 8px 16px 0 rgba(16, 24, 40, 0.1019607843);
}
.cptm-card-preview-widget.cptm-card-list-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 100%;
  height: 100%;
}
@media only screen and (max-width: 480px) {
  .cptm-card-preview-widget.cptm-card-list-view {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail {
  height: 100%;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100% !important;
  max-width: 184px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-radius: 0 4px 4px 0 !important;
}
@media only screen and (max-width: 480px) {
  .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header {
    max-width: 100%;
    border-radius: 4px 4px 0 0 !important;
  }
  .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header .cptm-card-preview-thumbnail {
    min-height: 350px;
  }
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-option-modal-container {
  top: unset;
  bottom: 100%;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-top-right .cptm-widget-option-modal-container,
.cptm-card-preview-widget.cptm-card-list-view .cptm-card-placeholder-top-left .cptm-widget-option-modal-container,
.cptm-card-preview-widget.cptm-card-list-view .cptm-card-placeholder-top-right .cptm-widget-option-modal-container {
  bottom: unset;
  top: 100%;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-placeholder-author-thumb img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-widget-card-wrap {
  min-width: 100px;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-widget-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb {
  width: 100%;
  padding: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb > svg {
  width: 20px;
  height: 20px;
}
.cptm-card-preview-widget.cptm-card-list-view .cptm-widget-preview-card-user_avatar .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash {
  position: unset;
  -webkit-transform: unset;
          transform: unset;
  width: 20px;
  height: 20px;
  font-size: 12px;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-widget-card .cptm-widget-card-disabled-badge {
  display: none;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body {
  padding-top: 62px;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body.has-avatar {
  padding-top: 0;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-preview-body.has-avatar .cptm-listing-card-author-avatar {
  position: relative;
  top: -14px;
  -webkit-transform: unset;
          transform: unset;
  padding-bottom: 12px;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled {
  width: 100%;
  height: auto;
  border: 1px dashed #d2d6db;
  border-radius: 4px !important;
  padding: 12px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-widget-preview-card {
  width: 100%;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-widget-card-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-placeholder-author-thumb {
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px dashed #d2d6db;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash {
  bottom: -12px;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-form-group {
  margin: 0;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area > label {
  display: none;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area .cptm-radio-item {
  margin: 0;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area label {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio] {
  margin: 0 0 0 6px;
  background-color: #ffffff;
  border: 2px solid #a1a9b2;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]:before {
  display: none;
}
.cptm-card-preview-widget.grid-view-with-thumbnail .cptm-listing-card-author-avatar-placeholder.enabled .cptm-preview-radio-area .cptm-radio-area input[type=radio]:checked {
  border: 5px solid #3e62f5;
}
.cptm-card-preview-widget.grid-view-without-thumbnail .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-card-preview-widget.list-view-with-thumbnail .dndrop-draggable-wrapper-listing_title,
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-widget-preview-card-listing_title {
  width: 100%;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-preview-top-right {
  width: 140px;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-right {
  width: 127px;
}
@media only screen and (max-width: 480px) {
  .cptm-card-preview-widget.list-view-with-thumbnail .cptm-card-placeholder-top .cptm-card-placeholder-top-right {
    width: auto;
  }
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-listing-card-preview-footer .cptm-placeholder-block {
  padding-bottom: 32px;
}
.cptm-card-preview-widget.list-view-with-thumbnail .cptm-listing-card-preview-footer .cptm-widget-card-wrap {
  padding: 0;
}
.cptm-card-preview-widget .cptm-options-area {
  position: absolute;
  top: 38px;
  right: unset;
  left: 30px;
  z-index: 100;
}

.cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap,
.cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget {
  max-width: 750px;
}

.cptm-listing-card-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-card-preview-thumbnail {
  position: relative;
  height: 100%;
}

.cptm-card-preview-thumbnail-placeholer {
  height: 100%;
}

.cptm-card-preview-thumbnail-placeholder {
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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;
}

.cptm-listing-card-preview-quick-info-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-card-preview-thumbnail-bg {
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  font-size: 72px;
  color: #7b7d8b;
}

.cptm-card-preview-thumbnail-bg span {
  color: rgba(255, 255, 255, 0.1);
}

.cptm-card-preview-bottom-right-placeholder {
  display: block;
  text-align: left;
}

.cptm-listing-card-preview-body {
  display: block;
  padding: 16px;
  position: relative;
}

.cptm-listing-card-author-avatar {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(-16px, -14px);
          transform: translate(-16px, -14px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-listing-card-author-avatar .cptm-placeholder-block {
  height: 64px;
  width: 64px;
  padding: 8px !important;
  margin: 0 !important;
  min-height: unset !important;
  border-radius: 50% !important;
  border: 1px dashed #a1a9b2;
}
.cptm-listing-card-author-avatar .cptm-placeholder-block .cptm-placeholder-label {
  font-size: 14px;
  line-height: 1.15;
  font-weight: 500;
  color: #141921;
  background: transparent;
  padding: 0;
  border-radius: 0;
  top: 8px;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}

.cptm-placeholder-author-thumb {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
}
.cptm-placeholder-author-thumb img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: transparent;
  border: 2px solid #fff;
}
.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash {
  position: absolute;
  bottom: -18px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #d94a4a;
  background: #ffffff;
  border: 1px solid #d94a4a;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-placeholder-author-thumb .cptm-placeholder-author-thumb-trash:hover {
  color: #ffffff;
  background: #d94a4a;
}

.cptm-widget-title-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 6px 10px;
  text-align: right;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #141921;
}

.cptm-widget-tagline-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 6px 10px;
  text-align: right;
  font-size: 13px;
  font-weight: 400;
  color: #4d5761;
}

.cptm-has-widget-control {
  position: relative;
}
.cptm-has-widget-control:hover .cptm-widget-control-wrap {
  visibility: visible;
  pointer-events: all;
  opacity: 1;
}

.cptm-form-group-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cptm-form-group-col {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}

.cptm-form-group-info {
  font-size: 12px;
  font-weight: 400;
  color: #747c89;
  margin: 0;
}

.cptm-widget-actions-tools {
  position: absolute;
  width: 75px;
  background-color: #2c99ff;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  top: -40px;
  padding: 5px;
  border: 3px solid #2c99ff;
  border-radius: 1px 1px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 9999;
}
.cptm-widget-actions-tools a {
  padding: 0 6px;
  font-size: 12px;
  color: #fff;
}

.cptm-widget-control-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  -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;
  top: 1px;
  pointer-events: none;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  z-index: 99;
}

.cptm-widget-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  -webkit-transform: translate(0%, -100%);
          transform: translate(0%, -100%);
}
.cptm-widget-control::after {
  content: "";
  display: inline-block;
  margin: 0 auto;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid #3e62f5;
  position: absolute;
  bottom: 2px;
  right: 50%;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
  z-index: -1;
}
.cptm-widget-control .cptm-widget-control-action:first-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cptm-widget-control .cptm-widget-control-action:last-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.hide {
  display: none;
}

.cptm-widget-control-action {
  display: inline-block;
  padding: 5px 8px;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  background-color: #3e62f5;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-widget-control-action:hover {
  background-color: #0e3bf2;
}

.cptm-card-preview-top-left {
  width: calc(50% - 4px);
  position: absolute;
  top: 0;
  right: 0;
}

.cptm-card-preview-top-left-placeholder {
  display: block;
  text-align: right;
}
.cptm-card-preview-top-left-placeholder .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-card-preview-top-right {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(50% - 4px);
}
.cptm-card-preview-top-right .cptm-widget-preview-area {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-top-right .cptm-widget-preview-area .cptm-widget-preview-container {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-top-right .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-card-preview-top-right-placeholder {
  text-align: left;
}
.cptm-card-preview-top-right-placeholder .cptm-widget-preview-area {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-top-right-placeholder .cptm-widget-preview-area .cptm-widget-preview-container {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-top-right-placeholder .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-card-preview-bottom-left {
  position: absolute;
  width: calc(50% - 4px);
  bottom: 0;
  right: 0;
}
.cptm-card-preview-bottom-left .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-card-preview-bottom-left .cptm-widget-option-modal-container {
  top: unset;
  bottom: 20px;
}
.cptm-card-preview-bottom-left .cptm-widget-option-modal-container .cptm-option-card:before {
  top: unset;
  bottom: -6px;
}

.cptm-card-preview-bottom-left-placeholder {
  display: block;
  text-align: right;
}

.cptm-card-preview-bottom-right {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(50% - 4px);
}
.cptm-card-preview-bottom-right .cptm-widget-preview-area {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-bottom-right .cptm-widget-preview-area .cptm-widget-preview-container {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-card-preview-bottom-right .cptm-widget-option-modal-container {
  top: unset;
  bottom: 20px;
}
.cptm-card-preview-bottom-right .cptm-widget-option-modal-container .cptm-option-card:before {
  top: unset;
  bottom: -6px;
  border-bottom: unset;
  border-top: 7px solid #ffffff;
}

.cptm-card-preview-body .cptm-widget-option-modal-container,
.cptm-card-preview-badges .cptm-widget-option-modal-container {
  right: unset;
  -webkit-transform: unset;
          transform: unset;
  left: calc(100% + 57px);
}

.grid-view-without-thumbnail .cptm-input-toggle {
  width: 28px;
  height: 16px;
}
.grid-view-without-thumbnail .cptm-input-toggle:after {
  width: 12px;
  height: 12px;
  margin: 2px;
}
.grid-view-without-thumbnail .cptm-input-toggle.active::after {
  -webkit-transform: translateX(calc(-1*(-100% - 4px)));
          transform: translateX(calc(-1*(-100% - 4px)));
}
.grid-view-without-thumbnail .cptm-card-preview-widget-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 20px;
}
@media only screen and (max-width: 480px) {
  .grid-view-without-thumbnail .cptm-card-preview-widget-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.grid-view-without-thumbnail .cptm-card-placeholder-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 480px) {
  .grid-view-without-thumbnail .cptm-card-placeholder-top {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-listing-card-quick-actions {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
}
.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-listing-card-quick-actions .cptm-placeholder-block {
  padding-bottom: 32px !important;
}
.grid-view-without-thumbnail .cptm-card-placeholder-top .cptm-widget-preview-card-listing_title .cptm-widget-badge-trash {
  left: 0;
}
.grid-view-without-thumbnail .cptm-listing-card-preview-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 0;
}
.grid-view-without-thumbnail .cptm-listing-card-preview-body .cptm-placeholder-block {
  min-height: 48px !important;
}
.grid-view-without-thumbnail .cptm-listing-card-preview-body .cptm-listing-card-preview-body-placeholder {
  min-height: 160px !important;
}
.grid-view-without-thumbnail .cptm-listing-card-preview-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 0;
}
.grid-view-without-thumbnail .cptm-listing-card-author-avatar {
  position: unset;
  -webkit-transform: unset;
          transform: unset;
}
.grid-view-without-thumbnail .cptm-listing-card-author-avatar .cptm-placeholder-block-wrapper {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.grid-view-without-thumbnail .cptm-listing-card-author-avatar .cptm-listing-card-author-avatar-placeholder {
  -webkit-box-flex: unset;
  -webkit-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.grid-view-without-thumbnail .cptm-listing-card-quick-actions {
  width: 135px;
}
.grid-view-without-thumbnail .cptm-listing-card-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title {
  width: 100%;
}
.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title .cptm-widget-title-card-wrap {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}
.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-card-listing_title .cptm-widget-title-card-wrap .cptm-widget-title-card {
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
}
.grid-view-without-thumbnail .cptm-listing-card-title .cptm-widget-preview-area {
  padding: 8px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.list-view-without-thumbnail .cptm-card-preview-widget-content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 20px;
}
@media only screen and (max-width: 480px) {
  .list-view-without-thumbnail .cptm-card-preview-widget-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.list-view-without-thumbnail .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.list-view-without-thumbnail .cptm-widget-preview-container.dndrop-container.horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-placeholder-block {
  min-height: 60px !important;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left .dndrop-draggable-wrapper-listing_title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-left .cptm-widget-preview-card-listing_title {
  width: 100%;
}
.list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-right {
  width: 127px;
}
@media only screen and (max-width: 480px) {
  .list-view-without-thumbnail .cptm-listing-card-preview-top .cptm-listing-card-preview-top-right {
    width: auto;
  }
}
.list-view-without-thumbnail .cptm-listing-card-preview-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 0;
}
.list-view-without-thumbnail .cptm-listing-card-preview-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 0;
}

.cptm-card-placeholder-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 480px) {
  .cptm-card-placeholder-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.cptm-listing-card-preview-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 16px 24px;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-card {
  font-size: 12px;
  font-weight: 400;
  gap: 4px;
  width: 100%;
  height: 32px;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-badge-icon {
  font-size: 16px;
  color: #141921;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-badge-trash {
  font-size: 16px;
  color: #141921;
}
.cptm-listing-card-preview-footer .cptm-widget-preview-area .cptm-widget-preview-card {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-listing-card-preview-footer .cptm-placeholder-block-wrapper {
  height: 100%;
}

.cptm-card-preview-footer-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-card-preview-footer-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-listing-card-preview-body-placeholder {
  padding: 12px 12px 32px;
  min-height: 160px !important;
  border-color: #a1a9b2;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-listing-card-preview-body-placeholder .cptm-placeholder-label {
  color: #141921;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  color: #141921;
  background: #ffffff;
  height: 42px;
  font-size: 14px;
  line-height: 1.15;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover {
  background: #f3f4f6;
  border-color: #d2d6db;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active .cptm-list-item-actions, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card:hover .cptm-list-item-actions {
  opacity: 1;
  visibility: visible;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card.active .cptm-list-item-edit {
  background: #e5e7eb;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-widget-card-wrap {
  width: 100%;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-icon {
  font-size: 20px;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action span {
  font-size: 20px;
  color: #141921;
}
.cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action:hover, .cptm-listing-card-preview-body-placeholder .cptm-widget-preview-card .cptm-list-item-actions .cptm-list-item-action.active {
  background: #e5e7eb;
}

.cptm-listing-card-preview-footer-left-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-color: #c6d0dc;
  text-align: right;
}
.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter {
  border-color: #1e1e1e;
}
.cptm-listing-card-preview-footer-left-placeholder .cptm-widget-preview-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-listing-card-preview-footer-left-placeholder .cptm-widget-preview-container .cptm-widget-preview-card {
  width: 100%;
}

.cptm-listing-card-preview-footer-right-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-color: #c6d0dc;
  text-align: left;
}
.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter {
  border-color: #1e1e1e;
}
.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-container .cptm-widget-preview-card {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cptm-widget-preview-area .cptm-widget-preview-card {
  position: relative;
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions {
  position: absolute;
  bottom: 100%;
  right: 50%;
  -webkit-transform: translate(50%, -7px);
          transform: translate(50%, -7px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px 12px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  z-index: 1;
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions:before {
  content: "";
  border-top: 7px solid #ffffff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  position: absolute;
  bottom: -7px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link {
  width: auto;
  height: auto;
  border: none;
  background: transparent;
  color: #141921;
  cursor: pointer;
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link:hover, .cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .cptm-widget-action-link:focus {
  background: transparent;
  color: #3e62f5;
}
.cptm-widget-preview-area .cptm-widget-preview-card .cptm-widget-preview-card-actions .widget-drag-handle:hover {
  color: #3e62f5;
}

.widget-drag-handle {
  cursor: move;
}

.cptm-card-light.cptm-placeholder-block {
  border-color: #d2d6db;
  background: #f9fafb;
}
.cptm-card-light.cptm-placeholder-block:hover, .cptm-card-light.cptm-placeholder-block.drag-enter {
  border-color: #1e1e1e;
}
.cptm-card-light .cptm-placeholder-label {
  color: #23282d;
}
.cptm-card-light .cptm-widget-badge {
  color: #969db8;
  background-color: #eff0f3;
}

.cptm-card-dark-light .cptm-placeholder-label {
  padding: 5px 12px;
  color: #888;
  border-radius: 30px;
  background-color: #fff;
}
.cptm-card-dark-light .cptm-widget-badge {
  background-color: rgba(0, 0, 0, 0.8);
}

.cptm-widgets-container {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.cptm-widgets-header {
  display: block;
}

.cptm-widget-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
}

.cptm-widget-nav-item {
  display: inline-block;
  margin: 0;
  padding: 12px 10px;
  cursor: pointer;
  -webkit-flex-basis: 33.3333333333%;
      -ms-flex-preferred-size: 33.3333333333%;
          flex-basis: 33.3333333333%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  color: #8a8a8a;
  border-left: 1px solid #e3e1e1;
  background-color: #f2f2f2;
}
.cptm-widget-nav-item:last-child {
  border-left: none;
}
.cptm-widget-nav-item:hover {
  color: #2b2b2b;
}
.cptm-widget-nav-item.active {
  font-weight: bold;
  color: #2b2b2b;
  background-color: #fff;
}

.cptm-widgets-body {
  padding: 10px;
  max-height: 450px;
  overflow: hidden;
  overflow-y: auto;
}

.cptm-widgets-list {
  display: block;
  margin: 0;
}

.cptm-widgets-list-item {
  display: block;
}

.widget-group-title {
  margin: 0 0 5px;
  font-size: 16px;
  color: #bbb;
}

.cptm-widgets-sub-list {
  display: block;
  margin: 0;
}

.cptm-widgets-sub-list-item {
  display: block;
  padding: 10px 15px;
  background-color: #eee;
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: move;
}

.widget-icon {
  display: inline-block;
  margin-left: 5px;
}

.widget-label {
  display: inline-block;
}

.cptm-form-group {
  display: block;
  margin-bottom: 20px;
}
.cptm-form-group label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #141921;
  margin-bottom: 8px;
}
.cptm-form-group .cptm-form-control {
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-form-group.cptm-form-content {
  text-align: center;
  margin-bottom: 0;
}
.cptm-form-group.cptm-form-content .cptm-form-content-select {
  text-align: right;
}
.cptm-form-group.cptm-form-content .cptm-form-content-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #191b23;
  margin: 0 0 8px;
}
.cptm-form-group.cptm-form-content .cptm-form-content-desc {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #747c89;
  margin: 0;
}
.cptm-form-group.cptm-form-content .cptm-form-content-icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 40px;
  margin: 0 0 12px;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  margin: 8px auto 0;
  color: #3e62f5;
  background: transparent;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn:before {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  right: 0;
  bottom: 8px;
  background-color: #3e62f5;
  -webkit-transition: width ease-in-out 300ms;
  transition: width ease-in-out 300ms;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, .cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before {
  width: 100%;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled {
  pointer-events: none;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled:before {
  display: none;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #747c89;
  height: auto;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:before {
  display: none;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:hover, .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:focus {
  color: #3e62f5;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-icon {
  font-size: 14px;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader i {
  font-size: 15px;
}
.cptm-form-group.tab-field .cptm-preview-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cptm-form-group.cpt-has-error .cptm-form-control {
  border: 1px solid rgb(192, 51, 51);
}

.cptm-form-group-tab-list {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 100px;
}
.cptm-form-group-tab-list .cptm-form-group-tab-item {
  margin: 0;
}
.cptm-form-group-tab-list .cptm-form-group-tab-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 26px;
  padding: 0 16px;
  border-radius: 100px;
  margin: 0;
  cursor: pointer;
  background-color: #ffffff;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  color: #4d5761;
  font-weight: 500;
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.cptm-form-group-tab-list .cptm-form-group-tab-link:hover {
  color: #3e62f5;
}
.cptm-form-group-tab-list .cptm-form-group-tab-link.active {
  background-color: #d8e0fd;
  color: #3e62f5;
}

.cptm-preview-image-upload {
  width: 350px;
  max-width: 100%;
  height: 224px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) {
  border: 2px dashed #d2d6db;
  background: #f9fafb;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail {
  max-width: 100%;
  width: 100%;
  height: 100%;
  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-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-action {
  display: none;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-img-wrap img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -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;
  gap: 6px;
  border-radius: 8px;
  background: #141921;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  margin-top: 20px;
  margin-bottom: 12px;
  cursor: pointer;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn input {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  padding: 0;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn i {
  font-size: 14px;
  color: inherit;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:before, .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:after {
  opacity: 0;
}
.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-drag-text {
  color: #747c89;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-transform: capitalize;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show {
  margin-bottom: 0;
  height: 100%;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail {
  position: relative;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.6)), color-stop(35.42%, rgba(0, 0, 0, 0)));
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 35.42%);
  z-index: 1;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail .action-trash ~ .cptm-upload-btn {
  left: 52px;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action {
  margin: 0;
  background-color: white;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  top: 12px;
  left: 12px;
  border-radius: 8px;
  font-size: 16px;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-drag-text {
  display: none;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn {
  position: absolute;
  top: 12px;
  left: 12px;
  max-width: 32px !important;
  width: 32px;
  max-height: 32px;
  height: 32px;
  background-color: white;
  padding: 0;
  border-radius: 8px;
  margin: 10px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn input {
  display: none;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn i::before {
  content: "\ea57";
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip]:after {
  background-color: white;
  color: #141921;
  opacity: 1;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip][data-flow=bottom]::before {
  border-bottom-color: white;
}
.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action {
  z-index: 2;
}

.cptm-form-group-feedback {
  display: block;
}

.cptm-form-alert {
  padding: 0 0 10px;
  color: #06d6a0;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-form-alert.cptm-error {
  color: #c82424;
}

.cptm-input-toggle-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-input-toggle-wrap label {
  padding-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 0;
}
.cptm-input-toggle-wrap .cptm-input-toggle-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cptm-input-toggle {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 20px;
  background-color: #d9d9d9;
  border-radius: 30px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  cursor: pointer;
}
.cptm-input-toggle::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: calc(100% - 6px);
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 3px 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-input-toggle.active {
  background-color: #3e62f5;
}
.cptm-input-toggle.active::after {
  right: 100%;
  -webkit-transform: translateX(calc(-1*(-100% - 8px)));
          transform: translateX(calc(-1*(-100% - 8px)));
}

.cptm-multi-option-group {
  display: block;
  margin-bottom: 20px;
}
.cptm-multi-option-group .cptm-btn {
  margin: 0;
}

.cptm-multi-option-label {
  display: block;
}

.cptm-multi-option-group-section-draft {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -8px;
}
.cptm-multi-option-group-section-draft .cptm-form-group {
  margin: 0 8px 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control {
  width: 100%;
}
.cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error {
  position: relative;
}
.cptm-multi-option-group-section-draft p {
  margin: 28px 8px 20px;
}

.cptm-label {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

.form-repeater__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.form-repeater__group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  position: relative;
}
.form-repeater__group.sortable-chosen .form-repeater__input {
  background: #e1e4e8 !important;
  border: 1px solid #d1d5db !important;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important;
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important;
}
.form-repeater__remove-btn, .form-repeater__drag-btn {
  color: #4d5761;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-repeater__remove-btn:disabled, .form-repeater__drag-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.form-repeater__remove-btn svg, .form-repeater__drag-btn svg {
  width: 12px;
  height: 12px;
}
.form-repeater__remove-btn i, .form-repeater__drag-btn i {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.form-repeater__drag-btn {
  cursor: move;
  position: absolute;
  right: 0;
}
.form-repeater__remove-btn {
  cursor: pointer;
  position: absolute;
  left: 0;
}
.form-repeater__remove-btn:hover {
  color: #c83a3a;
}
.form-repeater__input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  padding: 5px 16px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--Gray-200, #e5e7eb);
  background: white;
  -webkit-box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05));
          box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05));
  color: #2c3239;
  outline: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0 32px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.form-repeater__input-value-added {
  background: var(--Gray-50, #f9fafb);
  border-color: #e5e7eb;
}
.form-repeater__input:focus {
  background: var(--Gray-50, #f9fafb);
  border-color: #3e62f5;
}
.form-repeater__input::-webkit-input-placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__input::-moz-placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__input:-ms-input-placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__input::-ms-input-placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__input::placeholder {
  color: var(--Gray-500, #747c89);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.24px;
}
.form-repeater__add-group-btn {
  font-size: 12px;
  font-weight: 600;
  color: #2e94fa;
  background: transparent;
  border: none;
  padding: 0;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  cursor: pointer;
  letter-spacing: 0.12px;
  margin: 17px 32px 0;
  padding: 0;
}
.form-repeater__add-group-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.form-repeater__add-group-btn svg {
  width: 16px;
  height: 16px;
}
.form-repeater__add-group-btn i {
  font-size: 16px;
}

/* Style the video popup */
.cptm-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 160px);
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  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;
  z-index: 999999;
}
@media (max-width: 960px) {
  .cptm-modal-overlay {
    width: 100%;
  }
}
.cptm-modal-overlay .cptm-modal-container {
  display: block;
  height: auto;
  position: absolute;
  top: 50%;
  right: 50%;
  left: unset;
  bottom: unset;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  overflow: visible;
}
@media (max-width: 767px) {
  .cptm-modal-overlay .cptm-modal-container iframe {
    width: 400px;
    height: 225px;
  }
}
@media (max-width: 575px) {
  .cptm-modal-overlay .cptm-modal-container iframe {
    width: 300px;
    height: 175px;
  }
}

.cptm-modal-content {
  position: relative;
}
.cptm-modal-content .cptm-modal-video video {
  width: 100%;
  max-width: 500px;
}
.cptm-modal-content .cptm-modal-image .cptm-modal-image__img {
  max-height: calc(100vh - 200px);
}
.cptm-modal-content .cptm-modal-preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  width: 724px;
  max-height: calc(100vh - 200px);
  background: #fff;
  padding: 30px 70px;
  border-radius: 16px;
}
.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn {
  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;
  gap: 6px;
  padding: 0 16px;
  height: 40px;
  color: #000;
  background: #ededed;
  border: 1px solid #ededed;
  border-radius: 8px;
}
.cptm-modal-content .cptm-modal-preview .cptm-modal-preview__btn .cptm-modal-preview__btn__icon {
  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;
}
.cptm-modal-content .cptm-modal-content__close-btn {
  position: absolute;
  top: 0;
  left: -42px;
  width: 36px;
  height: 36px;
  color: #000;
  background: #fff;
  font-size: 15px;
  border: none;
  border-radius: 100%;
  cursor: pointer;
}

.close-btn {
  position: absolute;
  top: 40px;
  left: 40px;
  background: transparent;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #ffffff;
}

.cptm-form-control,
select.cptm-form-control,
input[type=date].cptm-form-control,
input[type=datetime-local].cptm-form-control,
input[type=datetime].cptm-form-control,
input[type=email].cptm-form-control,
input[type=month].cptm-form-control,
input[type=number].cptm-form-control,
input[type=password].cptm-form-control,
input[type=search].cptm-form-control,
input[type=tel].cptm-form-control,
input[type=text].cptm-form-control,
input[type=time].cptm-form-control,
input[type=url].cptm-form-control,
input[type=week].cptm-form-control input[type=text].cptm-form-control {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  color: #5a5f7d;
  text-align: right;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 400;
  margin: 0;
  line-height: 18px;
  height: auto;
  min-height: 30px;
  background-color: #f4f5f7;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.cptm-form-control:hover, .cptm-form-control:focus,
select.cptm-form-control:hover,
select.cptm-form-control:focus,
input[type=date].cptm-form-control:hover,
input[type=date].cptm-form-control:focus,
input[type=datetime-local].cptm-form-control:hover,
input[type=datetime-local].cptm-form-control:focus,
input[type=datetime].cptm-form-control:hover,
input[type=datetime].cptm-form-control:focus,
input[type=email].cptm-form-control:hover,
input[type=email].cptm-form-control:focus,
input[type=month].cptm-form-control:hover,
input[type=month].cptm-form-control:focus,
input[type=number].cptm-form-control:hover,
input[type=number].cptm-form-control:focus,
input[type=password].cptm-form-control:hover,
input[type=password].cptm-form-control:focus,
input[type=search].cptm-form-control:hover,
input[type=search].cptm-form-control:focus,
input[type=tel].cptm-form-control:hover,
input[type=tel].cptm-form-control:focus,
input[type=text].cptm-form-control:hover,
input[type=text].cptm-form-control:focus,
input[type=time].cptm-form-control:hover,
input[type=time].cptm-form-control:focus,
input[type=url].cptm-form-control:hover,
input[type=url].cptm-form-control:focus,
input[type=week].cptm-form-control input[type=text].cptm-form-control:hover,
input[type=week].cptm-form-control input[type=text].cptm-form-control:focus {
  color: #23282d;
  border-color: #3e62f5;
}

select.cptm-form-control,
input[type=date].cptm-form-control,
input[type=datetime-local].cptm-form-control,
input[type=datetime].cptm-form-control,
input[type=email].cptm-form-control,
input[type=month].cptm-form-control,
input[type=number].cptm-form-control,
input[type=password].cptm-form-control,
input[type=search].cptm-form-control,
input[type=tel].cptm-form-control,
input[type=text].cptm-form-control,
input[type=time].cptm-form-control,
input[type=url].cptm-form-control,
input[type=week].cptm-form-control,
input[type=text].cptm-form-control {
  padding: 10px 20px;
  font-size: 12px;
  color: #4d5761;
  background: #ffffff;
  text-align: right;
  border: 0 none;
  border-radius: 8px;
  border: 1px solid #d2d6db;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  font-weight: 400;
  margin: 0;
  line-height: 18px;
  height: auto;
  min-height: 30px;
}
select.cptm-form-control:hover,
input[type=date].cptm-form-control:hover,
input[type=datetime-local].cptm-form-control:hover,
input[type=datetime].cptm-form-control:hover,
input[type=email].cptm-form-control:hover,
input[type=month].cptm-form-control:hover,
input[type=number].cptm-form-control:hover,
input[type=password].cptm-form-control:hover,
input[type=search].cptm-form-control:hover,
input[type=tel].cptm-form-control:hover,
input[type=text].cptm-form-control:hover,
input[type=time].cptm-form-control:hover,
input[type=url].cptm-form-control:hover,
input[type=week].cptm-form-control:hover,
input[type=text].cptm-form-control:hover {
  color: #23282d;
}
select.cptm-form-control.cptm-form-control-light,
input[type=date].cptm-form-control.cptm-form-control-light,
input[type=datetime-local].cptm-form-control.cptm-form-control-light,
input[type=datetime].cptm-form-control.cptm-form-control-light,
input[type=email].cptm-form-control.cptm-form-control-light,
input[type=month].cptm-form-control.cptm-form-control-light,
input[type=number].cptm-form-control.cptm-form-control-light,
input[type=password].cptm-form-control.cptm-form-control-light,
input[type=search].cptm-form-control.cptm-form-control-light,
input[type=tel].cptm-form-control.cptm-form-control-light,
input[type=text].cptm-form-control.cptm-form-control-light,
input[type=time].cptm-form-control.cptm-form-control-light,
input[type=url].cptm-form-control.cptm-form-control-light,
input[type=week].cptm-form-control.cptm-form-control-light,
input[type=text].cptm-form-control.cptm-form-control-light {
  border: 1px solid #ccc;
  background-color: #fff;
}

.tab-general .cptm-title-area,
.tab-other .cptm-title-area {
  margin-right: 0;
}
.tab-general .cptm-form-group .cptm-form-control,
.tab-other .cptm-form-group .cptm-form-control {
  background-color: #fff;
  border: 1px solid #e3e6ef;
}

.tab-preview_image .cptm-title-area,
.tab-packages .cptm-title-area,
.tab-other .cptm-title-area {
  margin-right: 0;
}
.tab-preview_image .cptm-title-area p,
.tab-packages .cptm-title-area p,
.tab-other .cptm-title-area p {
  font-size: 15px;
  color: #5a5f7d;
}

.cptm-modal-container {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
  z-index: 999999;
  height: 100vh;
}
.cptm-modal-container.active {
  display: block;
}

.cptm-modal-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  height: 100%;
  min-height: calc(100% - 40px);
  -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;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  background-color: rgba(0, 0, 0, 0.5);
}

.cptm-modal {
  display: block;
  margin: 0 auto;
  padding: 10px;
  width: 100%;
  max-width: 300px;
  border-radius: 5px;
  background-color: #fff;
}

.cptm-modal-header {
  position: relative;
  padding: 15px 15px 15px 30px;
  margin: -10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
}

.cptm-modal-header-title {
  text-align: right;
  margin: 0;
}

.cptm-modal-actions {
  display: block;
  margin: 0 -5px;
  position: absolute;
  left: 10px;
  top: 10px;
  text-align: left;
}

.cptm-modal-action-link {
  margin: 0 5px;
  text-decoration: none;
  height: 25px;
  display: inline-block;
  width: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  color: #2b2b2b;
  font-size: 18px;
}

.cptm-modal-confirmation-title {
  margin: 30px auto;
  font-size: 20px;
  text-align: center;
}

.cptm-section-alert-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -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;
  min-height: 200px;
}

.cptm-section-alert-content {
  text-align: center;
  padding: 10px;
}

.cptm-section-alert-icon {
  margin-bottom: 20px;
  width: 100px;
  height: 100px;
  font-size: 45px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-radius: 50%;
  color: darkgray;
  background-color: #f2f2f2;
}
.cptm-section-alert-icon.cptm-alert-success {
  color: #fff;
  background-color: #14cc60;
}
.cptm-section-alert-icon.cptm-alert-error {
  color: #fff;
  background-color: #cc1433;
}

.cptm-color-picker-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.cptm-color-picker-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}

.cptm-wdget-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.atbdp-flex-align-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-px-5 {
  padding: 0 5px;
}

.cptm-text-gray {
  color: #c1c1c1;
}

.cptm-text-right {
  text-align: left !important;
}

.cptm-text-center {
  text-align: center !important;
}

.cptm-text-left {
  text-align: right !important;
}

.cptm-d-block {
  display: block !important;
}

.cptm-d-inline {
  display: inline-block !important;
}

.cptm-d-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cptm-d-none {
  display: none !important;
}

.cptm-p-20 {
  padding: 20px;
}

.cptm-color-picker {
  display: inline-block;
  padding: 5px 5px 2px 5px;
  border-radius: 30px;
  border: 1px solid #d4d4d4;
}

input[type=radio]:checked::before {
  background-color: #3e62f5;
}

@media (max-width: 767px) {
  input[type=checkbox],
  input[type=radio] {
    width: 15px;
    height: 15px;
  }
}

.cptm-preview-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 70px 54px 70px 30px;
  background: #f9fafb;
}
@media (max-width: 1199px) {
  .cptm-preview-placeholder {
    margin-left: 0;
  }
}
@media only screen and (max-width: 480px) {
  .cptm-preview-placeholder {
    border: none;
    max-width: 100%;
    padding: 0;
    margin: 0;
    background: transparent;
  }
}
.cptm-preview-placeholder__card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 20px;
  background: #ffffff;
  border-radius: 6px;
  border: 1.5px solid #e5e7eb;
  -webkit-box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1);
          box-shadow: 0 10px 18px 0 rgba(16, 24, 40, 0.1);
}
.cptm-preview-placeholder__card__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px;
  border-radius: 4px;
}
.cptm-preview-placeholder__card__item--top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1.5px dashed #d2d6db;
}
.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__content {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box {
  -webkit-box-flex: unset;
  -webkit-flex: unset;
      -ms-flex: unset;
          flex: unset;
  min-width: auto;
  background: unset;
  border: none;
  padding: 0;
}
.cptm-preview-placeholder__card__item--top .cptm-placeholder-block-wrapper {
  -webkit-box-flex: unset;
  -webkit-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.cptm-preview-placeholder__card__item--bottom .cptm-preview-placeholder__card__box .cptm-widget-card-wrap .cptm-widget-badge {
  font-size: 12px;
  line-height: 18px;
  color: #1f2937;
  min-height: 32px;
  background-color: #ffffff;
  border-radius: 6px;
  border: 1.15px solid #e5e7eb;
}
.cptm-preview-placeholder__card__item .dndrop-draggable-wrapper.dragging {
  opacity: 0;
}
.cptm-preview-placeholder__card__item .cptm-widget-actions-tools-wrap:before {
  display: none;
}
.cptm-preview-placeholder__card__box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 150px;
  z-index: unset;
}
.cptm-preview-placeholder__card__box .cptm-placeholder-label {
  color: #868eae;
  font-size: 14px;
  font-weight: 500;
}
.cptm-preview-placeholder__card__box .cptm-widget-preview-area {
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  min-height: 35px;
  padding: 0 13px;
  border-radius: 4px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  color: #383f47;
  background-color: #e5e7eb;
}
@media only screen and (max-width: 480px) {
  .cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge {
    font-size: 12px;
    line-height: 15px;
  }
}
.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap {
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap .cptm-widget-title-card {
  font-size: 22px;
}
@media only screen and (max-width: 480px) {
  .cptm-preview-placeholder__card__box .cptm-widget-title-card-wrap .cptm-widget-title-card {
    font-size: 18px;
  }
}
.cptm-preview-placeholder__card__box.listing-title-placeholder {
  padding: 13px 8px;
}
.cptm-preview-placeholder__card__content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cptm-preview-placeholder__card__btn {
  width: 100%;
  height: 66px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: #5a5f7d;
  font-size: 13px;
  font-weight: 500;
  margin-top: 20px;
}
.cptm-preview-placeholder__card__btn .icon {
  width: 26px;
  height: 26px;
  line-height: 26px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-margin-end: 7px;
          margin-inline-end: 7px;
}
.cptm-preview-placeholder__card .slider-placeholder {
  padding: 8px;
  border-radius: 4px;
  border: 1.5px dashed #d2d6db;
}
.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 50px;
  text-align: center;
  height: 240px;
  background: #e5e7eb;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
  .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area {
    padding: 30px;
  }
  .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-thumb-icon {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-thumb-icon svg {
    height: 100px;
    width: 100px;
  }
}
.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label {
  margin-top: 10px;
}
.cptm-preview-placeholder__card .dndrop-container.vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
}
.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper {
  overflow: visible;
}
.cptm-preview-placeholder__card .draggable-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: 8px;
}
.cptm-preview-placeholder__card .draggable-item .cptm-drag-element {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #747c89;
  margin-top: 15px;
  background: transparent;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  cursor: move;
}
.cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover {
  color: #1e1e1e;
}
.cptm-preview-placeholder--settings-closed {
  max-width: 700px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .cptm-preview-placeholder--settings-closed {
    max-width: 100%;
  }
}

.atbdp-sidebar-nav-area {
  display: block;
}

.atbdp-sidebar-nav {
  display: block;
  margin: 0;
  background-color: #f6f6f6;
}

.atbdp-nav-link {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #2b2b2b;
}

.atbdp-nav-icon {
  display: inline-block;
  margin-left: 10px;
}

.atbdp-nav-label {
  display: inline-block;
}

.atbdp-sidebar-nav-item {
  display: block;
  margin: 0;
}
.atbdp-sidebar-nav-item .atbdp-nav-link {
  display: block;
}
.atbdp-sidebar-nav-item .atbdp-nav-icon {
  display: inline-block;
}
.atbdp-sidebar-nav-item .atbdp-nav-label {
  display: inline-block;
}
.atbdp-sidebar-nav-item.active {
  display: block;
  background-color: #fff;
}
.atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav {
  display: block;
}
.atbdp-sidebar-nav-item.active .atbdp-nav-link {
  display: block;
}
.atbdp-sidebar-nav-item.active .atbdp-nav-icon {
  display: inline-block;
}
.atbdp-sidebar-nav-item.active .atbdp-nav-label {
  display: inline-block;
}

.atbdp-sidebar-subnav {
  display: block;
  margin: 0;
  margin-right: 28px;
  display: none;
}

.atbdp-sidebar-subnav-item {
  display: block;
  margin: 0;
}
.atbdp-sidebar-subnav-item .atbdp-nav-link {
  color: #686d88;
}
.atbdp-sidebar-subnav-item .atbdp-nav-icon {
  display: inline-block;
}
.atbdp-sidebar-subnav-item .atbdp-nav-label {
  display: inline-block;
}
.atbdp-sidebar-subnav-item.active {
  display: block;
  margin: 0;
}
.atbdp-sidebar-subnav-item.active .atbdp-nav-link {
  display: block;
}
.atbdp-sidebar-subnav-item.active .atbdp-nav-icon {
  display: inline-block;
}
.atbdp-sidebar-subnav-item.active .atbdp-nav-label {
  display: inline-block;
}

.atbdp-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}

.atbdp-col {
  padding: 0 15px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.atbdp-col-3 {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  width: 25%;
}

.atbdp-col-4 {
  -webkit-flex-basis: 33.3333333333%;
      -ms-flex-preferred-size: 33.3333333333%;
          flex-basis: 33.3333333333%;
  width: 33.3333333333%;
}

.atbdp-col-8 {
  -webkit-flex-basis: 66.6666666667%;
      -ms-flex-preferred-size: 66.6666666667%;
          flex-basis: 66.6666666667%;
  width: 66.6666666667%;
}

.shrink {
  max-width: 300px;
}

.directorist_dropdown {
  position: relative;
}
.directorist_dropdown .directorist_dropdown-toggle {
  position: relative;
  text-decoration: none;
  display: block;
  width: 100%;
  max-height: 38px;
  font-size: 12px;
  font-weight: 400;
  background-color: transparent;
  color: #4d5761;
  padding: 12px 15px;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist_dropdown .directorist_dropdown-toggle:focus {
  outline: 0 none;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
}
.directorist_dropdown .directorist_dropdown-toggle:before {
  font-family: unicons-line;
  font-weight: 400;
  font-size: 20px;
  content: "\eb3a";
  color: #747c89;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  height: 20px;
}
.directorist_dropdown .directorist_dropdown-option {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 350px;
  right: 0;
  top: 39px;
  padding: 12px 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  z-index: 99999;
  overflow-y: auto;
}
.directorist_dropdown .directorist_dropdown-option.--show {
  display: block !important;
}
.directorist_dropdown .directorist_dropdown-option ul {
  margin: 0;
  padding: 0;
}
.directorist_dropdown .directorist_dropdown-option ul:empty {
  position: relative;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.directorist_dropdown .directorist_dropdown-option ul:empty:before {
  content: "No Items Found";
}
.directorist_dropdown .directorist_dropdown-option ul li {
  margin-bottom: 0;
}
.directorist_dropdown .directorist_dropdown-option ul li a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  padding: 9px 15px;
  border-radius: 8px;
  color: #4d5761;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.directorist_dropdown .directorist_dropdown-option ul li a:hover, .directorist_dropdown .directorist_dropdown-option ul li a.active:hover {
  color: #fff;
  background-color: #3e62f5;
}
.directorist_dropdown .directorist_dropdown-option ul li a.active {
  color: #3e62f5;
  background-color: #f0f3ff;
}

.cptm-form-group .directorist_dropdown-option {
  max-height: 240px;
}

.cptm-import-directory-modal .cptm-file-input-wrap {
  margin: 16px -5px 0 -5px;
}
.cptm-import-directory-modal .cptm-info-text {
  padding: 4px 8px;
  height: auto;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-import-directory-modal .cptm-info-text > b {
  margin-left: 4px;
}

/* Sticky fields */
.cptm-col-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  height: 100%;
  max-height: calc(100vh - 212px);
  overflow: auto;
  scrollbar-width: 6px;
  scrollbar-color: #d2d6db #f3f4f6;
}

.cptm-widget-trash-confirmation-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  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;
  z-index: 999999;
}
.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal {
  background: #fff;
  padding: 30px 25px;
  border-radius: 8px;
  text-align: center;
}
.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 18px;
}
.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p {
  margin: 0 0 20px;
  font-size: 14px;
  max-width: 400px;
}
.cptm-widget-trash-confirmation-modal-overlay button {
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgb(197, 22, 22);
  padding: 10px 15px;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.cptm-widget-trash-confirmation-modal-overlay button:hover {
  background: #ba1230;
}
.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel {
  background: #f1f2f6;
  color: #7a8289;
}
.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover {
  background: #dee0e4;
}

.cptm-field-group-container .cptm-field-group-container__label {
  font-size: 15px;
  font-weight: 500;
  color: #272b41;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .cptm-field-group-container .cptm-field-group-container__label {
    margin-bottom: 15px;
  }
}

.cptm-container-group-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 26px;
}
@media only screen and (max-width: 1300px) {
  .cptm-container-group-fields {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1300px) {
  .cptm-container-group-fields .cptm-form-group:not(:last-child) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .cptm-container-group-fields .cptm-form-group {
    width: 100%;
  }
}
.cptm-container-group-fields .highlight-field {
  padding: 0;
}
.cptm-container-group-fields .atbdp-row {
  margin: 0;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cptm-container-group-fields .atbdp-row .atbdp-col {
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
      -ms-flex: none !important;
          flex: none !important;
  width: auto;
  padding: 0;
}
.cptm-container-group-fields .atbdp-row .atbdp-col input {
  max-width: 100px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 991px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col input {
    max-width: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col input {
    max-width: 150px !important;
  }
}
.cptm-container-group-fields .atbdp-row .atbdp-col label {
  margin: 0;
  font-size: 14px !important;
  font-weight: normal;
}
@media only screen and (max-width: 1300px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col label {
    min-width: 50px;
  }
}
.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown {
  width: 95px;
}
.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown .directorist_dropdown-toggle:before {
  position: relative;
  top: -3px;
}
@media only screen and (max-width: 991px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown {
    width: calc(100% - 2px);
  }
}
@media only screen and (max-width: 767px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown {
    width: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: auto !important;
        -ms-flex: auto !important;
            flex: auto !important;
  }
}
@media only screen and (max-width: 767px) {
  .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 {
    width: auto !important;
  }
}

.cptm-elements-settings {
  width: 100%;
  max-width: 372px;
  padding: 0 20px;
  scrollbar-width: 6px;
  border-left: 1px solid #e5e7eb;
  scrollbar-color: #d2d6db #f3f4f6;
}
@media only screen and (max-width: 1199px) {
  .cptm-elements-settings {
    max-width: 100%;
  }
}
@media only screen and (max-width: 782px) {
  .cptm-elements-settings {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (max-width: 480px) {
  .cptm-elements-settings {
    border: none;
    padding: 0;
  }
}
.cptm-elements-settings__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 18px 0 8px;
}
.cptm-elements-settings__header__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #141921;
  margin: 0;
}
.cptm-elements-settings__group {
  padding: 20px 0;
  border-bottom: 1px solid #e5e7eb;
}
.cptm-elements-settings__group .dndrop-draggable-wrapper {
  position: relative;
  overflow: visible !important;
}
.cptm-elements-settings__group .dndrop-draggable-wrapper.dragging {
  opacity: 0;
}
.cptm-elements-settings__group:last-child {
  border-bottom: none;
}
.cptm-elements-settings__group__title {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.48px;
  color: #747c89;
  margin-bottom: 15px;
}
.cptm-elements-settings__group__single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  border-radius: 4px;
  background: #f3f4f6;
}
.cptm-elements-settings__group__single:hover {
  border-color: #3e62f5;
}
.cptm-elements-settings__group__single .drag-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: #747c89;
  background: transparent;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  cursor: move;
}
.cptm-elements-settings__group__single .drag-icon:hover {
  color: #1e1e1e;
}
.cptm-elements-settings__group__single__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #383f47;
}
.cptm-elements-settings__group__single__label__icon {
  color: #4d5761;
  font-size: 24px;
}
@media only screen and (max-width: 480px) {
  .cptm-elements-settings__group__single__label__icon {
    font-size: 20px;
  }
}
.cptm-elements-settings__group__single__action {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cptm-elements-settings__group__single__edit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cptm-elements-settings__group__single__edit__icon {
  font-size: 20px;
  color: #4d5761;
}
.cptm-elements-settings__group__single__edit--disabled {
  opacity: 0.4;
  pointer-events: none;
}
.cptm-elements-settings__group__single__switch label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 32px;
  height: 18px;
  cursor: pointer;
}
.cptm-elements-settings__group__single__switch label::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #d2d6db;
  border-radius: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cptm-elements-settings__group__single__switch label::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cptm-elements-settings__group__single__switch input[type=checkbox] {
  display: none;
}
.cptm-elements-settings__group__single__switch input[type=checkbox]:checked + label::before {
  background-color: #3e62f5;
}
.cptm-elements-settings__group__single__switch input[type=checkbox]:checked + label::after {
  -webkit-transform: translateX(-14px);
          transform: translateX(-14px);
}
.cptm-elements-settings__group__single--disabled {
  opacity: 0.4;
  pointer-events: none;
}
.cptm-elements-settings__group__options {
  position: absolute;
  width: 100%;
  top: 42px;
  right: 0;
  z-index: 1;
  padding-bottom: 20px;
}
.cptm-elements-settings__group__options .cptm-option-card {
  margin: 0;
  background: #fff;
  -webkit-box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843);
          box-shadow: 0 6px 8px 2px rgba(16, 24, 40, 0.1019607843);
}
.cptm-elements-settings__group__options .cptm-option-card:before {
  left: 60px;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header {
  padding: 0;
  border-radius: 8px 8px 0 0;
  background: transparent;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section {
  padding: 16px;
  min-height: auto;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section .cptm-option-card-header-title {
  font-size: 14px;
  font-weight: 500;
  color: #2c3239;
  margin: 0;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-header .cptm-option-card-header-title-section .cptm-header-action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  color: #4d5761;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  background: transparent;
  border-top: 1px solid #e5e7eb;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body .cptm-form-group {
  margin-bottom: 0;
}
.cptm-elements-settings__group__options .cptm-option-card .cptm-option-card-body .cptm-form-group label {
  font-size: 13px;
  font-weight: 500;
}
.cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper {
  margin-bottom: 8px;
}
.cptm-elements-settings__group .dndrop-container .dndrop-draggable-wrapper:last-child {
  margin-bottom: 0;
}

.cptm-theme-butterfly .cptm-info-text {
  text-align: right;
  margin: 0;
}

.atbdp-settings-panel .cptm-form-group {
  margin-bottom: 35px;
}
.atbdp-settings-panel .cptm-form-group.cptm-schema-multi-directory-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.atbdp-settings-panel .cptm-tab-content {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: unset;
}
.atbdp-settings-panel .cptm-title {
  font-size: 18px;
  line-height: unset;
}
.atbdp-settings-panel .cptm-menu-title {
  font-size: 20px;
  font-weight: 500;
  color: #23282d;
  margin-bottom: 50px;
}
.atbdp-settings-panel .cptm-section {
  border: 1px solid #E3E6EF;
  border-radius: 8px;
  margin-bottom: 50px !important;
}
.atbdp-settings-panel .cptm-section .cptm-title-area {
  border-bottom: 1px solid #E3E6EF;
  padding: 20px 25px;
  margin-bottom: 0;
}
.atbdp-settings-panel .cptm-section .cptm-title-area.directorist-no-header {
  border-bottom: 0 none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.atbdp-settings-panel .cptm-section .cptm-title-area .cptm-title {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
}
.atbdp-settings-panel .cptm-section .cptm-form-fields {
  padding: 20px 25px 0 25px;
}
.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group label {
  font-size: 15px;
}
.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon-wrapper {
  margin: 0;
  padding: 0;
  color: rgba(0, 6, 38, 0.9);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon {
  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;
  gap: 8px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  color: #4D5761;
  background: #E5E7EB;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  aspect-ratio: 1/1;
}
.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon svg {
  width: 16px;
  height: 16px;
}
.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon i {
  color: #4D5761;
}
.atbdp-settings-panel .cptm-section.button_type, .atbdp-settings-panel .cptm-section.enable_multi_directory {
  z-index: 11;
}
.atbdp-settings-panel #style_settings__color_settings .cptm-section {
  z-index: unset;
}

/* settings panel css */
.atbdp-settings-manager .directorist_builder-header {
  margin-bottom: 30px;
}
.atbdp-settings-manager .atbdp-settings-manager__top {
  max-width: 1200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links {
  margin: 0;
  padding: 0;
  margin-top: 10px;
}
.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li {
  display: inline-block;
  margin-bottom: 0;
}
.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li:not(:last-child) {
  margin-left: 25px;
}
.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li a {
  font-size: 14px;
  text-decoration: none;
  color: #5a5f7d;
}
.atbdp-settings-manager .atbdp-settings-manager__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 24px;
  font-weight: 500;
  color: #23282d;
  margin-bottom: 28px;
}
.atbdp-settings-manager .atbdp-settings-manager__title .directorist_settings-trigger {
  display: none;
  margin: 8px 30px 0 0;
}
@media only screen and (max-width: 575px) {
  .atbdp-settings-manager .atbdp-settings-manager__title .directorist_settings-trigger {
    display: block;
  }
}

.directorist_vertical-align-m .directorist_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.directorist_vertical-align-m {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.atbdp-settings-manager .atbdp-tab-sub-contents .directorist_btn-start {
  font-size: 14px;
  font-weight: 500;
  color: #2c99ff;
  border-radius: 18px;
  padding: 6px 13px;
  text-decoration: none;
  border-color: #2c99ff;
  margin-bottom: 0;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .atbdp-settings-manager .settings-contents .atbdp-row .atbdp-col.atbdp-col-4 {
    width: 100%;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .atbdp-settings-manager .settings-contents .cptm-form-group label {
    margin-bottom: 15px;
  }
}
.atbdp-settings-manager .settings-contents .directorist_dropdown .directorist_dropdown-toggle {
  line-height: 0.8;
}

.directorist_settings-trigger {
  display: inline-block;
  cursor: pointer;
}
.directorist_settings-trigger span {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #272b41;
}
.directorist_settings-trigger span:not(:last-child) {
  margin-bottom: 4px;
}

.settings-wrapper {
  width: 100%;
  margin: 0 auto;
}

.atbdp-settings-panel {
  max-width: 1200px;
  margin: 0 !important;
}

.setting-top-bar {
  background-color: #272b41;
  padding: 15px 20px;
  border-radius: 5px 5px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .setting-top-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.setting-top-bar .atbdp-setting-top-bar-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .setting-top-bar .atbdp-setting-top-bar-right {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .setting-top-bar .atbdp-setting-top-bar-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.setting-top-bar .atbdp-setting-top-bar-right .setting-top-bar__search-field {
  margin-left: 5px;
}
.setting-top-bar .atbdp-setting-top-bar-right .setting-top-bar__search-field input {
  border-radius: 20px;
  color: #fff !important;
}
.setting-top-bar .directorist_setting-panel__pages {
  margin: 0;
  padding: 0;
}
.setting-top-bar .directorist_setting-panel__pages li {
  display: inline-block;
  margin-bottom: 0;
}
.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link {
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.3137254902);
}
.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link.active {
  color: #fff;
}
.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link.active::before {
  color: rgba(255, 255, 255, 0.3137254902);
}
.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link:focus {
  outline: 0 none;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
}
.setting-top-bar .directorist_setting-panel__pages li + li .directorist_setting-panel__pages--link:before {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
  content: "\f105";
  margin: 0px 5px 0 2px;
  font-weight: 900;
  position: relative;
  top: 1px;
}
.setting-top-bar .search-suggestions-list {
  border-radius: 5px;
  padding: 20px;
  -webkit-box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941);
          box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941);
  height: 360px;
  overflow-y: auto;
}
.setting-top-bar .search-suggestions-list .search-suggestions-list--link {
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  color: #5a5f7d;
}
.setting-top-bar .search-suggestions-list .search-suggestions-list--link:hover {
  color: #fff;
  background-color: #3e62f5;
}

.setting-top-bar__search-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media only screen and (max-width: 575px) {
  .setting-top-bar__search-actions {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .setting-top-bar__search-actions .setting-response-feedback {
    margin-right: 0 !important;
  }
}

.setting-response-feedback {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.setting-search-suggestions {
  position: relative;
  z-index: 999;
}

.search-suggestions-list {
  margin: 5px auto 0;
  position: absolute;
  width: 100%;
  z-index: 9999;
  -webkit-box-shadow: 0 0 3px #ccc;
          box-shadow: 0 0 3px #ccc;
  background-color: #fff;
}

.search-suggestions-list--list-item {
  list-style: none;
}

.search-suggestions-list--link {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  -webkit-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
.search-suggestions-list--link:hover {
  background-color: #f2f2f2;
}

.setting-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.settings-contents {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px 20px 0;
  background-color: #fff;
}

.setting-search-field__input {
  height: 40px;
  padding: 0 16px !important;
  border: 0 none !important;
  background-color: rgba(255, 255, 255, 0.031372549) !important;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.3137254902) !important;
  width: 250px;
  max-width: 250px;
  font-size: 14px;
}
.setting-search-field__input:focus {
  outline: none;
  -webkit-box-shadow: 0 0 !important;
          box-shadow: 0 0 !important;
}

.settings-save-btn {
  display: inline-block;
  padding: 0 20px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
  line-height: 40px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #3e62f5;
  background-color: #3e62f5;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.settings-save-btn:focus {
  color: #fff;
  outline: none;
}
.settings-save-btn:hover {
  border-color: #264ef4;
  background: #264ef4;
  color: #fff;
}
.settings-save-btn:disabled {
  opacity: 0.8;
  cursor: not-allowed;
}

.setting-left-sibebar {
  min-width: 250px;
  max-width: 250px;
  background-color: #f6f6f6;
  border-left: 1px solid #f6f6f6;
}
@media only screen and (max-width: 767px) {
  .setting-left-sibebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    background-color: #fff;
    -webkit-transform: translateX(250px);
            transform: translateX(250px);
    -webkit-transition: 0.35s;
    transition: 0.35s;
    z-index: 99999;
  }
}
.setting-left-sibebar.active {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

.directorist_settings-panel-shade {
  position: fixed;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background-color: rgba(39, 43, 65, 0.1882352941);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.directorist_settings-panel-shade.active {
  z-index: 999;
  opacity: 1;
  visibility: visible;
}

.settings-nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.settings-nav li {
  list-style: none;
}

.settings-nav a {
  text-decoration: none;
}

.settings-nav__item.active {
  background-color: #fff;
}

.settings-nav__item ul {
  padding-right: 0;
  background-color: #fff;
  display: none;
}

.settings-nav__item.active ul {
  display: block;
}

.settings-nav__item__link {
  line-height: 50px;
  padding: 0 25px;
  font-size: 14px;
  font-weight: 500;
  color: #272b41;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.settings-nav__item__link:hover {
  background-color: #fff;
}

.settings-nav__item.active .settings-nav__item__link {
  color: #3e62f5;
}

.settings-nav__item__icon {
  display: inline-block;
  width: 32px;
}
.settings-nav__item__icon i {
  font-size: 15px;
}
.settings-nav__item__icon i.directorist_Blue {
  color: #3e62f5;
}
.settings-nav__item__icon i.directorist_success {
  color: #08bf9c;
}
.settings-nav__item__icon i.directorist_pink {
  color: #ff408c;
}
.settings-nav__item__icon i.directorist_warning {
  color: #fa8b0c;
}
.settings-nav__item__icon i.directorist_info {
  color: #2c99ff;
}
.settings-nav__item__icon i.directorist_green {
  color: #00b158;
}
.settings-nav__item__icon i.directorist_danger {
  color: #ff272a;
}
.settings-nav__item__icon i.directorist_wordpress {
  color: #0073aa;
}

/* .settings-nav__item ul li {
    margin-bottom: 25px;
} */
.settings-nav__item ul li a {
  line-height: 25px;
  padding: 10px 58px 10px 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  color: #5a5f7d;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  border-right: 2px solid transparent;
}
.settings-nav__item ul li a:focus {
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
  outline: 0 none;
}

.settings-nav__item ul li a.active {
  color: #3e62f5;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2);
          box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2);
  border-right-color: #3e62f5;
}

.settings-nav__item ul li a:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2);
          box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2);
}

span.drop-toggle-caret {
  width: 10px;
  height: 5px;
  margin-right: auto;
}

span.drop-toggle-caret:before {
  position: absolute;
  content: "";
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #868eae;
}

.settings-nav__item.active .settings-nav__item__link span.drop-toggle-caret:before {
  border-top: 0;
  border-bottom: 5px solid #3e62f5;
}

.highlight-field {
  padding: 10px;
  border: 2px solid #3e62f5;
}

.settings-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -20px;
  padding: 15px 15px 15px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #f8f9fb;
}
.settings-footer .setting-response-feedback {
  color: #272b41;
}

.settings-footer-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  color: #272b41;
}

.atbdp-settings-panel .cptm-form-control,
.atbdp-settings-panel .directorist_dropdown {
  max-width: 500px !important;
}

#page_settings .cptm-menu-title {
  display: none;
}

#personalization .cptm-menu-title {
  display: none;
}

#import_export .cptm-menu-title {
  display: none;
}

.directorist-extensions > td > div {
  margin: -2px 35px 10px;
  border: 1px solid #E3E6EF;
  padding: 13px 15px 15px;
  border-radius: 5px;
  position: relative;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.ext-more {
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 100%;
  text-align: center;
  z-index: 2;
}

.directorist-extensions table {
  width: 100%;
}

.ext-height-fix {
  height: 250px !important;
  overflow: hidden;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.ext-height-fix:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 150px;
  background: -webkit-gradient(linear, right top, right bottom, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.94)), to(#fff));
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.94), #fff);
  right: 0;
  bottom: 0;
}

.ext-more-link {
  color: #090E2A;
  font-size: 14px;
  font-weight: 500;
}

.directorist-setup-wizard-vh-none {
  height: auto;
}

.directorist-setup-wizard-wrapper {
  padding: 100px 0;
}

.atbdp-setup-content {
  font-family: Arial;
  width: 700px;
  color: #3e3e3e;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2);
          box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2);
  background-color: #fff;
  overflow: hidden;
}

.atbdp-setup-content .atbdp-c-header {
  padding: 32px 40px 23px;
  border-bottom: 1px solid #f1f2f6;
}

.atbdp-setup-content .atbdp-c-header h1 {
  font-size: 28px;
  font-weight: 600;
  margin: 0;
}

.atbdp-setup-content .atbdp-c-body {
  padding: 30px 40px 50px;
}

.atbdp-setup-content .atbdp-c-logo {
  text-align: center;
  margin-bottom: 40px;
}
.atbdp-setup-content .atbdp-c-logo img {
  width: 200px;
}

.atbdp-setup-content .atbdp-c-body p {
  font-size: 16px;
  line-height: 26px;
  color: #5a5f7d;
}

.atbdp-setup-content .atbdp-c-body .atbdp-c-intro-title {
  font-size: 26px;
  font-weight: 500;
}

.wintro-text {
  margin-top: 100px;
}

.atbdp-setup-content .atbdp-c-footer {
  background-color: #f4f5f7;
  padding: 20px 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.atbdp-setup-content .atbdp-c-footer p {
  margin: 0;
}

.wbtn {
  padding: 0 20px;
  line-height: 48px;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #e3e6ef;
  font-size: 15px;
  text-decoration: none;
  color: #5a5f7d;
  background-color: #fff;
  cursor: pointer;
}

.wbtn-primary {
  background-color: #4353ff;
  border-color: #4353ff;
  color: #fff;
  margin-right: 6px;
}

.w-skip-link {
  color: #5a5f7d;
  font-size: 15px;
  margin-left: 10px;
  display: inline-block;
  text-decoration: none;
}

.w-form-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 25px;
}

.w-form-group:last-child {
  margin-bottom: 0;
}

.w-form-group label {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 15px;
  font-weight: 500;
}

.w-form-group div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.w-form-group select,
.w-form-group input[type=text] {
  width: 100%;
  height: 42px;
  border-radius: 4px;
  padding: 0 16px;
  border: 1px solid #c6d0dc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.atbdp-sw-gmap-key small {
  display: block;
  margin-top: 4px;
  color: #9299b8;
}

.w-toggle-switch {
  position: relative;
  width: 48px;
  height: 26px;
}

.w-toggle-switch .w-switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 0;
  font-size: 15px;
  right: 0;
  line-height: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 0;
  cursor: pointer;
}

.w-toggle-switch .w-switch:before,
.w-toggle-switch .w-switch:after {
  content: "";
  font-size: 15px;
  position: absolute;
}

.w-toggle-switch .w-switch:before {
  border-radius: 19px;
  background-color: #c8cadf;
  height: 26px;
  right: -4px;
  top: -3px;
  -webkit-transition: background-color 0.25s ease-out 0.1s;
  transition: background-color 0.25s ease-out 0.1s;
  width: 48px;
}

.w-toggle-switch .w-switch:after {
  -webkit-box-shadow: 0 0 4px rgba(146, 155, 177, 0.15);
          box-shadow: 0 0 4px rgba(146, 155, 177, 0.15);
  border-radius: 50%;
  background-color: #fefefe;
  height: 18px;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.25s ease-out 0.1s;
  transition: -webkit-transform 0.25s ease-out 0.1s;
  transition: transform 0.25s ease-out 0.1s;
  transition: transform 0.25s ease-out 0.1s, -webkit-transform 0.25s ease-out 0.1s;
  width: 18px;
  top: 1px;
}

.w-toggle-switch .w-switch:checked:after {
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
}

.w-toggle-switch .w-switch:checked:before {
  background-color: #4353ff;
}

.w-input-group {
  position: relative;
}

.w-input-group span {
  position: absolute;
  right: 1px;
  top: 1px;
  height: 40px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  padding: 0 12px;
  color: #9299b8;
  background-color: #eff0f3;
  border-radius: 0 4px 4px 0;
}

.w-input-group input {
  padding-right: 58px !important;
}

.wicon-done {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 50px;
  background-color: #0fb73b;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  margin-bottom: 10px;
}

.wsteps-done {
  margin-top: 30px;
  text-align: center;
}

.wsteps-done h2 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 50px;
}

.wbtn-outline-primary {
  border-color: #4353ff;
  color: #4353ff;
  margin-right: 6px;
}

.atbdp-c-footer-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  padding: 30px !important;
}

.atbdp-c-footer-center a {
  color: #2c99ff;
}

.atbdp-none {
  display: none;
}

.directorist-importer__importing {
  position: relative;
}

.directorist-importer__importing h2 {
  margin-top: 0;
}

/* progressbar style */
.directorist-importer__importing progress {
  border-radius: 15px;
  width: 100%;
  height: 30px;
  overflow: hidden;
  position: relative;
}

.directorist-importer__importing .directorist-importer-wrapper {
  position: relative;
}

.directorist-importer__importing .directorist-importer-wrapper .directorist-importer-length {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  overflow: hidden;
}

.directorist-importer__importing .directorist-importer-wrapper .directorist-importer-length:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 100%;
  right: 0;
  top: 0;
  background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(rgba(255, 255, 255, 0.25)), to(transparent));
  background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.25), transparent);
  -webkit-animation: slideRight 2s linear infinite;
          animation: slideRight 2s linear infinite;
}

@-webkit-keyframes slideRight {
  from {
    right: 0;
  }
  to {
    right: 100%;
  }
}

@keyframes slideRight {
  from {
    right: 0;
  }
  to {
    right: 100%;
  }
}
.directorist-importer__importing progress::-webkit-progress-bar {
  background-color: #e8f0f8;
  border-radius: 15px;
}

.directorist-importer__importing progress::-webkit-progress-value {
  background-color: #2c99ff;
}

.directorist-importer__importing progress::-moz-progress-bar {
  background-color: #e8f0f8;
  border-radius: 15px;
  border: none;
  box-shadow: none;
}

.directorist-importer__importing progress[value]::-moz-progress-bar {
  background-color: #2c99ff;
}

.directorist-importer__importing span.importer-notice {
  display: block;
  color: #5a5f7d;
  font-size: 15px;
  padding-bottom: 13px;
}

.directorist-importer__importing span.importer-details {
  display: block;
  color: #5a5f7d;
  font-size: 15px;
  padding-top: 13px;
}

.directorist-importer__importing .spinner.is-active {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 3px solid #ddd;
  position: absolute;
  left: 20px;
  top: 26px;
  background: transparent;
  border-left-color: #4353ff;
  -webkit-animation: swRotate 2s linear infinite;
          animation: swRotate 2s linear infinite;
}

@-webkit-keyframes swRotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes swRotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
/* custom select */
.w-form-group .select2-container--default .select2-selection--single {
  height: 40px;
  border: 1px solid #c6d0dc;
  border-radius: 4px;
}

.w-form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #5a5f7d;
  line-height: 38px;
  padding: 0 15px;
}

.w-form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
  left: 5px;
}

.w-form-group span.select2-selection.select2-selection--single:focus {
  outline: 0;
}

.select2-dropdown {
  border: 1px solid #c6d0dc !important;
  border-top: 0 none !important;
}

.directorist-content-active .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #eee !important;
}

.directorist-content-active .select2-container--default .select2-results__option--highlighted,
.directorist-content-active .select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted {
  background-color: #4353ff !important;
}

.btn-hide {
  display: none;
}

.directorist-setup-wizard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto;
  margin: 0;
  font-family: "Inter";
}
.directorist-setup-wizard__wrapper {
  height: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 0;
  background-color: #f4f5f7;
}
.directorist-setup-wizard__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.directorist-setup-wizard__header__step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 15px;
  max-width: 700px;
  padding: 15px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .directorist-setup-wizard__header__step {
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    top: 80px;
    width: 100%;
    padding: 15px 20px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.directorist-setup-wizard__header__step .atbdp-setup-steps {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  border-radius: 25px;
  overflow: hidden;
}
.directorist-setup-wizard__header__step .atbdp-setup-steps li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.directorist-setup-wizard__header__step .atbdp-setup-steps li:after {
  content: "";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 12px;
  background-color: #ebebeb;
}
.directorist-setup-wizard__header__step .atbdp-setup-steps li.done:after, .directorist-setup-wizard__header__step .atbdp-setup-steps li.active:after {
  background-color: #4353ff;
}
.directorist-setup-wizard__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 25px;
  border-left: 1px solid #e7e7e7;
}
@media (max-width: 767px) {
  .directorist-setup-wizard__logo {
    border: none;
  }
}
.directorist-setup-wizard__logo img {
  width: 140px;
}
.directorist-setup-wizard__close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 25px;
  -webkit-margin-start: 138px;
          margin-inline-start: 138px;
  border-right: 1px solid #e7e7e7;
}
@media (max-width: 1199px) {
  .directorist-setup-wizard__close {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
.directorist-setup-wizard__close__btn svg path {
  fill: #b7b7b7;
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.directorist-setup-wizard__close__btn:hover svg path {
  fill: #4353ff;
}
.directorist-setup-wizard__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding: 15px 25px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 375px) {
  .directorist-setup-wizard__footer {
    gap: 20px;
    padding: 30px 20px;
  }
}
.directorist-setup-wizard__btn {
  padding: 0 20px;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  font-size: 15px;
  background-color: #4353ff;
  border-color: #4353ff;
  color: #fff;
  border: none;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.directorist-setup-wizard__btn:hover {
  opacity: 0.85;
}
.directorist-setup-wizard__btn:disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
@media (max-width: 375px) {
  .directorist-setup-wizard__btn {
    gap: 15px;
  }
}
.directorist-setup-wizard__btn--skip {
  background: transparent;
  color: #000;
  padding: 0;
}
.directorist-setup-wizard__btn--full {
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-setup-wizard__btn--return {
  color: #141414;
  background: #ebebeb;
}
.directorist-setup-wizard__btn--next {
  position: relative;
  gap: 10px;
  padding: 0 25px;
}
@media (max-width: 375px) {
  .directorist-setup-wizard__btn--next {
    padding: 0 20px;
  }
}
.directorist-setup-wizard__btn.loading {
  position: relative;
}
.directorist-setup-wizard__btn.loading:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.5);
}
.directorist-setup-wizard__btn.loading:after {
  content: "";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  border-top-color: #4353ff;
  position: absolute;
  top: 12px;
  left: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-animation: spin 3s linear infinite;
          animation: spin 3s linear infinite;
}
.directorist-setup-wizard__next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.directorist-setup-wizard__next .directorist-setup-wizard__btn {
  height: 44px;
}
@media (max-width: 375px) {
  .directorist-setup-wizard__next {
    gap: 15px;
  }
}
.directorist-setup-wizard__back__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
}
.directorist-setup-wizard__back__btn:hover {
  opacity: 0.85;
}
.directorist-setup-wizard__content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.directorist-setup-wizard__content__title {
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  margin: 0 0 10px;
  color: #141414;
}
.directorist-setup-wizard__content__title--section {
  font-size: 24px;
  font-weight: 500;
  margin: 30px 0 15px;
}
.directorist-setup-wizard__content__section-title {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  margin: 0 0 15px;
  color: #141414;
}
.directorist-setup-wizard__content__desc {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 10px;
  color: #484848;
}
.directorist-setup-wizard__content__header {
  margin: 0 auto;
  text-align: center;
}
.directorist-setup-wizard__content__header--listings {
  max-width: 100%;
  text-align: center;
}
.directorist-setup-wizard__content__header__title {
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  margin: 0 0 10px;
}
.directorist-setup-wizard__content__header__title:last-child {
  margin: 0;
}
.directorist-setup-wizard__content__header__desc {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  margin: 0;
}
.directorist-setup-wizard__content__items {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 40px;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 480px) {
  .directorist-setup-wizard__content__items {
    padding: 35px 25px;
  }
}
@media (max-width: 375px) {
  .directorist-setup-wizard__content__items {
    padding: 30px 20px;
  }
}
.directorist-setup-wizard__content__items--listings {
  gap: 30px;
  padding: 40px 180px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 991px) {
  .directorist-setup-wizard__content__items--listings {
    padding: 40px 100px;
  }
}
@media (max-width: 767px) {
  .directorist-setup-wizard__content__items--listings {
    padding: 40px 50px;
  }
}
@media (max-width: 480px) {
  .directorist-setup-wizard__content__items--listings {
    padding: 35px 25px;
  }
}
@media (max-width: 375) {
  .directorist-setup-wizard__content__items--listings {
    padding: 30px 20px;
  }
}
.directorist-setup-wizard__content__items--completed {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  gap: 0;
  padding: 40px 75px 50px;
}
@media (max-width: 480px) {
  .directorist-setup-wizard__content__items--completed {
    padding: 40px 30px 50px;
  }
}
.directorist-setup-wizard__content__items--completed .congratulations-img {
  margin: 0 auto 10px;
}
.directorist-setup-wizard__content__import {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.directorist-setup-wizard__content__import__title {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  color: #141414;
}
.directorist-setup-wizard__content__import__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.directorist-setup-wizard__content__import__single label {
  font-size: 15px;
  font-weight: 400;
  position: relative;
  padding-right: 30px;
  color: #484848;
  cursor: pointer;
}
.directorist-setup-wizard__content__import__single label:before {
  content: "";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid #b7b7b7;
  position: absolute;
  right: 0;
  top: -1px;
}
.directorist-setup-wizard__content__import__single label:after {
  content: "";
  background-image: url(../js/../images/52912e13371376d03cbd266752b1fe5e.svg);
  background-repeat: no-repeat;
  width: 9px;
  height: 7px;
  position: absolute;
  right: 5px;
  top: 6px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.directorist-setup-wizard__content__import__single input[type=checkbox] {
  display: none;
}
.directorist-setup-wizard__content__import__single input[type=checkbox]:checked ~ label:before {
  background-color: #4353ff;
  border-color: #4353ff;
}
.directorist-setup-wizard__content__import__single input[type=checkbox]:checked ~ label:after {
  opacity: 1;
}
.directorist-setup-wizard__content__import__btn {
  margin-top: 20px;
}
.directorist-setup-wizard__content__import__notice {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.directorist-setup-wizard__content__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.directorist-setup-wizard__content__pricing__checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.directorist-setup-wizard__content__pricing__checkbox .feature-title {
  font-size: 14px;
  color: #484848;
}
.directorist-setup-wizard__content__pricing__checkbox label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  cursor: pointer;
}
.directorist-setup-wizard__content__pricing__checkbox label:before {
  content: "";
  width: 40px;
  height: 20px;
  border-radius: 15px;
  border: 1px solid #4353ff;
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
}
.directorist-setup-wizard__content__pricing__checkbox label:after {
  content: "";
  position: absolute;
  left: 22px;
  top: 4px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: #4353ff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox] {
  display: none;
}
.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked ~ label:before {
  background-color: #4353ff;
}
.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked ~ label:after {
  left: 5px;
  background-color: #ffffff;
}
.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked ~ .directorist-setup-wizard__content__pricing__amount {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.directorist-setup-wizard__content__pricing__amount {
  display: none;
}
.directorist-setup-wizard__content__pricing__amount .price-title {
  font-size: 14px;
  color: #484848;
}
.directorist-setup-wizard__content__pricing__amount .price-amount {
  font-size: 14px;
  font-weight: 500;
  color: #141414;
  border-radius: 8px;
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  padding: 10px 15px;
}
.directorist-setup-wizard__content__pricing__amount .price-amount input {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  max-width: 45px;
  background: transparent;
}
.directorist-setup-wizard__content__gateway__checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 20px;
}
.directorist-setup-wizard__content__gateway__checkbox:last-child {
  margin: 0;
}
.directorist-setup-wizard__content__gateway__checkbox .gateway-title {
  font-size: 14px;
  color: #484848;
}
.directorist-setup-wizard__content__gateway__checkbox label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  cursor: pointer;
}
.directorist-setup-wizard__content__gateway__checkbox label:before {
  content: "";
  width: 40px;
  height: 20px;
  border-radius: 15px;
  border: 1px solid #4353ff;
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
}
.directorist-setup-wizard__content__gateway__checkbox label:after {
  content: "";
  position: absolute;
  left: 22px;
  top: 4px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: #4353ff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox] {
  display: none;
}
.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox]:checked ~ label:before {
  background-color: #4353ff;
}
.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox]:checked ~ label:after {
  left: 5px;
  background-color: #ffffff;
}
.directorist-setup-wizard__content__gateway__checkbox .enable-warning {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  font-size: 12px;
  font-style: italic;
}
.directorist-setup-wizard__content__notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #484848;
  -webkit-transition: color 0.3s eases;
  transition: color 0.3s eases;
}
.directorist-setup-wizard__content__notice:hover {
  color: #4353ff;
}
.directorist-setup-wizard__checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 480px) {
  .directorist-setup-wizard__checkbox {
    width: 100%;
  }
  .directorist-setup-wizard__checkbox label {
    width: 100%;
  }
}
.directorist-setup-wizard__checkbox--custom {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: none;
}
.directorist-setup-wizard__checkbox label {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #141414;
  height: 40px;
  line-height: 38px;
  padding: 0 15px 0 40px;
  border-radius: 5px;
  border: 1px solid #d6d6d6;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.directorist-setup-wizard__checkbox label:before {
  content: "";
  background-image: url(../js/../images/ce51f4953f209124fb4786d7d5946493.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  opacity: 0;
}
.directorist-setup-wizard__checkbox input[type=checkbox] {
  display: none;
}
.directorist-setup-wizard__checkbox input[type=checkbox]:checked ~ label {
  background-color: rgba(67, 83, 255, 0.2509803922);
  border-color: transparent;
}
.directorist-setup-wizard__checkbox input[type=checkbox]:checked ~ label::before {
  opacity: 1;
}
.directorist-setup-wizard__checkbox input[type=checkbox]:disabled ~ label {
  background-color: #ebebeb;
  color: #b7b7b7;
  cursor: not-allowed;
}
.directorist-setup-wizard__checkbox input[type=text] {
  width: 100%;
  height: 42px;
  border-radius: 4px;
  padding: 0 16px;
  background-color: #ebebeb;
  border: none;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-setup-wizard__checkbox input[type=text]::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #787878;
}
.directorist-setup-wizard__checkbox input[type=text]::-moz-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #787878;
}
.directorist-setup-wizard__checkbox input[type=text]:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #787878;
}
.directorist-setup-wizard__checkbox input[type=text]::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #787878;
}
.directorist-setup-wizard__checkbox input[type=text]::placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #787878;
}
.directorist-setup-wizard__counter {
  width: 100%;
  text-align: right;
}
.directorist-setup-wizard__counter__title {
  font-size: 20px;
  font-weight: 600;
  color: #141414;
  margin: 0 0 10px;
}
.directorist-setup-wizard__counter__desc {
  display: none;
  font-size: 14px;
  color: #404040;
  margin: 0 0 10px;
}
.directorist-setup-wizard__counter .selected_count {
  color: #4353ff;
}
.directorist-setup-wizard__introduction {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  padding: 50px 0 100px;
}
.directorist-setup-wizard__step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 15px;
  padding: 50px 15px 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 767px) {
  .directorist-setup-wizard__step {
    padding-top: 100px;
  }
}
.directorist-setup-wizard__box {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 30px 40px 40px;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 480px) {
  .directorist-setup-wizard__box {
    padding: 30px 25px;
  }
}
@media (max-width: 375px) {
  .directorist-setup-wizard__box {
    padding: 30px 20px;
  }
}
.directorist-setup-wizard__box__content__title {
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 5px;
  color: #141414;
}
.directorist-setup-wizard__box__content__title--section {
  font-size: 15px;
  font-weight: 400;
  color: #141414;
  margin: 0 0 10px;
}
.directorist-setup-wizard__box__content__desc {
  font-size: 15px;
  font-weight: 400;
  margin: 0 0 25px;
  color: #484848;
}
.directorist-setup-wizard__box__content__form {
  position: relative;
}
.directorist-setup-wizard__box__content__form:before {
  content: "";
  background-image: url(../js/../images/2b491f8827936e353fbe598bfae84852.svg);
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 18px;
  top: 14px;
}
.directorist-setup-wizard__box__content__form .address_result {
  background-color: #ffffff;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.directorist-setup-wizard__box__content__form.directorist-search-field .directorist-setup-wizard__box__content__input--clear {
  display: none;
}
.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused .directorist-setup-wizard__box__content__input--clear {
  display: block;
}
.directorist-setup-wizard__box__content__input {
  width: 100%;
  height: 44px;
  border-radius: 8px;
  padding: 0 40px;
  padding-left: 60px;
  outline: none;
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-setup-wizard__box__content__input--clear {
  position: absolute;
  left: 40px;
  top: 14px;
}
.directorist-setup-wizard__box__content__input--clear .directorist-icon-mask::after {
  width: 16px;
  height: 16px;
  background-color: #484848;
}
.directorist-setup-wizard__box__content__location-icon {
  position: absolute;
  left: 18px;
  top: 14px;
}
.directorist-setup-wizard__box__content__location-icon .directorist-icon-mask::after {
  width: 16px;
  height: 16px;
  background-color: #484848;
}
.directorist-setup-wizard__map {
  margin-top: 20px;
}
.directorist-setup-wizard__map #gmap {
  height: 280px;
  border-radius: 8px;
}
.directorist-setup-wizard__map .leaflet-touch .leaflet-bar a {
  background: #ffffff;
}
.directorist-setup-wizard__map .leaflet-marker-icon .directorist-icon-mask:after {
  width: 30px;
  height: 30px;
  background-color: #e23636;
  -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg);
          mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg);
}
.directorist-setup-wizard__notice {
  position: absolute;
  bottom: 10px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  font-size: 12px;
  font-weight: 600;
  font-style: italic;
  color: #f80718;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
/* data Progressing */
.directorist-setup-wizard__step .directorist-setup-wizard__content.hidden {
  display: none;
}

.middle-content.middle-content-import {
  background: white;
  padding: 40px;
  -webkit-box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  width: 600px;
  border-radius: 8px;
}
.middle-content.hidden {
  display: none;
}

.directorist-import-progress-info-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  grid-gap: 10px;
}

.directorist-import-progress,
.directorist-import-error {
  margin-top: 25px;
}
.directorist-import-progress .directorist-import-progress-bar-wrap,
.directorist-import-error .directorist-import-progress-bar-wrap {
  position: relative;
  overflow: hidden;
}
.directorist-import-progress .import-progress-gap span,
.directorist-import-error .import-progress-gap span {
  background: white;
  height: 6px;
  position: absolute;
  width: 10px;
  top: -1px;
}
.directorist-import-progress .import-progress-gap span:nth-child(1),
.directorist-import-error .import-progress-gap span:nth-child(1) {
  right: calc(25% - 10px);
}
.directorist-import-progress .import-progress-gap span:nth-child(2),
.directorist-import-error .import-progress-gap span:nth-child(2) {
  right: calc(50% - 10px);
}
.directorist-import-progress .import-progress-gap span:nth-child(3),
.directorist-import-error .import-progress-gap span:nth-child(3) {
  right: calc(75% - 10px);
}
.directorist-import-progress .directorist-import-progress-bar-bg,
.directorist-import-error .directorist-import-progress-bar-bg {
  height: 4px;
  background: #e5e7eb;
  width: 100%;
  position: relative;
}
.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar,
.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar {
  position: absolute;
  right: 0;
  top: 0;
  background: #2563eb;
  -webkit-transition: all 1s;
  transition: all 1s;
  width: 0%;
  height: 100%;
}
.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done,
.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done {
  background: #38c172;
}
.directorist-import-progress .directorist-import-progress-info,
.directorist-import-error .directorist-import-progress-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.directorist-import-error .directorist-import-error-box {
  overflow-y: scroll;
}
.directorist-import-error .directorist-import-progress-bar-bg {
  width: 100%;
  margin-bottom: 15px;
}
.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar {
  background: #2563eb;
}

.directorist-import-process-step-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.directorist-import-process-step-bottom img {
  width: 335px;
  text-align: center;
  display: inline-block;
  padding: 20px 10px 0;
}

.import-done-congrats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.import-done-congrats span {
  margin-right: 17px;
}

.import-done-section {
  margin-top: 60px;
}
.import-done-section .tweet-import-success .tweet-text {
  background: #ffffff;
  border: 1px solid rgba(34, 101, 235, 0.1);
  border-radius: 4px;
  padding: 14px 21px 14px 21px;
}
.import-done-section .tweet-import-success .twitter-btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  left: 30px;
  position: absolute;
  margin-top: 8px;
  text-decoration: none;
}
.import-done-section .import-done-text {
  margin-top: 60px;
}
.import-done-section .import-done-text .import-done-counter {
  text-align: right;
}
.import-done-section .import-done-text .import-done-button {
  margin-top: 25px;
}

.directorist-import-done-inner,
.import-done-counter,
.import-done-section {
  display: none;
}

.import-done .import-status-string,
.import-done .directorist-import-text-inner {
  display: none;
}
.import-done .import-done-counter,
.import-done .directorist-import-done-inner,
.import-done .import-done-section {
  display: block;
}

.import-progress-warning {
  position: relative;
  top: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #e91e63;
  display: block;
  text-align: center;
}

.directorist-create-directory {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Inter";
  margin-right: -20px;
}
.directorist-create-directory * {
  -webkit-box-flex: unset !important;
  -webkit-flex-grow: unset !important;
      -ms-flex-positive: unset !important;
          flex-grow: unset !important;
}
.directorist-create-directory__wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  margin: 50px 0;
}
.directorist-create-directory__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #ffffff;
  padding: 12px 32px;
  border-bottom: 1px solid #E5E7EB;
}
.directorist-create-directory__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 25px;
  border-left: 1px solid #e7e7e7;
}
@media (max-width: 767px) {
  .directorist-create-directory__logo {
    border: none;
  }
}
.directorist-create-directory__logo img {
  width: 140px;
}
.directorist-create-directory__close__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #141921;
}
.directorist-create-directory__close__btn svg {
  -webkit-box-flex: unset;
  -webkit-flex-grow: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
}
.directorist-create-directory__close__btn svg path {
  fill: #b7b7b7;
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.directorist-create-directory__close__btn:hover svg path {
  fill: #4353ff;
}
.directorist-create-directory__upgrade {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.directorist-create-directory__upgrade__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #141921;
  margin: 0;
}
.directorist-create-directory__upgrade__link {
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  color: #3E62F5;
  margin: 0;
  text-decoration: underline;
}
.directorist-create-directory__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px;
}
.directorist-create-directory__info__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin: 0 0 4px;
}
.directorist-create-directory__info__desc {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  margin: 0;
}
.directorist-create-directory__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding: 15px 25px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 375px) {
  .directorist-create-directory__footer {
    gap: 20px;
    padding: 30px 20px;
  }
}
.directorist-create-directory__btn {
  padding: 0 20px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  font-size: 15px;
  background-color: #4353ff;
  border-color: #4353ff;
  color: #fff;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.directorist-create-directory__btn:hover {
  opacity: 0.85;
}
.directorist-create-directory__btn:disabled, .directorist-create-directory__btn.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
@media (max-width: 375px) {
  .directorist-create-directory__btn {
    gap: 15px;
  }
}
.directorist-create-directory__btn--skip {
  background: transparent;
  color: #000;
  padding: 0;
}
.directorist-create-directory__btn--full {
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-create-directory__btn--return {
  color: #141414;
  background: #ebebeb;
}
.directorist-create-directory__btn--next {
  position: relative;
  gap: 8px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
  background-color: #3E62F5;
  border-color: #3E62F5;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12);
          box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12);
}
.directorist-create-directory__btn.loading {
  position: relative;
}
.directorist-create-directory__btn.loading:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.5);
}
.directorist-create-directory__btn.loading:after {
  content: "";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  border-top-color: #4353ff;
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-animation: spin 3s linear infinite;
          animation: spin 3s linear infinite;
}
.directorist-create-directory__next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.directorist-create-directory__next img {
  max-width: 10px;
}
.directorist-create-directory__next .directorist_regenerate_fields {
  gap: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #3E62F5 !important;
  background: transparent !important;
  border-color: transparent !important;
}
.directorist-create-directory__next .directorist_regenerate_fields.loading {
  pointer-events: none;
}
.directorist-create-directory__next .directorist_regenerate_fields.loading svg {
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}
.directorist-create-directory__next .directorist_regenerate_fields.loading:before, .directorist-create-directory__next .directorist_regenerate_fields.loading:after {
  display: none;
}
@media (max-width: 375px) {
  .directorist-create-directory__next {
    gap: 15px;
  }
}
.directorist-create-directory__back {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.directorist-create-directory__back__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #141921;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.directorist-create-directory__back__btn svg,
.directorist-create-directory__back__btn img {
  width: 20px;
  height: 20px;
}
.directorist-create-directory__back__btn:hover {
  color: #3E62F5;
}
.directorist-create-directory__back__btn:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.directorist-create-directory__back__btn.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.directorist-create-directory__step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.directorist-create-directory__step .atbdp-setup-steps {
  width: 100%;
  max-width: 130px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  border-radius: 4px;
  overflow: hidden;
}
.directorist-create-directory__step .atbdp-setup-steps li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  margin: 0;
  -webkit-flex-grow: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}
.directorist-create-directory__step .atbdp-setup-steps li:after {
  content: "";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 8px;
  background-color: #D2D6DB;
}
.directorist-create-directory__step .atbdp-setup-steps li.done:after, .directorist-create-directory__step .atbdp-setup-steps li.active:after {
  background-color: #6E89F7;
}
.directorist-create-directory__step .step-count {
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: #747C89;
}
.directorist-create-directory__content {
  border-radius: 10px;
  border: 1px solid #E5E7EB;
  background-color: white;
  -webkit-box-shadow: 0px 3px 2px -1px rgba(27, 36, 44, 0.02), 0px 15px 24px -6px rgba(27, 36, 44, 0.08);
          box-shadow: 0px 3px 2px -1px rgba(27, 36, 44, 0.02), 0px 15px 24px -6px rgba(27, 36, 44, 0.08);
  max-width: 622px;
  min-width: 622px;
  overflow: auto;
  margin: 0 auto;
}
.directorist-create-directory__content.full-width {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -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;
  height: 100vh;
  max-width: 100%;
  min-width: 100%;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: unset;
  background-color: transparent;
}
.directorist-create-directory__content::-webkit-scrollbar {
  display: none;
}
.directorist-create-directory__content__items {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 32px;
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-create-directory__content__items--columns {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.directorist-create-directory__content__form-group-label {
  color: #141921;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 12px;
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.directorist-create-directory__content__form-group-label .required-label {
  color: #D94A4A;
  font-weight: 600;
}
.directorist-create-directory__content__form-group-label .optional-label {
  color: #7E8C9A;
  font-weight: 400;
}
.directorist-create-directory__content__form-group {
  width: 100%;
}
.directorist-create-directory__content__input.form-control {
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 44px 7px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 8px;
  border: 1px solid #D2D6DB;
  background-color: white;
  color: #747C89;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.directorist-create-directory__content__input.form-control.--textarea {
  resize: none;
  min-height: 148px;
  max-height: 148px;
  background-color: #F9FAFB;
  white-space: wrap;
  overflow: auto;
}
.directorist-create-directory__content__input.form-control.--textarea:focus {
  background-color: white;
}
.directorist-create-directory__content__input.form-control.--icon-none {
  padding: 7px 16px;
}
.directorist-create-directory__content__input.form-control::-webkit-input-placeholder {
  overflow: hidden;
  color: #747C89;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
}
.directorist-create-directory__content__input.form-control::-moz-placeholder {
  overflow: hidden;
  color: #747C89;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
}
.directorist-create-directory__content__input.form-control:-ms-input-placeholder {
  overflow: hidden;
  color: #747C89;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
}
.directorist-create-directory__content__input.form-control::-ms-input-placeholder {
  overflow: hidden;
  color: #747C89;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
}
.directorist-create-directory__content__input.form-control::placeholder {
  overflow: hidden;
  color: #747C89;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
}
.directorist-create-directory__content__input.form-control:focus, .directorist-create-directory__content__input.form-control:hover {
  color: #141921;
  border-color: #3E62F5;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3);
          box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3);
}
.directorist-create-directory__content__input[name=directory-location]::-webkit-search-cancel-button {
  position: relative;
  left: 0;
  margin: 0;
  height: 20px;
  width: 20px;
  background: #D1D1D7;
  -webkit-appearance: none;
  -webkit-mask-image: url(../js/../images/fbe9a71fb4cca6c00727edfa817798b2.svg);
          mask-image: url(../js/../images/fbe9a71fb4cca6c00727edfa817798b2.svg);
}
.directorist-create-directory__content__input.empty, .directorist-create-directory__content__input.max-char-reached {
  border-color: #ff0808 !important;
  -webkit-box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important;
          box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important;
}
.directorist-create-directory__content__input ~ .character-count {
  width: 100%;
  text-align: end;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  color: #555F6D;
  margin-top: 8px;
}
.directorist-create-directory__content__input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  color: #747C89;
}
.directorist-create-directory__content__input-group.--options {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.directorist-create-directory__content__input-group.--options .--options-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 15px 10px;
}
.directorist-create-directory__content__input-group.--options .--options-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  overflow: hidden;
  color: #747C89;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.directorist-create-directory__content__input-group.--options .--options-right {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.12px;
}
.directorist-create-directory__content__input-group.--options .--options-right strong {
  font-weight: 500;
}
.directorist-create-directory__content__input-group.--options .--hit-button {
  border-radius: 4px;
  background: #E5E7EB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  overflow: hidden;
  color: #141921;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}
.directorist-create-directory__content__input-group.--options .--hit-button strong {
  font-weight: 500;
}
.directorist-create-directory__content__input-group:hover .directorist-create-directory__content__input-icon svg {
  color: #141921;
}
.directorist-create-directory__content__input-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 10px;
  right: 20px;
  pointer-events: none;
}
.directorist-create-directory__content__input-icon svg,
.directorist-create-directory__content__input-icon img {
  width: 20px;
  height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.directorist-create-directory__content__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 32px;
  border-top: 1px solid #E5E7EB;
}
.directorist-create-directory__content__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.directorist-create-directory__content__notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #484848;
  -webkit-transition: color 0.3s eases;
  transition: color 0.3s eases;
}
.directorist-create-directory__content__notice:hover {
  color: #4353ff;
}
.directorist-create-directory__generate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.directorist-create-directory__generate .directory-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  -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;
}
.directorist-create-directory__generate .directory-img #directory-img__generating {
  width: 48px;
  height: 48px;
}
.directorist-create-directory__generate .directory-img #directory-img__building {
  width: 322px;
  height: auto;
}
.directorist-create-directory__generate .directory-img svg {
  width: var(--Large, 48px);
  height: var(--Large, 48px);
}
.directorist-create-directory__generate .directory-title {
  color: #141921;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  margin: 16px 0 4px;
}
.directorist-create-directory__generate .directory-description {
  color: #4D5761;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 40px;
}
.directorist-create-directory__generate .directory-description strong {
  font-weight: 600;
}
.directorist-create-directory__checkbox-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.directorist-create-directory__checkbox-wrapper.--gap-12 {
  gap: 12px;
}
.directorist-create-directory__checkbox-wrapper.--gap-8 {
  gap: 8px;
}
.directorist-create-directory__checkbox-wrapper.--svg-size-16 label svg {
  width: 16px;
  height: 16px;
}
.directorist-create-directory__checkbox-wrapper.--svg-size-20 label svg {
  width: 20px;
  height: 20px;
}
.directorist-create-directory__checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 480px) {
  .directorist-create-directory__checkbox {
    width: 100%;
  }
  .directorist-create-directory__checkbox label {
    width: 100%;
  }
}
.directorist-create-directory__checkbox__others .directorist-create-directory__content__input-icon {
  top: 8px;
  right: 16px;
}
.directorist-create-directory__checkbox__others .directorist-create-directory__content__input-icon svg {
  width: 16px;
  height: 16px;
}
.directorist-create-directory__checkbox__others .directorist-create-directory__content__input {
  padding: 4px 36px 4px 16px;
}
.directorist-create-directory__checkbox--custom {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: none;
}
.directorist-create-directory__checkbox label {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: 32px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.12px;
  color: #4D5761;
  border: 1px solid #F3F4F6;
  background-color: #F3F4F6;
  padding: 0 12px;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.directorist-create-directory__checkbox input[type=checkbox] {
  display: none;
}
.directorist-create-directory__checkbox input[type=checkbox]:hover ~ label, .directorist-create-directory__checkbox input[type=checkbox]:focus ~ label {
  color: #383F47;
  background-color: #E5E7EB;
  border-color: #E5E7EB;
}
.directorist-create-directory__checkbox input[type=checkbox]:checked ~ label {
  color: #FFFfff;
  background-color: #6E89F7;
  border-color: #6E89F7;
}
.directorist-create-directory__checkbox input[type=checkbox]:disabled ~ label {
  background-color: #F3F4F6;
  color: #4D5761;
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.directorist-create-directory__checkbox input[type=radio] {
  display: none;
}
.directorist-create-directory__checkbox input[type=radio]:hover ~ label, .directorist-create-directory__checkbox input[type=radio]:focus ~ label {
  color: #383F47;
  background-color: #E5E7EB;
  border-color: #E5E7EB;
}
.directorist-create-directory__checkbox input[type=radio]:checked ~ label {
  color: #FFFfff;
  background-color: #6E89F7;
  border-color: #6E89F7;
}
.directorist-create-directory__checkbox input[type=radio]:disabled ~ label {
  background-color: #F3F4F6;
  color: #4D5761;
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.directorist-create-directory__checkbox input[type=text] {
  width: 100%;
  height: 42px;
  border-radius: 4px;
  padding: 0 16px;
  background-color: #ebebeb;
  border: none;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-create-directory__checkbox input[type=text]::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #787878;
}
.directorist-create-directory__checkbox input[type=text]::-moz-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #787878;
}
.directorist-create-directory__checkbox input[type=text]:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #787878;
}
.directorist-create-directory__checkbox input[type=text]::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #787878;
}
.directorist-create-directory__checkbox input[type=text]::placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #787878;
}
.directorist-create-directory__go-pro {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 6px;
  border: 1px solid #9EB0FA;
  background: #F0F3FF;
}
.directorist-create-directory__go-pro-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  color: #4D5761;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.directorist-create-directory__go-pro-title svg {
  padding: 4px 8px;
  width: 32px;
  max-height: 16px;
  color: #3E62F5;
}
.directorist-create-directory__go-pro-button a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 146px;
  height: 32px;
  padding: 0px 16px;
  -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;
  gap: 8px;
  color: #141921;
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  text-transform: capitalize;
  border-radius: 6px;
  border: 1px solid #D2D6DB;
  background: #F0F3FF;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12);
          box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.directorist-create-directory__go-pro-button a:hover {
  background-color: #3E62F5;
  border-color: #3E62F5;
  color: white;
  opacity: 0.85;
}
.directorist-create-directory__counter {
  width: 100%;
  text-align: right;
}
.directorist-create-directory__counter__title {
  font-size: 20px;
  font-weight: 600;
  color: #141414;
  margin: 0 0 10px;
}
.directorist-create-directory__counter__desc {
  display: none;
  font-size: 14px;
  color: #404040;
  margin: 0 0 10px;
}
.directorist-create-directory__counter .selected_count {
  color: #4353ff;
}
.directorist-create-directory__introduction {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  padding: 50px 0 100px;
}
.directorist-create-directory__info {
  text-align: center;
}
.directorist-create-directory__box {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 30px 40px 40px;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 480px) {
  .directorist-create-directory__box {
    padding: 30px 25px;
  }
}
@media (max-width: 375px) {
  .directorist-create-directory__box {
    padding: 30px 20px;
  }
}
.directorist-create-directory__box__content__title {
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 5px;
  color: #141414;
}
.directorist-create-directory__box__content__title--section {
  font-size: 15px;
  font-weight: 400;
  color: #141414;
  margin: 0 0 10px;
}
.directorist-create-directory__box__content__desc {
  font-size: 15px;
  font-weight: 400;
  margin: 0 0 25px;
  color: #484848;
}
.directorist-create-directory__box__content__form {
  position: relative;
}
.directorist-create-directory__box__content__form:before {
  content: "";
  background-image: url(../js/../images/2b491f8827936e353fbe598bfae84852.svg);
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 18px;
  top: 14px;
}
.directorist-create-directory__box__content__form .address_result {
  background-color: #ffffff;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.directorist-create-directory__box__content__form.directorist-search-field .directorist-create-directory__box__content__input--clear {
  display: none;
}
.directorist-create-directory__box__content__form.directorist-search-field.input-is-focused .directorist-create-directory__box__content__input--clear {
  display: block;
}
.directorist-create-directory__box__content__input {
  width: 100%;
  height: 44px;
  border-radius: 8px;
  padding: 0 40px;
  padding-left: 60px;
  outline: none;
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-create-directory__box__content__input--clear {
  position: absolute;
  left: 40px;
  top: 14px;
}
.directorist-create-directory__box__content__input--clear .directorist-icon-mask::after {
  width: 16px;
  height: 16px;
  background-color: #484848;
}
.directorist-create-directory__box__content__location-icon {
  position: absolute;
  left: 18px;
  top: 14px;
}
.directorist-create-directory__box__content__location-icon .directorist-icon-mask::after {
  width: 16px;
  height: 16px;
  background-color: #484848;
}
.directorist-create-directory__map {
  margin-top: 20px;
}
.directorist-create-directory__map #gmap {
  height: 280px;
  border-radius: 8px;
}
.directorist-create-directory__map .leaflet-touch .leaflet-bar a {
  background: #ffffff;
}
.directorist-create-directory__notice {
  position: absolute;
  bottom: 10px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  font-size: 12px;
  font-weight: 600;
  font-style: italic;
  color: #f80718;
}

.directorist-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
  width: 100%;
}
.directorist-box__item {
  width: 100%;
}
.directorist-box__label {
  display: block;
  color: #141921;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 8px;
}
.directorist-box__input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 8px;
  border: 1px solid #d2d6db;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.directorist-box__input-wrapper:hover, .directorist-box__input-wrapper:focus {
  border: 1px solid #3e62f5;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3);
          box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3);
}
.directorist-box__input[type=text] {
  padding: 0 8px;
  overflow: hidden;
  color: #141921;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
  border: none !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  height: 30px;
}
.directorist-box__input[type=text]::-webkit-input-placeholder {
  overflow: hidden;
  color: #747c89;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
}
.directorist-box__input[type=text]::-moz-placeholder {
  overflow: hidden;
  color: #747c89;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
}
.directorist-box__input[type=text]:-ms-input-placeholder {
  overflow: hidden;
  color: #747c89;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
}
.directorist-box__input[type=text]::-ms-input-placeholder {
  overflow: hidden;
  color: #747c89;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
}
.directorist-box__input[type=text]::placeholder {
  overflow: hidden;
  color: #747c89;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
}
.directorist-box__tagList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}
.directorist-box__tagList li {
  margin: 0;
}
.directorist-box__tagList li:not(:only-child, :last-child) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: #f3f4f6;
  margin: 0;
  text-transform: capitalize;
  color: #4d5761;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.12px;
}
.directorist-box__recommended-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 0;
}
.directorist-box__recommended-list.recommend-disable {
  opacity: 0.5;
  pointer-events: none;
}
.directorist-box__recommended-list li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: 32px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.12px;
  color: #4d5761;
  border: 1px solid #f3f4f6;
  background-color: #f3f4f6;
  padding: 0 12px;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  margin: 0;
}
.directorist-box__recommended-list li:hover {
  color: #383F47;
  background-color: #E5E7EB;
}
.directorist-box__recommended-list li.disabled {
  display: none;
}
.directorist-box__recommended-list li.free-disabled {
  display: none;
}
.directorist-box__recommended-list li.free-disabled:hover {
  background-color: #cfd8dc;
}

.directorist-box-options__wrapper {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 15px 10px;
  margin-top: 12px;
}
.directorist-box-options__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  overflow: hidden;
  color: #747c89;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.directorist-box-options__right {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.12px;
  color: #555f6d;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 5px;
}
.directorist-box-options__right strong {
  font-weight: 500;
}
.directorist-box-options__hit-button {
  border-radius: 4px;
  background: #e5e7eb;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  overflow: hidden;
  color: #141921;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.directorist-create-directory__go-pro {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 6px;
  border: 1px solid #9eb0fa;
  background: #f0f3ff;
}
.directorist-create-directory__go-pro-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  color: #4d5761;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.directorist-create-directory__go-pro-title svg {
  padding: 4px 8px;
  width: 32px;
  max-height: 16px;
  color: #3e62f5;
}
.directorist-create-directory__go-pro-button a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 146px;
  height: 32px;
  padding: 0 16px;
  -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;
  gap: 8px;
  color: #141921;
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  text-transform: capitalize;
  border-radius: 6px;
  border: 1px solid #d2d6db;
  background: #f0f3ff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12);
          box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.directorist-create-directory__go-pro-button a:hover {
  background-color: #3e62f5;
  border-color: #3e62f5;
  color: white;
  opacity: 0.85;
}

.directory-generate-btn {
  margin-bottom: 20px;
}
.directory-generate-btn__content {
  border-radius: 6px;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12.5px 64px 12.5px 61px;
  -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;
  border: 1px solid #E5E7EB;
  background: #FFF;
  -webkit-box-shadow: 0px 16px 24px -6px rgba(27, 36, 44, 0.16), 0px 2px 2px -1px rgba(27, 36, 44, 0.04);
          box-shadow: 0px 16px 24px -6px rgba(27, 36, 44, 0.16), 0px 2px 2px -1px rgba(27, 36, 44, 0.04);
  gap: 8px;
  color: #141921;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
  padding: 10px;
  margin: 0 2px 3px 2px;
  border-radius: 6px;
}
.directory-generate-btn--bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-image: -webkit-gradient(linear, right top, right bottom, from(#EABAEB), to(#3E62F5));
  background-image: linear-gradient(#EABAEB, #3E62F5);
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  border-radius: 8px;
}
.directory-generate-btn svg {
  width: 20px;
  height: 20px;
}
.directory-generate-btn__wrapper {
  position: relative;
  width: 347px;
  background-color: white;
  border-radius: 5px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.directory-generate-progress-list {
  margin-top: 34px;
}
.directory-generate-progress-list ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.directory-generate-progress-list ul li {
  margin: 0;
  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: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  color: #4D5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.directory-generate-progress-list ul li svg {
  width: 20px;
  height: 20px;
}
.directory-generate-progress-list__btn {
  position: relative;
  gap: 8px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
  background-color: #3E62F5;
  border: 1px solid #3E62F5;
  color: #fff !important;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12);
          box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12);
  height: 40px;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 30px;
}
.directory-generate-progress-list__btn svg {
  width: 20px;
  height: 20px;
}
.directory-generate-progress-list__btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.directorist-ai-generate-box {
  background-color: white;
  padding: 32px;
}
.directorist-ai-generate-box__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 32px;
}
.directorist-ai-generate-box__header svg {
  width: 40px;
  height: 40px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.directorist-ai-generate-box__title {
  margin-right: 10px;
}
.directorist-ai-generate-box__title h6 {
  margin: 0;
  color: #2c3239;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.directorist-ai-generate-box__title p {
  color: #4d5761;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}
.directorist-ai-generate-box__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  border-radius: 8px;
  background: #f3f4f6;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  margin: 0;
  max-height: 540px;
  overflow-y: auto;
}
.directorist-ai-generate-box__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.directorist-ai-generate-box__item.pinned .directorist-ai-generate-dropdown__pin-icon svg {
  color: #3E62F5;
}

.directorist-ai-generate-dropdown {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #fff;
  width: 100%;
}
.directorist-ai-generate-dropdown[aria-expanded=true] .directorist-ai-generate-dropdown__header {
  border-color: #e5e7eb;
}
.directorist-ai-generate-dropdown__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 16px;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid transparent;
}
.directorist-ai-generate-dropdown__header.has-options {
  cursor: pointer;
}
.directorist-ai-generate-dropdown__header-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.directorist-ai-generate-dropdown__header-icon {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.directorist-ai-generate-dropdown__header-icon.rotate {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.directorist-ai-generate-dropdown__pin-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 6px 0px 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-left: 1px solid #D2D6DB;
  color: #4D5761;
}
.directorist-ai-generate-dropdown__pin-icon:hover {
  color: #3E62F5;
}
.directorist-ai-generate-dropdown__pin-icon svg {
  width: 20px;
  height: 20px;
}
.directorist-ai-generate-dropdown__title-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4D5761;
  font-size: 28px;
}
.directorist-ai-generate-dropdown__title-icon svg {
  width: 28px;
  height: 28px;
}
.directorist-ai-generate-dropdown__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 24px 0px 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.directorist-ai-generate-dropdown__title-main h6 {
  color: #4D5761;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16.24px;
  margin: 0;
  text-transform: capitalize;
}
.directorist-ai-generate-dropdown__title-main p {
  color: #747C89;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 13.92px;
  margin: 4px 0 0 0;
}
.directorist-ai-generate-dropdown__content {
  display: none;
  padding: 24px;
  color: #747C89;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 13.92px;
}
.directorist-ai-generate-dropdown__content[aria-expanded=true], .directorist-ai-generate-dropdown__content--expanded {
  display: block;
}
.directorist-ai-generate-dropdown__header-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4D5761;
}
.directorist-ai-generate-dropdown__header-icon svg {
  width: 20px;
  height: 20px;
}

.directorist-ai-location-field__title {
  color: #4D5761;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 12px;
}
.directorist-ai-location-field__title span {
  color: #747C89;
  font-weight: 500;
}
.directorist-ai-location-field__content ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.directorist-ai-location-field__content ul li {
  height: 32px;
  padding: 8px 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border-radius: 4px;
  background: #F3F4F6;
  color: #4D5761;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.12px;
}
.directorist-ai-location-field__content ul li svg {
  width: 20px;
  height: 20px;
}

.directorist-ai-checkbox-field__label {
  color: #4D5761;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 16px;
  display: block;
}
.directorist-ai-checkbox-field__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  gap: 10px 34px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.directorist-ai-checkbox-field__list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #4D5761;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.12px;
}
.directorist-ai-checkbox-field__list-item svg {
  width: 24px;
  height: 24px;
}
.directorist-ai-checkbox-field__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.directorist-ai-keyword-field__label {
  color: #4D5761;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 16px;
  display: block;
}
.directorist-ai-keyword-field__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  gap: 10px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.directorist-ai-keyword-field__list-item.--h-24 {
  height: 24px;
}
.directorist-ai-keyword-field__list-item.--h-32 {
  height: 32px;
}
.directorist-ai-keyword-field__list-item.--px-8 {
  padding: 0px 8px;
}
.directorist-ai-keyword-field__list-item.--px-12 {
  padding: 0px 12px;
}
.directorist-ai-keyword-field__list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: #F3F4F6;
  color: #4D5761;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.12px;
}
.directorist-ai-keyword-field__list-item svg {
  width: 20px;
  height: 20px;
}
.directorist-ai-keyword-field__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
/* data Progressing */
.directorist-create-directory__step .directorist-create-directory__content.hidden {
  display: none;
}

.middle-content.middle-content-import {
  background: white;
  padding: 40px;
  -webkit-box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  width: 600px;
  border-radius: 8px;
}
.middle-content.hidden {
  display: none;
}

.directorist-import-progress-info-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  grid-gap: 10px;
}

.directorist-import-progress,
.directorist-import-error {
  margin-top: 25px;
}
.directorist-import-progress .directorist-import-progress-bar-wrap,
.directorist-import-error .directorist-import-progress-bar-wrap {
  position: relative;
  overflow: hidden;
}
.directorist-import-progress .import-progress-gap span,
.directorist-import-error .import-progress-gap span {
  background: white;
  height: 6px;
  position: absolute;
  width: 10px;
  top: -1px;
}
.directorist-import-progress .import-progress-gap span:nth-child(1),
.directorist-import-error .import-progress-gap span:nth-child(1) {
  right: calc(25% - 10px);
}
.directorist-import-progress .import-progress-gap span:nth-child(2),
.directorist-import-error .import-progress-gap span:nth-child(2) {
  right: calc(50% - 10px);
}
.directorist-import-progress .import-progress-gap span:nth-child(3),
.directorist-import-error .import-progress-gap span:nth-child(3) {
  right: calc(75% - 10px);
}
.directorist-import-progress .directorist-import-progress-bar-bg,
.directorist-import-error .directorist-import-progress-bar-bg {
  height: 4px;
  background: #e5e7eb;
  width: 100%;
  position: relative;
}
.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar,
.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar {
  position: absolute;
  right: 0;
  top: 0;
  background: #2563eb;
  -webkit-transition: all 1s;
  transition: all 1s;
  width: 0%;
  height: 100%;
}
.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done,
.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done {
  background: #38c172;
}
.directorist-import-progress .directorist-import-progress-info,
.directorist-import-error .directorist-import-progress-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.directorist-import-error .directorist-import-error-box {
  overflow-y: scroll;
}
.directorist-import-error .directorist-import-progress-bar-bg {
  width: 100%;
  margin-bottom: 15px;
}
.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar {
  background: #2563eb;
}

.directorist-import-process-step-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.directorist-import-process-step-bottom img {
  width: 335px;
  text-align: center;
  display: inline-block;
  padding: 20px 10px 0;
}

.import-done-congrats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.import-done-congrats span {
  margin-right: 17px;
}

.import-done-section {
  margin-top: 60px;
}
.import-done-section .tweet-import-success .tweet-text {
  background: #ffffff;
  border: 1px solid rgba(34, 101, 235, 0.1);
  border-radius: 4px;
  padding: 14px 21px 14px 21px;
}
.import-done-section .tweet-import-success .twitter-btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  left: 30px;
  position: absolute;
  margin-top: 8px;
  text-decoration: none;
}
.import-done-section .import-done-text {
  margin-top: 60px;
}
.import-done-section .import-done-text .import-done-counter {
  text-align: right;
}
.import-done-section .import-done-text .import-done-button {
  margin-top: 25px;
}

.directorist-import-done-inner,
.import-done-counter,
.import-done-section {
  display: none;
}

.import-done .import-status-string,
.import-done .directorist-import-text-inner {
  display: none;
}
.import-done .import-done-counter,
.import-done .directorist-import-done-inner,
.import-done .import-done-section {
  display: block;
}

.import-progress-warning {
  position: relative;
  top: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #e91e63;
  display: block;
  text-align: center;
}