@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'Font Awesome 6 Free Regular';
    src: url('../../assets/fonts/fontawesome/fa-regular-400.woff2') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('../../assets/fonts/fontawesome/fa-regular-400.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  
@font-face {
    font-family: 'Font Awesome 6 Free Solid';
    src: url('../../assets/fonts/fontawesome/fa-solid-900.woff2') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('../../assets/fonts/fontawesome/fa-solid-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #4B4B4B;
    --bs-white: #ffffff;
    --bs-gray: #7E8299;
    --bs-gray-dark: #3F4254;
    --bs-gray-100: #f5f8fa;
    --bs-gray-200: #eff2f5;
    --bs-gray-300: #E4E6EF;
    --bs-gray-400: #B5B5C3;
    --bs-gray-500: #A1A5B7;
    --bs-gray-600: #7E8299;
    --bs-gray-700: #5E6278;
    --bs-gray-800: #3F4254;
    --bs-gray-900: #181C32;
    --bs-white: #ffffff;
    --bs-light: #f5f8fa;
    --bs-primary: #009ef7;
    --bs-secondary: #E4E6EF;
    --bs-success: #61C250;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #f1416c;
    --bs-dark: #181C32;
    --bs-white-rgb: 255, 255, 255;
    --bs-light-rgb: 245, 248, 250;
    --bs-primary-rgb: 0, 158, 247;
    --bs-secondary-rgb: 228, 230, 239;
    --bs-success-rgb: 80, 205, 137;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 255, 199, 0;
    --bs-danger-rgb: 241, 65, 108;
    --bs-dark-rgb: 24, 28, 50;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 24, 28, 50;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: 'Open Sans', Helvetica, "sans-serif";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #181C32;
    --bs-body-bg: #ffffff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #eff2f5;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.475rem;
    --bs-border-radius-sm: 0.425rem;
    --bs-border-radius-lg: 0.625rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #009ef7;
    --bs-link-hover-color: shift-color(#009ef7, 20%);
    --bs-code-color: #b93993;
    --bs-highlight-bg: #fff3cd --kt-xs:0;
    --kt-sm: 576px;
    --kt-md: 768px;
    --kt-lg: 992px;
    --kt-xl: 1200px;
    --kt-xxl: 1400px;
    --kt-white: #ffffff;
    --kt-white-bg-rgb: 255, 255, 255;
    --kt-black: #4B4B4B;
    --kt-black-bg-rgb: 0, 0, 0;
    --kt-text-muted: #A1A5B7;
    --kt-gray-100: #f5f8fa;
    --kt-gray-200: #eff2f5;
    --kt-gray-300: #E4E6EF;
    --kt-gray-400: #B5B5C3;
    --kt-gray-500: #A1A5B7;
    --kt-gray-600: #7E8299;
    --kt-gray-700: #5E6278;
    --kt-gray-800: #3F4254;
    --kt-gray-900: #181C32;
    --kt-gray-100-rgb: 245, 248, 250;
    --kt-gray-200-rgb: 239, 242, 245;
    --kt-gray-300-rgb: 228, 230, 239;
    --kt-gray-400-rgb: 181, 181, 195;
    --kt-gray-500-rgb: 161, 165, 183;
    --kt-gray-600-rgb: 126, 130, 153;
    --kt-gray-700-rgb: 94, 98, 120;
    --kt-gray-800-rgb: 63, 66, 84;
    --kt-gray-900-rgb: 24, 28, 50;
    --kt-white: #ffffff;
    --kt-light: #f5f8fa;
    --kt-primary: #009ef7;
    --kt-secondary: #E4E6EF;
    --kt-success: #61C250;
    --kt-info: #7239ea;
    --kt-warning: #ffc700;
    --kt-danger: #f1416c;
    --kt-dark: #181C32;
    --kt-primary-active: #0095e8;
    --kt-secondary-active: #B5B5C3;
    --kt-light-active: #eff2f5;
    --kt-success-active: #47be7d;
    --kt-info-active: #5014d0;
    --kt-warning-active: #f1bc00;
    --kt-danger-active: #d9214e;
    --kt-dark-active: #131628;
    --kt-primary-light: #f1faff;
    --kt-secondary-light: #f5f8fa;
    --kt-success-light: #e8fff3;
    --kt-info-light: #f8f5ff;
    --kt-warning-light: #fff8dd;
    --kt-danger-light: #fff5f8;
    --kt-dark-light: #eff2f5;
    --kt-primary-inverse: #ffffff;
    --kt-secondary-inverse: #3F4254;
    --kt-light-inverse: #7E8299;
    --kt-success-inverse: #ffffff;
    --kt-info-inverse: #ffffff;
    --kt-warning-inverse: #ffffff;
    --kt-danger-inverse: #ffffff;
    --kt-dark-inverse: #ffffff;
    --kt-white-rgb: 255, 255, 255;
    --kt-light-rgb: 245, 248, 250;
    --kt-primary-rgb: 0, 158, 247;
    --kt-secondary-rgb: 228, 230, 239;
    --kt-success-rgb: 80, 205, 137;
    --kt-info-rgb: 114, 57, 234;
    --kt-warning-rgb: 255, 199, 0;
    --kt-danger-rgb: 241, 65, 108;
    --kt-dark-rgb: 24, 28, 50;
    --kt-text-white: #ffffff;
    --kt-text-primary: #009ef7;
    --kt-text-secondary: #E4E6EF;
    --kt-text-light: #f5f8fa;
    --kt-text-success: #61C250;
    --kt-text-info: #7239ea;
    --kt-text-warning: #ffc700;
    --kt-text-danger: #f1416c;
    --kt-text-dark: #181C32;
    --kt-text-muted: #A1A5B7;
    --kt-text-gray-100: #f5f8fa;
    --kt-text-gray-200: #eff2f5;
    --kt-text-gray-300: #E4E6EF;
    --kt-text-gray-400: #B5B5C3;
    --kt-text-gray-500: #A1A5B7;
    --kt-text-gray-600: #7E8299;
    --kt-text-gray-700: #5E6278;
    --kt-text-gray-800: #3F4254;
    --kt-text-gray-900: #181C32;
    --kt-body-bg: #ffffff;
    --kt-body-bg-rgb: 255, 255, 255;
    --kt-body-color: #181C32;
    --kt-link-color: #009ef7;
    --kt-link-hover-color: shift-color(#009ef7, 20%);
    --kt-border-color: #eff2f5;
    --kt-border-dashed-color: #E4E6EF;
    --kt-component-active-color: #ffffff;
    --kt-component-active-bg: #009ef7;
    --kt-component-hover-color: #009ef7;
    --kt-component-hover-bg: #F4F6FA;
    --kt-component-checked-color: #ffffff;
    --kt-component-checked-bg: #009ef7;
    --kt-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --kt-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --kt-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --kt-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --kt-headings-color: #181C32;
    --kt-table-color: #181C32;
    --kt-table-bg: transparent;
    --kt-table-striped-color: #181C32;
    --kt-table-striped-bg: rgba(245, 248, 250, 0.75);
    --kt-table-accent-bg: transparent;
    --kt-table-active-color: #181C32;
    --kt-table-active-bg: #f5f8fa;
    --kt-table-hover-colorr: #181C32;
    --kt-table-hover-bg: #f5f8fa;
    --kt-table-border-color: #eff2f5;
    --kt-table-caption-color: #A1A5B7;
    --kt-table-loading-message-box-shadow: 0px 0px 4px 0px rgba(82, 63, 105, 0.15);
    --kt-table-loading-message-bg: #ffffff;
    --kt-table-loading-message-color: #5E6278;
    --kt-input-btn-focus-color: rgba(0, 158, 247, 0.25);
    --kt-input-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
    --kt-input-btn-focus-color-opacity: 0.25;
    --kt-input-color: #5E6278;
    --kt-input-placeholder-color: #A1A5B7;
    --kt-input-plaintext-color: #5E6278;
    --kt-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --kt-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
    --kt-btn-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --kt-btn-disabled-opacity: 0.65;
    --kt-btn-link-color: #009ef7;
    --kt-btn-link-hover-color: shift-color(#009ef7, 20%);
    --kt-btn-link-disabled-color: #7E8299;
    --kt-form-label-color: #3F4254;
    --kt-form-text-color: #A1A5B7;
    --kt-input-bg: #ffffff;
    --kt-input-disabled-bg: #eff2f5;
    --kt-input-disabled-border-color: #E4E6EF;
    --kt-input-color: #5E6278;
    --kt-input-border-color: #E4E6EF;
    --kt-input-focus-bg: #ffffff;
    --kt-input-focus-border-color: #B5B5C3;
    --kt-input-focus-color: #5E6278;
    --kt-input-solid-bg: #f5f8fa;
    --kt-input-solid-bg-focus: #eef3f7;
    --kt-input-solid-placeholder-color: #A1A5B7;
    --kt-input-solid-color: #5E6278;
    --kt-form-check-input-active-filter: brightness(90%);
    --kt-form-check-input-bg: transparent;
    --kt-form-check-input-bg-solid: #eff2f5;
    --kt-form-check-input-border: 1px solid #E4E6EF;
    --kt-form-check-input-focus-border: #B5B5C3;
    --kt-form-check-input-focus-box-shadow: none;
    --kt-form-check-input-checked-color: #ffffff;
    --kt-form-check-input-checked-bg-color: #009ef7;
    --kt-form-check-input-checked-bg-color-solid: #009ef7;
    --kt-form-check-input-checked-border-color: #009ef7;
    --kt-form-check-input-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
    --kt-form-check-radio-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
    --kt-form-check-input-indeterminate-color: #ffffff;
    --kt-form-check-input-indeterminate-bg-color: #009ef7;
    --kt-form-check-input-indeterminate-border-color: #009ef7;
    --kt-form-check-input-indeterminate-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    --kt-form-check-input-disabled-opacity: 0.5;
    --kt-form-check-label-disabled-opacity: 0.5;
    --kt-form-check-btn-check-disabled-opacity: 0.65;
    --kt-form-switch-color: rgba(0, 0, 0, 0.25);
    --kt-form-switch-color-solid: #ffffff;
    --kt-form-switch-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    --kt-form-switch-bg-image-solid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    --kt-form-switch-focus-color: #B5B5C3;
    --kt-form-switch-focus-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23B5B5C3'/%3e%3c/svg%3e");
    --kt-form-switch-checked-color: #ffffff;
    --kt-form-switch-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    --kt-input-group-addon-color: #5E6278;
    --kt-input-group-addon-bg: #f5f8fa;
    --kt-input-group-addon-border-color: #E4E6EF;
    --kt-form-select-color: #5E6278;
    --kt-form-select-bg: #ffffff;
    --kt-form-select-disabled-bg: #eff2f5;
    --kt-form-select-disabled-border-color: #E4E6EF;
    --kt-form-select-indicator-color: #7E8299;
    --kt-form-select-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --kt-form-select-border-color: #E4E6EF;
    --kt-form-select-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --kt-form-select-focus-border-color: #B5B5C3;
    --kt-form-select-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
    --kt-form-file-button-color: #5E6278;
    --kt-form-file-button-bg: #f5f8fa;
    --kt-form-file-button-hover-bg: shade-color(#f5f8fa, 5%);
    --kt-nav-tabs-border-color: #eff2f5;
    --kt-nav-tabs-link-hover-border-color: #eff2f5 #eff2f5 #eff2f5;
    --kt-nav-tabs-link-active-color: #5E6278;
    --kt-nav-tabs-link-active-bg: #ffffff;
    --kt-nav-tabs-link-active-border-color: #E4E6EF #E4E6EF #ffffff;
    --kt-nav-pills-link-active-color: #ffffff;
    --kt-nav-pills-link-active-bg: #009ef7;
    --kt-dropdown-color: #181C32;
    --kt-dropdown-bg: #ffffff;
    --kt-dropdown-divider-bg: #f5f8fa;
    --kt-dropdown-box-shadow: 0px 0px 4px 0px rgba(82, 63, 105, 0.15);
    --kt-dropdown-link-color: #181C32;
    --kt-dropdown-link-hover-color: shade-color(#181C32, 10%);
    --kt-dropdown-link-hover-bg: #eff2f5;
    --kt-dropdown-link-active-color: #ffffff;
    --kt-dropdown-link-active-bg: #009ef7;
    --kt-dropdown-link-disabled-color: #A1A5B7;
    --kt-dropdown-header-color: #7E8299;
    --kt-pagination-item-bg: #ffffff;
    --kt-pagination-color: #5E6278;
    --kt-pagination-bg: transparent;
    --kt-pagination-border-color: transparent;
    --kt-pagination-focus-color: #009ef7;
    --kt-pagination-focus-bg: #F4F6FA;
    --kt-pagination-focus-box-shadow: none;
    --kt-pagination-focus-outline: 0;
    --kt-pagination-hover-color: #009ef7;
    --kt-pagination-hover-bg: #F4F6FA;
    --kt-pagination-hover-border-color: transparent;
    --kt-pagination-active-color: #ffffff;
    --kt-pagination-active-bg: #009ef7;
    --kt-pagination-active-border-color: transparent;
    --kt-pagination-disabled-color: #B5B5C3;
    --kt-pagination-disabled-bg: transparent;
    --kt-card-bg: #ffffff;
    --kt-card-box-shadow: 0px 0px 2px 0px rgba(76, 87, 125, 0.02);
    --kt-card-border-color: #eff2f5;
    --kt-card-border-dashed-color: #E4E6EF;
    --kt-card-cap-bg: transparent;
    --kt-accordion-color: #181C32;
    --kt-accordion-bg: #ffffff;
    --kt-accordion-border-color: #eff2f5;
    --kt-accordion-button-bg: #ffffff;
    --kt-accordion-button-color: #181C32;
    --kt-accordion-button-active-bg: #f5f8fa;
    --kt-accordion-button-active-color: #009ef7;
    --kt-accordion-button-focus-border-color: #eff2f5;
    --kt-accordion-button-focus-box-shadow: none;
    --kt-accordion-icon-color: #181C32;
    --kt-accordion-icon-active-color: #009ef7;
    --kt-accordion-button-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23181C32'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --kt-accordion-button-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23009ef7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --kt-tooltip-color: #3F4254;
    --kt-tooltip-bg: #ffffff;
    --kt-tooltip-opacity: 1;
    --kt-tooltip-box-shadow: 0px 0px 4px 0px rgba(82, 63, 105, 0.15);
    --kt-popover-bg: #ffffff;
    --kt-popover-border-color: #ffffff;
    --kt-popover-box-shadow: 0px 0px 4px 0px rgba(82, 63, 105, 0.15);
    --kt-popover-header-bg: #ffffff;
    --kt-popover-header-color: #3F4254;
    --kt-popover-header-border-color: #eff2f5;
    --kt-popover-body-color: #3F4254;
    --kt-dropdown-box-shadow: 0px 0px 4px 0px rgba(82, 63, 105, 0.15);
    --kt-dropdown-bg: #ffffff;
    --kt-toast-background-color: rgba(255, 255, 255, 0.85);
    --kt-toast-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --kt-toast-header-color: #7E8299;
    --kt-toast-header-background-color: rgba(255, 255, 255, 0.85);
    --kt-toast-header-border-color: rgba(0, 0, 0, 0.05);
    --kt-badge-color: #ffffff;
    --kt-modal-bg: #ffffff;
    --kt-modal-border-color: var(--bs-border-color-translucent);
    --kt-modal-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
    --kt-modal-content-bg: #ffffff;
    --kt-modal-content-border-color: var(--bs-border-color-translucent);
    --kt-modal-content-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
    --kt-modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    --kt-modal-content-box-shadow-sm-up: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    --kt-modal-header-border-color: #eff2f5;
    --kt-modal-footer-border-color: #eff2f5;
    --kt-modal-backdrop-bg: #4B4B4B;
    --kt-modal-backdrop-opacity: 0.3;
    --kt-progress-bg: #f5f8fa;
    --kt-progress-box-shadow: none;
    --kt-list-group-color: #181C32;
    --kt-list-group-bg: #ffffff;
    --kt-list-group-border-color: rgba(0, 0, 0, 0.125);
    --kt-list-group-hover-bg: #f5f8fa;
    --kt-list-group-active-color: #ffffff;
    --kt-list-group-active-bg: #009ef7;
    --kt-list-group-active-border-colorg: #009ef7;
    --kt-list-group-disabled-color: #7E8299;
    --kt-list-group-disabled-bg: #ffffff;
    --kt-list-group-action-colorg: #5E6278;
    --kt-list-group-action-hover-color: #5E6278;
    --kt-list-group-action-active-color: #181C32;
    --kt-list-group-action-active-bg: #eff2f5;
    --kt-thumbnail-bg: #ffffff;
    --kt-thumbnail-border-color: #eff2f5;
    --kt-thumbnail-box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --kt-figure-caption-color: #7E8299;
    --kt-breadcrumb-divider-color: #7E8299;
    --kt-breadcrumb-active-color: #009ef7;
    --kt-carousel-custom-indicator-default-bg-color: #eff2f5;
    --kt-carousel-custom-indicator-active-bg-color: #B5B5C3;
    --kt-carousel-custom-bullet-indicator-default-bg-color: #B5B5C3;
    --kt-carousel-custom-bullet-indicator-active-bg-color: #7E8299;
    --kt-code-bg: #F1F3F8;
    --kt-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --kt-code-color: #b93993;
    --kt-btn-close-color: #4B4B4B;
    --kt-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234B4B4B'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --kt-offcanvas-border-color: var(--bs-border-color-translucent);
    --kt-offcanvas-bg-color: #ffffff;
    --kt-offcanvas-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    --kt-offcanvas-backdrop-bg: #4B4B4B;
    --kt-offcanvas-backdrop-opacity: 0.3;
    --kt-symbol-label-color: #3F4254;
    --kt-symbol-label-bg: #f5f8fa;
    --kt-symbol-border-color: rgba(255, 255, 255, 0.5);
    --kt-bullet-bg-color: #B5B5C3;
    --kt-scrolltop-opacity: 0;
    --kt-scrolltop-opacity-on: 0.3;
    --kt-scrolltop-opacity-hover: 1;
    --kt-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --kt-scrolltop-bg-color: #009ef7;
    --kt-scrolltop-bg-color-hover: #009ef7;
    --kt-scrolltop-icon-color: #ffffff;
    --kt-scrolltop-icon-color-hover: #ffffff;
    --kt-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --kt-drawer-bg-color: #ffffff;
    --kt-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --kt-menu-dropdown-box-shadow: 0px 0px 4px 0px rgba(82, 63, 105, 0.15);
    --kt-menu-dropdown-bg-color: #ffffff;
    --kt-menu-heading-color: #A1A5B7;
    --kt-menu-link-color-hover: #009ef7;
    --kt-menu-link-color-show: #009ef7;
    --kt-menu-link-color-here: #009ef7;
    --kt-menu-link-color-active: #009ef7;
    --kt-menu-link-bg-color-hover: #F4F6FA;
    --kt-menu-link-bg-color-show: #F4F6FA;
    --kt-menu-link-bg-color-here: #F4F6FA;
    --kt-menu-link-bg-color-active: #F4F6FA;
    --kt-feedback-popup-box-shadow: 0px 0px 4px 0px rgba(82, 63, 105, 0.15);
    --kt-feedback-popup-background-color: #ffffff;
    --kt-scrollbar-color: #eff2f5;
    --kt-scrollbar-hover-color: #e9edf1;
    --kt-scrollbar-width: 0.4rem;
    --kt-scrollbar-height: 0.4rem;
    --kt-scrollbar-space: 0.5rem;
    --kt-overlay-bg: rgba(0, 0, 0, 0.05);
    --kt-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --kt-rating-color-default: #B5B5C3;
    --kt-rating-color-active: #FFAD0F;
    --kt-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(24, 28, 50, 0.1);
    --kt-ribbon-label-bg: #009ef7;
    --kt-ribbon-label-border-color: #005d91;
    --kt-ribbon-clip-bg: #181C32;
    --prontoausilio-giallo: #FBC900;
    --prontoausilio-giallo-rgb: rgb(251, 201, 0);
    --prontoausilio-grigio: #4B4B4B;
    --prontoausilio-grigio-rgb: rgb(75, 75, 75);
    --prontoausilio-grigio-light: rgba(75, 75, 75, .05);
    --prontoausilio-arancione: #F9B001;
    --prontoausilio-arancione-rgb: rgb(249, 176, 1);
    --prontoausilio-verde: #61C250;
    --prontoausilio-verde-rgb: rgb(97, 194, 80);
    --prontoausilio-rosso: #E10E49;
    --prontoausilio-rosso-rgb: rgb(255, 14, 73);
    --prontoausilio-rosso-rgb50: rgba(255, 14, 73, 0.5);
    --prontoausilio-rosso-rgb75: rgba(255, 14, 73, 0.75);
}

.font-color-yellow {
    color: var(--prontoausilio-giallo)
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
}
.fs-10, .fs-10 p{
    font-size: 16px!important;
}

section:not(.slideshow) {
    padding: 4em 0;
}

strong {
    font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: 'Open Sans', sans-serif;
    width: 100%;
}

ol,
ul {
    list-style: auto;
    margin-left: 1.5em;
    font-size: initial;
}

.row {
    display: block;
}


h1 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
a:hover{
    color:inherit!important;
}
.link-primary {
    color: var(--prontoausilio-giallo)!important;
}
.link-primary:hover,.link-primary:focus,.link-primary:focus-visible{
    color: var(--prontoausilio-giallo)!important;
}
.one-word-per-line {
    /* word-spacing: 10px;  */
}
.radius-tl{
    border-top-left-radius: 5px;
}
.radius-tr{
    border-top-right-radius: 5px;
}
.radius-bl{
    border-bottom-left-radius: 5px;
}
.radius-br{
    border-bottom-right-radius: 5px;
}
.lh-1125{
    line-height: 1.125;
}
.text-white{
    color:white!important;
}
.text-black{
    color:var(--prontoausilio-grigio)!important;
}
.text-yellow{
    color:var(--prontoausilio-giallo)!important;
}
.bg-grey{
    background-color: var(--prontoausilio-grigio-light)!important;
}
.your-classname{
    width: min-intrinsic;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: table-caption;
    display: -ms-grid;
    -ms-grid-columns: min-content;
}
.required:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: var(--kt-danger);
    padding-left: .25rem;
    font-weight: 600
}

.btn {
    font-size: initial !important;
}

.btn-prontoausilio, .btn-prontoausilio:hover {
    background-color: var(--prontoausilio-giallo);
    color: white !important;
    text-transform: uppercase;
    font-weight: 500;
}

.btn-prontoausilio-outline, .btn-prontoausilio-outline:hover {
    border: var(--prontoausilio-giallo) 2px solid;
    color: var(--prontoausilio-giallo) !important;
    text-transform: uppercase;
    font-weight: 500;
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: none !important;
}

/* .btn-prontoausilio:hover {
    background-color: #ffffff !important;
    color: var(--prontoausilio-giallo);
    border: 1px solid var(--prontoausilio-giallo);
} */

.btn-prontoausilio:active {
    box-shadow: none !important;
}

/* .btn-prontoausilio:focus,
.btn-prontoausilio:active:focus,
.btn-prontoausilio.active:focus,
.btn-prontoausilio.focus,
.btn-prontoausilio:active.focus,
.btn-prontoausilio.active.focus {
    box-shadow: none !important;
    outline: 0px !important;
    color: #ffffff;
} */

.btn-prontoausilio-white, .btn-prontoausilio-white:hover {
    background-color: #ffffff!important;
    color: #4B4B4B!important;
    text-transform: uppercase;
    font-weight: 500;
}

.btn-prontoausilio-white-outline, .btn-prontoausilio-white-outline:hover {
    background-color: #FBC900!important;
    color: #ffffff!important;
    border: 1px solid #ffffff;
    text-transform: uppercase;
    font-weight: 500;
}

.btn-prontoausilio-green, .btn-prontoausilio-green:hover {
    background-color: #63b450!important;
    color: #ffffff!important;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}
.btn-prontoausilio-yellow, .btn-prontoausilio-yellow:hover {
    background-color: var(--prontoausilio-giallo)!important;
    color: #ffffff!important;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    border: 1px solid var(--prontoausilio-giallo)!important;
}

.btn-prontoausilio-grey, .btn-prontoausilio-grey:hover {
    background-color: #ffffff;
    color: #222222!important;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    border: 1px solid #222222!important;
}

#myBtn {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Fixed/sticky position */
    bottom: 20px;
    /* Place the button at the bottom of the page */
    right: 30px;
    /* Place the button 30px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
    border: none;
    /* Remove borders */
    outline: none;
    /* Remove outline */
    background-color: var(--prontoausilio-giallo);
    /* Set a background color */
    color: white;
    /* Text color */
    cursor: pointer;
    /* Add a mouse pointer on hover */
    padding: 15px;
    /* Some padding */
    border-radius: 10px;
    /* Rounded corners */
    font-size: 18px;
    /* Increase font size */
}

#myBtn:hover {
    background-color: #555;
    /* Add a dark-grey background on hover */
}

.link-prontoausilio-black:hover {
    color: inherit
}

.bottone-centrale {
    text-align: center;
    margin: 40px auto 0 !important;
}

.elemento-grafico-overlay {
    position: absolute;
    bottom: -5px;
    z-index: 2;
}

.wrap-login-item .form-item {
    float: none;
}
ul.circle{
    list-style-type: circle;
}
/* Tooltip */
.test + .tooltip > .tooltip-inner {
    background-color: #73AD21;
    color: #FFFFFF;
    border: 1px solid green;
    padding: 15px;
    font-size: 20px;
  }
  
  /* Tooltip on top */
  .test + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid green;
  }
  
  /* Tooltip on bottom */
  .test + .tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid blue;
  }
  
  /* Tooltip on left */
  .test + .tooltip.left > .tooltip-arrow {
    border-left: 5px solid red;
  }
  
  /* Tooltip on right */
  .test + .tooltip.right > .tooltip-arrow {
    border-right: 5px solid black;
  }
  .contain_loader{
    z-index: 1000;
    width: 100%;
    height: 100vh;
    position: fixed;
    background-color: rgba(255,255,255,.5);
    overflow-y: auto;
  }
  .loader {
    color: #ffffff;
    font-size: 45px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    transform: translateZ(50%);
    color: rgba(0,0,0,.5);
    left: 50%;
    bottom: 50%;
    z-index: 3;
    /* display: none; */
    animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
  }
  
  @keyframes mltShdSpin {
    0% {
      box-shadow: 0 -0.83em 0 -0.4em,
      0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
      box-shadow: 0 -0.83em 0 -0.4em, 
      0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
      box-shadow: 0 -0.83em 0 -0.4em, 
      -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, 
      -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
       -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, 
       -0.749em -0.34em 0 -0.477em;
    }
    38% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
       -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, 
       -0.82em -0.09em 0 -0.477em;
    }
    100% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 
      0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
  }
  
  @keyframes round {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
  }
   
@media (min-width: 768px) {
    .container {
        width: 750px;
        max-width: 750px;
    }

    .containermin {
        width: 750px;
        max-width: 750px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 80vw;
        max-width: 80vw;
    }

    .containermin {
        width: 720px;
    }
}

.yellow-section {
    background-color: var(--prontoausilio-giallo) !important;
    /* background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0) 0%, var(--prontoausilio-arancione) 100%) !important; */
}
.yellow-section-gradient {
    background-color: var(--prontoausilio-giallo) !important;
    background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0) 0%, var(--prontoausilio-arancione) 100%) !important;
}

