/**

* 2007-2023 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to license@prestashop.com so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

*  @author PrestaShop SA <contact@prestashop.com>

*  @copyright  2007-2023 PrestaShop SA

*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)

*  International Registered Trademark & Property of PrestaShop SA

*/

.badthemecontrol-block {

  position: fixed;

  z-index: 101;

  top: 200px;

  left: -350px;

  -webkit-transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  -ms-transition: all 0.6s ease-in-out;

  -o-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

}



.badthemecontrol-block.open {

  left: 0;

  -webkit-transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  -ms-transition: all 0.6s ease-in-out;

  -o-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

}



.minicolors-position-left .minicolors-panel {

  left: -17px;

}



.badthemecontrol-block .badthemecontrol-setting {

  width: 350px;

  padding: 15px 0;

  box-shadow: 0 14px 27px rgba(0, 0, 0, .1);

  border: 1px solid #eeeeee;

  background-color: #f5f5f5;

  text-align: center;

  max-height: calc(90vh - 150px);

  overflow-y: scroll;

  transition: all 600ms ease 0s;

  -webkit-transition: all 600ms ease 0s;

  -moz-transition: all 600ms ease 0s;

  -ms-transition: all 600ms ease 0s;

  -o-transition: all 600ms ease 0s;

}



.badthemecontrol-title {

  font-size: 18px;

  margin-bottom: 18px;

  font-weight: 500;

  text-transform: capitalize;

  width: 100%;

  text-align: center;

  line-height: 35px;

  color: #222222;

  border-bottom: 1px solid #eeeeee;

  background-color: #ffffff;

}



.badthemecontrol-sub-title {

  font-size: 16px;

  color: #222222;

  margin-bottom: 10px;

  line-height: 24px;

  text-align: center;

}



.badthemecontrol-icon-wrapper {

  width: 50px;

  height: 50px;

  background-color: #ffffff;

  line-height: 50px;

  box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);

  text-align: center;

  position: absolute;

  right: -50px;

  cursor: pointer;

  -webkit-transition: 0.3s ease-in-out;

  -o-transition: 0.3s ease-in-out;

  -ms-transition: 0.3s ease-in-out;

  -moz-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

  /*border: 1px solid #febe02;*/

}



.badthemecontrol-icon-wrapper i {

  font-size: 0;

  width: 50px;

  height: 50px;

  background-image: url(../img/theme-color.png);

  background-repeat: no-repeat;

  background-position: center;

  color: #ffffff;

  /*-webkit-animation-name: spin;

  -webkit-animation-duration: 4000ms;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-name: spin;

  -moz-animation-duration: 4000ms;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: spin;

  -ms-animation-duration: 4000ms;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  animation-name: spin;

  animation-duration: 4000ms;

  animation-iteration-count: infinite;

  animation-timing-function: linear*/

}



@-ms-keyframes spin {

  from {

    -ms-transform: rotate(0deg)

  }



  to {

    -ms-transform: rotate(360deg)

  }

}



@-moz-keyframes spin {

  from {

    -moz-transform: rotate(0deg)

  }



  to {

    -moz-transform: rotate(360deg)

  }

}



@-webkit-keyframes spin {

  from {

    -webkit-transform: rotate(0deg)

  }



  to {

    -webkit-transform: rotate(360deg)

  }

}



@keyframes spin {

  from {

    transform: rotate(0deg)

  }



  to {

    transform: rotate(360deg)

  }

}

.badcontrol-reset a:hover {

  color: #000000;

  background-color: #ffffff;

}



.badcontrol-theme-img-box {

  display: inline-block;

  vertical-align: middle;

  width: 100%;

  cursor: pointer;

}

.badcontrol-theme-img-box~.badcontrol-theme-title {

  cursor: pointer;

}

.switch input {

  opacity: 0;

  width: 0;

  height: 0;

}



.minicolors-theme-bootstrap .minicolors-swatch {

  top: 5px;

  left: 5px;

  width: 18px;

  height: 18px;

}



.badcontrol-pattern-img-wrapper {

  display: inline-block;

  vertical-align: middle;

  width: 100%;

  margin-top: 5px;

}



.badall-theme-content select.form-control:not([size]):not([multiple]) {

  height: auto;

}

.badthemecontrol-block .badcontrol-pattern-img-inner {

  width: 22px;

  height: 22px;

  background-color: #FFF;

  float: left;

  margin: 4px;

  cursor: pointer;

  overflow: hidden;

  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .16);

}



