/* typography */
#directorist.atbd_wrapper {
  padding: 18px 20px;
  /***********************************************************
  ************************************************************
  css for Custom Field
  *************************************************************
  **************************************************************/
  /*
  for shortable field*/
}
#directorist.atbd_wrapper .diectorist-show {
  display: block !important;
}
#directorist.atbd_wrapper .diectorist-hide {
  display: none !important;
}
#directorist.atbd_wrapper a:focus,
#directorist.atbd_wrapper a:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: none;
}
#directorist.atbd_wrapper .atcc_pt_40 {
  padding-top: 40px;
}
#directorist.atbd_wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#directorist.atbd_wrapper .iris-picker,
#directorist.atbd_wrapper .iris-picker * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#directorist.atbd_wrapper #gmap {
  height: 350px;
}
#directorist.atbd_wrapper label {
  margin-bottom: 8px;
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
  color: #202428;
}
#directorist.atbd_wrapper .map_wrapper {
  position: relative;
}
#directorist.atbd_wrapper .map_wrapper #floating-panel {
  position: absolute;
  z-index: 2;
  left: 59px;
  top: 10px;
}
#directorist.atbd_wrapper a.btn {
  text-decoration: none;
}
#directorist.atbd_wrapper [data-toggle=tooltip] {
  color: #a1a1a7;
  font-size: 12px;
}
#directorist.atbd_wrapper [data-toggle=tooltip]:hover {
  color: #202428;
}
#directorist.atbd_wrapper .single_prv_attachment {
  text-align: center;
}
#directorist.atbd_wrapper .single_prv_attachment div {
  position: relative;
  display: inline-block;
}
#directorist.atbd_wrapper .single_prv_attachment div .remove_prev_img {
  position: absolute;
  top: -5px;
  left: -5px;
  background: #d3d1ec;
  line-height: 26px;
  width: 26px;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  color: #ffffff;
  padding: 0;
}
#directorist.atbd_wrapper .single_prv_attachment div .remove_prev_img:hover {
  color: #c81d1d;
}
#directorist.atbd_wrapper #listing_image_btn span {
  vertical-align: text-bottom;
}
#directorist.atbd_wrapper .default_img {
  margin-bottom: 10px;
  text-align: center;
  margin-top: 10px;
}
#directorist.atbd_wrapper .default_img small {
  color: #7a82a6;
  font-size: 13px;
}
#directorist.atbd_wrapper .atbd_pricing_options {
  margin-bottom: 15px;
}
#directorist.atbd_wrapper .atbd_pricing_options label {
  font-size: 13px;
}
#directorist.atbd_wrapper .atbd_pricing_options .bor {
  margin: 0 15px;
}
#directorist.atbd_wrapper .atbd_pricing_options small {
  font-size: 12px;
  vertical-align: top;
}
#directorist.atbd_wrapper .listing-img-container {
  text-align: center;
  padding: 10px 0 15px;
}
#directorist.atbd_wrapper .listing-img-container p {
  margin-top: 15px;
  margin-bottom: 4px;
  color: #7a82a6;
  font-size: 16px;
}
#directorist.atbd_wrapper .listing-img-container small {
  color: #7a82a6;
  font-size: 13px;
}
#directorist.atbd_wrapper .listing-img-container .single_attachment {
  width: 208px;
  display: inline-block;
  position: relative;
}
#directorist.atbd_wrapper .listing-img-container .single_attachment .remove_image {
  position: absolute;
  top: -5px;
  left: -5px;
  background: #d3d1ec;
  line-height: 26px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  color: #9497A7;
}
#directorist.atbd_wrapper .listing-img-container .single_attachment .remove_image:hover {
  color: #EF0000;
}
#directorist.atbd_wrapper .field-options {
  margin-bottom: 15px;
}
#directorist.atbd_wrapper .directorist-hide-if-no-js {
  text-align: center;
  margin: 0;
}
#directorist.atbd_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;
}
#directorist.atbd_wrapper .form-check input {
  vertical-align: top;
  margin-top: 0;
}
#directorist.atbd_wrapper .form-check .form-check-label {
  margin: 0;
  font-size: 15px;
}
#directorist.atbd_wrapper .atbd_optional_field {
  margin-bottom: 15px;
}
#directorist.atbd_wrapper .extension_detail {
  margin-top: 20px;
}
#directorist.atbd_wrapper .extension_detail .btn_wrapper {
  margin-top: 25px;
}
#directorist.atbd_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;
}
#directorist.atbd_wrapper .extension_detail.ext_d p {
  margin: 0;
}
#directorist.atbd_wrapper .extension_detail.ext_d .btn_wrapper {
  width: 100%;
  margin-top: auto;
}
#directorist.atbd_wrapper .extension_detail.ext_d > a,
#directorist.atbd_wrapper .extension_detail.ext_d p,
#directorist.atbd_wrapper .extension_detail.ext_d div {
  display: block;
}
#directorist.atbd_wrapper .extension_detail.ext_d > p {
  margin-bottom: 15px;
}
#directorist.atbd_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;
}
#directorist.atbd_wrapper .ext_title:hover a {
  color: #6e63ff;
}
#directorist.atbd_wrapper .ext_title .text-center {
  text-align: center;
}
#directorist.atbd_wrapper .attc_extension_wrapper {
  margin-top: 30px;
}
#directorist.atbd_wrapper .attc_extension_wrapper .col-md-4 .single_extension .btn {
  padding: 3px 15px;
  font-size: 14px;
}
#directorist.atbd_wrapper .attc_extension_wrapper .single_extension {
  margin-bottom: 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 10px #e1e7f7;
          box-shadow: 0px 5px 10px #e1e7f7;
  padding: 25px;
}
#directorist.atbd_wrapper .attc_extension_wrapper .single_extension img {
  width: 100%;
}
#directorist.atbd_wrapper .attc_extension_wrapper .single_extension.coming_soon img {
  opacity: 0.6;
}
#directorist.atbd_wrapper .attc_extension_wrapper .single_extension.coming_soon a {
  pointer-events: none !important;
}
#directorist.atbd_wrapper .attc_extension_wrapper .single_extension.coming_soon .ext_title a:after {
  content: "(Coming Soon)";
  color: #ff0000;
  font-size: 14px;
}
#directorist.atbd_wrapper .attc_extension_wrapper .single_extension.coming_soon .ext_title:hover a {
  color: inherit;
}
#directorist.atbd_wrapper .attc_extension_wrapper .single_extension.coming_soon .btn {
  opacity: 0.5;
}
#directorist.atbd_wrapper .attc_extension_wrapper__heading {
  margin-bottom: 15px;
}
#directorist.atbd_wrapper .btn_wrapper a + a {
  margin-right: 10px;
}
#directorist.atbd_wrapper.atbd_help_support .wrap_left {
  width: 70%;
}
#directorist.atbd_wrapper.atbd_help_support h3 {
  font-size: 24px;
}
#directorist.atbd_wrapper.atbd_help_support a {
  color: #387dff;
}
#directorist.atbd_wrapper.atbd_help_support a:hover {
  text-decoration: underline;
}
#directorist.atbd_wrapper.atbd_help_support .postbox {
  padding: 30px;
}
#directorist.atbd_wrapper.atbd_help_support .postbox h3 {
  margin-bottom: 20px;
}
#directorist.atbd_wrapper.atbd_help_support .wrap {
  display: inline-block;
  vertical-align: top;
}
#directorist.atbd_wrapper.atbd_help_support .wrap_right {
  width: 27%;
}
#directorist.atbd_wrapper.atbd_help_support .wrap_right .postbox {
  background: #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);
}
#directorist.atbd_wrapper.atbd_help_support .wrap_right .postbox h3 {
  color: #fff;
  margin-bottom: 25px;
}
#directorist.atbd_wrapper .shortcode_table td {
  font-size: 14px;
  line-height: 22px;
}
#directorist.atbd_wrapper ul.atbdp_pro_features li {
  font-size: 16px;
  margin-bottom: 12px;
}
#directorist.atbd_wrapper ul.atbdp_pro_features li a {
  color: #ededed;
}
#directorist.atbd_wrapper ul.atbdp_pro_features li a:hover {
  color: #fff;
}
#directorist.atbd_wrapper .atbdp-radio-list li label,
#directorist.atbd_wrapper .atbdp-checkbox-list li label {
  text-transform: capitalize;
  font-size: 13px;
}
#directorist.atbd_wrapper .atbdp-radio-list li label input,
#directorist.atbd_wrapper .atbdp-checkbox-list li label input {
  margin-left: 7px;
}
#directorist.atbd_wrapper .single_thm .ext_title h4 {
  text-align: center;
}
#directorist.atbd_wrapper .single_thm .btn_wrapper {
  text-align: center;
}
#directorist.atbd_wrapper .postbox table.widefat {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #eff2f5;
}
#directorist.atbd_wrapper #atbdp-field-details td {
  color: #555;
  font-size: 17px;
  width: 8%;
}
#directorist.atbd_wrapper #atbdp-field-options td {
  color: #555;
  font-size: 17px;
  width: 8%;
}
#directorist.atbd_wrapper .atbdp-tick-cross {
  margin-right: 18px;
}
#directorist.atbd_wrapper .atbdp-tick-cross2 {
  margin-right: 25px;
}
#directorist.atbd_wrapper .ui-sortable tr:hover {
  cursor: move;
}
#directorist.atbd_wrapper .ui-sortable tr.alternate {
  background-color: #f9f9f9;
}
#directorist.atbd_wrapper .ui-sortable tr.ui-sortable-helper {
  background-color: #f9f9f9;
  border-top: 1px solid #dfdfdf;
}
#directorist.atbd_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: #f2f4f7;
  z-index: 1;
}

#shortcode-updated .input label span {
  background: #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;
}

#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: #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: #ff0000;
  color: #fff;
}

.plupload-thumbs .thumb {
  position: relative;
  height: auto !important;
}
.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-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: #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: #e23636;
}

.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: #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: 0.2em;
  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: #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: #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(../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: #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;
  font-weight: 500;
}
.csv-action-steps ul li.active .step {
  background: #272b41;
  color: #fff;
}
.csv-action-steps ul li.active .step-text {
  color: #272b41;
}
.csv-action-steps ul li.done:before {
  content: url(../images/8421bda85ddefddf637d87f7ff6a8337.png);
}
.csv-action-steps ul li.done .step {
  background: #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: #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;
}
.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label {
  display: inline-block;
}
.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: #5a5f7d;
  color: #fff;
  font-weight: 500;
}
.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: 15px;
}
.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: #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: #f4f5f7;
}
.csv-wrapper form .atbdp-actions .button {
  background: #2c99ff;
  color: #fff;
  border: 0 none;
  line-height: 44px;
  padding: 0 20px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 15px;
}
.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 span.importer-notice {
  display: block;
  color: #5a5f7d;
  font-size: 15px;
  padding-bottom: 13px;
}
.csv-wrapper .directorist-importer__importing span.importer-details {
  display: block;
  color: #5a5f7d;
  font-size: 15px;
  padding-top: 13px;
}
.csv-wrapper .directorist-importer__importing progress {
  border-radius: 15px;
  width: 100%;
  height: 30px;
  overflow: hidden;
}
.csv-wrapper .directorist-importer__importing progress::-webkit-progress-bar {
  background: #e8f0f8;
  border-radius: 15px;
}
.csv-wrapper .directorist-importer__importing progress::-webkit-progress-value {
  background: #2c99ff;
}
.csv-wrapper .directorist-importer__importing progress::-moz-progress-bar {
  background: #e8f0f8;
  border-radius: 15px;
  border: none;
  box-shadow: none;
}
.csv-wrapper .directorist-importer__importing progress[value]::-moz-progress-bar {
  background: #2c99ff;
}
.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: #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: #f4f5f7;
}
.csv-wrapper .csv-import-done .atbdp-actions .button {
  background: #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: #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: #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: 0.375rem 0.375rem;
  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: #444752;
  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: 1.25rem;
}
.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: #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: #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: #fff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
#atbds_r-viewing .atbds_form-row .button-secondary:hover {
  background: #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: #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;
}
.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: #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: #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: 1.3em;
}

.atbdp-card-icon {
  display: block;
  font-size: 4rem;
}

.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: #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: 3rem;
  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: #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: #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: #f1f1f1;
}

