:root { /* --blue: #6297f9; --light-blue: #d7e9f7; --black: #000; --light-gray: rgb(242, 242, 242); --gray: #333; */ /* colori dedicati al progetto */ --ic-violet: #37348B; --ic-violet-light: #aaa7fee6; --ic-green: #5BAE88; --ic-green-light: #5BAE8899; --ic-light-blue: #289AD9; --ic-gray: #707070; --ic-gray-v2: #dddddd; /* colori tipi prenotazione */ --ic-booking-1-fg: #37348B; --ic-booking-1-bg: #cecdf8; --ic-booking-5-fg: #30694f; --ic-booking-5-bg: #bfe9d5a5; --ic-booking-6-fg: #65370c; --ic-booking-6-bg: #efcf81a5; --ic-booking-7-fg: #073b8e; --ic-booking-7-bg: #45aada45; --ic-booking-8-fg: #212529; --ic-booking-8-bg: #bbbbbb55; /* override default bootstrap */ --bs-body-font-family: "Poppins", sans-serif; } .btn-whatsapp{ border: 1px solid #25D366; background-color:#25D366; color:#fff; } /* form e validazioni */ .form-control:read-only { background-color: #eeeeee; cursor: not-allowed; } .form-control.flatpickr-input:read-only + input.input { background-color: #ffffff; cursor: pointer; } label.error { color: #cc563d; } /* layout principale */ .admin-header-logo { position: relative; } .admin-header-logo .admin-business { color: #37348b; font-size: 12px; font-weight: 500; position: absolute; bottom: -9px; right: 0; } .page-content { padding-left: 0; padding-right: 0; padding-bottom: 90px; } .footer { height: auto; min-height: 60px; } /* menu di sinistra - nota: la barra può essere aperta/chiusa in base dimensioni schermo e interazioni utente: quando è chiusa il tag ha attributo data-sidebar-size="sm" */ .btn-pwa-icon { margin-right: 0.5rem; } html[data-sidebar-size="sm"] .btn-pwa-icon { font-size: 1.1rem; margin-right: 0; } html[data-sidebar-size="sm"] .btn-pwa-label { display: none; } .hamburger-icon.open { transform: none !important; -webkit-transform: none !important; } .admin-menu { /* */ } .admin-menu .fa-stack-bottom-right { font-size: 7px !important; position: absolute !important; bottom: -9px !important; right: -13px !important; } @media (min-width: 768px) { .admin-menu-logo-lg { display: inline-block; position: relative; } .admin-menu-logo-lg .admin-business { font-size: 13px; font-weight: 500; color: #ffffff; position: absolute; bottom: -19px; right: 0; } } /* profilo utente */ .img-circle { border-radius: 50%; } .img-circle.img-profile { border-radius: 50%; margin-bottom: 15px; max-height: 200px; } /* liste */ .admin-standard-list { /* */ } .admin-standard-list td { padding-bottom: 3px !important; padding-top: 3px !important; vertical-align: middle; } .admin-list-image { /* box rotondo per immagini da mostrare in lista, es: avatar utenti. l'idea è poi impostare il background-image dalla funzione recordList della lista specifica */ background-color: #ffffff; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 30px; height: 30px; border-radius: 15px; border: 1px solid #dddddd; overflow: hidden; } @media screen and (min-width:992px) { .admin-list-image { margin: 0 auto; } } /* form editazione */ .admin-standard-edit { /* */ } .admin-standard-edit .fa-stack { display: inline-block; height: 1rem; line-height: 1rem; position: relative; vertical-align: middle; width: 1rem; } .admin-standard-edit .fa-stack-bottom-right { font-size: 0.45em; position: absolute; bottom: 0; right: -3px; } .admin-standard-edit .admin-edit-buttons-top { display: none; } @media screen and (min-width:768px) { .admin-standard-edit .admin-edit-buttons-top { display: block; } } @media screen and (max-width:767px) { .admin-standard-edit .admin-edit-buttons-bottom { background: #ffffff; border-top: 1px solid #e9ebec; height: 80px; padding: 5px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; } .admin-standard-edit .admin-edit-buttons-bottom-in { height: 100%; justify-content: center; overflow-x: auto; } .admin-standard-edit .admin-edit-buttons-bottom-in .btn { font-size: 10px; height: 50px; flex-grow: 1; } .admin-standard-edit .admin-edit-buttons-bottom-in .btn > i, .admin-standard-edit .admin-edit-buttons-bottom-in .btn .fa-stack { display: block; font-size: 18px; margin: 0 auto 3px auto !important; } .admin-standard-edit .admin-edit-buttons-bottom-in .fa-stack-bottom-right { bottom: -2px; right: -4px; } } /* widget */ .admin-widget { margin-bottom: 5px; } .admin-widget .note-editor.note-airframe, .admin-widget .note-editor.note-frame { border: var(--vz-border-width) solid var(--vz-input-border-custom) !important; border-radius: var(--vz-border-radius) !important; } .widget-color-picker { border: 1px solid #ced4da; border-radius: 3px; cursor: pointer; display: block; height: 35px; padding: 0; width: 100px; background: none; /* Rimuove il background di default */ outline: none; /* Rimuove il focus */ appearance: none; /* Disabilita lo stile nativo */ -webkit-appearance: none; /* Per browser basati su WebKit */ -moz-appearance: none; /* Per Firefox */ } .widget-color-picker::-webkit-color-swatch-wrapper { padding: 0; border: none; } .widget-color-picker::-webkit-color-swatch { border: none; } .widget-file-link { display: block; height: 100%; width: 100%; } .widget-file-preview { background-color: #eeeeee; background-position: center center; background-size: cover; border-radius: var(--bs-border-radius); font-size: 56px; height: 120px; line-height: 120px; margin-left: auto; margin-right: auto; text-align: center; width: 120px; } .widget-file-preview-btn-delete { display: block; margin-left: auto; margin-right: auto; max-width: 120px; } .widget-file-uploader { background: #eee !important; border: var(--vz-border-width) solid var(--vz-input-border-custom) !important; border-radius: var(--vz-border-radius) !important; cursor: pointer; margin-left: auto; margin-right: auto; padding: 0.375rem 0.75rem; width: 178px; } .widget-file-uploader .dz-message { margin: 7px 0 !important; } .widget-file-uploader .dz-image-preview { margin: 0 8px !important; } .widget-file-uploader .dz-preview.dz-image-preview { background: none !important; } .widget-file-uploader .dz-message .dz-button { font-size: 14px !important; } .select2-container .select2-results__options .select2-results__option { min-height: 29px; /* per eventuali