.badthemecontrol-block .badcontrol-pattern-img-inner.active {

  border: 2px solid #909090;

}



.badcontrol-pattern-no-1 {

  background-position: -1px -1px;

}



.badcontrol-pattern-no-2 {

  background-position: -27px -1px;

}



.badcontrol-pattern-no-3 {

  background-position: -52px -1px;

}



.badcontrol-pattern-no-4 {

  background-position: -77px -1px;

}



.badcontrol-pattern-no-5 {

  background-position: -102px -1px;

}



.badcontrol-pattern-no-6 {

  background-position: -127px -1px;

}



.badcontrol-pattern-no-7 {

  background-position: -152px -1px;

}



.badcontrol-pattern-no-8 {

  background-position: -177px -1px;

}



.badcontrol-pattern-no-9 {

  background-position: -202px -1px;

}



.badcontrol-pattern-no-10 {

  background-position: -1px -27px;

}



.badcontrol-pattern-no-11 {

  background-position: -27px -27px;

}



.badcontrol-pattern-no-12 {

  background-position: -52px -27px;

}



.badcontrol-pattern-no-13 {

  background-position: -77px -27px;

}



.badcontrol-pattern-no-14 {

  background-position: -102px -27px;

}



.badcontrol-pattern-no-15 {

  background-position: -127px -27px;

}



.badcontrol-pattern-no-16 {

  background-position: -152px -27px;

}



.badcontrol-pattern-no-17 {

  background-position: -177px -27px;

}



.badcontrol-pattern-no-18 {

  background-position: -202px -27px;

}



.badcontrol-pattern-no-19 {

  background-position: -1px -52px;

}



.badcontrol-pattern-no-20 {

  background-position: -27px -52px;

}



.badcontrol-pattern-no-21 {

  background-position: -52px -52px;

}



.badcontrol-pattern-no-22 {

  background-position: -77px -52px;

}



.badcontrol-pattern-no-23 {

  background-position: -102px -52px;

}



.badcontrol-pattern-no-24 {

  background-position: -127px -52px;

}



.badcontrol-pattern-no-25 {

  background-position: -152px -52px;

}



.badcontrol-pattern-no-26 {

  background-position: -177px -52px;

}



.badcontrol-pattern-no-27 {

  background-position: -202px -52px;

}



.badcontrol-pattern-no-28 {

  background-position: -1px -77px;

}



.badcontrol-pattern-no-29 {

  background-position: -27px -77px;

}



.badcontrol-pattern-no-30 {

  background-position: -52px -77px;

}



.badcontrol-pattern-no-31 {

  background-position: -77px -77px;

}



.badcontrol-pattern-no-32 {

  background-position: -102px -77px;

}



.badcontrol-pattern-no-33 {

  background-position: -127px -77px;

}



.badcontrol-pattern-no-34 {

  background-position: -152px -77px;

}



.badcontrol-pattern-no-35 {

  background-position: -177px -77px;

}



.badcontrol-pattern-no-36 {

  background-position: -202px -77px;

}



.badcontrol-pattern-no-37 {

  background-position: -1px -102px;

}



.badcontrol-pattern-no-38 {

  background-position: -27px -102px;

}



.badcontrol-pattern-no-39 {

  background-position: -52px -102px;

}



.badcontrol-pattern-no-40 {

  background-position: -77px -102px;

}



.badcontrol-pattern-no-41 {

  background-position: -102px -102px;

}



.badcontrol-pattern-no-42 {

  background-position: -127px -102px;

}



.badcontrol-pattern-no-43 {

  background-position: -152px -102px;

}



.badcontrol-pattern-no-44 {

  background-position: -177px -102px;

}



.badcontrol-pattern-no-45 {

  background-position: -202px -102px;

}



.badcontrol-pattern-no-46 {

  background-position: -1px -130px;

}



.badcontrol-pattern-no-47 {

  background-position: -27px -130px;

}



.badcontrol-pattern-no-48 {

  background-position: -52px -130px;

}



.badcontrol-pattern-no-49 {

  background-position: -77px -130px;

}



.badcontrol-pattern-no-50 {

  background-position: -102px -130px;

}



.badcontrol-pattern-no-51 {

  background-position: -130px -130px;

}



.badcontrol-pattern-no-52 {

  background-position: -156px -130px;

}



.badcontrol-pattern-no-53 {

  background-position: -183px -130px;

}