.atbdp-tab-nav-menu__link:hover {
  color: #555;
  background: #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: 2rem;
  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: #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: #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: #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: #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: #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: #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: #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: #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: #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: #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: #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: #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: #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: #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: #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: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  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: #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: #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);
  }
}
.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;
  background-color: #fff;
  padding: 0 30px;
}
@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 {
  min-width: 150px;
}
.directorist_builder-header .directorist_builder-links {
  margin: 0;
  padding: 0;
}
.directorist_builder-header .directorist_builder-links li {
  display: inline-block;
  margin-bottom: 0;
}
.directorist_builder-header .directorist_builder-links li:not(:last-child) {
  margin-left: 18px;
}
.directorist_builder-header .directorist_builder-links a {
  display: block;
  padding: 26px 0;
  text-decoration: none;
  font-size: 14px;
  color: #5a5f7d;
}
@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 .directorist_builder__title {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 30px;
  color: #272b41;
}

.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: #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;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (max-width: 1199px) {
  .directorist_builder__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.directorist_builder__content .directorist_btn.directorist_btn-success {
  background-color: #08bf9c;
}
.directorist_builder__content .directorist_builder__content--left {
  width: 360px;
  margin-left: 30px;
  margin-top: 38px;
}
@media only screen and (max-width: 1599px) {
  .directorist_builder__content .directorist_builder__content--left {
    width: 320px;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 1499px) {
  .directorist_builder__content .directorist_builder__content--left {
    width: 240px;
    margin-left: 15px;
  }
}
@media only screen and (max-width: 1399px) {
  .directorist_builder__content .directorist_builder__content--left {
    width: 230px;
  }
}
@media only screen and (max-width: 1199px) {
  .directorist_builder__content .directorist_builder__content--left {
    width: 320px;
  }
}
@media only screen and (max-width: 575px) {
  .directorist_builder__content .directorist_builder__content--left {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
}
.directorist_builder__content .directorist_builder__content--left .directorist_link-block {
  width: 100%;
  min-height: 126px;
  display: -webkit-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;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.062745098);
          box-shadow: 0 5px 10px rgba(173, 180, 210, 0.062745098);
  text-decoration: none;
  text-align: center;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 575px) {
  .directorist_builder__content .directorist_builder__content--left .directorist_link-block {
    min-width: 100%;
    margin: 0;
  }
}
.directorist_builder__content .directorist_builder__content--left .directorist_link-block.directorist_link-block-primary {
  background-color: #3e62f5;
}
.directorist_builder__content .directorist_builder__content--left .directorist_link-block.directorist_link-block-success {
  background-color: #08bf9c;
}
.directorist_builder__content .directorist_builder__content--left .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;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.directorist_builder__content .directorist_builder__content--left .directorist_link-block .directorist_link-icon i {
  font-weight: 900;
  color: #fff;
}
.directorist_builder__content .directorist_builder__content--left .directorist_link-block .directorist_link-text {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
  margin-top: 15px;
}
@media only screen and (max-width: 1199px) {
  .directorist_builder__content .directorist_builder__content--left .directorist_link-block .directorist_link-text {
    font-size: 15px;
  }
}
.directorist_builder__content .directorist_builder__content--left .directorist_btn-migrate {
  margin-top: 20px;
}
.directorist_builder__content .directorist_builder__content--left .directorist_btn-import .directorist_link-icon {
  border: 0 none;
}
.directorist_builder__content .directorist_builder__content--left .directorist_btn-import .directorist_link-icon i {
  font-size: 24px;
}
.directorist_builder__content .directorist_builder__content--left .directorist_btn-import .directorist_link-text {
  margin-top: 12px;
}
.directorist_builder__content .directorist_builder__content--left .directorist_link-block + .directorist_link-block {
  margin-top: 20px;
}
.directorist_builder__content .directorist_builder__content--right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (max-width: 1199px) {
  .directorist_builder__content .directorist_builder__content--right {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
    margin-top: 30px;
  }
}
.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav {
  margin-bottom: 20px;
}
.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul .directorist_builder--tab-item {
  margin-bottom: 0;
}
.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul .directorist_builder--tab-item:not(:last-child) {
  margin-left: 20px;
}
.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul .directorist_builder--tab-item .atbd_tn_link {
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #5a5f7d;
}
.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul .directorist_builder--tab-item .atbd_tn_link:focus {
  outline: none;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
}
.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul .directorist_builder--tab-item .atbd_tn_link .directorist_count {
  pointer-events: none;
  color: #868eae;
  font-weight: 400;
  margin-right: 5px;
}
.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul .directorist_builder--tab-item .atbd_tn_link.tabItemActive {
  color: #3e62f5;
}
.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul .directorist_builder--tab-item .atbd_tn_link.tabItemActive .directorist_count {
  color: #868eae;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent {
  padding: 20px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.062745098);
          box-shadow: 0 5px 10px rgba(173, 180, 210, 0.062745098);
}
@media only screen and (max-width: 1399px) {
  .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent {
    padding: 10px;
  }
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_all-listing-table {
  padding-bottom: 75px;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  text-align: right;
  border-spacing: 0;
  empty-cells: show;
  margin-bottom: 0;
  margin-top: 0;
  overflow: visible !important;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead {
  background-color: #f4f5f7;
  border-radius: 6px;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th {
  padding: 16px 20px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  color: #5a5f7d;
}
@media only screen and (max-width: 1399px) {
  .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th {
    padding: 15px 10px;
  }
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th:first-child {
  border-radius: 0 6px 6px 0;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th:last-child {
  border-radius: 6px 0 0 6px;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-title {
  min-width: 300px;
}
@media only screen and (max-width: 1599px) {
  .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-title {
    min-width: 200px;
  }
}
@media only screen and (max-width: 1399px) {
  .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-title {
    min-width: 140px;
  }
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-count {
  min-width: 150px;
  text-align: left;
}
@media only screen and (max-width: 1599px) {
  .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-count {
    min-width: 110px;
  }
}
@media only screen and (max-width: 1399px) {
  .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-count {
    min-width: 70px;
  }
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-count .directorist_listing-count-title {
  display: block;
  margin-left: 40px;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-c-date {
  min-width: 160px;
}
@media only screen and (max-width: 1399px) {
  .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-c-date {
    min-width: 140px;
  }
}
@media only screen and (max-width: 1299px) {
  .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-c-date {
    min-width: 120px;
  }
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-c-action {
  min-width: 200px;
  text-align: left;
}
@media only screen and (max-width: 1499px) {
  .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-c-action {
    min-width: 130px;
  }
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td {
  background-color: #f8f9fb;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td .directorist_title {
  color: #3e62f5;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td .directorist_listing-actions a {
  color: #fff;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td .directorist_listing-actions a.directorist_btn-primary {
  background-color: #3e62f5;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td .directorist_listing-actions a.directorist_btn-danger.directorist_btn-transparent {
  color: #ff272a;
  background-color: rgba(255, 39, 42, 0.1);
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td .directorist_listing-actions .directorist_more-dropdown-toggle {
  background-color: #eff0f3 !important;
  padding: 0 !important;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td .directorist_listing-actions .directorist_more-dropdown-toggle i,
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td .directorist_listing-actions .directorist_more-dropdown-toggle svg {
  color: #5a5f7d;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td {
  font-size: 14px;
  font-weight: 400;
  color: #5a5f7d;
  padding: 15px 20px;
}
@media only screen and (max-width: 1499px) {
  .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td {
    padding: 15px 8.5px;
  }
}
@media only screen and (max-width: 1299px) {
  .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td {
    padding: 15px 5.5px;
    position: relative;
  }
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td:first-child {
  border-radius: 0 6px 6px 0;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td:last-child {
  border-radius: 6px 0 0 6px;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_title {
  font-size: 15px;
  font-weight: 500;
  color: #272b41;
  text-decoration: none;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_title:hover {
  color: #3e62f5;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-id {
  display: block;
  margin-top: 6px;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_badge {
  font-size: 10px;
  padding: 0.25em 0.55em 0.2em;
  letter-spacing: 1px;
  background-color: #868eae;
  color: #fff;
  text-transform: uppercase;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-count {
  display: block;
  text-align: left;
  margin-left: 40px;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions {
  margin: -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: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
@media only screen and (max-width: 1225px) {
  .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_loader {
  position: absolute;
  left: 0;
  top: 12px;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_custom-checkbox input[type=checkbox] + label {
  padding-top: 1px;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_custom-checkbox input[type=checkbox] + label:after {
  width: 15px;
  height: 15px;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_custom-checkbox input[type=checkbox] + label:before {
  font-size: 9px;
  right: 5px;
  top: 5px;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions a {
  color: #5a5f7d;
  display: inline-block;
  text-decoration: none;
  margin: 5px;
  border-radius: 6px;
  background-color: #f4f5f7;
  padding: 0 15.78px;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  line-height: 2.75;
}
@media only screen and (max-width: 1399px) {
  .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions a {
    padding: 0 10px;
    line-height: 2.5;
  }
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions a i,
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions a svg,
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions a img {
  margin-left: 8px;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions a:hover {
  color: #fff;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_listing-type-checkbox-wrap {
  position: relative;
  display: inline-block;
  margin: 5px 15px 5px 5px;
}
@media only screen and (max-width: 1399px) {
  .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_listing-type-checkbox-wrap {
    margin: 5px;
  }
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_listing-type-checkbox-wrap .directorist_loader {
  position: absolute;
  left: -60px;
  top: 6%;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_listing-type-checkbox-wrap .directorist_listing-type-default {
  pointer-events: none;
}
.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .atbd-listing-type-active-status {
  margin-top: 15px;
  margin-right: 0;
}

.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;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.directorist_listing-slug-text--editable {
  border-color: #c6d0dc;
}
.directorist_listing-slug-text--editable:focus {
  border-color: #c6d0dc;
  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 {
  margin: 6px 0 0;
}
.directorist-type-slug .directorist-slug-notice.directorist-slug-notice-error {
  color: #EF0000;
}
.directorist-type-slug .directorist-slug-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: #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: #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: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  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-in-out;
  transition: all 0.3s ease-in-out;
  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 #eff1f6;
  border-radius: 5px;
  position: relative;
}
.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;
}
.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;
}

@-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: 4px !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: #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 .listing-prv-img-container {
  text-align: center;
}

.select2.select2-container .select2-selection--single {
  border: 1px solid #8c8f94;
  height: 40px;
}
.select2.select2-container .select2-selection--single .select2-selection__rendered {
  height: 40px;
  line-height: 38px;
  padding: 0 15px;
}
.select2.select2-container .select2-results__option i,
.select2.select2-container .select2-results__option span.las,
.select2.select2-container .select2-results__option span.lab,
.select2.select2-container .select2-results__option span.la,
.select2.select2-container .select2-results__option span.fas,
.select2.select2-container .select2-results__option span.fab,
.select2.select2-container .select2-results__option span.far,
.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;
}

.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: #444752;
  -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 .directorist-error__msg {
  color: #EF0000;
  font-size: 14px;
}

.entry-content .directorist-search-contents {
  width: 100% !important;
  max-width: 100% !important;
}

/* directorist module style */
.directorist-content-module {
  border: 1px solid #e3e6ef;
}
.directorist-content-module__title {
  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;
  -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-content-module__title h4 {
  margin: 0 !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}
.directorist-content-module__contents {
  padding: 30px;
}

.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;
}

/* form required */
.directorist-form-required {
  color: red !important;
}

.directory_register_form_wrap .dgr_show_recaptcha {
  margin-bottom: 20px;
}
.directory_register_form_wrap .dgr_show_recaptcha > p {
  font-size: 16px;
  color: #28303d;
  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: #202428;
}

.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;
}

.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 #fff;
  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-map-floating-panel {
  margin-bottom: 15px;
}

.plupload-thumbs .thumb {
  position: relative;
}
.plupload-thumbs .thumb img {
  width: 100%;
}
.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-thumb-actions {
  font-size: 15px !important;
  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: #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;
}
.plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink .directorist-icon-mask:after {
  width: 14px;
  height: 14px;
  background-color: #fff;
}
.plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink:hover {
  background: #e23636;
}
.plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink i {
  font-size: 14px;
}

.plupload-upload-uic {
  width: 420px;
  margin: 0 auto !important;
  border: 1px dashed #dbdee9;
  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 #EFF1F6;
  background: #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;
  color: inherit;
}
.plupload-upload-uic .atbdp-dropbox-file-types {
  margin-top: 10px;
  color: #9299b8;
}

@media (max-width: 575px) {
  .plupload-upload-uic {
    width: 100%;
  }
}
.directorist-address-field .address_result ul,
.directorist-form-address-field .address_result ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.directorist-address-field .address_result ul li,
.directorist-form-address-field .address_result ul li {
  margin-bottom: 0;
  border-bottom: 1px solid #eee;
  list-style: none;
}
.directorist-address-field .address_result ul li a,
.directorist-form-address-field .address_result ul li a {
  color: #5a6671;
  display: block;
  padding: 8px 10px;
}

p.status:empty {
  display: none;
}

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

.directorist-checkout-form ul {
  list-style-type: none;
}

.select2-container--open .select2-dropdown--above {
  top: 0;
  border-color: #ececec;
}

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

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: 0;
}
.select2-container--default .select2-results__option {
  margin: 0;
}

.taxonomy-at_biz_dir-category .select2-container--open .select2-dropdown--above {
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  margin-right: 0;
  margin-top: 8.5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group {
  margin-bottom: 0;
  padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control {
  height: 24.5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
  margin: 0;
}

.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: #5A5F7D;
}
.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: #fff;
  border: 2px solid #C6D0DC;
}
.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: #eee;
}
.custom-checkbox input[type=radio] + .radio--select + label span.active {
  color: #fa8b0c;
}
.custom-checkbox input[type=checkbox]:checked + .check--select + label:after,
.custom-checkbox input[type=radio]:checked + .radio--select + label:after {
  background-color: #00B158;
  border-color: #00B158;
}
.custom-checkbox input[type=checkbox]:checked + .check--select + label:before,
.custom-checkbox input[type=radio]:checked + .radio--select + label:before {
  opacity: 1;
  color: #fff;
}

.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-form-builder-header-action-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-form-builder-header-action-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-form-builder-header-action-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-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-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(0, 0, 0, 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(0, 0, 0, 0.06);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 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(0, 0, 0, 0.05);
          box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 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(0, 0, 0, 0.0470588) 0 0 0 1px inset !important;
          box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(0, 0, 0, 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: #fff;
}

.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__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: #202428 !important;
  padding: 30px 0;
  border-radius: 4px;
  color: #fff !important;
  font-size: 17px !important;
  min-height: 118px;
  text-decoration: none !important;
  text-align: center;
  /* Legacy Icon */
}
.directorist-add-listing-types__single__link .directorist-icon-mask {
  margin-bottom: 10px;
}
.directorist-add-listing-types__single__link .directorist-icon-mask:after {
  width: 17px;
  height: 17px;
  background-color: #fff;
}
.directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) {
  display: inline-block;
  margin-bottom: 10px;
}

.directorist-add-listing-form .directorist-content-module,
#directiost-listing-fields_wrapper .directorist-content-module {
  background: #fff;
  margin-bottom: 35px;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-group:not(:last-child),
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group:not(:last-child) {
  margin-bottom: 15px;
}
.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: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: 54px;
}
.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: 42px;
  top: 34px;
}
.directorist-add-listing-form .directorist-alert-required,
#directiost-listing-fields_wrapper .directorist-alert-required {
  display: block;
  margin-top: 5px;
  color: #e80000;
  font-size: 13px;
}

/* ==========================
    add listing form fields
============================= */
/* listing label */
.directorist-form-label {
  display: block;
  color: #202428;
  margin-bottom: 10px;
  font-weight: 500;
}

/* listing type */
.directorist-form-listing-type__title {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  color: #272b41;
  letter-spacing: normal;
}
.directorist-form-listing-type__single:not(:last-child) {
  margin-bottom: 20px;
}
.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label {
  font-size: 15px;
  color: #202428;
  padding-right: 23px;
  font-weight: 700;
}
.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label small {
  font-weight: normal;
  color: #00AC17;
}

/* 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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -5px 10px;
}
.directorist-form-pricing-field__options .directorist-checkbox,
.directorist-form-pricing-field__options .directorist-form-pricing-field__options__divider,
.directorist-form-pricing-field__options .directorist-form-pricing-field__options__info {
  padding: 0 5px;
}
.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label {
  font-size: 15px;
  font-weight: 700;
  min-height: 18px;
}
.directorist-form-pricing-field .directorist-form-element {
  min-width: 100%;
}
.directorist-form-pricing-field select.directorist-form-element {
  padding: 0 20px;
}

.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: 0 15px;
}
.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered {
  line-height: 26px;
}
.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;
}

/* social info */
.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;
  margin: 0 -10px;
}
.directorist-form-social-fields .directorist-form-group {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 10px;
}
.directorist-form-social-fields .directorist-form-group.directorist-form-social-fields__action {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  margin-bottom: 15px;
}
.directorist-form-social-fields .directorist-form-group select.directorist-form-element {
  padding: 0 20px;
}
.directorist-form-social-fields .directorist-form-social-fields__remove {
  color: #fff;
  height: 42px;
  background: #e23636;
  border-radius: 3px;
  padding: 0 22px 0 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;
  cursor: pointer;
}

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

.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;
  margin: 15px -15px 0;
}
.directorist-map-coordinates .directorist-form-group {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 15px;
  padding-left: 15px;
  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-form-map-field__wrapper {
  margin-bottom: 10px;
}

.directorist-form-map-field__maps #gmap {
  height: 400px;
}

/* image upload */
.directorist-form-image-upload-field .ezmu__btn.ezmu__input-label {
  background: #222222;
  color: #fff;
}
.directorist-form-image-upload-field .ezmu__info-list-item {
  margin-left: 15px !important;
}
.directorist-form-image-upload-field .ezmu__info-list-item:empty {
  display: none;
}

.directorist-add-listing-wrapper {
  max-width: 750px !important;
  margin: 0 auto;
}
.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back {
  height: 200px;
  width: 100%;
}
.directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 {
  font-size: 30px;
}
.directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-3 {
  font-size: 20px;
  margin-bottom: 1rem;
}
.directorist-add-listing-wrapper .ezmu__btn {
  margin-bottom: 25px;
  background-color: #202428;
  color: #fff;
}
.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 .ezmu__info-list-item:not(:last-child) {
  margin-left: 30px;
}

/* form action */
.directorist-add-listing-form__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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: 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-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 {
  margin-top: 10px;
}
.directorist-add-listing-form__action .directorist-form-group {
  text-align: center;
}
.directorist-add-listing-form__action .directorist-form-required {
  padding-right: 5px;
}

/* 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: #fff;
  border-radius: 10px;
  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;
}

.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-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ez-media-uploader {
  text-align: 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: #EF0000;
  border: 1px solid #EF0000;
  color: #fff;
}

#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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.directorist-custom-field-radio .directorist-form-label,
.directorist-custom-field-radio .directorist-custom-field-btn-more,
.directorist-custom-field-checkbox .directorist-form-label,
.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 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
@media only screen and (max-width: 1599px) {
  .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 33.333%;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
  }
}
@media only screen and (max-width: 1199px) {
  .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 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@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 {
  font-size: 14px;
  font-family: "Line Awesome Free";
  content: "\f107";
  font-weight: 900;
  padding-right: 5px;
}
.directorist-custom-field-radio .directorist-custom-field-btn-more.active:after,
.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after {
  content: "\f106";
}

.directorist-add-listing-form .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.directorist-add-listing-form .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  margin-right: 0;
  margin-top: 0;
}
.directorist-add-listing-form .select2-container--default .select2-selection--multiple .select2-selection__rendered li input {
  margin-top: 0;
}

.directorist-zipcode-search {
  position: relative;
}
.directorist-zipcode-search .error_message {
  display: -webkit-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;
  right: 0;
  bottom: -22px;
  margin: 0;
}
.directorist-zipcode-search .error_message p {
  margin: 0;
  color: #f00;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.directorist-zipcode-search .error_message i {
  display: none;
}

#directorist_add-listing-privacy_policy,
#directorist_add-listing-_t {
  display: block;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
#directorist_add-listing-privacy_policy::after,
#directorist_add-listing-_t::after {
  display: none;
}

.upload-error {
  display: block !important;
  clear: both;
  background: #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: #ececec;
  border: solid 1px #ccc;
  margin-bottom: 4px;
  clear: both;
  text-align: right;
}

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

.plupload-upload-uic .directorist-btn {
  padding: 0 1.44em;
  line-height: 2.65;
  font-size: 14px;
}

.plupload-thumbs {
  clear: both;
  margin: 20px 0px;
  overflow: hidden;
}

.plupload-thumbs .thumb {
  border: 1px solid #ebebeb;
  float: right;
  height: 100px !important;
  width: 100px !important;
  position: relative;
  padding: 3px;
  margin: 2px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-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;
}

.plupload-thumbs .thumb:hover .atbdp-thumb-actions {
  display: block;
}

.plupload-thumbs .atbdp-thumb-actions {
  background-color: rgba(0, 0, 0, 0.5);
  margin-top: -25px;
  position: relative;
  color: #fff;
  font-size: 20px;
  display: none;
  z-index: 3;
  line-height: 0;
}

.plupload-thumbs .atbdp-thumb-actions .thumbeditlink, .plupload-thumbs .atbdp-thumb-actions .thumbremovelink {
  width: 50%;
  display: inline-block;
  cursor: pointer;
}

.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(51, 181, 229, 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: #ddd;
  outline: 0;
}

.leaflet-container a {
  color: #0078A8;
}

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

.leaflet-zoom-box {
  border: 2px dotted #38f;
  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: #fff;
  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: #fff;
  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: #fff;
}

.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: #fff;
  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: #fff;
  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: 12px;
}

.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: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  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: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-right: -6px;
  border-bottom-color: #fff;
}

.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: #fff;
}

.leaflet-tooltip-right:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

#map {
  width: 100%;
  height: 600px;
  border: 1px solid #ccc;
}

#progress {
  display: none;
  position: absolute;
  z-index: 1000;
  right: 400px;
  top: 300px;
  width: 200px;
  height: 20px;
  margin-top: -20px;
  margin-right: -100px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 4px;
  padding: 2px;
}

#progress-bar {
  width: 0;
  height: 100%;
  background-color: #76A6FC;
  border-radius: 4px;
}

.italic {
  font-style: italic;
}

.buttonsTable {
  border: 1px solid grey;
  border-collapse: collapse;
}

.buttonsTable td, .buttonsTable th {
  padding: 0.5em;
  border: 1px solid grey;
}

.version-disabled {
  text-decoration: line-through;
}

/*
for shortable 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;
}
.directorist-form-group textarea,
.directorist-form-group textarea.directorist-form-element {
  min-height: unset;
  height: auto;
}

.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;
}
.directorist-form-group .directorist-form-element:focus {
  outline: none;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
}

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

.directorist-form-group.directorist-icon-left .directorist-form-element {
  padding-right: 35px;
}
.directorist-form-group.directorist-icon-left .directorist-input-icon {
  right: 15px;
  margin-top: 0;
}
.directorist-form-group.directorist-icon-right .directorist-form-element {
  padding-left: 35px;
}
.directorist-form-group.directorist-icon-right .directorist-input-icon {
  left: 15px;
}
.directorist-form-group .directorist-input-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1.45;
  margin-top: -2px;
  z-index: 99;
}
.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-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: #ffffff;
  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: #ECEEF2;
}
.directorist-tab-navigation-list-item.--is-active {
  color: #ffffff;
  background-color: #4353FF;
}
.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 #4353FF;
  -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: #585A6A;
  background-color: #ECEEF2;
}
.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: #585A6A;
}
.directorist-tab-navigation-list-item-link.--is-active {
  cursor: default;
  color: #ffffff;
  background-color: #4353FF;
}
.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 #4353FF;
  -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 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;
  font-size: 15px;
  font-weight: 500;
  color: #202428;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  padding: 11px 26px;
  min-height: 45px;
  line-height: 1.5;
  border-radius: 5px;
  background: #EEF1F3;
  border-color: transparent;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.directorist-btn:focus {
  outline: 0 !important;
  text-decoration: none !important;
}

.directorist-btn.directorist-btn-primary {
  background: #444752;
  color: #fff;
}
.directorist-btn.directorist-btn-primary:focus {
  background: #444752 !important;
}
.directorist-btn.directorist-btn-secondary {
  background: #122069;
  color: #fff;
}
.directorist-btn.directorist-btn-dark {
  background: #202428;
  color: #fff;
}
.directorist-btn.directorist-btn-success {
  background: #00AC17;
  color: #fff;
}
.directorist-btn.directorist-btn-info {
  background: #2C99FF;
  color: #fff;
}
.directorist-btn.directorist-btn-lighter {
  background-color: #F6F7F9;
  color: #202428;
}
.directorist-btn.directorist-btn-warning {
  background: #EF8000;
  color: #fff;
}
.directorist-btn.directorist-btn-danger {
  background: #EF0000;
  color: #fff;
}
.directorist-btn.directorist-btn-bg-normal {
  background: #F9F9F9;
}
.directorist-btn.directorist-btn-bg-light {
  background: #F4F5F6;
}

.directorist-btn.directorist-btn-outline {
  background: transparent;
  border: 1px solid #EFF1F6 !important;
}
.directorist-btn.directorist-btn-outline-normal {
  background: transparent;
  border: 1px solid #ececec !important;
}
.directorist-btn.directorist-btn-outline-light {
  background: transparent;
  border: 1px solid #c6d0dc !important;
}
.directorist-btn.directorist-btn-outline-primary {
  background: transparent;
  border: 1px solid #444752 !important;
}
.directorist-btn.directorist-btn-outline-secondary {
  background: transparent;
  border: 1px solid #122069 !important;
}
.directorist-btn.directorist-btn-outline-success {
  background: transparent;
  border: 1px solid #00AC17 !important;
}
.directorist-btn.directorist-btn-outline-info {
  background: transparent;
  border: 1px solid #2C99FF !important;
}
.directorist-btn.directorist-btn-outline-warning {
  background: transparent;
  border: 1px solid #EF8000 !important;
}
.directorist-btn.directorist-btn-outline-danger {
  background: transparent;
  border: 1px solid #EF0000 !important;
}
.directorist-btn.directorist-btn-outline-dark {
  background: transparent;
  border: 1px solid #202428 !important;
}

.directorist-btn.directorist-btn-lg {
  min-height: 50px;
}
.directorist-btn.directorist-btn-sm {
  min-height: 40px;
}
.directorist-btn.directorist-btn-xs {
  min-height: 35px;
}
.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;
}

/* Modal Core Styles */
.directorist-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 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% - 5rem);
  pointer-events: none;
}

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

.directorist-modal__content {
  width: 100%;
  background: #fff;
  pointer-events: auto;
  border-radius: 3px;
  position: relative;
}
.directorist-modal__content .directorist-modal__header {
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #ececec;
}
.directorist-modal__content .directorist-modal__header .directorist-modal__header--title {
  font-size: 16px;
  margin: 0;
}
.directorist-modal__content .directorist-modal__header .directorist-modal-close {
  position: absolute;
  left: 15px;
  top: 10px;
  line-height: 1.45;
  padding: 6px;
}
.directorist-modal__content .directorist-modal__body {
  padding: 20px 25px;
}
.directorist-modal__content .directorist-modal__footer {
  border-top: 1px solid #ececec;
  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__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;
}

/* 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);
  }
}
/* Alerts style */
.directorist-alert {
  font-size: 16px;
  word-break: break-word;
  border-radius: 3px;
  background: #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 .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 .directorist-alert__content span.la,
.directorist-alert .directorist-alert__content span.fa,
.directorist-alert .directorist-alert__content i {
  margin-left: 12px;
  line-height: 1.65;
}
.directorist-alert .directorist-alert__content p {
  margin-bottom: 0;
}
.directorist-alert .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 .directorist-alert__close .la,
.directorist-alert .directorist-alert__close .fa,
.directorist-alert .directorist-alert__close i,
.directorist-alert .directorist-alert__close span {
  font-size: 16px;
  margin-right: 10px;
  color: #EF0000;
}
.directorist-alert .directorist-alert__close:focus {
  background-color: transparent;
  outline: none;
}
.directorist-alert a {
  text-decoration: none;
}

.directorist-alert.directorist-alert-primary {
  background: rgba(68, 71, 82, 0.1);
  color: #444752;
}
.directorist-alert.directorist-alert-primary .directorist-alert__close {
  color: #444752;
}
.directorist-alert.directorist-alert-info {
  background: #DCEBFE;
  color: #157CF6;
}
.directorist-alert.directorist-alert-info .directorist-alert__close {
  color: #157CF6;
}
.directorist-alert.directorist-alert-warning {
  background: #FEE9D9;
  color: #F56E00;
}
.directorist-alert.directorist-alert-warning .directorist-alert__close {
  color: #F56E00;
}
.directorist-alert.directorist-alert-danger {
  background: #FCD9D9;
  color: #E80000;
}
.directorist-alert.directorist-alert-danger .directorist-alert__close {
  color: #E80000;
}
.directorist-alert.directorist-alert-success {
  background: #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.7;
  padding: 0 3px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px;
}

.directorist-badge.directorist-badge-primary {
  background-color: #444752;
}
.directorist-badge.directorist-badge-warning {
  background-color: #EF8000;
}
.directorist-badge.directorist-badge-info {
  background-color: #2C99FF;
}
.directorist-badge.directorist-badge-success {
  background-color: #00AC17;
}
.directorist-badge.directorist-badge-danger {
  background-color: #EF0000;
}
.directorist-badge.directorist-badge-light {
  background-color: #ffffff;
}
.directorist-badge.directorist-badge-gray {
  background-color: #525768;
}

.directorist-badge.directorist-badge-primary-transparent {
  color: #444752;
  background-color: rgba(68, 71, 82, 0.15);
}
.directorist-badge.directorist-badge-warning-transparent {
  color: #EF8000;
  background-color: rgba(239, 128, 0, 0.15);
}
.directorist-badge.directorist-badge-info-transparent {
  color: #2C99FF;
  background-color: rgba(44, 153, 255, 0.15);
}
.directorist-badge.directorist-badge-success-transparent {
  color: #00AC17;
  background-color: rgba(0, 172, 23, 0.15);
}
.directorist-badge.directorist-badge-danger-transparent {
  color: #EF0000;
  background-color: rgba(239, 0, 0, 0.15);
}
.directorist-badge.directorist-badge-light-transparent {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.15);
}
.directorist-badge.directorist-badge-gray-transparent {
  color: #525768;
  background-color: rgba(82, 87, 104, 0.15);
}

.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;
}
.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;
  line-height: 1.3;
  font-weight: 400;
  color: #767792;
  -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 {
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  content: "";
  border: 1px solid #C6D0DC;
  background-color: #fff;
}
.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: #202428;
  border-color: #202428;
}
.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(../images/e986e970b493125f349fc279b4b3d57b.svg);
          mask-image: url(../images/e986e970b493125f349fc279b4b3d57b.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 10px;
  height: 10px;
  background-color: #fff;
  display: block;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 2;
}

.directorist-radio input[type=radio] + .directorist-radio__label:before {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #202428 !important;
  border: 0 none;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  content: "";
}
.directorist-radio input[type=radio]:checked + .directorist-radio__label:after {
  background-color: #fff;
}

.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: #444752;
  border-color: #444752;
}
.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: #122069;
  border-color: #122069;
}
.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: #00AC17;
  border-color: #00AC17;
}
.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: #3e62f5;
  border-color: #3e62f5;
}

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

.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before {
  width: 8px;
  height: 8px;
  top: 5px;
  right: 5px;
  background-color: #fff !important;
}
.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:after {
  width: 16px;
  height: 16px;
  border-color: #C6D0DC;
}
.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: 5px !important;
  right: 5px !important;
  border-radius: 50%;
  background-color: #fff !important;
  content: "";
}
.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:after {
  width: 16px;
  height: 16px;
  border-color: #C6D0DC;
}
.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked + .directorist-checkbox__label:after {
  background-color: #3e62f5;
  border-color: #3e62f5;
}
.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: 1.6rem;
  height: 1.65rem;
  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: #202428;
}
.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: #51526E;
}
.directorist-switch .directorist-switch-label:before {
  position: absolute;
  top: 0.05rem;
  right: 4px;
  display: block;
  width: 44px;
  height: 24px;
  border-radius: 15px;
  pointer-events: all;
  content: "";
  background-color: #ECECEC;
}
.directorist-switch .directorist-switch-label:after {
  position: absolute;
  display: block;
  content: "";
  background: no-repeat 50%/50% 50%;
  top: calc(0.05rem + 4px);
  right: 8px;
  background-color: #fff !important;
  width: 16px;
  height: 16px;
  background-color: #fff;
  -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;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  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;
  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: #444752;
}
.directorist-switch.directorist-switch-success .directorist-switch-input:checked + .directorist-switch-label:before {
  background-color: #00AC17;
}
.directorist-switch.directorist-switch-secondary .directorist-switch-input:checked + .directorist-switch-label:before {
  background-color: #122069;
}
.directorist-switch.directorist-switch-danger .directorist-switch-input:checked + .directorist-switch-label:before {
  background-color: #EF0000;
}
.directorist-switch.directorist-switch-warning .directorist-switch-input:checked + .directorist-switch-label:before {
  background-color: #EF8000;
}
.directorist-switch.directorist-switch-info .directorist-switch-input:checked + .directorist-switch-label:before {
  background-color: #2C99FF;
}

.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: #fff;
}
.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: #fff;
}
.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: 30px;
  width: 25px;
}

.directorist-select2-dropdown-close {
  height: 30px;
  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-form-builder-header-action-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-form-builder-header-action-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-form-builder-header-action-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-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-pb-100 {
  padding-bottom: 100px !important;
}

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

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

.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: 50px;
  border-radius: 4px;
}

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

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

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

.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 {
  display: block;
  color: #23282d;
  background: #fff;
}

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

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

.atbdp-cptm-footer {
  display: block;
  padding: 20px 10px;
  background: #fff;
}

.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 {
  font-weight: 500;
  font-size: 15px;
  height: 50px;
  padding: 0 30px;
}

.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;
}
.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;
  margin-left: 50px;
  padding: 20px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #fff;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  border: 1px dashed #c0c0c0;
}
.cptm-form-builder-group-field-drop-area.drag-enter {
  background-color: #c6c6c6;
}

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

.atbdp-cptm-status-feedback {
  margin: 20px 0;
}

.cptm-alert {
  margin: 5px auto;
  max-width: 500px;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
  background-color: #3e62f5;
  border-radius: 5px;
}

.cptm-alert-success {
  color: #fff;
  background-color: #3e62f5;
}

.cptm-alert-error {
  color: #fff;
  background-color: rgb(197, 22, 22);
}

.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;
  background-color: #f4f5f7;
  border-radius: 6px 6px 0 0;
}

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

