/*--------------------------------------------------------------
>>> TABLE OF CONTENTS: DASHBOARD
----------------------------------------------------------------*/

.unset-all {
  all: unset;
}

body {
  background-color: var(--ultra-light-grey-clr);
}

/* Tippys infront of everything */
[data-tippy-root] {
  z-index: 99999999999 !important;
}

.hidden,
.wcfm_custom_hide {
  display: none !important;
}

.myaccount-header-icon {
  padding: 1rem;
  border-radius: 50px;
  background: var(--ultra-light-grey-clr);
}

.myaccount-header-icon.gpbox-icon.big svg {
  height: 1.5rem;
  width: 1.5rem;
}
.myaccount-header-icon.small {
  padding: 10px;
}
.myaccount-header-icon.gpbox-icon.small svg {
  height: 20px;
  width: 20px;
}

#add-product-form .dashboard_container .title-container i {
  margin-right: 20px;
  font-size: 24px;
  color: var(--text-white-clr);
  background: var(--accent-clr);
  border-radius: 50%;
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
}

input.wcfm-checkbox {
  position: relative;
  box-shadow: none !important;
}
input.wcfm-checkbox:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

input.wcfm-checkbox:checked:before {
  line-height: unset;
  margin-top: unset;
  position: absolute;
  font-family: inherit;
  content: "";
}

#wcfm-main-contentainer input[type="text"].wcfm-text,
#wcfm-main-contentainer input[type="password"].wcfm-text,
#wcfm-main-contentainer select.wcfm-select,
.wcfm_popup_form select.wcfm-select,
.wcfm_popup_form input[type="text"].wcfm-text,
#wcfm-main-contentainer input[type="number"].wcfm-text,
#wcfm-main-contentainer input[type="time"].wcfm-text,
#wcfm-main-contentainer textarea.wcfm-textarea,
#wcfm-main-contentainer .wp-picker-container,
#wcfm-main-contentainer .wcfm-checklist-group,
#wcfm-main-contentainer .wcfm-radio-group {
  box-shadow: none;
  border: var(--border) !important;
  padding: 0.5rem 0.75rem;
  border-radius: 5px;
  line-height: unset;
  min-height: unset;
  font-size: 1rem;
}

.wcfm_appointment_title,
.wcfm_auctions_title,
.wcfm_booking_title,
.wcfm_coupon_title,
.wcfm_dashboard_item_title,
.wcfm_listing_title,
.wcfm_order_title,
.wcfm_product_title {
  color: var(--text-black-clr);
  font-weight: 700;
}

/* Card selector radio/checkbox */
.radio-button-card {
  position: relative;
  --card-dimension: 140px;
  width: var(--card-dimension);
  height: var(--card-dimension);
}
@media screen and (max-width: 37.5rem) {
  .radio-button-card {
    --card-dimension: 120px;
  }
}
.radio-button-card input {
  position: absolute;
  inset: 0;
  width: var(--card-dimension);
  height: var(--card-dimension);
  border: var(--border);
  border-radius: 6px;
  padding: 1rem;
  transition: background-color 195ms var(--bezier-nobounce);
}
.radio-button-card input:checked {
  box-shadow: 0 0 0 1px var(--dark-grey-clr);
  border-color: var(--dark-grey-clr);
  background: var(--ultra-light-grey-clr);
}
.radio-button-card:hover input {
  background: var(--ultra-light-grey-clr);
}

.radio-button-card input[type="radio"]::before {
  content: none;
}
.radio-button-card label {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0.5rem;
}
.radio-button-card label .gpbox-icon {
  margin: auto 0;
}

/*------------------------------------*\
    1.- Vendor Dashboard 
\*------------------------------------*/
/* Dashboard - Structure - Content */
#wcfm-main-content {
  padding: 0px;
  max-width: 100%;
}
#wcfm-content {
  border: none;
  overflow: unset;
  background: var(--background-color);
}
#wcfm-content.blocked {
  opacity: 0.6;
  cursor: wait;
}
#wcfm-content.blocked > * {
  pointer-events: none;
}

#wcfm-main-content .wcfm-main-content-wrap > p {
  display: none;
}
#wcfm-main-contentainer {
  margin: 0px;
  width: 100%;
}

/* Dashboard - General */
.qtip-wcfm-core-css {
  display: none !important;
}

/*Toltip questionmark*/
.fa-question.img_tip,
.fa-info.img_tip {
  height: 20px;
  width: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: help;
  margin-left: 6px;
}
.fa-question.img_tip:before {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24' focusable='false'%3E%3Cpath stroke='var(--dark-grey-clr, %231c1c1c)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM12 17h.01'/%3E%3Cpath stroke='var(--dark-grey-clr, %231c1c1c)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.3;
  transition: opacity 55ms var(--bezier-nobounce);
}
.fa-info.img_tip:before {
  content: "";
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24' focusable='false'%3E%3Cpath fill='var(--dark-grey-clr, %231C1C1C)' fill-rule='evenodd' d='M12.707 16.707A1 1 0 0111 16v-4a1 1 0 012 0v4a1 1 0 01-.293.707zm4.849 3.608A10 10 0 116.444 3.685a10 10 0 0111.112 16.63zM16.445 5.348a8 8 0 10-8.89 13.304 8 8 0 008.89-13.304zM12 7a1 1 0 100 2 1 1 0 000-2z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.3;
  transition: opacity 55ms var(--bezier-nobounce);
}
.fa-question.img_tip:hover:before,
.fa-info.img_tip.img_tip:hover:before {
  opacity: 1;
  transition: opacity 195ms var(--bezier-nobounce);
}

.gpbox-icon.help-tippy {
  height: 20px;
  width: 20px;
  flex-shrink: 0;
  position: relative;
  opacity: 0.3;
  transition: opacity 55ms var(--bezier-nobounce);
}
.gpbox-icon.help-tippy[data-tippy-content] {
  cursor: help;
}
.gpbox-icon.help-tippy[data-tippy-content]:hover {
  opacity: 1;
  transition: opacity 195ms var(--bezier-nobounce);
}
.gpbox-icon.help-tippy.help-dark {
  opacity: 1;
}
.gpbox-icon.help-tippy svg {
  height: 20px;
  width: 20px;
  top: -1px;
  position: absolute;
  margin-left: 0.25rem;
}

#wcfm_settings_form .gpbox-icon.help-tippy svg {
  top: 3px;
}

/*Text editor*/
#wcfm-main-contentainer .wp-editor-container {
  border: 2px solid #eee;
  border-radius: 10px;
}
#wcfm-main-contentainer .wp-editor-container div.mce-panel {
  border: none;
  border-radius: 10px;
}
#wcfm-main-contentainer .wp-editor-container div.mce-toolbar-grp {
  border: none;
  border-radius: 0px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background: var(--ultra-light-grey-clr);
}
#wcfm-main-contentainer .wp-editor-container .mce-top-part::before {
  content: none;
}
#wcfm-main-contentainer .wp-editor-wrap .wp-editor-tools {
  float: right;
  margin-bottom: 10px;
}
.mce-toolbar .mce-btn-group .mce-btn,
.qt-dfw:focus,
.qt-dfw {
  border-radius: 50% !important;
  background: transparent !important;
  border-color: transparent !important;
  transition: background-color 250ms ease-out, border-clr 250ms ease-out;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled {
  pointer-events: none;
}

.mce-toolbar .mce-btn-group .mce-btn:not(.mce-disabled):focus,
.mce-toolbar .mce-btn-group .mce-btn:not(.mce-disabled):hover,
.qt-dfw:focus,
.qt-dfw:hover {
  background: var(--very-light-grey-clr) !important;
  border-color: var(--very-light-grey-clr) !important;
  box-shadow: none !important;
}
.mce-toolbar .mce-container-body .mce-container {
  padding: 0 5px;
}
.mce-toolbar .mce-container-body .mce-container:last-child {
  padding-right: 0px;
}

/* Add media button inside textarea editor*/
#wcfm-main-contentainer .wp-media-buttons .insert-media {
  position: absolute;
  top: 10px;
  right: -4px;
  font-size: 14px;
  color: var(--text-white-clr);
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  height: 42px;
  background: var(--dark-grey-clr);
  border-radius: 0px;
  border-top-right-radius: 6px;
  border: none;
  font-weight: 700;
  padding: 0px 15px !important;
}
#wcfm-main-contentainer .wp-media-buttons .insert-media .wp-media-buttons-icon {
  margin-right: 8px;
}
#wcfm-main-contentainer .wp-media-buttons .insert-media:hover {
  background: var(--dark-grey-hover-clr);
}

/* Multi input block bin to delete*/
#wcfm-main-contentainer .multi_input_block .remove_multi_input_block.multi_input_block_manupulate {
  background: none;
  margin-right: 0 !important;
  padding: 0 !important;
  margin-top: -5px !important;
  margin-bottom: -5px !important;
  margin-left: 0.5rem !important;
  font-family: none !important;
}
#wcfm-main-contentainer .multi_input_block .remove_multi_input_block:before {
  content: "";
  width: 40px;
  height: 40px;
  display: flex;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24' focusable='false'%3E%3Cpath stroke='var(--dark-grey-clr, %231c1c1c)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E%0A");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  background-color: white;
  border-radius: 50%;
  transition: background-color 295ms var(--bezier);
}
#wcfm-main-contentainer .multi_input_block .remove_multi_input_block:hover:before {
  background-color: var(--ultra-light-grey-clr);
}

/* Same green everywhere */
#wcfm-main-contentainer .wcicon-status-completed {
  color: var(--medium-dark-green-clr);
  font-size: 20px;
  vertical-align: middle;
}

.wcfm-message .wcicon-status-completed {
  display: inline-flex;
}

#wcfm-main-contentainer th .wcicon-status-processing {
  color: var(--medium-dark-green-clr) !important;
  font-size: 20px;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 5px;
}

#wcfm-main-contentainer thead th .wcicon-status-processing,
#wcfm-main-contentainer tfoot th .wcicon-status-processing {
  color: var(--medium-grey-clr) !important;
}

/* Warning svg styling */
.form-right {
  margin-left: max(270px, 25%);
}
.input-warning.form-right {
  margin-left: max(270px, 25%);
  margin-bottom: 20px;
}
.input-warning {
  display: none;
  font-size: 1rem;
  color: var(--text-black-clr);
  align-items: center;
}
.input-warning span strong {
  font-weight: 700;
}
.icon_svg_container {
  padding: 6px;
  background: var(--light-orange-clr);
  border-radius: 50%;
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.icon_svg {
  height: 20px;
  width: 20px;
  display: inline-block;
}
.shop-name-warning.input-warning {
  float: left;
}

/*Optinal and required small title labels*/
.optional-small {
  font-size: 14px;
  font-weight: 400;
  color: var(--light-grey-clr);
}

/* Image label badges */
.image-label {
  position: absolute;
  background: var(--dark-grey-clr);
  border-radius: 10px;
  color: white;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  padding: 1px 10px 1px 8px;
  z-index: 1000;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
}

/* Image add new, delete */
.wcfm_img_uploader:before,
#wcfm_settings_form .image_uploader_settings.wcfm_img_uploader:before {
  content: "";
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24' focusable='false'%3E%3Cpath stroke='var(--text-white-clr, %23fafafa)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14M5 12h14'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  top: calc(50% - 28px);
  left: calc(50% - 13px);
  background-color: var(--accent-clr);
  border-radius: 50%;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: -1;
}
.wcfm_img_uploader:after,
#wcfm_settings_form .image_uploader_settings.wcfm_img_uploader:after {
  content: "Add photo";
  font-family: "GPBox V3 Next", Arial, sans-serif;
  font-size: 1rem;
  position: absolute;
  top: 95px;
  left: calc(50% - 50px);
  color: var(--accent-clr);
  font-weight: 700 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  pointer-events: none;
  z-index: -1;
}
#wcfm_settings_form .image_uploader_settings.wcfm_img_uploader.banner_type_single_img:after {
  content: "Add shop banner";
  top: 95px;
  width: 150px;
  left: calc(50% - 75px);
}

#wcfm_settings_form .banner_type_slider .wcfm_gallery_upload.wcfm_img_uploader:after {
  content: "Add slider image";
  top: 95px;
  width: 150px;
  left: calc(50% - 75px);
}
#banner_slider .multi_input_block .add_multi_input_block {
  position: absolute;
  right: 0px;
  bottom: -2rem;
  transition: color 295ms var(--bezier-nobounce);
  color: var(--accent-clr);
}
#banner_slider .multi_input_block .add_multi_input_block:hover {
  background: none;
  color: var(--accent-hover-clr) !important;
}
#wcfm_settings_form .banner_type_slider .add_multi_input_block:before {
  content: "+ Add new slider";
  font-family: "GPBox V3 Next", Arial, sans-serif !important;
  font-size: 1rem;
  font-weight: 700 !important;
  width: 130px;
}
#wcfm_settings_form #banner_slider {
  /* Set "my-sec-counter" to 0 */
  counter-reset: banner-slider-counter;
}
#wcfm_settings_form #banner_slider .multi_input_block:not(.ui-sortable-placeholder) {
  counter-increment: banner-slider-counter;
}
#wcfm_settings_form #banner_slider .multi_input_block.ui-sortable-placeholder {
  height: 190px;
  aspect-ratio: 1520 / 292;
  background: white;
  border: 2px dashed var(--very-light-grey-clr);
  border-radius: 10px;
  display: block;
  visibility: visible !important;
}

#wcfm_settings_form #banner_slider .multi_input_block:not(.ui-sortable-placeholder):before {
  content: "Banner " counter(banner-slider-counter);
  position: absolute;
  left: 0px;
  top: 0px;
  font-family: "GPBox V3 Next", Arial, sans-serif !important;
  background: var(--dark-grey-clr);
  border-radius: 10px;
  color: white;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  padding: 1px 10px 1px 8px;
  z-index: 1000;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
}