.yellow-section-plain {
    background-color: var(--prontoausilio-giallo) !important;
}

.red-section {
    background-color: var(--prontoausilio-rosso-rgb50) !important;
    background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0) 0%, var(--prontoausilio-rosso) 100%) !important;
}
.red-section-plain {
    background-color: var(--prontoausilio-rosso) !important;
}

.yellow-section h1, .yellow-section-gradient h1 {
    color: #ffffff;
    font-family: 'Blackstone Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 13em;
}

.yellow-section h2, .yellow-section-gradient h2 {
    color: #ffffff;
    font-size: 46px;
    text-align: center;
    line-height: 1.125em;
}

#iniziodisponibilita {
    font-weight: 600;
}

#formdisponibilita [type='text']{
    background-color: white!important;
}

.white-section {
    background-color: #ffffff;
}

.white-section h1 {
    color: var(--prontoausilio-giallo);
    font-family: 'Blackstone Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 13em;
    line-height: 0.9;
    margin-bottom: 0.5em;
}

/* header */
.header .main-info-area {
    height: auto;
    min-height: 150px;
}

.tag-top-menu {
    background-color: var(--prontoausilio-giallo) !important;
    border-radius: 0px 0px 5px 5px;
    display: flex;
    padding: 3px 0;
}

.tag-top-menu a{
    display: flex;
    vertical-align: middle;
    align-items: center;
}
.login-logout {
    -epub-hyphens: none;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: 1.125;
    padding: 0px 20px;
    orphans: 1;
    page-break-after: auto;
    page-break-before: auto;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    widows: 1;
}

