:root {
  --drdt-dark-mode-white: #fff !important;
  --drdt-dark-mode-bg: #000 !important;
  --drdt-dark-mode-text: #dfdedb !important;
  --drdt-dark-mode-link: #E64B1F !important;
  --drdt-dark-mode-btn: #141414 !important;
  --drdt-dark-mode-border: #1e1e1e !important;
}

.dark_switch_box {
  margin-bottom: 0 !important;
  position: relative !important;
  z-index: 999999999 !important;
  ;
  /* Switch 2 Specific Style Start */
  /* Switch 2 Specific Style end */
  /* Switch 3 Specific Styles Start */
  /* Switch 3 Specific Style End */
  /* Switch 4 Specific Style End */
  /* Switch 4 Specific Style End */
  /* Switch 5 Specific Styles Start */
  /* Switch 5 Specific Style End */
}

.dark_switch_box.floating-bottom-right {
  position: fixed !important;
  bottom: 50px;
  right: 50px;
  margin-bottom: 0;
}

.dark_switch_box.floating-bottom-center {
  position: fixed !important;
  bottom: 50px;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: flex !important;
  justify-content: center;
  width: 155px !important;
}

.dark_switch_box.floating-bottom-left {
  position: fixed !important;
  bottom: 50px;
  left: 50px;
  margin-bottom: 0;
}

.dark_switch_box.floating-top-left {
  position: fixed !important;
  top: 50px;
  left: 50px;
  margin-bottom: 0;
}

.dark_switch_box.floating-top-right {
  position: fixed !important;
  top: 50px;
  right: 50px;
  margin-bottom: 0;
}

.dark_switch_box.floating-center-center {
  position: fixed !important;
  top: 50px;
  right: 0;
  left: 0;
  margin-bottom: 0;
  text-align: center;
  display: flex !important;
  justify-content: center;
  width: 155px !important;
  margin: 0 auto;
}

.dark_switch_box.box_2 {
  display: flex !important;
  align-items: center;
}

.dark_switch_box.box_2 .droit_light,
.dark_switch_box.box_2 .droit_dark {
  width: 16px !important;
  position: absolute !important;
  left: 36px;
  z-index: 9;
}

.dark_switch_box.box_2 .droit_light img,
.dark_switch_box.box_2 .droit_dark img {
  background-color: transparent !important;
  ;
}

.dark_switch_box.box_2 .droit_dark {
  left: auto;
  right: 36px;
  z-index: 9;
}

.dark_switch_box .drdt_checkbox.switch_2 {
  font-size: 30px;
  -webkit-appearance: none;
  appearance: none;
  width: 120px !important;
  ;
  height: 32px !important;
  ;
  background: #F2F0F4;
  border-radius: 100px ;
  position: relative !important;
  ;
  cursor: pointer;
  outline: none ;
  transition: all 0.2s ease-in-out;
  border-radius: 50px !important;
}

.dark_switch_box .drdt_checkbox.switch_2:after {
  position: absolute !important;
  content: "";
  width: 57px;
  height: 22px;
  border-radius: 100px;
  background: #fff;
  left: 2px;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  display: block !important;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #E7E7E7;
}

.dark_switch_box.active .drdt_checkbox.switch_2 {
  background-color: var(--drdt-dark-mode-link) !important;
  ;
}

.dark_switch_box.active .drdt_checkbox.switch_2:after {
  left: calc(100% - 59px) !important;
}

.dark_switch_box.box_3 {
  display: flex !important;
  align-items: center !important;
}

.dark_switch_box.box_3 .droit_light,
.dark_switch_box.box_3 .droit_dark {
  font-size: 16px !important;
  text-transform: capitalize !important;
  color: #AAA7A7 !important;
  font-weight: 500 !important;
}

.dark_switch_box.box_3 .droit_dark {
  color: #39332B !important;
}

.dark_switch_box.box_3.active .droit_light {
  color: #7D7D7D !important;
}

.dark_switch_box.box_3.active .droit_dark {
  color: #FFFFFF !important;
}

.dark_switch_box .drdt_checkbox.switch_3 {
  font-size: 30px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 64px !important;
  height: 26px !important;
  background: transparent !important;
  border-radius: 100px !important;
  position: relative !important;
  cursor: pointer !important;
  outline: none !important;
  transition: all 0.2s ease-in-out !important;
  border: 2px solid #FFFFFF !important;
  line-height: 23px !important;
  text-align: center !important;
}

.dark_switch_box .drdt_checkbox.switch_3:after {
  position: absolute !important;
  content: url(../images/front_btn/2-1.png) !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 100px !important;
  background: #fff !important;
  left: 0 !important;
  transition: all 0.2s ease-in-out !important;
  opacity: 1 !important;
  display: block !important;
  top: -2px !important;
}

.dark_switch_box.active .drdt_checkbox.switch_3 {
  background-color: #000000 !important;
}

.dark_switch_box.active .drdt_checkbox.switch_3:after {
  left: calc(100% - 30px) !important;
  content: url(../images/front_btn/3-2.png) !important;
}

.dark_switch_box.box_4 {
  display: flex !important;
  align-items: center !important;
}