.cptm-header-nav__list-item-link {
  display: block;
  padding: 45px 0;
  text-decoration: none;
  border-left: 1px solid #f2f2f2;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  background-color: #f4f5f7;
  position: relative;
  border-bottom: 2px solid transparent;
}
@media only screen and (max-width: 991px) {
  .cptm-header-nav__list-item-link {
    padding: 25px 0;
  }
}
@media (max-width: 480px) {
  .cptm-header-nav__list-item-link {
    padding: 20px 0;
  }
}
.cptm-header-nav__list-item-link.active {
  border-bottom-color: #3e62f5;
}
.cptm-header-nav__list-item-link.active .cptm-header-nav__icon {
  color: #fff;
  background-color: #3e62f5;
}
.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;
  margin-bottom: 15px;
  min-width: 44px;
  min-height: 44px;
  text-align: center;
  font-size: 18px;
  text-align: center;
  border-radius: 50%;
  background: rgba(62, 98, 245, 0.1);
  color: #3e62f5;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -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;
}

.general .cptm-header-nav__icon {
  background: rgba(62, 98, 245, 0.1);
  color: #3e62f5;
}
.general .active .cptm-header-nav__icon {
  background-color: #3e62f5;
}

.submission_form .cptm-header-nav__icon {
  background: rgba(8, 191, 156, 0.1);
  color: #08bf9c;
}
.submission_form .active .cptm-header-nav__icon {
  background-color: #08bf9c;
}