/* menu */
.menu-item,
.menuitem,
.menuitem-home {
    -epub-hyphens: none;
    color: #4b4b4b;
    font-family: "Open Sans", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: 1.364;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    orphans: 1;
    page-break-after: auto;
    page-break-before: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    widows: 1;
}

.menuitem:not(:last-child),
.menuitem-home:not(:last-child) {
    margin-right: 30px
}

.top-menu {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
}

.menuitem, .menuitem-home {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    font-size: 1.2em;
    font-weight: 300!important;
    color: var(--prontoausilio-grigio);    
}

.top-menu a:hover {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    /* font-size: 1em; */
    /* font-weight: 600; */
    color: #4B4B4B;
    /* border-top: 4px solid var(--prontoausilio-arancione); */
    text-decoration: underline;
    text-decoration-color: var(--prontoausilio-giallo);
    text-underline-offset: 5px;
    text-decoration-thickness: 3px;
}

.topbar-menu .dropdown-menu.show {
    display: flex;
    flex-direction: column;
    font-size: 1.1em;
    padding: 1em;
    background-color: var(--prontoausilio-giallo) !important;
    /* background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0) 0%, var(--prontoausilio-arancione) 100%) !important; */
}

.fill-color .areariservatamenu .topbar-menu ul {
    background: #414141;
}

.fill-color .areariservatamenu {
    background: #414141;
    border-bottom: 1px solid #414141;
}

.fill-color .areariservatamenu .topbar-menu ul li a {
    color: #ffffff;
}

.areariservatamenu {
    display: block;
    width: 100%;
    /* background: #f9f9f9;
	border-bottom: 1px solid #f2f2f2; */
}

.areariservatamenu img {
    width: 40px;
}

.areariservatamenu .topbar-menu {
    display: block;
}

.areariservatamenu .topbar-menu ul {
    margin: 0;
    padding: 0;
    /* border: 0px;
    padding: 2rem; */
    font-size: inherit;
}

.areariservatamenu .topbar-menu ul li {
    list-style: none;
    float: left;
    /* */
}

.areariservatamenu .topbar-menu>ul>li {
    padding-top: 5.5px;
    padding-bottom: 5.5px;
    margin-left: 1rem;
}

.areariservatamenu .topbar-menu.right-menu>ul>li:not(:last-child)>a {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgba(0, 0, 0, 0.11);
    padding-right: 17px;
    padding-left: 17px;
}

.areariservatamenu .topbar-menu.right-menu>ul>li:last-child>a {
    padding-left: 17px;
    padding-right: 0;
}

.areariservatamenu .topbar-menu ul li a {
    display: inline-block;
    text-decoration: none;
    color: #666666;
    text-transform: capitalize;
    width: 100%;
    padding-left: 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.areariservatamenu .topbar-menu.left-menu {
    float: left;
}

.areariservatamenu .topbar-menu.right-menu {
    float: right;
}

.areariservatamenu .topbar-menu .label-before {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0;
}

.areariservatamenu .topbar-menu .label-before.icon {
    font-size: 18px;
}

/* .areariservatamenu .topbar-menu li.parent:hover .submenu{
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
	top: 100%;
	z-index: 10;
} */
/* .areariservatamenu .topbar-menu.right-menu>ul>li:not(:last-child)>.submenu{
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
} */
/* .areariservatamenu .topbar-menu.right-menu>ul>li:last-child>.submenu{
	right: 0;
    display: none;
} */
.areariservatamenu .topbar-menu .submenu {
    min-width: 250px;
    padding: 0;
    margin: 0;
    top: calc(100% + 10px);
    top: -webkit-calc(100% + 10px);
    top: -moz-calc(100% + 10px);
    background: #fff;
    box-shadow: 0 0 9px 0 #ececec;
    -webkit-box-shadow: 0 0 9px 0 #ececec;
    -moz-box-shadow: 0 0 9px 0 #ececec;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: all ease 0.5s 0s;
    -webkit-transition: all ease 0.5s 0s;
    -moz-transition: all ease 0.5s 0s;
    -o-transition: all ease 0.5s 0s;
    padding-top: 15.5px;
    padding-bottom: 15.5px;
}

.areariservatamenu .topbar-menu .submenu li {
    width: 100%;
    float: left;
    padding: 7.5px 5px 7.5px 15px;
}

.areariservatamenu .topbar-menu .submenu li a {
    font-weight: 300;
}

.areariservatamenu .topbar-menu.right-menu>ul>li .fa-angle-down {
    display: inline-block;
    margin-left: 7px;
}

.areariservatamenu .topbar-menu .lang-menu .img.label-before img {
    float: left;
}

.areariservatamenu .topbar-menu .lang-menu .img.label-before {
    margin-top: 2px;
}

.wrap-footer-item .wrap-hotline-footer .phone-number,
.areariservatamenu .topbar-menu .label-before.fa-mobile {
    color: #ff2832 !important;
}

.areariservatamenu .wrap-icon-section {
    width: 100% !important;
}

i.fa.fa-user {
    display: block;
    float: left;
    font-size: 25px;
    color: #aaa;
    margin: 7px 8px 0 0;
}

.areariservatamenu .topbar-menu.right-menu>ul>li:last-child>a {
    padding-left: 17px;
    padding-right: 0;
}

.areariservatamenu .topbar-menu.right-menu>ul>li.parent:hover .submenu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    top: 100%;
    z-index: 10;
    display: block;
}

.link_logout {
    cursor: pointer;
}

/* navbar */
.dropdown-menu {
    border: 0;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: transparent;
}