#wcfm-main-contentainer .banner_type_slider .multi_input_block .remove_multi_input_block.multi_input_block_manupulate {
  position: absolute;
  bottom: 1rem;
  left: 3rem;
}

#wcfm-main-contentainer .banner_type_slider .wcfm_img_uploader.banner_type_upload input.remove_button {
  display: none !important;
}

#shop_description_ifr {
  min-height: 300px !important;
}
#add-product-form .wcfm_img_uploader img:hover,
#add-product-form .wcfm_img_uploader:hover:before,
#add-product-form .wcfm_img_uploader:hover:after,
#add-product-form .add_multi_input_block img:hover,
#add-product-form .add_multi_input_block:hover:before,
#wcfm-main-contentainer #gravatar_display:hover,
.square_image_input img:hover,
#wcfm-main-contentainer #banner_display:hover,
#wcfm-main-contentainer #banner_slider img:hover {
  cursor: pointer;
  border-color: var(--light-grey-clr) !important;
}

#wcfm-main-contentainer .wcfm_img_uploader input.remove_button {
  height: 40px;
  width: 40px;
  box-shadow: var(--box-shadow);
  bottom: 1rem;
  top: unset;
  margin: 0px 0.5rem !important;
  padding: 0 !important;
  background: white;
  border-radius: 50px;
  transition: background-color 0.3s ease-in-out;
  font-size: 0;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24' focusable='false'%3E%3Cpath stroke='var(--dark-grey-clr, %231c1c1c)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E%0A") !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#wcfm-main-contentainer .wcfm_img_uploader:hover input.remove_button {
  opacity: 1;
}
#wcfm-main-contentainer .wcfm_img_uploader input.remove_button:hover {
  background-color: var(--ultra-light-grey-clr);
}

#wcfm-main-contentainer .wcfm_img_uploader input.remove_button:before {
  font-weight: 900 !important;
}
#wcfm-main-contentainer .wcfm_img_uploader.banner_type_upload input.remove_button {
  bottom: 0.5rem;
}

/* Dashboard - Structure - Main Menu */
#dashboard_menu {
  position: fixed !important;
  top: 0px;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  width: 240px;
  z-index: 10;
  border: none;
  background: white;
  transition: all 295ms var(--bezier-nobounce);
}

#dashboard_menu.collapsed {
  width: 72px;
}

#wcfm-main-contentainer .wcfm-collapse:not(.aff-container) {
  width: 100%;
  flex: unset;
  vertical-align: unset;
  background-color: var(--background-color);
  border-radius: 0;
  margin-left: 240px;
  transition: all 295ms var(--bezier-nobounce);
  min-height: 100vh;
}

#wcfm-main-contentainer #dashboard_menu.collapsed ~ .wcfm-collapse {
  margin-left: 72px;
}

/* Dashboard - Menu - General menu items */
#dashboard_menu .dashboard-menu-logo .gpbox-icon svg {
  width: 125px;
}
body.mobile #dashboard_menu .dashboard-menu-logo .gpbox-icon svg {
  width: 84px;
}

#dashboard_menu .menu_items:last-child {
  margin-bottom: 0px;
}
#dashboard_menu .menu_items .menu_item {
  transition: all 295ms var(--bezier-nobounce);
}

#dashboard_menu:not(.collapsed) .menu_items .menu_item {
  padding: 0 0.75rem;
  margin: 0 -1rem;
  width: calc(100% + 0.5rem);
}
#dashboard_menu .menu_items .menu_item .gpbox-icon {
  transition: all 295ms var(--bezier-nobounce);
}
#dashboard_menu .text {
  transition: all 295ms var(--bezier-nobounce);
  white-space: nowrap;
  opacity: 1;
}

#dashboard_menu .menu_item.active .text {
  font-weight: 700;
}

.add-product-popup-button.btn-arrow.btn-medium .gpbox-icon svg {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  margin-left: 0px;
}

#dashboard_menu .menu_item span.notification-count {
  display: flex;
  margin-right: 0;
  position: relative;
  margin-left: auto;
  border: none;
  padding: 0;
  color: var(--text-white-clr) !important;
}
#dashboard_menu .menu_item.active:before {
  opacity: 1;
  -webkit-transform: scale(1) perspective(1px);
  transform: scale(1) perspective(1px);
}

.header-icons .bg-icon.active:before {
  opacity: 1;
  -webkit-transform: scale(1) perspective(1px);
  transform: scale(1) perspective(1px);
}

/* Dashboard - Submenu */
.submenu_container {
  position: absolute;
  right: calc(-100% - 4em);
  top: -1rem;
  padding: 1rem 2rem;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: opacity 295ms var(--bezier-nobounce);
}

.submenu_container > .submenu-items {
  box-shadow: var(--box-shadow);
  padding: 0.875rem;
  min-width: 235px;
  background: white;
  border-radius: 10px;
}

[data-no-touchEvents] > a {
  pointer-events: none;
}

[data-hoverMenu]:hover .submenu_container {
  opacity: 1;
  pointer-events: auto;
}
#dashboard_menu .menu_items .menu_item .submenu-arrow {
  padding: 0;
  margin-left: auto;
  margin-right: -0.25rem;
}
.submenu-arrow svg path {
  stroke-width: 1.5;
  stroke: var(--light-grey-clr);
}

/* Dashboard - Toggler */
#dashboard_menu.collapsed .dashboard-menu-toggler {
  transform: rotate(180deg);
}
#dashboard_menu:not(.collapsed) .dashboard-menu-logo {
  transition: all 295ms var(--bezier-nobounce);
  margin-left: 0.5rem;
}
#dashboard_menu.collapsed .dashboard-menu-logo {
  opacity: 0;
  width: 0;
}
#dashboard_menu.collapsed .menu_item span.gpbox-icon {
  margin-right: 0 !important;
}
#dashboard_menu.collapsed .menu_item span.notification-count {
  position: absolute;
  height: 15px;
  width: 15px;
  min-width: 15px;
  top: 0;
  right: -5px;
  font-size: 10px;
  margin-right: 0px !important;
}
#dashboard_menu.collapsed .menu_item span.notification-count.empty-notification:after {
  height: 5px;
  width: 5px;
}

#dashboard_menu.collapsed .text:not(.submenu-text) {
  opacity: 0;
  width: 0;
  visibility: hidden;
  margin: 0;
}
#dashboard_menu.collapsed .btn-arrow {
  padding: 0px;
  height: unset;
  transition: all 295ms var(--bezier-nobounce);
}
#dashboard_menu.collapsed .white-icon {
  background-color: transparent;
  transition: all 295ms var(--bezier-nobounce);
}

#dashboard_menu.collapsed .menu_items .menu_item .gpbox-icon {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

#dashboard_menu.collapsed .submenu_container {
  right: calc(-182px - 5em);
  padding: 1rem;
}

#dashboard_menu .tippy-box {
  display: none;
}
#dashboard_menu.collapsed .tippy-box {
  display: block;
}

/* Dashboard - Structure - Heading Banners */
.dashboard-heading-container {
  /* margin: 1.5rem clamp(1rem, 2.5vw ,2.5rem); */
  margin: 1.5rem min(max(1rem, 1.5vw), 1.5rem); /*Fixes safari issue with clamp font size*/
  overflow: visible;
  align-items: stretch;
}

.dashboard-heading {
  background: white;
  border-radius: 10px;
  padding: 1rem 1.5rem;
  min-height: 80px;
  height: 80px;
  max-width: calc(100% - 208px - 1.5rem);
}

.dashboard-heading .grey-background__brand-pattern,
.notice-message-dashboard-container .grey-background__brand-pattern {
  overflow: hidden;
}

.wcfm-collapse-content {
  padding: 0;
  /* margin: 0 clamp(1rem, 2.5vw ,2.5rem) 1.5rem; */
  margin: 0 min(max(1rem, 1.5vw), 1.5rem) 1.5rem; /*Fixes safari issue with clamp font size*/
}
.dashboard-heading .grey-background__brand-pattern svg,
.notice-message-dashboard-container .grey-background__brand-pattern svg {
  transform: translate(0%, -35%);
  height: 400px;
}
.dashboard-heading .grey-background__brand-pattern svg path {
  stroke-width: 1.8px;
  stroke: var(--ultra-light-grey-clr);
}
.notice-message-dashboard-container .grey-background__brand-pattern svg path {
  stroke-width: 1.8px;
  stroke: var(--medium-grey-clr);
}

body.mobile .notice-message-dashboard-container .grey-background__brand-pattern svg {
  transform: translate(-25%, -33%);
  height: 500px;
}

.dashboard-heading-action {
  margin-left: auto;
  margin-right: 0rem;
}

.dashboard-heading-nav {
  background: white;
  padding: 1rem 0.75rem;
  border-radius: 10px;
  min-height: 80px;
  height: 80px;
  min-width: 208px;
  flex-shrink: 0;
}

#myaccount-submenu {
  min-width: 220px;
}
.dashboard-heading .dashboard-heading-title a {
  transition: color 295ms var(--bezier-nobounce);
}
.dashboard-heading .dashboard-heading-title a.active {
  color: var(--accent-clr);
  font-weight: 700;
}
.dashboard-heading .dashboard-heading-title a:hover {
  color: var(--accent-clr);
}

.title-separator {
  color: #fff;
  position: relative;
  vertical-align: middle;
  line-height: 1.5rem;
  font-size: 14px;
  padding: 0 12px;
  z-index: 0;
}
.title-separator:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 16 16' focusable='false'%3E%3Cpath stroke='var(--dark-grey-clr, %231c1c1c)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 12l4-4-4-4'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  z-index: 2;
  position: absolute;
}

/*------------------------------------*\
    2.- Vendor Dashboard - HOME
\*------------------------------------*/

/* General block style layouts */
.title_dashboard {
  font-weight: 900;
  font-size: var(--small);
}

.dashboard_container.inverted-colors {
  background: var(--dark-grey-clr);
  color: var(--text-white-clr);
}

.inverted-colors .btn-dark {
  background-color: var(--text-white-clr);
  color: var(--dark-grey-clr);
}

/* Button icon block */
.dashboard_container .icon_plus_button a {
  background: var(--dark-grey-clr);
  width: 150px;
  height: auto;
  font-size: 1rem;
  padding: 5px 10px;
  text-align: center;
  border-radius: 50px;
  color: var(--text-white-clr);
  margin-bottom: 13px;
  font-weight: 700;
}
.dashboard_container .icon_plus_button a:hover {
  opacity: 0.7;
}
.dashboard_container .icon_plus_button svg {
  width: 70px;
  fill: var(--dark-grey-clr);
}

/*Dashboard - Store Setup Checklist */
#wcfm_settings_form .wcfm-container {
  scroll-padding-top: 3rem;
}
.checklist-slider__wrapper {
  width: 1500%;
}
.step-number {
  border: 2px solid var(--dark-grey-clr);
  height: 1.8rem;
  width: 1.8rem;
  min-width: 1.8rem;
  font-size: 1.15rem;
  line-height: 2rem;
  font-weight: 900;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  margin-right: 0.8rem;
  /* Fix font vertical offset on numbers  */
  padding-top: 0.15rem;
}

.step-correct svg {
  height: 1.8rem;
  width: 1.8rem;
  margin-right: 0.8rem;
}

.dashboard-checklist {
  width: 290px;
  order: 1;
  margin-right: 1rem;
}
.dashboard-checklist.correct {
  order: 2;
}
.checklist-slider .dashboard-checklist {
  min-width: 290px;
  max-width: 290px;
}

.dashboard-checklist.correct h5 {
  color: var(--medium-dark-green-clr);
}

.checklist-slider .flex-direction-nav {
  bottom: 0;
  left: -1rem;
  right: -1rem;
}
.notice-message-dashboard-container .button-spinner {
  position: absolute;
  right: 1rem;
  top: 1rem;
  height: 40px;
}

@media screen and (min-width: 37.5rem) {
  .checklist-slider .flex-control-paging {
    left: unset;
    right: -3px;
    top: -2rem;
    transform: none;
  }
}

@media screen and (max-width: 37.5rem) {
  .checklist-slider .flex-control-paging {
    margin-top: 0.5rem;
  }
}

/* Dashboard settings mobile menu */
.settings-mobile-menu {
  border: none !important;
}
.my-account-menu-item a {
  padding: 0 1rem;
  margin: 0 -0.5rem;
}

.gpbox-icon.big.dark-down {
  background-color: var(--dark-grey-clr);
  transform: rotate(90deg);
}
.my-account-menu-item.is-active a {
  background-color: var(--ultra-light-grey-clr);
  font-weight: 700;
  border-radius: 20px;
}

/* Dashboard - Home - Blocks Performance */
.dashboard_container {
  background: white;
  padding: 1.5rem;
  border: 0;
  border-radius: 10px;
  margin-top: 0px;
  position: relative;
}

.dashboard_container .beta {
  position: absolute;
  right: 0px;
  top: 0px;
  background: var(--dark-grey-clr);
  color: var(--text-white-clr);
  font-size: 18px;
  padding: 3px 1rem;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-weight: 700;
}
.dashboard_container.inverted-colors .beta {
  background: var(--text-white-clr);
  color: var(--dark-grey-clr);
  border-top-right-radius: 8px;
}
.dashboard_container .range-stats_block {
  position: absolute;
  right: 1.5rem;
  bottom: 1rem;
}
.dashboard_stats_block:not(.dashboard_container) {
  width: 25%;
  padding-left: 0px;
  padding-right: 2vw;
  border-right: var(--border);
  margin-right: 2vw;
}
.dashboard_stats_block:not(.dashboard_container):last-child {
  border-right: none;
  padding-right: 0px;
  margin-right: 0px;
}
.dashboard_stats_block > * {
  color: var(--text-black-clr);
}

