@charset "UTF-8";
 /*! * Bootstrap v5.0.0-beta2 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */
 @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");

 :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-white: #fff;
     --bs-gray: #6c757d;
     --bs-gray-dark: #343a40;
     --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-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", 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));
     --border-color: #dee2e6;
 }

 *,
 *::before,
 *::after {
     box-sizing: border-box;
 }

 @media (prefers-reduced-motion: no-preference) {
     :root {
         scroll-behavior: smooth;
     }
 }

 body {
     margin: 0;
     font-family: var(--bs-font-sans-serif);
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #212529;
     background-color: #fff;
     -webkit-text-size-adjust: 100%;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

 [tabindex="-1"]:focus:not(:focus-visible) {
     outline: 0 !important;
 }

 hr {
     margin: 1rem 0;
     color: inherit;
     background-color: currentColor;
     border: 0;
     opacity: 0.25;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-top: 0;
     margin-bottom: 0;
 }

 p {
     margin-top: 0;
     margin-bottom: 1rem;
 }

 ol,
 ul {
     padding-left: 2rem;
 }

 ol,
 ul,
 dl {
     margin-top: 0;
     margin-bottom: 1rem;
 }

 ol ol,
 ul ul,
 ol ul,
 ul ol {
     margin-bottom: 0;
 }

 dt {
     font-weight: 700;
 }

 b,
 strong {
     font-weight: 700;
 }

 small {
     font-size: 0.875em;
 }

 a {
     color: #0d6efd;
     text-decoration: underline;
 }

 a:hover {
     color: #0a58ca;
 }

 a:not([href]):not([class]),
 a:not([href]):not([class]):hover {
     color: inherit;
     text-decoration: none;
 }

 img,
 svg {
     vertical-align: middle;
 }

 table {
     caption-side: bottom;
     border-collapse: collapse;
 }

 th {
     text-align: inherit;
     text-align: -webkit-match-parent;
 }

 thead,
 tbody,
 tfoot,
 tr,
 td,
 th {
     border-color: inherit;
     border-style: solid;
     border-width: 0;
 }

 label {
     display: inline-block;
 }

 button {
     border-radius: 0;
 }

 button:focus:not(:focus-visible) {
     outline: 0;
 }

 input,
 button,
 select,
 optgroup,
 textarea {
     margin: 0;
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
 }

 button,
 select {
     text-transform: none;
 }

 [role="button"] {
     cursor: pointer;
 }

 select {
     word-wrap: normal;
 }

 [list]::-webkit-calendar-picker-indicator {
     display: none;
 }

 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
     -webkit-appearance: button;
 }

 button:not(:disabled),
 [type="button"]:not(:disabled),
 [type="reset"]:not(:disabled),
 [type="submit"]:not(:disabled) {
     cursor: pointer;
 }

 ::-moz-focus-inner {
     padding: 0;
     border-style: none;
 }

 textarea {
     resize: vertical;
 }

 fieldset {
     min-width: 0;
     padding: 0;
     margin: 0;
     border: 0;
 }

 legend {
     float: left;
     width: 100%;
     padding: 0;
     margin-bottom: 0.5rem;
     font-size: calc(1.275rem + 0.3vw);
     line-height: inherit;
 }

 @media (min-width: 1200px) {
     legend {
         font-size: 1.5rem;
     }
 }

 legend+* {
     clear: left;
 }

 ::-webkit-datetime-edit-fields-wrapper,
 ::-webkit-datetime-edit-text,
 ::-webkit-datetime-edit-minute,
 ::-webkit-datetime-edit-hour-field,
 ::-webkit-datetime-edit-day-field,
 ::-webkit-datetime-edit-month-field,
 ::-webkit-datetime-edit-year-field {
     padding: 0;
 }

 ::-webkit-inner-spin-button {
     height: auto;
 }

 [type="search"] {
     outline-offset: -2px;
     -webkit-appearance: textfield;
 }

 /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */
 ::-webkit-search-decoration {
     -webkit-appearance: none;
 }

 ::-webkit-color-swatch-wrapper {
     padding: 0;
 }

 ::file-selector-button {
     font: inherit;
 }

 ::-webkit-file-upload-button {
     font: inherit;
     -webkit-appearance: button;
 }

 output {
     display: inline-block;
 }

 iframe {
     border: 0;
 }

 summary {
     display: list-item;
     cursor: pointer;
 }

 progress {
     vertical-align: baseline;
 }

 [hidden] {
     display: none !important;
 }

 .list-unstyled {
     padding-left: 0;
     list-style: none;
 }

 .list-inline {
     padding-left: 0;
     list-style: none;
 }

 .list-inline-item {
     display: inline-block;
 }

 .list-inline-item:not(:last-child) {
     margin-right: 0.5rem;
 }

 .img-fluid {
     max-width: 100%;
     height: auto;
 }

 .img-thumbnail {
     padding: 0.25rem;
     background-color: #fff;
     border: 1px solid #dee2e6;
     border-radius: 0.25rem;
     max-width: 100%;
     height: auto;
 }

 .container,
 .container-fluid,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl,
 .container-xxl {
     width: 100%;
     padding-right: var(--bs-gutter-x, 0.75rem);
     padding-left: var(--bs-gutter-x, 0.75rem);
     margin-right: auto;
     margin-left: auto;
 }

 .container,
 .container-lg {
     max-width: 540px;
 }

 .container,
 .container-lg {
     max-width: 720px;
 }

 @media (min-width: 992px) {

     .container,
     .container-lg {
         max-width: 960px;
     }
 }

 .container,
 .container-lg {
     max-width: 1140px;
 }

 .container,
 .container-lg {
     max-width: 1320px;
 }

 .row {
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
     display: flex;
     flex-wrap: wrap;
     margin-top: calc(var(--bs-gutter-y) * -1);
     margin-right: calc(var(--bs-gutter-x) / -2);
     margin-left: calc(var(--bs-gutter-x) / -2);
 }

 .row>* {
     flex-shrink: 0;
     width: 100%;
     max-width: 100%;
     padding-right: calc(var(--bs-gutter-x) / 2);
     padding-left: calc(var(--bs-gutter-x) / 2);
     margin-top: var(--bs-gutter-y);
 }

 .col {
     flex: 1 0 0%;
 }

 .row-cols-auto>* {
     flex: 0 0 auto;
     width: auto;
 }

 .row-cols-1>* {
     flex: 0 0 auto;
     width: 100%;
 }

 .row-cols-2>* {
     flex: 0 0 auto;
     width: 50%;
 }

 .row-cols-3>* {
     flex: 0 0 auto;
     width: 33.3333333333%;
 }

 .row-cols-4>* {
     flex: 0 0 auto;
     width: 25%;
 }

 .row-cols-5>* {
     flex: 0 0 auto;
     width: 20%;
 }

 .row-cols-6>* {
     flex: 0 0 auto;
     width: 16.6666666667%;
 }

 .col-auto {
     flex: 0 0 auto;
     width: auto;
 }

 .col-1 {
     flex: 0 0 auto;
     width: 8.3333333333%;
 }

 .col-2 {
     flex: 0 0 auto;
     width: 16.6666666667%;
 }

 .col-3 {
     flex: 0 0 auto;
     width: 25%;
 }

 .col-4 {
     flex: 0 0 auto;
     width: 33.3333333333%;
 }

 .col-5 {
     flex: 0 0 auto;
     width: 41.6666666667%;
 }

 .col-6 {
     flex: 0 0 auto;
     width: 50%;
 }

 .col-7 {
     flex: 0 0 auto;
     width: 58.3333333333%;
 }

 .col-8 {
     flex: 0 0 auto;
     width: 66.6666666667%;
 }

 .col-9 {
     flex: 0 0 auto;
     width: 75%;
 }

 .col-10 {
     flex: 0 0 auto;
     width: 83.3333333333%;
 }

 .col-11 {
     flex: 0 0 auto;
     width: 91.6666666667%;
 }

 .col-12 {
     flex: 0 0 auto;
     width: 100%;
 }

 .offset-1 {
     margin-left: 8.3333333333%;
 }

 .offset-2 {
     margin-left: 16.6666666667%;
 }

 .offset-3 {
     margin-left: 25%;
 }

 .offset-4 {
     margin-left: 33.3333333333%;
 }

 .offset-5 {
     margin-left: 41.6666666667%;
 }

 .offset-6 {
     margin-left: 50%;
 }

 .offset-7 {
     margin-left: 58.3333333333%;
 }

 .offset-8 {
     margin-left: 66.6666666667%;
 }

 .offset-9 {
     margin-left: 75%;
 }

 .offset-10 {
     margin-left: 83.3333333333%;
 }

 .offset-11 {
     margin-left: 91.6666666667%;
 }

 .g-0,
 .gx-0 {
     --bs-gutter-x: 0;
 }

 .g-0,
 .gy-0 {
     --bs-gutter-y: 0;
 }

 .g-1,
 .gx-1 {
     --bs-gutter-x: 0.25rem;
 }

 .g-1,
 .gy-1 {
     --bs-gutter-y: 0.25rem;
 }

 .g-2,
 .gx-2 {
     --bs-gutter-x: 0.5rem;
 }

 .g-2,
 .gy-2 {
     --bs-gutter-y: 0.5rem;
 }

 .g-3,
 .gx-3 {
     --bs-gutter-x: 1rem;
 }

 .g-3,
 .gy-3 {
     --bs-gutter-y: 1rem;
 }

 .g-4,
 .gx-4 {
     --bs-gutter-x: 1.5rem;
 }

 .g-4,
 .gy-4 {
     --bs-gutter-y: 1.5rem;
 }

 .g-5,
 .gx-5 {
     --bs-gutter-x: 3rem;
 }

 .g-5,
 .gy-5 {
     --bs-gutter-y: 3rem;
 }

 @media (min-width: 992px) {
     .col-lg {
         flex: 1 0 0%;
     }

     .row-cols-lg-auto>* {
         flex: 0 0 auto;
         width: auto;
     }

     .row-cols-lg-1>* {
         flex: 0 0 auto;
         width: 100%;
     }

     .row-cols-lg-2>* {
         flex: 0 0 auto;
         width: 50%;
     }

     .row-cols-lg-3>* {
         flex: 0 0 auto;
         width: 33.3333333333%;
     }

     .row-cols-lg-4>* {
         flex: 0 0 auto;
         width: 25%;
     }

     .row-cols-lg-5>* {
         flex: 0 0 auto;
         width: 20%;
     }

     .row-cols-lg-6>* {
         flex: 0 0 auto;
         width: 16.6666666667%;
     }

     .col-lg-auto {
         flex: 0 0 auto;
         width: auto;
     }

     .col-lg-1 {
         flex: 0 0 auto;
         width: 8.3333333333%;
     }

     .col-lg-2 {
         flex: 0 0 auto;
         width: 16.6666666667%;
     }

     .col-lg-3 {
         flex: 0 0 auto;
         width: 25%;
     }

     .col-lg-4 {
         flex: 0 0 auto;
         width: 33.3333333333%;
     }

     .col-lg-5 {
         flex: 0 0 auto;
         width: 41.6666666667%;
     }

     .col-lg-6 {
         flex: 0 0 auto;
         width: 50%;
     }

     .col-lg-7 {
         flex: 0 0 auto;
         width: 58.3333333333%;
     }

     .col-lg-8 {
         flex: 0 0 auto;
         width: 66.6666666667%;
     }

     .col-lg-9 {
         flex: 0 0 auto;
         width: 75%;
     }

     .col-lg-10 {
         flex: 0 0 auto;
         width: 83.3333333333%;
     }

     .col-lg-11 {
         flex: 0 0 auto;
         width: 91.6666666667%;
     }

     .col-lg-12 {
         flex: 0 0 auto;
         width: 100%;
     }

     .offset-lg-0 {
         margin-left: 0;
     }

     .offset-lg-1 {
         margin-left: 8.3333333333%;
     }

     .offset-lg-2 {
         margin-left: 16.6666666667%;
     }

     .offset-lg-3 {
         margin-left: 25%;
     }

     .offset-lg-4 {
         margin-left: 33.3333333333%;
     }

     .offset-lg-5 {
         margin-left: 41.6666666667%;
     }

     .offset-lg-6 {
         margin-left: 50%;
     }

     .offset-lg-7 {
         margin-left: 58.3333333333%;
     }

     .offset-lg-8 {
         margin-left: 66.6666666667%;
     }

     .offset-lg-9 {
         margin-left: 75%;
     }

     .offset-lg-10 {
         margin-left: 83.3333333333%;
     }

     .offset-lg-11 {
         margin-left: 91.6666666667%;
     }

     .g-lg-0,
     .gx-lg-0 {
         --bs-gutter-x: 0;
     }

     .g-lg-0,
     .gy-lg-0 {
         --bs-gutter-y: 0;
     }

     .g-lg-1,
     .gx-lg-1 {
         --bs-gutter-x: 0.25rem;
     }

     .g-lg-1,
     .gy-lg-1 {
         --bs-gutter-y: 0.25rem;
     }

     .g-lg-2,
     .gx-lg-2 {
         --bs-gutter-x: 0.5rem;
     }

     .g-lg-2,
     .gy-lg-2 {
         --bs-gutter-y: 0.5rem;
     }

     .g-lg-3,
     .gx-lg-3 {
         --bs-gutter-x: 1rem;
     }

     .g-lg-3,
     .gy-lg-3 {
         --bs-gutter-y: 1rem;
     }

     .g-lg-4,
     .gx-lg-4 {
         --bs-gutter-x: 1.5rem;
     }

     .g-lg-4,
     .gy-lg-4 {
         --bs-gutter-y: 1.5rem;
     }

     .g-lg-5,
     .gx-lg-5 {
         --bs-gutter-x: 3rem;
     }

     .g-lg-5,
     .gy-lg-5 {
         --bs-gutter-y: 3rem;
     }
 }

 .table {
     --bs-table-bg: transparent;
     --bs-table-striped-color: #212529;
     --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
     --bs-table-active-color: #212529;
     --bs-table-active-bg: rgba(0, 0, 0, 0.1);
     --bs-table-hover-color: #212529;
     --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
     width: 100%;
     margin-bottom: 1rem;
     color: #212529;
     vertical-align: top;
     border-color: #dee2e6;
 }

 .table> :not(caption)>*>* {
     padding: 0.5rem 0.5rem;
     background-color: var(--bs-table-bg);
     border-bottom-width: 1px;
     box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
 }

 .table>tbody {
     vertical-align: inherit;
 }

 .table>thead {
     vertical-align: bottom;
 }

 .table> :not(:last-child)> :last-child>* {
     border-bottom-color: currentColor;
 }

 .caption-top {
     caption-side: top;
 }

 .table-sm> :not(caption)>*>* {
     padding: 0.25rem 0.25rem;
 }

 .table-bordered> :not(caption)>* {
     border-width: 1px 0;
 }

 .table-bordered> :not(caption)>*>* {
     border-width: 0 1px;
 }

 .table-borderless> :not(caption)>*>* {
     border-bottom-width: 0;
 }

 .table-striped>tbody>tr:nth-of-type(odd) {
     --bs-table-accent-bg: var(--bs-table-striped-bg);
     color: var(--bs-table-striped-color);
 }

 .table-active {
     --bs-table-accent-bg: var(--bs-table-active-bg);
     color: var(--bs-table-active-color);
 }

 .table-hover>tbody>tr:hover {
     --bs-table-accent-bg: var(--bs-table-hover-bg);
     color: var(--bs-table-hover-color);
 }

 .table-primary {
     --bs-table-bg: #cfe2ff;
     --bs-table-striped-bg: #c5d7f2;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #bacbe6;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #bfd1ec;
     --bs-table-hover-color: #000;
     color: #000;
     border-color: #bacbe6;
 }

 .table-secondary {
     --bs-table-bg: #e2e3e5;
     --bs-table-striped-bg: #d7d8da;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #cbccce;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #d1d2d4;
     --bs-table-hover-color: #000;
     color: #000;
     border-color: #cbccce;
 }

 .table-success {
     --bs-table-bg: #d1e7dd;
     --bs-table-striped-bg: #c7dbd2;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #bcd0c7;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #c1d6cc;
     --bs-table-hover-color: #000;
     color: #000;
     border-color: #bcd0c7;
 }

 .table-info {
     --bs-table-bg: #cff4fc;
     --bs-table-striped-bg: #c5e8ef;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #badce3;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #bfe2e9;
     --bs-table-hover-color: #000;
     color: #000;
     border-color: #badce3;
 }

 .table-warning {
     --bs-table-bg: #fff3cd;
     --bs-table-striped-bg: #f2e7c3;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #e6dbb9;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #ece1be;
     --bs-table-hover-color: #000;
     color: #000;
     border-color: #e6dbb9;
 }

 .table-danger {
     --bs-table-bg: #f8d7da;
     --bs-table-striped-bg: #eccccf;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #dfc2c4;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #e5c7ca;
     --bs-table-hover-color: #000;
     color: #000;
     border-color: #dfc2c4;
 }

 .table-light {
     --bs-table-bg: #f8f9fa;
     --bs-table-striped-bg: #ecedee;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #dfe0e1;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #e5e6e7;
     --bs-table-hover-color: #000;
     color: #000;
     border-color: #dfe0e1;
 }

 .table-dark {
     --bs-table-bg: #212529;
     --bs-table-striped-bg: #2c3034;
     --bs-table-striped-color: #fff;
     --bs-table-active-bg: #373b3e;
     --bs-table-active-color: #fff;
     --bs-table-hover-bg: #323539;
     --bs-table-hover-color: #fff;
     color: #fff;
     border-color: #373b3e;
 }

 .table-responsive {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
 }

 @media (max-width: 991.98px) {
     .table-responsive-lg {
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }
 }

 .btn {
     display: inline-block;
     font-weight: 400;
     line-height: 1.5;
     color: #212529;
     text-align: center;
     text-decoration: none;
     vertical-align: middle;
     cursor: pointer;
     user-select: none;
     background-color: transparent;
     border: 1px solid transparent;
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     border-radius: 0.25rem;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion: reduce) {
     .btn {
         transition: none;
     }
 }

 .btn:hover {
     color: #212529;
 }

 .btn-check:focus+.btn,
 .btn:focus {
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }

 .btn:disabled,
 .btn.disabled,
 fieldset:disabled .btn {
     pointer-events: none;
     opacity: 0.65;
 }

 .btn-primary {
     color: #fff;
     background-color: #0d6efd;
     border-color: #0d6efd;
 }

 .btn-primary:hover {
     color: #fff;
     background-color: #0b5ed7;
     border-color: #0a58ca;
 }

 .btn-check:focus+.btn-primary,
 .btn-primary:focus {
     color: #fff;
     background-color: #0b5ed7;
     border-color: #0a58ca;
     box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
 }

 .btn-check:checked+.btn-primary,
 .btn-check:active+.btn-primary,
 .btn-primary:active,
 .btn-primary.active,
 .show>.btn-primary.dropdown-toggle {
     color: #fff;
     background-color: #0a58ca;
     border-color: #0a53be;
 }

 .btn-check:checked+.btn-primary:focus,
 .btn-check:active+.btn-primary:focus,
 .btn-primary:active:focus,
 .btn-primary.active:focus,
 .show>.btn-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
 }

 .btn-primary:disabled,
 .btn-primary.disabled {
     color: #fff;
     background-color: #0d6efd;
     border-color: #0d6efd;
 }

 .btn-secondary {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d;
 }

 .btn-secondary:hover {
     color: #fff;
     background-color: #5c636a;
     border-color: #565e64;
 }

 .btn-check:focus+.btn-secondary,
 .btn-secondary:focus {
     color: #fff;
     background-color: #5c636a;
     border-color: #565e64;
     box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
 }

 .btn-check:checked+.btn-secondary,
 .btn-check:active+.btn-secondary,
 .btn-secondary:active,
 .btn-secondary.active,
 .show>.btn-secondary.dropdown-toggle {
     color: #fff;
     background-color: #565e64;
     border-color: #51585e;
 }

 .btn-check:checked+.btn-secondary:focus,
 .btn-check:active+.btn-secondary:focus,
 .btn-secondary:active:focus,
 .btn-secondary.active:focus,
 .show>.btn-secondary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
 }

 .btn-secondary:disabled,
 .btn-secondary.disabled {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d;
 }

 .btn-success {
     color: #fff;
     background-color: #198754;
     border-color: #198754;
 }

 .btn-success:hover {
     color: #fff;
     background-color: #157347;
     border-color: #146c43;
 }

 .btn-check:focus+.btn-success,
 .btn-success:focus {
     color: #fff;
     background-color: #157347;
     border-color: #146c43;
     box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
 }

 .btn-check:checked+.btn-success,
 .btn-check:active+.btn-success,
 .btn-success:active,
 .btn-success.active,
 .show>.btn-success.dropdown-toggle {
     color: #fff;
     background-color: #146c43;
     border-color: #13653f;
 }

 .btn-check:checked+.btn-success:focus,
 .btn-check:active+.btn-success:focus,
 .btn-success:active:focus,
 .btn-success.active:focus,
 .show>.btn-success.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
 }

 .btn-success:disabled,
 .btn-success.disabled {
     color: #fff;
     background-color: #198754;
     border-color: #198754;
 }

 .btn-info {
     color: #000;
     background-color: #0dcaf0;
     border-color: #0dcaf0;
 }

 .btn-info:hover {
     color: #000;
     background-color: #31d2f2;
     border-color: #25cff2;
 }

 .btn-check:focus+.btn-info,
 .btn-info:focus {
     color: #000;
     background-color: #31d2f2;
     border-color: #25cff2;
     box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
 }

 .btn-check:checked+.btn-info,
 .btn-check:active+.btn-info,
 .btn-info:active,
 .btn-info.active,
 .show>.btn-info.dropdown-toggle {
     color: #000;
     background-color: #3dd5f3;
     border-color: #25cff2;
 }

 .btn-check:checked+.btn-info:focus,
 .btn-check:active+.btn-info:focus,
 .btn-info:active:focus,
 .btn-info.active:focus,
 .show>.btn-info.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
 }

 .btn-info:disabled,
 .btn-info.disabled {
     color: #000;
     background-color: #0dcaf0;
     border-color: #0dcaf0;
 }

 .btn-warning {
     color: #000;
     background-color: #ffc107;
     border-color: #ffc107;
 }

 .btn-warning:hover {
     color: #000;
     background-color: #ffca2c;
     border-color: #ffc720;
 }

 .btn-check:focus+.btn-warning,
 .btn-warning:focus {
     color: #000;
     background-color: #ffca2c;
     border-color: #ffc720;
     box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
 }

 .btn-check:checked+.btn-warning,
 .btn-check:active+.btn-warning,
 .btn-warning:active,
 .btn-warning.active,
 .show>.btn-warning.dropdown-toggle {
     color: #000;
     background-color: #ffcd39;
     border-color: #ffc720;
 }

 .btn-check:checked+.btn-warning:focus,
 .btn-check:active+.btn-warning:focus,
 .btn-warning:active:focus,
 .btn-warning.active:focus,
 .show>.btn-warning.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
 }

 .btn-warning:disabled,
 .btn-warning.disabled {
     color: #000;
     background-color: #ffc107;
     border-color: #ffc107;
 }

 .btn-danger {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545;
 }

 .btn-danger:hover {
     color: #fff;
     background-color: #bb2d3b;
     border-color: #b02a37;
 }

 .btn-check:focus+.btn-danger,
 .btn-danger:focus {
     color: #fff;
     background-color: #bb2d3b;
     border-color: #b02a37;
     box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
 }

 .btn-check:checked+.btn-danger,
 .btn-check:active+.btn-danger,
 .btn-danger:active,
 .btn-danger.active,
 .show>.btn-danger.dropdown-toggle {
     color: #fff;
     background-color: #b02a37;
     border-color: #a52834;
 }

 .btn-check:checked+.btn-danger:focus,
 .btn-check:active+.btn-danger:focus,
 .btn-danger:active:focus,
 .btn-danger.active:focus,
 .show>.btn-danger.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
 }

 .btn-danger:disabled,
 .btn-danger.disabled {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545;
 }

 .btn-light {
     color: #000;
     background-color: #f8f9fa;
     border-color: #f8f9fa;
 }

 .btn-light:hover {
     color: #000;
     background-color: #f9fafb;
     border-color: #f9fafb;
 }

 .btn-check:focus+.btn-light,
 .btn-light:focus {
     color: #000;
     background-color: #f9fafb;
     border-color: #f9fafb;
     box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
 }

 .btn-check:checked+.btn-light,
 .btn-check:active+.btn-light,
 .btn-light:active,
 .btn-light.active,
 .show>.btn-light.dropdown-toggle {
     color: #000;
     background-color: #f9fafb;
     border-color: #f9fafb;
 }

 .btn-check:checked+.btn-light:focus,
 .btn-check:active+.btn-light:focus,
 .btn-light:active:focus,
 .btn-light.active:focus,
 .show>.btn-light.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
 }

 .btn-light:disabled,
 .btn-light.disabled {
     color: #000;
     background-color: #f8f9fa;
     border-color: #f8f9fa;
 }

 .btn-dark {
     color: #fff;
     background-color: #212529;
     border-color: #212529;
 }

 .btn-dark:hover {
     color: #fff;
     background-color: #1c1f23;
     border-color: #1a1e21;
 }

 .btn-check:focus+.btn-dark,
 .btn-dark:focus {
     color: #fff;
     background-color: #1c1f23;
     border-color: #1a1e21;
     box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
 }

 .btn-check:checked+.btn-dark,
 .btn-check:active+.btn-dark,
 .btn-dark:active,
 .btn-dark.active,
 .show>.btn-dark.dropdown-toggle {
     color: #fff;
     background-color: #1a1e21;
     border-color: #191c1f;
 }

 .btn-check:checked+.btn-dark:focus,
 .btn-check:active+.btn-dark:focus,
 .btn-dark:active:focus,
 .btn-dark.active:focus,
 .show>.btn-dark.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
 }

 .btn-dark:disabled,
 .btn-dark.disabled {
     color: #fff;
     background-color: #212529;
     border-color: #212529;
 }

 .btn-outline-primary {
     color: #0d6efd;
     border-color: #0d6efd;
 }

 .btn-outline-primary:hover {
     color: #fff;
     background-color: #0d6efd;
     border-color: #0d6efd;
 }

 .btn-check:focus+.btn-outline-primary,
 .btn-outline-primary:focus {
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
 }

 .btn-check:checked+.btn-outline-primary,
 .btn-check:active+.btn-outline-primary,
 .btn-outline-primary:active,
 .btn-outline-primary.active,
 .btn-outline-primary.dropdown-toggle.show {
     color: #fff;
     background-color: #0d6efd;
     border-color: #0d6efd;
 }

 .btn-check:checked+.btn-outline-primary:focus,
 .btn-check:active+.btn-outline-primary:focus,
 .btn-outline-primary:active:focus,
 .btn-outline-primary.active:focus,
 .btn-outline-primary.dropdown-toggle.show:focus {
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
 }

 .btn-outline-primary:disabled,
 .btn-outline-primary.disabled {
     color: #0d6efd;
     background-color: transparent;
 }

 .btn-outline-secondary {
     color: #6c757d;
     border-color: #6c757d;
 }

 .btn-outline-secondary:hover {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d;
 }

 .btn-check:focus+.btn-outline-secondary,
 .btn-outline-secondary:focus {
     box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
 }

 .btn-check:checked+.btn-outline-secondary,
 .btn-check:active+.btn-outline-secondary,
 .btn-outline-secondary:active,
 .btn-outline-secondary.active,
 .btn-outline-secondary.dropdown-toggle.show {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d;
 }

 .btn-check:checked+.btn-outline-secondary:focus,
 .btn-check:active+.btn-outline-secondary:focus,
 .btn-outline-secondary:active:focus,
 .btn-outline-secondary.active:focus,
 .btn-outline-secondary.dropdown-toggle.show:focus {
     box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
 }

 .btn-outline-secondary:disabled,
 .btn-outline-secondary.disabled {
     color: #6c757d;
     background-color: transparent;
 }

 .btn-outline-success {
     color: #198754;
     border-color: #198754;
 }

 .btn-outline-success:hover {
     color: #fff;
     background-color: #198754;
     border-color: #198754;
 }

 .btn-check:focus+.btn-outline-success,
 .btn-outline-success:focus {
     box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
 }

 .btn-check:checked+.btn-outline-success,
 .btn-check:active+.btn-outline-success,
 .btn-outline-success:active,
 .btn-outline-success.active,
 .btn-outline-success.dropdown-toggle.show {
     color: #fff;
     background-color: #198754;
     border-color: #198754;
 }

 .btn-check:checked+.btn-outline-success:focus,
 .btn-check:active+.btn-outline-success:focus,
 .btn-outline-success:active:focus,
 .btn-outline-success.active:focus,
 .btn-outline-success.dropdown-toggle.show:focus {
     box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
 }

 .btn-outline-success:disabled,
 .btn-outline-success.disabled {
     color: #198754;
     background-color: transparent;
 }

 .btn-outline-info {
     color: #0dcaf0;
     border-color: #0dcaf0;
 }

 .btn-outline-info:hover {
     color: #000;
     background-color: #0dcaf0;
     border-color: #0dcaf0;
 }

 .btn-check:focus+.btn-outline-info,
 .btn-outline-info:focus {
     box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
 }

 .btn-check:checked+.btn-outline-info,
 .btn-check:active+.btn-outline-info,
 .btn-outline-info:active,
 .btn-outline-info.active,
 .btn-outline-info.dropdown-toggle.show {
     color: #000;
     background-color: #0dcaf0;
     border-color: #0dcaf0;
 }

 .btn-check:checked+.btn-outline-info:focus,
 .btn-check:active+.btn-outline-info:focus,
 .btn-outline-info:active:focus,
 .btn-outline-info.active:focus,
 .btn-outline-info.dropdown-toggle.show:focus {
     box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
 }

 .btn-outline-info:disabled,
 .btn-outline-info.disabled {
     color: #0dcaf0;
     background-color: transparent;
 }

 .btn-outline-warning {
     color: #ffc107;
     border-color: #ffc107;
 }

 .btn-outline-warning:hover {
     color: #000;
     background-color: #ffc107;
     border-color: #ffc107;
 }

 .btn-check:focus+.btn-outline-warning,
 .btn-outline-warning:focus {
     box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
 }

 .btn-check:checked+.btn-outline-warning,
 .btn-check:active+.btn-outline-warning,
 .btn-outline-warning:active,
 .btn-outline-warning.active,
 .btn-outline-warning.dropdown-toggle.show {
     color: #000;
     background-color: #ffc107;
     border-color: #ffc107;
 }

 .btn-check:checked+.btn-outline-warning:focus,
 .btn-check:active+.btn-outline-warning:focus,
 .btn-outline-warning:active:focus,
 .btn-outline-warning.active:focus,
 .btn-outline-warning.dropdown-toggle.show:focus {
     box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
 }

 .btn-outline-warning:disabled,
 .btn-outline-warning.disabled {
     color: #ffc107;
     background-color: transparent;
 }

 .btn-outline-danger {
     color: #dc3545;
     border-color: #dc3545;
 }

 .btn-outline-danger:hover {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545;
 }

 .btn-check:focus+.btn-outline-danger,
 .btn-outline-danger:focus {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
 }

 .btn-check:checked+.btn-outline-danger,
 .btn-check:active+.btn-outline-danger,
 .btn-outline-danger:active,
 .btn-outline-danger.active,
 .btn-outline-danger.dropdown-toggle.show {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545;
 }

 .btn-check:checked+.btn-outline-danger:focus,
 .btn-check:active+.btn-outline-danger:focus,
 .btn-outline-danger:active:focus,
 .btn-outline-danger.active:focus,
 .btn-outline-danger.dropdown-toggle.show:focus {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
 }

 .btn-outline-danger:disabled,
 .btn-outline-danger.disabled {
     color: #dc3545;
     background-color: transparent;
 }

 .btn-outline-light {
     color: #f8f9fa;
     border-color: #f8f9fa;
 }

 .btn-outline-light:hover {
     color: #000;
     background-color: #f8f9fa;
     border-color: #f8f9fa;
 }

 .btn-check:focus+.btn-outline-light,
 .btn-outline-light:focus {
     box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
 }

 .btn-check:checked+.btn-outline-light,
 .btn-check:active+.btn-outline-light,
 .btn-outline-light:active,
 .btn-outline-light.active,
 .btn-outline-light.dropdown-toggle.show {
     color: #000;
     background-color: #f8f9fa;
     border-color: #f8f9fa;
 }

 .btn-check:checked+.btn-outline-light:focus,
 .btn-check:active+.btn-outline-light:focus,
 .btn-outline-light:active:focus,
 .btn-outline-light.active:focus,
 .btn-outline-light.dropdown-toggle.show:focus {
     box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
 }

 .btn-outline-light:disabled,
 .btn-outline-light.disabled {
     color: #f8f9fa;
     background-color: transparent;
 }

 .btn-outline-dark {
     color: #212529;
     border-color: #212529;
 }

 .btn-outline-dark:hover {
     color: #fff;
     background-color: #212529;
     border-color: #212529;
 }

 .btn-check:focus+.btn-outline-dark,
 .btn-outline-dark:focus {
     box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
 }

 .btn-check:checked+.btn-outline-dark,
 .btn-check:active+.btn-outline-dark,
 .btn-outline-dark:active,
 .btn-outline-dark.active,
 .btn-outline-dark.dropdown-toggle.show {
     color: #fff;
     background-color: #212529;
     border-color: #212529;
 }

 .btn-check:checked+.btn-outline-dark:focus,
 .btn-check:active+.btn-outline-dark:focus,
 .btn-outline-dark:active:focus,
 .btn-outline-dark.active:focus,
 .btn-outline-dark.dropdown-toggle.show:focus {
     box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
 }

 .btn-outline-dark:disabled,
 .btn-outline-dark.disabled {
     color: #212529;
     background-color: transparent;
 }

 .btn-link {
     font-weight: 400;
     color: #0d6efd;
     text-decoration: underline;
 }

 .btn-link:hover {
     color: #0a58ca;
 }

 .btn-link:disabled,
 .btn-link.disabled {
     color: #6c757d;
 }

 .btn-lg {
     padding: 0.5rem 1rem;
     font-size: 1.25rem;
     border-radius: 0.3rem;
 }

 .btn-sm {
     padding: 0.25rem 0.5rem;
     font-size: 0.875rem;
     border-radius: 0.2rem;
 }

 .fade {
     transition: opacity 0.15s linear;
 }

 @media (prefers-reduced-motion: reduce) {
     .fade {
         transition: none;
     }
 }

 .fade:not(.show) {
     opacity: 0;
 }

 .collapse:not(.show) {
     display: none;
 }

 .collapsing {
     height: 0;
     overflow: hidden;
     transition: height 0.35s ease;
 }

 @media (prefers-reduced-motion: reduce) {
     .collapsing {
         transition: none;
     }
 }

 .nav {
     display: flex;
     flex-wrap: wrap;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
 }

 .nav-link {
     display: block;
     padding: 0.5rem 1rem;
     text-decoration: none;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion: reduce) {
     .nav-link {
         transition: none;
     }
 }

 .nav-link.disabled {
     color: #6c757d;
     pointer-events: none;
     cursor: default;
 }

 .nav-tabs {
     border-bottom: 1px solid #dee2e6;
 }

 .nav-tabs .nav-link {
     margin-bottom: -1px;
     background: none;
     border: 1px solid transparent;
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
 }

 .nav-tabs .nav-link:hover,
 .nav-tabs .nav-link:focus {
     border-color: #e9ecef #e9ecef #dee2e6;
     isolation: isolate;
 }

 .nav-tabs .nav-link.disabled {
     color: #6c757d;
     background-color: transparent;
     border-color: transparent;
 }

 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
     color: #495057;
     background-color: #fff;
     border-color: #dee2e6 #dee2e6 #fff;
 }

 .nav-tabs .dropdown-menu {
     margin-top: -1px;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }

 .nav-pills .nav-link {
     background: none;
     border: 0;
     border-radius: 0.25rem;
 }

 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
     color: #fff;
     background-color: #0d6efd;
 }

 .nav-fill>.nav-link,
 .nav-fill .nav-item {
     flex: 1 1 auto;
     text-align: center;
 }

 .nav-justified>.nav-link,
 .nav-justified .nav-item {
     flex-basis: 0;
     flex-grow: 1;
     text-align: center;
 }

 .tab-content>.tab-pane {
     display: none;
 }

 .tab-content>.active {
     display: block;
 }

 .navbar {
     position: relative;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
 }

 .navbar>.container,
 .navbar>.container-fluid,
 .navbar>.container-sm,
 .navbar>.container-md,
 .navbar>.container-lg,
 .navbar>.container-xl,
 .navbar>.container-xxl {
     display: flex;
     flex-wrap: inherit;
     align-items: center;
     justify-content: space-between;
 }

 .navbar-brand {
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
     margin-right: 1rem;
     font-size: 1.25rem;
     text-decoration: none;
     white-space: nowrap;
 }

 .navbar-nav {
     display: flex;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
 }

 .navbar-nav .nav-link {
     padding-right: 0;
     padding-left: 0;
 }

 .navbar-nav .dropdown-menu {
     position: static;
 }

 .navbar-text {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
 }

 .navbar-collapse {
     flex-basis: 100%;
     flex-grow: 1;
     align-items: center;
 }

 .navbar-toggler {
     padding: 0.25rem 0.75rem;
     font-size: 1.25rem;
     line-height: 1;
     background-color: transparent;
     border: 1px solid transparent;
     border-radius: 0.25rem;
     transition: box-shadow 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion: reduce) {
     .navbar-toggler {
         transition: none;
     }
 }

 .navbar-toggler:hover {
     text-decoration: none;
 }

 .navbar-toggler:focus {
     text-decoration: none;
     outline: 0;
     box-shadow: 0 0 0 0.25rem;
 }

 .navbar-toggler-icon {
     display: inline-block;
     width: 1.5em;
     height: 1.5em;
     vertical-align: middle;
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
 }

 .navbar-nav-scroll {
     max-height: var(--bs-scroll-height, 75vh);
     overflow-y: auto;
 }

 @media (min-width: 992px) {
     .navbar-expand-lg {
         flex-wrap: nowrap;
         justify-content: flex-start;
     }

     .navbar-expand-lg .navbar-nav {
         flex-direction: row;
     }

     .navbar-expand-lg .navbar-nav .dropdown-menu {
         position: absolute;
     }

     .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: 0.5rem;
         padding-left: 0.5rem;
     }

     .navbar-expand-lg .navbar-nav-scroll {
         overflow: visible;
     }

     .navbar-expand-lg .navbar-collapse {
         display: flex !important;
         flex-basis: auto;
     }

     .navbar-expand-lg .navbar-toggler {
         display: none;
     }
 }

 .navbar-expand {
     flex-wrap: nowrap;
     justify-content: flex-start;
 }

 .navbar-expand .navbar-nav {
     flex-direction: row;
 }

 .navbar-expand .navbar-nav .dropdown-menu {
     position: absolute;
 }

 .navbar-expand .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
 }

 .navbar-expand .navbar-nav-scroll {
     overflow: visible;
 }

 .navbar-expand .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
 }

 .navbar-expand .navbar-toggler {
     display: none;
 }

 .navbar-light .navbar-brand {
     color: rgba(0, 0, 0, 0.9);
 }

 .navbar-light .navbar-brand:hover,
 .navbar-light .navbar-brand:focus {
     color: rgba(0, 0, 0, 0.9);
 }

 .navbar-light .navbar-nav .nav-link {
     color: rgba(0, 0, 0, 0.55);
 }

 .navbar-light .navbar-nav .nav-link:hover,
 .navbar-light .navbar-nav .nav-link:focus {
     color: rgba(0, 0, 0, 0.7);
 }

 .navbar-light .navbar-nav .nav-link.disabled {
     color: rgba(0, 0, 0, 0.3);
 }

 .navbar-light .navbar-nav .show>.nav-link,
 .navbar-light .navbar-nav .nav-link.active {
     color: rgba(0, 0, 0, 0.9);
 }

 .navbar-light .navbar-toggler {
     color: rgba(0, 0, 0, 0.55);
     border-color: rgba(0, 0, 0, 0.1);
 }

 .navbar-light .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }

 .navbar-light .navbar-text {
     color: rgba(0, 0, 0, 0.55);
 }

 .navbar-light .navbar-text a,
 .navbar-light .navbar-text a:hover,
 .navbar-light .navbar-text a:focus {
     color: rgba(0, 0, 0, 0.9);
 }

 .navbar-dark .navbar-brand {
     color: #fff;
 }

 .navbar-dark .navbar-brand:hover,
 .navbar-dark .navbar-brand:focus {
     color: #fff;
 }

 .navbar-dark .navbar-nav .nav-link {
     color: rgba(255, 255, 255, 0.55);
 }

 .navbar-dark .navbar-nav .nav-link:hover,
 .navbar-dark .navbar-nav .nav-link:focus {
     color: rgba(255, 255, 255, 0.75);
 }

 .navbar-dark .navbar-nav .nav-link.disabled {
     color: rgba(255, 255, 255, 0.25);
 }

 .navbar-dark .navbar-nav .show>.nav-link,
 .navbar-dark .navbar-nav .nav-link.active {
     color: #fff;
 }

 .navbar-dark .navbar-toggler {
     color: rgba(255, 255, 255, 0.55);
     border-color: rgba(255, 255, 255, 0.1);
 }

 .navbar-dark .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }

 .navbar-dark .navbar-text {
     color: rgba(255, 255, 255, 0.55);
 }

 .navbar-dark .navbar-text a,
 .navbar-dark .navbar-text a:hover,
 .navbar-dark .navbar-text a:focus {
     color: #fff;
 }

 .breadcrumb {
     display: flex;
     flex-wrap: wrap;
     padding: 0 0;
     margin-bottom: 1rem;
     list-style: none;
 }

 .breadcrumb-item+.breadcrumb-item {
     padding-left: 0.5rem;
 }

 .breadcrumb-item+.breadcrumb-item::before {
     float: left;
     padding-right: 0.5rem;
     color: #6c757d;
     content: var(--bs-breadcrumb-divider, "/")
         /* rtl: var(--bs-breadcrumb-divider, "/") */
     ;
 }

 .breadcrumb-item.active {
     color: #6c757d;
 }

 .pagination {
     display: flex;
     padding-left: 0;
     list-style: none;
 }

 .page-link {
     position: relative;
     display: block;
     color: #0d6efd;
     text-decoration: none;
     background-color: #fff;
     border: 1px solid #dee2e6;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion: reduce) {
     .page-link {
         transition: none;
     }
 }

 .page-link:hover {
     z-index: 2;
     color: #0a58ca;
     background-color: #e9ecef;
     border-color: #dee2e6;
 }

 .page-link:focus {
     z-index: 3;
     color: #0a58ca;
     background-color: #e9ecef;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }

 .page-item:not(:first-child) .page-link {
     margin-left: -1px;
 }

 .page-item.active .page-link {
     z-index: 3;
     color: #fff;
     background-color: #0d6efd;
     border-color: #0d6efd;
 }

 .page-item.disabled .page-link {
     color: #6c757d;
     pointer-events: none;
     background-color: #fff;
     border-color: #dee2e6;
 }

 .page-link {
     padding: 0.375rem 0.75rem;
 }

 .page-item:first-child .page-link {
     border-top-left-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
 }

 .page-item:last-child .page-link {
     border-top-right-radius: 0.25rem;
     border-bottom-right-radius: 0.25rem;
 }

 .pagination-lg .page-link {
     padding: 0.75rem 1.5rem;
     font-size: 1.25rem;
 }

 .pagination-lg .page-item:first-child .page-link {
     border-top-left-radius: 0.3rem;
     border-bottom-left-radius: 0.3rem;
 }

 .pagination-lg .page-item:last-child .page-link {
     border-top-right-radius: 0.3rem;
     border-bottom-right-radius: 0.3rem;
 }

 .pagination-sm .page-link {
     padding: 0.25rem 0.5rem;
     font-size: 0.875rem;
 }

 .pagination-sm .page-item:first-child .page-link {
     border-top-left-radius: 0.2rem;
     border-bottom-left-radius: 0.2rem;
 }

 .pagination-sm .page-item:last-child .page-link {
     border-top-right-radius: 0.2rem;
     border-bottom-right-radius: 0.2rem;
 }

 .btn-close {
     box-sizing: content-box;
     width: 1em;
     height: 1em;
     padding: 0.25em 0.25em;
     color: #000;
     background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
     border: 0;
     border-radius: 0.25rem;
     opacity: 0.5;
 }

 .btn-close:hover {
     color: #000;
     text-decoration: none;
     opacity: 0.75;
 }

 .btn-close:focus {
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
     opacity: 1;
 }

 .btn-close:disabled,
 .btn-close.disabled {
     pointer-events: none;
     user-select: none;
     opacity: 0.25;
 }

 .btn-close-white {
     filter: invert(1) grayscale(100%) brightness(200%);
 }

 .toast {
     width: 350px;
     max-width: 100%;
     font-size: 0.875rem;
     pointer-events: auto;
     background-color: rgba(255, 255, 255, 0.85);
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, 0.1);
     box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
     border-radius: 0.25rem;
 }

 .toast:not(.showing):not(.show) {
     opacity: 0;
 }

 .toast.hide {
     display: none;
 }

 .toast-container {
     width: max-content;
     max-width: 100%;
     pointer-events: none;
 }

 .toast-container> :not(:last-child) {
     margin-bottom: 0.75rem;
 }

 .toast-header {
     display: flex;
     align-items: center;
     padding: 0.5rem 0.75rem;
     color: #6c757d;
     background-color: rgba(255, 255, 255, 0.85);
     background-clip: padding-box;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
     border-top-left-radius: calc(0.25rem - 1px);
     border-top-right-radius: calc(0.25rem - 1px);
 }

 .toast-header .btn-close {
     margin-right: -0.375rem;
     margin-left: 0.75rem;
 }

 .toast-body {
     padding: 0.75rem;
     word-wrap: break-word;
 }

 .modal-open {
     overflow: hidden;
 }

 .modal-open .modal {
     overflow-x: hidden;
     overflow-y: auto;
 }

 .modal {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1050;
     display: none;
     width: 100%;
     height: 100%;
     overflow: hidden;
     outline: 0;
 }

 .modal-dialog {
     position: relative;
     width: auto;
     margin: 0.5rem;
     pointer-events: none;
 }

 .modal.fade .modal-dialog {
     transition: transform 0.3s ease-out;
     transform: translate(0, -50px);
 }

 @media (prefers-reduced-motion: reduce) {
     .modal.fade .modal-dialog {
         transition: none;
     }
 }

 .modal.show .modal-dialog {
     transform: none;
 }

 .modal.modal-static .modal-dialog {
     transform: scale(1.02);
 }

 .modal-dialog-scrollable {
     height: calc(100% - 1rem);
 }

 .modal-dialog-scrollable .modal-content {
     max-height: 100%;
     overflow: hidden;
 }

 .modal-dialog-scrollable .modal-body {
     overflow-y: auto;
 }

 .modal-dialog-centered {
     display: flex;
     align-items: center;
     min-height: calc(100% - 1rem);
 }

 .modal-content {
     position: relative;
     display: flex;
     flex-direction: column;
     width: 100%;
     pointer-events: auto;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, 0.2);
     border-radius: 0.3rem;
     outline: 0;
 }

 .modal-backdrop {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1040;
     width: 100vw;
     height: 100vh;
     background-color: #000;
 }

 .modal-backdrop.fade {
     opacity: 0;
 }

 .modal-backdrop.show {
     opacity: 0.5;
 }

 .modal-header {
     display: flex;
     flex-shrink: 0;
     align-items: center;
     justify-content: space-between;
     padding: 1rem 1rem;
     border-bottom: 1px solid #dee2e6;
     border-top-left-radius: calc(0.3rem - 1px);
     border-top-right-radius: calc(0.3rem - 1px);
 }

 .modal-header .btn-close {
     padding: 0.5rem 0.5rem;
     margin: -0.5rem -0.5rem -0.5rem auto;
 }

 .modal-title {
     margin-bottom: 0;
     line-height: 1.5;
 }

 .modal-body {
     position: relative;
     flex: 1 1 auto;
     padding: 1rem;
 }

 .modal-footer {
     display: flex;
     flex-wrap: wrap;
     flex-shrink: 0;
     align-items: center;
     justify-content: flex-end;
     padding: 0.75rem;
     border-top: 1px solid #dee2e6;
     border-bottom-right-radius: calc(0.3rem - 1px);
     border-bottom-left-radius: calc(0.3rem - 1px);
 }

 .modal-footer>* {
     margin: 0.25rem;
 }

 .modal-scrollbar-measure {
     position: absolute;
     top: -9999px;
     width: 50px;
     height: 50px;
     overflow: scroll;
 }

 .modal-dialog {
     max-width: 500px;
     margin: 1.75rem auto;
 }

 .modal-dialog-scrollable {
     height: calc(100% - 3.5rem);
 }

 .modal-dialog-centered {
     min-height: calc(100% - 3.5rem);
 }

 .modal-sm {
     max-width: 300px;
 }

 @media (min-width: 992px) {

     .modal-lg,
     .modal-xl {
         max-width: 800px;
     }
 }

 .modal-xl {
     max-width: 1140px;
 }

 .modal-fullscreen {
     width: 100vw;
     max-width: none;
     height: 100%;
     margin: 0;
 }

 .modal-fullscreen .modal-content {
     height: 100%;
     border: 0;
     border-radius: 0;
 }

 .modal-fullscreen .modal-header {
     border-radius: 0;
 }

 .modal-fullscreen .modal-body {
     overflow-y: auto;
 }

 .modal-fullscreen .modal-footer {
     border-radius: 0;
 }

 @media (max-width: 991.98px) {
     .modal-fullscreen-lg-down {
         width: 100vw;
         max-width: none;
         height: 100%;
         margin: 0;
     }

     .modal-fullscreen-lg-down .modal-content {
         height: 100%;
         border: 0;
         border-radius: 0;
     }

     .modal-fullscreen-lg-down .modal-header {
         border-radius: 0;
     }

     .modal-fullscreen-lg-down .modal-body {
         overflow-y: auto;
     }

     .modal-fullscreen-lg-down .modal-footer {
         border-radius: 0;
     }
 }

 .clearfix::after {
     display: block;
     clear: both;
     content: "";
 }

 .link-primary {
     color: #0d6efd;
 }

 .link-primary:hover,
 .link-primary:focus {
     color: #0a58ca;
 }

 .link-secondary {
     color: #6c757d;
 }

 .link-secondary:hover,
 .link-secondary:focus {
     color: #565e64;
 }

 .link-success {
     color: #198754;
 }

 .link-success:hover,
 .link-success:focus {
     color: #146c43;
 }

 .link-info {
     color: #0dcaf0;
 }

 .link-info:hover,
 .link-info:focus {
     color: #3dd5f3;
 }

 .link-warning {
     color: #ffc107;
 }

 .link-warning:hover,
 .link-warning:focus {
     color: #ffcd39;
 }

 .link-danger {
     color: #dc3545;
 }

 .link-danger:hover,
 .link-danger:focus {
     color: #b02a37;
 }

 .link-light {
     color: #f8f9fa;
 }

 .link-light:hover,
 .link-light:focus {
     color: #f9fafb;
 }

 .link-dark {
     color: #212529;
 }

 .link-dark:hover,
 .link-dark:focus {
     color: #1a1e21;
 }

 .ratio {
     position: relative;
     width: 100%;
 }

 .ratio::before {
     display: block;
     padding-top: var(--bs-aspect-ratio);
     content: "";
 }

 .ratio>* {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 .ratio-1x1 {
     --bs-aspect-ratio: 100%;
 }

 .ratio-4x3 {
     --bs-aspect-ratio: calc(3 / 4 * 100%);
 }

 .ratio-16x9 {
     --bs-aspect-ratio: calc(9 / 16 * 100%);
 }

 .ratio-21x9 {
     --bs-aspect-ratio: calc(9 / 21 * 100%);
 }

 .fixed-top {
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1030;
 }

 .fixed-bottom {
     position: fixed;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1030;
 }

 .sticky-top {
     position: sticky;
     top: 0;
     z-index: 1020;
 }

 @media (min-width: 992px) {
     .sticky-lg-top {
         position: sticky;
         top: 0;
         z-index: 1020;
     }
 }

 .visually-hidden,
 .visually-hidden-focusable:not(:focus):not(:focus-within) {
     position: absolute !important;
     width: 1px !important;
     height: 1px !important;
     padding: 0 !important;
     margin: -1px !important;
     overflow: hidden !important;
     clip: rect(0, 0, 0, 0) !important;
     white-space: nowrap !important;
     border: 0 !important;
 }

 .stretched-link::after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     content: "";
 }

 .text-truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .align-baseline {
     vertical-align: baseline !important;
 }

 .align-top {
     vertical-align: top !important;
 }

 .align-middle {
     vertical-align: middle !important;
 }

 .align-bottom {
     vertical-align: bottom !important;
 }

 .align-text-bottom {
     vertical-align: text-bottom !important;
 }

 .align-text-top {
     vertical-align: text-top !important;
 }

 .float-start {
     float: left !important;
 }

 .float-end {
     float: right !important;
 }

 .float-none {
     float: none !important;
 }

 .overflow-auto {
     overflow: auto !important;
 }

 .overflow-hidden {
     overflow: hidden !important;
 }

 .overflow-visible {
     overflow: visible !important;
 }

 .overflow-scroll {
     overflow: scroll !important;
 }

 .d-inline {
     display: inline !important;
 }

 .d-inline-block {
     display: inline-block !important;
 }

 .d-block {
     display: block !important;
 }

 .d-grid {
     display: grid !important;
 }

 .d-table {
     display: table !important;
 }

 .d-table-row {
     display: table-row !important;
 }

 .d-table-cell {
     display: table-cell !important;
 }

 .d-flex {
     display: flex !important;
 }

 .d-inline-flex {
     display: inline-flex !important;
 }

 .d-none {
     display: none !important;
 }

 .shadow {
     box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
 }

 .shadow-sm {
     box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
 }

 .shadow-lg {
     box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
 }

 .shadow-none {
     box-shadow: none !important;
 }

 .position-static {
     position: static !important;
 }

 .position-relative {
     position: relative !important;
 }

 .position-absolute {
     position: absolute !important;
 }

 .position-fixed {
     position: fixed !important;
 }

 .position-sticky {
     position: sticky !important;
 }

 .top-0 {
     top: 0 !important;
 }

 .top-50 {
     top: 50% !important;
 }

 .top-100 {
     top: 100% !important;
 }

 .bottom-0 {
     bottom: 0 !important;
 }

 .bottom-50 {
     bottom: 50% !important;
 }

 .bottom-100 {
     bottom: 100% !important;
 }

 .start-0 {
     left: 0 !important;
 }

 .start-50 {
     left: 50% !important;
 }

 .start-100 {
     left: 100% !important;
 }

 .end-0 {
     right: 0 !important;
 }

 .end-50 {
     right: 50% !important;
 }

 .end-100 {
     right: 100% !important;
 }

 .translate-middle {
     transform: translate(-50%, -50%) !important;
 }

 .translate-middle-x {
     transform: translateX(-50%) !important;
 }

 .translate-middle-y {
     transform: translateY(-50%) !important;
 }

 .border {
     border: 1px solid #dee2e6 !important;
 }

 .border-0 {
     border: 0 !important;
 }

 .border-top {
     border-top: 1px solid #dee2e6 !important;
 }

 .border-top-0 {
     border-top: 0 !important;
 }

 .border-end {
     border-right: 1px solid #dee2e6 !important;
 }

 .border-end-0 {
     border-right: 0 !important;
 }

 .border-bottom {
     border-bottom: 1px solid #dee2e6 !important;
 }

 .border-bottom-0 {
     border-bottom: 0 !important;
 }

 .border-start {
     border-left: 1px solid #dee2e6 !important;
 }

 .border-start-0 {
     border-left: 0 !important;
 }

 .border-primary {
     border-color: #0d6efd !important;
 }

 .border-secondary {
     border-color: #6c757d !important;
 }

 .border-success {
     border-color: #198754 !important;
 }

 .border-info {
     border-color: #0dcaf0 !important;
 }

 .border-warning {
     border-color: #ffc107 !important;
 }

 .border-danger {
     border-color: #dc3545 !important;
 }

 .border-light {
     border-color: #f8f9fa !important;
 }

 .border-dark {
     border-color: #212529 !important;
 }

 .border-white {
     border-color: #fff !important;
 }

 .border-0 {
     border-width: 0 !important;
 }

 .border-1 {
     border-width: 1px !important;
 }

 .border-2 {
     border-width: 2px !important;
 }

 .border-3 {
     border-width: 3px !important;
 }

 .border-4 {
     border-width: 4px !important;
 }

 .border-5 {
     border-width: 5px !important;
 }

 .w-25 {
     width: 25% !important;
 }

 .w-50 {
     width: 50% !important;
 }

 .w-75 {
     width: 75% !important;
 }

 .w-100 {
     width: 100% !important;
 }

 .w-auto {
     width: auto !important;
 }

 .mw-100 {
     max-width: 100% !important;
 }

 .vw-100 {
     width: 100vw !important;
 }

 .min-vw-100 {
     min-width: 100vw !important;
 }

 .h-25 {
     height: 25% !important;
 }

 .h-50 {
     height: 50% !important;
 }

 .h-75 {
     height: 75% !important;
 }

 .h-100 {
     height: 100% !important;
 }

 .h-auto {
     height: auto !important;
 }

 .mh-100 {
     max-height: 100% !important;
 }

 .vh-100 {
     height: 100vh !important;
 }

 .min-vh-100 {
     min-height: 100vh !important;
 }

 .flex-fill {
     flex: 1 1 auto !important;
 }

 .flex-row {
     flex-direction: row !important;
 }

 .flex-column {
     flex-direction: column !important;
 }

 .flex-row-reverse {
     flex-direction: row-reverse !important;
 }

 .flex-column-reverse {
     flex-direction: column-reverse !important;
 }

 .flex-grow-0 {
     flex-grow: 0 !important;
 }

 .flex-grow-1 {
     flex-grow: 1 !important;
 }

 .flex-shrink-0 {
     flex-shrink: 0 !important;
 }

 .flex-shrink-1 {
     flex-shrink: 1 !important;
 }

 .flex-wrap {
     flex-wrap: wrap !important;
 }

 .flex-nowrap {
     flex-wrap: nowrap !important;
 }

 .flex-wrap-reverse {
     flex-wrap: wrap-reverse !important;
 }

 .gap-0 {
     gap: 0 !important;
 }

 .gap-1 {
     gap: 0.25rem !important;
 }

 .gap-2 {
     gap: 0.5rem !important;
 }

 .gap-3 {
     gap: 1rem !important;
 }

 .gap-4 {
     gap: 1.5rem !important;
 }

 .gap-5 {
     gap: 3rem !important;
 }

 .justify-content-start {
     justify-content: flex-start !important;
 }

 .justify-content-end {
     justify-content: flex-end !important;
 }

 .justify-content-center {
     justify-content: center !important;
 }

 .justify-content-between {
     justify-content: space-between !important;
 }

 .justify-content-around {
     justify-content: space-around !important;
 }

 .justify-content-evenly {
     justify-content: space-evenly !important;
 }

 .align-items-start {
     align-items: flex-start !important;
 }

 .align-items-end {
     align-items: flex-end !important;
 }

 .align-items-center {
     align-items: center !important;
 }

 .align-items-baseline {
     align-items: baseline !important;
 }

 .align-items-stretch {
     align-items: stretch !important;
 }

 .align-content-start {
     align-content: flex-start !important;
 }

 .align-content-end {
     align-content: flex-end !important;
 }

 .align-content-center {
     align-content: center !important;
 }

 .align-content-between {
     align-content: space-between !important;
 }

 .align-content-around {
     align-content: space-around !important;
 }

 .align-content-stretch {
     align-content: stretch !important;
 }

 .align-self-auto {
     align-self: auto !important;
 }

 .align-self-start {
     align-self: flex-start !important;
 }

 .align-self-end {
     align-self: flex-end !important;
 }

 .align-self-center {
     align-self: center !important;
 }

 .align-self-baseline {
     align-self: baseline !important;
 }

 .align-self-stretch {
     align-self: stretch !important;
 }

 .order-first {
     order: -1 !important;
 }

 .order-0 {
     order: 0 !important;
 }

 .order-1 {
     order: 1 !important;
 }

 .order-2 {
     order: 2 !important;
 }

 .order-3 {
     order: 3 !important;
 }

 .order-4 {
     order: 4 !important;
 }

 .order-5 {
     order: 5 !important;
 }

 .order-last {
     order: 6 !important;
 }

 .m-0 {
     margin: 0 !important;
 }

 .m-1 {
     margin: 0.25rem !important;
 }

 .m-2 {
     margin: 0.5rem !important;
 }

 .m-3 {
     margin: 1rem !important;
 }

 .m-4 {
     margin: 1.5rem !important;
 }

 .m-5 {
     margin: 3rem !important;
 }

 .m-auto {
     margin: auto !important;
 }

 .mx-0 {
     margin-right: 0 !important;
     margin-left: 0 !important;
 }

 .mx-1 {
     margin-right: 0.25rem !important;
     margin-left: 0.25rem !important;
 }

 .mx-2 {
     margin-right: 0.5rem !important;
     margin-left: 0.5rem !important;
 }

 .mx-3 {
     margin-right: 1rem !important;
     margin-left: 1rem !important;
 }

 .mx-4 {
     margin-right: 1.5rem !important;
     margin-left: 1.5rem !important;
 }

 .mx-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important;
 }

 .mx-auto {
     margin-right: auto !important;
     margin-left: auto !important;
 }

 .my-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
 }

 .my-1 {
     margin-top: 0.25rem !important;
     margin-bottom: 0.25rem !important;
 }

 .my-2 {
     margin-top: 0.5rem !important;
     margin-bottom: 0.5rem !important;
 }

 .my-3 {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important;
 }

 .my-4 {
     margin-top: 1.5rem !important;
     margin-bottom: 1.5rem !important;
 }

 .my-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important;
 }

 .my-auto {
     margin-top: auto !important;
     margin-bottom: auto !important;
 }

 .mt-0 {
     margin-top: 0 !important;
 }

 .mt-1 {
     margin-top: 0.25rem !important;
 }

 .mt-2 {
     margin-top: 0.5rem !important;
 }

 .mt-3 {
     margin-top: 1rem !important;
 }

 .mt-4 {
     margin-top: 1.5rem !important;
 }

 .mt-5 {
     margin-top: 3rem !important;
 }

 .mt-auto {
     margin-top: auto !important;
 }

 .me-0 {
     margin-right: 0 !important;
 }

 .me-1 {
     margin-right: 0.25rem !important;
 }

 .me-2 {
     margin-right: 0.5rem !important;
 }

 .me-3 {
     margin-right: 1rem !important;
 }

 .me-4 {
     margin-right: 1.5rem !important;
 }

 .me-5 {
     margin-right: 3rem !important;
 }

 .me-auto {
     margin-right: auto !important;
 }

 .mb-0 {
     margin-bottom: 0 !important;
 }

 .mb-1 {
     margin-bottom: 0.25rem !important;
 }

 .mb-2 {
     margin-bottom: 0.5rem !important;
 }

 .mb-3 {
     margin-bottom: 1rem !important;
 }

 .mb-4 {
     margin-bottom: 1.5rem !important;
 }

 .mb-5 {
     margin-bottom: 3rem !important;
 }

 .mb-auto {
     margin-bottom: auto !important;
 }

 .ms-0 {
     margin-left: 0 !important;
 }

 .ms-1 {
     margin-left: 0.25rem !important;
 }

 .ms-2 {
     margin-left: 0.5rem !important;
 }

 .ms-3 {
     margin-left: 1rem !important;
 }

 .ms-4 {
     margin-left: 1.5rem !important;
 }

 .ms-5 {
     margin-left: 3rem !important;
 }

 .ms-auto {
     margin-left: auto !important;
 }

 .p-0 {
     padding: 0 !important;
 }

 .p-1 {
     padding: 0.25rem !important;
 }

 .p-2 {
     padding: 0.5rem !important;
 }

 .p-3 {
     padding: 1rem !important;
 }

 .p-4 {
     padding: 1.5rem !important;
 }

 .p-5 {
     padding: 3rem !important;
 }

 .px-0 {
     padding-right: 0 !important;
     padding-left: 0 !important;
 }

 .px-1 {
     padding-right: 0.25rem !important;
     padding-left: 0.25rem !important;
 }

 .px-2 {
     padding-right: 0.5rem !important;
     padding-left: 0.5rem !important;
 }

 .px-3 {
     padding-right: 1rem !important;
     padding-left: 1rem !important;
 }

 .px-4 {
     padding-right: 1.5rem !important;
     padding-left: 1.5rem !important;
 }

 .px-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important;
 }

 .py-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
 }

 .py-1 {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important;
 }

 .py-2 {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important;
 }

 .py-3 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
 }

 .py-4 {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important;
 }

 .py-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
 }

 .pt-0 {
     padding-top: 0 !important;
 }

 .pt-1 {
     padding-top: 0.25rem !important;
 }

 .pt-2 {
     padding-top: 0.5rem !important;
 }

 .pt-3 {
     padding-top: 1rem !important;
 }

 .pt-4 {
     padding-top: 1.5rem !important;
 }

 .pt-5 {
     padding-top: 3rem !important;
 }

 .pe-0 {
     padding-right: 0 !important;
 }

 .pe-1 {
     padding-right: 0.25rem !important;
 }

 .pe-2 {
     padding-right: 0.5rem !important;
 }

 .pe-3 {
     padding-right: 1rem !important;
 }

 .pe-4 {
     padding-right: 1.5rem !important;
 }

 .pe-5 {
     padding-right: 3rem !important;
 }

 .pb-0 {
     padding-bottom: 0 !important;
 }

 .pb-1 {
     padding-bottom: 0.25rem !important;
 }

 .pb-2 {
     padding-bottom: 0.5rem !important;
 }

 .pb-3 {
     padding-bottom: 1rem !important;
 }

 .pb-4 {
     padding-bottom: 1.5rem !important;
 }

 .pb-5 {
     padding-bottom: 3rem !important;
 }

 .ps-0 {
     padding-left: 0 !important;
 }

 .ps-1 {
     padding-left: 0.25rem !important;
 }

 .ps-2 {
     padding-left: 0.5rem !important;
 }

 .ps-3 {
     padding-left: 1rem !important;
 }

 .ps-4 {
     padding-left: 1.5rem !important;
 }

 .ps-5 {
     padding-left: 3rem !important;
 }

 .fst-italic {
     font-style: italic !important;
 }

 .fst-normal {
     font-style: normal !important;
 }

 .fw-light {
     font-weight: 300 !important;
 }

 .fw-lighter {
     font-weight: lighter !important;
 }

 .fw-normal {
     font-weight: 400 !important;
 }

 .fw-bold {
     font-weight: 700 !important;
 }

 .fw-bolder {
     font-weight: bolder !important;
 }

 .text-lowercase {
     text-transform: lowercase !important;
 }

 .text-uppercase {
     text-transform: uppercase !important;
 }

 .text-capitalize {
     text-transform: capitalize !important;
 }

 .text-start {
     text-align: left !important;
 }

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

 .text-center {
     text-align: center !important;
 }

 .text-primary {
     color: #0d6efd !important;
 }

 .text-secondary {
     color: #6c757d !important;
 }

 .text-success {
     color: #198754 !important;
 }

 .text-info {
     color: #0dcaf0 !important;
 }

 .text-warning {
     color: #ffc107 !important;
 }

 .text-danger {
     color: #dc3545 !important;
 }

 .text-light {
     color: #f8f9fa !important;
 }

 .text-dark {
     color: #212529 !important;
 }

 .text-white {
     color: #fff !important;
 }

 .text-body {
     color: #212529 !important;
 }

 .text-muted {
     color: #6c757d !important;
 }

 .text-black-50 {
     color: rgba(0, 0, 0, 0.5) !important;
 }

 .text-white-50 {
     color: rgba(255, 255, 255, 0.5) !important;
 }

 .text-reset {
     color: inherit !important;
 }

 .lh-1 {
     line-height: 1 !important;
 }

 .lh-sm {
     line-height: 1.25 !important;
 }

 .lh-base {
     line-height: 1.5 !important;
 }

 .lh-lg {
     line-height: 2 !important;
 }

 .bg-primary {
     background-color: #0d6efd !important;
 }

 .bg-secondary {
     background-color: #6c757d !important;
 }

 .bg-success {
     background-color: #198754 !important;
 }

 .bg-info {
     background-color: #0dcaf0 !important;
 }

 .bg-warning {
     background-color: #ffc107 !important;
 }

 .bg-danger {
     background-color: #dc3545 !important;
 }

 .bg-light {
     background-color: #f8f9fa !important;
 }

 .bg-dark {
     background-color: #212529 !important;
 }

 .bg-body {
     background-color: #fff !important;
 }

 .bg-white {
     background-color: #fff !important;
 }

 .bg-transparent {
     background-color: transparent !important;
 }

 .bg-gradient {
     background-image: var(--bs-gradient) !important;
 }

 .text-wrap {
     white-space: normal !important;
 }

 .text-nowrap {
     white-space: nowrap !important;
 }

 .text-decoration-none {
     text-decoration: none !important;
 }

 .text-decoration-underline {
     text-decoration: underline !important;
 }

 .text-decoration-line-through {
     text-decoration: line-through !important;
 }

 /* rtl:begin:remove */
 .text-break {
     word-wrap: break-word !important;
     word-break: break-word !important;
 }

 /* rtl:end:remove */
 .font-monospace {
     font-family: var(--bs-font-monospace) !important;
 }

 .user-select-all {
     user-select: all !important;
 }

 .user-select-auto {
     user-select: auto !important;
 }

 .user-select-none {
     user-select: none !important;
 }

 .pe-none {
     pointer-events: none !important;
 }

 .pe-auto {
     pointer-events: auto !important;
 }

 .rounded {
     border-radius: 0.25rem !important;
 }

 .rounded-0 {
     border-radius: 0 !important;
 }

 .rounded-1 {
     border-radius: 0.2rem !important;
 }

 .rounded-2 {
     border-radius: 0.25rem !important;
 }

 .rounded-3 {
     border-radius: 0.3rem !important;
 }

 .rounded-circle {
     border-radius: 50% !important;
 }

 .rounded-pill {
     border-radius: 50rem !important;
 }

 .rounded-top {
     border-top-left-radius: 0.25rem !important;
     border-top-right-radius: 0.25rem !important;
 }

 .rounded-end {
     border-top-right-radius: 0.25rem !important;
     border-bottom-right-radius: 0.25rem !important;
 }

 .rounded-bottom {
     border-bottom-right-radius: 0.25rem !important;
     border-bottom-left-radius: 0.25rem !important;
 }

 .rounded-start {
     border-bottom-left-radius: 0.25rem !important;
     border-top-left-radius: 0.25rem !important;
 }

 .visible {
     visibility: visible !important;
 }

 .invisible {
     visibility: hidden !important;
 }

 @media (min-width: 992px) {
     .float-lg-start {
         float: left !important;
     }

     .float-lg-end {
         float: right !important;
     }

     .float-lg-none {
         float: none !important;
     }

     .d-lg-inline {
         display: inline !important;
     }

     .d-lg-inline-block {
         display: inline-block !important;
     }

     .d-lg-block {
         display: block !important;
     }

     .d-lg-grid {
         display: grid !important;
     }

     .d-lg-table {
         display: table !important;
     }

     .d-lg-table-row {
         display: table-row !important;
     }

     .d-lg-table-cell {
         display: table-cell !important;
     }

     .d-lg-flex {
         display: flex !important;
     }

     .d-lg-inline-flex {
         display: inline-flex !important;
     }

     .d-lg-none {
         display: none !important;
     }

     .flex-lg-fill {
         flex: 1 1 auto !important;
     }

     .flex-lg-row {
         flex-direction: row !important;
     }

     .flex-lg-column {
         flex-direction: column !important;
     }

     .flex-lg-row-reverse {
         flex-direction: row-reverse !important;
     }

     .flex-lg-column-reverse {
         flex-direction: column-reverse !important;
     }

     .flex-lg-grow-0 {
         flex-grow: 0 !important;
     }

     .flex-lg-grow-1 {
         flex-grow: 1 !important;
     }

     .flex-lg-shrink-0 {
         flex-shrink: 0 !important;
     }

     .flex-lg-shrink-1 {
         flex-shrink: 1 !important;
     }

     .flex-lg-wrap {
         flex-wrap: wrap !important;
     }

     .flex-lg-nowrap {
         flex-wrap: nowrap !important;
     }

     .flex-lg-wrap-reverse {
         flex-wrap: wrap-reverse !important;
     }

     .gap-lg-0 {
         gap: 0 !important;
     }

     .gap-lg-1 {
         gap: 0.25rem !important;
     }

     .gap-lg-2 {
         gap: 0.5rem !important;
     }

     .gap-lg-3 {
         gap: 1rem !important;
     }

     .gap-lg-4 {
         gap: 1.5rem !important;
     }

     .gap-lg-5 {
         gap: 3rem !important;
     }

     .justify-content-lg-start {
         justify-content: flex-start !important;
     }

     .justify-content-lg-end {
         justify-content: flex-end !important;
     }

     .justify-content-lg-center {
         justify-content: center !important;
     }

     .justify-content-lg-between {
         justify-content: space-between !important;
     }

     .justify-content-lg-around {
         justify-content: space-around !important;
     }

     .justify-content-lg-evenly {
         justify-content: space-evenly !important;
     }

     .align-items-lg-start {
         align-items: flex-start !important;
     }

     .align-items-lg-end {
         align-items: flex-end !important;
     }

     .align-items-lg-center {
         align-items: center !important;
     }

     .align-items-lg-baseline {
         align-items: baseline !important;
     }

     .align-items-lg-stretch {
         align-items: stretch !important;
     }

     .align-content-lg-start {
         align-content: flex-start !important;
     }

     .align-content-lg-end {
         align-content: flex-end !important;
     }

     .align-content-lg-center {
         align-content: center !important;
     }

     .align-content-lg-between {
         align-content: space-between !important;
     }

     .align-content-lg-around {
         align-content: space-around !important;
     }

     .align-content-lg-stretch {
         align-content: stretch !important;
     }

     .align-self-lg-auto {
         align-self: auto !important;
     }

     .align-self-lg-start {
         align-self: flex-start !important;
     }

     .align-self-lg-end {
         align-self: flex-end !important;
     }

     .align-self-lg-center {
         align-self: center !important;
     }

     .align-self-lg-baseline {
         align-self: baseline !important;
     }

     .align-self-lg-stretch {
         align-self: stretch !important;
     }

     .order-lg-first {
         order: -1 !important;
     }

     .order-lg-0 {
         order: 0 !important;
     }

     .order-lg-1 {
         order: 1 !important;
     }

     .order-lg-2 {
         order: 2 !important;
     }

     .order-lg-3 {
         order: 3 !important;
     }

     .order-lg-4 {
         order: 4 !important;
     }

     .order-lg-5 {
         order: 5 !important;
     }

     .order-lg-last {
         order: 6 !important;
     }

     .m-lg-0 {
         margin: 0 !important;
     }

     .m-lg-1 {
         margin: 0.25rem !important;
     }

     .m-lg-2 {
         margin: 0.5rem !important;
     }

     .m-lg-3 {
         margin: 1rem !important;
     }

     .m-lg-4 {
         margin: 1.5rem !important;
     }

     .m-lg-5 {
         margin: 3rem !important;
     }

     .m-lg-auto {
         margin: auto !important;
     }

     .mx-lg-0 {
         margin-right: 0 !important;
         margin-left: 0 !important;
     }

     .mx-lg-1 {
         margin-right: 0.25rem !important;
         margin-left: 0.25rem !important;
     }

     .mx-lg-2 {
         margin-right: 0.5rem !important;
         margin-left: 0.5rem !important;
     }

     .mx-lg-3 {
         margin-right: 1rem !important;
         margin-left: 1rem !important;
     }

     .mx-lg-4 {
         margin-right: 1.5rem !important;
         margin-left: 1.5rem !important;
     }

     .mx-lg-5 {
         margin-right: 3rem !important;
         margin-left: 3rem !important;
     }

     .mx-lg-auto {
         margin-right: auto !important;
         margin-left: auto !important;
     }

     .my-lg-0 {
         margin-top: 0 !important;
         margin-bottom: 0 !important;
     }

     .my-lg-1 {
         margin-top: 0.25rem !important;
         margin-bottom: 0.25rem !important;
     }

     .my-lg-2 {
         margin-top: 0.5rem !important;
         margin-bottom: 0.5rem !important;
     }

     .my-lg-3 {
         margin-top: 1rem !important;
         margin-bottom: 1rem !important;
     }

     .my-lg-4 {
         margin-top: 1.5rem !important;
         margin-bottom: 1.5rem !important;
     }

     .my-lg-5 {
         margin-top: 3rem !important;
         margin-bottom: 3rem !important;
     }

     .my-lg-auto {
         margin-top: auto !important;
         margin-bottom: auto !important;
     }

     .mt-lg-0 {
         margin-top: 0 !important;
     }

     .mt-lg-1 {
         margin-top: 0.25rem !important;
     }

     .mt-lg-2 {
         margin-top: 0.5rem !important;
     }

     .mt-lg-3 {
         margin-top: 1rem !important;
     }

     .mt-lg-4 {
         margin-top: 1.5rem !important;
     }

     .mt-lg-5 {
         margin-top: 3rem !important;
     }

     .mt-lg-auto {
         margin-top: auto !important;
     }

     .me-lg-0 {
         margin-right: 0 !important;
     }

     .me-lg-1 {
         margin-right: 0.25rem !important;
     }

     .me-lg-2 {
         margin-right: 0.5rem !important;
     }

     .me-lg-3 {
         margin-right: 1rem !important;
     }

     .me-lg-4 {
         margin-right: 1.5rem !important;
     }

     .me-lg-5 {
         margin-right: 3rem !important;
     }

     .me-lg-auto {
         margin-right: auto !important;
     }

     .mb-lg-0 {
         margin-bottom: 0 !important;
     }

     .mb-lg-1 {
         margin-bottom: 0.25rem !important;
     }

     .mb-lg-2 {
         margin-bottom: 0.5rem !important;
     }

     .mb-lg-3 {
         margin-bottom: 1rem !important;
     }

     .mb-lg-4 {
         margin-bottom: 1.5rem !important;
     }

     .mb-lg-5 {
         margin-bottom: 3rem !important;
     }

     .mb-lg-auto {
         margin-bottom: auto !important;
     }

     .ms-lg-0 {
         margin-left: 0 !important;
     }

     .ms-lg-1 {
         margin-left: 0.25rem !important;
     }

     .ms-lg-2 {
         margin-left: 0.5rem !important;
     }

     .ms-lg-3 {
         margin-left: 1rem !important;
     }

     .ms-lg-4 {
         margin-left: 1.5rem !important;
     }

     .ms-lg-5 {
         margin-left: 3rem !important;
     }

     .ms-lg-auto {
         margin-left: auto !important;
     }

     .p-lg-0 {
         padding: 0 !important;
     }

     .p-lg-1 {
         padding: 0.25rem !important;
     }

     .p-lg-2 {
         padding: 0.5rem !important;
     }

     .p-lg-3 {
         padding: 1rem !important;
     }

     .p-lg-4 {
         padding: 1.5rem !important;
     }

     .p-lg-5 {
         padding: 3rem !important;
     }

     .px-lg-0 {
         padding-right: 0 !important;
         padding-left: 0 !important;
     }

     .px-lg-1 {
         padding-right: 0.25rem !important;
         padding-left: 0.25rem !important;
     }

     .px-lg-2 {
         padding-right: 0.5rem !important;
         padding-left: 0.5rem !important;
     }

     .px-lg-3 {
         padding-right: 1rem !important;
         padding-left: 1rem !important;
     }

     .px-lg-4 {
         padding-right: 1.5rem !important;
         padding-left: 1.5rem !important;
     }

     .px-lg-5 {
         padding-right: 3rem !important;
         padding-left: 3rem !important;
     }

     .py-lg-0 {
         padding-top: 0 !important;
         padding-bottom: 0 !important;
     }

     .py-lg-1 {
         padding-top: 0.25rem !important;
         padding-bottom: 0.25rem !important;
     }

     .py-lg-2 {
         padding-top: 0.5rem !important;
         padding-bottom: 0.5rem !important;
     }

     .py-lg-3 {
         padding-top: 1rem !important;
         padding-bottom: 1rem !important;
     }

     .py-lg-4 {
         padding-top: 1.5rem !important;
         padding-bottom: 1.5rem !important;
     }

     .py-lg-5 {
         padding-top: 3rem !important;
         padding-bottom: 3rem !important;
     }

     .pt-lg-0 {
         padding-top: 0 !important;
     }

     .pt-lg-1 {
         padding-top: 0.25rem !important;
     }

     .pt-lg-2 {
         padding-top: 0.5rem !important;
     }

     .pt-lg-3 {
         padding-top: 1rem !important;
     }

     .pt-lg-4 {
         padding-top: 1.5rem !important;
     }

     .pt-lg-5 {
         padding-top: 3rem !important;
     }

     .pe-lg-0 {
         padding-right: 0 !important;
     }

     .pe-lg-1 {
         padding-right: 0.25rem !important;
     }

     .pe-lg-2 {
         padding-right: 0.5rem !important;
     }

     .pe-lg-3 {
         padding-right: 1rem !important;
     }

     .pe-lg-4 {
         padding-right: 1.5rem !important;
     }

     .pe-lg-5 {
         padding-right: 3rem !important;
     }

     .pb-lg-0 {
         padding-bottom: 0 !important;
     }

     .pb-lg-1 {
         padding-bottom: 0.25rem !important;
     }

     .pb-lg-2 {
         padding-bottom: 0.5rem !important;
     }

     .pb-lg-3 {
         padding-bottom: 1rem !important;
     }

     .pb-lg-4 {
         padding-bottom: 1.5rem !important;
     }

     .pb-lg-5 {
         padding-bottom: 3rem !important;
     }

     .ps-lg-0 {
         padding-left: 0 !important;
     }

     .ps-lg-1 {
         padding-left: 0.25rem !important;
     }

     .ps-lg-2 {
         padding-left: 0.5rem !important;
     }

     .ps-lg-3 {
         padding-left: 1rem !important;
     }

     .ps-lg-4 {
         padding-left: 1.5rem !important;
     }

     .ps-lg-5 {
         padding-left: 3rem !important;
     }

     .text-lg-start {
         text-align: left !important;
     }

     .text-lg-end {
         text-align: right !important;
     }

     .text-lg-center {
         text-align: center !important;
     }
 }

 @media print {
     .d-print-inline {
         display: inline !important;
     }

     .d-print-inline-block {
         display: inline-block !important;
     }

     .d-print-block {
         display: block !important;
     }

     .d-print-grid {
         display: grid !important;
     }

     .d-print-table {
         display: table !important;
     }

     .d-print-table-row {
         display: table-row !important;
     }

     .d-print-table-cell {
         display: table-cell !important;
     }

     .d-print-flex {
         display: flex !important;
     }

     .d-print-inline-flex {
         display: inline-flex !important;
     }

     .d-print-none {
         display: none !important;
     }
 }

 html {
     font-size: 15px;
 }

 body {
     font-family: Arial;
     color: #000000;
 }

 a {
     text-decoration: unset;
 }

 .radius-top {
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
 }

 .radius-bottom {
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
 }

 .title-default {
     overflow: hidden;
     white-space: nowrap;
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 30px;
     padding-right: 0.5rem;
     font-size: 14px;
     background: url("/images/bg-den.png") repeat-x;
     border-radius: 6px 6px 0 0;
     overflow: hidden;
 }

 .title-default>*:first-child {
     position: relative;
     display: flex;
     align-items: center;
     background: url("/images/bg-do.png") repeat-x;
     padding-left: 0.5rem;
 }

 .title-default * {
     z-index: 0;
 }

 .title-sidebar {
     background: url("/images/bg-do.png") repeat-x;
     display: flex;
     align-items: center;
     text-transform: uppercase;
     color: white;
     height: 30px;
     padding-left: 0.5rem;
     border-radius: 6px 6px 0 0;
     overflow: hidden;
 }

 .title-sidebar .skew {
     font-size: 14px;
     position: relative;
     margin-top: 5px;
     height: 100%;
     width: 100%;
     display: flex;
     align-items: center;
 }

 .title-sidebar .skew:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-image: linear-gradient(to top, #2E2622, #2E2622, #535353);
     border-radius: 6px 6px 0 0;
     display: flex;
     align-items: center;
     transform: perspective(150px) rotateX(15deg);
     transform-origin: 100% 50%;
 }

 .title-sidebar .skew-item {
     padding-left: 0.5rem;
     z-index: 1;
 }

 .title-sidebar * {
     z-index: 0;
 }

 .breadcrumb {
     color: #080808;
 }

 .breadcrumb a {
     color: #080808;
 }

 .box-datepicker {
     position: relative;
     display: inline-block;
 }

 .box-datepicker .toggle-datepicker {
     position: absolute;
     right: 0.5rem;
     top: 50%;
     transform: translateY(-50%);
 }

 .box-datepicker ::-webkit-calendar-picker-indicator {
     z-index: 0;
     position: absolute;
     right: 1rem;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
 }

 .table-fixed {
     table-layout: fixed;
 }

 .sidebar-left .border-bottom,
 .sidebar-right .border-bottom {
     border-top: 1px solid #fff;
 }

 .table-striped {
     background: #f4f4f4;
     --bs-table-striped-bg: #f1f8ff;
 }

 .breadcrumb {
     margin-bottom: 0;
     overflow: auto;
     flex-wrap: nowrap;
     white-space: nowrap;
 }

 .text-blue1 {
     color: #f1f8ff;
 }

 .bg-blue1 {
     background-color: #f1f8ff;
 }

 .text-grey1 {
     color: #dbd8d8;
 }

 .bg-grey1 {
     background-color: #dbd8d8;
 }

 .text-grey2 {
     color: #f4f4f4;
 }

 .bg-grey2 {
     background-color: #f4f4f4;
 }

 .text-grey3 {
     color: #dadada;
 }

 .bg-grey3 {
     background-color: #dadada;
 }

 .text-grey4 {
     color: #777;
 }

 .bg-grey4 {
     background-color: #777;
 }

 .text-red1 {
     color: #a63327;
 }

 .bg-red1 {
     background-color: #a63327;
 }

 .text-red2 {
     color: #de5131;
 }

 .bg-red2 {
     background-color: #de5131;
 }

 .text-red3 {
     color: #ba3625;
 }

 .bg-red3 {
     background-color: #ba3625;
 }

 .text-black1 {
     color: #000000;
 }

 .bg-black1 {
     background-color: #000000;
 }

 .text-black2 {
     color: #080808;
 }

 .bg-black2 {
     background-color: #080808;
 }

 .text-black3 {
     color: #454341;
 }

 .bg-black3 {
     background-color: #454341;
 }

 .text-black4 {
     color: #272727;
 }

 .bg-black4 {
     background-color: #272727;
 }

 .fs-14 {
     font-size: 14px;
 }

 .fs-15 {
     font-size: 15px;
 }

 .fs-20 {
     font-size: 20px;
 }

 .news-content {
     word-break: break-word;
     font-size: 14px;
 }

 .news-content h2,
 .news-content h3,
 .news-content h4,
 .news-content h5,
 .news-content h6 {
     font-size: 14px;
     font-weight: bold;
     margin-bottom: 10px;
 }

 .news-content a:not([class]) {
     color: #000000;
     text-decoration: underline;
 }

 .news-content a:not([class]):hover {
     color: #ba3625;
 }

 .news-content table.tableizer-table {
     width: 100%;
     margin-bottom: 1rem;
     border-collapse: collapse;
     border: 1px solid #dee2e6;
     text-align: center;
 }

 .news-content table.tableizer-table th {
     padding: .5rem;
     border: 1px solid #dee2e6;
     background: #FDCC9A;
 }

 .news-content table.tableizer-table tbody tr:nth-child(even) {
     background: #EFFAFF;
 }

 .news-content table.tableizer-table tbody tr:nth-child(odd) {
     background: #FFF;
 }

 .news-content table.tableizer-table td {
     padding: .5rem;
     border: 1px solid #dee2e6;
     vertical-align: top;
 }

 .news-content ul {
     padding-left: 0;
     list-style: none;
 }

 .news-content li:before {
     content: url("/images/icon-footer.png");
     margin: 0 0.5rem;
 }

 .news-content img {
     max-width: 100%;
     height: auto;
 }

 .news-content p {
     line-height: 1.6;
 }

 .news-content iframe {
     max-width: 100%;
 }

 .size-big2small {
     display: flex;
     flex-wrap: wrap;
     align-items: baseline;
 }

 .size-big2small>* {
     font-size: 18px;
     margin-right: 0.5rem;
 }

 .size-big2small>*:first-child {
     font-size: 48px;
 }

 .size-big2small>*:nth-child(2),
 .size-big2small>*:nth-child(3) {
     font-size: 36px;
 }

 .size-big2small>*:nth-child(4),
 .size-big2small>*:nth-child(5),
 .size-big2small>*:nth-child(6) {
     font-size: 24px;
 }

 .btn-loadmore,
 .btnLoadMore {
     border: none;
     border-radius: 10px;
     padding: 8px 60px;
     align-items: center;
     flex: 1;
 }

 .new-content .list-default-blue {
     padding-left: 2rem;
     list-style: '» ' outside;
 }

 .new-content .list-default-blue a {
     display: inline-block;
     padding-top: 0.3rem;
     padding-bottom: 0.3rem;
 }

 .text-justify {
     text-align: justify;
 }

 #ma-nhung {
     overflow: auto;
 }

 .muc-luc-h2~.muc-luc-h3 {
     margin-left: 1rem;
 }

 .muc-luc {
     background: #e5f1ff;
     line-height: 2;
 }

 .max-line-1 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
 }

 .line-1 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     height: 1.5em;
     -webkit-box-orient: vertical;
 }

 .max-line-2 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .line-2 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     height: 3em;
     -webkit-box-orient: vertical;
 }

 .max-line-3 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }

 .line-3 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     height: 4.5em;
     -webkit-box-orient: vertical;
 }

 .max-line-4 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
 }

 .line-4 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     height: 6em;
     -webkit-box-orient: vertical;
 }

 .max-line-5 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
 }

 .line-5 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     height: 7.5em;
     -webkit-box-orient: vertical;
 }

 .menu-mobi-header {
     background-image: linear-gradient(#4f4f4f, #2d211b);
 }

 .menu-mobi-header a {
     color: white;
 }

 @keyframes spin {
     from {
         transform: rotateZ(0);
     }

     to {
         transform: rotateZ(359deg);
     }
 }

 .spinning {
     animation: spin infinite steps(8) 1s;
     display: inline-block;
 }

 .table-result {
     width: 100%;
     max-width: 100%;
     border-collapse: collapse;
 }

 .table-result td:first-child {
     width: 10%;
     color: #a63327;
     vertical-align: middle;
 }

 .table-result.table th,
 .table-result.table td {
     padding: 0;
 }

 .table-result:not(.table-result-single):not(.table-result-province) .text-number:not(:last-child) {
     border-bottom: 1px solid var(--border-color);
 }

 .table-result:not(.table-result-single):not(.table-result-province) tr:nth-child(2) .text-number {
     color: #a63327;
 }

 .table-result:not(.table-result-single):not(.table-result-province) tr:last-child .text-number {
     color: #a63327;
 }

 .table-result-single tr:first-child .text-number {
     font-size: 18px !important;
     font-weight: 600 !important;
     color: #333333;
 }

 .table-result-single tr:first-child .text-number,
 .table-result-single tr:nth-child(2) .text-number {
     color: #a63327;
 }

 .table-result-single tr:nth-child(4) .text-number,
 .table-result-single tr:nth-child(5) .text-number,
 .table-result-single tr:nth-child(7) .text-number,
 .table-result-single tr:nth-child(8) .text-number {
     width: 32%;
 }

 .table-result-single tr:nth-child(6) .text-number,
 .table-result-single tr:nth-child(9) .text-number {
     width: 23%;
 }

.table-result-province tr:first-child .text-number,
.table-result-province tr:last-child .text-number {
    color: #a63327;
}

.table-result-2 td[data-pid] {
    width: 43%;
}

.table-result-3 td[data-pid] {
    width: 28.66%;
}

.table-result-4 td[data-pid] {
    width: 21.5%;
}

 .table-loto td:first-child {
     width: 10%;
     color: #a63327;
 }

 .table-loto span:not(:last-child):after {
     content: ', ';
 }

 .table-loto-single td:nth-child(3) {
     width: 10%;
     color: #a63327;
 }

 .table-loto-single td:nth-child(even) {
     width: 40%;
 }

 .text-number {
     display: inline-block;
     width: 100%;
     padding: 0.5rem 0;
     font-size: 22px;
     color: #000000;
     white-space: nowrap;
 }

 .word-spacing--5 {
     word-spacing: -5px;
 }

 .boxSpin .table-result-single tr:first-child {
     display: none;
 }

 .boxSpin i {
     font-style: normal;
 }

 .list-sidebar>*:before {
     content: url("/images/icon-sidebar.png");
     margin: 0 0.75rem;
 }

 .list-arrow-right>*:before {
     font-family: 'icomoon';
     content: '\e90f';
     margin: 0 0.75rem;
     color: #de5131;
     font-size: 13px;
 }

 .list-icon-footer>*:before {
     content: url("/images/icon-footer.png");
     margin-right: 0.5rem;
 }

 @media screen and (min-width: 992px) {
     .container {
         max-width: 1060px;
     }
 }

 @media screen and (min-width: 992px) {
     .title-default {
         font-size: 15px;
     }
 }

 .faq-container summary {
     list-style-image: url("/images/icon-footer.png");
 }

 img:not([src]) {
     display: none;
 }

 .menu-mobi .nav-item:not(.show) {
     border-bottom: 1px solid var(--border-color);
 }

 .menu-mobi .nav-item:not(.show) .sub-menu {
     display: none;
 }

 .menu-mobi .nav-link {
     color: #000000;
 }

 .menu-mobi .show .show-sub-menu:after {
     content: '\e900';
 }

 .nav-item {
     position: relative;
 }

 .show-sub-menu {
     position: absolute;
     top: 0;
     right: 0;
 }

 .show-sub-menu:after {
     font-family: 'icomoon';
     content: '\e907';
     display: flex;
     align-items: center;
     justify-content: center;
     width: 37px;
     height: 37px;
     background: rgba(0, 0, 0, 0.1);
 }

 @media screen and (min-width: 992px) {
     .menu-pc {
         white-space: nowrap;
     }

     .menu-pc li:hover>.sub-menu {
         display: flex;
     }

     .menu-pc a {
         color: white;
     }

     .menu-pc>li {
         z-index: 2;
         margin-right: .5rem;
     }

     .menu-pc>li>.nav-item {
         background-image: linear-gradient(#4f4f4f, #2d211b);
         border-top-left-radius: 6px;
         border-top-right-radius: 6px;
         transform: skew(-15deg);
         text-transform: uppercase;
     }

     .menu-pc>li>.nav-item:hover,
     .menu-pc>li>.nav-item.active {
         background: #a63327;
     }

     .menu-pc>li>.nav-item>.nav-link {
         transform: skew(15deg);
     }

     .menu-pc .sub-menu {
         display: none;
         position: absolute;
         top: 100%;
         left: 0;
         right: 0;
         flex-wrap: nowrap;
         padding-top: 13px;
         background: #ba3625;
         align-items: center;
         justify-content: space-between;
         border-radius: 0 0 6px 6px;
     }

     .menu-pc .sub-menu ul {
         list-style: none;
         color: white;
         display: flex;
         padding-left: 0;
     }

     .menu-pc .sub-menu li {
         display: flex;
         align-items: center;
     }

     .menu-pc .sub-menu .nav-link:hover {
         color: #000000;
     }

     .sub-menu li:not(:last-child):after {
         content: ' | ';
     }

     header {
         border-bottom: 10px solid #ba3625;
     }
 }

 @media screen and (min-width: 992px) {
     .sidebar-left {
         box-sizing: initial;
         max-width: 160px;
     }

     .sidebar-right {
         box-sizing: initial;
         max-width: 300px;
     }
 }

 @media screen and (min-width: 992px) {
     .table-result td:first-child {
         width: 15%;
     }

     .table-result-single tr:first-child .text-number {
         font-size: 18px !important;
         font-weight: 600 !important;
         color: #333333;
     }

     .table-loto td:first-child {
         width: 15%;
     }

     .table-loto-single td:nth-child(3) {
         width: 15%;
     }

     .table-loto-single td:nth-child(even) {
         width: 35%;
     }

     .table-result-2 td[data-pid] {
         width: 43%;
     }

     .table-result-3 td[data-pid] {
         width: 28.66%;
     }

     .table-result-4 td[data-pid] {
         width: 21.5%;
     }
 }

 .loadNumber>* {
     display: inline-block;
     padding: 0 4px;
     color: white;
     border-radius: 50%;
 }

 .loadNumber>*:nth-child(odd) {
     background: #000000;
 }

 .loadNumber>*:nth-child(even) {
     background: #a63327;
 }

 .sub-menu-result .active {
     color: #000000 !important;
 }

 .sub-menu-result .active a {
     color: #000000 !important;
 }

 .allRate {
     font-size: 13px;
     align-items: center;
     color: #777;
     display: flex;
 }

 .rateit {
     display: -moz-inline-box;
     display: inline-block;
     position: relative;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -o-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
 }

 .rateit .rateit-range {
     position: relative;
     display: -moz-inline-box;
     display: inline-block;
     background: url("../images/icons/star.gif");
     height: 16px;
     outline: none;
     overflow: hidden;
 }

 .rateit .rateit-range * {
     display: block;
 }

 /* for IE 6 */
 * html .rateit,
 * html .rateit .rateit-range {
     display: inline;
 }

 /* for IE 7 */
 *+html .rateit,
 *+html .rateit .rateit-range {
     display: inline;
 }

 .rateit .rateit-hover,
 .rateit .rateit-selected {
     position: absolute;
     left: 0;
     top: 0;
     width: 0;
 }

 .rateit .rateit-hover-rtl,
 .rateit .rateit-selected-rtl {
     left: auto;
     right: 0;
 }

 .rateit .rateit-hover {
     background: url("../images/icons/star.gif") left -32px;
     color: #efc529;
 }

 .rateit .rateit-hover-rtl {
     background-position: right -32px;
 }

 .rateit .rateit-selected {
     background: url("../images/icons/star.gif") left -16px;
     color: #efc529;
 }

 .rateit .rateit-selected-rtl {
     background-position: right -16px;
 }

 .rateit .rateit-preset {
     background: url("../images/icons/star.gif") left -48px;
     color: #efc529;
 }

 .rateit .rateit-preset-rtl {
     background: url("../images/icons/star.gif") left -48px;
 }

 .rateit button.rateit-reset {
     background: url("../images/icons/delete.gif") 0 0;
     width: 16px;
     height: 16px;
     display: -moz-inline-box;
     display: inline-block;
     float: left;
     outline: none;
     border: none;
     padding: 0;
 }

 .rateit .rateit-reset span {
     display: none;
 }

 .rateit button.rateit-reset:hover,
 .rateit button.rateit-reset:focus {
     background-position: 0 -16px;
 }

 .rateit-font {
     font-size: 18px;
     line-height: 1em;
     letter-spacing: 1px;
 }

 .rateit-font .rateit-range {
     background: none;
     height: auto;
 }

 .rateit-font .rateit-empty {
     color: #ccc;
 }

 .rateit-font .rateit-range>div {
     background: none;
     overflow: hidden;
     cursor: default;
 }

 .rateit.rateit-font .rateit-reset {
     font-size: inherit;
     background: none;
     width: 0.6em;
     height: 0.6em;
     margin-top: 0.2em;
     background: gray;
     border-radius: 50%;
     position: relative;
 }

 .rateit.rateit-font .rateit-reset span {
     display: block;
     font-weight: bold;
     color: white;
     height: calc(50% - 0.045em);
     top: 0;
     position: absolute;
     border-bottom: 0.09em solid white;
     width: 72%;
     margin-left: 14%;
 }

 .rateit.rateit-font .rateit-reset:hover,
 .rateit.rateit-font button.rateit-reset:focus {
     background: #e6574b;
     /* Old browsers */
     background: radial-gradient(ellipse at center, #e6574b 55%, #f6836b 77%, #f9d3cc 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     background-position: 0 0;
 }

 /* Mobile Accordion Drawer */
.drawer-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99998;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
.drawer-backdrop.show {
    display: block !important;
    opacity: 1;
    pointer-events: auto;
}

.mobile-drawer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 82%;
    max-width: 320px;
    background: #ffffff;
    z-index: 99999;
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 4px 0 25px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
}
.mobile-drawer.show {
    display: flex !important;
    transform: translate3d(0, 0, 0);
}

.drawer-header {
    background: #be1e2d;
    color: #ffffff;
    height: 52px;
    padding: 0 16px;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(190, 30, 45, 0.2);
}
.drawer-title {
    font-size: 16px;
    font-weight: 700;
}
.drawer-close {
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    padding: 0 4px;
}

.drawer-body {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 30px;
}

.drawer-menu > li {
    border-bottom: 1px solid #f1f3f5;
}
.drawer-nav-item {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
}
.drawer-menu > li > a,
.drawer-nav-item > a.drawer-link {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 14px 18px;
    color: #2b2b2b;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: background 0.15s ease, color 0.15s ease;
}
.drawer-menu > li > a:hover,
.drawer-menu > li > a:active,
.drawer-nav-item > a.drawer-link:hover,
.drawer-nav-item > a.drawer-link:active {
    background: #fdf2f2;
    color: #be1e2d;
}
.drawer-nav-item > .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    min-width: 48px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background 0.15s ease;
}
.drawer-nav-item > .menu-toggle:hover,
.drawer-nav-item > .menu-toggle:active {
    background: #fdf2f2;
}

.arrow-icon {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #777777;
    border-right: 2px solid #777777;
    transform: rotate(45deg);
    transition: transform 0.25s ease;
    margin-right: 2px;
}
.has-submenu.open > .drawer-nav-item {
    background: #fff8f8;
}
.has-submenu.open > .drawer-nav-item > a.drawer-link {
    color: #be1e2d;
}
.has-submenu.open > .drawer-nav-item > .menu-toggle .arrow-icon {
    transform: rotate(135deg);
    border-color: #be1e2d;
}

.submenu {
    background: #fcfcfc;
    border-top: 1px solid #f3f3f3;
}
.submenu > li {
    border-bottom: 1px solid #f7f7f7;
}
.submenu > li > a {
    display: block;
    padding: 11px 18px 11px 32px;
    color: #555555;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease;
}
.submenu > li > a:hover,
.submenu > li > a:active {
    background: #fdf2f2;
    color: #be1e2d;
    font-weight: 600;
}

 @media screen and (min-width: 992px) {
     .container {
         max-width: 1060px;
     }
 }

 .ads-container img {
     max-width: 100%;
     height: auto;
 }

 .toast-title {
     font-weight: bold;
 }

 .toast-message {
     -ms-word-wrap: break-word;
     word-wrap: break-word;
 }

 .toast-message a,
 .toast-message label {
     color: #ffffff;
 }

 .toast-message a:hover {
     color: #cccccc;
     text-decoration: none;
 }

 .toast-close-button {
     position: relative;
     right: -0.3em;
     top: -0.3em;
     float: right;
     font-size: 20px;
     font-weight: bold;
     color: #ffffff;
     -webkit-text-shadow: 0 1px 0 #ffffff;
     text-shadow: 0 1px 0 #ffffff;
     opacity: 0.8;
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
     filter: alpha(opacity=80);
 }

 .toast-close-button:hover,
 .toast-close-button:focus {
     color: #000000;
     text-decoration: none;
     cursor: pointer;
     opacity: 0.4;
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
     filter: alpha(opacity=40);
 }

 /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/
 button.toast-close-button {
     padding: 0;
     cursor: pointer;
     background: transparent;
     border: 0;
     -webkit-appearance: none;
 }

 .toast-top-center {
     top: 0;
     right: 0;
     width: 100%;
 }

 .toast-bottom-center {
     bottom: 0;
     right: 0;
     width: 100%;
 }

 .toast-top-full-width {
     top: 0;
     right: 0;
     width: 100%;
 }

 .toast-bottom-full-width {
     bottom: 0;
     right: 0;
     width: 100%;
 }

 .toast-top-left {
     top: 12px;
     left: 12px;
 }

 .toast-top-right {
     top: 12px;
     right: 12px;
 }

 .toast-bottom-right {
     right: 12px;
     bottom: 12px;
 }

 .toast-bottom-left {
     bottom: 12px;
     left: 12px;
 }

 #toast-container {
     position: fixed;
     z-index: 999999;
     /*overrides*/
 }

 #toast-container * {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }

 #toast-container>div {
     position: relative;
     overflow: hidden;
     margin: 0 0 6px;
     padding: 15px 15px 15px 50px;
     width: 300px;
     -moz-border-radius: 3px 3px 3px 3px;
     -webkit-border-radius: 3px 3px 3px 3px;
     border-radius: 3px 3px 3px 3px;
     background-position: 15px center;
     background-repeat: no-repeat;
     -moz-box-shadow: 0 0 12px #999999;
     -webkit-box-shadow: 0 0 12px #999999;
     box-shadow: 0 0 12px #999999;
     color: #ffffff;
     opacity: 0.8;
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
     filter: alpha(opacity=80);
 }

 #toast-container>div:hover {
     -moz-box-shadow: 0 0 12px #000000;
     -webkit-box-shadow: 0 0 12px #000000;
     box-shadow: 0 0 12px #000000;
     opacity: 1;
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
     filter: alpha(opacity=100);
     cursor: pointer;
 }

 #toast-container>.toast-info {
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
 }

 #toast-container>.toast-error {
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
 }

 #toast-container>.toast-success {
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
 }

 #toast-container>.toast-warning {
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
 }

 #toast-container.toast-top-center>div,
 #toast-container.toast-bottom-center>div {
     width: 300px;
     margin-left: auto;
     margin-right: auto;
 }

 #toast-container.toast-top-full-width>div,
 #toast-container.toast-bottom-full-width>div {
     width: 96%;
     margin-left: auto;
     margin-right: auto;
 }

 .toast {
     background-color: #030303;
 }

 .toast-success {
     background-color: #51a351;
 }

 .toast-error {
     background-color: #bd362f;
 }

 .toast-info {
     background-color: #2f96b4;
 }

 .toast-warning {
     background-color: #f89406;
 }

 .toast-progress {
     position: absolute;
     left: 0;
     bottom: 0;
     height: 4px;
     background-color: #000000;
     opacity: 0.4;
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
     filter: alpha(opacity=40);
 }

 /*Responsive Design*/
 @media all and (max-width: 240px) {
     #toast-container>div {
         padding: 8px 8px 8px 50px;
         width: 11em;
     }

     #toast-container .toast-close-button {
         right: -0.2em;
         top: -0.2em;
     }
 }

 @media all and (min-width: 241px) and (max-width: 480px) {
     #toast-container>div {
         padding: 8px 8px 8px 50px;
         width: 18em;
     }

     #toast-container .toast-close-button {
         right: -0.2em;
         top: -0.2em;
     }
 }

 @media all and (min-width: 481px) and (max-width: 768px) {
     #toast-container>div {
         padding: 15px 15px 15px 50px;
         width: 25em;
     }
 }

 @media screen and (min-width: 992px) {
     .fs-lg-14 {
         font-size: 14px;
     }

     .fs-lg-15 {
         font-size: 15px;
     }

     .fs-lg-20 {
         font-size: 20px;
     }
 }




 /* Custom Loto Table Styling matching template */
 .table-loto {
     border-color: #dee2e6;
     margin-bottom: 0;
     border-collapse: collapse;
 }

 .table-loto thead th {
     background-color: #a82825 !important;
     color: #ffffff !important;
     font-weight: 700;
     font-size: 15px;
     border-color: #a82825 !important;
     padding: 5px 8px !important;
     vertical-align: middle;
 }

 .table-loto tbody tr:nth-of-type(odd)>td {
     background-color: #f3f8fd !important;
 }

 .table-loto tbody tr:nth-of-type(even)>td {
     background-color: #ffffff !important;
 }

 .table-loto tbody td {
     padding: 4px 8px !important;
     vertical-align: middle;
     border: 1px solid #dee2e6 !important;
     font-size: 15px;
     line-height: 1.25 !important;
 }

 .table-loto .loto-num {
     color: #a82825 !important;
     font-weight: 700;
     font-size: 16px;
     text-align: center;
     width: 14%;
 }

 .table-loto .loto-val {
     font-weight: 700;
     color: #212529;
     font-size: 15px;
 }


 /* Table Result Styling - Balanced Columns, Compact Height & Striped Rows */
 .table-result,
 .table-result-single,
 .table-result-province {
     table-layout: fixed !important;
     width: 100% !important;
     border-collapse: collapse;
     margin-bottom: 0;
 }

 .table-result th,
 .table-result td,
 .table-result-single th,
 .table-result-single td,
 .table-result-province th,
 .table-result-province td {
     text-align: center !important;
     vertical-align: middle !important;
     padding: 3px 2px !important;
     border: 1px solid #dee2e6 !important;
     line-height: 1.25 !important;
 }

 .table-result thead td {
     font-size: 15px !important;
     font-weight: 700 !important;
     white-space: nowrap !important;
     padding: 5px 2px !important;
     background-color: #ffffff !important;
 }

 .table-result-province thead td {
     font-size: 13px !important;
     font-weight: 700 !important;
     white-space: normal !important;
     word-break: break-word;
     padding: 4px 1px !important;
     line-height: 1.15 !important;
     background-color: #ffffff !important;
 }

 .table-result thead a {
     font-size: 15px !important;
     font-weight: 700 !important;
     color: #0d6efd !important;
     text-decoration: none;
 }

 .table-result-province thead a {
     font-size: 13px !important;
     font-weight: 700 !important;
     color: #0d6efd !important;
     text-decoration: none;
     display: block;
     line-height: 1.15 !important;
 }

 .table-result tbody tr:nth-of-type(odd)>td,
 .table-result-province tbody tr:nth-of-type(odd)>td {
     background-color: #f3f8fd !important;
 }

 .table-result tbody tr:nth-of-type(even)>td,
 .table-result-province tbody tr:nth-of-type(even)>td {
     background-color: #ffffff !important;
 }

 .table-result thead td:first-child,
 .table-result td:first-child:not([data-pid]),
 .table-result-single td:first-child:not([data-pid]),
 .table-result-province td:first-child:not([data-pid]),
 .table-result-province td[rowspan] {
     font-size: 15px !important;
     font-weight: 700 !important;
     color: #a82825 !important;
     width: 14% !important;
     background-color: #ffffff !important;
 }

 /* Multi-province tables (bảng nhiều đài như MT/MN trên trang chủ, có class table-result-2, table-result-3, table-result-4 hoặc td[data-pid]) */
 .table-result-2 .text-number,
 .table-result-3 .text-number,
 .table-result-4 .text-number,
 .table-result td[data-pid] .text-number {
     font-size: 22px !important;
     font-weight: 700 !important;
     color: #111111;
     letter-spacing: 0 !important;
     display: block !important;
     width: 100% !important;
     text-align: center !important;
     padding: 3px 0 !important;
     line-height: 1.25;
 }

 .table-result-2 td[data-pid] .text-number:not(:last-child),
 .table-result-3 td[data-pid] .text-number:not(:last-child),
 .table-result-4 td[data-pid] .text-number:not(:last-child) {
     border-bottom: 1px solid var(--border-color, #dee2e6) !important;
 }

 /* Single-province table (bảng kết quả 1 tỉnh như An Giang, Đà Lạt...) */
 .table-result-province-single,
 .table-result-province:not(.table-result-2):not(.table-result-3):not(.table-result-4) {
     table-layout: fixed !important;
     width: 100% !important;
 }

 .table-result-province-single .text-number,
 .table-result-province:not(.table-result-2):not(.table-result-3):not(.table-result-4) .text-number {
     font-size: 22px !important;
     font-weight: 700 !important;
     color: #111111;
     letter-spacing: 0.5px;
     display: inline-block !important;
     text-align: center !important;
     padding: 3px 0 !important;
     line-height: 1.25;
 }

 /* Hàng 1 số (G8, G7, G5, G2, G1, ĐB): width 100%, căn giữa */
 .table-result-province-single tr:nth-child(1) .text-number,
 .table-result-province-single tr:nth-child(2) .text-number,
 .table-result-province-single tr:nth-child(4) .text-number,
 .table-result-province-single tr:nth-child(7) .text-number,
 .table-result-province-single tr:nth-child(8) .text-number,
 .table-result-province-single tr:nth-child(9) .text-number,
 .table-result-province:not(.table-result-2):not(.table-result-3):not(.table-result-4) tr:nth-child(1) .text-number,
 .table-result-province:not(.table-result-2):not(.table-result-3):not(.table-result-4) tr:nth-child(2) .text-number,
 .table-result-province:not(.table-result-2):not(.table-result-3):not(.table-result-4) tr:nth-child(4) .text-number,
 .table-result-province:not(.table-result-2):not(.table-result-3):not(.table-result-4) tr:nth-child(7) .text-number,
 .table-result-province:not(.table-result-2):not(.table-result-3):not(.table-result-4) tr:nth-child(8) .text-number,
 .table-result-province:not(.table-result-2):not(.table-result-3):not(.table-result-4) tr:nth-child(9) .text-number,
 .table-result-province .v-g8 .text-number,
 .table-result-province .v-g7 .text-number,
 .table-result-province .v-g5 .text-number,
 .table-result-province .v-g2 .text-number,
 .table-result-province .v-g1 .text-number,
 .table-result-province .v-db .text-number {
     width: 100% !important;
     display: block !important;
 }

 /* G8 & ĐB: màu đỏ nổi bật */
 .table-result-province-single tr:first-child .text-number,
 .table-result-province-single tr:last-child .text-number,
 .table-result-province:not(.table-result-2):not(.table-result-3):not(.table-result-4) tr:first-child .text-number,
 .table-result-province:not(.table-result-2):not(.table-result-3):not(.table-result-4) tr:last-child .text-number,
 .table-result-province .v-g8 .text-number,
 .table-result-province .v-db .text-number {
     color: #a82825 !important;
     font-weight: 800 !important;
 }

 /* G6: 3 con số chia 3 cột (width 32%) */
 .table-result-province-single tr:nth-child(3) .text-number,
 .table-result-province:not(.table-result-2):not(.table-result-3):not(.table-result-4) tr:nth-child(3) .text-number,
 .table-result-province .v-g6 .text-number {
     width: 32% !important;
     display: inline-block !important;
 }

 /* G4: 7 con số (3 con hàng 1, 3 con hàng 2, 1 con căn giữa hàng 3) -> width 32% */
 .table-result-province-single tr:nth-child(5) .text-number,
 .table-result-province:not(.table-result-2):not(.table-result-3):not(.table-result-4) tr:nth-child(5) .text-number,
 .table-result-province .v-g4 .text-number {
     width: 32% !important;
     display: inline-block !important;
 }

 /* G3: 2 con số chia 2 cột (width 48%) */
 .table-result-province-single tr:nth-child(6) .text-number,
 .table-result-province:not(.table-result-2):not(.table-result-3):not(.table-result-4) tr:nth-child(6) .text-number,
 .table-result-province .v-g3 .text-number {
     width: 48% !important;
     display: inline-block !important;
 }


 .table-result .text-number,
 .table-result-single .text-number {
     font-size: 22px !important;
     font-weight: 700 !important;
     color: #111111;
     letter-spacing: 0.5px;
     display: inline-block;
     padding: 2px 0 !important;
     line-height: 1.2;
     text-align: center;
 }

 .table-result-single tr:first-child .text-number,
 .table-result-single .lv-item {
     font-size: 18px !important;
     font-weight: 700 !important;
     color: #a82825 !important;
 }

 .table-result td.text-red1 .text-number,
 .table-result-single td.text-red1 .text-number,
 .table-result-province td.text-red1 .text-number {
     color: #a82825 !important;
     font-size: 22px !important;
     font-weight: 800 !important;
 }


 /* Icomoon Icon Glyphs */
 @font-face {
     font-family: 'icomoon';
     src: url('/fonts/icomoon.eot?u8a5a1');
     src: url('/fonts/icomoon.eot?u8a5a1#iefix') format('embedded-opentype'),
         url('/fonts/icomoon.ttf?u8a5a1') format('truetype'),
         url('/fonts/icomoon.woff?u8a5a1') format('woff'),
         url('/fonts/icomoon.svg?u8a5a1#icomoon') format('svg');
     font-weight: normal;
     font-style: normal;
     font-display: block;
 }

 [class^="icon-"],
 [class*=" icon-"] {
     font-family: 'icomoon' !important;
     speak: never;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .icon-close:before {
     content: "\e900";
 }

 .icon-tumblr:before {
     content: "\e901";
 }

 .icon-telegram:before {
     content: "\e902";
 }

 .icon-linkedin:before {
     content: "\e903";
 }

 .icon-pinterest:before {
     content: "\e904";
 }

 .icon-twitter:before {
     content: "\e905";
 }

 .icon-instagram:before {
     content: "\e906";
 }

 .icon-plus:before {
     content: "\e907";
 }

 .icon-chevron-small-right:before {
     content: "\e908";
 }

 .icon-spinner:before {
     content: "\e909";
 }

 .icon-arrow-up:before {
     content: "\e90a";
 }

 .icon-chevron-small-down:before {
     content: "\e90b";
 }

 .icon-home:before {
     content: "\e90c";
 }

 .icon-calendar:before {
     content: "\e90d";
 }

 .icon-facebook:before {
     content: "\e90e";
 }

 .icon-search:before {
     content: "\e90f";
 }

 .icon-minus:before {
     content: "\e910";
 }

 .icon-angle-double-right:before {
     content: "\e911";
 }

 .icon-google:before {
     content: "\e912";
 }

 .icon-bars:before {
     content: "\e913";
 }

 .icon-square:before {
     content: "\e914";
 }

 .icon-dot:before {
     content: "\e915";
 }

 .icon-info:before {
     content: "\e916";
 }

 .icon-youtube:before {
     content: "\e918";
 }

 .icon-folder:before {
     content: "\e92f";
 }

 .icon-price-tag:before {
     content: "\e935";
 }

 .icon-twitter {
     color: #1da1f2;
 }

 .icon-facebook {
     color: #1877f2;
 }

 .icon-instagram {
     color: #e1306c;
 }

 .icon-linkedin {
     color: #0077b5;
 }

 .icon-pinterest {
     color: #bd081c;
 }

 .icon-youtube {
     color: #ff0000;
 }

 html {
     font-size: 15px
 }

 body {
     font-family: Arial;
     color: #000
 }

 a {
     text-decoration: unset
 }

 .radius-top {
     border-top-left-radius: 6px;
     border-top-right-radius: 6px
 }

 .radius-bottom {
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px
 }

 .title-default {
     overflow: hidden;
     white-space: nowrap;
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 30px;
     padding-right: .5rem;
     font-size: 14px;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGnmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjEtMDMtMDNUMTU6NDA6MDcrMDc6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDMtMDNUMTU6NDA6MDcrMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTAzLTAzVDE1OjQwOjA3KzA3OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFkZGU0ZTliLTRmM2UtNGQ3Ny1hM2MxLTJiMmMwNDlhNDc5MCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjVjZTBlYjYwLWVlZjAtMzc0Mi1hZjk2LTkwZjBlYTU3M2ZhNSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA3NDczODgzLWUwZTYtNGI2Mi1iOGQzLWY3YTQ3MzZmYzc3MSIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MDc0NzM4ODMtZTBlNi00YjYyLWI4ZDMtZjdhNDczNmZjNzcxIiBzdEV2dDp3aGVuPSIyMDIxLTAzLTAzVDE1OjQwOjA3KzA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MWRkZTRlOWItNGYzZS00ZDc3LWEzYzEtMmIyYzA0OWE0NzkwIiBzdEV2dDp3aGVuPSIyMDIxLTAzLTAzVDE1OjQwOjA3KzA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHJkZjpCYWc+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjRmY2JkYzdlLTA5ZTItNWE0Mi1iODExLTNkNjM5ZDIxMWM1MjwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PitWwYMAAAA8SURBVAiZTY2xDcRAEIRWtHhtX0sLDqyXP2JEMMy9d8457C5TVJTkyzUmSVExGWX93D9LrG8bufj7eRsPzeJTE4gSyr4AAAAASUVORK5CYII=) repeat-x;
     border-radius: 6px 6px 0 0;
     overflow: hidden
 }

 .title-default>*:first-child {
     position: relative;
     display: flex;
     align-items: center;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAG6mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjEtMDMtMDNUMTU6NDk6MTQrMDc6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDMtMDNUMTU6NDk6MTQrMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTAzLTAzVDE1OjQ5OjE0KzA3OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmFmMTY0NTE5LTIxODAtNGE2ZS1iMzJkLTVjODgxMDdhOTIwZCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQ3NTM3ZjQwLWRkM2MtNWM0Ny05NTk4LWMwNjRjNjg3MjliMSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmI2YjQyNWE4LTQwZjgtNDIyNS1iNzBmLWE4Yjk0MTg0ZGZjMyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YjZiNDI1YTgtNDBmOC00MjI1LWI3MGYtYThiOTQxODRkZmMzIiBzdEV2dDp3aGVuPSIyMDIxLTAzLTAzVDE1OjQ5OjE0KzA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YWYxNjQ1MTktMjE4MC00YTZlLWIzMmQtNWM4ODEwN2E5MjBkIiBzdEV2dDp3aGVuPSIyMDIxLTAzLTAzVDE1OjQ5OjE0KzA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHJkZjpCYWc+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjRmY2JkYzdlLTA5ZTItNWE0Mi1iODExLTNkNjM5ZDIxMWM1MjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiYmNhNmE0YS02MGIzLTE2NGEtYmMyNi1kNjI3M2M1OTNlNjI8L3JkZjpsaT4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4exF1uAAAAQ0lEQVQImUWLsQ3AIBDEzp4mK2T2rMAiLBBR8SmCoDv57LTW8tyXfUxDhFgVSQQkMfk5oCCpvd0/uvrTHheWF5zj/QAMag2xe+ejJQAAAABJRU5ErkJggg==) repeat-x;
     padding-left: .5rem
 }

 .title-default * {
     z-index: 0
 }

 .title-sidebar {
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAG6mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjEtMDMtMDNUMTU6NDk6MTQrMDc6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDMtMDNUMTU6NDk6MTQrMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTAzLTAzVDE1OjQ5OjE0KzA3OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmFmMTY0NTE5LTIxODAtNGE2ZS1iMzJkLTVjODgxMDdhOTIwZCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQ3NTM3ZjQwLWRkM2MtNWM0Ny05NTk4LWMwNjRjNjg3MjliMSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmI2YjQyNWE4LTQwZjgtNDIyNS1iNzBmLWE4Yjk0MTg0ZGZjMyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YjZiNDI1YTgtNDBmOC00MjI1LWI3MGYtYThiOTQxODRkZmMzIiBzdEV2dDp3aGVuPSIyMDIxLTAzLTAzVDE1OjQ5OjE0KzA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YWYxNjQ1MTktMjE4MC00YTZlLWIzMmQtNWM4ODEwN2E5MjBkIiBzdEV2dDp3aGVuPSIyMDIxLTAzLTAzVDE1OjQ5OjE0KzA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHJkZjpCYWc+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjRmY2JkYzdlLTA5ZTItNWE0Mi1iODExLTNkNjM5ZDIxMWM1MjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiYmNhNmE0YS02MGIzLTE2NGEtYmMyNi1kNjI3M2M1OTNlNjI8L3JkZjpsaT4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4exF1uAAAAQ0lEQVQImUWLsQ3AIBDEzp4mK2T2rMAiLBBR8SmCoDv57LTW8tyXfUxDhFgVSQQkMfk5oCCpvd0/uvrTHheWF5zj/QAMag2xe+ejJQAAAABJRU5ErkJggg==) repeat-x;
     display: flex;
     align-items: center;
     text-transform: uppercase;
     color: #fff;
     height: 30px;
     padding-left: .5rem;
     border-radius: 6px 6px 0 0;
     overflow: hidden
 }

 .title-sidebar .skew {
     font-size: 14px;
     position: relative;
     margin-top: 5px;
     height: 100%;
     width: 100%;
     display: flex;
     align-items: center
 }

 .title-sidebar .skew:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-image: linear-gradient(to top, #2E2622, #2E2622, #535353);
     border-radius: 6px 6px 0 0;
     display: flex;
     align-items: center;
     transform: perspective(150px) rotateX(15deg);
     transform-origin: 100% 50%
 }

 .title-sidebar .skew-item {
     padding-left: .5rem;
     z-index: 1
 }

 .title-sidebar * {
     z-index: 0
 }

 .breadcrumb {
     color: #080808
 }

 .breadcrumb a {
     color: #080808
 }

 .box-datepicker {
     position: relative;
     display: inline-block
 }

 .box-datepicker .toggle-datepicker {
     position: absolute;
     right: .5rem;
     top: 50%;
     transform: translateY(-50%)
 }

 .box-datepicker ::-webkit-calendar-picker-indicator {
     z-index: 0;
     position: absolute;
     right: 1rem;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0
 }

 .table-fixed {
     table-layout: fixed
 }

 .sidebar-left .border-bottom,
 .sidebar-right .border-bottom {
     border-top: 1px solid #fff
 }

 input[type=date] {
     position: relative
 }

 input[type=date]::-webkit-calendar-picker-indicator {
     background: transparent;
     bottom: 0;
     color: transparent;
     cursor: pointer;
     height: auto;
     left: -2rem;
     position: absolute;
     right: 0;
     top: 0;
     width: auto
 }

 .table-striped {
     background: #f4f4f4;
     --bs-table-striped-bg: #f1f8ff
 }

 .breadcrumb {
     margin-bottom: 0;
     overflow: auto;
     flex-wrap: nowrap;
     white-space: nowrap
 }

 .text-blue1 {
     color: #f1f8ff
 }

 .bg-blue1 {
     background-color: #f1f8ff
 }

 .text-blue2 {
     color: #0d6efb
 }

 .bg-blue2 {
     background-color: #0d6efb
 }

 .text-grey1 {
     color: #dbd8d8
 }

 .bg-grey1 {
     background-color: #dbd8d8
 }

 .text-grey2 {
     color: #f4f4f4
 }

 .bg-grey2 {
     background-color: #f4f4f4
 }

 .text-grey3 {
     color: #dadada
 }

 .bg-grey3 {
     background-color: #dadada
 }

 .text-grey4 {
     color: #777
 }

 .bg-grey4 {
     background-color: #777
 }

 .text-red1 {
     color: #a63327
 }

 .bg-red1 {
     background-color: #a63327
 }

 .text-red2 {
     color: #de5131
 }

 .bg-red2 {
     background-color: #de5131
 }

 .text-red3 {
     color: #ba3625
 }

 .bg-red3 {
     background-color: #ba3625
 }

 .text-black1 {
     color: #000
 }

 .bg-black1 {
     background-color: #000
 }

 .text-black2 {
     color: #080808
 }

 .bg-black2 {
     background-color: #080808
 }

 .text-black3 {
     color: #454341
 }

 .bg-black3 {
     background-color: #454341
 }

 .text-black4 {
     color: #272727
 }

 .bg-black4 {
     background-color: #272727
 }

 .fs-9 {
     font-size: 9px
 }

 .fs-13 {
     font-size: 13px
 }

 .fs-14 {
     font-size: 14px
 }

 .fs-15 {
     font-size: 15px
 }

 .fs-17 {
     font-size: 17px
 }

 .fs-20 {
     font-size: 20px
 }

 .news-content {
     word-break: break-word;
     font-size: 14px
 }

 .news-content h2:not([class]),
 .news-content h3:not([class]),
 .news-content h4:not([class]),
 .news-content h5:not([class]),
 .news-content h6:not([class]) {
     font-size: 14px;
     font-weight: bold;
     margin-bottom: 10px
 }

 .news-content a:not([class]) {
     color: #000;
     text-decoration: underline
 }

 .news-content a:not([class]):hover {
     color: #ba3625
 }

 .news-content table.tableizer-table {
     width: 100%;
     margin-bottom: 1rem;
     border-collapse: collapse;
     border: 1px solid #dee2e6;
     text-align: center
 }

 .news-content table.tableizer-table th {
     padding: .5rem;
     border: 1px solid #dee2e6;
     background: #fdcc9a
 }

 .news-content table.tableizer-table tbody tr:nth-child(even) {
     background: #effaff
 }

 .news-content table.tableizer-table tbody tr:nth-child(odd) {
     background: #fff
 }

 .news-content table.tableizer-table td {
     padding: .5rem;
     border: 1px solid #dee2e6;
     vertical-align: top
 }

 .news-content ul {
     padding-left: 0;
     list-style: none
 }

 .news-content li:before {
     content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAUklEQVQImV3BsQ2AIBRAwfcpVCpCQ1iBHdySQYh27sAk1ALGQmyNd3KEMO5SAJicY80Z2a0dfJwxovjpraFm70EERHiMAUBqrWNLiat3ABateQHpnhf6dSk9mAAAAABJRU5ErkJggg==);
     margin: 0 .5rem
 }

 .news-content img {
     max-width: 100%;
     height: auto
 }

 .news-content p {
     line-height: 1.6
 }

 .news-content iframe {
     max-width: 100%
 }

 .size-big2small {
     display: flex;
     flex-wrap: wrap;
     align-items: baseline
 }

 .size-big2small>* {
     font-size: 18px;
     margin-right: .5rem
 }

 .size-big2small>*:first-child {
     font-size: 48px
 }

 .size-big2small>*:nth-child(2),
 .size-big2small>*:nth-child(3) {
     font-size: 36px
 }

 .size-big2small>*:nth-child(4),
 .size-big2small>*:nth-child(5),
 .size-big2small>*:nth-child(6) {
     font-size: 24px
 }

 .btn-loadmore,
 .btnLoadMore {
     border: none;
     border-radius: 10px;
     padding: 8px 60px;
     align-items: center;
     flex: 1
 }

 .new-content .list-default-blue {
     padding-left: 2rem;
     list-style: "» " outside
 }

 .new-content .list-default-blue a {
     display: inline-block;
     padding-top: .3rem;
     padding-bottom: .3rem
 }

 .text-justify {
     text-align: justify
 }

 #ma-nhung {
     overflow: auto
 }

 .muc-luc-h2~.muc-luc-h3 {
     margin-left: 1rem
 }

 .muc-luc {
     background: #e5f1ff;
     line-height: 2
 }

 .max-line-1 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical
 }

 .line-1 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     height: 1.5em;
     -webkit-box-orient: vertical
 }

 .max-line-2 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical
 }

 .line-2 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     height: 3em;
     -webkit-box-orient: vertical
 }

 .max-line-3 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical
 }

 .line-3 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     height: 4.5em;
     -webkit-box-orient: vertical
 }

 .max-line-4 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical
 }

 .line-4 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     height: 6em;
     -webkit-box-orient: vertical
 }

 .max-line-5 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical
 }

 .line-5 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     height: 7.5em;
     -webkit-box-orient: vertical
 }

 @font-face {
     font-family: "icomoon";
     src: url("/scss/fonts/icomoon.eot?ll1h5p");
     src: url("/scss/fonts/icomoon.eot?ll1h5p#iefix") format("embedded-opentype"), url("/scss/fonts/icomoon.ttf?ll1h5p") format("truetype"), url("/scss/fonts/icomoon.woff?ll1h5p") format("woff"), url("/scss/fonts/icomoon.svg?ll1h5p#icomoon") format("svg");
     font-weight: normal;
     font-style: normal;
     font-display: block
 }

 [class^=icon-],
 [class*=" icon-"] {
     font-family: "icomoon";
     speak: never;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }

 .icon-tumblr:before {
     content: "";
     color: #36465d
 }

 .icon-telegram:before {
     content: "";
     color: #2ca5e0
 }

 .icon-linkedin:before {
     content: "";
     color: #0077b5
 }

 .icon-pinterest:before {
     content: "";
     color: #bd081c
 }

 .icon-twitter:before {
     content: "";
     color: #1da1f2
 }

 .icon-instagram:before {
     content: "";
     color: #e4405f
 }

 .icon-facebook:before {
     content: "";
     color: #1877f2
 }

 .icon-google:before {
     content: "";
     color: #4285f4
 }

 .icon-plus:before {
     content: ""
 }

 .icon-chevron-small-right:before {
     content: ""
 }

 .icon-spinner:before {
     content: ""
 }

 .icon-arrow-up:before {
     content: ""
 }

 .icon-chevron-small-down:before {
     content: ""
 }

 .icon-home:before {
     content: ""
 }

 .icon-calendar:before {
     content: ""
 }

 .icon-search:before {
     content: ""
 }

 .icon-minus:before {
     content: ""
 }

 .icon-angle-double-right:before {
     content: ""
 }

 .icon-bars:before {
     content: ""
 }

 .icon-square:before {
     content: ""
 }

 .icon-dot:before {
     content: ""
 }

 .icon-youtube:before {
     content: ""
 }

 .icon-folder:before {
     content: ""
 }

 .icon-price-tag:before {
     content: ""
 }

 .icon-info:before {
     content: ""
 }

 .icon-close:before {
     content: ""
 }

 .menu-mobi-header {
     background-image: linear-gradient(#4f4f4f, #2d211b)
 }

 .menu-mobi-header a {
     color: #fff
 }

 @keyframes spin {
     from {
         transform: rotateZ(0)
     }

     to {
         transform: rotateZ(359deg)
     }
 }

 .spinning {
     animation: spin infinite steps(8) 1s;
     display: inline-block
 }

 .table-result td:first-child {
     width: 10%;
     color: #a63327;
     vertical-align: middle
 }

 .table-result:not(.table-result-single):not(.table-result-province) .text-number:not(:last-child) {
     border-bottom: 1px solid var(--border-color)
 }

 .table-result:not(.table-result-single):not(.table-result-province) tr:nth-child(2) .text-number {
     color: #a63327
 }

 .table-result:not(.table-result-single):not(.table-result-province) tr:last-child .text-number {
     color: #a63327
 }

 .table-result-single tr:first-child .text-number {
     max-width: max-content;
     font-size: 15px
 }

 .table-result-single tr:first-child .text-number,
 .table-result-single tr:nth-child(2) .text-number {
     color: #a63327
 }

 .table-result-single tr:nth-child(4) .text-number,
 .table-result-single tr:nth-child(5) .text-number,
 .table-result-single tr:nth-child(7) .text-number,
 .table-result-single tr:nth-child(8) .text-number {
     width: 32%
 }

 .table-result-single tr:nth-child(6) .text-number,
 .table-result-single tr:nth-child(9) .text-number {
     width: 23%
 }

 .table-result-single tr:first-child .text-number,
 .table-result-province tr:first-child .text-number,
 .table-result-province tr:last-child .text-number {
     color: #a63327;
 }

 .table-result-2 td[data-pid] {
     width: 43%;
 }

 .table-result-3 td[data-pid] {
     width: 28.66%;
 }

 .table-result-4 td[data-pid] {
     width: 21.5%;
 }

 .table-loto td:first-child {
     width: 10%;
     color: #a63327
 }

 .table-loto span:not(:last-child):after {
     content: ", "
 }

 .table-loto-single td:nth-child(3) {
     width: 10%;
     color: #a63327
 }

 .table-loto-single td:nth-child(even) {
     width: 40%
 }

 .text-number {
     display: inline-block;
     width: 100%;
     font-size: 22px;
     color: #000;
     white-space: nowrap
 }

 .word-spacing--5 {
     word-spacing: -5px
 }

 .boxSpin .table-result-single tr:first-child {
     display: none
 }

 .boxSpin i {
     font-style: normal
 }

 [class*=table-result-soicau] td:first-child {
     width: 10%
 }

 #ketqua .text-primary,
 #ketqua .text-warning {
     font-size: 1.5em;
     font-weight: bold
 }

 .list-sidebar>*:before {
     content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAA4ElEQVQYlXWQMUoDYRSEv/mzWmZTCBYWCl4gYGthr3WKBPEAMb0Eew+Q5AKC9xAiChLULlimECy22I0i6EbGIktMVvy6N8zjzTwlw1tPegOMASEBZo7Ahp1OG0aNlr/S1P+Rp5lHjaYDmLU4BiB9eMKzGctEcRUQAbQQXy6vuD88Irm+WTFLEKQVic/pK+Nuh8fWCW/jZwBsEyghFQ2WLkkiKhvXq5vsnp2zcbD/KxqixSuAreMmtfoFVCrlfYIxeTYFoLZX/2PKs4zvj3eUDO886fXn2YpYtlExGLN92uYHAhJmo3Cz+msAAAAASUVORK5CYII=);
     margin: 0 .75rem
 }

 .list-arrow-right>*:before {
     font-family: "icomoon";
     content: "";
     margin: 0 .75rem;
     color: #de5131;
     font-size: 13px
 }

 .container-nhacai:nth-child(1) .medal {
     background: url("/images/medal_blue.png") no-repeat center top
 }

 .container-nhacai:nth-child(1) .medal:after {
     content: "1";
     color: #fff;
     border: 1px solid #fff;
     border-radius: 50%;
     padding: 0 4px;
     position: absolute;
     font-size: 10px;
     top: 15px;
     left: 50%;
     transform: translate(-50%, -50%)
 }

 .container-nhacai:nth-child(2) .medal {
     background: url("/images/medal_blue.png") no-repeat center top
 }

 .container-nhacai:nth-child(2) .medal:after {
     content: "2";
     color: #fff;
     border: 1px solid #fff;
     border-radius: 50%;
     padding: 0 4px;
     position: absolute;
     font-size: 10px;
     top: 15px;
     left: 50%;
     transform: translate(-50%, -50%)
 }

 .container-nhacai:nth-child(3) .medal {
     background: url("/images/medal_blue.png") no-repeat center top
 }

 .container-nhacai:nth-child(3) .medal:after {
     content: "3";
     color: #fff;
     border: 1px solid #fff;
     border-radius: 50%;
     padding: 0 4px;
     position: absolute;
     font-size: 10px;
     top: 15px;
     left: 50%;
     transform: translate(-50%, -50%)
 }

 .container-nhacai:nth-child(4) .medal {
     background: url("/images/medal_blue.png") no-repeat center top
 }

 .container-nhacai:nth-child(4) .medal:after {
     content: "4";
     color: #fff;
     border: 1px solid #fff;
     border-radius: 50%;
     padding: 0 4px;
     position: absolute;
     font-size: 10px;
     top: 15px;
     left: 50%;
     transform: translate(-50%, -50%)
 }

 .container-nhacai:nth-child(5) .medal {
     background: url("/images/medal_blue.png") no-repeat center top
 }

 .container-nhacai:nth-child(5) .medal:after {
     content: "5";
     color: #fff;
     border: 1px solid #fff;
     border-radius: 50%;
     padding: 0 4px;
     position: absolute;
     font-size: 10px;
     top: 15px;
     left: 50%;
     transform: translate(-50%, -50%)
 }

 .container-nhacai:nth-child(n+4) .medal {
     background: url("/images/medal_blue.png") no-repeat center top
 }

 .border-bottom-dashed {
     border-bottom: 1px dashed #ccc
 }

 .list-icon-footer>*:before {
     content: "";
     display: inline-block;
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 5px;
     height: 5px;
     background-color: #be1e2d;
     border-radius: 1px;
     margin: 0;
 }

 .ads-container .icon-info,
 .ads-container .icon-close {
     font-size: 11px;
     padding: 2px;
     font-weight: bold
 }

 .ads-container .icon-info {
     margin-right: 1px
 }

 .z-index2 {
     z-index: 2
 }

 .color-btn-banner {
     color: #6fd1e3
 }

 .faq-container h6 {
     font-weight: normal
 }

 .faq-container h6:before {
     content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAUklEQVQImV3BsQ2AIBRAwfcpVCpCQ1iBHdySQYh27sAk1ALGQmyNd3KEMO5SAJicY80Z2a0dfJwxovjpraFm70EERHiMAUBqrWNLiat3ABateQHpnhf6dSk9mAAAAABJRU5ErkJggg==);
     margin-right: .5rem
 }

 amp-sidebar {
     width: 80%
 }

 amp-sidebar ul {
     padding-left: 1.5rem;
     margin-bottom: 0;
     list-style: none
 }

 amp-sidebar li:not(:last-child) {
     border-bottom: 1px solid var(--border-color)
 }

 amp-sidebar a {
     font-weight: normal;
     padding: .5rem 1rem;
     display: inline-block;
     margin-right: auto;
     width: 80%;
     color: #000
 }

 amp-sidebar .hide-sub-menu {
     display: none
 }

 amp-sidebar h4[aria-expanded=true] .show-sub-menu {
     display: none
 }

 amp-sidebar h4[aria-expanded=true] .hide-sub-menu {
     display: inline-block
 }

 amp-sidebar h4>* {
     margin-right: -20px
 }

 amp-sidebar .show-sub-menu,
 amp-sidebar .hide-sub-menu {
     padding: .5rem;
     background: rgba(0, 0, 0, .1)
 }

 .star {
     letter-spacing: -3px;
     --star-size: 3;
     padding: 0;
     margin: 0;
     border: none;
     unicode-bidi: bidi-override;
     direction: rtl;
     text-align: left;
     user-select: none;
     font-size: 20px;
     cursor: pointer;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-tap-highlight-color: transparent
 }

 .star>label {
     display: inline-block;
     position: relative
 }

 .star>*:hover,
 .star>*:hover~label,
 .star:not(:hover)>input:checked~label {
     color: transparent;
     cursor: inherit
 }

 .star>*:hover:before,
 .star>*:hover~label:before,
 .star:not(:hover)>input:checked~label:before {
     content: "★";
     position: absolute;
     left: 0;
     color: gold
 }

 .star>input {
     display: none;
     position: relative;
     transform: scale(3);
     transform: scale(var(--star-size));
     top: -0.5em;
     top: calc(var(--star-size) / 6 * -1em);
     margin-left: -2.5em;
     margin-left: calc(var(--star-size) / 6 * -5em);
     z-index: 2;
     opacity: 0;
     font-size: initial
 }

 form.amp-form-submit-error [submit-error] {
     color: red
 }

 #star {
     line-height: 1;
     display: flex;
     flex-wrap: wrap;
     align-items: center
 }

 #star .text-rate {
     flex-grow: 1
 }

 .banners>a {
     display: block;
     width: 100%;
     padding-top: 12.36%
 }

 /* Additional Enhancements */
 .boxResult {
     margin-bottom: 20px;
     border: 1px solid #dee2e6;
     border-radius: 6px;
     overflow: hidden;
     background: #ffffff;
 }

 .category-mien>* {
     order: unset !important;
 }

 .title-default a {
     color: #ffffff !important;
     text-decoration: none;
 }

 .title-default a:hover {
     color: #ffffff !important;
     text-decoration: underline;
 }

 .title-default img {
     vertical-align: middle;
 }

 .title-default .d-flex {
     height: 30px;
 }

 .sub-menu-result .nav-link {
     padding: 4px 10px;
     font-size: 14px;
     font-weight: 500;
 }

 .sub-menu-result .nav-link:hover {
     text-decoration: underline;
 }

 #boxKqxs {
     display: flex;
     align-items: center;
     gap: 8px;
     padding-right: 8px;
 }

 #boxKqxs select#selectRegionKqxs {
     background-color: #a82825;
     color: #ffffff;
     border: 1px solid rgba(255, 255, 255, 0.9);
     border-radius: 20px;
     padding: 3px 10px;
     font-size: 13px;
     outline: none;
     height: 30px;
     cursor: pointer;
 }

 #boxKqxs select#selectRegionKqxs option {
     background-color: #a82825;
     color: #ffffff;
 }

 #boxKqxs .box-datepicker {
     display: inline-flex;
     align-items: center;
 }

 #boxKqxs input[type="date"] {
     background-color: #ffffff !important;
     color: #212529 !important;
     border: 1px solid rgba(255, 255, 255, 0.9) !important;
     border-radius: 20px !important;
     padding: 2px 10px !important;
     font-size: 13px !important;
     height: 30px !important;
     outline: none;
     width: 135px;
     cursor: pointer;
 }

 #boxKqxs button#directBoxKqxs {
     background-color: #343a40;
     color: #ffffff;
     border: 1px solid rgba(255, 255, 255, 0.9);
     border-radius: 20px;
     padding: 3px 14px;
     font-size: 13px;
     font-weight: 500;
     outline: none;
     cursor: pointer;
     height: 30px;
     white-space: nowrap;
     transition: background-color 0.2s ease;
 }

 #boxKqxs button#directBoxKqxs:hover {
     background-color: #1a1e21;
 }

 .faq-container details {
     border: 1px solid #dee2e6;
     border-radius: 4px;
     margin-bottom: 10px;
     overflow: hidden;
 }

 .faq-container summary {
     padding: 10px 15px;
     font-weight: 600;
     background-color: #f8f9fa;
     cursor: pointer;
     outline: none;
     user-select: none;
 }

 .faq-container summary:hover {
     background-color: #f1f3f5;
 }

 .faq-container .news-content {
     border-top: 1px solid #dee2e6;
 }

 .btnLoadMore {
     border: none;
     padding: 8px 32px;
     border-radius: 20px;
     cursor: pointer;
     font-size: 14px;
     transition: background 0.2s ease;
 }

 .btnLoadMore:hover {
     background-color: #931b23 !important;
 }

 .list_news article {
     background: #ffffff;
     transition: box-shadow 0.2s ease;
 }

 .list_news a {
     text-decoration: none;
 }

 .list_news a:hover {
     color: #ba3625 !important;
 }

 /* Input Group Styles */
 .input-group {
     position: relative;
     display: flex;
     flex-wrap: nowrap;
     align-items: stretch;
     width: 100%;
 }

 .input-group>.form-control {
     position: relative;
     flex: 1 1 auto;
     width: 1%;
     min-width: 0;
     text-align: center;
 }

 /* Styling cho Form Controls & Form Lọc Soi Cầu */
 .filter-soicau-box {
     background-color: #f8f9fa;
     border: 1px solid #dee2e6;
 }

 .filter-soicau-box .form-label {
     display: block;
     font-size: 13px;
     font-weight: 600;
     color: #495057;
     margin-bottom: 4px;
 }

 .form-select,
 select.select-province,
 select.form-control,
 .filter-soicau-box .form-select,
 .filter-soicau-box select.select-province {
     display: block;
     width: 100%;
     height: 38px;
     padding: 6px 30px 6px 12px;
     font-size: 14px;
     font-weight: 500;
     line-height: 1.5;
     color: #212529;
     background-color: #ffffff;
     background-image: 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 5l6 6 6-6'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: right 10px center;
     background-size: 12px 10px;
     border: 1px solid #ced4da;
     border-radius: 4px;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     box-sizing: border-box;
     transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }

 .form-control,
 input[type="date"],
 .filter-soicau-box .form-control,
 .filter-soicau-box input[type="date"] {
     display: block;
     width: 100%;
     height: 38px;
     padding: 6px 12px;
     font-size: 14px;
     font-weight: 500;
     line-height: 1.5;
     color: #212529;
     background-color: #ffffff;
     border: 1px solid #ced4da;
     border-radius: 4px;
     box-sizing: border-box;
     transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }

 .form-select:focus,
 .form-control:focus,
 select.select-province:focus,
 input[type="date"]:focus,
 .filter-soicau-box .form-select:focus,
 .filter-soicau-box .form-control:focus,
 .filter-soicau-box select:focus,
 .filter-soicau-box input:focus {
     outline: none;
     border-color: #be1e2d;
     box-shadow: 0 0 0 0.2rem rgba(190, 30, 45, 0.15);
 }

 .filter-soicau-box .custom-range-group {
     display: flex;
     align-items: stretch;
     width: 100%;
     height: 38px;
 }

 .filter-soicau-box .custom-range-group .btn {
     width: 38px;
     height: 38px;
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #495057;
     border: 1px solid #495057;
     color: #ffffff;
     cursor: pointer;
     user-select: none;
     transition: background-color 0.15s ease;
 }

 .filter-soicau-box .custom-range-group .btn:hover {
     background-color: #212529;
     border-color: #212529;
 }

 .filter-soicau-box .custom-range-group .btn-minus {
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }

 .filter-soicau-box .custom-range-group .btn-plus {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }

 .filter-soicau-box .custom-range-group #input-range {
     height: 38px;
     border-left: 0;
     border-right: 0;
     border-radius: 0;
     background-color: #ffffff;
     font-size: 15px;
     font-weight: 700;
     color: #212529;
     text-align: center;
     box-sizing: border-box;
 }

 .filter-soicau-box .btnFilterBachThu {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 38px;
     background-color: #be1e2d;
     color: #ffffff;
     border: none;
     border-radius: 4px;
     font-size: 15px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.2s ease-in-out;
 }

 .filter-soicau-box .btnFilterBachThu:hover {
     background-color: #a01824;
     box-shadow: 0 2px 6px rgba(190, 30, 45, 0.3);
 }

 /* Bảng Soi Cầu 100 số chuẩn FE mẫu */
 .table-soicau {
     table-layout: fixed;
     width: 100%;
     border-collapse: collapse;
     background-color: #f8f9fa;
     border: 1px solid #dee2e6;
 }

 .table-soicau td {
     width: 9%;
     height: 52px;
     vertical-align: middle;
     text-align: center;
     border: 1px solid #dee2e6;
     background-color: #f8f9fa;
     padding: 0;
 }

 .table-soicau tr td:first-child {
     width: 10%;
     font-weight: 700;
     color: #212529;
     background-color: #e8f4fc !important;
     font-size: 13px;
 }

 .table-soicau .block-number {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
     min-height: 50px;
     cursor: pointer;
     background-color: #ffffff;
     transition: background-color 0.15s ease;
 }

 .table-soicau .block-number:hover {
     background-color: #fff3cd;
 }

 .table-soicau .block-number.active,
 .table-soicau .block-number.bg-warning {
     background-color: #ffba00 !important;
 }

 .table-soicau .block-number.active span,
 .table-soicau .block-number.bg-warning span {
     color: #212529 !important;
 }

 .table-result-soicau-xsmb td {
     vertical-align: middle;
     padding: 5px 6px;
 }

 .table-result-soicau-xsmb .text-number {
     font-size: 22px !important;
     font-weight: 700;
     line-height: 1.4;
     letter-spacing: 0;
     white-space: nowrap;
     display: inline-block;
 }

 .table-result-soicau-xsmb .word-spacing--5 {
     letter-spacing: 0;
     word-spacing: 0;
 }

 .table-result-soicau-xsmb .text-number-db {
     font-size: 22px !important;
     color: #ba3625 !important;
 }

 .table-result-soicau-xsmb .text-number-g1 {
     font-size: 22px !important;
     color: #ba3625 !important;
 }

 .table-result-soicau-xsmb .text-number-other {
     font-size: 22px !important;
     color: #212529 !important;
 }

 .table-result-soicau-xsmb span.soicau_mb {
     display: inline-block;
     font-size: 22px !important;
     padding: 0;
     margin: 0;
     cursor: pointer;
     transition: all 0.15s ease;
     border-radius: 4px;
     letter-spacing: 0;
 }

 .table-result-soicau-xsmb span.soicau_mb:hover {
     background-color: #e9ecef;
 }

 .table-result-soicau-xsmb span.soicau_mb.bg-primary,
 .table-result-soicau-xsmb span.soicau_mb.bg-warning {
     padding: 0 3px !important;
     border-radius: 4px !important;
     margin: 0 !important;
 }

 /* Styling cho danh sách trong bài viết soi cầu */
 .news-content ul {
     list-style: none;
     padding-left: 0;
 }

 .news-content ul li {
     margin-bottom: 5px;
 }

 .news-content ul li a {
     color: #212529;
     text-decoration: underline;
 }

 .news-content ul li a:hover {
     color: #be1e2d;
 }

 /* Styling cho danh sách các phương pháp soi cầu & footer */
 .list-icon-footer a,
 .list-icon-footer>* {
     position: relative;
     padding-left: 14px !important;
     color: #212529 !important;
     text-decoration: none !important;
     font-size: 14px;
     line-height: 1.6;
 }

 .list-icon-footer a::before,
 .list-icon-footer>*:before {
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 5px;
     height: 5px;
     background-color: #be1e2d;
     border-radius: 1px;
     margin: 0;
 }

 .list-icon-footer a:hover {
     color: #be1e2d !important;
     text-decoration: underline !important;
 }

 /* ==========================================================================
   Mục lục bài viết (Nội dung) & Header Sapo Description Styling
   ========================================================================== */
 .muc-luc {
     background-color: #ebf5ff;
     border-radius: 4px;
     padding: 12px 16px;
     margin: 16px 0;
 }

 .muc-luc legend,
 .text-mucluc {
     color: #1255a6;
     font-size: 15px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 8px;
     float: none;
     width: auto;
 }

 .text-blue4 {
     color: #1255a6 !important;
 }

 .muc-luc ul {
     list-style: none;
     padding-left: 15px;
     margin-bottom: 0;
 }

 .muc-luc li {
     line-height: 1.8;
     font-size: 14px;
     font-weight: 400 !important;
 }

 .muc-luc li a,
 .muc-luc li strong,
 .muc-luc-h2,
 .muc-luc-h2 a,
 .muc-luc-h2 strong,
 .muc-luc-h3,
 .muc-luc-h3 a,
 .muc-luc-h3 strong {
     color: #212529;
     text-decoration: none;
     font-weight: 400 !important;
 }

 .muc-luc li a:hover {
     color: #0d6efd;
     text-decoration: underline;
 }

 .muc-luc-h2 {
     margin-top: 4px;
 }

 .muc-luc-h3 {
     padding-left: 18px;
 }

 .new-description {
     font-weight: 700;
     font-size: 14px;
     line-height: 1.6;
     color: #212529;
     margin-bottom: 12px;
 }

 .news-content h2,
 .news-content h3 {
     margin-top: 16px;
     margin-bottom: 10px;
 }

 .news-content h2 {
     font-size: 17px;
     font-weight: 700;
     color: #212529;
 }

 .news-content h3 {
     font-size: 15px;
     font-weight: 700;
     color: #212529;
 }

 .news-content p {
     margin-bottom: 10px;
     line-height: 1.6;
     font-size: 14px;
 }

 .news-content blockquote {
     padding: 2px 20px;
     margin: 8px 0;
     border: none;
     background: transparent;
     font-size: 14px;
     line-height: 1.6;
 }


 /* ==========================================================================
   Star Rating Styling (.allRate & .rateit)
   ========================================================================== */
 .allRate {
     display: inline-flex;
     align-items: center;
     font-size: 14px;
     color: #6c757d;
 }

 .rateit,
 .allRate .rateit {
     display: inline-flex;
     align-items: center;
     position: relative;
     user-select: none;
     line-height: 1;
 }

 .rateit:empty::before,
 .allRate .rateit:empty::before,
 .rateit-fallback::before {
     content: "★★★★★";
     color: #f5a623;
     font-size: 16px;
     letter-spacing: 2px;
     display: inline-block;
     vertical-align: middle;
 }

 .rating-stars {
     color: #f5a623;
     font-size: 16px;
     letter-spacing: 2px;
     display: inline-flex;
     align-items: center;
 }

 .allRate .danhgia {
     margin-left: 8px;
     font-size: 14px;
     color: #6c757d;
 }

 .allRate .avg-rate {
     font-weight: 600;
     color: #212529;
 }

 /* ========================================================================= */
 /* LIVE KQXS 3 MIEN STYLES                                                  */
 /* ========================================================================= */
 .cursor-pointer {
     cursor: pointer;
 }

 .live-countdown-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.95);
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 10;
 }

 .countdown-container {
     background: #fff;
     padding: 1.5rem 2rem;
     border-radius: 10px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
     text-align: center;
     border: 2px solid #be1e2d;
 }

 .live-box-title {
     color: #be1e2d;
 }

 .live-box {
     border-radius: 6px;
     background: #be1e2d;
     color: #fff;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     font-size: 2rem;
     font-weight: 700;
     min-width: 48px;
     height: 48px;
     padding: 0 8px;
 }

 .icon-spinner.spinning {
     display: inline-block;
     animation: spin 1s infinite linear;
 }

 .digits-form label input[type="radio"] {
     accent-color: #be1e2d;
 }