/* admin shortcode section css start */
p.zl_shortnoteforall {
  margin: 0px 160px;
  font-weight: 500;
  font-family: inherit;
}
#zl-tab-slick-display p.zl_shortnoteforall {
  margin: 0px 118px;
}
#zl_testimo_text_align {
  margin-left: 92px;
}
.zl_text_align_shortnote {
  margin: 0px 158px !important;
}
.zl_shortcode_inline {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  /* padding: 15px; */
  border: 1px solid #8d8585;
}
.zl_inline_meta {
  width: 100%;
  /* max-width: 600px; */
  margin: 8px 0;
}

.zl_shortcode_input {
  text-align: center;
  width: 50%;
  padding: 10px;
  margin-top: 2px;
  box-sizing: border-box;
}
.zl_easy_testimo_field {
  width: 401px;
  height: 50px;
  margin-left: 40px;
}
/* Select2 */
.select2-selection__choice__display {
  padding-left: 18px !important;
}
.select2-container .select2-search--inline {
  float: none !important;
}
label.zl_arrowstyle {
  margin-left: 56px;
}
.zl_switch.zl_slider_lazy_load {
  margin-left: 92px;
}
select#zl_testimoo_layout {
  margin-left: 72px;
}
div#zl_grid_columns_select {
  margin-left: 40px;
}
#zl_testimonial_column_gap {
  margin-left: 25px;
}
input#zl_testimonial_fontsize_limit {
  margin: 10px 0px 10px 61px;
  padding: 0px 0px 0px 0px;
  text-align: center !important;
}
input#zl_testimonial_content_fontsize_limit {
  text-align: center !important;
  margin: 10px 0px 10px 37px;
  padding: 0px 0px 0px 0px;
}
input#zl_testimonial_designation_fontsize_limit {
  text-align: center !important;
  margin: 10px 0px 10px 14px;
  padding: 0px 0px 0px 0px;
}
.zl_switch.zl_slider_drag_mt {
  margin-left: 29px;
}
#zl-tab-post-design {
  display: flex;
}
.zl-image-select-container {
  display: grid;
  width: 50%;
  height: fit-content;
  margin: 20px 0px;
}
#zl_selected_design_image {
  display: grid;
  width: 50%;
  margin: 0px 60px 0px 0px;
}
p.zl_shortnoteforallslider {
  margin: -10px 155px;
}
th#shortcode,
th.manage-column.column-shortcode {
  color: #2271b1;
}
/* admin shortcode section css start */
#zl_title_font_family {
  margin: 10px 0px 10px 45px;
  padding: 0px 23px 0px 10px;
}
#zl_content_font_family {
  margin: 10px 0px 10px 23px;
  padding: 0px 23px 0px 10px;
}
#zl_title_font_style {
  margin: 10px 0px 10px 54px;
  padding: 0px 110px 0px 10px;
}
#zl_content_font_style {
  margin: 10px 0px 10px 32px;
  padding: 0px 110px 0px 10px;
}
#zl_designation_font_style {
  margin: 10px 0px 10px 8px;
  padding: 0px 110px 0px 10px;
}
#zl_designation_font_family {
  margin: 10px 0px;
}
.zl-testimo-post-orderstyle {
  margin: 0px 0px 20px 0px;
}
.testimo-title_font_family-style {
  margin: 20px 0px 0px 0px;
}
.zl_testimo-content_font_family-style {
  margin: 0px 0px 10px 0px;
}
/* responsive */
.zl_column_desktop {
  margin-left: 36px;
}
.zl-res-fieldset {
  display: flex !important;
}
.zl_res_input {
  width: 75px !important;
}
.zl_switch.displaypictureswitch {
  margin-left: 40px;
}
.zl_switch.displaydesignationswitch {
  margin-left: 6px;
}
.zl_switch.displayratingswitch {
  margin-left: 38px;
}
.zl_switch.displaycontentswitch {
  margin-left: 28px;
}
/* admin design image selection section css */
.zl-image-select-label {
  position: relative;
  display: inline-block;
  margin: 5px 455px 5px 0px;
  background-color: #f0f0f1;
  text-align: center;
  padding: 10px;
  cursor: pointer !important;
}