.badcontrol-pattern-no-54 {

  background-position: -205px -130px;

}





/*************** new themescontroller *************/







.badthemecontrol2-setting {

  width: 290px;

  padding: 15px;

  box-shadow: 0 14px 27px rgba(0, 0, 0, .1);

  border: 1px solid #eeeeee;

  background-color: #ffffff;

  text-align: center;

  max-height: calc(100vh - 150px);

  overflow-y: scroll;

  transition: all 600ms ease 0s;

  -webkit-transition: all 600ms ease 0s;

  -moz-transition: all 600ms ease 0s;

  -ms-transition: all 600ms ease 0s;

  -o-transition: all 600ms ease 0s;

}



.badthemecontrol2-icon-wrapper {

  width: 50px;

  height: 50px;

  background-color: #eeeeee;

  line-height: 50px;

  box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);

  text-align: center;

  position: absolute;

  left: -50px;

  cursor: pointer;

  -webkit-transition: 0.3s ease-in-out;

  -o-transition: 0.3s ease-in-out;

  -ms-transition: 0.3s ease-in-out;

  -moz-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.badthemecontrol2-icon-wrapper:after {

  position: absolute;

  content: "";

  background-image: url(../img/label-new.png);

  width: 50px;

  height: 50px;

  top: -25px;

  left: -25px;

  -webkit-animation-name: spin2;

  -webkit-animation-duration: 4000ms;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-name: spin2;

  -moz-animation-duration: 4000ms;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: spin2;

  -ms-animation-duration: 4000ms;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  animation-name: spin2;

  animation-duration: 4000ms;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

}





@keyframes spin2 {

  from {

    -ms-transform: scale(0.8);

    -webkit-transform: scale(0.8);

    -o-transform: scale(0.8);

    -moz-transform: scale(0.8);

    transform: scale(0.8);

  }



  to {

    -ms-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1);

    -moz-transform: scale(1);

    transform: scale(1);

  }

}







.badthemecontrol2-icon-wrapper i {

  font-size: 0;

  width: 50px;

  height: 50px;

  background-image: url(../img/setting-icon.png);

  background-repeat: no-repeat;

  color: #ffffff;

  background-position: center;

  -webkit-animation-name: spin;

  -webkit-animation-duration: 4000ms;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-name: spin;

  -moz-animation-duration: 4000ms;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: spin;

  -ms-animation-duration: 4000ms;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  animation-name: spin;

  animation-duration: 4000ms;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

}



.badthemecontrol-block-2 {

  position: fixed;

  z-index: 101;

  top: 144px;

  right: -290px;

  -webkit-transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  -ms-transition: all 0.6s ease-in-out;

  -o-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

}



.badthemecontrol-block-2.open {

  right: 0;

  -webkit-transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  -ms-transition: all 0.6s ease-in-out;

  -o-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

}



.badthemecontrol-block-2 .badall-theme-content {

  margin-bottom: 15px;

  padding-bottom: 15px;

  text-align: center;

}



.badthemecontrol-block-2 .badthemecontrol-field-title {

  float: none;

  text-align: center;

  font-size: 16px;

  color: #212121;

  margin: 10px 0;

  font-weight: 600;

}



.badthemecontrol-block-2 .badthemecontrol-field-img {

  display: block;

}



.badthemecontrol-block-2 .badthemecontrol-field-img img {

  border: 1px solid #eeeeee;

  border-radius: 3px;

}



@media(max-width: 400px) {



  .badthemecontrol2-setting,

  .badthemecontrol-block .badthemecontrol-setting {

    width: 260px;

  }



  .badthemecontrol-block-2,

  .badthemecontrol-block {

    right: -260px;

    display: none;

  }

}





/**************** theme control **************/

.badthemecontrol-inner button.button1, .badthemecontrol-inner button.button2, .badthemecontrol-inner button.button3, .badthemecontrol-inner button.button4 {

  width: 60px;

  height: 52px;

  border-radius: 5px;

  border: none;

}

.color-buttons {

  display: flex;

  justify-content: space-between;

  margin-bottom: 20px;

}

.badcontrol-theme-custom-color-label.badthemecontrol-field-title {

  font-size: 16px;

  text-align: left;

  display: block;

  color: #000;

  font-weight: 600;

  padding-bottom: 10px;

}

.badthemecontrol-setting .form-control {

  text-align: left;

  color: #000000;

  font-size: 15px;

  font-weight: 600;

  line-height: 21px;

  margin-bottom: 0;

  clear: left;

  width: 100%;

  position: relative;

  padding-left: 35px;

}

