/*input[type='date']{padding: 8px 10px 8px 10px !important;}*/
.input-group-text{padding: .375rem 1rem !important;}
.datepicker-button .input-group-text{background-color: initial !important;}

/*
.section-image:after{ background-color:rgba(0, 0, 0, 0); }
*/

.card{
    /*box-shadow: 0 13px 27px -5px rgb(50 50 93 / 25%), 0 8px 16px -8px rgb(0 0 0 / 30%);*/
}

.vertical-center {
    min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */

    display: flex;
    align-items: center;
}

.sidebar .logo a.logo-mini, .off-canvas-sidebar .logo a.logo-mini {
    width: 220px;
}
.sidebar .logo:after, .off-canvas-sidebar .logo:after {background-color: none;width: 0px;}
.logo-image-small img{max-width: 50%;}
.main-panel {background-color: #f3f3f4; /*#f4f3ef*/ }

.label-field-value{font-size:12px; margin-top:35px;}
.caption-light{font-size:10px;}

.card label{ color: #252422; font-weight: 700;}
.card {border-radius: 5px;}
.form-control {
    background-color:#f5f5f5; /* #F3F2EE;*/
    border: 1px solid #e8e7e3;
    border-radius: 4px;
    color: #252422; /* #66615b; */
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-check .form-check-sign::before, .form-check .form-check-sign::after {
    width: 19px;
    height: 19px;
}
.form-check .form-check-label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 28px;
    line-height: 1.55;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -20px;
    border-radius: 3px;
    opacity: .50;
    background-color: #66615b;
    transition: opacity 0.2s linear;
}
.checkbox input[type="checkbox"], .radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    width: 19px;
    height: 19px;
    top: -2px;
}
.table>tbody>tr:hover {
    background-color: #f3f3f4;
}
.required:after{
    content:'*';
    color:red;
    padding-left:5px;
}
.btn.btn-icon.btn-ssm {
    height: 0.8rem;
    min-width: 0.8rem;
    width: 0.8rem;
    font-size: 7px;
}

.table-clickable-row{cursor:pointer;}
/*.table-clickable-row:hover{color:red;}*/
.formSearchInput {
    background-image: url('/images/search-32.png'); /* Add a search icon to input */
    background-size: 16px;
    background-position: 4px 4px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 14px; /* Increase font-size */
    padding: 4px 4px 4px 24px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
  }

#add_aliment{margin-top:3px;}
.table-aliment-plan.table>tbody>tr>td, .table-aliment-plan.table>thead>tr>th {
    padding: 8px 0px;
}

.plan-recap{
    padding:10px;
    padding-bottom:0px;
    background-color: #e9ecef;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.main-panel>.navbar{
    background-color: white !important;
    -webkit-box-shadow: 0 2px 2px 0 rgba(144,144,144,0.14), 0 3px 1px -2px transparent, 0 1px 5px 0 rgba(145,145,145,0.12);
    box-shadow: 0 2px 2px 0 rgba(144,144,144,0.14), 0 3px 1px -2px transparent, 0 1px 5px 0 rgba(145,145,145,0.12);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    font-weight: bold;
}
.weekly-plan-container{font-size:12px;}
.weekly-plan-container .table>thead>tr>th{font-size:12px;}
.weekly-plan-container .col{max-width: 70%; width: 70%;}

/*Back To Top Button*/
#backToTopBtn {
    position: fixed;
    right: 5px;
    bottom: 10px;
}

.description{color: white !important;}

/* FullCalendar */
.fc-content{cursor:pointer;}