.dark_switch_box.box_4 .droit_light,
.dark_switch_box.box_4 .droit_dark {
  position: absolute !important;
  ;
  left: 30px !important;
  z-index: 9 !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: #39332B !important;
  cursor: pointer !important;
}

.dark_switch_box.box_4 .droit_dark {
  left: auto !important;
  right: 30px !important;
  color: #B2B2B2 !important;
}

.dark_switch_box.box_4.active .droit_light {
  color: #7D7D7D !important;
}

.dark_switch_box.box_4.active .droit_dark {
  color: #000000 !important;
}

.dark_switch_box .drdt_checkbox.switch_4 {
  font-size: 30px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 120px !important;
  ;
  height: 32px !important;
  ;
  background: #F2F0F4 !important;
  border-radius: 100px !important;
  position: relative !important;
  ;
  cursor: pointer !important;
  outline: none !important;
  transition: all 0.2s ease-in-out !important;
}

.dark_switch_box .drdt_checkbox.switch_4:after {
  position: absolute !important;
  content: "" !important;
  width: 57px !important;
  height: 22px !important;
  border-radius: 100px !important;
  background: #fff !important;
  left: 2px !important;
  transition: all 0.2s ease-in-out !important;
  opacity: 1 !important;
  display: block !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border: 1px solid #E7E7E7 !important;
}

.dark_switch_box.active .drdt_checkbox.switch_4 {
  background-color: #111 !important;
}

.dark_switch_box.active .drdt_checkbox.switch_4:after {
  left: calc(100% - 59px) !important;
}

.dark_switch_box.box_5 {
  display: flex !important;
  align-items: center !important;
}

.dark_switch_box.box_5 .droit_light,
.dark_switch_box.box_5 .droit_dark {
  font-size: 16px;
  text-transform: capitalize;
  color: #AAA7A7 !important;
  font-weight: 500;
  line-height: 1 !important;
}

.dark_switch_box.box_5 .droit_dark {
  color: #39332B;
}

.dark_switch_box.box_5.active .droit_light {
  color: #7D7D7D !important;
}

.dark_switch_box.box_5.active .droit_dark {
  color: #FFFFFF !important;
}

.dark_switch_box .drdt_checkbox.switch_5 {
  font-size: 30px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 64px !important;
  height: 28px !important;
  background: #3664F0 !important;
  border-radius: 100px !important;
  position: relative !important;
  cursor: pointer !important;
  outline: none !important;
  transition: all 0.2s ease-in-out !important;
  border: 2px solid #3664F0 !important;
}

.dark_switch_box .drdt_checkbox.switch_5:after {
  position: absolute !important;
  content: "" !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 100px !important;
  left: 0 !important;
  transition: all 0.2s ease-in-out !important;
  opacity: 1 !important;
  display: block !important;
  top: -2px !important;
  background-image: url(../images/front_btn/5-1.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.dark_switch_box.active .drdt_checkbox.switch_5 {
  background-color: #111 !important;
  border-color: #111 !important;
}

.dark_switch_box.active .drdt_checkbox.switch_5:after {
  left: calc(100% - 30px) !important;
  background-image: url(../images/front_btn/5-2.png) !important;
}

.dark_switch_box .drdt_checkbox {
  margin: 0 15px !important;
  cursor: pointer !important;
}

.dark_switch_box .droit_light,
.dark_switch_box .droit_dark {
  cursor: pointer !important;
  line-height: 1 !important;
}

.drdt-dark-mode #wpwrap .droit_setting_wrapper .droit_setting_switcher {
  margin-left: 0;
}

.drdt-dark-mode #wpwrap .droit_setting_wrapper .droit_setting_switcher {
  margin-left: 0;
}

.drdt-dark-mode #wpwrap .dl_sidebar_tab .dl_tab_menu_content .tab-menu-link.active {
  background: -webkit-linear-gradient(4.95deg, #111 6.33%, #111 102.21%);
  background: linear-gradient(85.05deg, #111 6.33%, #111 102.21%);
  border-right: 0;
}
/* .drdt-dark-mode #wpwrap .tab_content , .drdt-dark-mode #wpwrap .tab_content_inner, .drdt-dark-mode #wpwrap .dl_tab_content{
  background-color: #111 !important;
  background: #111 !important;
}  */

@media (min-width: 768px) and (max-width: 1024px){
  .drdt-dark-mode #wpwrap .setting-submit-section.dt-top {
    margin-top: 10px;
    position: absolute;
    right: 3px;
    top: -25px;
  }
}
@media (max-width: 768px){
  .drdt-dark-mode #wpwrap .setting-submit-section.dt-top {
    display: none;
  }
}
.drdt-dark-mode #wpwrap  .droit_switcher.stylebutton label.active {
  border: 2px solid #fff !important;
  border-color: #fff !important;
  color: #fff !important;
}
.drdt-dark-mode #wpwrap  .droit_switcher.stylebutton label.active span {
  color: #fff !important;
}
/* .drdt-dark-mode #wpwrap .tab-menu-link.active .dl_tab_content{
  background-color: #111 !important;
} */
/*# sourceMappingURL=public-mode.css.map */