.single_page_layout .cptm-header-nav__icon {
  background: rgba(250, 139, 12, 0.1);
  color: #fa8b0c;
}
.single_page_layout .active .cptm-header-nav__icon {
  background-color: #fa8b0c;
}

.listings_card_layout .cptm-header-nav__icon {
  background: rgba(44, 153, 255, 0.1);
  color: #2c99ff;
}
.listings_card_layout .active .cptm-header-nav__icon {
  background-color: #2c99ff;
}

.search_forms .cptm-header-nav__icon {
  background: rgba(255, 64, 140, 0.1);
  color: #ff408c;
}
.search_forms .active .cptm-header-nav__icon {
  background-color: #ff408c;
}

.cptm-header-nav__label {
  display: block;
  font-weight: bold;
  color: #5a5f7d;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  font-size: 15px;
}

.cptm-title-area {
  margin: 0 auto 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: 24px;
  font-weight: bold;
  color: #23282d;
  line-height: 1.2;
}

.atbdp-cptm-tab-contents {
  display: block;
  background-color: #fff;
}

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

.cptm-tab-content-header {
  background-color: #f8f9fb;
}

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

.cptm-tab-content {
  margin: 0 auto;
  padding: 60px 75px;
  min-height: 100px;
  max-width: 700px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 991px) {
  .cptm-tab-content {
    padding: 60px 25px;
  }
}
@media (max-width: 480px) {
  .cptm-tab-content {
    max-width: 100%;
    padding: 15px 0;
  }
}
.cptm-tab-content.tab-wide {
  max-width: 1200px;
}
.cptm-tab-content.tab-full-width {
  max-width: 1200px;
  padding: 60px 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-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-section {
  margin-bottom: 50px;
}
.cptm-section:last-child {
  margin-bottom: 0;
}

.cptm-form-builder-preset-fields {
  margin: 0 auto;
  max-width: 470px;
}

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

.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;
}
.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 {
  margin: 0;
  max-width: 428px;
  background-color: #f4f5f7;
  padding: 40px;
  border-radius: 6px;
}
@media only screen and (max-width: 991px) {
  .cptm-form-builder-active-fields-container {
    padding: 20px;
  }
}