/* Arrow Percentage component */
.arrow-percentage .round-color-arrow {
  width: 24px;
  height: 24px;
  border-radius: 20px;
  background-color: var(--light-grey-clr);
}
.arrow-percentage .color-value {
  color: var(--light-grey-clr);
}
.arrow-percentage .round-color-arrow svg {
  width: 20px;
  height: 20px;
}
.arrow-percentage .round-color-arrow svg path {
  stroke: var(--text-white-clr);
}

.arrow-percentage.green .round-color-arrow {
  background-color: var(--medium-dark-green-clr);
  transform: rotate(-45deg);
}
.arrow-percentage.green .color-value {
  color: var(--medium-dark-green-clr);
}
.arrow-percentage.red .round-color-arrow {
  background-color: var(--accent-clr);
  transform: rotate(45deg);
}
.arrow-percentage.red .color-value {
  color: var(--accent-clr);
}

.dashboard_container span a {
  color: var(--light-grey-clr);
  margin-left: 5px;
  font-size: 12px;
  transition: all 0.3s ease-in-out;
}
.fa-external-link {
  font-size: 1rem;
}

/* Dashboard - Home - Import */
.ecommerce-platforms {
  display: grid;
  row-gap: 1rem;
  column-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
}

/* Dashboard - Home - Graphs*/
.dashboard_container_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.dashboard_widget_head {
  font-size: var(--small);
  font-weight: 900;
  line-height: 125%;
}
.dashboard_widget_head span {
  color: var(--light-grey-clr);
  font-size: 14px;
  font-weight: 400;
}
.wcfm-collapse .wcfm-container,
#wcfm-main-contentainer div.wcfm-content {
  padding: 0px;
  margin: 0px;
  font-size: 1rem;
  box-shadow: none;
  background: none;
}

.wcfm-collapse .wcfm-container .wcfm-content {
  min-height: unset;
}
#wcfm-main-contentainer .wcfm_dashboard_notifications .wcfm-container .wcfm-content {
  height: unset;
  overflow: hidden;
}

/*---------------------------------------*\
    2.- Vendor Dashboard - All Tables
\*---------------------------------------*/
#wcfm-main-contentainer table td {
  padding: 12px 10px !important;
}

#wcfm-main-contentainer table th {
  padding: 8px 10px !important;
}
/* All table lists */
#wcfm-main-contentainer .wcfm-collapse-content .wcfm-container.table-container,
#wcfm-main-contentainer .wcfm-collapse-content .wcfm-container.table-container .wcfm-content {
  background: none;
  position: relative;
}
#wcfm-main-contentainer table.dataTable {
  border-collapse: separate;
  border-spacing: 0 10px;
  margin-top: 0px;
  font-size: 1rem;
}
#wcfm-main-contentainer table.dataTable.header-displayed {
  margin-top: -10px;
}
#wcfm-main-contentainer table.dataTable.row-border th,
#wcfm-main-contentainer table.dataTable.row-border tbody td,
#wcfm-main-contentainer table.dataTable.display th,
#wcfm-main-contentainer table.dataTable.display tbody td {
  border-top: 0;
  border-bottom: 0;
  background: white !important;
  color: var(--text-black-clr) !important;
  border-top: 0px !important;
  font-size: 1rem;
}
#wcfm-main-contentainer table.dataTable.row-border th:first-child,
#wcfm-main-contentainer table.dataTable.row-border tbody td:first-child,
#wcfm-main-contentainer table.dataTable.display th:first-child,
#wcfm-main-contentainer table.dataTable.display tbody td:first-child {
  border-left: 0;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  background: white !important;
  position: relative;
  text-align: center;
}
#wcfm-main-contentainer table.dataTable.row-border th:last-child,
#wcfm-main-contentainer table.dataTable.row-border tbody td:last-child,
#wcfm-main-contentainer table.dataTable.display th:last-child,
#wcfm-main-contentainer table.dataTable.display tbody td:last-child {
  border-right: 0;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  background: white !important;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
#wcfm-main-contentainer table.dataTable.display tbody tr.odd td {
  background-color: white;
  border-top: 0px !important;
}
#wcfm-main-contentainer .dataTable .odd,
#wcfm-main-contentainer .dataTable .even {
  height: 78px;
}
.wcfm-top-element-container > .select2 {
  width: 340px !important;
  float: left !important;
  margin-left: 20px !important;
  margin-bottom: 0px !important;
  box-shadow: none !important;
}
#wcfm-main-contentainer table tr th {
  height: 38px;
  background: white !important;
  color: var(--text-black-clr);
  font-weight: 700;
}

/* Table Footer */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  font-size: 16px;
  color: var(--text-black-clr);
}
#wcfm-main-contentainer .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--dark-grey-clr) !important;
  border: none;
  padding: 0 1rem !important;
  border-radius: 99px;
  margin-left: 5px;
  margin-right: 5px;
  background: none;
  font-weight: 700;
  box-shadow: none;
  height: 40px;
  line-height: 40px;
  transition: background-color 395ms var(--bezier-nobounce);
}
#wcfm-main-contentainer .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  display: none;
}
#wcfm-main-contentainer .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#wcfm-main-contentainer .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: var(--very-light-grey-clr);
}

/* Table Header actions */
#wcfm-main-contentainer input[type="text"]:focus,
#wcfm-main-contentainer select:focus,
#wcfm-main-contentainer input[type="number"]:focus,
#wcfm-main-contentainer input[type="time"]:focus,
#wcfm-main-contentainer input[type="search"]:not(.select2-search__field):focus,
#wcfm-main-contentainer input[type="password"]:focus,
#wcfm-main-contentainer textarea:focus {
  -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px var(--dark-grey-clr) !important;
  box-shadow: 0 0 0 2px white, 0 0 0 4px var(--dark-grey-clr) !important;
  border: var(--border) !important;
}

#wcfm-main-contentainer .select2-search input[type="search"] {
  line-height: unset !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

#wcfm-main-contentainer .dataTables_wrapper .dataTables_filter > label > input,
#wcfm-main-contentainer .dataTables_wrapper .wcfm_filters_wrap select {
  height: 40px !important;
  margin-top: 1px;
  box-shadow: none;
  border-radius: 5px;
  padding: 6px 12px 6px 12px;
  width: 220px;
  font-size: 1rem;
  margin-right: 12px;
}
.wcfm_separator {
  float: right;
  width: 1px;
  height: 26px;
  margin-top: 7px;
  background-color: #ddd;
}
#wcfm-main-contentainer input::placeholder {
  font-size: 14px;
  color: var(--light-grey-clr);
  font-weight: 400;
}

/* Date range picker calendar */
.date-picker-wrapper.two-months {
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 20px -0.5px var(--transparent-grey-clr);
  box-shadow: 0 4px 20px -0.5px var(--transparent-grey-clr);
  font-size: 1rem;
  line-height: 1.5;
  font-family: "GPBox V3 Next", -apple-system, BlinkMacSystemFont, Arial, "Helvetica", "Droid Sans", "Segoe UI", "Roboto", sans-serif;
  border: 0;
  color: var(--text-black-clr);
  padding: 1.5rem;
  margin-top: 10px;
}
.date-picker-wrapper .drp_top-bar {
  font-size: 1rem;
  padding: 0 3rem 0 0;
}

.date-picker-wrapper .drp_top-bar .default-top,
.date-picker-wrapper .drp_top-bar .normal-top b {
  font-weight: 700;
  color: var(--text-black-clr);
}

.date-picker-wrapper .drp_top-bar .apply-btn,
.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  top: 50%;
  transform: translateY(-50%);
  border: var(--border);
  border-radius: 50px;
  background: none;
  color: var(--accent-clr);
  padding: 0 0.7rem;
  line-height: 30px;
  font-size: 1rem;
  transition: all 295ms var(--bezier-nobounce);
}
.date-picker-wrapper .drp_top-bar .apply-btn:hover {
  background: var(--ultra-light-grey-clr);
}

.date-picker-wrapper.two-months .month-wrapper {
  width: 500px !important;
  border: none;
  padding: 0;
  margin-top: 1.5rem;
  display: flex;
}
.date-picker-wrapper .month-wrapper table,
.date-picker-wrapper .month-wrapper table.month2 {
  width: 226px !important;
  margin-bottom: 0;
}
.date-picker-wrapper .time {
  display: none;
}
.date-picker-wrapper .gap {
  width: 28px;
  background-color: white;
}
.date-picker-wrapper .gap .gap-lines {
  height: 100%;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.date-picker-wrapper .gap .gap-line {
  width: 13px;
}

.date-picker-wrapper .month-wrapper table thead .caption {
  height: 3rem;
}
.date-picker-wrapper .month-wrapper table thead .caption th {
  border: none;
  font-weight: 900;
  font-size: 1.15rem;
  line-height: 1.5;
  color: var(--text-black-clr);
  text-transform: capitalize;
}

.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
  height: 26px;
  width: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50px;
  font-size: 0;
  padding: 0;
  background-color: white;
  transition: background-color 295ms var(--bezier-nobounce);
}
.date-picker-wrapper table .caption .next:before,
.date-picker-wrapper table .caption .prev:before {
  content: "";
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 16 16' focusable='false'%3E%3Cpath stroke='var(--dark-grey-clr, %231c1c1c)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 12l4-4-4-4'/%3E%3C/svg%3E ");

  background-size: 18px 18px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.date-picker-wrapper table .caption .prev:before {
  transform: rotate(180deg);
}
.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
  background-color: var(--ultra-light-grey-clr);
}
.date-picker-wrapper .month-wrapper table .day {
  padding: 0px;
  line-height: 0px;
  height: 30px;
  width: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  margin-bottom: 3px;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: var(--text-black-clr) !important;
  cursor: pointer;
}
.date-picker-wrapper .selected-days {
  font-style: normal;
}
.date-picker-wrapper .month-wrapper table .day.checked,
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: #ffc4b2;
}
.date-picker-wrapper .first-date-selected {
  background-color: var(--accent-clr) !important;
  border-radius: 6px 0 0 6px;
}
.date-picker-wrapper .last-date-selected {
  background-color: var(--accent-clr) !important;
  border-radius: 0 6px 6px 0;
}
.date-picker-wrapper tr td:first-child .day {
  border-radius: 6px 0 0 6px;
}
.date-picker-wrapper tr td:last-child .day {
  border-radius: 0 6px 6px 0;
}
.date-picker-wrapper tr td div.toMonth ~ .date-picker-wrapper tr td div.toMonth {
  color: green;
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering,
.date-picker-wrapper .month-wrapper table .day.real-today {
  outline: 2px solid black;
  border-radius: 5px;
  background-color: transparent !important;
}

.date-picker-wrapper .date-range-length-tip {
  background-color: white;
  font-size: 14px;
  color: black;
  padding: 8px 11px;
  margin-top: -14px;
  margin-left: -8px;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 20px -0.5px var(--transparent-grey-clr);
  box-shadow: 0 4px 20px -0.5px var(--transparent-grey-clr);
  filter: none;
  -webkit-filter: none;
}
.date-picker-wrapper .date-range-length-tip:after {
  content: none;
}

.date-picker-wrapper .month-wrapper table .week-name,
.date-picker-wrapper .footer {
  display: none;
}

/* Date selector - Copy styling from above*/
.ui-datepicker .ui-datepicker-header {
  border: none;
  background: none;
  color: var(--text-black-clr);
  padding: 0;
  margin-bottom: 1rem;
  position: relative;
}

/* List Filters and top containers*/
#wcfm-products_wrapper .wcfm_products_filter_wrap {
  position: absolute;
  top: -64px;
  right: 177px;
  height: 40px;
  color: var(--light-grey-clr);
  margin-top: 0px !important;
}
.wcfm-container.wcfm-top-element-container {
  background: white !important;
  padding: 1rem 1.5rem;
  border-radius: 10px;
  border: 0;
  box-shadow: none;
  min-height: 82px;
}
.wcfm-container.wcfm-top-element-container.coupon-top-container {
  margin-bottom: 1.5rem;
  display: flex;
}
#wcfm-main-contentainer .wcfm-page-heading-text_sub ul {
  margin: 0px;
  font-size: 16px;
}

#wcfm-main-contentainer input.wcfm_submit_button,
#wcfm-main-contentainer button.wcfm_submit_button {
  border: 0 !important;
  background: var(--dark-grey-clr);
}

#wcfm-main-contentainer a.add_new_wcfm_ele_dashboard:hover,
#wcfm-main-contentainer a.wcfm_import_export:hover,
#wcfm-main-contentainer input.wcfm_submit_button:hover,
#wcfm-main-contentainer button.wcfm_submit_button:hover {
  background: var(--medium-grey-clr);
}
#wcfm-main-contentainer input.wcfm_submit_button:hover,
#wcfm-main-contentainer button.wcfm_submit_button:hover,
#wcfm-main-contentainer a.wcfm_submit_button:hover,
#wcfm-main-contentainer .wcfm_add_category_bt:hover,
#wcfm-main-contentainer .wcfm_add_attribute:hover,
#wcfm-main-contentainer .wcfm_add_attribute_term:hover,
#wcfm-main-contentainer input.upload_button:hover,
#wcfm-main-contentainer input.remove_button:hover,
.multi_input_block_manupulate:hover,
#wcfm-main-contentainer .dataTables_wrapper .dt-buttons .dt-button:hover,
#wcfm_vendor_approval_response_button:hover,
#wcfm_enquiry_submit_button:hover {
  background: var(--dark-grey-hover-clr);
  color: var(--text-white-clr) !important;
}
.woocommerce-progress-form-wrapper .woocommerce-importer .woocommerce-importer-done::before {
  color: var(--medium-dark-green-clr) !important;
  content: "";
  background-image: url(/app/themes/gpbox/assets/img/icons/check-circle.svg);
  height: 50px;
  width: 50px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.woocommerce-exporter-wrapper .wc-progress-steps li.done,
.woocommerce-importer-wrapper .wc-progress-steps li.done,
.woocommerce-progress-form-wrapper .wc-progress-steps li.done,
.woocommerce-exporter-wrapper .wc-progress-steps li.active,
.woocommerce-importer-wrapper .wc-progress-steps li.active,
.woocommerce-progress-form-wrapper .wc-progress-steps li.active {
  border-color: var(--accent-clr);
  color: var(--accent-clr);
}
.woocommerce-exporter-wrapper .wc-progress-steps li.active::before,
.woocommerce-importer-wrapper .wc-progress-steps li.active::before,
.woocommerce-progress-form-wrapper .wc-progress-steps li.active::before {
  border-color: var(--accent-clr);
}

#wcfm-main-contentainer .woocommerce-importer-done-view-errors {
  color: var(--medium-dark-green-clr);
  cursor: pointer;
  text-decoration: underline;
  display: inline-flex;
}
#wcfm-main-contentainer .woocommerce-importer-done-view-errors:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16' focusable='false'%3E%3Cpath stroke='var(--medium-dark-green-clr, %2379c501)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 12l4-4-4-4'/%3E%3C/svg%3E ");
  width: 24px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: 100% center;
  rotate: 90deg;
}

