body {
   background-color: white;
   color: white;
   /* Define o texto como branco para melhor contraste */
   margin: 0;
   padding: 0;
}

table.table.table-bordered thead tr.titulo-tabela th {
   background-color: rgb(33 37 41) !important;
   color: white !important;
}


.linha-branca {
   background-color: #fff;
}

tr.linha-cinza-clara td {
   background-color: #f2f2f2bb;
}

.textlogo {
   font-size: 35px !important;
   color: #fff !important;
   font-weight: 700;
   height: 60px;
   padding-top: 10px;
   ;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.menu {
   font-size: 20px !important;
   color: #fff !important;
   font-weight: 700;
   height: 60px;
   padding-top: 20px;
   ;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.textMenu {
   font-size: 20px !important;
   color: #fff !important;
   font-weight: 700;
   height: 60px;
   padding-top: 20px;
   ;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.textMenu:hover {
   color: #FFC107 !important;
}
.textMenu:a:visited {
   color: #fff !important;
}

span.textLogo2 {
   color: #FFC107 !important;
}

.headercss {
   background-color: #000 !important;
   color: #fff !important;
   padding: 10px 0 !important;
}

.coupon {
   position: relative;
   min-height: 20px;
   border-radius: 1px;
   background-color: #ffffff;
   /* branco */
   border-bottom: 1px solid #cccccc;
   /* cinza claro */
   margin-bottom: 10px;
   transition: linear .3s;
}

.coupon .promo-item {
   right: 8px;
   top: 8px;
   display: block;
   border-radius: 4px;
   height: 32px;
   line-height: 32px;
   font-size: 16px;
   text-align: center;
   font-weight: 300;
   box-sizing: border-box;
}

.coupon .promo-item .promo-code {
   display: block;
   border: 1px dashed #333333;
   /* cinza escuro */
   border-radius: 4px;
   color: #333333;
   /* cinza escuro */
   background-color: #f5f5f5;
   /* cinza bem claro */
   text-align: right;
   padding-right: 10px;
   box-sizing: border-box;
}

.coupon .promo-item .promo-code.center {
   text-align: center;
   padding: 0;
}

.coupon .promo-item .promo-cover,
.coupon .promo-item .promo-link {
   cursor: pointer;
   font-size: 18px;
   font-weight: 700;
   text-shadow: 1px 1px 0 #000000;
   /* preto */
   color: #ffffff;
   /* branco */
   border-radius: 4px;
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   height: 34px;
   display: block;
   box-shadow: 0 0 1px #000000, 0 2px 3px rgba(0, 0, 0, 0.2);
   background: #666666;
   background: linear-gradient(to bottom, #aaaaaa 0%, #888888 50%, #555555 51%, #777777 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#777777', GradientType=0);
   -webkit-transition: all .15s linear;
   transition: all .15s linear;
   -webkit-transform: translate3D(0, 0, 0);
   -webkit-backface-visibility: hidden;
   -webkit-perspective: 1000;
}

.coupon .promo-item .promo-cover {
   right: 30px;
}

.coupon .promo-item .promo-cover:after {
   background-image: linear-gradient(36deg, #555555, #777777 11%, #dddddd 33%, #eeeeee 42%, #eeeeee 46%, #cccccc 51%, rgba(255, 255, 255, 0) 54%) !important;
   border-radius: 5px;
   transform: rotate(35deg);
   position: absolute;
   top: 0;
   right: 0;
   margin-right: -27.5px;
   z-index: 3;
   content: "";
   display: block;
   transition: all .125s ease-in-out;
   width: 40px;
   height: 40px;
   box-shadow: -2px 8px 7px 0 rgba(0, 0, 0, 0.1);
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-width: 0;
}

.coupon .promo-item:hover .promo-cover {
   background-position: right top, 0 0;
   margin-right: 30px;
   text-decoration: none;
}

.coupon .promo-item:hover .promo-cover:after {
   top: -5px;
   right: 0;
   width: 42px;
   height: 65px;
}

.chosen-container {
   --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: #000;
   --bs-white: #fff;
   --bs-gray: #6c757d;
   --bs-gray-dark: #343a40;
   --bs-gray-100: #f8f9fa;
   --bs-gray-200: #e9ecef;
   --bs-gray-300: #dee2e6;
   --bs-gray-400: #ced4da;
   --bs-gray-500: #adb5bd;
   --bs-gray-600: #6c757d;
   --bs-gray-700: #495057;
   --bs-gray-800: #343a40;
   --bs-gray-900: #212529;
   --bs-primary: #0d6efd;
   --bs-secondary: #6c757d;
   --bs-success: #198754;
   --bs-info: #0dcaf0;
   --bs-warning: #ffc107;
   --bs-danger: #dc3545;
   --bs-light: #f8f9fa;
   --bs-dark: #212529;
   --bs-primary-rgb: 13, 110, 253;
   --bs-secondary-rgb: 108, 117, 125;
   --bs-success-rgb: 25, 135, 84;
   --bs-info-rgb: 13, 202, 240;
   --bs-warning-rgb: 255, 193, 7;
   --bs-danger-rgb: 220, 53, 69;
   --bs-light-rgb: 248, 249, 250;
   --bs-dark-rgb: 33, 37, 41;
   --bs-primary-text-emphasis: #052c65;
   --bs-secondary-text-emphasis: #2b2f32;
   --bs-success-text-emphasis: #0a3622;
   --bs-info-text-emphasis: #055160;
   --bs-warning-text-emphasis: #664d03;
   --bs-danger-text-emphasis: #58151c;
   --bs-light-text-emphasis: #495057;
   --bs-dark-text-emphasis: #495057;
   --bs-primary-bg-subtle: #cfe2ff;
   --bs-secondary-bg-subtle: #e2e3e5;
   --bs-success-bg-subtle: #d1e7dd;
   --bs-info-bg-subtle: #cff4fc;
   --bs-warning-bg-subtle: #fff3cd;
   --bs-danger-bg-subtle: #f8d7da;
   --bs-light-bg-subtle: #fcfcfd;
   --bs-dark-bg-subtle: #ced4da;
   --bs-primary-border-subtle: #9ec5fe;
   --bs-secondary-border-subtle: #c4c8cb;
   --bs-success-border-subtle: #a3cfbb;
   --bs-info-border-subtle: #9eeaf9;
   --bs-warning-border-subtle: #ffe69c;
   --bs-danger-border-subtle: #f1aeb5;
   --bs-light-border-subtle: #e9ecef;
   --bs-dark-border-subtle: #adb5bd;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
   --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --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: #212529;
   --bs-body-color-rgb: 33, 37, 41;
   --bs-body-bg: #fff;
   --bs-body-bg-rgb: 255, 255, 255;
   --bs-emphasis-color: #000;
   --bs-emphasis-color-rgb: 0, 0, 0;
   --bs-secondary-color: rgba(33, 37, 41, 0.75);
   --bs-secondary-color-rgb: 33, 37, 41;
   --bs-secondary-bg: #e9ecef;
   --bs-secondary-bg-rgb: 233, 236, 239;
   --bs-tertiary-color: rgba(33, 37, 41, 0.5);
   --bs-tertiary-color-rgb: 33, 37, 41;
   --bs-tertiary-bg: #f8f9fa;
   --bs-tertiary-bg-rgb: 248, 249, 250;
   --bs-heading-color: inherit;
   --bs-link-color: #0d6efd;
   --bs-link-color-rgb: 13, 110, 253;
   --bs-link-decoration: underline;
   --bs-link-hover-color: #0a58ca;
   --bs-link-hover-color-rgb: 10, 88, 202;
   --bs-code-color: #d63384;
   --bs-highlight-color: #212529;
   --bs-highlight-bg: #fff3cd;
   --bs-border-width: 1px;
   --bs-border-style: solid;
   --bs-border-color: #dee2e6;
   --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
   --bs-border-radius: 0.375rem;
   --bs-border-radius-sm: 0.25rem;
   --bs-border-radius-lg: 0.5rem;
   --bs-border-radius-xl: 1rem;
   --bs-border-radius-xxl: 2rem;
   --bs-border-radius-2xl: var(--bs-border-radius-xxl);
   --bs-border-radius-pill: 50rem;
   --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
   --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
   --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
   --bs-focus-ring-width: 0.25rem;
   --bs-focus-ring-opacity: 0.25;
   --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
   --bs-form-valid-color: #198754;
   --bs-form-valid-border-color: #198754;
   --bs-form-invalid-color: #dc3545;
   --bs-form-invalid-border-color: #dc3545;
   --bs-breakpoint-xs: 0;
   --bs-breakpoint-sm: 576px;
   --bs-breakpoint-md: 768px;
   --bs-breakpoint-lg: 992px;
   --bs-breakpoint-xl: 1200px;
   --bs-breakpoint-xxl: 1400px;
   --bs-btn-close-filter: ;
   --bs-carousel-indicator-active-bg: #fff;
   --bs-carousel-caption-color: #fff;
   --bs-carousel-control-icon-filter: ;
   --fa-style-family-brands: "Font Awesome 6 Brands";
   --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
   --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
   --fa-style-family-classic: "Font Awesome 6 Free";
   --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent;
   --bs-gutter-x: 1.5rem;
   --bs-gutter-y: 0;
   box-sizing: border-box;
   margin: 0;
   font-family: inherit;
   text-transform: none;
   word-wrap: normal;
   --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   display: block;
   width: 100%;
   padding: .375rem 2.25rem .375rem .75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: var(--bs-body-color);
   appearance: none;
   background-color: var(--bs-body-bg);
   background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
   background-repeat: no-repeat;
   background-position: right .75rem center;
   background-size: 16px 12px;
   border: var(--bs-border-width) solid var(--bs-border-color);
   border-radius: var(--bs-border-radius);
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.content {
   display: none;
   padding: 10px;
   background-color: #f1f1f1;
   border: 1px solid #ccc;
   margin-top: 10px;
}

.button {
   background-color: #007bff;
   color: white;
   padding: 10px;
   border: none;
   cursor: pointer;
}