.badthemecontrol-inner .form-control{

  border: none;

}

select.badcontrol-theme-font.form-control,select.badcontrol-body-font.form-control {

  text-align: left;

  color: #6f6f6f;

  font-size: 15px;

  font-weight: 500;

  line-height: 30px;

  margin-bottom: 0;

  clear: left;

  width: 100%;

  position: relative;

  padding-left: 35px;

  border: none;

  border-radius: 8px;

  padding: 7px 10px;

  margin-top: 15px;

  border: 1px solid #ddd;

  background-color: transparent;

}

select.badcontrol-body-font.form-control{

  position: relative;

}



select.badcontrol-theme-font-box {

  background-color: #fff;

  color: #000;

  font-weight: 600;

  font-size: 14px;

  width: 100%;  

  border-radius: 0;

  padding: 5px;

  cursor: pointer;

  float: right;

  border: 1px solid #e6e6e6;

  position: relative;

}

.badcontrol-theme-font,.badcontrol-body-font{

    background-image: url(../img/download.png);

    background-repeat: no-repeat;

    background-position: 96%;

    -moz-appearance: none;

    -webkit-appearance: none;

    -ms-appearance: none;

    appearance: none;

    cursor: pointer;

    float: right;

}

.slider:before {

  position: absolute;

  content: "";

  height: 23px;

  width: 32px;

  left: 4px;

  bottom: 6px;

  -webkit-transition: .4s;

  transition: .4s;

  border-radius: 3px;

  background: #fff;

}



input:checked + .slider:before {

    -webkit-transform: translateX(50px);

    -ms-transform: translateX(50px);

    transform: translateX(50px);

}

input:checked+.slider {

  background-color: #000000;

}

.switch {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  width: 90px;

  height: 35px;

  margin-bottom: 0;

  clear: right;

}

.slider {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #000000;

  -webkit-transition: .4s;

  transition: .4s;

  border-radius: 3px;

  border: none;

}

.badcontrol-theme-text-box {

  width: 50%;

  text-align: left;

}

.badcontrol-theme-text-box p{

  color: #6f6f6f;

}

.badcontrol-theme-text-box h6 {

  color: #6f6f6f;

  font-weight: 500;

  margin-bottom: 0;

}

.badall-theme-content-box,.badall-theme-content-box-1,.badall-theme-content-box-2,.badall-theme-content-box-3,.badall-theme-content-box-4,.badall-theme-content-box-5 {

  display: inline-block;

  vertical-align: middle;

  width: 100%;

  margin-bottom: 0;

  border-bottom: 1px solid #eeeeee;

  padding: 0 15px;

  position: relative;

}

.badall-theme-content-box{

  padding: 0;

}

.badall-theme-content-box::before {

  position: absolute;

  content: "";

  background-image: url(../img/download1.png);

  width: 24px;

  height: 24px;

  background-repeat: no-repeat;

  background-size: cover;

  right: 7%;

  top: 0;

  z-index: 1;

  bottom: 0;

  margin: auto;

}

.badall-theme-content-box-4,.badall-theme-content-box-5{

  margin-top: 20px;

}

.badall-theme-content-box::after,.badall-theme-content-box-1::after,.badall-theme-content-box-2::after,.badall-theme-content-box-3::after,.badall-theme-content-box-4::after,.badall-theme-content-box-5::after  {

  position: absolute;

  content: "";

  background-image: url(../img/Layer-2.png);

  background-repeat: no-repeat;

  background-size: cover;

  width: 22px;

  height: 19px;

  left: 9%;

  top: 0;

  margin: auto;

  bottom: 0;

}

.badall-theme-content-box::after{

  left:5% ;

}

.badall-theme-content-box-1::after{

  background-image: url(../img/Layer-5.png);

  width: 18px;

  height: 18px;

}

.badall-theme-content-box-2::after {

  background-image: url(../img/Group.png);

  width: 22px;

  height: 22px;

}

.badall-theme-content-box-3::after{

  background-image: url(../img/Layer-7.png);

  width: 20px;

  height: 23px;

}

.badall-theme-content-box-4::after{

  background-image: url(../img/Layer-9.png);

  width: 20px;

  height: 20px;

}

.badall-theme-content-box-5::after{

  background-image: url(../img/Layer-12.png);

  width: 20px;

  height: 16px;

}

.badcontrol-theme-mode {

  display: flex;

  justify-content: space-around;

}