/*-----------------------------------------------------*\
    5.0- Vendor Dashboard - Empty States Lists Tables
\*-----------------------------------------------------*/
/* Product list */
#wcfm-main-contentainer [data-has-products="false"] #wcfm-products_filter {
  position: relative !important;
  top: 0 !important;
  padding-left: 0 !important;
}

/* Order list */
#wcfm-main-contentainer [data-has-orders="false"] #wcfm-orders_filter {
  position: relative !important;
  top: 0 !important;
  padding-left: 0 !important;
  float: none !important;
}
#wcfm-main-contentainer [data-has-orders="false"] #wcfm-orders_wrapper .dt-buttons {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  float: none !important;
  margin-left: auto !important;
}

/* Messages list */
#wcfm-main-contentainer [data-has-messages="false"] #wcfm-enquiry_filter {
  position: relative !important;
  top: 0 !important;
  padding-left: 0 !important;
  float: none !important;
  width: 100% !important;
}

.messages-top-container > div.fluid {
  max-width: 33%;
  padding-right: 2rem;
}
.messages-top-container > div.fluid:last-child {
  padding-right: 0;
}
/*---------------------------------------*\
    5.1- Vendor Dashboard - General lists
\*---------------------------------------*/

#wcfm-main-contentainer .wcfm_filters_wrap .select2-container,
#wcfm-main-contentainer .wcfm_filters_wrap input[type="text"] {
  box-shadow: none;
  border-radius: 5px;
  width: 220px !important;
  margin-right: 10px;
  margin-left: 0px;
}
#wcfm-main-contentainer .wcfm_filters_wrap .select2-container span.selection span.select2-selection,
#wcfm-main-contentainer .wcfm_filters_wrap input[type="text"] {
  box-shadow: none;
  border: var(--border) !important;
}
#wcfm-main-contentainer .wcfm_filters_wrap .select2-container span.selection span.select2-selection .select2-selection__placeholder {
  padding: 0px;
  text-align: left;
  display: flex;
  margin-left: 5px;
  font-size: 14px;
  color: var(--light-grey-clr);
}

/*---------------------------------------*\
    5.- Vendor Dashboard - Settings
\*---------------------------------------*/
/*Settings - General*/
p.wcfm_title strong,
span.wcfm_title strong {
  font-weight: 700 !important;
  font-style: normal;
  color: var(--text-black-clr) !important;
}
#wcfm_settings_form .wcfm-tabWrap,
#wcfm_profile_form .wcfm-tabWrap {
  border-radius: 10px;
  box-shadow: none;
  padding-bottom: 50px;
  min-height: calc(100vh - 200px);
}
#wcfm_settings_form .page_collapsible,
#wcfm_profile_form .page_collapsible,
#wcfm_coupons_manage_form .page_collapsible {
  width: 260px !important;
  min-height: 40px;
  padding: 0.9rem 0.9rem 0.9rem 1.5rem;
  font-size: 1rem;
  color: var(--dark-grey-clr);
  border-right: var(--border);
  border-bottom: var(--border);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  z-index: 0;
}
#wcfm_settings_form .page_collapsible::before,
#wcfm_profile_form .page_collapsible::before,
#wcfm_coupons_manage_form .page_collapsible::before {
  content: "";
  opacity: 0;
  background: var(--ultra-light-grey-clr);
  width: 95%;
  left: 2.5%;
  height: 40px;
  z-index: -1;
  border-radius: 50px;
  position: absolute;
  -webkit-transition: opacity 150ms ease-out, -webkit-transform 200ms var(--bezier);
  transition: opacity 150ms ease-out, -webkit-transform 200ms var(--bezier);
  -o-transition: transform 200ms var(--bezier), opacity 150ms ease-out;
  transition: transform 200ms var(--bezier), opacity 150ms ease-out;
  transition: transform 200ms var(--bezier), opacity 150ms ease-out, -webkit-transform 200ms var(--bezier);
  -webkit-transform: scale(0.7) perspective(1px);
  transform: scale(0.7) perspective(1px);
  opacity: 0;
  pointer-events: none;
}
.page_collapsible_content_holder {
  z-index: 1;
}

/* Forces the panel leaving to be hidden instantly on click */
.collapse-close:not(.collapse-open) + .wcfm-container {
  display: none !important;
}
.collapse-close.collapse-open + .wcfm-container {
  padding-top: 1.75rem !important;
}

/* Panel on top of Shop Options showing vendor info */
.settings_vendor_info {
  width: 260px;
  min-height: 40px;
  padding: 1.25rem 0.9rem 1.25rem 1.5rem;
  z-index: 1;
  border-right: var(--border);
  border-bottom: var(--border);
}

.settings_vendor_info a.asmall svg path {
  transition: stroke 295ms var(--bezier-nobounce);
}
.settings_vendor_info a.asmall:hover svg path {
  stroke: var(--accent-clr);
}

#wcfm_settings_form .page_collapsible:nth-last-child(3),
#wcfm_profile_form .page_collapsible:nth-last-child(2),
#wcfm_coupons_manage_form .page_collapsible:nth-last-child(3) {
  border-bottom-right-radius: 10px;
}

#wcfm_settings_form .page_collapsible label,
#wcfm_profile_form .page_collapsible label {
  color: var(--light-grey-clr);
  margin-right: 7px;
}

#wcfm_settings_form .page_collapsible:hover:before,
#wcfm_profile_form .page_collapsible:hover:before,
#wcfm_coupons_manage_form .page_collapsible:hover:before {
  opacity: 1;
  -webkit-transform: scale(1) perspective(1px);
  transform: scale(1) perspective(1px);
}
.page_collapsible.collapse-open > div,
.page_collapsible.collapse-open {
  font-weight: 700;
}
#wcfm_settings_form .page_collapsible.collapse-open:before,
#wcfm_profile_form .page_collapsible.collapse-open:before,
#wcfm_coupons_manage_form .page_collapsible.collapse-open:before {
  opacity: 1;
  transform: scale(1);
}

#wcfm_settings_form .wcfm-container,
#wcfm_profile_form .wcfm-container,
#wcfm_coupons_manage_form .wcfm-tabWrap .wcfm-container {
  width: calc(100% - 260px) !important;
  min-height: 80% !important;
  padding: 1.5rem;
  background: white;
  z-index: 1;
}
#wcfm_settings_form .wcfm-content h2,
#wcfm_profile_form .wcfm-content h2 {
  margin-bottom: 25px !important;
  border-bottom: var(--border);
  width: 100%;
  padding-bottom: 10px;
  color: var(--dark-grey-clr);
  font-style: normal;
}

div.wcfm-collapse-content h2 {
  font-size: var(--small);
  line-height: 100%;
  display: block;
  float: unset;
  font-weight: 900;
  color: var(--text-black-clr);
  margin: unset;
  margin-bottom: 2rem;
  width: unset;
  padding: unset;
  font-style: normal;
}

#wcfm-main-contentainer #wcfm_settings_form input[type="text"].wcfm-text,
#wcfm-main-contentainer #wcfm_settings_form input[type="number"].wcfm-text,
#wcfm-main-contentainer #wcfm_profile_form input[type="text"].wcfm-text,
#wcfm-main-contentainer #wcfm_profile_form input[type="number"].wcfm-text,
#wcfm-main-contentainer #wcfm_profile_form input[type="password"].wcfm-text {
  box-shadow: none;
  padding: 0.5rem 0.75rem;
  border-radius: 5px;
  font-size: 1rem;
  line-height: unset;
  min-height: unset;
  border: var(--border) !important;
  color: var(--dark-grey-clr);
  -webkit-transition: -webkit-box-shadow 200ms ease-out;
  transition: -webkit-box-shadow 200ms ease-out;
  -o-transition: box-shadow 200ms ease-out;
  transition: box-shadow 200ms ease-out;
  transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out;
}
#wcfm-main-contentainer #wcfm_settings_form input.wcfm-text::placeholder {
  color: var(--light-grey-clr);
  font-size: 1rem;
}
#wcfm-main-contentainer input.remove_button {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  font-weight: 900;
  letter-spacing: normal;
  font-size: 10px;
  text-shadow: none;
  float: none;
}
#wcfm-main-contentainer .wcfm-wp-fields-uploader img {
  border: var(--border);
  border-radius: 10px;
  object-fit: cover;
}
#wcfm-main-contentainer .wcfm-wp-fields-uploader img.placeHolder {
  border: 2px dashed var(--very-light-grey-clr);
  border-radius: 10px;
  min-width: 170px;
  transition: border-color 295ms var(--bezier-nobounce);
}

#wcfm_settings_form .wcfm_title .required {
  display: none;
}

#wcfm_settings_form .wcfm_title,
#wcfm_profile_form .wcfm_title {
  width: 25% !important;
  min-width: 270px !important;
  margin-left: 0px;
  margin-bottom: 9px !important;
  margin-top: 9px !important;
  padding-block: 0 !important;
  padding-right: 25px;
  padding-left: 0;
  font-size: 1rem;
}
#wcfm_settings_form .wcfm_title.checkbox_title,
#wcfm_profile_form .wcfm_title.checkbox_title {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
#wcfm_settings_form .wcfm_title.textarea_title,
#wcfm_settings_form .wcfm_title.imageinput_title {
  margin-top: 0px !important;
}

#wcfm_settings_form .wcfm-text,
#wcfm_settings_form .select2-container--default,
#wcfm-main-contentainer #wcfm_settings_form select.wcfm-select,
#wcfm_profile_form .wcfm-text,
#wcfm_profile_form .select2-container--default,
#wcfm-main-contentainer #wcfm_profile_form select.wcfm-select,
#wcfm_settings_form .wcfm-textarea,
.wcfmmp_stripe_connect {
  width: 75% !important;
  margin-bottom: 20px !important;
  margin-right: 0px !important;
  max-width: calc(100% - 270px) !important;
}

#wcfm_settings_form .right_input_075 {
  width: 75% !important;
  margin-right: 0px !important;
  max-width: calc(100% - 270px) !important;
}

#wcfm-main-contentainer .select2-container .select2-selection {
  padding: 0.5rem 1rem 0.5rem !important;
}
#wcfm-main-contentainer .select2-container .select2-selection {
  min-height: unset !important;
}

.desktop #wcfm_settings_form .wcfm-text.profile-picture-settings,
.desktop .square_image_input {
  width: 180px !important;
  min-width: 180px !important;
  margin-right: min(calc(75% - 180px), calc(100% - 270px - 180px)) !important;
}
#wcfm_settings_form .wcfm-text.profile-picture-settings,
.square_image_input,
#wcfm_settings_form .wcfm-text.banner_type_upload {
  z-index: 2;
}

#wcfm-main-contentainer #shop_banner_type label {
  display: flex;
}

#wcfm_settings_form .image-label.logo-label {
  left: max(25%, 270px);
  top: 0px;
}

#wcfm_settings_form .select2-container--default .select2-selection,
#wcfm_profile_form_form .select2-container--default .select2-selection,
#wcfm-main-contentainer#wcfm_profile_form select.wcfm-select {
  min-height: unset !important;
  height: unset !important;
  padding: 0.5rem 0.75rem 0.5rem !important;
}

.wcfm_title strong {
  color: var(--text-black-clr) !important;
}

/* Submid & Draft buttons */
.wcfm_form_simple_submit_wrapper {
  position: fixed;
  bottom: 15px !important;
  right: 10px;
  z-index: 100;
  display: flex;
  align-items: flex-end;
  width: unset;
  left: unset;
  background: none;
  z-index: 99999;
}

.wcfm-message {
  border-radius: 8px !important;
  text-align: left;
  padding: 0.6rem 1.5rem !important;
  z-index: 99999;
  font-weight: 400;
  margin: 0.5rem 1rem;
  min-height: 45px;
  display: none;
}

.wcfm-message.wcfm-success {
  background-color: var(--fade-green-darker-clr);
  color: var(--medium-dark-green-clr);
  border-color: var(--fade-green-darker-clr);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  display: unset;
}

.wcfm-message.wcfm-error {
  background-color: var(--fade-red-clr);
  color: var(--bright-red-clr);
  border-color: var(--fade-red-clr);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  display: unset;
}

.wcfm-message.inline-message {
  margin: 0px 20px;
}

.wcicon-status-active:before,
.wcicon-status-completed:before {
  content: "";
  min-width: 18px;
  height: 18px;
  position: relative;
  margin-right: 0rem;
  margin-bottom: 0.1rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(/app/themes/gpbox/assets/img/icons/check-circle.svg);
  background-position: center;
}