/*   
  .dropdown-submenu .dropdown-menu {
    top: 100%;
    left: 0;
    margin-top: -1px;
  } */
.dropdown-submenu-left {
    right: 100%;
    left: auto;
    top: 0;
    margin-top: -1px;
    position: absolute;
}

.open>.dropdown-menu {
    display: flex;
    flex-direction: column;
    right: 0;
    left: auto;
    align-items: flex-end;

}

.open>.dropdown-menu li {
    padding: 1rem;
    float: left;
    white-space: nowrap;
    width: 100%;
}

.open>.dropdown-menu li a {
    padding: 0 !important;
}

.open>.dropdown-menu li:first-child {
    border-bottom: 1px solid #dedede;
}

.open>.dropdown-menu li:last-child {
    border-top: 1px solid #dedede;
}

/*end navbar */
@media (max-width: 991px) {

    .areariservatamenu .topbar-menu.right-menu,
    .areariservatamenu .topbar-menu.left-menu {
        width: 100%;
        text-align: center;
    }

    .areariservatamenu .topbar-menu ul li {
        display: inline-block;
        float: none;
        text-align: left;
    }
}

@media (max-width: 500px) {
    .areariservatamenu .topbar-menu.right-menu>ul>li:not(:last-child)>a {
        padding-right: 10px;
        padding-left: 10px;
        border: none;
    }
}

/* cercaancora */
#cercaancora {
    background-color: var(--prontoausilio-giallo) !important;
    /* background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0) 0%, var(--prontoausilio-arancione) 100%) !important; */
    padding: 1em 0;
}

#cercaancora h1 {
    color: #ffffff;
    font-family: 'Blackstone Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 4em;
    text-align: left;
}

#cercaancora .wrap-search-form input[name="searchheader"] {
    height: 40px;
    margin-right: 20px;
    border: 0;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
}

#cercaancora .wrap-search-form button {
    height: 40px;
    padding: 0 20px;
    border: 0;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    background-color: #ffffff;
}

/* homepage */
/* first section */
.first-section {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 3em 0!important;
}

.first-section h1 {
    font-family: 'Blackstone Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 80px;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 0;
}

.wrap-search {
    display: flex;
    justify-content: center;
}

.wrap-search-form {
    border: 0px !important;
}

.wrap-search-form form {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
}

.wrap-search-form input[name="search"] {
    height: 50px;
    margin-right: 20px;
    width: 40vw;
    border: 0;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
}

.wrap-search-form button {
    border: 0;
    border-radius: 5px;
    -epub-hyphens: none;
    color: #4b4b4b;
    font-family: "Open Sans", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    line-height: 1.364;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 0;
    orphans: 1;
    page-break-after: auto;
    page-break-before: auto;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    widows: 1;
    background-color: #ffffff;
}
.wrap-search-form button:disabled{
    opacity:0.5;
}
.wrap-search-form .dropdown-menu {
    font-size: 20px;
    width: 40vw;
    border-radius: 5px;
}
.wrap-search-form .dropdown-menu>li>a{
    overflow:hidden;
}

.wrap-search-form .dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: var(--prontoausilio-giallo);
    width: auto;
}

/* slider categorie */
.second-section{
    min-height: 575px;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0!important;
}
.flex-direction-nav a:before {
    font-size: 30px;
}

#slides .product-info,
.product-info {
    text-align: center;
    font-size: 22px;
}
.product-info a:hover{
    color:inherit
}

.section-slider-categorie .title {
    color: #4b4b4b;
    font-family: "Open Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: 1.304;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    orphans: 1;
    page-break-after: auto;
    page-break-before: auto;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    widows: 1;
}

.wrap-show-advance-info-box.smallcontainer .wrap-products {
    border: 0px;
    padding-top: 0px;
    display: inline-block;
}

.section-slider-categorie .style-nav-1 .owl-nav button i {
    font-size: 100px;
    font-weight: 200;
    line-height: 100px;
}

.section-slider-categorie .product-style-2:hover {
    border-color: var(--prontoausilio-giallo);
}

.section-slider-categorie .style-nav-1 .owl-nav button {
    background-color: transparent !important;
    transform: translateY(-100%);
}

.section-slider-categorie .owl-carousel-categorie .owl-nav button.owl-next,
.owl-carousel-categorie .owl-nav button.owl-prev,
.owl-carousel-categorie button.owl-dot {
    color: var(--prontoausilio-giallo);
}

.owl-carousel-categorie .owl-nav {
    overflow: hidden;
    height: 0px;
}

.owl-carousel-categorie .owl-item img {
    width: 70%;
    margin: 0 auto;
}

.owl-carousel-categorie .item {
    text-align: center;
}

.owl-carousel-categorie .nav-button {
    height: 50px;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 0px !important;
}

.owl-carousel-categorie .owl-prev.disabled,
.owl-carousel-categorie .owl-next.disabled {
    pointer-events: none;
    opacity: 0.25;
}

.owl-carousel-categorie .owl-prev {
    left: -50px;
}

.owl-carousel-categorie .owl-next {
    right: -50px;
}

.owl-carousel-categorie .owl-nav [class*=owl-],
.owl-carousel-categorie .owl-nav [class*=owl-]:hover {
    color: var(--prontoausilio-giallo);
    font-size: 90px;
    border-radius: 3px;
    background: transparent;
}

.owl-carousel-categorie .prev-carousel:hover {
    background-position: 0px -53px;
}

.owl-carousel-categorie .next-carousel:hover {
    background-position: -24px -53px;
}

/* .owl-carousel .owl-nav {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: visible;
    height: 100px;
    } */

/* slider */
.third-section{
    min-height: 575px;
    padding: 0!important;
}
.third-section #all_slides{
    height: 575px;
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 15px;
    height: 15px;
    padding: 0;
    margin-right: 10px;
    margin-left: 10px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    background-clip: padding-box;
    border: 0;
    border: 3px solid white;
    /* border-bottom: 10px solid transparent; */
    opacity: 1;
    transition: opacity .6s ease;
    border-radius: 50%;
}
.carousel-indicators .active{
    background-color: white;
}
.carousel-item{
    min-height: 575px
}
.third-section .f-title {
    color: #ffffff;
    font-family: 'Blackstone Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 13em;
    text-transform: inherit;
    text-align: center;
}

.carousel-caption {
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
}

.third-section  .f-title {
    color: #ffffff;
    font-family: 'Blackstone Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 13em;
    text-transform: inherit;
    text-align: center;
    line-height: 0.9;
    margin-bottom: 0.5em;
}

.third-section .slide-info {
    top: 30%;
    left: 0;
    z-index: 15;
    width: 100%;
    position: absolute;
}

.third-section .elemento-grafico {
    width: 40% !important;
    margin: 100px auto 60px !important;
}

.third-section .wrap-main-slide  .subtitle {
    color: #ffffff;
    width: 100%;
    text-align: center;
    font-size: 2.5em;
    line-height: 1em;
}

/* come funziona */

.comefunziona h3 {
    font-size: 40px;
}

.comefunziona h4{
    color:#4b4b4b;
	font-family:"Open Sans", sans-serif;
	font-size:22px;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
}
.comefunziona .primacolonna p{
    font-size: 22px;
}

.comefunziona li {
    list-style: none;
    margin-bottom: 20px;
    text-indent: -5em;
}

.comefunziona li:before {
    background-image: url(../images/elemento_sfondo_icone.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-size: 40px;
    display: inline-flex;
    width: 40px;
    height: 40px;
    content: "";
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    margin-right: 20px;
}

/* servizi */
.servizi h2 {
    text-align: center;
    color: #ffffff;
    font-size: 40px;
}

.servizi h3 {
    font-size: 30px;
}

.servizi p{
    font-size: 22px;
}
.fifth-section-tris{
    min-height: 3em;
}
.documentazione h2{
    font-size: 46px;
}
/* chi siamo */
.chisiamo h2 {
    font-size: 46px;
}

.chisiamo p{
    font-size: 22px;
}
.sixth-section .chisiamo h2,
.sixth-section .chisiamo {
    color: #4B4B4B;
}
.divider{
    height: 4px!important;
    color: var(--prontoausilio-giallo);
    opacity:1;
}

/* footer */
footer {
    text-align: center;
}

footer h3 {
    color: #ffffff;
    font-family: 'Blackstone Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 4.5em;
}

footer .wrap-footer-item .social-network ul li a {
    background-color: transparent;
}

footer .wrap-footer-item .social-network ul li a i {
    color: #ffffff
}

footer .wrap-footer-content .wrap-footer-item {
    margin-top: 0;
}

/* pagina categorie */
/*flipcard*/

/* end flipcard*/
.wrap-shop-control:not(:first-child) {
    margin-top: 33px;
}
.wrap-shop-control .shop-title{
    font-size: 18px;
}

.allcategories h2 {
    font-size: 20px;
    color: #ffffff;
    background-color: var(--prontoausilio-giallo);
    text-transform: uppercase;
    padding: 0.357rem;
    margin-bottom: 1em;
}

.allcategories:not(:nth-child(1)) h2 {
    margin-top: 3em;
}

.cate-link {
    cursor: pointer;
}

.widget ul li a{
    font-size: 16px;
}

.widget .cate-link:hover {
    color: var(--prontoausilio-grigio) !important;
}
.widget .cate-link-active, .widget .cate-link-active:hover {
    background-color: var(--prontoausilio-giallo);
    color: white!important;
    font-weight: 600;
    padding: 10px;
    border-radius: 5px;
}

.product .product-info .wrap-price span.product-price,
.product-style-2 .product-info .wrap-price span.product-price {
    font-weight: 500;
}

.product.product-style-3 .product-name span, .product .product-info .wrap-price span.product-price, .product-style-2 .product-info .wrap-price span.product-price{
    font-size: 16px;
}

/* pagina prodotto */
.dettaglioprodotto .flex-control-thumbs li {
    width: 10%;
}
.flex-control-thumbs img.flex-active{
    border: #fbc900 1px solid;
}
.dettaglioprodotto .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: var(--prontoausilio-giallo);
    text-shadow: 1px 1px 0 rgb(255 255 255 / 0%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dettaglioprodotto .flex-direction-nav a.flex-prev:before {
    font-family: "flexslider-icon";
    font-size: 35px;
    display: inline-block;
    content: '\f001';
    color: var(--prontoausilio-giallo);
    text-shadow: 1px 1px 0 rgb(255 255 255 / 0%);
}

.dettaglioprodotto .flex-direction-nav a.flex-next:before {
    font-family: "flexslider-icon";
    font-size: 35px;
    display: inline-block;
    content: '\f002';
    color: var(--prontoausilio-giallo);
    text-shadow: 1px 1px 0 rgb(255 255 255 / 0%);
}

.dettaglioprodotto .flex-control-paging li a {
    width: 40px;
    height: 40px;
    display: block;
    background: #dddddd;
    background: #dddddd;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgb(0 0 0 / 0%);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgb(0 0 0 / 0%);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.dettaglioprodotto .flex-control-paging li a:hover {
    background: var(--prontoausilio-giallo);
}

.dettaglioprodotto .flex-control-paging li a.flex-active {
    background: var(--prontoausilio-giallo);
    cursor: default;
}

.dettaglioprodotto h1 {
    text-align: left;
    font-size: 40px;
    font-weight: 600;
}

.productdescription>*{
    padding-left: 0!important;
    padding-right: 0!important;
}

.dettaglioprodotto h2,
.productdescription h2 {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
}

.productdescription h2 {
    line-height: 45px;
}

.dettaglioprodotto h3 {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    margin-top:20px;
    margin-bottom:10px;
}

.productdescription h1 {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: .5em;
}

.productdescription p {
    text-align: left;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 15px;
}

.productdescription ol,
.productdescription ul {
    list-style: auto;
    margin-left: 1.5em;
    font-size: initial;
}

.productdescription ol {
    list-style: decimal-leading-zero;
}

.productdescription ul {
    list-style: disc;
}

.productdescription ul li {
    font-size:18px;
}

.productdescription td {
    border: 1px solid #aaaaaa5c;
    padding: 3px;
    font-size: 18px;
}

.productdescription img {
    max-width: auto;
}

.caratteristiche-description {
    font-size: 18px;
    font-weight: 100;
}

.modal-content, .modal-header, .modal-footer{
    border: none!important;
}
.modale_seleziona_provincia .form-control:disabled, .form-control:read-only, .form-control:focus {
    /* background-color: var(--prontoausilio-giallo); */
    /* border-color: white; */
    opacity: 1;
    transition:none;
    box-shadow: none;
}
.modale_seleziona_provincia .form-control{
    color: white!important;
}
.modale_seleziona_provincia select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")!important;
    color:white;
  }
.modale_seleziona_provincia [type='text'], 
.modale_seleziona_provincia [type='email'], 
.modale_seleziona_provincia [type='url'], 
.modale_seleziona_provincia [type='password'], 
.modale_seleziona_provincia [type='number'], 
.modale_seleziona_provincia [type='date'], 
.modale_seleziona_provincia [type='datetime-local'], 
.modale_seleziona_provincia [type='month'], 
.modale_seleziona_provincia [type='search'], 
.modale_seleziona_provincia [type='tel'], 
.modale_seleziona_provincia [type='time'], 
.modale_seleziona_provincia [type='week'], 
.modale_seleziona_provincia [multiple], 
.modale_seleziona_provincia textarea, 
.modale_seleziona_provincia select, 
.modale_seleziona_provincia [type='checkbox'], .modale_seleziona_provincia [type='checkbox']:focus 
.modale_seleziona_provincia [type='radio'], .modale_seleziona_provincia [type='radio']:focus{
    background-color: var(--prontoausilio-giallo)!important;
    border-color: white!important;
    border-radius: 0.25rem!important;
    --tw-ring-color: transparent;
    --tw-ring-offset-shadow: none;
    --tw-ring-shadow: none;
    box-shadow: none;
}

#formricerca {
    padding-bottom: 6rem;
}