.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 {
  height: 43px;
  background: rgba(62, 98, 245, 0.1);
  border: 0 none;
  font-size: 14px;
  font-weight: 500;
}

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

.cptm-form-builder-group-header-section {
  margin-bottom: 20px;
}

.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;
}

.cptm-form-builder-group-title-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  background-color: #444752;
  -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1);
          box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1);
}

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

.cptm-form-builder-group-title-area__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-card-placeholder-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 -10px;
}

.cptm-card-placeholder-col {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 10px;
}

.cptm-form-builder-group-title-area__dropable-placeholder {
  margin-left: 15px;
}

.cptm-form-builder-group-title-actions {
  display: block;
}
.cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link {
  color: #fff;
}

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

.cptm-form-builder-group-title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  font-size: 14px;
  color: #fff;
}

.cptm-form-builder-group-options {
  background-color: #fff;
  margin: -5px 0 0 50px;
  padding: 22px 25px 25px;
  -webkit-box-shadow: 0 1px 5px rgba(161, 168, 198, 0.1);
          box-shadow: 0 1px 5px rgba(161, 168, 198, 0.1);
}

.cptm-form-builder-group-fields {
  display: block;
  position: relative;
}

.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: 20px;
  position: relative;
  margin-left: 50px;
  border-radius: 4px;
}

.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-group-field-item-header-actions {
  margin-right: 10px;
  background-color: #fff;
}

.cptm-form-builder-header-action-link {
  display: inline-block;
  padding: 0;
  font-size: 12px;
  margin-right: 5px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  opacity: 0.5;
}
.cptm-form-builder-header-action-link:hover {
  opacity: 1;
}

.action-collapse-up span,
.action-collapse-up span::before {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.action-collapse-down span,
.action-collapse-down span::before {
  -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;
  position: relative;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 20px;
  cursor: move;
  -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1);
          box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1);
  border-radius: 4px;
  background-color: #fff;
  z-index: 8;
}
.cptm-form-builder-group-field-item-header .cptm-title-3 {
  font-size: 14px;
  color: #272b41;
}

.cptm-form-builder-group-field-item-body {
  padding: 22px 25px 25px;
  background-color: #fff;
}
.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle {
  border-bottom: 1px solid #F1F2F6;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group {
  margin-bottom: 0;
}
.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group {
  margin-top: 20px;
}

.cptm-form-builder-field-list {
  margin: -5px -5px -5px -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;
}

.cptm-form-builder-field-list-item {
  list-style: none;
  width: calc(50% - 10px);
  margin: 5px;
  background-color: #f4f5f7;
  padding: 14px 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  display: -webkit-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;
}
.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% - 10px);
  }
}

li[class=cptm-form-builder-field-list-item][draggable=true] {
  cursor: move;
}

.cptm-form-builder-field-list-icon {
  display: inline-block;
  margin-left: 4px;
  width: 22px;
  font-size: 18px;
  color: #272b41;
}

.cptm-form-builder-field-list-label {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #272b41;
}

.cptm-info-text-area {
  margin-bottom: 10px;
}

.cptm-info-text {
  margin: 0;
  padding: 10px 0;
  color: gray;
}

.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;
}

#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;
  min-height: 240px;
}

.cptm-thumbnail-placeholder-icon {
  font-size: 120px;
  color: gainsboro;
}

.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 {
  padding: 0;
  margin: 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-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-sub-nav__item {
  list-style: none;
  margin: 0;
}

.cptm-sub-nav__item-link {
  display: block;
  text-decoration: none;
  padding: 12px 25px;
  border-radius: 30px;
  margin: 22px 5px;
  color: #7a8289;
  font-weight: 600;
  background: #f1f2f6;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active {
  font-weight: 600;
  color: #fff;
  background: #3e62f5;
}
.cptm-sub-nav__item-link.active {
  font-weight: bold;
}

.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;
}

.cptm-options-area {
  width: 300px;
}

.cptm-option-card {
  display: none;
  margin-bottom: 10px;
  opacity: 0;
  border-radius: 5px;
  text-align: right;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all linear 300ms;
  transition: all linear 300ms;
  pointer-events: none;
}
.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: #fff;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-header-action-link:hover {
  color: #fff;
}

.cptm-option-card-header {
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #3e62f5;
}

.cptm-option-card-header-title-section {
  display: -webkit-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: #fff;
  min-height: 56px;
  padding: 0 25px 0 15px;
}

.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;
  color: #fff;
}

.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: 18px 20px 20px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  max-height: 500px;
  overflow-y: auto;
}
.cptm-option-card-body .cptm-form-group:last-child {
  margin-bottom: 0;
}
.cptm-option-card-body .directorist-type-icon-select {
  margin-bottom: 20px;
}
.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector {
  display: block;
}
.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector .icon-picker-selector__btn {
  margin-top: 10px;
}

.cptm-widget-insert-area {
  position: absolute;
  bottom: 0;
  right: 50%;
  z-index: 99;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}

.cptm-widget-insert-wrap {
  position: relative;
}

.cptm-widget-insert-modal-container {
  position: absolute;
  right: 50%;
  top: 0;
  width: 330px;
  -webkit-transform: translate(50%, -100%);
          transform: translate(50%, -100%);
  pointer-events: none;
}
.cptm-widget-insert-modal-container.active {
  pointer-events: all;
}

.cptm-widget-insert-link {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 25px;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  color: #5a5f7d;
}

.cptm-listing-card-preview-body .cptm-widget-insert-link,
.cptm-listing-card-preview-footer .cptm-widget-insert-link {
  background: #23282d;
  color: #fff;
}

.cptm-widget-card-drop-prepend {
  border-radius: 10px;
}

.cptm-widget-card-drop-append {
  display: block;
  width: 100%;
  height: 0;
  border-radius: 10px;
  -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-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 {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.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-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  color: gray;
  font-weight: 600;
  font-size: 16px;
}
.cptm-list-item .cptm-list-item-icon {
  width: 25px;
}
.cptm-list-item .cptm-list-item-label {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-list-item-card {
  display: block;
}

.cptm-widget-badge {
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  font-size: 11px;
  padding: 2px 8px;
  margin: 2px;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
}

.cptm-preview-area {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 20px;
}
@media (max-width: 400px) {
  .cptm-preview-area {
    padding: 0;
  }
}

.cptm-placeholder-blcok {
  padding: 2px;
  position: relative;
  min-height: 54px;
  border: 2px dashed rgba(255, 255, 255, 0.15);
  -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;
  z-index: 99;
}
.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter {
  border-color: rgb(255, 255, 255);
}

.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: 13px;
}
.cptm-placeholder-label.hide {
  display: none;
}

.cptm-listing-card-preview-footer .cptm-placeholder-label {
  color: #868eae;
}

.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-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;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.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%;
}
.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 {
  min-width: 320px;
  min-height: 300px;
}
@media (max-width: 400px) {
  .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header {
    min-width: 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-preview-header {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-listing-card-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-card-preview-thumbnail {
  position: relative;
  height: 280px;
  background: #272b41;
  border-radius: 5px 5px 0 0;
}

.cptm-card-preview-thumbnail-overlay {
  position: relative;
  height: 100%;
  padding: 20px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.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-top-left {
  width: calc(50% - 30px);
  position: absolute;
  top: 20px;
  right: 20px;
}

.cptm-card-preview-top-left-placeholder {
  display: block;
  text-align: right;
}

.cptm-card-preview-top-right {
  position: absolute;
  left: 20px;
  top: 20px;
  width: calc(50% - 30px);
}

.cptm-card-preview-top-right-placeholder {
  text-align: left;
}

.cptm-card-preview-bottom-left {
  position: absolute;
  width: calc(50% - 30px);
  bottom: 53px;
  right: 20px;
}

.cptm-card-preview-bottom-left-placeholder {
  display: block;
  text-align: right;
}

.cptm-card-preview-bottom-right {
  position: absolute;
  bottom: 53px;
  left: 20px;
  width: calc(50% - 30px);
}

.cptm-card-preview-bottom-right-placeholder {
  display: block;
  text-align: left;
}

.cptm-listing-card-preview-body {
  display: block;
  padding: 35px 20px 20px;
  position: relative;
}

.cptm-listing-card-author-avatar {
  z-index: 99;
  position: absolute;
  right: 50%;
  top: 0;
  width: calc(100% - 40px);
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.cptm-listing-card-author-avatar .cptm-placeholder-blcok {
  padding: 0;
  height: 51px;
  min-height: auto;
  text-align: center;
  border-color: rgba(198, 208, 220, 0.5);
}
.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link {
  background: #fff;
  color: #5a5f7d;
}

.cptm-placeholder-author-thumb {
  margin: 0;
}
.cptm-placeholder-author-thumb img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  background: #c6d0dc;
  border: 4px solid #fff;
}

.cptm-widget-title-card {
  margin-bottom: 10px;
  padding: 10px;
  text-align: right;
  color: #bfbfbf;
  font-weight: bold;
  font-size: 18px;
}

.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 {
  color: gray;
  margin-bottom: 5px;
}

.cptm-widget-actions-tools {
  position: absolute;
  width: 75px;
  background: #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-actions-tools-wrap:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  right: -8px;
  top: -8px;
  border: 3px solid #2c99ff;
  padding: 5px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 1;
}
.cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.cptm-widget-actions-tools-wrap:hover:before {
  visibility: visible;
  opacity: 1;
}

.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-listing-card-preview-body-placeholder {
  display: block;
  padding: 10px;
  min-height: 206px;
  border-color: #e3e6ef;
}
.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter {
  border-color: #717171;
}
.cptm-listing-card-preview-body-placeholder .cptm-placeholder-label {
  color: #a1a8c6;
}

.cptm-listing-card-preview-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 20px;
  background-color: #f4f5f7;
  border-radius: 0 0 5px 5px;
}

.cptm-listing-card-preview-footer-left-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 5px;
  border-color: #c6d0dc;
  width: calc(50% - 10px);
  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-right-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-color: #c6d0dc;
  width: calc(50% - 10px);
  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-area {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-card-light.cptm-placeholder-blcok {
  border-color: #c6d0dc;
}
.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.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: #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: 500;
  color: #272b41;
  margin-bottom: 9px;
}
.cptm-form-group .cptm-form-control {
  max-width: 100%;
}
.cptm-form-group.cpt-has-error .cptm-form-control {
  border: 1px solid rgb(192, 51, 51);
}

.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 {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 25px;
  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: 30%;
  height: calc(100% - 10px);
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  -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% - 10px)));
          transform: translateX(calc(-1*(-100% - 10px)));
}

.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;
}

.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: 11px 20px;
  font-size: 14px;
  color: #5a5f7d;
  text-align: right;
  border: 0 none;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 400;
  margin: 0;
  line-height: 18px;
  height: auto;
  min-height: 30px;
  background: #f4f5f7;
}
.cptm-form-control:hover,
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 input[type=text].cptm-form-control:hover {
  color: #23282d;
}

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: 11px 20px;
  font-size: 14px;
  color: #5a5f7d;
  text-align: right;
  border: 0 none;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  font-weight: 400;
  margin: 0;
  line-height: 18px;
  height: auto;
  min-height: 30px;
  background: #f4f5f7;
}
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: #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: #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: 99999;
  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: #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: 3rem;
  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;
  }
}

.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%;
  font-size: 14px;
  font-weight: 500;
  background-color: #F4F5F7;
  color: #5A5F7D;
  border-radius: 4px;
  padding: 13px 15px;
  line-height: 1;
}
.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: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  float: left;
  content: "\f107";
}
.directorist_dropdown .directorist_dropdown-option {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 350px;
  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;
  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 li a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  padding: 9px 10px;
  border-radius: 4px;
  color: #5A5F7D;
}
.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: #f2f2f2;
}

.cptm-import-directory-modal .cptm-file-input-wrap {
  margin: 16px -5px 0 -5px;
}

/* Sticky fields */
.cptm-col-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 4rem;
  height: 100%;
  max-height: calc(100vh - 100px);
  overflow: auto;
}