.wcicon-status-cancelled:before {
  content: "";
  min-width: 20px;
  height: 20px;
  background-size: 20px;
  position: relative;
  margin-right: 0rem;
  margin-bottom: 0.1rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(/app/themes/gpbox/assets/img/icons/error.svg);
  background-position: center;
}

.wcfm-error,
.wcfm-info,
.wcfm-success,
.wcfm-validation,
.wcfm-warning,
.wcfm-wcfmu {
  border: none;
  border-radius: 5px;
  padding: 0.5rem 1rem;
  display: none;
}
.wcfm-error {
  background-color: var(--fade-red-clr);
  color: var(--bright-red-clr);
}
.wcicon-status-cancelled {
  color: var(--bright-red-clr);
}
.wcfm-message .wcicon-status-cancelled {
  vertical-align: middle;
  display: inline-flex;
}
.wcfm-message span {
  margin-right: 0.5rem;
  vertical-align: middle !important;
}
.wcfm-message.wcfm-error span {
  vertical-align: text-bottom;
}
#wcfm-main-contentainer .wcfm_form_simple_submit_wrapper .floating-save-button {
  margin: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 220px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  border-radius: 50px;
  background: var(--accent-clr);
  border: 1px solid var(--accent-clr);
  transition: all 0.3s ease-in-out;
}
#wcfm-main-contentainer .wcfm_form_simple_submit_wrapper .floating-save-button > input.wcfm_submit_button,
#wcfm-main-contentainer .wcfm_form_simple_submit_wrapper .floating-save-button > button.wcfm_submit_button {
  display: block !important;
  background: none;
  box-shadow: none;
  text-shadow: none;
  color: var(--text-white-clr);
  border-radius: 50px;
  margin: 0px;
  padding: 0px !important;
  width: 100% !important;
  letter-spacing: normal;
  text-transform: none;
  font-weight: 700;
  height: 48px;
  font-size: 1rem;
  transition: all 0.3s ease-in-out;
}
#wcfm-main-contentainer .wcfm_form_simple_submit_wrapper .floating-save-button.draft-button {
  border: 1px solid var(--very-light-grey-clr);
  background: white;
  border-radius: 50px;
}
#wcfm-main-contentainer .wcfm_form_simple_submit_wrapper .floating-save-button.draft-button input.wcfm_submit_button,
#wcfm-main-contentainer .wcfm_form_simple_submit_wrapper .floating-save-button.draft-button button.wcfm_submit_button {
  color: var(--accent-clr) !important;
  transition: all 0.3s ease-in-out;
}
#wcfm-main-contentainer .wcfm_form_simple_submit_wrapper .floating-save-button:hover {
  background: var(--accent-hover-clr);
  border: 1px solid var(--accent-hover-clr);
}
#wcfm-main-contentainer .wcfm_form_simple_submit_wrapper .floating-save-button.draft-button:hover {
  background: var(--ultra-light-grey-clr);
  border: 1px solid var(--ultra-light-grey-clr);
  color: var(--accent-clr);
}

.floating-message .border-box {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.floating-message {
  margin: 0.5rem 1rem;
}

#wcfm_settings_form input.wcfm-checkbox,
#wcfm_profile_form input.wcfm-checkbox {
  margin-bottom: 25px;
}
#wcfm-main-contentainer .wcfm_email_verified {
  margin-left: auto;
  margin-right: 0px;
  display: flex;
  width: 75%;
}
/* Settings - Store*/
.store-appearance-form .wcfm_title,
.store-appearance-form .wcfm-text,
.seo-og-images .wcfm_title {
  float: left;
}
#gravatar_display,
.square_image_input img {
  width: 180px !important;
  height: 180px !important;
}
#wp-shop_description-wrap {
  width: 100% !important;
}

.image_uploader_settings .upload_button {
  display: none;
}

#wcfm_settings_form .page_collapsible .wcfmfa,
#wcfm_profile_form .page_collapsible .wcfmfa,
#wcfm_settings_form .page_collapsible .fab,
#wcfm_profile_form_additional_info_head .page_collapsible .wcfmfa,
#wcfm_coupons_manage_form .page_collapsible .wcfmfa {
  display: none;
}

.store_address .banner_type,
.store_address #banner_type,
.store_address .mobile_banner,
.store_address .wcfm-banner-uploads,
.store_address .list_banner_type,
.store_address #list_banner_type,
.store_address .list_banner.list_banner_type_field {
  display: none !important;
}
.store_address .banner_type_field.wcfm-banner-uploads {
  display: block !important;
  z-index: 2;
}
.store_address .banner_type_field.wcfm-banner-uploads #banner {
  display: none !important;
}
#wcfm-main-contentainer #banner_display,
#wcfm-main-contentainer #banner_slider .wcfm-wp-fields-uploader img {
  height: 180px;
  object-fit: cover;
  width: 100%;
}
#wcfm-main-contentainer #banner_slider .wcfm-wp-fields-uploader {
  height: 180px;
  width: 100%;
  aspect-ratio: 1520 / 292;
  margin-bottom: 0;
}
#wcfm-main-contentainer #banner_slider .multi_input_block {
  padding: 0px !important;
  position: relative;
}
#wcfm-main-contentainer #banner_slider .multi_input_block:not(:last-child) {
  margin-bottom: 10px;
}

#wcfm-main-contentainer #banner_slider .wcfm_multiblock_sortable {
  position: absolute;
  z-index: 99;
  bottom: 1rem;
  left: 0.5rem;
  margin-top: -5px;
  margin-bottom: -5px;
  cursor: move;
}
#wcfm-main-contentainer #banner_slider .wcfm_multiblock_sortable:active {
  cursor: grabbing;
}
#wcfm-main-contentainer #banner_slider .wcfm_multiblock_sortable:before {
  content: "";
  width: 40px;
  height: 40px;
  background-image: url(/app/themes/gpbox/assets/img/icons/sort.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  display: flex;
  background-color: white;
  border-radius: 50%;
  transition: background-color 295ms var(--bezier);
}

/*Settings - Payment*/
.wcfmmp_stripe_connect {
  margin-left: auto;
}
#wcfm-main-contentainer .wcfmmp_stripe_connect table td {
  text-align: center;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* Settings - Shipping*/
#wcfm_settings_form #wcfmmp_shipping_rates {
  position: relative;
  width: 100%;
  margin-top: 75px;
}
#wcfm_settings_form h2.shipping-title {
  margin-top: 20px;
}
#wcfm_settings_form .wcfm_vendor_settings_heading.cost-by-country h2.shipping-titlecost-by-country {
  margin-top: 50px;
}
#wcfm_settings_form p.title-description,
#wcfm_profile_form p.title-description {
  font-size: 1rem;
  margin-bottom: 1rem;
  padding: 0;
  padding-right: 2rem;
}
#wcfmmp_shipping_rates .multi_input_block {
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: var(--border) !important;
  min-height: 70px;
}
#wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block > * {
  margin: 0px !important;
}
#wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block > .wcfm_multiblock_sortable {
  color: var(--accent-clr);
  margin-right: 15px !important;
  margin-left: 5px !important;
}

.mobile #wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block > .wcfm_multiblock_sortable {
  display: none;
}

#wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block .wcfm_title {
  padding-right: 15px;
  padding-left: 35px;
  text-align: right;
}
#wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block input.wcfm-text {
  width: 150px !important;
  min-width: unset !important;
  max-width: unset !important;
  margin-right: 30px !important;
  padding-left: 35px !important;
}
#wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block .select2-container--default {
  min-width: unset !important;
  max-width: unset !important;
}
#wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block .remove_multi_input_block {
  margin-right: 5px !important;
}
#wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block .add_multi_input_block {
  position: absolute;
  right: 0px;
  top: -50px;
  padding: 5px 16px 5px 6px;
  border-radius: 50px;
  color: var(--text-white-clr);
  background: var(--dark-grey-clr);
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 195ms var(--bezier-nobounce);
}
#wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block .add_multi_input_block:hover {
  opacity: 0.7;
}
#wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block .add_multi_input_block:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24' focusable='false'%3E%3Cpath stroke='var(--text-white-clr, %23fafafa)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  width: 28px;
  height: 28px;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  display: flex;
  background-color: var(--dark-grey-hover-clr);
  border-radius: 50px;
  margin-right: 0.5rem;
}
#wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block .add_multi_input_block:after {
  content: "New country";
  font-family: "GPBox V3 Next", Arial, sans-serif;
  margin-left: 10px;
  font-size: 1rem;
  font-weight: 700;
}
#wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block .add_multi_input_block:before {
  font-weight: 700 !important;
}
/* Settings - Policies*/
.wcfm_policy_tab_title,
#wcfm_policy_tab_title,
#settings_policies_expander .wp-editor-tools,
#settings_policies_expander .mce-menubtn {
  display: none !important;
}
#wcfm_settings_form #settings_policies_expander > .wcfm_title {
  width: 100% !important;
  float: unset;
}
#wcfm-main-contentainer #settings_policies_expander .wp-editor-wrap {
  margin-top: 15px;
  margin-bottom: 35px;
}
#wcfm_shipping_policy_ifr,
#wcfm_refund_policy_ifr,
#wcfm_cancellation_policy_ifr {
  min-height: 250px !important;
}
#settings_policies_expander .policy-wrapper {
  display: flex;
  flex-direction: column;
}
#settings_policies_expander .policy-wrapper .wcfm_title {
  order: -1;
  font-size: 1rem;
  width: 100% !important;
  margin-bottom: 5px !important;
}
#settings_policies_expander .policy-wrapper .policy-description {
  order: -1;
  width: 100%;
  font-size: 1rem;
  font-style: normal;
  margin: 0 !important;
  padding: 0 !important;
  margin-top: -2.2rem !important;
}
#settings_policies_expander .policy-wrapper .policy-button {
  background: var(--dark-grey-clr);
  color: var(--text-white-clr);
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 50px;
  transition: opacity 295ms var(--bezier-nobounce);
  margin-left: auto;
  font-weight: 700;
  padding: 5px 16px 5px 6px;
  white-space: nowrap;
  cursor: pointer;
}
#settings_policies_expander .policy-wrapper .policy-button:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24' focusable='false'%3E%3Cpath stroke='var(--text-white-clr, %23fafafa)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  width: 28px;
  height: 28px;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  display: flex;
  background-color: var(--dark-grey-hover-clr);
  border-radius: 50px;
  margin-right: 0.5rem;
}
#settings_policies_expander .policy-wrapper .policy-button:hover {
  opacity: 0.7;
}

/*Settings - SEO */
.og-image-default {
  width: 500px;
  border-radius: 10px;
  border: var(--border);
  object-fit: cover;
}

/* Settings - Shipstation */
#wcfm-main-contentainer #wcfm_settings_form_shipstation_expander .select2-search input[type="search"] {
  box-shadow: none !important;
  line-height: 32px !important;
  border: none !important;
  margin: 0 !important;
}

.wcfm-dashboard-page .visitors-per-product .select2-container {
  width: 250px !important;
}

#wcfm-main-contentainer #wcfm_settings_form #wcfm_shipstation_setting_auth_key {
  margin-bottom: 0.5rem !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--dark-grey-clr);
  border: 0;
  color: var(--text-white-clr);
  display: block;
  padding: 3px 12px;
  margin-bottom: 0.15rem;
  margin-top: 0.15rem;
  border-radius: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--text-white-clr);
  margin-right: 0.35rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  opacity: 0.7;
  color: var(--text-white-clr);
}

.new_setting_badge::after {
  content: "New";
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 400 !important;
  color: var(--text-black-clr);
  background-color: var(--light-orange-clr);
  padding: 0.15rem 0.75rem;
  border-radius: 50px;
}

.submenu-items .new_setting_badge::after {
  right: 0.5rem;
}

#wcfm_settings_form_shipstation_expander p.description {
  width: 100%;
  font-size: 1rem;
  font-style: normal;
  margin: 0 !important;
  padding: 0 !important;
}

/* Copy text extraction */
.click-to-copy-label {
  color: var(--accent-clr);
  display: inline-block !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  position: relative;
  opacity: 0.001;
  transition: opacity 0.2s ease-in-out;
  top: -1px;
  left: 5px;
}

.click-to-copy {
  cursor: pointer;
}

.click-to-copy:hover .click-to-copy-label {
  opacity: 0.999;
}

.click-to-copy .click-to-copy-label::after {
  content: attr(data-label);
  color: var(--accent-clr);
  display: inline-block;
  position: absolute;
  font-weight: 400;
  top: -2px;
  left: 50%;
  opacity: 0.001;
  text-align: center;
  transform: translate3d(-50%, 0, 0);
  -webkit-backface-visibility: hidden;
  white-space: nowrap;
}

.click-to-copy.copying .click-to-copy-label::after {
  animation: floatup 0.5s ease-in-out;
}

@keyframes floatup {
  20% {
    opacity: 0.999;
  }
  100% {
    transform: translate3d(-50%, -1rem, 0);
  }
}

/*---------------------------------------*\
    5.- Vendor Dashboard - User Profile
\*---------------------------------------*/
#wcfm-main-contentainer #wcfm_profile_form input.wcfm-text.inactive_input {
  pointer-events: none !important;
  color: var(--medium-dark-grey) !important;
  border: none !important;
}

/*---------------------------------------*\
    10.- Admin Dashboard
\*---------------------------------------*/
.wcfm-page-headig span.wcfmfa,
.wcfm-collapse-content .wcfm-top-element-container > h2 {
  display: none;
}

#wcfm-main-contentainer #wcfm-vendors_wrapper .wcfm_vendors_filter_wrap {
  position: absolute;
  top: -109px;
  left: 22px;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
#wcfm-main-contentainer #wcfm_vendors_listing .wcfm-container.wcfm-top-element-container {
  min-height: 120px;
}