.zl-image-select-label.selected {
  background-color: #007fff;
  color: #f0f0f1;
}

#zl-tabs label {
  font-weight: 600;
  font-family: system-ui;
}

.zl_selected_design_image.selected img {
  border-color: #007fff;
}

.wp-picker-container {
  display: block !important;
  margin: 10px 0px;
}

/* Style for the backend tabular-tabs */
.tabular-tabs {
  border: 1px solid #ccc;
  margin: 20px 0;
}

/* Style for each tab */
.tabular-tab {
  border-bottom: 1px solid #ccc;
}

.tab-label {
  padding: 10px;
  cursor: pointer;
  background-color: #f0f0f0; /* Background color of tabs */
  transition: background-color 0.3s ease;
  margin: 0;
}

/* Style for the tab content */
.tab-content {
  padding: 10px;
  display: none;
}

/* Show the content of the active tab */
.tab-content.active {
  display: block;
}

/* Rotate icon on active tab */
.tab-label.active:after {
  content: "\25BC";
  float: right;
}

.tab-label:not(.active):after {
  content: "\25B6"; /* Rightward arrow character */
  float: right;
}

/* Hover effect on tabs */
.tab-label:hover {
  background-color: #e0e0e0;
}

/* active tab background color */
.ui-tabs-active {
  background-color: #2271b1;
}
input#zl_testimonial_post_limit {
  margin: 0px 0px 10px 87px;
  padding: 0px 0px 0px 10px;
}

#zl-custom-order-option {
  margin: 0px 0px 10px 98px;
  padding: 0px 83px 0px 10px;
}

#zl_testimoo_pic {
  margin: 10px 0px 10px 81px;
  padding: 0px 75px 0px 10px;
}

input#zl-range-field {
  margin-left: 86px;
}

input#zl-range-value {
  margin: 10px 160px;
}

.zl-slickslide-delay {
  margin: 20px 0px;
}

/* Style for the capsule-style toggle button start*/
.zl-toggle-container {
  display: flex;
  align-items: center;
  /* margin-left: 20px; */
}

.zl_autoplayswitch {
  margin-left: 70px !important;
}

.zl_arrowswitch {
  margin-left: 90px !important;
}
.zl_slidedotswitch {
  margin-left: 91px !important;
}
.zl_slideloopswitch {
  margin-left: 122px !important;
}
.zl_slidehoverswitch {
  margin-left: 30px !important;
}
/* Style the toggle button */
.zl_switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
  margin: 10px;
}

.zl_switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* Slider (round) */
.zl_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc; /* Background color for off state */
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 15px;
}

.zl_slider:before {
  position: absolute;
  content: "";
  height: 25px;
  width: 26px;
  left: 4px;
  bottom: 3px;
  background-color: white; /* Circle color for off state */
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

/* When the toggle is checked, change the background color and position */
.zl_switch input:checked + .zl_slider {
  background-color: #4caf50;
}
.zl_switch input:checked + .zl_slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Plugin deactivation form */

.zletc-plugin-deactivate-pop-up {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.zletc-plugin-deactivate-pop-up-content {
  position: relative;
  margin: 15% auto;
  padding: 20px;
  width: 80%;
  max-width: 500px;
  background: white;
}

.zletc-plugin-deactivate-pop-up-content h2 {
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
}

.zletc-plugin-deactivate-pop-up-content h3 {
  font-size: 16px;
}

.zletc-other-reason {
  display: none;
  margin-top: 10px;
  width: 65%;
  resize: none;
}

.zletc-cancel-btn {
  position: absolute;
  top: 10px;
  right: 3px;
  border: none;
  background: none;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 0;
}

.zletc-cancel-btn svg {
  cursor: pointer;
}

.zletc-form-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}