.reset-pseudo-link:visited, .cptm-btn:visited, .cptm-header-nav__list-item-link:visited, .cptm-link-light:visited, .cptm-form-builder-header-action-link: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-form-builder-header-action-link: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-form-builder-header-action-link: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-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-pb-100 {
  padding-bottom: 100px !important;
}

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

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

.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: 50px;
  border-radius: 4px;
}

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

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

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

.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 {
  display: block;
  color: #23282d;
  background: #fff;
}

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

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

.atbdp-cptm-footer {
  display: block;
  padding: 20px 10px;
  background: #fff;
}

.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 {
  font-weight: 500;
  font-size: 15px;
  height: 50px;
  padding: 0 30px;
}

.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;
}
.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;
  margin-left: 50px;
  padding: 20px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #fff;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  border: 1px dashed #c0c0c0;
}
.cptm-form-builder-group-field-drop-area.drag-enter {
  background-color: #c6c6c6;
}

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

.atbdp-cptm-status-feedback {
  margin: 20px 0;
}

.cptm-alert {
  margin: 5px auto;
  max-width: 500px;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
  background-color: #3e62f5;
  border-radius: 5px;
}

.cptm-alert-success {
  color: #fff;
  background-color: #3e62f5;
}

.cptm-alert-error {
  color: #fff;
  background-color: rgb(197, 22, 22);
}

.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;
  background-color: #f4f5f7;
  border-radius: 6px 6px 0 0;
}

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

.cptm-header-nav__list-item-link {
  display: block;
  padding: 45px 0;
  text-decoration: none;
  border-left: 1px solid #f2f2f2;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  background-color: #f4f5f7;
  position: relative;
  border-bottom: 2px solid transparent;
}
@media only screen and (max-width: 991px) {
  .cptm-header-nav__list-item-link {
    padding: 25px 0;
  }
}
@media (max-width: 480px) {
  .cptm-header-nav__list-item-link {
    padding: 20px 0;
  }
}
.cptm-header-nav__list-item-link.active {
  border-bottom-color: #3e62f5;
}
.cptm-header-nav__list-item-link.active .cptm-header-nav__icon {
  color: #fff;
  background-color: #3e62f5;
}
.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;
  margin-bottom: 15px;
  min-width: 44px;
  min-height: 44px;
  text-align: center;
  font-size: 18px;
  text-align: center;
  border-radius: 50%;
  background: rgba(62, 98, 245, 0.1);
  color: #3e62f5;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -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;
}

.general .cptm-header-nav__icon {
  background: rgba(62, 98, 245, 0.1);
  color: #3e62f5;
}
.general .active .cptm-header-nav__icon {
  background-color: #3e62f5;
}

.submission_form .cptm-header-nav__icon {
  background: rgba(8, 191, 156, 0.1);
  color: #08bf9c;
}
.submission_form .active .cptm-header-nav__icon {
  background-color: #08bf9c;
}

.single_page_layout .cptm-header-nav__icon {
  background: rgba(250, 139, 12, 0.1);
  color: #fa8b0c;
}
.single_page_layout .active .cptm-header-nav__icon {
  background-color: #fa8b0c;
}

.listings_card_layout .cptm-header-nav__icon {
  background: rgba(44, 153, 255, 0.1);
  color: #2c99ff;
}
.listings_card_layout .active .cptm-header-nav__icon {
  background-color: #2c99ff;
}

.search_forms .cptm-header-nav__icon {
  background: rgba(255, 64, 140, 0.1);
  color: #ff408c;
}
.search_forms .active .cptm-header-nav__icon {
  background-color: #ff408c;
}

.cptm-header-nav__label {
  display: block;
  font-weight: bold;
  color: #5a5f7d;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  font-size: 15px;
}

.cptm-title-area {
  margin: 0 auto 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: 24px;
  font-weight: bold;
  color: #23282d;
  line-height: 1.2;
}

.atbdp-cptm-tab-contents {
  display: block;
  background-color: #fff;
}

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

.cptm-tab-content-header {
  background-color: #f8f9fb;
}

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

.cptm-tab-content {
  margin: 0 auto;
  padding: 60px 75px;
  min-height: 100px;
  max-width: 700px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 991px) {
  .cptm-tab-content {
    padding: 60px 25px;
  }
}
@media (max-width: 480px) {
  .cptm-tab-content {
    max-width: 100%;
    padding: 15px 0;
  }
}
.cptm-tab-content.tab-wide {
  max-width: 1200px;
}
.cptm-tab-content.tab-full-width {
  max-width: 1200px;
  padding: 60px 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-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-section {
  margin-bottom: 50px;
}
.cptm-section:last-child {
  margin-bottom: 0;
}

.cptm-form-builder-preset-fields {
  margin: 0 auto;
  max-width: 470px;
}

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

.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;
}
.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 {
  margin: 0;
  max-width: 428px;
  background-color: #f4f5f7;
  padding: 40px;
  border-radius: 6px;
}
@media only screen and (max-width: 991px) {
  .cptm-form-builder-active-fields-container {
    padding: 20px;
  }
}

.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 {
  height: 43px;
  background: rgba(62, 98, 245, 0.1);
  border: 0 none;
  font-size: 14px;
  font-weight: 500;
}

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

.cptm-form-builder-group-header-section {
  margin-bottom: 20px;
}

.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;
}

.cptm-form-builder-group-title-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  background-color: #444752;
  -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1);
          box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1);
}

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

.cptm-form-builder-group-title-area__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-card-placeholder-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 -10px;
}

.cptm-card-placeholder-col {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 10px;
}

.cptm-form-builder-group-title-area__dropable-placeholder {
  margin-left: 15px;
}

.cptm-form-builder-group-title-actions {
  display: block;
}
.cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link {
  color: #fff;
}

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

.cptm-form-builder-group-title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  font-size: 14px;
  color: #fff;
}

.cptm-form-builder-group-options {
  background-color: #fff;
  margin: -5px 0 0 50px;
  padding: 22px 25px 25px;
  -webkit-box-shadow: 0 1px 5px rgba(161, 168, 198, 0.1);
          box-shadow: 0 1px 5px rgba(161, 168, 198, 0.1);
}

.cptm-form-builder-group-fields {
  display: block;
  position: relative;
}

.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: 20px;
  position: relative;
  margin-left: 50px;
  border-radius: 4px;
}

.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-group-field-item-header-actions {
  margin-right: 10px;
  background-color: #fff;
}

.cptm-form-builder-header-action-link {
  display: inline-block;
  padding: 0;
  font-size: 12px;
  margin-right: 5px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  opacity: 0.5;
}
.cptm-form-builder-header-action-link:hover {
  opacity: 1;
}

.action-collapse-up span,
.action-collapse-up span::before {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.action-collapse-down span,
.action-collapse-down span::before {
  -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;
  position: relative;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 20px;
  cursor: move;
  -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1);
          box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1);
  border-radius: 4px;
  background-color: #fff;
  z-index: 8;
}
.cptm-form-builder-group-field-item-header .cptm-title-3 {
  font-size: 14px;
  color: #272b41;
}

.cptm-form-builder-group-field-item-body {
  padding: 22px 25px 25px;
  background-color: #fff;
}
.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle {
  border-bottom: 1px solid #F1F2F6;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group {
  margin-bottom: 0;
}
.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group {
  margin-top: 20px;
}

.cptm-form-builder-field-list {
  margin: -5px -5px -5px -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;
}

.cptm-form-builder-field-list-item {
  list-style: none;
  width: calc(50% - 10px);
  margin: 5px;
  background-color: #f4f5f7;
  padding: 14px 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  display: -webkit-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;
}
.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% - 10px);
  }
}

li[class=cptm-form-builder-field-list-item][draggable=true] {
  cursor: move;
}

.cptm-form-builder-field-list-icon {
  display: inline-block;
  margin-left: 4px;
  width: 22px;
  font-size: 18px;
  color: #272b41;
}

.cptm-form-builder-field-list-label {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #272b41;
}

.cptm-info-text-area {
  margin-bottom: 10px;
}

.cptm-info-text {
  margin: 0;
  padding: 10px 0;
  color: gray;
}

.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;
}

#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;
  min-height: 240px;
}

.cptm-thumbnail-placeholder-icon {
  font-size: 120px;
  color: gainsboro;
}

.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 {
  padding: 0;
  margin: 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-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-sub-nav__item {
  list-style: none;
  margin: 0;
}

.cptm-sub-nav__item-link {
  display: block;
  text-decoration: none;
  padding: 12px 25px;
  border-radius: 30px;
  margin: 22px 5px;
  color: #7a8289;
  font-weight: 600;
  background: #f1f2f6;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active {
  font-weight: 600;
  color: #fff;
  background: #3e62f5;
}
.cptm-sub-nav__item-link.active {
  font-weight: bold;
}

.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;
}

.cptm-options-area {
  width: 300px;
}

.cptm-option-card {
  display: none;
  margin-bottom: 10px;
  opacity: 0;
  border-radius: 5px;
  text-align: right;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all linear 300ms;
  transition: all linear 300ms;
  pointer-events: none;
}
.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: #fff;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-header-action-link:hover {
  color: #fff;
}

.cptm-option-card-header {
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #3e62f5;
}

.cptm-option-card-header-title-section {
  display: -webkit-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: #fff;
  min-height: 56px;
  padding: 0 25px 0 15px;
}

.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;
  color: #fff;
}

.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: 18px 20px 20px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  max-height: 500px;
  overflow-y: auto;
}
.cptm-option-card-body .cptm-form-group:last-child {
  margin-bottom: 0;
}
.cptm-option-card-body .directorist-type-icon-select {
  margin-bottom: 20px;
}
.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector {
  display: block;
}
.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector .icon-picker-selector__btn {
  margin-top: 10px;
}

.cptm-widget-insert-area {
  position: absolute;
  bottom: 0;
  right: 50%;
  z-index: 99;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}

.cptm-widget-insert-wrap {
  position: relative;
}

.cptm-widget-insert-modal-container {
  position: absolute;
  right: 50%;
  top: 0;
  width: 330px;
  -webkit-transform: translate(50%, -100%);
          transform: translate(50%, -100%);
  pointer-events: none;
}
.cptm-widget-insert-modal-container.active {
  pointer-events: all;
}

.cptm-widget-insert-link {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 25px;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  color: #5a5f7d;
}

.cptm-listing-card-preview-body .cptm-widget-insert-link,
.cptm-listing-card-preview-footer .cptm-widget-insert-link {
  background: #23282d;
  color: #fff;
}

.cptm-widget-card-drop-prepend {
  border-radius: 10px;
}