#wcfm-main-contentainer #wcfm-vendors_wrapper .wcfm_vendors_filter_wrap #dropdown_vendor,
#wcfm-main-contentainer #wcfm-vendors_wrapper .wcfm_vendors_filter_wrap .select2-container {
  width: 400px !important;
  min-width: 400px !important;
  max-width: 400px !important;
  height: 48px !important;
}

#wcfm_vendors_listing .wcfm-container,
#wcfm_vendors_listing #wcfm_vendors_listing_expander {
  background: none;
}
#wcfm_vendors_listing #wcfm_vendors_listing_expander table br {
  display: block !important;
}

#wcfm_vendors_listing #wcfm_vendors_listing_expander table tr th:nth-child(2),
#wcfm_vendors_listing #wcfm_vendors_listing_expander table tr th:nth-child(6),
#wcfm_vendors_listing #wcfm_vendors_listing_expander table tr th:nth-child(9) {
  display: none;
}
#wcfm_vendors_listing #wcfm_vendors_listing_expander table tr td:nth-child(2),
#wcfm_vendors_listing #wcfm_vendors_listing_expander table tr td:nth-child(6),
#wcfm_vendors_listing #wcfm_vendors_listing_expander table tr td:nth-child(9) {
  display: none;
}

#wcfm-main-contentainer #wcfm_vendors_listing .order-status:before {
  min-width: 24px;
  height: 24px;
  background-size: contain;
}
#wcfm_vendors_listing #wcfm_vendors_listing_expander .dt-buttons {
  display: none;
}

a.add_new_wcfm_ele_dashboard span,
a.wcfm_import_export span,
a.add_new_wcfm_ele_dashboard span,
a.wcfm_import_export span {
  font-weight: 400 !important;
}
.woocommerce-MyAccount-navigation-link--wcfm-store-manager a:before {
  display: none;
}
#wcfm_messages_listing #wcfm_messages_form {
  display: none;
}

/*---------------------------------------*\
    10.- Import/Export Products
\*---------------------------------------*/
#wcfm-main-contentainer .select2-container {
  box-shadow: none !important;
}

#wcfm-main-contentainer .woocommerce-exporter-options .select2-container {
  margin-bottom: 0px;
}

#wcfm-main-contentainer .woocommerce-exporter-options .select2-container .select2-search__field {
  margin-top: 0px;
  border-radius: 0;
}

#wcfm_products_export_expander h1,
#wcfm_products_export_expander h2,
#wcfm-main-contentainer #wcfm_products_export_expander .woocommerce-importer-toggle-advanced-options {
  display: none;
}
#wcfm-main-contentainer #wcfm_products_export_expander .button-next,
#wcfm-main-contentainer #wcfm_products_export_expander .wcfm_add_attribute,
#wcfm-main-contentainer .dashboard_container .wc-actions .typeform-share.button-next,
#wcfm-main-contentainer #wcfm_products_export_expander input.wcfm_submit_button {
  border-radius: 50px;
  float: none;
  letter-spacing: normal;
  text-shadow: none;
  box-shadow: none;
  text-transform: none;
  font-size: 1rem;
  font-weight: 700;
  padding: 10px 20px !important;
  transition: background-color 295ms var(--bezier-nobounce);
}

#wcfm-main-contentainer #wcfm_products_export_expander input.wcfm_submit_button {
  margin-top: 0px;
  margin-bottom: 0px;
}

#wcfm-main-contentainer #wcfm_products_export_expander .button-next {
  border-radius: 50px;
  letter-spacing: normal;
  text-shadow: none;
  box-shadow: none;
  text-transform: none;
  font-size: 1rem;
  height: 48px;
  font-weight: 700;
  padding: 10px 28px !important;
  background: var(--accent-clr);
}
#wcfm-main-contentainer #wcfm_products_export_expander .button-next:hover {
  background-color: var(--accent-hover-clr);
}

#wcfm-main-contentainer #wcfm_products_export_expander .wcicon-status-cancelled:before {
  content: none;
}

#wcfm_products_export_expander .wc-progress-steps {
  margin-top: 25px;
  font-size: 1rem;
  font-weight: 700;
}
#wcfm-main-contentainer .woocommerce-progress-form-wrapper .wc-progress-steps li.done {
  border-color: var(--accent-clr);
}
#wcfm-main-contentainer .woocommerce-exporter-wrapper .wc-progress-steps li.done::before,
#wcfm-main-contentainer .woocommerce-importer-wrapper .wc-progress-steps li.done::before,
#wcfm-main-contentainer .woocommerce-progress-form-wrapper .wc-progress-steps li.done::before {
  border-color: var(--accent-clr);
}
#wcfm_products_export_expander header > p {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 0px;
  font-size: 1rem;
  color: var(--text-black-clr);
  padding: 0;
}
#wcfm-main-contentainer #wcfm_products_export_expander table tr th {
  font-weight: 400;
  font-size: 1rem;
  color: var(--text-black-clr);
  padding: 0px !important;
  padding-right: 2rem !important;
  max-width: 315px;
  width: 315px;
  min-width: 100%;
  text-align: left;
}
#wcfm-main-contentainer #wcfm_products_export_expander table tbody td {
  background: none;
  font-size: 1rem;
  color: var(--text-black-clr);
  text-align: left;
}
#wcfm-main-contentainer #wcfm_products_export_expander .wcfm_title {
  font-size: 1rem;
}
#wcfm-main-contentainer #wcfm_products_export_expander table tbody td small {
  font-size: 1rem;
  color: var(--text-black-clr);
}
#wcfm-main-contentainer #wcfm_products_export_expander .wcfm-message {
  font-size: 16px;
  border-radius: 10px;
  font-weight: 700;
}
#wcfm-main-contentainer #wcfm_products_export_expander table tbody td.wc-importer-mapping-table-field {
  max-width: none !important;
  width: auto;
}
#wcfm-main-contentainer #wcfm_products_export_expander table tbody td.wc-importer-mapping-table-field select {
  width: 100%;
  border-radius: 5px;
  box-shadow: none;
  padding-left: 10px;
  font-size: 1rem;
}

.woocommerce-exporter-wrapper .wc-progress-form-content section,
.woocommerce-exporter-wrapper .woocommerce-exporter section,
.woocommerce-exporter-wrapper .woocommerce-importer section,
.woocommerce-importer-wrapper .wc-progress-form-content section,
.woocommerce-importer-wrapper .woocommerce-exporter section,
.woocommerce-importer-wrapper .woocommerce-importer section,
.woocommerce-progress-form-wrapper .wc-progress-form-content section,
.woocommerce-progress-form-wrapper .woocommerce-exporter section,
.woocommerce-progress-form-wrapper .woocommerce-importer section {
  padding: 0;
}
#wcfm-main-contentainer table.woocommerce-importer-options th,
#wcfm-main-contentainer table.woocommerce-importer-options td {
  padding: 0 !important;
  text-align: left;
  height: 38px;
}
#wcfm-main-contentainer table.woocommerce-importer-options td {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#wcfm-main-contentainer table.woocommerce-importer-options label {
  margin-bottom: 0;
  margin-left: 0.5rem;
}

#wcfm_products_listing .dashboard_container .wc-actions {
  display: flex;
  justify-content: flex-end;
}

/*---------------------------------------*\
    10.- Bulk Stock Manager
\*---------------------------------------*/
#wcfm_stock_manage_form > .wcfm-container,
#wcfm_stock_manage_form #wcfm_products_stock_manage_listing_expander {
  background: none !important;
}
#wcfm-stock-manage_length,
#wcfm-stock-manage_filter {
  display: none;
}
#wcfm-main-contentainer .dataTables_wrapper #wcfm-stock-manage td select:not(.wcfm-checkbox),
#wcfm-main-contentainer .dataTables_wrapper #wcfm-stock-manage td input:not(.wcfm-checkbox) {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  padding: 5px 10px !important;
  margin-bottom: 5px !important;
  height: 40px !important;
}
#wcfm-stock-manage_wrapper .product-status-publish {
  background-color: var(--medium-dark-green-clr);
}
#wcfm-stock-manage_wrapper .product-status-variation {
  background-color: var(--dark-orange-clr);
}

#wcfm-main-contentainer input.upload_button {
  font-size: 14px;
  background: var(--dark-grey-clr);
  height: 40px;
  margin-left: -40px !important;
  border-radius: 6px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.multi_input_block_manupulate.fa-plus-circle:before {
  font-weight: 400 !important;
}

/*------------------------------------*\
    2.7 - Add a Coupon
\*------------------------------------*/
#wcfm_coupons_manage_form > .wcfm-container {
  background: white !important;
  padding: 20px 30px;
  border-radius: 10px;
  box-shadow: none;
  min-height: 82px;
}

body.mobile #wcfm_coupons_manage_form > .wcfm-container {
  padding: 1rem;
}

.wcfm-collapse .wcfm-container,
.wcfm-tabWrap {
  box-shadow: none;
  border-radius: 10px;
}
div.wcfm-content #wcfm_coupons_manage_form ul,
div.wcfm-content #wcfm_coupons_manage_form p {
  padding: 0;
}
#wcfm_coupons_manage_form .wcfm-tabWrap {
  min-height: 500px;
}

#wcfm_coupons_manage_form p.wcfm_title,
#wcfm_coupons_manage_form span.wcfm_title {
  font-size: 1rem;
  width: 25%;
  margin-left: 0px;
  margin-bottom: 9px !important;
  margin-top: 9px !important;
  padding-block: 0 !important;
  padding-right: 30px;
  padding-left: 0;
}
#wcfm_coupons_manage_form .wcfm-text,
#wcfm_coupons_manage_form .select2-container--default,
#wcfm-main-contentainer #wcfm_coupons_manage_form select.wcfm-select,
#wcfm_coupons_manage_form .wcfm-textarea {
  width: 75% !important;
  margin-bottom: 20px !important;
  margin-right: 0px !important;
  display: inline-block;
}

/*Fixes strange bug that category select2 selects are slightly offset to the right*/
#wcfm_coupons_manage_form #product_categories + .select2-container--default,
#wcfm_coupons_manage_form #exclude_product_categories + .select2-container--default {
  width: 74% !important;
}

#wcfm_coupons_manage_form .wcfm_vendor_cupon_heading h2 {
  border-bottom: var(--border);
  padding-bottom: 10px;
}
#wcfm-main-contentainer .wcfm-collapse-content select.wcfm-select {
  box-shadow: none;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  font-size: 1rem;
  color: var(--dark-grey-clr);
  border: var(--border) !important;
  line-height: unset;
}

/*------------------------------------*\
    0.- Media uploader 
\*------------------------------------*/
.media-modal {
  top: 5%;
  left: 5%;
  right: 5%;
  bottom: 5%;
  font-family: "GPBox V3 Next" !important;
}
.media-frame {
  font-family: "GPBox V3 Next" !important;
}
.media-modal .media-modal-content,
.media-modal,
.-media-modal:focus {
  border-radius: 10px;
  outline: none;
  background: var(--background-color);
}
.media-modal .media-frame-title {
  top: 15px !important;
  left: 15px !important;
  position: absolute !important;
  text-align: left;
  padding-left: 0;
}
.media-modal .media-frame-router {
  top: 80px;
  left: 30px !important;
}
.media-modal .media-frame-content {
  top: 121px;
  left: 0px !important;
  bottom: 65px;
}
.media-modal .media-frame-menu,
.media-modal .media-frame-menu-heading {
  display: none;
}
.media-modal .media-frame-title h1 {
  font-weight: 900;
  font-family: "GPBox V3 Next" !important;
}
.media-modal-close {
  right: 1rem;
  top: 1rem;
  width: 40px;
  height: 40px;
  display: flex;
}
.media-modal-close span.media-modal-icon {
  width: 40px;
  height: 40px;
  display: flex;
}
.media-modal .media-modal-close .media-modal-icon:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24' focusable='false'%3E%3Cpath stroke='var(--dark-grey-clr, %231c1c1c)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  background-color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-appearance: none;
  transition: background-color 295ms var(--bezier);
  cursor: pointer;
}
.media-modal .media-modal-close .media-modal-icon:hover:before {
  background-color: var(--very-light-grey-clr);
}

.media-modal .media-frame-content:focus {
  outline: none;
}
.media-modal .media-frame-router .media-menu-item {
  border-radius: 0;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  font-size: 16px;
  color: var(--text-black-clr) !important;
  margin-right: 10px;
  padding: 12px 18px;
  font-weight: 700;
  font-family: "GPBox V3 Next" !important;
}
.wp-core-ui .button,
.wp-core-ui .button-primary,
.wp-core-ui .button-secondary {
  color: var(--accent-clr);
  border: var(--border);
  background: transparent;
  transition: all 0.3s ease-in-out;
  font-size: 16px !important;
  padding: 7px 20px 8px 20px !important;
  line-height: normal !important;
  border-radius: 50px;
  font-weight: 700;
  font-family: "GPBox V3 Next" !important;
  transition: all 295ms var(--bezier-nobounce);
}
.wp-core-ui .button.button-primary,
.wp-core-ui .button-primary {
  color: var(--text-white-clr);
  border-color: var(--accent-clr);
  background: var(--accent-clr);
}
.wp-core-ui .button.button-primary:hover,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button.button-primary:focus,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button.button-primary:active,
.wp-core-ui .button-primary:active {
  color: var(--text-white-clr);
  border-color: var(--accent-hover-clr);
  background: var(--accent-hover-clr);
}
.wp-core-ui .button.button-primary:focus,
.wp-core-ui .button-primary:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--accent-clr);
}
.wp-core-ui .button.button-hero {
  padding: 7px 30px !important;
  margin-top: 5px;
  border-radius: 50px;
}
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:active,
.wp-core-ui .button:active,
.wp-core-ui .button-secondary:focus,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
  color: var(--accent-clr);
  border: var(--border);
  background: var(--ultra-light-grey-clr);
  box-shadow: none;
  outline: none;
}