#formricerca h3 {
    color: #ffffff;
    font-family: 'Blackstone Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 6em;
    text-align: center;
}

#formricerca .row {
    display: flex;
    align-items: center;
}

#formricerca .label {
    font-size: 15px;
    font-weight: 400;
}

#formricerca .form-control {
    border: 0 !important;
    height: 40px;
    margin-right: 20px;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
}

#formricerca #verifica_disponibilita {
    border: 0 !important;
    height: 40px;
    margin-right: 20px;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    background-color: #ffffff;
    color: #4B4B4B;
}

#formricerca .note {
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
}

.greenbubble {
    border: 1px solid rgba(186, 211, 86, 0.2);
    background: rgba(186, 211, 86, 0.9);
    position: absolute;
    list-style: none;
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

#formricerca_body {
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    justify-content: space-between;
    align-items: flex-end;
}

#formricerca_body input,
#formricerca_body select {
    padding: 0.375rem 0.75rem;
    font-size: 1.5rem;
    line-height: 1.5;
    border-radius: 5px;
}

#formricerca_body .select2-drop {
    display: none !important;
}

#formricerca .dropdown-menu {
    font-size: 1.5rem;
    width: 90%;
}

.highlight-error {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: red !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: red !important;
}

.indicator-progress {
    display: none
}

[data-kt-indicator=on]>.indicator-progress {
    display: inline-block
}

[data-kt-indicator=on]>.indicator-label {
    display: none
}

#contenutorisultati {
    font-size: 15px;
}

#contenutorisultati h4 {
    text-align: center;
    font-size: 3rem;
    font-weight: 100;
}


.br-yellow {
    border-right: var(--prontoausilio-giallo) 2px solid;
}

.bt-yellow:not(:first-child) {
    border-top: var(--prontoausilio-giallo) 2px solid;
}

.bb-yellow:not(:first-child) {
    border-bottom: var(--prontoausilio-giallo) 2px solid;
}

.bb-yellow-1 {
    border-bottom: var(--prontoausilio-giallo) 1px solid;
}

.bb-yellow-2 {
    border-bottom: var(--prontoausilio-giallo) 2px solid;
}

.bb-yellow-3 {
    border-bottom: var(--prontoausilio-giallo) 3px solid;
}

.bb-yellow-4 {
    border-bottom: var(--prontoausilio-giallo) 4px solid;
}

.b-white-1 {
    border: #ffffff 1px solid;
}

.b-white-2 {
    border: #ffffff 2px solid;
}

.b-black-1 {
    border: #4B4B4B 1px solid;
}

.b-black-2 {
    border: #4B4B4B 2px solid;
}

.bb-white-1 {
    border-bottom: #ffffff 1px solid;
}

.bb-white-2 {
    border-bottom: #ffffff 2px solid;
}

.b-radius {
    border-radius: 5px;
}
.frb input[type="checkbox"]~label.bg-grey:last-child{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
/* riepilogo */
.iframe-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.riepilogo [type='text'],
.riepilogo [type='email'],
.riepilogo [type='url'],
.riepilogo [type='password'],
.riepilogo [type='number'],
.riepilogo [type='date'],
.riepilogo [type='datetime-local'],
.riepilogo [type='month'],
.riepilogo [type='search'],
.riepilogo [type='tel'],
.riepilogo [type='time'],
.riepilogo [type='week'],
.riepilogo [multiple],
.riepilogo [type='text']:focus,
.riepilogo [type='email']:focus,
.riepilogo [type='url']:focus,
.riepilogo [type='password']:focus,
.riepilogo [type='number']:focus,
.riepilogo [type='date']:focus,
.riepilogo [type='datetime-local']:focus,
.riepilogo [type='month']:focus,
.riepilogo [type='search']:focus,
.riepilogo [type='tel']:focus,
.riepilogo [type='time']:focus,
.riepilogo [type='week']:focus,
.riepilogo [multiple]:focus,
.riepilogo textarea,
.riepilogo select,
.riepilogo .select2-hidden-accessible,
.riepilogo .select2-container--default .select2-selection--single {
    font-size: 1.1em !important;
    font-weight: 100;
    border-color: var(--prontoausilio-giallo) !important;
    border-radius: 5px !important;
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--prontoausilio-giallo);
    --tw-ring-offset-shadow: none;
    --tw-ring-shadow: none;
    box-shadow: none;
    border-width: 2px !important;
}

/* .riepilogo:not(.riepilogo_step2) .form-control:focus {
    color: transparent;
    background-color: transparent;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0 transparent;
} */

.riepilogo .sitebar {
    position: sticky;
    right: 0;
    top: 3rem;
}

.riepilogo .sitebar h1 {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0;
    font-size: 46px;
    font-weight: 600;
}

/* .riepilogo .btn-group{
    align-items: center;
} */
.riepilogo label.btn.btn-white {
    border: 2px solid white;
    border-radius: 5px !important;
    width: 40px;
    height: 40px;
    margin: 10px;
    max-width: 40px;
    max-height: 40px;
    display: flex;
    padding: 0;
    align-items: center;
    box-shadow: none !important;
}

.riepilogo label.btn.btn-white.active {
    background-color: #ffffff;
    box-shadow: none !important;
}

.riepilogo .btn span.fa {
    opacity: 0;
    color: var(--prontoausilio-giallo);
    font-size: 45px;
    font-weight: 100;
}

.riepilogo .btn.active span.fa {
    opacity: 1;
    color: var(--prontoausilio-giallo);
    font-weight: 100;
}

/* #accessoridellausilio .btn-group{
    align-items: right!important;
} */
#accessoridellausilio label.btn.btn-yellow,
#servizidelpoint label.btn.btn-yellow {
    border: 2px solid var(--prontoausilio-giallo);
    border-radius: 5px !important;
    width: 40px;
    height: 40px;
    margin: 10px;
    max-width: 40px;
    max-height: 40px;
    display: flex;
    padding: 0;
    align-items: center;
    box-shadow: none !important;
}

#accessoridellausilio label.btn.btn-yellow.active,
#servizidelpoint label.btn.btn-yellow.active {
    background-color: var(--prontoausilio-giallo);
    box-shadow: none !important;
}

#accessoridellausilio .btn span.fa,
#servizidelpoint .btn span.fa {
    opacity: 0;
    color: #ffffff;
    font-size: 45px;
    font-weight: 100;
}

#accessoridellausilio .btn.active span.fa,
#servizidelpoint .btn.active span.fa {
    opacity: 1;
    color: #ffffff;
    font-weight: 100;
}

.disabled-xmark {
    opacity: 0.3;
}

.riepilogo_step1 h1 {
    letter-spacing: -1px;
}

.breadcrumb-riepilogo ul {
    padding: 0;
    text-align: left;
    margin: 35px 0;
}

.breadcrumb-riepilogo ul li {
    display: inline-block;
    list-style: none;
    color: #dddddd;
}

.active-breadcrumb {
    color: #4B4B4B !important;
}

.breadcrumb-riepilogo ul li:not(:first-child) {
    margin-left: 20px;
}

.sitebar img {
    max-width: 30%;
}

/* step 2 */
.riepilogo_step2 [type='text'],
.riepilogo_step2 [type='email'],
.riepilogo_step2 [type='url'],
.riepilogo_step2 [type='password'],
.riepilogo_step2 [type='number'],
.riepilogo_step2 [type='date'],
.riepilogo_step2 [type='datetime-local'],
.riepilogo_step2 [type='month'],
.riepilogo_step2 [type='search'],
.riepilogo_step2 [type='tel'],
.riepilogo_step2 [type='time'],
.riepilogo_step2 [type='week'],
.riepilogo_step2 [multiple],
.riepilogo_step2 [type='checkbox'],
.riepilogo_step2 [type='text']:focus,
.riepilogo_step2 [type='email']:focus,
.riepilogo_step2 [type='url']:focus,
.riepilogo_step2 [type='password']:focus,
.riepilogo_step2 [type='number']:focus,
.riepilogo_step2 [type='date']:focus,
.riepilogo_step2 [type='datetime-local']:focus,
.riepilogo_step2 [type='month']:focus,
.riepilogo_step2 [type='search']:focus,
.riepilogo_step2 [type='tel']:focus,
.riepilogo_step2 [type='time']:focus,
.riepilogo_step2 [type='week']:focus,
.riepilogo_step2 [multiple]:focus,
.riepilogo_step2 textarea,
.riepilogo_step2 select,
.riepilogo_step2 .select2-hidden-accessible,
.riepilogo_step2 .select2-container--default .select2-selection--single {
    font-size: 1.1em !important;
    font-weight: 100;
    border-color: var(--prontoausilio-giallo) !important;
    border-radius: 5px !important;
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--prontoausilio-giallo);
    --tw-ring-offset-shadow: none;
    --tw-ring-shadow: none;
    box-shadow: none;
    border-width: 2px !important;
    color: #4B4B4B;
}

.riepilogo_step2 [type='checkbox'] {
    height: 25px;
    width: 25px;
    color: var(--prontoausilio-giallo);
}

.riepilogo_step2 [type='checkbox']:checked:hover,
.riepilogo_step2 [type='checkbox']:checked:focus,
.riepilogo_step2 input[type="file"]:focus,
.riepilogo_step2 input[type="radio"]:focus,
.riepilogo_step2 input[type="checkbox"]:focus {
    outline: 0px;
}