.badcontrol-theme-img-box-wrapper {

  margin-top: 25px;

}

.badcontrol-theme-img-box.light-mode,

.badcontrol-theme-img-box.dark-mode {

  background-image: url(../img/light-icon.png);

  background-repeat: no-repeat;

  background-size: cover;

  width: 75px;

  height: 127px;

  margin: 0px 0 10px;

  border: 1px solid;

  border-radius: 10px;

}

.badcontrol-theme-img-box.dark-mode{

  background-image: url(../img/dark-icon.png);

}

.badall-theme-content-box-1{

  margin-top: 20px;

}

.badcontrol-body-font-box.form-control p {

  padding-bottom: 0;

  margin-bottom: 0;

  color: #333;

  text-align: left;

  font-size: 16px;

  font-weight: 600;

  line-height: 30px;

  clear: left;

  width: 100%;

  position: relative;

  padding-left: 10px;

}

.badcontrol-theme-img-box.open{

  position: relative;

}

.badcontrol-theme-img-box.open::after {

  content: '\e876';

  font-family: "Material Icons";

  position: absolute;

  top: 0;

  bottom: 0;

  color: #fff;

  left: 0;

  right: 0;

  height: 25px;

  width: 25px;

  line-height: 25px;

  margin: auto;

  border-radius: 25px;

  font-size: 30px;

}

.badcontrol-theme-img-box.light-mode.open::after {

    color: #000;

}

.badcontrol-theme-radio-button {

  display: flex;

  justify-content: space-around;

  padding: 25px 0;

}

.badcontrol-theme-radio-button-1,.badcontrol-theme-radio-button-2 {

  font-size: 15px;

  color: #6f6f6f;

  font-weight: 500;

  display: flex;

}

.badcontrol-theme-title h6 {

  color: #3a3a3a;

  font-weight: 500;

}

input[type="radio"] {

  margin-right: 5px;

  width: 20px;

  height: 20px;

}

.minicolors-theme-bootstrap .minicolors-swatch {

  z-index: 2;

  top: 5px !important;

  left: 19px !important;

  width: 30px !important;

  height: 25px !important;

  position: absolute;

  border-radius: 3px;

}

.badall-theme-content {

  display: inline-block;

  vertical-align: middle;

  width: 100%;

  margin-bottom: 0;

  border-bottom: 1px solid #eeeeee;

  padding: 0 15px;

}

.badcontrol-reset a {

  font-size: 20px;

  color: #ffffff;

  font-weight: 500;

  border: 1px solid #0a659b;

  background-color: #0a659b;

  padding: 10px 66px;

  border-radius: 5px;

  display: inline-block;

  vertical-align: middle;

}

.badcontrol-horimenu-sticky.badall-theme-content-button button{

  padding: 10px 28px;

  background-color: #fff;

  border: 1px solid #ddd;

  color: #000;

  font-size: 15px;

  margin-top: 15px;

  border-radius: 7px;

  cursor: pointer;

}

.badcontrol-horimenu-sticky.badall-theme-content-button button.active,

.badcontrol-horimenu-sticky.badall-theme-content-button button:hover {

  background-color: #ddd;

}

.badcontrol-theme-font-wrapper-button{

  display: flex;

  justify-content: space-evenly;

}

.badcontrol-reset.badall-theme-content {

  border: none;

  padding: 0;

  margin-top: 25px;

}

.badcontrol-theme-box-title {

  display: flex;

  align-items: center;

  padding-top: 20px;

}

.badall-theme-content .badcustom-color {

  height: 34px;

  padding: 0 0 0 28px;

  width: 93%;

  border: 1px solid #e5e5e5;

  font-size: 12px;

  position: relative;

  margin: auto 0 auto auto;

}

.badcontrol-theme-text-box p {

  margin-bottom: 0;

}

.badall-theme-content .badcustom-color-box {

    margin: auto;

}

.badall-theme-content-layout {

    padding: 15px 0;

    display: flex;

    justify-content: space-around;

    align-items: center;

    margin-bottom: 0;

}

.badcontrol-layout-boxshadow-label.badthemecontrol-field-title {

    margin-bottom: 0;

    font-weight: 500;

    font-size: 15px;

}

.badcontrol-theme-background-color-label.badthemecontrol-field-title {

    padding-bottom: 5px;

}

.badcontrol-theme-bg-img-label.badthemecontrol-field-title {

    padding-top: 10px;

}