.image-details .embed-media-settings .setting {
  display: flex;
  margin-right: 2rem;
}
.image-details .embed-media-settings .setting-group,
.image-details .embed-media-settings .setting.link-to,
.image-details .embed-media-settings .advanced-section,
.image-details .embed-media-settings #image-details-size option:last-child {
  display: none;
}

.image-details .media-frame select {
  width: 75%;
}

.media-frame a {
  color: var(--accent-clr);
  text-decoration: underline;
  transition: color 295ms var(--bezier-nobounce);
}
.media-frame a:hover {
  color: var(--accent-hover-clr);
}
.wp-core-ui .button-primary-disabled,
.wp-core-ui .button-primary.disabled,
.wp-core-ui .button-primary:disabled,
.wp-core-ui .button-primary[disabled] {
  color: var(--text-white-clr) !important;
  border-color: var(--accent-clr) !important;
  background: var(--accent-clr) !important;
  opacity: 0.2;
}
.uploader-inline-content .post-upload-ui {
  font-family: "GPBox V3 Next" !important;
}
.media-attachments-filter-heading,
.media-modal .media-frame .media-search-input-label {
  font-size: 1rem;
  font-weight: 400;
  font-family: "GPBox V3 Next" !important;
  position: relative;
  top: unset;
  left: unset;
  margin-right: 25px;
  margin-left: 15px;
  width: unset;
}
.media-modal .attachments-browser .media-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.media-modal .attachments-browser .media-toolbar-secondary,
.media-modal .attachments-browser .media-toolbar-primary {
  display: flex;
  width: 50%;
  height: unset;
  align-items: center;
}
body.mobile .media-modal .attachments-browser .media-toolbar {
  display: none;
}
body.mobile .attachments-browser .uploader-inline,
body.mobile .attachments-browser.has-load-more .attachments-wrapper,
body.mobile .attachments-browser:not(.has-load-more) .attachments {
  top: 25px;
}
.media-modal .attachments-browser .media-toolbar-secondary #media-attachment-filters,
.media-modal .media-toolbar .media-toolbar-secondary {
  display: none;
}
.media-modal .media-frame-toolbar {
  left: 0px;
}
.media-modal-content .media-frame select.attachment-filters,
.media-modal-content .attachments-browser .search {
  margin: 0px;
  padding: 4px;
  height: 40px;
  border-radius: 6px;
  width: 50%;
  border: var(--border);
  font-family: "GPBox V3 Next" !important;
}
.media-modal-content .attachments-browser .search {
  width: 100%;
}
.media-router .media-menu-item.active {
  opacity: 1 !important;
}
.media-router .media-menu-item:hover {
  opacity: 0.7 !important;
}
.media-router .media-menu-item:focus {
  box-shadow: none;
  outline: none;
}
.media-frame input[type="email"]:focus,
.media-frame input[type="number"]:focus,
.media-frame input[type="password"]:focus,
.media-frame input[type="search"]:focus,
.media-frame input[type="text"]:focus,
.media-frame input[type="url"]:focus,
.media-frame select:focus,
.media-frame textarea:focus {
  border-color: var(--dark-grey-clr);
  box-shadow: none;
  outline: none;
}

.wp-core-ui .attachment.details:focus,
.wp-core-ui .attachment:focus,
.wp-core-ui .selected.attachment:focus {
  box-shadow: none;
}
.wp-core-ui .attachment-preview {
  border-radius: 6px;
  box-shadow: none;
  background: #f6f6f6;
  border: var(--border);
}
.wp-core-ui .attachment .thumbnail .centered img {
  border-radius: 4px;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.wp-core-ui .attachment .thumbnail:after {
  box-shadow: none !important;
}
.attachment-info .details {
  font-size: 14px;
  color: white;
}
.attachment-info .details a {
  display: none;
}
.wp-core-ui .attachment.details .check,
.wp-core-ui .attachment.selected .check:focus,
.wp-core-ui .media-frame.mode-grid .attachment.selected .check,
.wp-core-ui .attachment .check {
  background-color: var(--accent-clr);
  border-radius: 5px;
  box-shadow: none;
}
.wp-core-ui .attachment .check .media-modal-icon {
  background-position: -21px 0;
}
.wp-core-ui .attachment .check:hover .media-modal-icon {
  background-position: -60px 0;
}
.wp-core-ui .attachment.details,
.attachment-info .thumbnail-image:after,
.wp-core-ui .selected.attachment {
  box-shadow: none;
}
.wp-core-ui .attachment.details .attachment-preview,
.wp-core-ui .selected.attachment .attachment-preview {
  border: 2px solid var(--dark-grey-clr);
}
.media-sidebar,
.media-modal .imgedit-wrap .imgedit-settings {
  background: none;
}
.media-sidebar .compat-item,
.media-sidebar .attachment-details .setting,
.media-sidebar .attachment-details .description,
.media-sidebar .attachment-details h2,
.attachment-display-settings {
  display: none;
}
.media-sidebar .attachment-details .attachment-info {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  border-bottom: 0px;
  margin-bottom: 0px;
}
.wp-core-ui .button-link:focus,
.media-frame a:focus {
  box-shadow: none;
}
.media-modal-close:focus {
  box-shadow: none;
  border: none;
}
.media-sidebar .attachment-details .attachment-info .thumbnail,
.media-sidebar .attachment-details .attachment-info .thumbnail img {
  max-width: unset;
  max-height: unset;
  width: 100%;
  border-radius: 8px;
}
.attachment-info .details > * {
  margin-top: 7px;
  font-size: 1rem;
  color: var(--text-black-clr);
}
.wcfm-image-media-modal .attachment-info .edit-attachment {
  color: var(--text-white-clr);
  border-color: var(--dark-grey-clr);
  background: var(--dark-grey-clr);
  transition: background-color 295ms var(--bezier-nobounce);
  padding: 11px 20px !important;
  line-height: normal !important;
  border-radius: 50px;
  font-weight: 700;
  margin-top: 24px;
  text-align: center;
}
.wcfm-image-media-modal .attachment-info .edit-attachment:hover {
  background-color: var(--dark-grey-hover-clr);
}

.media-modal .delete-attachment,
.media-modal .trash-attachment,
.media-modal .untrash-attachment {
  color: var(--bright-red-clr);
  text-align: center;
  width: calc(100% - 3px);
  margin-top: 1rem;
  padding: 0.75rem 0;
  font-weight: 700;
  background: white;
  border: var(--border);
  border-color: var(--bright-red-clr);
  border-radius: 50px;
  transition: background-color 295ms var(--bezier-nobounce);
}

.media-modal .delete-attachment:focus,
.media-modal .delete-attachment:hover,
.media-modal .trash-attachment:focus,
.media-modal .trash-attachment:hover,
.media-modal .untrash-attachment:focus,
.media-modal .untrash-attachment:hover {
  color: var(--bright-red-clr);
  border: var(--border);
  border-color: var(--bright-red-clr);
  background-color: var(--fade-red-clr);
}

.media-frame.hide-router .media-frame-content {
  top: 75px;
}
.media-modal .imgedit-wrap .imgedit-panel-content {
  padding: 16px 20px 0 30px;
  text-align: center;
  justify-content: center;
}
.imgedit-menu .imgedit-undo-redo-separator {
  display: none;
}
.image-editor .imgedit-menu .button:not(.button-primary) {
  border: var(--border);
  background: white;
  color: var(--text-black-clr);
}

.image-editor .imgedit-menu .button:hover {
  background: var(--ultra-light-grey-clr);
  box-shadow: none;
  outline: none;
}

.image-editor .imgedit-menu .button[aria-expanded="true"] {
  background: var(--dark-grey-clr);
  border: var(--dark-grey-clr);
  color: var(--text-white-clr);
}
.image-editor .imgedit-menu .button[aria-expanded="true"]:hover {
  background: var(--dark-grey-hover-clr);
  border: var(--dark-grey-hover-clr);
  color: var(--text-white-clr);
}

.image-editor hr {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.imgedit-popup-menu {
  margin-top: 0.5rem;
  border-radius: 1rem;
  padding: 0.75rem;
  box-shadow: 0 6px 36px rgba(34, 34, 34, 0.325);
}
.media-modal .imgedit-group-top h2,
.media-modal .imgedit-group-top h2 .button-link {
  color: var(--text-black-clr);
  margin: 0;
  font-size: 1rem;
  text-transform: none;
  font-weight: 700;
}
.wp-core-ui.media-modal .image-editor .imgedit-help-toggle,
.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:active,
.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:hover {
  color: var(--dark-grey-clr);
}
.imgedit-settings fieldset,
.imgedit-settings p {
  border-radius: 6px;
}
.imgedit-settings p,
.imgedit-settings fieldset,
.media-modal legend {
  font-size: 1rem;
}
.imgedit-settings legend {
  padding: 0.5rem 0 0.25rem;
}
.media-modal .imgedit-group {
  border-bottom: 0px;
  margin-bottom: 0px;
}
.media-modal .imgedit-group.imgedit-panel-active {
  margin-bottom: 0rem;
  padding-bottom: 0px;
}
.media-modal .imgedit-group.imgedit-panel-active ~ .imgedit-panel-active {
  border-top: var(--border);
  border-bottom: 0px;
  margin-bottom: 0px;
  padding-top: 1.5rem;
}
.media-progress-bar div {
  background: var(--accent-clr);
}
.media-modal .imgedit-wrap .imgedit-group.imgedit-applyto {
  display: none;
}
.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus {
  color: var(--dark-grey-clr);
  border-color: var(--dark-grey-clr);
  box-shadow: 0 0 3px var(--dark-grey-clr);
  outline: 2px solid transparent;
}
/*--------------------------------------------------------------
	Default Colorbox WCFM styling
--------------------------------------------------------------*/
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight,
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight {
  display: none !important;
}
#cboxOverlay {
  background: rgba(34, 34, 34, 0.55);
  z-index: 90;
  position: fixed !important;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#colorbox {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 100;
  position: fixed !important;
}
#cboxWrapper {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  display: grid !important;
  place-items: center !important;
}

#cboxContent {
  height: 705px !important;
  width: 950px !important;
}

#cboxContent {
  background: white;
  box-shadow: var(--box-shadow);
  padding: 30px 20px 30px 30px;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}
#cboxLoadedContent {
  max-height: 85vh;
  padding-right: 10px;
}
#cboxLoadedContent::-webkit-scrollbar {
  width: 5px;
}
#cboxLoadedContent::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: transparent;
}
#cboxLoadedContent::-webkit-scrollbar-track {
  border-radius: 3px;
}
#cboxLoadedContent::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
}

#cboxLoadedContent,
#cboxContent {
  width: 100% !important;
  height: auto !important;
}
#cboxClose {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24' focusable='false'%3E%3Cpath stroke='var(--dark-grey-clr, %231c1c1c)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  background-color: white;
  font-size: 0;
  right: 1.5rem;
  top: 1.5rem;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-appearance: none;
  transition: background-color 295ms var(--bezier);
  cursor: pointer;
}
#cboxClose:hover {
  background-color: var(--ultra-light-grey-clr);
}

#colorbox .btn-hover:not(.accent):hover {
  background-color: #1c1c1c10;
  transition-timing-function: var(--bezier-nobounce);
}
#colorbox .btn-hover.accent:hover {
  background-color: var(--accent-hover-clr);
  transition-timing-function: var(--bezier-nobounce);
}

/*--------------------------------------------------------------
	Tracking order
--------------------------------------------------------------*/
#wcfm_shipping_tracking_form {
  max-width: 800px;
}
#wcfm_shipping_tracking_form #wcfm_tracking_button {
  display: inline-flex !important;
}

.tracking-description {
  font-size: 1rem !important;
  font-style: normal !important;
}

/*--------------------------------------------------------------
	Refund request
--------------------------------------------------------------*/
#wcfm_refund_form_wrapper {
  /* Fix for overflow hidden from the modal and the focus state on textareas*/
  padding: 2px;
}
#wcfm_refund_requests_submit_button {
  display: flex !important;
}

.partial-refund-field input,
.partial-refund-field select {
  width: 120px !important;
}
.refund-product-line > a {
  max-width: 285px;
  padding-right: 2rem;
}

.mobile-only {
  display: none;
}