.riepilogo_step2 [type='checkbox']:disabled,
.riepilogo_step2 [type='checkbox'][readonly],
.form-control:disabled,
.form-control[readonly]:not(#kt_calendar_datepicker_date_dal) {
    /* background-color: var(--prontoausilio-giallo); */
}
/* .riepilogo_step2 .form-control:disabled, .riepilogo_step2 .form-control:read-only, .riepilogo_step2 .form-control:focus{
    background-color: white!important;
}
.riepilogo_step2 .form-control:checked{
    background-color: var(--prontoausilio-giallo);
} */
#accettazione [type='checkbox']{
    border-color: white!important;
    margin-top: 7px!important;
}
#accettazione [type='checkbox']:disabled{
    border-color: rgba(255,255,255,.20)!important;
}
.riepilogo_step2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}
.riepilogo_step2 .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 40px;
}

/* step 3 */
.riepilogo_step3 [type='text'],
.riepilogo_step3 [type='email'],
.riepilogo_step3 [type='url'],
.riepilogo_step3 [type='password'],
.riepilogo_step3 [type='number'],
.riepilogo_step3 [type='date'],
.riepilogo_step3 [type='datetime-local'],
.riepilogo_step3 [type='month'],
.riepilogo_step3 [type='search'],
.riepilogo_step3 [type='tel'],
.riepilogo_step3 [type='time'],
.riepilogo_step3 [type='week'],
.riepilogo_step3 [multiple],
.riepilogo_step3 [type='checkbox'],
.riepilogo_step3 [type='text']:focus,
.riepilogo_step3 [type='email']:focus,
.riepilogo_step3 [type='url']:focus,
.riepilogo_step3 [type='password']:focus,
.riepilogo_step3 [type='number']:focus,
.riepilogo_step3 [type='date']:focus,
.riepilogo_step3 [type='datetime-local']:focus,
.riepilogo_step3 [type='month']:focus,
.riepilogo_step3 [type='search']:focus,
.riepilogo_step3 [type='tel']:focus,
.riepilogo_step3 [type='time']:focus,
.riepilogo_step3 [type='week']:focus,
.riepilogo_step3 [multiple]:focus,
.riepilogo_step3 textarea,
.riepilogo_step3 select,
.riepilogo_step3 .select2-hidden-accessible,
.riepilogo_step3 .select2-container--default .select2-selection--single {
    font-size: 1.1em !important;
    font-weight: 100;
    border-radius: 5px !important;
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--prontoausilio-giallo);
    --tw-ring-offset-shadow: none;
    --tw-ring-shadow: none;
    box-shadow: none;
    border-width: 2px !important;
    color: #4B4B4B;
}

.riepilogo_step3 [type='checkbox'] {
    height: 25px;
    width: 25px;
    color: var(--prontoausilio-giallo);
}

.riepilogo_step3 [type='checkbox']:checked:hover,
.riepilogo_step3 [type='checkbox']:checked:focus,
.riepilogo_step3 input[type="file"]:focus,
.riepilogo_step3 input[type="radio"]:focus,
.riepilogo_step3 input[type="checkbox"]:focus {
    outline: 0px;
}

.riepilogo_step3 [type='checkbox']:disabled,
.riepilogo_step3 [type='checkbox'][readonly],
.form-control:disabled,
.form-control[readonly]:not(#kt_calendar_datepicker_date_dal) {
    /* background-color: var(--prontoausilio-giallo); */
}

.select2-container--default .select2-selection--single {
    height: calc(1.5em + 0.75rem);
    background-color: var(--prontoausilio-giallo);
    color: #ffffff;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent;
    border-width: 10px 8px 0 8px;
    height: 0;
    left: 0;
    top: 50%;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #ffffff transparent;
    border-width: 0 8px 10px 8px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
}

.select2-container {
    font-size: 1.1em;
    font-weight: 100;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--prontoausilio-giallo);
}

#datifatturazione label.btn.btn-yellow,
#daticonsegna label.btn.btn-yellow,
#pagamentodellordine label.btn.btn-yellow {
    border: 2px solid var(--prontoausilio-giallo);
    border-radius: 5px !important;
    width: 40px;
    height: 40px;
    margin: 10px;
    max-width: 40px;
    max-height: 40px;
    display: flex;
    padding: 0;
    align-items: center;
    box-shadow: none !important;
}

#datifatturazione label.btn.btn-yellow.active,
#daticonsegna label.btn.btn-yellow.active,
#pagamentodellordine label.btn.btn-yellow.active {
    background-color: var(--prontoausilio-giallo);
    box-shadow: none !important;
}

#datifatturazione .btn span.fa,
#daticonsegna .btn span.fa,
#pagamentodellordine .btn span.fa {
    opacity: 0;
    color: #ffffff;
    font-size: 45px;
    font-weight: 100;
}

#datifatturazione .btn.active span.fa,
#daticonsegna .btn.active span.fa,
#pagamentodellordine .btn.active span.fa {
    opacity: 1;
    color: #ffffff;
    font-weight: 100;
    margin-top: -4px;
    margin-left: 1px;
}

#daticonsegna .checkboxdettagliconsegna label.btn.btn-yellow {
    border: 2px solid var(--prontoausilio-giallo);
    border-radius: 5px !important;
    width: 20px;
    height: 20px;
    margin: 10px;
    max-width: 20px;
    max-height: 20px;
    display: flex;
    padding: 0;
    align-items: center;
    box-shadow: none !important;
}

#daticonsegna .checkboxdettagliconsegna .btn span.fa {
    opacity: 0;
    color: #ffffff;
    font-size: 20px;
    font-weight: 100;
}

#daticonsegna .checkboxdettagliconsegna .btn.active span.fa {
    opacity: 1;
    color: #ffffff;
    font-weight: 100;
    margin-top: -2px;
    margin-left: 0px;
}

#accettazione label.btn.btn-white {
    border: 2px solid white;
    border-radius: 5px !important;
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px;
    display: flex;
    padding: 0;
    align-items: center;
    box-shadow: none !important;
    margin: 0;
}

#accettazione label.btn.btn-white.active {
    background-color: #ffffff;
    box-shadow: none !important;
}

#accettazione .btn span.fa {
    opacity: 0;
    color: var(--prontoausilio-giallo);
    font-size: 35px;
    font-weight: 100;
}

#accettazione .btn.active span.fa {
    opacity: 1;
    color: var(--prontoausilio-giallo);
    font-weight: 100;
    margin-left: -1px;
    margin-top: -1px;
}

#accettazione nav,
#accettazione .scroller {
    display: block;
    margin: 0 auto;
    text-align: center;
}


#accettazione nav {
    width: 339px;
    padding: 5px;
    border: 1px solid 4B4B4B;
}

#accettazione .scroller {
    width: auto;
    height: 300px;
    overflow-y: scroll;
    scrollbar-width: thin;
    background-color: #ffffff;
    color: #4B4B4B;
    text-align: left;
    padding: 5px;
    font-size: .8em;
}

/* width */
#accettazione ::-webkit-scrollbar {
    width: 10px;
}

/* Track */
#accettazione ::-webkit-scrollbar-track {
    background: #ffffff;
}

/* Handle */
#accettazione ::-webkit-scrollbar-thumb {
    background: var(--prontoausilio-giallo);
}

/* Handle on hover */
#accettazione ::-webkit-scrollbar-thumb:hover {
    background: var(--prontoausilio-giallo);
}

#accettazione ::-webkit-scrollbar {
    width: 16px;
    border: 5px solid white;

}

#accettazione ::-webkit-scrollbar-thumb {
    background-color: var(--prontoausilio-giallo);
    background-clip: padding-box;
    border: 0.05em solid #ffffff;
}

#accettazione ::-webkit-scrollbar-track {
    background-color: #ffffff;
}

/* Buttons */
#accettazione ::-webkit-scrollbar-button:single-button {
    background-color: #ffffff;
    display: block;
    border-style: solid;
    height: 13px;
    width: 16px;
}

/* .form-control:disabled, .form-control:read-only{
    background-color: #ffffff;
} */

/* Up */
#accettazione ::-webkit-scrollbar-button:single-button:vertical:decrement {
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent var(--prontoausilio-giallo) transparent;
}

#accettazione ::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    border-color: transparent transparent var(--prontoausilio-giallo) transparent;
}

/* Down */
#accettazione ::-webkit-scrollbar-button:single-button:vertical:increment {
    border-width: 8px 8px 0 8px;
    border-color: var(--prontoausilio-giallo) transparent transparent transparent;
}

#accettazione ::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: var(--prontoausilio-giallo) transparent transparent transparent;
}

/* pagamento*/
.or {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid var(--prontoausilio-giallo);
    line-height: 0.1em;
    margin: 10px 0 20px;
}

.or span {
    background: #fff;
    padding: 0 10px;
    color: var(--prontoausilio-giallo);
}

.header .main-info-area .right-section {
    width: 100%;
}

.hide-under-1024 {
    display: inline-block;
}


@media (max-width: 1024px) {
    .hide-under-1024 {
        display: none !important;
    }

    .header .main-info-area .left-section.wrap-logo-top {
        width: 50%;
    }

    .header .main-info-area .right-section {
        width: 50%;
    }

    .show-up-after-1024 {
        display: inline-block !important;
    }

    .header .main-info-area .right-section .show-up-after-1024 a {
        display: inline-block;
        float: left;
        padding: 3px 0;
        border: 2px solid var(--prontoausilio-giallo);
        border-radius: 5px;
    }

    .header .main-info-area .right-section .show-up-after-1024 span {
        display: inline-block;
        width: 30px;
        height: 2px;
        background: var(--prontoausilio-giallo);
        margin: 3px 5px;
        float: left;
        clear: both;
    }

    .mercado-clone-wrap {
        width: 250px;
    }

    .top-menu {
        flex-direction: column;
    }

    .first-section {
        min-height: 40vh;
    }

    .first-section h1 {
        font-size: 5em;
    }

    section:not(.slideshow) {
        padding: 3em 0;
    }

    .bloccoservizi {
        padding: 1em;
    }
}

@media (max-width: 991px) {

    #riepilogodellausilio,
    #consegnadellausilio,
    #accessoridellausilio,
    #servizidelpoint,
    #bottoneproseguiprenotazione,
    #datipersonali,
    #datifatturazione,
    #daticonsegna,
    #pagamentodellordine,
    #terminaepaga {
        margin-right: 0px !important;
    }

    #slidebarriepilogoordine {
        display: none !important;
    }
}

.green-section {
    padding: 1.5em 0 !important;
    background-color: #63b450;
}

.green-section p {
    color: #ffffff;
    font-weight: 600;
    margin: 0 auto;
    text-align: center;
}

.loginformhr {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

/* toast */
.toast {
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-border-width: 1px;
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: 5px;
    --bs-toast-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-toast-header-color: #7E8299;
    --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    position: absolute;
    z-index: 1090;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(var(--bs-toast-padding-x) * -.5);
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.accordion-button,
.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: var(--prontoausilio-giallo);
    box-shadow: none;
    font-size: 16px;
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");

}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--prontoausilio-giallo);
    outline: 0;
    box-shadow: none;
}

.badge {
    --bs-badge-color: var(--kt-badge-color);
    display: inline-flex;
    align-items: center;
    font-size: 10px;
}

.badge.badge-circle,
.badge.badge-square {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.75rem;
    min-width: 1.75rem;
    padding: 0 .1rem;
    line-height: 0
}

.badge.badge-circle {
    border-radius: 50%;
    padding: 0;
    min-width: unset;
    width: 1.75rem
}

