/* PADDING PER CARD LOGIN CON MEDIAQUERY*/
 .custom-padding-card-auth {
     padding-top: 3rem;
     padding-bottom: 3rem;
     padding-left: 2rem;
     padding-right: 2rem;
 }

 @media (min-width: 768px) {

     /* Da 768px a 992px */
     .custom-padding-card-auth {
         padding-top: 2rem;
         padding-bottom: 2rem;
         padding-left: 3rem;
         padding-right: 3rem;
     }
 }

 @media (min-width: 992px) {

     /* Da 992px in su */
     .custom-padding-card-auth {
         padding-top: 3rem;
         padding-bottom: 3rem;
         padding-left: 5rem;
         padding-right: 5rem;
     }
 }


 /* LINEAR GRADIENT LOGIN */
 .custom-background-gradient {
     background: linear-gradient(190deg, #00E290 25%, #4201D0 100%);
 }


 /* CUSTOM INPUT PER FORM DA GUEST */
 .auth-custom-input {
     background-color: #EFEFEF;
 }

 .auth-custom-input-i i {
     font-size: 0.8rem;
 }

 .register-custom-input-i i {
     font-size: 1.1rem;
 }





 /* GRAFICA CHECKBOX */
 .remember_me-checkbox-input,
 .termsAccepted-input {
     border: 1px solid #574be0 !important;
     width: 15px;
     height: 15px;
 }



 .card {
     overflow: hidden;
 }



 .font-75 {
     font-size: 0.75rem;
 }

 .font-50 {
     font-size: 0.50rem;
 }

 .text-card-qrcode-info {
     font-size: 0.9em;
 }

 .img-negative-margin {
     margin-top: -1rem;
     max-width: 8rem;
 }

 .icon-circle {
     width: 50px;
     height: 50px;
     background-color: #ffffff;
     border-radius: 50%;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
     color: #000000;
     text-decoration: none;
 }

 .icon-support {
     font-size: 1.2em;
 }


 /* Stili per l'overlay del modal con effetto blur */
 .custom-modal-backdrop {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     z-index: 1040;
     background-color: rgba(0, 0, 0, 0.5);
     backdrop-filter: blur(5px);
     -webkit-backdrop-filter: blur(5px);
 }

 .modal {
     width: 100vw;
     height: 100vh;
 }


 .choose-language-add {
     background-color: #F5F5F5 !important;
 }

 .choose-language-add:hover {
     background-color: #7e7e7e !important;
     color: white !important;
 }

 .choose-language-add.active {
     background-color: #7e7e7e !important;
     color: white !important;
 }

 .card-footer button {
     padding: 0.5em 1.2em;
 }

 /* START PULSANTI START PULSANTI START PULSANTI START PULSANTI START PULSANTI START PULSANTI START PULSANTI*/
 .btn-customgoogle {
     border: 1px solid #b9b9b9;
     padding: 0.3rem;
     text-transform: capitalize;
     color: black;
     background-color: white;
     border-radius: 5px;
     font-weight: normal;
     letter-spacing: normal;
     transition: all 0.3s ease;
 }

 .btn-customgoogle:hover,
 .btn-customgoogle:active {
     color: #fff;
     background-color: #1a73e8;
     border-color: #1a73e8;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .btn-customblu {
     padding: 0.5rem;
     text-transform: uppercase;
     color: #fff;
     background-color: #574BE0;
     border-color: #574BE0;
     border-radius: 5px;
     font-weight: normal;
     letter-spacing: normal;
     transition: all 0.3s ease;
 }

 .btn-customblu:hover,
 .btn-customblu:active {
     color: #fff;
     background-color: #473DB5;
     border-color: #473DB5;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .btn-customsuccess {
     padding: 0.5rem;
     text-transform: uppercase;
     color: white;
     background-color: #02BE7A;
     border: 1px solid #02BE7A;
     border-radius: 5px;
     font-weight: normal;
     letter-spacing: normal;
     transition: all 0.3s ease;
 }

 .btn-customsuccess:hover,
 .btn-customsuccess:active {
     color: white;
     background-color: #0f9278;
     border-color: #0f9278;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .btn-customdangeroutline {
     padding: 0.5rem;
     text-transform: uppercase;
     color: #D4564B;
     background-color: transparent;
     border: 1px solid #D4564B;
     border-radius: 5px;
     font-weight: normal;
     letter-spacing: normal;
     transition: all 0.3s ease;
 }

 .btn-customdangeroutline:hover,
 .btn-customdangeroutline:active {
     color: white;
     background-color: #D4564B;
     border-color: #D4564B;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .btn-customdanger {
     padding: 0.5rem;
     text-transform: uppercase;
     color: white;
     background-color: #D4564B;
     border: 1px solid #D4564B;
     border-radius: 5px;
     font-weight: normal;
     letter-spacing: normal;
     transition: all 0.3s ease;
 }

 .btn-customdanger:hover,
 .btn-customdanger:active {
     color: white;
     background-color: #ca3224;
     border-color: #ca3224;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }


 .btn-customalert {
     padding: 0.5rem;
     text-transform: uppercase;
     color: white;
     background-color: #F4BD50;
     border: 1px solid #F4BD50;
     border-radius: 5px;
     font-weight: normal;
     letter-spacing: normal;
     transition: all 0.3s ease;
 }

 .btn-customalert:hover,
 .btn-customalert:active {
     color: white;
     background-color: #F0B033;
     border-color: #F0B033;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .btn-customemptyoutline {
     padding: 0.5rem;
     text-transform: uppercase;
     color: black;
     background-color: transparent;
     border: 1px solid black;
     border-radius: 5px;
     font-weight: normal;
     letter-spacing: normal;
     transition: all 0.3s ease;
 }

 .btn-customemptyoutline:hover,
 .btn-customemptyoutline:active {
     color: black;
     background-color: #F5F5F5;
     border-color: #F5F5F5;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .btn-customgray {
     padding: 0.5rem;
     text-transform: uppercase;
     color: white;
     background-color: #979797;
     border: 1px solid #979797;
     border-radius: 5px;
     font-weight: normal;
     letter-spacing: normal;
     transition: all 0.3s ease;
 }

 .btn-customgray:hover,
 .btn-customgray:active {
     color: white;
     background-color: #6c6c6c;
     border-color: #6c6c6c;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .btn-customlightgray {
     padding: 0.5rem;
     text-transform: uppercase;
     color: black;
     background-color: #F5F5F5;
     border: 1px solid #F5F5F5;
     border-radius: 5px;
     font-weight: normal;
     letter-spacing: normal;
     transition: all 0.3s ease;
 }

 .btn-customlightgray:hover,
 .btn-customlightgray:active {
     color: black;
     background-color: #EBE6E6;
     border-color: #EBE6E6;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .custom-danger-icon {
     color: white;
     background-color: #f4bd50cf;
     transition: background-color 0.2s ease, box-shadow 0.2s ease;
 }

 .custom-danger-icon:hover {
     background-color: #e0aa46;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
 }

 .custom-danger-icon:active {
     background-color: #cc993d;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
 }


 .custom-delete-icon {
     color: white;
     background-color: #d4564bdb;
     transition: background-color 0.2s ease, box-shadow 0.2s ease;
 }

 .custom-delete-icon:hover {
     background-color: #c04e44;
     color: white;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
 }

 .custom-delete-icon:active {
     background-color: #ab463d;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
 }

 /* END PULSANTI END PULSANTI END PULSANTI END PULSANTI END PULSANTI END PULSANTI END PULSANTI*/




 #box-dati-aziendali {
     background-color: #F0F0F0;
 }

 .custom-add-catalogue-icon {
     width: 40px;
     height: 40px;
     background-color: #E5E2F0;
     border-radius: 5px;
     color: black !important;
 }


 .preview-option {
     display: inline-block;
     margin: 10px;
     cursor: pointer;
 }

 .preview-option img {
     max-width: 150px;
     border: 2px solid transparent;
 }

 .preview-option img.selected {
     padding: 0.5rem;
     border-color: blue;
 }

 /* START INPUT - SEARCH - PER CATEGORIE E PRODOTTI */
 .searchSpan {
     display: flex;
     align-items: center;
     background: #F5F4F6;
     border-radius: 10px;
     position: relative;
 }

 .searchSpan>input {
     border-radius: 10px;
     background: #F5F4F6;
     border: none;
     padding-right: 30px;
     caret-color: #574BE0;
 }

 .searchSpan>input:focus {
     border-color: transparent;
     box-shadow: none;
     background: #F5F4F6;
 }

 .clear-search {
     position: absolute;
     right: 10px;
     background: transparent;
     border: none;
     font-size: 20px;
     cursor: pointer;
     color: #aaa;
 }

 .clear-search:hover {
     color: #000;
 }

 /* END INPUT - SEARCH - PER CATEGORIE E PRODOTTI */








 /* START CARD PROD/CAT */
 .accordion-body-no-cat {
     border-radius: 0 0 10px 10px;
     border-top: 0;
 }

 .card__thumb {
     flex-shrink: 0;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     object-fit: cover;
 }

 .card_item_image {
     max-height: 150px;
     object-fit: cover;
 }

 /* END CARD PROD/CAT */






 /* START INFO ATTIVIT° */
 /* Toggle Switch Styles */
 .toggle-checkbox {
     display: none;
 }

 .toggle-label {
     width: 34px;
     height: 18px;
     background-color: #ccc;
     border-radius: 15px;
     position: relative;
     display: inline-block;
     cursor: pointer;
     transition: background-color 0.3s;
 }

 .toggle-label::after {
     content: '';
     width: 16px;
     height: 16px;
     background-color: white;
     border-radius: 50%;
     position: absolute;
     top: 1px;
     left: 1px;
     transition: transform 0.3s;
 }

 /* Checkbox checked state */
 .toggle-checkbox:checked+.toggle-label {
     background-color: #34c659;
 }

 .toggle-checkbox:checked+.toggle-label::after {
     transform: translateX(16px);
 }

 /* Additional Styles */
 .avatar-container {
     width: 100px;
     height: 100px;
     position: relative;
 }

 .avatar {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 50%;
 }

 .edit-icon {
     bottom: -5px;
     right: -5px;
     background: white;
     border: 1px solid #ccc;
     border-radius: 50%;
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
     transition: all 0.3s ease;
 }

 .edit-icon i {
     color: #007BFF;
 }

 .edit-icon:hover {
     background: #007BFF;
     border-color: #007BFF;
 }

 .edit-icon:hover i {
     color: white;
 }

 /* Bordo destro per dimensioni sotto XL */
 .custom-border-right {
     border-right: none;
 }

 /* Rimuovi il bordo destro per schermi XL e superiori */
 @media (min-width: 1200px) {

     /* Bootstrap XL breakpoint */
     .custom-border-right {
         border-right: 2px solid #ebebeb;
     }
 }

 .social-icon {
     color: #fff;
 }

 .fab.fa-facebook {
     color: #3b5998;
 }

 .fab.fa-twitter {
     color: black;
 }

 .fab.fa-linkedin {
     color: #0077b5;
 }

 .fab.fa-instagram {
     color: #e4405f;
 }

 .fab.fa-pinterest {
     color: #bd081c;
 }

 .fab.fa-youtube {
     color: #ff0000;
 }

 .fab.fa-whatsapp {
     color: #0e9e00;
 }

 .fab.fa-tiktok {
     color: black;
 }

 .input-group.social-input-group:focus-within .social-icon-prepend {
     border-color: #007BFF;
 }

 .input-group .form-control:focus {
     border-color: #007BFF;
     box-shadow: none;
 }


 .btn-hide-show-languages {
     background-color: transparent;
     border: none;
     font-size: 12px;
     cursor: pointer;
     transition: color 0.3s ease;
 }

 .table-container {
     background: #fff;
     /* Imposta lo sfondo su bianco */
     padding-bottom: 20px;
     border-radius: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     margin-bottom: 20px;
     overflow-x: auto;
     position: relative;
     cursor: move;
     /* Cambia il cursore per indicare che è possibile trascinare */
 }

 .table-container:active {
     cursor: grabbing;
     /* Cambia il cursore durante il trascinamento */
 }

 /* Nasconde la scrollbar */
 .table-container::-webkit-scrollbar {
     display: none;
 }

 table {
     width: 100%;
     border-collapse: collapse;
     margin-bottom: 20px;
     background-color: #fff;
 }

 table th,
 table td {
     padding: 10px;
     text-align: center;
     border: none;
 }

 table tr:not(:last-child) {
     border-bottom: 1px solid #ddd;
 }

 table th:first-child,
 table td:first-child {
     border-right: 1px solid #ddd;
 }

 table tr:first-child th,
 table tr:first-child td {
     border-bottom: 1px solid #ddd;
 }

 table th {
     background-color: #007BFF;
     color: white;
     font-weight: bold;
 }

 /* Input senza bordi di default */
 table td input {
     width: 100%;
     box-sizing: border-box;
     padding: 8px;
     border: none;
     /* Rimuove i bordi di default */
     border-radius: 5px;
     background: transparent;
     /* Sfondo trasparente */
     transition: border 0.3s ease, background 0.3s ease;
 }

 table td input:focus {
     border: 1px solid #ccc;
     background: #fff;
     outline: none;
 }

 .text-end {
     text-align: right;
 }

 .nav-pills .nav-link {
     border-radius: 0;
     border: 1px solid #ebebeb;
     background-color: #f6f6f6;
     color: #007BFF;
     text-align: center;
     padding: 0.5em 1em;
     margin-right: 5px;
 }

 .nav-pills .nav-link.active {
     background-color: #3a05cc;
     color: #fff;
 }

 .nav-pills .nav-link img {
     margin-right: 10px;
 }

 .min-width-150 {
     min-width: 150px;
 }

 .min-width-250 {
     min-width: 250px;
 }

 .min-width-150 input {
     text-align: center;
 }

 .gap-2>* {
     margin-right: 10px;
 }

 .text-add-column-row {
     font-size: 0.75rem;
 }

 /* END INFO ATTIVIT° */