/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
  /*Remove category column on product list */
  #wcfm-products tbody tr td:nth-child(7),
  #wcfm-products thead tr th:nth-child(7),
  #wcfm-products tfoot tr th:nth-child(7) {
    display: none;
  }
  /*Remove product search filter on order list */
  #wcfm_orders_listing_expander .wcfm_orders_filter_wrap #order_product,
  #wcfm_orders_listing_expander .wcfm_orders_filter_wrap > .select2 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #dashboard_menu {
    width: 240px;
    max-width: 80%;
    position: fixed !important;
    padding: 0.75rem;
  }
  #dashboard_menu.collapsed {
    opacity: 0;
    visibility: hidden;
    width: 0;
    padding: 0;
  }
  #dashboard_menu.collapsed .dashboard-menu-logo {
    opacity: unset;
    width: unset;
  }
  #dashboard_menu.collapsed .menu_item span.notification-count {
    position: relative;
    height: 22px;
    width: 22px;
    min-width: 22px;
    font-size: 12px;
  }
  #dashboard_menu.collapsed .text:not(.submenu-text) {
    opacity: 1;
    width: unset;
  }
  [data-hoverMenu]:hover .submenu_container {
    right: calc(-65% - 2rem);
    min-width: 180px;
  }

  #wcfm-main-contentainer #dashboard_menu ~ .wcfm-collapse {
    transition: transform 295ms var(--bezier-nobounce);
    min-height: 100vh;
    margin-left: 0 !important;
  }

  #dashboard_menu:not(.collapsed) ~ .wcfm-collapse {
    position: fixed;
    transform: translateX(240px);
  }

  .dashboard-heading {
    padding: 1rem;
    padding-left: 0.5rem;
    margin-right: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    max-width: unset;
  }
  .dashboard-heading-nav {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-right: 0.5rem;
    min-width: 124px;
  }
  #wcfm-content {
    overflow: hidden;
  }
  .dashboard_container {
    padding: 1.25rem;
  }
  .dashboard_container_title .bg-icon-text {
    margin-right: unset;
  }
  .popup-body.popup-left-bottom {
    top: calc(100% - 0.25rem);
  }
  .dashboard_widget_head {
    line-height: unset;
  }
  .dashboard_stats:not(.messages-top-container) {
    flex-wrap: wrap;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .dashboard_stats_block:not(.dashboard_container) {
    width: 50%;
    padding-right: 12px;
    margin-right: 0px;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    text-align: center;
  }
  .dashboard_stats_block:not(.dashboard_container) .stats_inner > span:first-child {
    white-space: normal;
  }
  .dashboard_stats_block:not(.dashboard_container):nth-child(even) {
    padding-right: 0px;
    margin-right: 0px;
    padding-left: 12px;
    border: none;
  }
  .dashboard_stats_block:nth-child(1),
  .dashboard_stats_block:nth-child(2) {
    margin-top: 0px;
  }
  .dashboard_stats_block:nth-last-child(1):not(:nth-child(2)):not(:nth-child(1)),
  .dashboard_stats_block:nth-last-child(2):not(:nth-child(2)):not(:nth-child(1)) {
    margin-bottom: 0px;
  }

  .dashboard_home_inner_container {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .quote_dashboard {
    font-size: 20px;
  }
  .text_quote_dashboard {
    margin-right: 0px;
    width: 100%;
  }

  #wcfm_settings_form .wcfm_title.checkbox_title.mb-mb5,
  #wcfm_profile_form .wcfm_title.checkbox_title.mb-mb5 {
    margin-bottom: 0.25rem !important;
  }

  #wcfm_dashboard_wcfm_product_status,
  #wcfm_dashboard_wcfm_product_sales,
  .gpbox_dashboard_help_container,
  #wcfm_dashboard_location_map {
    display: none;
  }

  .wcfm_separator,
  .add_new_wcfm_ele_dashboard,
  .wcfm_import_export {
    display: none !important;
  }
  #wcfm-products_wrapper .wcfm_products_filter_wrap {
    right: 20px;
    top: -74px;
  }
  #wcfm_coupons_listing .wcfm-container.wcfm-top-element-container {
    display: none;
  }
  #wcfm-products thead tr th:nth-child(3),
  #wcfm-products tbody tr td:nth-child(3) {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-right: 1px solid var(--background-grey-clr) !important;
    /* min-width: 75vw; */
  }
  #wcfm-products tr td:nth-child(1) {
    padding-top: 13px !important;
    vertical-align: baseline;
  }
  table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
  table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 48px;
    left: 28px;
    box-shadow: none;
    content: none;
    background-color: unset;
    color: var(--accent-clr);
    font-weight: 600;
    font-size: 18px;
  }
  table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
  table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: none;
    background-color: unset;
  }
  table.dataTable > tbody > tr.child ul.dtr-details {
    width: 90%;
  }
  table.dataTable > tbody > tr.child ul.dtr-details li {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  table.dataTable > tbody > tr.child ul.dtr-details li .dtr-title {
    font-weight: 700;
    color: black;
  }
  table.dataTable > tbody > tr.child ul.dtr-details li .dtr-data {
    text-align: center;
    width: 50%;
  }
  table.dataTable > tbody > tr.child ul.dtr-details li .dtr-data > strong {
    display: none;
  }
  #wcfm-products_wrapper table.dataTable > tbody > tr.child ul.dtr-details li:nth-child(5) .dtr-data {
    color: white;
  }
  #wcfm_orders_listing .wcfm-top-element-container,
  #wcfm-orders_wrapper .dt-buttons,
  #wcfm-orders_filter,
  #wcfm-orders_wrapper .wcfm_orders_filter_wrap {
    display: none !important;
  }

  #wcfm-main-contentainer #wcfm-coupons tr th {
    width: 100% !important;
  }
  #wcfm-coupons > tbody > tr > td:first-child:before,
  #wcfm-coupons > tbody > tr > th:first-child:before {
    display: none;
  }
  #wcfm_coupons_manage_form .wcfm-tabWrap {
    display: none !important;
  }
  div#wcfm-main-contentainer #wcfm_coupons_manage_form {
    margin-bottom: 70px;
  }
  .wcfm_form_simple_submit_wrapper {
    right: -10px;
  }

  #wcfm-messages_wrapper .wcfm_messages_filter_wrap,
  #wcfm_messages_listing .wcfm-top-element-container {
    display: none !important;
  }
  #wcfm-messages thead tr th:nth-child(2),
  #wcfm-messages tbody tr td:nth-child(2) {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-left: 1px solid var(--background-grey-clr) !important;
    padding-left: 15px !important;
  }
  #wcfm-messages thead tr th:nth-child(3),
  #wcfm-messages tbody tr td:nth-child(3) {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-right: 0px !important;
    min-width: 30vw;
  }
  #wcfm-main-contentainer #wcfm-messages tbody tr td:last-child,
  #wcfm-main-contentainer #wcfm-messages thead tr th:last-child {
    min-width: unset !important;
    padding: 0 1rem !important;
  }

  #wcfm_settings_form .page_collapsible.collapse-close {
    display: none;
  }

  #wcfm_settings_form .page_collapsible,
  #wcfm_profile_form .page_collapsible {
    width: 100% !important;
    margin-top: 0px !important;
    border-radius: 0px;
  }
  #wcfm_settings_form .page_collapsible:first-child,
  #wcfm_profile_form .page_collapsible:first-child {
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
  }
  #wcfm_settings_form .wcfm-container,
  #wcfm_profile_form .wcfm-container {
    width: 100% !important;
    padding: 1.25rem !important;
  }
  #wcfm_settings_form .wcfm-content h2,
  #wcfm_profile_form .wcfm-content h2 {
    margin-left: 0px !important;
  }
  #wcfm_settings_form .wcfm_title,
  #wcfm_profile_form .wcfm_title,
  #wcfm_coupons_manage_form .wcfm_title {
    width: 100% !important;
    min-width: unset !important;
  }
  #wcfm_settings_form .wcfm_title.checkbox_title,
  #wcfm_coupons_manage_form .wcfm_title.checkbox_title {
    width: calc(100% - 50px) !important;
    margin-bottom: 1.5rem !important;
  }
  #wcfm_settings_form .wcfm-textarea {
    width: 100% !important;
    max-width: unset !important;
  }
  #wcfm-main-contentainer input.wcfm-checkbox,
  #wcfm-main-contentainer input[type="checkbox"],
  .wcfm-dashboard-page #wcfm-main-contentainer input[type="checkbox"] {
    margin-bottom: 0px;
    margin-right: 0px;
  }
  #wcfm_settings_form .wcfm-text,
  #wcfm_settings_form .select2-container--default,
  #wcfm-main-contentainer #wcfm_settings_form select.wcfm-select,
  #wcfm_profile_form .wcfm-text,
  #wcfm_profile_form .select2-container--default,
  #wcfm-main-contentainer #wcfm_profile_form select.wcfm-select,
  #wcfm_coupons_manage_form .wcfm-text,
  #wcfm_coupons_manage_form .select2-container--default,
  #wcfm-main-contentainer #wcfm_coupons_manage_form select.wcfm-select,
  #wcfm_coupons_manage_form .wcfm-textarea {
    width: 100% !important;
    max-width: unset !important;
  }
  .wcfmmp_stripe_connect {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: unset !important;
  }
  #wcfm-main-contentainer .wcfmmp_stripe_connect table tr th {
    display: none;
  }
  #wcfm-main-contentainer .wcfmmp_stripe_connect table tr td {
    width: 100%;
    padding: 0 !important;
    padding-bottom: 1rem !important;
  }
  #wcfm_settings_form .wcfm-content h2,
  #wcfm_profile_form .wcfm-content h2 {
    font-size: 16px;
  }
  #wcfm_settings_form .image-label.logo-label {
    left: 0px;
    top: 26px;
  }
  #wcfm-main-contentainer .wp-media-buttons .insert-media {
    display: none;
  }
  #settings_payment_expander .payment-setting-options,
  #settings_payment_expander .payment-setting-description {
    width: 100%;
  }
  #settings_policies_expander .policy-wrapper .policy-description {
    flex-direction: column;
  }
  #settings_policies_expander .policy-wrapper .policy-button {
    margin-top: 3rem;
  }
  #settings_payment_expander .stripe-paypal-settings-box {
    margin-right: 10px;
    margin-left: 10px;
  }
  #wcfmmp_shipping_rates .multi_input_block {
    flex-direction: column;
    justify-content: space-between;
    flex-flow: wrap;
  }
  #wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block .wcfm_title {
    text-align: left;
    padding-left: 4px;
    margin-top: 1rem !important;
    width: 100px !important;
  }
  #wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block input.wcfm-text {
    width: calc(80% - 100px) !important;
    margin-right: 0px !important;
    padding-left: 15px !important;
    margin-top: 1rem !important;
  }
  #wcfm_settings_form #wcfmmp_shipping_rates .multi_input_block .remove_multi_input_block {
    margin-right: 3px !important;
    margin-top: calc(1rem + 6px) !important;
    margin-left: 7% !important;
    margin-bottom: 6px !important;
    width: 10%;
  }
  .floating-buttons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    flex-direction: row;
  }
  #wcfm-main-contentainer .wcfm_form_simple_submit_wrapper .floating-buttons .floating-save-button {
    margin: 0px 3%;
    width: 44% !important;
  }
  .wcfm_form_simple_submit_wrapper {
    align-items: center;
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
  }
  #wcfm_settings_form .wcfm_form_simple_submit_wrapper {
    justify-content: flex-end;
  }
  .mobile-only.logout-menu a {
    font-size: 20px;
    color: var(--light-grey-clr);
    margin-right: 10px;
  }
  .mobile-only {
    display: flex !important;
  }

  #wcfm-main-contentainer #wcfm-messages,
  #wcfm-main-contentainer #wcfm-orders,
  #wcfm-main-contentainer #wcfm-reviews {
    margin-top: -20px;
  }
  .orders_details_notes #wcfm_order_status_update_wrapper {
    flex-direction: column;
    align-items: flex-start !important;
    margin-top: 15px;
  }
  .orders_details_notes #wcfm_order_status_update_wrapper .wc-order-status {
    margin-left: 0px !important;
  }
  .page_collapsible span.block-indicator {
    transform: rotate(90deg);
  }
  .input-warning {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 63rem) {
  #wcfm-products_filter {
    right: 312px;
  }
  #wcfm-products_filter > label {
    display: flex;
    align-items: center;
  }

  table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
  table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    display: none;
  }

  #wcfm-orders_wrapper .wcfm_orders_filter_wrap,
  #wcfm-orders_filter {
    display: none !important;
  }
}

#ui-datepicker-div {
  width: 279px;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 20px -0.5px var(--transparent-grey-clr);
  box-shadow: 0 4px 20px -0.5px var(--transparent-grey-clr);
  font-size: 1rem;
  line-height: 1.5;
  font-family: "GPBox V3 Next", -apple-system, BlinkMacSystemFont, Arial, "Helvetica", "Droid Sans", "Segoe UI", "Roboto", sans-serif;
  border: 0;
  color: var(--text-black-clr);
  padding: 1.5rem;
  margin-top: 10px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 50%;
  left: unset;
  right: unset;
  transform: translateY(-50%);
  height: 26px;
  width: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50px;
  font-size: 0;
  padding: 0;
  background-color: white;
  transition: background-color 295ms var(--bezier-nobounce);
  background-image: none !important;
  border: none;
}
.ui-datepicker .ui-datepicker-prev {
  left: 0;
}
.ui-datepicker .ui-datepicker-next {
  right: 0;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background-color: var(--ultra-light-grey-clr);
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  position: relative;
  margin: 0;
  top: unset;
  left: unset;
  height: 26px;
  width: 26px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 16 16' focusable='false'%3E%3Cpath stroke='var(--dark-grey-clr, %231c1c1c)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 12l4-4-4-4'/%3E%3C/svg%3E ");
  background-size: 18px 18px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.ui-datepicker .ui-datepicker-prev span {
  transform: rotate(180deg);
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.5rem 0 2.8rem;
  line-height: 1;
  display: flex;
  font-weight: 900;
  font-size: 1.15rem;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  margin: 0;
  border: none;
  font-weight: 900;
  font-size: 1.15rem;
  line-height: 1;
  padding: 0;
  font-family: "GPBox V3 Next", Arial, sans-serif;
}
.ui-datepicker select.ui-datepicker-month {
  width: 68px;
  min-width: 68px;
  margin-right: 0.1rem;
}
.ui-datepicker select.ui-datepicker-year {
  width: 84px;
  min-width: 84px;
  margin-right: 0rem;
}
.ui-datepicker table {
  font-size: 14px;
  margin: 0;
}
.ui-datepicker table td {
  padding: 0;
}
.ui-datepicker-calendar thead {
  display: none;
}

.ui-datepicker-calendar tbody tr td a.ui-state-default {
  padding: 0px;
  line-height: 0px;
  height: 30px;
  width: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  margin-bottom: 3px;
  border: none;
  background-image: none;
  color: var(--text-black-clr);
  background: white;
  border-radius: 5px;
}
.ui-datepicker-calendar tbody tr td a.ui-state-default:hover {
  background: var(--ultra-light-grey-clr);
}
.ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-active {
  outline: 2px solid black;
}