.badge.badge-sm {
    min-width: 1.5rem;
    font-size: .8rem
}

.badge.badge-sm.badge-square {
    height: 1.5rem
}

.badge.badge-sm.badge-circle {
    width: 1.5rem;
    height: 1.5rem
}

.badge.badge-lg {
    min-width: 2rem;
    font-size: 1rem
}

.badge.badge-lg.badge-square {
    height: 2rem
}

.badge.badge-lg.badge-circle {
    width: 2rem;
    height: 2rem
}

.badge-white {
    color: var(--kt-white-inverse);
    background-color: var(--kt-white)
}

.badge-white.badge-outline {
    border: 1px solid var(--kt-white);
    color: var(--kt-white);
    background-color: transparent
}

.badge-light-white {
    color: var(--kt-white);
    background-color: var(--kt-white-light)
}

.badge-light {
    color: var(--kt-light-inverse);
    background-color: var(--kt-light)
}

.badge-light.badge-outline {
    border: 1px solid var(--kt-light);
    color: var(--kt-light);
    background-color: transparent
}

.badge-light-light {
    color: var(--kt-light);
    background-color: var(--kt-light-light)
}

.badge-primary {
    color: var(--kt-primary-inverse);
    background-color: var(--kt-primary)
}

.badge-primary.badge-outline {
    border: 1px solid var(--kt-primary);
    color: var(--kt-primary);
    background-color: transparent
}

.badge-light-primary {
    color: var(--kt-primary);
    background-color: var(--kt-primary-light)
}

.badge-secondary {
    color: var(--kt-secondary-inverse);
    background-color: var(--kt-secondary)
}

.badge-secondary.badge-outline {
    border: 1px solid var(--kt-secondary);
    color: var(--kt-secondary);
    background-color: transparent
}

.badge-light-secondary {
    color: var(--kt-secondary);
    background-color: var(--kt-secondary-light)
}

.badge-success {
    color: var(--kt-success-inverse);
    background-color: var(--kt-success)
}

.badge-success.badge-outline {
    border: 1px solid var(--kt-success);
    color: var(--kt-success);
    background-color: transparent
}

.badge-light-success {
    color: var(--kt-success);
    background-color: var(--kt-success-light)
}

.badge-info {
    color: var(--kt-info-inverse);
    background-color: var(--kt-info)
}

.badge-info.badge-outline {
    border: 1px solid var(--kt-info);
    color: var(--kt-info);
    background-color: transparent
}

.badge-light-info {
    color: var(--kt-info);
    background-color: var(--kt-info-light)
}

.badge-warning {
    color: var(--kt-warning-inverse);
    background-color: var(--kt-warning)
}

.badge-warning.badge-outline {
    border: 1px solid var(--kt-warning);
    color: var(--kt-warning);
    background-color: transparent
}

.badge-light-warning {
    color: var(--kt-warning);
    background-color: var(--kt-warning-light)
}

.badge-danger {
    color: var(--kt-danger-inverse);
    background-color: var(--kt-danger)
}

.badge-danger.badge-outline {
    border: 1px solid var(--kt-danger);
    color: var(--kt-danger);
    background-color: transparent
}

.badge-light-danger {
    color: var(--kt-danger);
    background-color: var(--kt-danger-light)
}

.badge-dark {
    color: var(--kt-dark-inverse);
    background-color: var(--kt-dark)
}

.badge-dark.badge-outline {
    border: 1px solid var(--kt-dark);
    color: var(--kt-dark);
    background-color: transparent
}

.badge-light-dark {
    color: var(--kt-dark);
    background-color: var(--kt-dark-light)
}



/* consegna/ritiro */
.radioconsegna {
    display: none;
}

.btn span.glyphicon {
    opacity: 0;
}

.btn.active span.glyphicon {
    opacity: 1;
}

/* changedays */

#periododinecessitacontent {
    border-radius: 5px;
    border:none;
    perspective: 1px;
}
.inputnumber {
    color: #ffffff !important;
    opacity: 1 !important;
}

.inputnumber_text:focus {
    background-color: #ffffff !important;
    color: #4B4B4B !important;
}

/* checkbox - radio */
.frb-group {
    margin: 15px 0;
}

.frb {
    flex: 1 1 0px;
    display: grid;
}

.frb input[type="radio"]~label {
    padding: 15px;
}

.frb input[type="radio"]:empty,
.frb input[type="checkbox"]:empty {
    display: none;
}

.disabled~label:before,
.disabled~label .checkboxdetails {
    opacity: 0 !important;
}

.frb input[type="radio"]~label:before {
    font-family: 'Font Awesome 6 Free Regular';
    content: '\f0c8';
    font-size: 40px;
    color: var(--prontoausilio-giallo);
}

.frb input[type="checkbox"]~label:before {
    font-family: 'Font Awesome 6 Free Regular';
    content: '\f0c8';
    font-size: 40px;
    color: var(--prontoausilio-giallo);
}

.frb input[type="radio"]:checked~label:before {
    font-family: 'Font Awesome 6 Free Solid';
    content: '\f2d3';
    color: #ffffff;
}

.frb input[type="checkbox"]:checked~label:before {
    font-family: 'Font Awesome 6 Free Solid';
    content: '\f2d3';
    color: #ffffff;
}

.frb input[type="radio"]~label {
    position: relative;
    cursor: pointer;
    width: 100%;
    background-color: #ffffff;
}

.frb input[type="radio"].disabled~label {
    opacity: 0.5;
}

.frb input[type="checkbox"]~label:not(.solovendita) {
    position: relative;
    cursor: pointer;
    width: 100%;
    background-color: #ffffff;
    padding: 15px
}

.frb input[type="radio"]~label:focus,
.frb input[type="radio"]~label:hover,
.frb input[type="checkbox"]~label:focus,
.frb input[type="checkbox"]~label:hover {
    /*box-shadow: 0px 0px 3px var(--prontoausilio-arancione);*/
}

.frb input[type="radio"]:checked~label {
    color: #ffffff;
}

.frb input[type="checkbox"]:checked~label {
    color: #4B4B4B;
}

.frb input[type="radio"]:checked~label {
    background-color: #ffffff;
}

.frb input[type="checkbox"]:checked~label {
    background-color: var(--prontoausilio-giallo);
    /* background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0) 0%, var(--prontoausilio-arancione) 100%) !important; */
    color: #ffffff;
    border-radius: 5px;
    margin-bottom: 10px ;
}

.frb.frb-primary input[type="radio"]:checked~label,
.frb.frb-primary input[type="checkbox"]:checked~label {
    background-color: var(--prontoausilio-giallo);
    /* background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0) 0%, var(--prontoausilio-arancione) 100%) !important; */
}

.frb input[type="radio"]:empty~label span,
.frb input[type="checkbox"]:empty~label span {
    display: inline-block;
}

.frb input[type="radio"]:empty~label span.frb-title {
    font-size: 16px;
    font-weight: 700;
    margin: 5px 5px 5px 50px;
}

.frb input[type="checkbox"]:empty~label span.frb-title {
    font-size: 16px;
    font-weight: 700;
    margin: 9px 5px 5px 15px;
}

.frb input[type="radio"]:empty~label span.frb-title img,
.frb input[type="checkbox"]:empty~label span.frb-title img {
    width: 50%;
}

.frb input[type="radio"]:empty~label span.frb-description {
    color: #4B4B4B;
    margin: 9px 5px 5px 15px;
}


.frb input[type="checkbox"]:empty~label span.frb-description {
    font-size: 22px;
    color: #4B4B4B;
    margin: 9px 5px 5px 15px;
}

.frb input[type="checkbox"]~label .iconprontoausilio-yellow{
    color:var(--prontoausilio-giallo)!important;
}
.frb input[type="checkbox"]:checked~label .iconprontoausilio-yellow{
    color:white!important;
}
@media screen and (max-width:768px) {
    .frb input[type="checkbox"]:empty~label span.frb-description {
        flex-direction: column !important;
    }

    .indicazioneprezzo {
        width: 100% !important;
        align-items: end !important;
        padding-top: 1em !important;
    }

    .iconaservizio {
        display: none !important;
    }
}

.frb input[type="radio"]:empty:checked~label span.frb-description,
.frb input[type="checkbox"]:empty:checked~label span.frb-description {
    color: #fafafa;
}

.frb.frb-default input[type="radio"]:empty:checked~label span.frb-description {
    color: #999;
}

.frb.frb-default input[type="checkbox"]:empty:checked~label span.frb-description,
.frb.frb-default input[type="checkbox"]:empty:checked~label span.frb-description .checkboxdetails {
    color: #ffffff;
}

.frb.frb-consegna input[type="radio"]~label:before {
    color: #ffffff;
}

.frb.frb-consegna input[type="radio"]~label {
    position: relative;
    cursor: pointer;
    width: 100%;
    border: 0px;
    border-radius: 0px;
    background-color: transparent;
}

.frb.frb-consegna input[type="radio"]~label:focus,
.frb.frb-consegna input[type="radio"]~label:hover {
    box-shadow: none;
}

/*flatpicker*/
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: var(--prontoausilio-giallo);
    /* background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0) 0%, var(--prontoausilio-arancione) 100%) !important; */
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: var(--prontoausilio-giallo);
}

/*check partner*/
.bloccoreferente {
    margin-left: 15px;
}

.riepilogo_step3 [type='text'].codicepartnererrato,
.riepilogo_step3 [type='text']:focus.codicepartnererrato {
    border-color: var(--prontoausilio-rosso) !important;
}

.riepilogo_step3 [type='text'].codicepartnercorretto,
.riepilogo_step3 [type='text']:focus.codicepartnercorretto {
    border-color: var(--prontoausilio-verde) !important;
}

#nomereferente {
    font-weight: 600;
}

/* pagina points&partners */
/* Create two equal columns that floats next to each other */
.accordion-header {
    z-index: 2;
    position: relative;
}
.columntable-icon {
    float: left;
    width: 10%;
    padding: 0 10px;
}

.columntable-name {
    float: left;
    min-width: 30%;
    padding: 0 10px;
    line-height: 2em;
}

.columntable-address {
    float: left;
    width: 30%;
    padding: 0 10px;
}

.columntable-city {
    float: left;
    min-width: 15%;
    padding: 0 10px;
}

.columntable-number {
    float: left;
    width: 20%;
    padding: 0 10px;
}

.rowtable {
    margin: 15px 0;
    border-bottom: 1px dotted var(--prontoausilio-giallo);
}

/* Clear floats after the columns */
.rowtable:after {
    content: "";
    display: table;
    clear: both;
    height: 15px;
}

/*end pagina point&partners */

@media print {
    .app-print-content-only {
        padding: 0 !important;
        background: 0 0 !important
    }

    .app-print-content-only .app-container,
    .app-print-content-only .app-content,
    .app-print-content-only .app-page,
    .app-print-content-only .app-page-title,
    .app-print-content-only .app-wrapper {
        background: 0 0 !important;
        padding: 0 !important;
        margin: 0 !important
    }

    .app-print-content-only .app-aside,
    .app-print-content-only .app-aside-panel,
    .app-print-content-only .app-footer,
    .app-print-content-only .app-header,
    .app-print-content-only .app-sidebar,
    .app-print-content-only .app-sidebar-panel,
    .app-print-content-only .app-toolbar,
    .app-print-content-only .btn,
    .app-print-content-only .drawer,
    .app-print-content-only .scrolltop {
        display: none !important
    }

    header,
    footer,
    .breadcrumb-riepilogo,
    #bottoneproseguiprenotazione,
    .hideonprint {
        display: none !important;
    }

    .showonprint {
        display: block !important;
    }

    .riepilogo .sitebar {
        position: fixed
    }
}




