a{font-weight:600;}
footer{margin-top:30vh;}
#header{max-width:100vw;}
.entry-header .entry-title,
.page-header .page-title{
  margin-left:1rem;
  margin-bottom:1.5rem;
}
#loginform {
  max-width: 500px;
  margin: 0 auto;
  background-color: #f5f5f5;
  padding: 20px;
}
#loginform label {
  display: block;
  margin-bottom: 5px;
}
#loginform input[type="text"],
#loginform input[type="password"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: none;
  border-radius: 5px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
#loginform input[type="submit"] {
  background-color: #f78a26 ;
  color: #fff;
  font-weight:bold;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  box-shadow: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
#loginform input[type="submit"]:hover {
  background-color: #66380d;
}
/*radio buttons as switch tab*/
.togglebuttons .wpcf7-list-item {
  margin: 0 2px 0 0;
  display: inline-block;
}
.togglebuttons > span input {
  opacity: 0;
  position: absolute;
}
.togglebuttons > span .wpcf7-list-item-label {
  cursor: pointer;
  display: block;
  color: #333;
  background: #ffffff;
  padding: 5px 10px;
  box-shadow: 0 1px 1px rgba(0,0,0,.2);
  border: 1px solid #e0e0e0;
}
.togglebuttons > .first label .wpcf7-list-item-label{border-radius:16px 0  0 16px !important;}
.togglebuttons > .last label .wpcf7-list-item-label {border-radius: 0 16px 16px 0 !important;}
.togglebuttons > span input:checked + .wpcf7-list-item-label {
  background: #f78a26;
  border: 1px solid #f78a26;
  color: #ffffff;
  font-weight: bold;
}
#ordering-form .list-group-item{
  border:2.5px solid rgba(20, 3, 48, .6);
  margin-bottom:10px;
  background:#f2f2f2;
}
#ordering-form .list-group-item .quantity-options{
  width:80px;
}
@media screen and (max-width:600px){
  .supermarket-title{margin-left:1rem;}
  .togglebuttons{
    display:flex;
    flex-flow:row;
  }
  .togglebuttons > .wpcf7-list-item {
    margin: 0 2px 0 0;
    display: block;
    width: 50% !important;
    text-align: center;
  }
  .togglebuttons > .first label .wpcf7-list-item-label{border-radius:0 0 0 0 !important;}
  .togglebuttons > .last label .wpcf7-list-item-label {border-radius:0 0 0 0 !important;}
  /*checker tasks*/
  .todo-list li{
    padding-left:10px !important;
  }
  .todo-list li .btn-completar-task {
    position: relative !important;
  }
  .todo-list li .form-check-input{
    margin-left:0px !important;
  }
  /* tables*/
  td,th{
    text-align:center;
    border:1px solid rgba(255,255,255,.4);
    min-width:150px;
  }
  td.table-prod-title,
  td.table-order-name{
    min-width:250px;
  }
}
/*switch for select order-form / merchandazing form*/
.switch {
  --width: 180px;
  --height: calc(var(--width) / 3);
  position: relative;
  display: inline-block;
  width: var(--width);
  height: var(--height);
}
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--height);
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: calc(var(--height));
  height: calc(var(--height));
  border-radius: calc(var(--height) / 2);
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #f78a26;
}
input:focus + .slider {
  box-shadow: 0 0 1px #f78a26;
}
input:checked + .slider:before {
  transform: translateX(calc(var(--width) - var(--height)));
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.switch .labels {
  position: absolute;
  top:calc(var(--height)/3);
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-family: sans-serif;
  transition: all 0.4s ease-in-out;
}
.switch .labels::after {
  content: attr(data-off);
  position: absolute;
  left: 35%;
  color: #4d4d4d;
  opacity: 1;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}
.switch .labels::before {
  content: attr(data-on);
  position: absolute;
  left: 10px;
  color: #ffffff;
  opacity: 0;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
  transition: all 0.4s ease-in-out;
}
.switch input:checked~.labels::after {opacity: 0;}
.switch input:checked~.labels::before {opacity: 1;}
/*canvas signature*/
#signatureCanvas,#visit_confirm {
  border: 1px solid black;
  background-color:rgb(238 243 213);
  border-radius:5px;
}
/*switch product*/
.form-check-input:checked {
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.form-switch .form-check-input {
  transform:scale(1.5);
  width: 2.5em;
  padding: 0.3rem;
  height: 18px;
  margin-right: 1rem;
}
.form-switch .form-check-label{
  font-weight:600;
}
/* merchandazing y ordering*/
form#visit_form .accordion-collapse{
  max-height:50vh !important;
  overflow-y: auto !important;
}
#order_form .accordion-collapse{max-height:100vh !important;}
/** Comments styles **/
footer.comment-meta{
  margin-top:1rem !important;
}
.commentlist{
  width:100% !important;
  max-width:100% !important;
  padding:0px !important;
}
.commentlist>li.comment{
  border: 2px solid #dedede;
  border-radius:2rem;
  padding:0px !important;
  overflow:hidden;
}
.commentlist>li.comment article{
  padding:.5rem;
  border: 1px solid #dedede;  
}
.commentlist .children{
  padding-left:0px !important;
  border: 2px solid #dedede;
  margin-top:0;
}
.commentlist .children li.comment{
  padding-top:0px;
}
.commentlist .avatar {
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 2px #6c757d;
  box-shadow: 0 1px 2px #6c757d;
  left: 0 !important;
  padding: 0;
  position: absolute;
  top: 0;    
}
.commentlist .children article{
  background-color: #f1f1f1;
  text-align: right;
}
.commentlist .children .avatar{
  left:100% !important;
}
/*scrol down loop supermarkets*/
#elMapa{scroll-margin-top: 150px;}
#back-to-top-button{
  position: fixed;
  bottom: 150px;
  right: 20px;
  display: none;
}
/*visited supermarkets*/
.sc-visited{
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
.sc-visited h4.entry-title:after{
  content: ' visited';
  font-size: 14px;
  color:rgba(0,0,0,.7);
}
/*canvas buttons:*/
.button-container {
  display: flex;
  flex-wrap: wrap;
}
.button-container .btns-home {
  margin: 5px;
  border: 2px solid #fd7e14;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.button-container .btns-home i {margin-bottom: 0.5rem;}
.button-container .btns-home {margin-bottom: 10px;}
.button-container .col {
  display: flex;
  flex-wrap: wrap;
}
/*bonus*/
.info-bonus .card-header,
.info-bonus .card-footer{
  border:none !important;
}
@media screen and (max-width:768px){
  ul.navbar-nav li.menu-item{
    padding:20px;
    font-size:24px;
  }
}
@media screen and (max-width:575px){
  .button-container .btns-home{
    padding: 2rem;
  }
}
@media screen and (max-width:531px){

  .button-container .btns-home{
    /*el button*/
    padding: 1rem;
    display:inline-block !important;
    max-width: 100px; /* Tamaño máximo para los botones en pantallas pequeñas */
    max-height: 100px; /* Tamaño máximo para los botones en pantallas pequeñas */
  }
  .button-container .col {
    display: flex;
    flex-wrap: nowrap;
  }
  .sc-product-title{
      font-size:120% !important;
  }

}
/*charts general*/
.container-chart-canv{
  max-width:800px;
  margin:auto;
}
.columna-chart .container-chart-canv,
.accordion-body .container-chart-canv{
  max-width:1080px;
  margin:auto;
}
.canvas-full-width{
  position:relative;
  width: 100%; 
  max-width:100% !important;
  height: auto !important;
}
/*validated for required input in visits*/
.was-validated .form-control:not(:required):valid {
  background-image: none;
  padding-right: 1rem; /* O ajusta el relleno según tus preferencias */
}
/**         **\
-- select 2 --
\**         **/


#post-13682 h1.entry-title{
    text-align:center !important;
    
 
}
.select2-container{

  width:100% !important;
 
    max-width: 100vw !important;

}

.select2-container--default .select2-selection--single{

  border:1px solid #e37012 !important;

  line-height: 1.5rem;

    padding: 0.375rem 2.25rem 0.375rem 0.75rem;

    height:38px !important;

}

.select2-container--default .select2-selection--single .select2-selection__rendered{

  line-height:20px !important;

}

/*accordions tabs ordering form state true || antes la position estaba en fixed*/
.fixed-accordion {
  position: fixed;
  top: 100px;
  left: 0;
  right:0;
  bottom:0;
  z-index: 9999;
  max-width:100vw;
  overflow-y: auto !important;
}
.fixed-accordion .accordion-button{
  position:fixed;
  left:0;
  right:0;
  z-index:999;
  max-width:100vw;
}
.fixed-accordion .accordion-collapse{
  max-height: calc(100vh + 150px); 
  margin-top:50px;
}

/*alert validation creation produsct store form*/
#sc_alert_error{
  width:400px;
  max-width:100vw;
  margin-top:100px;
  text-align: center;
}

.closebtn {
  margin-left: 15px;
 
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}
/*fixing index in ultra small devices*/
@media screen and (max-width:450px){
  #signatureCanvas{
    width:100%;
  }
}
@media screen and (max-width:331px){
  #filter_stores_buttons .scroll-to-map-button,
  #filter_stores_buttons #filter_button,
  #filter_stores_buttons #resetSupermarkets{
    padding: .2rem .4rem !important;
  }
  #visit_confirm{
    width:100%;
  }
  
}