/* NoUiSlider */
.slider-label-green{color: #1ab394; font-weight: bold;}

.slider-orange .noUi-connect {background: #ea9f77;}
.slider-label-orange{color: #ea9f77; font-weight: bold;}

.slider-red .noUi-connect{background: #db4965;}
.slider-label-red{color: #db4965; font-weight: bold;}

.progress{background-color: #8c8e90;}
.progress-bar-red{background-color: #db4965;}
.progress-bar-orange{background-color: #ea9f77;}
.progress-bar-green{background-color: #1ab394;}
.progress-bar-acqua{background-color: #546e7a;}
.progress-bar-purple{background-color: #880e4f;}

#demo-legend{ color: white; bottom: 0px; position: fixed; padding: 20px; font-size: 12px;}

.card-body-price .form-check-label{padding-left:8px !important;}

.card_price .card{margin: 0 auto; box-shadow: 0px 4px 25px 0px rgb(0 0 0 / 10%);}
.card_price .text-lg{font-size:1.125rem!important}
.card_price .text-3xl{font-size: 1.7rem!important};

.strikediag {
    display: inline-block;
    position: relative;
}
.strikediag::before {
    content: '';
    position: absolute;
    left: -0.1em;
    right: -0.1em;
    top: 0.38em;
    bottom: 0.38em;
    color:#ef8157;
    background: linear-gradient(to left top, transparent 45.5%, currentColor 47.5%, currentColor 52.5%, transparent 54.5%);
    pointer-events: none;
}

/* IPHONE 8 */
@media only screen and (max-width: 600px) {
    .container-guest{height: 100vh;}
    .container-guest-long{height: 200vh;}
    .container-guest-very-long{height: 350vh;}
}


@media screen and (min-width: 992px){
    .navbar .navbar-toggle {display: block;}
}

.js-cookie-consent{
    padding:8px 8px;
    width:auto;
    bottom:30px;
    left:50%;
    right:auto;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    color:#6e7c91;
    background-color:#eee;
    position:fixed;
    overflow:hidden;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-family:Helvetica,Calibri,Arial,sans-serif;
    font-size:14px;
    line-height:1.3em;
    display:errore:-ms-flexbox;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    errore:-ms-flex-wrap:nowrap;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    z-index:9999;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}
.js-cookie-consent-agree{border: none; cursor:pointer;}

/* Create three columns of equal width */
.columns {
    float: left;
    width: 33.3%;
    padding: 8px;
  }

/* Style the list */
.price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.currency {
    position: relative;
    margin-right: 0.25rem;
    font-weight: 600;
    font-size: 1.5rem;
    top: -1.125rem;
}
.value {
    position: relative;
    font-weight: 700;
    font-size: 3.35rem;
}

.value-promotion{
    position: relative;
    font-size: 3.35rem;
    margin-right:20px;
}

.promo-background{
    background-image: url("../images/promo.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
}

  /* Add shadows on hover */
  .price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
  }

  /* Pricing header */
  .price .header {
    background-color: #212120;
    color: #ffc107;
    font-size: 25px;
    font-weight: bold;
    margin-bottom:0px;
  }

  /* List items */
  .price li {
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
  }

  /* Grey list item */
  .price .grey {
    background-color: #eee;
    font-size: 20px;
  }

/* The "Sign Up" button */
.card-body-price .button {
    background-color: #ffc107;
    border: none;
    color: #212120;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight:bold;
    border-radius: 3px;
}

.card-body-price .columns{padding: 28px;}

/* DataTAble CSS */
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #ced4da;
}

#appointmentsTable_length label, #appointmentsTable_filter label{
    font-weight: 400 !important;
    color:#252422 !important;
}

#appointmentsTable thead th, #appointmentsTable thead td{border-bottom: none;}
#appointmentsTable{ border-bottom: 1px solid rgba(0,0,0,.1);}

.dataTables_wrapper .dataTables_filter input:focus{}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus{
    background-color: #51cbce !important;
    background: #51cbce !important;
    border: 1px solid #51cbce !important;
    box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active
{
    background:none !important;
}


  /* Change the width of the three columns to 100%
  (to stack horizontally on small screens) */
  @media only screen and (max-width: 600px) {
    .columns {
      width: 100%;
    }
  }

  /* Ridimensiona le frecce e personalizza i pulsanti di paginazione */
/* Ridimensiona gli SVG delle frecce */
nav[aria-label="Navigazione della Paginazione"] svg {
    width: 12px;  /* Imposta la larghezza desiderata */
    height: 12px; /* Imposta l'altezza desiderata */
}

/* Aggiungi padding ai link di navigazione per mantenere i pulsanti di dimensioni coerenti */
nav[aria-label="Navigazione della Paginazione"] a {
    padding: 6px 12px; /* Modifica il padding in base al design */
}


/* Nascondere i bottoni "Indietro" e "Avanti" */
nav[aria-label="Navigazione della Paginazione"] .flex.justify-between.flex-1.sm\:hidden {
    display: none;
}