/* mobile */
@media (max-width: 768px) {
    ul{
        margin-left: 0;
    }
    .w-3\/4{
        width:100%!important;
    }
    .wrap-footer-content .w-15p{
        width:50%!important;
    }
    .wrap-footer-content .w-20p{
        width:70%!important;
    }
    .container {
        width: 90%
    }

    .row {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .row>* {
        padding-left: 0px;
        padding-right: 0px;
    }

    .white-section h1 {
        font-size: 6em;
    }

    .yellow-section h1, .yellow-section-gradient h1 {
        font-size: 6em;
    }

    .col {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .col-2 {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .col-3 {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .col-4 {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .col-6 {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .col-7 {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .col-8 {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .col-9 {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .col-12 {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .p-2{
        padding:2em 20px!important;
    }
    /* .sitebar{
        display: none;
    } */
    .main-content-area {
        width: 100%;
        padding-bottom: 20px;
    }

    .main-content-area .grid-products li {
        width: 50%;
    }

    .breadcrumb-riepilogo .fs-13 {
        font-size: .8em !important;
    }

    .breadcrumb-riepilogo ul {
        display: flex;
    }

    .breadcrumb-riepilogo ul li {
        /* display: flex;
        flex-direction: column; */
        list-style: none;
        color: #dddddd;
        width: 33%;
    }

    /*menu*/
    .areariservatamenu {
        width: fit-content;
    }

    .menu-item {
        margin-left: 20px;
    }

    .menu-item a {
        padding-top: 1.5em !important;
    }

    .menu-item img {
        width: 40px;
    }

    .wrap-icon-section .left-info {
        display: flex !important;
        float: none !important;
    }
    .menuitem{
        margin-right: 0!important;
    }

    /* end menu */
    /* footer */
    footer h3 {
        font-size: 5em;
    }

    footer .mt-2em {
        margin-top: 1em;
    }

    footer .w-10p {
        width: 55%;
    }

    footer .w-15p {
        width: 60%;
    }

    .wrap-footer-item {
        padding-left: 20px;
        padding-right: 20px;
    }

    /*end footer*/
    /* login */
    .wrap-login-item .form-item.login-form {
        padding: 0 !important;
        margin-bottom: 0;
    }

    .login-button {
        width: 100%;
    }

    .login-other {
        margin-top: 2em;
    }

    /* end login */
    /* register */
    .wrap-login-item .form-item.register-form {
        padding: 0 !important;
        margin-bottom: 0;
    }

    .register-button {
        width: 100%;
    }

    .register-other {
        margin-top: 2em;
    }

    /* end register */
    /* forgot */
    .wrap-login-item .form-item.forgot-form {
        padding: 0 !important;
        margin-bottom: 0;
    }

    .forgot-button {
        width: 100%;
    }

    .forgot-other {
        margin-top: 2em;
    }

    /* end register */
    /*homepage*/
    /* search */
    .wrap-search-form form {
        flex-direction: column;
        align-items: center;
    }

    .wrap-search-form input[name="search"] {
        width: 90vw;
        margin: 0 auto 2em auto;
        font-size: 16px;
    }

    .wrap-search-form .dropdown-menu {
        width: 90vw;
        overflow-x: scroll;
        font-size: 16px;
    }

    /*end search*/
    /*categorie */
    .section-slider-categorie .title {
        font-size: 30px;
    }

    .owl-stage .active {
        text-align: center !important;
        white-space: nowrap;
    }

    .product .product-info .product-name span,
    .product-style-2 .product-info .product-name span {
        text-align: center;
        font-size: 16px;
    }

    .product .product-info .wrap-price, 
    .product-style-2 .product-info .wrap-price {
        text-align: center;
    }

    .wrap-main-slide .item-slide .img-slide,
    .wrap-main-slide .item-slide {
        height: 500px;
        width: max-content;
    }

    .wrap-main-slide .item-slide .img-slide {
        display: inline-block;
        transform: translateX(-33%);
    }

    .wrap-main-slide .slide-carousel .slide-info {
        background-color: transparent;
    }

    /*end categorie*/
    /*temi*/
    .third-section  .f-title {
        font-size: 6em;
    }

    .bottone-centrale {
        width: 80%;
    }
    .third-section .wrap-main-slide  .subtitle {
        font-size: 1.3em
    }

    .slide .slide-info {
        background-color: transparent;
    }

    .third-section .slide  .f-title {
        font-size: 6em;
    }

    .third-section .slide  .subtitle {
        font-size: 1.3em
    }

    /*end temi*/
    /*come funziona*/
    .comefunziona .primacolonna {
        margin-bottom: 2em;
        padding-left: 0!important;
    }

    .comefunziona ol {
        padding-left: 5em;
    }

    .comefunziona li {
        text-indent: -4.5em;
    }

    .comefunziona .secondacolonna{
        padding-right: 0!important;
        margin-bottom: 40px;
    }
    .comefunziona .secondacolonna h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 1em;
    }

    #trovalausilio h1 {
        line-height: .8em;
    }

    /*end come funziona*/
    /*servizi*/
    .servizi h2 {
        font-size: 30px;
    }

    .bloccoservizi img {
        width: 40%;
    }

    .bloccoservizi p {
        font-size: 20px;
    }

    .bloccoservizi p strong {
        font-size: 23px;
    }
    .documentazione h2, .chisiamo h2 {
        font-size: 30px;
    }
    /*end servizi*/
    /*end homepage*/
    /* pagina points&partners */
    .rowtable {
        width: 100%;
    }

    .columntable-icon {
        float: left;
        width: 20%;
        padding: 0 10px;
    }

    .columntable-name {
        float: left;
        width: 80%;
        padding: 0 10px;
    }

    .columntable-address {
        float: left;
        width: 80%;
        padding: 0 10px;
        margin-left: 20%;
    }
    
    .columntable-city {
        float: left;
        width: 80%;
        padding: 0 10px;
        margin-left: 20%;
    }

    .rowtable:after {
        content: "";
        display: table;
        clear: both;
        height: 15px;
    }

    /* end pagina points&partners */
    /* pagina dettaglio prodotto */
    .dettaglioprodotto .main-content-area {
        padding-right: 0px !important;
    }

    .stickybottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        background-color: #ffffff;
        padding: 50px;
        font-size: 20px;
        box-shadow: 20px 20px 50px var(--prontoausilio-giallo);
        z-index: 3;
        padding-bottom: 70px !important;
    }

    .dettaglioprodotto-mobile .productdescription {
        padding-top: 0px !important;
    }

    .dettaglioprodotto-mobile h1 {
        font-size: 25px;
        line-height: 35px;
    }

    .dettaglioprodotto-mobile h2 {
        font-size: 20px;
        line-height: 40px;
    }

    .dettaglioprodotto-mobile p {
        font-size: 15px;
    }

    #risultatoricerca a {
        font-size: 12px !important;
    }

    .stickybottom .accordion-button,
    .stickybottom .accordion-button:not(.collapsed),
    .stickybottom .accordion-item {
        background-color: transparent;
    }

    /* end pagina dettaglio prodotto */
    /* pagina make preventivo */
    .riepilogo .main-content-area,
    .riepilogo .parent-main-content-area {
        margin-bottom: 0 !important;
    }

    #periododinecessitatitle,
    #riepilogoausiliotitle,
    #opzioniausiliotitle,
    #aliquotaivatitle,
    #prodotticomplementarititle,
    #servizititle {
        font-size: 2em !important;
    }

    #periododinecessitacontent {
        margin-right: 0 !important;
        border-radius: 5px;
    }

    #riepilogodellausilio .blocco-descrizione {
        flex-direction: column;
    }

    #riepilogodellausilio .blocco-descrizione .descrizione {
        padding-left: 0 !important;
    }

    #scegliconsegnaoritiro {
        flex-direction: column !important;
    }

    #scegliconsegnaoritiro .primacolonna {
        flex-direction: row-reverse !important;
        justify-content: space-between;
    }

    #scegliconsegnaoritiro .secondacolonna {
        margin-left: 0px !important;
    }

    #scegliconsegnaoritiro .frb input[type="radio"]~label {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #consegnaoritirotitle {
        font-size: 2em !important;
    }

    #progettazione_aliquotaiva {
        margin-right: 0 !important;
        margin-top: 0 !important;
    }

    #progettazione_aliquotaiva .frb {
        margin-right: 0 !important;
    }

    #servizidelpoint {
        border-bottom: 0 !important;
    }

    #formdisponibilita {
        padding-bottom: 2em;
        margin-bottom: 0px !important;
        padding-top: 1.5em;
    }

    /* end pagina make preventivo */
    /* pagina step2 - dati personali */
    .riepilogo_step2 .mr-3 {
        margin-right: 10px !important;
    }

    .riepilogo_step2 .ml-3 {
        margin-left: 0 !important;
    }

    .riepilogo_step2 .my-3 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .riepilogo_step2 .form-group {
        margin-bottom: 1em !important;
    }

    .riepilogo_step2 .p-25em {
        padding: 1em !important;
    }

    #accettazione .scroller {
        height: 200px;
        overflow-y: scroll;
    }

    .scroller::-webkit-scrollbar {
        width: 12px;
    }

    .scroller::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(249, 175, 1, 0.5);
        border-radius: 5px;
    }

    .scroller::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 6px rgba(249, 176, 1, 0.8);
    }

    .stylecheckboxaccettazione {
        margin-bottom: 2em;
    }

    .riepilogo_step2 .bottoneproseguiprenotazione {
        display: none !important;
    }

    #datidellordine h1,
    #datipersonali h1,
    #daticonsegna h1,
    #accettazione h2 {
        font-size: 2em !important;
    }

    /* end pagina step2 - dati personali */
    /* pagina step3 - riepilogo */
    #pagamentodellordine h1 {
        font-size: 2em !important;
    }

    #pagamentodellordine {
        padding-bottom: 2em !important;
    }

    .descriptionpaypal {
        display: none !important;
    }

    .frb input[type="radio"]:empty~label span.frb-title {
        font-weight: normal;
        font-style: italic;
        color: #4B4B4B;
        margin: 5px 5px 5px 50px;
    }

    .frb input[type="radio"]:empty~label span.frb-title img,
    .frb input[type="checkbox"]:empty~label span.frb-title img {
        width: 15%;
        position: absolute;
        right: 0;
    }

    .riepilogo_step3 .bottoneproseguiprenotazione {
        display: none !important;
    }

    .bloccoreferente,
    .concludiprenotazione {
        margin-left: 0;
    }

    /* end pagina step3 - riepilogo */
    /* conferma ordine */
    .topsection,
    .topsubsection {
        flex-direction: column !important;
    }

    .topsubsection .br-yellow {
        border-right: 0px !important;
        border-bottom: var(--prontoausilio-giallo) 2px solid;
    }

    .topsubsection .justify-content-end {
        justify-content: flex-start !important;
        padding-top: 15px;
        flex-direction: column;
    }

    .centralsection {
        flex-direction: column-reverse !important;
    }

    .centralsection .bb-yellow-4 {
        border-bottom: 0 !important;
    }

    /* end conferma ordine */
}

@media screen and (min-width:1024px) {
    header{
        position: fixed;
        top: 0;
        width: 100%;
        min-height: 150px;
        background-color: #ffffff;
        z-index: 3;
        box-shadow: 0 -5px 20px 0px #4B4B4B;
      }
      #main {
          margin-top: 150px;
        }
      .main-site {
          padding-top: 30px!important;
      }
}
.fs-12{
    font-size: 1.2em!important;
}