.cptm-widget-card-drop-append {
  display: block;
  width: 100%;
  height: 0;
  border-radius: 10px;
  -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-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 {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.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-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  color: gray;
  font-weight: 600;
  font-size: 16px;
}
.cptm-list-item .cptm-list-item-icon {
  width: 25px;
}
.cptm-list-item .cptm-list-item-label {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-list-item-card {
  display: block;
}

.cptm-widget-badge {
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  font-size: 11px;
  padding: 2px 8px;
  margin: 2px;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
}

.cptm-preview-area {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 20px;
}
@media (max-width: 400px) {
  .cptm-preview-area {
    padding: 0;
  }
}

.cptm-placeholder-blcok {
  padding: 2px;
  position: relative;
  min-height: 54px;
  border: 2px dashed rgba(255, 255, 255, 0.15);
  -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;
  z-index: 99;
}
.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter {
  border-color: rgb(255, 255, 255);
}

.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: 13px;
}
.cptm-placeholder-label.hide {
  display: none;
}

.cptm-listing-card-preview-footer .cptm-placeholder-label {
  color: #868eae;
}

.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-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;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.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%;
}
.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 {
  min-width: 320px;
  min-height: 300px;
}
@media (max-width: 400px) {
  .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header {
    min-width: 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-preview-header {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-listing-card-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-card-preview-thumbnail {
  position: relative;
  height: 280px;
  background: #272b41;
  border-radius: 5px 5px 0 0;
}

.cptm-card-preview-thumbnail-overlay {
  position: relative;
  height: 100%;
  padding: 20px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.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-top-left {
  width: calc(50% - 30px);
  position: absolute;
  top: 20px;
  right: 20px;
}

.cptm-card-preview-top-left-placeholder {
  display: block;
  text-align: right;
}

.cptm-card-preview-top-right {
  position: absolute;
  left: 20px;
  top: 20px;
  width: calc(50% - 30px);
}

.cptm-card-preview-top-right-placeholder {
  text-align: left;
}

.cptm-card-preview-bottom-left {
  position: absolute;
  width: calc(50% - 30px);
  bottom: 53px;
  right: 20px;
}

.cptm-card-preview-bottom-left-placeholder {
  display: block;
  text-align: right;
}

.cptm-card-preview-bottom-right {
  position: absolute;
  bottom: 53px;
  left: 20px;
  width: calc(50% - 30px);
}

.cptm-card-preview-bottom-right-placeholder {
  display: block;
  text-align: left;
}

.cptm-listing-card-preview-body {
  display: block;
  padding: 35px 20px 20px;
  position: relative;
}

.cptm-listing-card-author-avatar {
  z-index: 99;
  position: absolute;
  right: 50%;
  top: 0;
  width: calc(100% - 40px);
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.cptm-listing-card-author-avatar .cptm-placeholder-blcok {
  padding: 0;
  height: 51px;
  min-height: auto;
  text-align: center;
  border-color: rgba(198, 208, 220, 0.5);
}
.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link {
  background: #fff;
  color: #5a5f7d;
}

.cptm-placeholder-author-thumb {
  margin: 0;
}
.cptm-placeholder-author-thumb img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  background: #c6d0dc;
  border: 4px solid #fff;
}

.cptm-widget-title-card {
  margin-bottom: 10px;
  padding: 10px;
  text-align: right;
  color: #bfbfbf;
  font-weight: bold;
  font-size: 18px;
}

.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 {
  color: gray;
  margin-bottom: 5px;
}

.cptm-widget-actions-tools {
  position: absolute;
  width: 75px;
  background: #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-actions-tools-wrap:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  right: -8px;
  top: -8px;
  border: 3px solid #2c99ff;
  padding: 5px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 1;
}
.cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.cptm-widget-actions-tools-wrap:hover:before {
  visibility: visible;
  opacity: 1;
}

.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-listing-card-preview-body-placeholder {
  display: block;
  padding: 10px;
  min-height: 206px;
  border-color: #e3e6ef;
}
.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter {
  border-color: #717171;
}
.cptm-listing-card-preview-body-placeholder .cptm-placeholder-label {
  color: #a1a8c6;
}

.cptm-listing-card-preview-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 20px;
  background-color: #f4f5f7;
  border-radius: 0 0 5px 5px;
}

.cptm-listing-card-preview-footer-left-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 5px;
  border-color: #c6d0dc;
  width: calc(50% - 10px);
  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-right-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-color: #c6d0dc;
  width: calc(50% - 10px);
  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-area {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-card-light.cptm-placeholder-blcok {
  border-color: #c6d0dc;
}
.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.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: #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: 500;
  color: #272b41;
  margin-bottom: 9px;
}
.cptm-form-group .cptm-form-control {
  max-width: 100%;
}
.cptm-form-group.cpt-has-error .cptm-form-control {
  border: 1px solid rgb(192, 51, 51);
}

.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 {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 25px;
  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: 30%;
  height: calc(100% - 10px);
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  -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% - 10px)));
          transform: translateX(calc(-1*(-100% - 10px)));
}

.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;
}

.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: 11px 20px;
  font-size: 14px;
  color: #5a5f7d;
  text-align: right;
  border: 0 none;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 400;
  margin: 0;
  line-height: 18px;
  height: auto;
  min-height: 30px;
  background: #f4f5f7;
}
.cptm-form-control:hover,
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 input[type=text].cptm-form-control:hover {
  color: #23282d;
}

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: 11px 20px;
  font-size: 14px;
  color: #5a5f7d;
  text-align: right;
  border: 0 none;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  font-weight: 400;
  margin: 0;
  line-height: 18px;
  height: auto;
  min-height: 30px;
  background: #f4f5f7;
}
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: #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: #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: 99999;
  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: #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: 3rem;
  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;
  }
}

.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%;
  font-size: 14px;
  font-weight: 500;
  background-color: #F4F5F7;
  color: #5A5F7D;
  border-radius: 4px;
  padding: 13px 15px;
  line-height: 1;
}
.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: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  float: left;
  content: "\f107";
}
.directorist_dropdown .directorist_dropdown-option {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 350px;
  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;
  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 li a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  padding: 9px 10px;
  border-radius: 4px;
  color: #5A5F7D;
}
.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: #f2f2f2;
}

.cptm-import-directory-modal .cptm-file-input-wrap {
  margin: 16px -5px 0 -5px;
}

/* Sticky fields */
.cptm-col-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 4rem;
  height: 100%;
  max-height: calc(100vh - 100px);
  overflow: auto;
}

.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: 999;
  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: #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;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.icon-picker__close:hover {
  color: #fff;
  background: #222;
}
.icon-picker__sidebar {
  width: 25%;
  background: #eff0f3;
  padding: 30px 20px;
}
.icon-picker__content {
  width: 75%;
  overflow: auto;
}
.icon-picker__content .icons-group h4 {
  font-size: 16px;
  font-weight: 500;
  color: #272B41;
  padding: 33px 20px 27px 0;
  border-bottom: 1px solid #E3E6EF;
  margin: 0;
}
.icon-picker__content .icons-group-icons {
  padding: 17px 17px 17px 0;
}
.icon-picker__content .icons-group-icons .font-icon-btn {
  margin: 5px 3px;
  width: 70px;
  height: 70px;
  background: #F4F5F7;
  border-radius: 5px;
  font-size: 24px;
  color: #868EAE;
  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: #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: #DADCE0;
  border-radius: 4px;
  border: 0 none;
  font-weight: 500;
  padding: 0 30px;
  cursor: pointer;
}

.directorist-category-icon-picker {
  margin-top: 10px;
}
.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-form-builder-header-action-link: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-form-builder-header-action-link: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-form-builder-header-action-link: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-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-pb-100 {
  padding-bottom: 100px !important;
}

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

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

.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: 50px;
  border-radius: 4px;
}

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

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

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

.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 {
  display: block;
  color: #23282d;
  background: #fff;
}

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

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

.atbdp-cptm-footer {
  display: block;
  padding: 20px 10px;
  background: #fff;
}

.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 {
  font-weight: 500;
  font-size: 15px;
  height: 50px;
  padding: 0 30px;
}

.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;
}
.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;
  margin-left: 50px;
  padding: 20px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #fff;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  border: 1px dashed #c0c0c0;
}
.cptm-form-builder-group-field-drop-area.drag-enter {
  background-color: #c6c6c6;
}

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

.atbdp-cptm-status-feedback {
  margin: 20px 0;
}

.cptm-alert {
  margin: 5px auto;
  max-width: 500px;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
  background-color: #3e62f5;
  border-radius: 5px;
}

.cptm-alert-success {
  color: #fff;
  background-color: #3e62f5;
}

.cptm-alert-error {
  color: #fff;
  background-color: rgb(197, 22, 22);
}

.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;
  background-color: #f4f5f7;
  border-radius: 6px 6px 0 0;
}

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

.cptm-header-nav__list-item-link {
  display: block;
  padding: 45px 0;
  text-decoration: none;
  border-left: 1px solid #f2f2f2;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  background-color: #f4f5f7;
  position: relative;
  border-bottom: 2px solid transparent;
}
@media only screen and (max-width: 991px) {
  .cptm-header-nav__list-item-link {
    padding: 25px 0;
  }
}
@media (max-width: 480px) {
  .cptm-header-nav__list-item-link {
    padding: 20px 0;
  }
}
.cptm-header-nav__list-item-link.active {
  border-bottom-color: #3e62f5;
}
.cptm-header-nav__list-item-link.active .cptm-header-nav__icon {
  color: #fff;
  background-color: #3e62f5;
}
.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;
  margin-bottom: 15px;
  min-width: 44px;
  min-height: 44px;
  text-align: center;
  font-size: 18px;
  text-align: center;
  border-radius: 50%;
  background: rgba(62, 98, 245, 0.1);
  color: #3e62f5;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -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;
}

.general .cptm-header-nav__icon {
  background: rgba(62, 98, 245, 0.1);
  color: #3e62f5;
}
.general .active .cptm-header-nav__icon {
  background-color: #3e62f5;
}

.submission_form .cptm-header-nav__icon {
  background: rgba(8, 191, 156, 0.1);
  color: #08bf9c;
}
.submission_form .active .cptm-header-nav__icon {
  background-color: #08bf9c;
}

.single_page_layout .cptm-header-nav__icon {
  background: rgba(250, 139, 12, 0.1);
  color: #fa8b0c;
}
.single_page_layout .active .cptm-header-nav__icon {
  background-color: #fa8b0c;
}

.listings_card_layout .cptm-header-nav__icon {
  background: rgba(44, 153, 255, 0.1);
  color: #2c99ff;
}
.listings_card_layout .active .cptm-header-nav__icon {
  background-color: #2c99ff;
}

.search_forms .cptm-header-nav__icon {
  background: rgba(255, 64, 140, 0.1);
  color: #ff408c;
}
.search_forms .active .cptm-header-nav__icon {
  background-color: #ff408c;
}

.cptm-header-nav__label {
  display: block;
  font-weight: bold;
  color: #5a5f7d;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  font-size: 15px;
}

.cptm-title-area {
  margin: 0 auto 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: 24px;
  font-weight: bold;
  color: #23282d;
  line-height: 1.2;
}

.atbdp-cptm-tab-contents {
  display: block;
  background-color: #fff;
}

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

.cptm-tab-content-header {
  background-color: #f8f9fb;
}

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

.cptm-tab-content {
  margin: 0 auto;
  padding: 60px 75px;
  min-height: 100px;
  max-width: 700px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 991px) {
  .cptm-tab-content {
    padding: 60px 25px;
  }
}
@media (max-width: 480px) {
  .cptm-tab-content {
    max-width: 100%;
    padding: 15px 0;
  }
}
.cptm-tab-content.tab-wide {
  max-width: 1200px;
}
.cptm-tab-content.tab-full-width {
  max-width: 1200px;
  padding: 60px 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-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-section {
  margin-bottom: 50px;
}
.cptm-section:last-child {
  margin-bottom: 0;
}

.cptm-form-builder-preset-fields {
  margin: 0 auto;
  max-width: 470px;
}

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

.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;
}
.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 {
  margin: 0;
  max-width: 428px;
  background-color: #f4f5f7;
  padding: 40px;
  border-radius: 6px;
}
@media only screen and (max-width: 991px) {
  .cptm-form-builder-active-fields-container {
    padding: 20px;
  }
}

.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 {
  height: 43px;
  background: rgba(62, 98, 245, 0.1);
  border: 0 none;
  font-size: 14px;
  font-weight: 500;
}

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

.cptm-form-builder-group-header-section {
  margin-bottom: 20px;
}

.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;
}

.cptm-form-builder-group-title-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  background-color: #444752;
  -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1);
          box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1);
}

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

.cptm-form-builder-group-title-area__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-card-placeholder-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 -10px;
}

.cptm-card-placeholder-col {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 10px;
}

.cptm-form-builder-group-title-area__dropable-placeholder {
  margin-left: 15px;
}

.cptm-form-builder-group-title-actions {
  display: block;
}
.cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link {
  color: #fff;
}

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

.cptm-form-builder-group-title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  font-size: 14px;
  color: #fff;
}

.cptm-form-builder-group-options {
  background-color: #fff;
  margin: -5px 0 0 50px;
  padding: 22px 25px 25px;
  -webkit-box-shadow: 0 1px 5px rgba(161, 168, 198, 0.1);
          box-shadow: 0 1px 5px rgba(161, 168, 198, 0.1);
}

.cptm-form-builder-group-fields {
  display: block;
  position: relative;
}

.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: 20px;
  position: relative;
  margin-left: 50px;
  border-radius: 4px;
}

.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-group-field-item-header-actions {
  margin-right: 10px;
  background-color: #fff;
}

.cptm-form-builder-header-action-link {
  display: inline-block;
  padding: 0;
  font-size: 12px;
  margin-right: 5px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  opacity: 0.5;
}
.cptm-form-builder-header-action-link:hover {
  opacity: 1;
}

.action-collapse-up span,
.action-collapse-up span::before {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.action-collapse-down span,
.action-collapse-down span::before {
  -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;
  position: relative;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 20px;
  cursor: move;
  -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1);
          box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1);
  border-radius: 4px;
  background-color: #fff;
  z-index: 8;
}
.cptm-form-builder-group-field-item-header .cptm-title-3 {
  font-size: 14px;
  color: #272b41;
}

.cptm-form-builder-group-field-item-body {
  padding: 22px 25px 25px;
  background-color: #fff;
}
.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle {
  border-bottom: 1px solid #F1F2F6;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group {
  margin-bottom: 0;
}
.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group {
  margin-top: 20px;
}

.cptm-form-builder-field-list {
  margin: -5px -5px -5px -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;
}

.cptm-form-builder-field-list-item {
  list-style: none;
  width: calc(50% - 10px);
  margin: 5px;
  background-color: #f4f5f7;
  padding: 14px 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  display: -webkit-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;
}
.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% - 10px);
  }
}

li[class=cptm-form-builder-field-list-item][draggable=true] {
  cursor: move;
}

.cptm-form-builder-field-list-icon {
  display: inline-block;
  margin-left: 4px;
  width: 22px;
  font-size: 18px;
  color: #272b41;
}

.cptm-form-builder-field-list-label {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #272b41;
}

.cptm-info-text-area {
  margin-bottom: 10px;
}

.cptm-info-text {
  margin: 0;
  padding: 10px 0;
  color: gray;
}

.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;
}

#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;
  min-height: 240px;
}

.cptm-thumbnail-placeholder-icon {
  font-size: 120px;
  color: gainsboro;
}

.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 {
  padding: 0;
  margin: 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-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-sub-nav__item {
  list-style: none;
  margin: 0;
}

.cptm-sub-nav__item-link {
  display: block;
  text-decoration: none;
  padding: 12px 25px;
  border-radius: 30px;
  margin: 22px 5px;
  color: #7a8289;
  font-weight: 600;
  background: #f1f2f6;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active {
  font-weight: 600;
  color: #fff;
  background: #3e62f5;
}
.cptm-sub-nav__item-link.active {
  font-weight: bold;
}

.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;
}

.cptm-options-area {
  width: 300px;
}

.cptm-option-card {
  display: none;
  margin-bottom: 10px;
  opacity: 0;
  border-radius: 5px;
  text-align: right;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all linear 300ms;
  transition: all linear 300ms;
  pointer-events: none;
}
.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: #fff;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.cptm-header-action-link:hover {
  color: #fff;
}

.cptm-option-card-header {
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #3e62f5;
}

.cptm-option-card-header-title-section {
  display: -webkit-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: #fff;
  min-height: 56px;
  padding: 0 25px 0 15px;
}

.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;
  color: #fff;
}

.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: 18px 20px 20px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  max-height: 500px;
  overflow-y: auto;
}
.cptm-option-card-body .cptm-form-group:last-child {
  margin-bottom: 0;
}
.cptm-option-card-body .directorist-type-icon-select {
  margin-bottom: 20px;
}
.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector {
  display: block;
}
.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector .icon-picker-selector__btn {
  margin-top: 10px;
}

.cptm-widget-insert-area {
  position: absolute;
  bottom: 0;
  right: 50%;
  z-index: 99;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}

.cptm-widget-insert-wrap {
  position: relative;
}

.cptm-widget-insert-modal-container {
  position: absolute;
  right: 50%;
  top: 0;
  width: 330px;
  -webkit-transform: translate(50%, -100%);
          transform: translate(50%, -100%);
  pointer-events: none;
}
.cptm-widget-insert-modal-container.active {
  pointer-events: all;
}

.cptm-widget-insert-link {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 25px;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  color: #5a5f7d;
}

.cptm-listing-card-preview-body .cptm-widget-insert-link,
.cptm-listing-card-preview-footer .cptm-widget-insert-link {
  background: #23282d;
  color: #fff;
}

.cptm-widget-card-drop-prepend {
  border-radius: 10px;
}

.cptm-widget-card-drop-append {
  display: block;
  width: 100%;
  height: 0;
  border-radius: 10px;
  -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-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 {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.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-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  color: gray;
  font-weight: 600;
  font-size: 16px;
}
.cptm-list-item .cptm-list-item-icon {
  width: 25px;
}
.cptm-list-item .cptm-list-item-label {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-list-item-card {
  display: block;
}

.cptm-widget-badge {
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  font-size: 11px;
  padding: 2px 8px;
  margin: 2px;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
}

.cptm-preview-area {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 20px;
}
@media (max-width: 400px) {
  .cptm-preview-area {
    padding: 0;
  }
}

.cptm-placeholder-blcok {
  padding: 2px;
  position: relative;
  min-height: 54px;
  border: 2px dashed rgba(255, 255, 255, 0.15);
  -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;
  z-index: 99;
}
.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter {
  border-color: rgb(255, 255, 255);
}

.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: 13px;
}
.cptm-placeholder-label.hide {
  display: none;
}

.cptm-listing-card-preview-footer .cptm-placeholder-label {
  color: #868eae;
}

.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-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;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.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%;
}
.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 {
  min-width: 320px;
  min-height: 300px;
}
@media (max-width: 400px) {
  .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header {
    min-width: 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-preview-header {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-listing-card-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cptm-card-preview-thumbnail {
  position: relative;
  height: 280px;
  background: #272b41;
  border-radius: 5px 5px 0 0;
}

.cptm-card-preview-thumbnail-overlay {
  position: relative;
  height: 100%;
  padding: 20px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.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-top-left {
  width: calc(50% - 30px);
  position: absolute;
  top: 20px;
  right: 20px;
}

.cptm-card-preview-top-left-placeholder {
  display: block;
  text-align: right;
}

.cptm-card-preview-top-right {
  position: absolute;
  left: 20px;
  top: 20px;
  width: calc(50% - 30px);
}

.cptm-card-preview-top-right-placeholder {
  text-align: left;
}

.cptm-card-preview-bottom-left {
  position: absolute;
  width: calc(50% - 30px);
  bottom: 53px;
  right: 20px;
}

.cptm-card-preview-bottom-left-placeholder {
  display: block;
  text-align: right;
}

.cptm-card-preview-bottom-right {
  position: absolute;
  bottom: 53px;
  left: 20px;
  width: calc(50% - 30px);
}

.cptm-card-preview-bottom-right-placeholder {
  display: block;
  text-align: left;
}

.cptm-listing-card-preview-body {
  display: block;
  padding: 35px 20px 20px;
  position: relative;
}

.cptm-listing-card-author-avatar {
  z-index: 99;
  position: absolute;
  right: 50%;
  top: 0;
  width: calc(100% - 40px);
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.cptm-listing-card-author-avatar .cptm-placeholder-blcok {
  padding: 0;
  height: 51px;
  min-height: auto;
  text-align: center;
  border-color: rgba(198, 208, 220, 0.5);
}
.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link {
  background: #fff;
  color: #5a5f7d;
}

.cptm-placeholder-author-thumb {
  margin: 0;
}
.cptm-placeholder-author-thumb img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  background: #c6d0dc;
  border: 4px solid #fff;
}

.cptm-widget-title-card {
  margin-bottom: 10px;
  padding: 10px;
  text-align: right;
  color: #bfbfbf;
  font-weight: bold;
  font-size: 18px;
}

.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 {
  color: gray;
  margin-bottom: 5px;
}

.cptm-widget-actions-tools {
  position: absolute;
  width: 75px;
  background: #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-actions-tools-wrap:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  right: -8px;
  top: -8px;
  border: 3px solid #2c99ff;
  padding: 5px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 1;
}
.cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.cptm-widget-actions-tools-wrap:hover:before {
  visibility: visible;
  opacity: 1;
}

.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-listing-card-preview-body-placeholder {
  display: block;
  padding: 10px;
  min-height: 206px;
  border-color: #e3e6ef;
}
.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter {
  border-color: #717171;
}
.cptm-listing-card-preview-body-placeholder .cptm-placeholder-label {
  color: #a1a8c6;
}

.cptm-listing-card-preview-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 20px;
  background-color: #f4f5f7;
  border-radius: 0 0 5px 5px;
}

.cptm-listing-card-preview-footer-left-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 5px;
  border-color: #c6d0dc;
  width: calc(50% - 10px);
  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-right-placeholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-color: #c6d0dc;
  width: calc(50% - 10px);
  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-area {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cptm-card-light.cptm-placeholder-blcok {
  border-color: #c6d0dc;
}
.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.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: #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: 500;
  color: #272b41;
  margin-bottom: 9px;
}
.cptm-form-group .cptm-form-control {
  max-width: 100%;
}
.cptm-form-group.cpt-has-error .cptm-form-control {
  border: 1px solid rgb(192, 51, 51);
}

.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 {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 25px;
  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: 30%;
  height: calc(100% - 10px);
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  -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% - 10px)));
          transform: translateX(calc(-1*(-100% - 10px)));
}

.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;
}

.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: 11px 20px;
  font-size: 14px;
  color: #5a5f7d;
  text-align: right;
  border: 0 none;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 400;
  margin: 0;
  line-height: 18px;
  height: auto;
  min-height: 30px;
  background: #f4f5f7;
}
.cptm-form-control:hover,
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 input[type=text].cptm-form-control:hover {
  color: #23282d;
}

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: 11px 20px;
  font-size: 14px;
  color: #5a5f7d;
  text-align: right;
  border: 0 none;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  font-weight: 400;
  margin: 0;
  line-height: 18px;
  height: auto;
  min-height: 30px;
  background: #f4f5f7;
}
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: #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: #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: 99999;
  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: #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: 3rem;
  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;
  }
}

.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%;
  font-size: 14px;
  font-weight: 500;
  background-color: #F4F5F7;
  color: #5A5F7D;
  border-radius: 4px;
  padding: 13px 15px;
  line-height: 1;
}
.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: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  float: left;
  content: "\f107";
}
.directorist_dropdown .directorist_dropdown-option {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 350px;
  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;
  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 li a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  padding: 9px 10px;
  border-radius: 4px;
  color: #5A5F7D;
}
.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: #f2f2f2;
}

.cptm-import-directory-modal .cptm-file-input-wrap {
  margin: 16px -5px 0 -5px;
}

/* Sticky fields */
.cptm-col-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 4rem;
  height: 100%;
  max-height: calc(100vh - 100px);
  overflow: auto;
}

.cptm-theme-butterfly .cptm-info-text {
  text-align: right;
  margin: 0;
}

.atbdp-settings-panel .cptm-form-group {
  margin-bottom: 35px;
}
.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: 10px;
  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;
}

/* 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 {
  display: -webkit-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_vertical-align-m .directorist_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.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: #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: #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: #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: #fff;
}

.settings-nav__item ul {
  padding-right: 0;
  background: #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: #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: #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: #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;
}

.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;
}

.atbdp-setup {
  background: #F1F1F1;
  height: 100vh;
  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;
}

.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: #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: #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: #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: 1em;
  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: 1em;
  position: absolute;
}

.w-toggle-switch .w-switch:before {
  border-radius: 1.25em;
  background: #C8CADF;
  height: 26px;
  right: -0.25em;
  top: -0.1875em;
  -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: #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: #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: #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: #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-setup-steps {
  font-family: arial;
  width: 450px;
  margin: 0 auto 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
  -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;
  color: #3e3e3e;
  list-style: none;
}

.atbdp-setup-steps li {
  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-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.atbdp-setup-steps li:after {
  position: absolute;
  content: "";
  width: 120px;
  height: 3px;
  background: #C6D0DC;
  right: 35px;
  top: 27%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
}

.atbdp-setup-steps li.done:after {
  background: #0FB73B;
}

.atbdp-setup-steps li:last-child {
  padding-left: 0;
}

.atbdp-setup-steps li:last-child:after {
  content: none;
}

.atbdp-setup-steps li span.atbdp-sw-circle {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #fff;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  -webkit-box-shadow: -5px 0 10px rgba(146, 153, 184, 0.15);
          box-shadow: -5px 0 10px rgba(146, 153, 184, 0.15);
  -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: #9299B8;
  margin-bottom: 12px;
}

.atbdp-setup-steps li span.atbdp-sw-circle .dashicons {
  display: none;
}

.atbdp-setup-steps li.done span.atbdp-sw-circle {
  background: #0FB73B;
  color: #fff;
}

.atbdp-setup-steps li.done span.atbdp-sw-circle span {
  display: none;
}

.atbdp-setup-steps li.done span.atbdp-sw-circle span.dashicons {
  display: inline-block;
}

.atbdp-setup-steps li.active span.atbdp-sw-circle {
  background: #272B41;
  color: #fff;
}

.atbdp-setup-steps li.atbdsw-logo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-bottom: 50px;
}

.atbdp-setup-steps li.atbdsw-logo:after {
  content: none;
}

.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: #E8F0F8;
  border-radius: 15px;
}

.directorist-importer__importing progress::-webkit-progress-value {
  background: #2C99FF;
}

.directorist-importer__importing progress::-moz-progress-bar {
  background: #E8F0F8;
  border-radius: 15px;
  border: none;
  box-shadow: none;
}

.directorist-importer__importing progress[value]::-moz-progress-bar {
  background: #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: 0;
  top: 0;
  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;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #eee !important;
}

.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted {
  background-color: #4353FF !important;
}

.btn-hide {
  display: none;
}