/* Home */ @media screen and (max-width: 767px) { #home .carousel-item img {height: 350px} #home .mission-img,#home .tab-img {max-width: 100%} } @media screen and (max-width: 767px) { #home #mobile-info-section {display: block} #home #desktop-info-section {display: none} } #home #mobile-info-section {display: none;} #home .headLogo img {width: 100%;height: 400px;object-fit: cover;} #home .headLogo{position: relative; width: 100%; height: 500px; background-image: url('../../assets/img/home.webp'); background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center;} #home .section-title {font-size: 2rem;font-weight: 700;margin-bottom: 1rem;} #home .mission-img {width: 100%;height: auto;/* max-width: 1140px; */} #home .tab-img {width: 100%;height: auto;} #home .info-section .col-md-4 {margin-bottom: 2rem;} /* Contact */ #contact .info-center-section {background-color: var(--primary-color);color: var(--text-color-w);} /* Contact information section */ #contact .contact-info {padding: 60px 0;background-color: #fff;} #contact .contact-info h3 {margin-bottom: 30px 0;font-weight: bold;} #contact .info-label {font-weight: bold;margin-bottom: 5px;} #contact .info-detail {margin-bottom: 20px;} /* AboutUs */ #aboutUs .aboutus-info-section {background-color: var(--primary-color);color: var(--text-color-w);} #register-about .info-section {background-color: var(--primary-color);color: var(--text-color-w);} #register-about .card {border-radius: 0;border: 2px solid var(--text-color-b);background-color: var(--background-color);} #register-about .card-title {border: 2px solid var(--primary-color);padding: 0.5rem 1rem;min-height: 5rem;display: flex;align-items: center;justify-content: center;} #register-about .card-body {display: flex;flex-direction: column;} #register-about .card-text {flex-grow: 1;} #register-about .btn {margin-top: auto;} #register-about .timeline-container>h1 {position: relative;left: -42px;width: calc(100% + 40px);background: var(--background-color);z-index: 3;margin-bottom: 0;padding-bottom: 0.7rem;} @media screen and (max-width: 768px) {#register-about .timeline-container>h1{left: 0;width: 100%;}} #board-of-directors .info-section {background-color: var(--primary-color);color: var(--text-color-w);} #board-of-directors .card {border: 2px solid var(--text-color-b); background-color: var(--background-color); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } #board-of-directors .card-title {border: 2px solid var(--primary-color);padding: 0.5rem 1rem;min-height: 5rem;display: flex;align-items: center;justify-content: center;} #board-of-directors .card-body {display: flex;flex-direction: column;} #board-of-directors .card-text {flex-grow: 1;} #board-of-directors .btn {margin-top: auto;} #board-of-directors .timeline-container::before{content: none;} #board-of-directors .timeline-container{padding: 30px 40px;} #single-layer-accordion section {padding: 4rem 1rem;} #single-layer-accordion .info-section {background-color: var(--primary-color);color: var(--text-color-w);} #single-layer-accordion #general .form-control {width: 40%;} @media screen and (max-width: 768px) {#single-layer-accordion #general .form-control {width: 100%;}} #single-layer-accordion .btn-container {height: 100%;} #single-layer-accordion .btn-full {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 0 !important;} #single-layer-accordion .accordion-item:not(:first-of-type) {border-top: 2px solid var(--primary-color) !important;} #single-layer-accordion #nestedAccordion .accordion-item:first-of-type {border: none;} #single-layer-accordion .accordion-item:first-of-type {border-radius: 0;} #single-layer-accordion .accordion-item:last-of-type {border-radius: 0;} #single-layer-accordion .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {border-radius: 0;} #single-layer-accordion .data-section .accordion {border: none;} #single-layer-accordion .data-accordion-item {border: 2px solid var(--primary-color);background: var(--background-color);} #single-layer-accordion .data-section .accordion-button {background: var(--background-color);color: var(--text-color-b);border: none;box-shadow: none;padding: 1rem 1.5rem;transition: all 0.3s ease;} #single-layer-accordion .data-section .level-2 .accordion-button {background: var(--forth-color);color: var(--text-color-b);} #single-layer-accordion .data-section .level-3 .accordion-button {background: var(--fifth-color);color: var(--text-color-b);} #single-layer-accordion .data-section .level-4 .accordion-button {background: var(--background-color);color: var(--text-color-b);} #single-layer-accordion .data-section .accordion-button:hover {background-color: var(--secondary-color);color: var(--text-color-b);} #single-layer-accordion .data-section .accordion-button:not(.collapsed) {color: var(--text-color-w, #fff);background: var(--primary-color);} #single-layer-accordion .data-section .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #single-layer-accordion .data-section .level-1 .accordion-button:not(.collapsed) {color: var(--text-color-w, #fff);background: var(--primary-color);} #single-layer-accordion .data-section .level-1 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #single-layer-accordion .data-section .level-2 .accordion-button:not(.collapsed) {color: var(--text-color-b, #000);background: var(--forth-color);} #single-layer-accordion .data-section .level-2 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #single-layer-accordion .data-section .level-3 .accordion-button:not(.collapsed) {color: var(--text-color-b, #000);background: var(--fifth-color);} #single-layer-accordion .data-section .level-3 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #single-layer-accordion .data-section .level-4 .accordion-button:not(.collapsed) {color: var(--text-color-b, #000);background: var(--forth-color);} #single-layer-accordion .data-section .level-4 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #single-layer-accordion .data-section .accordion-body {border-top: 1px solid var(--primary-color);background: var(--background-color);} #single-layer-accordion .data-section .list-group-item:not(:first-child) {border-top: 1px solid var(--primary-color);} #single-layer-accordion .data-section .list-group-item {border-radius: 0;padding-left: 2rem;background: transparent;transition: all 0.3s ease;} #single-layer-accordion .data-section .list-group-item:hover {background-color: var(--secondary-color);color: var(--text-color-b);} #single-layer-accordion .data-section .article-link {cursor: pointer;color: var(--text-color-b);text-decoration: none;display: block;padding: 0.5rem 0;} #single-layer-accordion .data-section .article-link:hover {color: var(--text-color-b);} #single-layer-accordion .data-section .level-1 .accordion-button {padding-left: 1.5rem;} #single-layer-accordion .data-section .level-2 .accordion-button {padding-left: 3rem;} #single-layer-accordion .data-section .level-3 .accordion-button {padding-left: 4.5rem;} #single-layer-accordion .data-section .level-1 .list-group-item {padding-left: 3rem;} #single-layer-accordion .data-section .level-2 .list-group-item {padding-left: 4.5rem;} #single-layer-accordion .data-section .level-3 .list-group-item {padding-left: 6rem;} #single-layer-accordion .data-section .accordion-button::after {content: '+';color: var(--text-color-b);background-image: none !important;transform: none !important;text-align: center;} #single-layer-accordion .data-section .level-1 .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-w, #fff);text-align: center;} #single-layer-accordion .data-section .level-2 .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-b, #000);text-align: center;} #single-layer-accordion .data-section .level-3 .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-b, #000);text-align: center;} #single-layer-accordion .accordion-item:first-of-type>#single-layer-accordion .accordion-header .accordion-button {border-radius: 0;border-top-left-radius: 0;border-top-right-radius: 0;} #single-layer-accordion .modal-header {border: none;} #single-layer-accordion .modal .accordion-item {border: 1px solid var(--primary-color);} #single-layer-accordion .modal-dialog {margin: 0;display: flex;align-items: center;min-height: calc(100% - 1rem);min-width: 300px;} @media (min-width: 576px) {#single-layer-accordion .modal-dialog {min-height: calc(100% - 3.5rem);}} #single-layer-accordion .article-content {line-height: 1.6;color: var(--text-color-b);} #single-layer-accordion .modal-content {border: none;border-radius: 0;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);} #single-layer-accordion .modal-header {background-color: var(--white-color);} #single-layer-accordion .modal-body {max-height: 70vh;overflow-y: auto;padding: 0 1rem 1rem;} #single-layer-accordion .custom-close-btn {background: transparent;border: none;padding: 0;margin-left: auto;display: flex;align-items: center;cursor: pointer;} #single-layer-accordion .custom-close-btn img {display: block;width: 32px;height: 32px;} #single-layer-accordion #nestedAccordion .accordion-item {border-radius: 0;} #single-layer-accordion #nestedAccordion .accordion-button::after {content: '+';color: var(--primary-color, #188193);background-image: none !important;transform: none !important;text-align: center;} #single-layer-accordion #nestedAccordion .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-w, );text-align: center;} #single-layer-accordion .skeleton-loading .accordion-button {background: linear-gradient(110deg, var(--white-color) 25%, var(--forth-color) 50%, var(--white-color) 75%);background-size: 200% 100%;animation: shimmer 2s infinite;color: var(--text-color-b);position: relative;overflow: hidden;} #single-layer-accordion .skeleton-loading .accordion-item {border: 2px solid var(--primary-color);background: var(--white-color);border-radius: 0;} @keyframes shimmer { 0% {background-position: 200% 0;} 100% {background-position: -200% 0;} } #single-layer-accordion .skeleton-loading .accordion-button::before {content: 'Loading';animation: loadingDots 2s infinite;position: relative;z-index: 1;} @keyframes loadingDots { 0% {content: 'Loading';} 16.6% {content: 'Loading.';} 33.2% {content: 'Loading..';} 49.8% {content: 'Loading...';} 66.4% {content: 'Loading....';} 83% {content: 'Loading.....';} 100% {content: 'Loading......';} } #single-layer-accordion .skeleton-loading .accordion-button::after {display: none;} #single-layer-accordion #searchResultsModal .modal-dialog {max-width: 90%;margin: 1.75rem auto;} #single-layer-accordion #searchResultsModal .modal-body {padding: 1.5rem;} #single-layer-accordion #searchResultsModal .table {margin-bottom: 0;} #single-layer-accordion #searchResultsModal .table td {vertical-align: top;padding: 1rem;} #single-layer-accordion #searchResultsModal .table td:first-child {width: 25%;font-weight: 500;} #single-layer-accordion #searchResultsModal .pagination {margin-bottom: 0;} #single-layer-accordion #searchResultsModal .pagination .page-link {padding: 0.5rem 0.75rem;} #single-layer-accordion #searchResultsModal .form-select {width: auto;display: inline-block;} #single-layer-accordion #searchResultsModal #filterResults {width: 300px;} @media (max-width: 768px) { #single-layer-accordion #searchResultsModal .modal-dialog {max-width: 100%;margin: 0;} #single-layer-accordion #searchResultsModal .d-flex {flex-direction: column;gap: 1rem;} #single-layer-accordion #searchResultsModal #filterResults {width: 100%;} #single-layer-accordion #searchResultsModal .table td:first-child {width: 35%;} } #alerts section {padding: 4rem 1rem;} #alerts .info-section {background-color: var(--primary-color);color: var(--text-color-w);} #alerts #general .form-control {width: 40%;} @media screen and (max-width: 768px) {#alerts #general .form-control {width: 100%;}} #alerts .btn-container {height: 100%;} #alerts .btn-full {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 0 !important;} #alerts .accordion-item:not(:first-of-type) {border-top: 2px solid var(--primary-color) !important;} #alerts #nestedAccordion .accordion-item:first-of-type {border: none;} #alerts .accordion-item:first-of-type {border-radius: 0;} #alerts .accordion-item:last-of-type {border-radius: 0;} #alerts .accordion-item:last-of-type>#alerts .accordion-header .accordion-button.collapsed {border-radius: 0;} #alerts .alerts-section .accordion {border: none;} #alerts .alerts-accordion-item {border: 2px solid var(--primary-color);background: var(--background-color);} #alerts .alerts-section .accordion-button {background: var(--background-color);color: var(--text-color-b);border: none;box-shadow: none;padding: 1rem 1.5rem;transition: all 0.3s ease;} #alerts .alerts-section .level-2 .accordion-button {background: var(--forth-color);color: var(--text-color-b);} #alerts .alerts-section .level-3 .accordion-button {background: var(--fifth-color);color: var(--text-color-b);} #alerts .alerts-section .level-4 .accordion-button {background: var(--background-color);color: var(--text-color-b);} #alerts .alerts-section .accordion-button:hover {background-color: var(--secondary-color);color: var(--text-color-b);} #alerts .alerts-section .accordion-button:not(.collapsed) {color: var(--text-color-w, #fff);background: var(--primary-color);} #alerts .alerts-section .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #alerts .alerts-section .level-1 .accordion-button:not(.collapsed) {color: var(--text-color-w, #fff);background: var(--primary-color);} #alerts .alerts-section .level-1 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #alerts .alerts-section .level-2 .accordion-button:not(.collapsed) {color: var(--text-color-b, #000);background: var(--forth-color);} #alerts .alerts-section .level-2 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #alerts .alerts-section .level-3 .accordion-button:not(.collapsed) {color: var(--text-color-b, #000);background: var(--fifth-color);} #alerts .alerts-section .level-3 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #alerts .alerts-section .level-4 .accordion-button:not(.collapsed) {color: var(--text-color-b, #000);background: var(--forth-color);} #alerts .alerts-section .level-4 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #alerts .alerts-section .accordion-body {border-top: 1px solid var(--primary-color);background: var(--background-color);} #alerts .alerts-section .list-group-item:not(:first-child) {border-top: 1px solid var(--primary-color);} #alerts .alerts-section .list-group-item {border-radius: 0;padding-left: 2rem;background: transparent;transition: all 0.3s ease;} #alerts .alerts-section .list-group-item:hover {background-color: var(--secondary-color);color: var(--text-color-b);} #alerts .alerts-section .article-link {cursor: pointer;color: var(--text-color-b);text-decoration: none;display: block;padding: 0.5rem 0;} #alerts .alerts-section .article-link:hover {color: var(--text-color-b);} #alerts .alerts-section .level-1 .accordion-button {padding-left: 1.5rem;} #alerts .alerts-section .level-2 .accordion-button {padding-left: 3rem;} #alerts .alerts-section .level-3 .accordion-button {padding-left: 4.5rem;} #alerts .alerts-section .level-1 .list-group-item {padding-left: 3rem;} #alerts .alerts-section .level-2 .list-group-item {padding-left: 4.5rem;} #alerts .alerts-section .level-3 .list-group-item {padding-left: 6rem;} #alerts .alerts-section .accordion-button::after {content: '+';color: var(--text-color-b);background-image: none !important;transform: none !important;text-align: center;} #alerts .alerts-section .level-1 .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-w, #fff);text-align: center;} #alerts .alerts-section .level-2 .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-b, #000);text-align: center;} #alerts .alerts-section .level-3 .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-b, #000);text-align: center;} #alerts .accordion-item:first-of-type>#alerts .accordion-header .accordion-button {border-radius: 0;border-top-left-radius: 0;border-top-right-radius: 0;} #alerts .modal-header {border: none;} #alerts .modal .accordion-item {border: 1px solid var(--primary-color);} #alerts .modal-dialog {margin: 0;display: flex;align-items: center;min-height: calc(100% - 1rem);min-width: 300px;} @media (min-width: 576px) {#alerts .modal-dialog {min-height: calc(100% - 3.5rem);}} #alerts .article-content {line-height: 1.6;color: var(--text-color-b);} #alerts .modal-content {border: none;border-radius: 0;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);} #alerts .modal-header {background-color: var(--white-color);} #alerts .modal-body {max-height: 70vh;overflow-y: auto;padding: 0 1rem 1rem;} #alerts .custom-close-btn {background: transparent;border: none;padding: 0;margin-left: auto;display: flex;align-items: center;cursor: pointer;} #alerts .custom-close-btn img {display: block;width: 32px;height: 32px;} #alerts #nestedAccordion .accordion-item {border-radius: 0;} #alerts #nestedAccordion .accordion-button::after {content: '+';color: var(--primary-color, #188193);background-image: none !important;transform: none !important;text-align: center;} #alerts #nestedAccordion .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-w, );text-align: center;} #alerts .skeleton-loading .accordion-button {background: linear-gradient(110deg, var(--white-color) 25%, var(--forth-color) 50%, var(--white-color) 75%);background-size: 200% 100%;animation: shimmer 2s infinite;color: var(--text-color-b);position: relative;overflow: hidden;} #alerts .skeleton-loading .accordion-item {border: 2px solid var(--primary-color);background: var(--white-color);border-radius: 0;} #alerts .skeleton-loading .accordion-button::before {content: 'Loading';animation: loadingDots 2s infinite;position: relative;z-index: 1;} #alerts .skeleton-loading .accordion-button::after {display: none;} #alerts #searchResultsModal .modal-dialog {max-width: 90%;margin: 1.75rem auto;} #alerts #searchResultsModal .modal-body {padding: 1.5rem;} #alerts #searchResultsModal .table {margin-bottom: 0;} #alerts #searchResultsModal .table td {vertical-align: top;padding: 1rem;} #alerts #searchResultsModal .table td:first-child {width: 25%;font-weight: 500;} #alerts #searchResultsModal .pagination {margin-bottom: 0;} #alerts #searchResultsModal .pagination .page-link {padding: 0.5rem 0.75rem;} #alerts #searchResultsModal .form-select {width: auto;display: inline-block;} #alerts #searchResultsModal #filterResults {width: 300px;} @media (max-width: 768px) { #alerts #searchResultsModal .modal-dialog {max-width: 100%;margin: 0;} #alerts #searchResultsModal .d-flex {flex-direction: column;gap: 1rem;} #alerts #searchResultsModal #filterResults {width: 100%;} #alerts #searchResultsModal .table td:first-child {width: 35%;} } #site-index .info-section {background-color: var(--primary-color);color: var(--text-color-w);} #site-index .site-index-section {background-color: #f8f9fa;border-radius: 8px;padding: 2rem;margin-bottom: 2rem;} #site-index .site-index-section h3 {color: var(--primary-color);border-bottom: 2px solid var(--primary-color);padding-bottom: 0.5rem;margin-bottom: 1.5rem;} #site-index .site-index-section ul {list-style: none;padding-left: 0;} #site-index .site-index-section li {margin-bottom: 0.75rem;padding: 0.5rem 0;border-bottom: 1px solid #e9ecef;} #site-index .site-index-section li:last-child {border-bottom: none;} #site-index .site-index-section a {color: var(--primary-color);text-decoration: none;font-weight: 500;transition: color 0.3s ease;} #site-index .site-index-section a:hover {color: var(--secondary-color);text-decoration: underline;} #site-index .site-index-section .description {color: #6c757d;font-size: 0.9rem;margin-top: 0.25rem;} #site-index .quick-links {background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));color: white;border-radius: 8px;padding: 2rem;} #site-index .quick-links h2 {color: white;margin-bottom: 1.5rem;} #site-index .quick-links .btn {margin: 0.25rem;background-color: rgba(255, 255, 255, 0.2);border: 1px solid rgba(255, 255, 255, 0.3);color: white;} #site-index .quick-links .btn:hover {background-color: rgba(255, 255, 255, 0.3);border-color: rgba(255, 255, 255, 0.5);color: white;} #site-index .alphabetical-index {background-color: white;border: 1px solid #dee2e6;border-radius: 8px;padding: 2rem;margin-bottom: 2rem;} #site-index .alphabetical-index h3 {color: var(--primary-color);margin-bottom: 1.5rem;} #site-index .letter-section {margin-bottom: 2rem;} #site-index .letter-section h4 {color: var(--secondary-color);font-size: 1.5rem;margin-bottom: 1rem;padding-bottom: 0.5rem;border-bottom: 1px solid #dee2e6;} #site-index .letter-section ul {list-style: none;padding-left: 0;columns: 2;column-gap: 2rem;} #site-index .letter-section li {margin-bottom: 0.5rem;break-inside: avoid;} #site-index .letter-section a {color: var(--primary-color);text-decoration: none;font-weight: 500;} #site-index .letter-section a:hover {color: var(--secondary-color);text-decoration: underline;} @media (max-width: 768px) { #site-index .letter-section ul {columns: 1;} #site-index .site-index-section {padding: 1rem;} #site-index .quick-links {padding: 1rem;} } #global-search .nav-tabs .dropdown-menu {min-width: 140px;} #global-search #searchTabs {display: flex;flex-wrap: nowrap;} #global-search #searchTabs .nav-item {white-space: nowrap;} #global-search .skeleton-table {width: 100%;margin-bottom: 1rem;} #global-search .skeleton-row {display: flex;margin-bottom: 1rem;} #global-search .skeleton-cell {background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size: 200% 100%;animation: skeleton-loading 1.2s infinite linear;border-radius: 4px;min-height: 32px;} #global-search .skeleton-category {width: 20%;margin-right: 1rem;} #global-search .skeleton-content {width: 80%;} @keyframes skeleton-loading { 0% {background-position: 200% 0;} 100% {background-position: -200% 0;} } #CFTC-Reparation .card-section {background: var(--background-color);border-radius: 8px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);border: none;} #basic-individual-result .regulatory-section {background: var(--background-color);border: 1px solid var(--light-border-color);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);} #basic-individual-result .arbitration-section {background: var(--background-color);border: 1px solid var(--light-border-color);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);} #basic-individual-result .history-section {background: var(--background-color);border: 1px solid var(--light-border-color);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);} #basic-individual-result .history-detail-table {background: var(--background-color);border-radius: 0px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);border: 1px solid var(--light-border-color);} #basic-individual-result .history-detail-table .p-3 {background: var(--background-color);border-radius: 8px 8px 0 0;} #basic-individual-result .history-detail-table table {margin-bottom: 0;} #basic-individual-result .history-detail-table th {background: var(--background-color);color: var(--text-color-b);padding: 12px 16px;border: none;} #basic-individual-result .history-detail-table thead {position: relative;border: none;} #basic-individual-result .history-detail-table thead::after {content: "";position: absolute;bottom: 0;left: 0px;right: 50px;height: 2px;background: var(--light-border-color);} #basic-individual-result .history-detail-table td {border: none;padding: 12px 16px;} #basic-individual-result .history-detail-table tr:last-child td {border-bottom: none;} @media (max-width: 767.98px) { #basic-individual-result .history-detail-table th,#basic-individual-result .history-detail-table td {padding: 12px;} #basic-individual-result .history-detail-table .table-responsive {border: none;} } #basic-individual-result .card-section {background: var(--background-color);border-radius: 8px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);border: none;} #basic-individual-result .regulatory-section {background: var(--background-color);border-radius: 8px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);border: none;} #basic-individual-result .regulatory-section .label-col {background: var(--background-color);border-radius: 8px 0 0 8px;display: flex;align-items: center;justify-content: center;min-height: 100%;padding: 32px 0;} #basic-individual-result .regulatory-section .actions-col {display: flex;align-items: center;justify-content: space-around;padding: 32px 0;gap: 32px;} #basic-individual-result .regulatory-section .actions-col .text-center {min-width: 120px;} #basic-individual-result .regulatory-section .actions-col .btn {margin-left: 32px;min-width: 120px;margin-top: 0;} #basic-individual-result .regulatory-section-heading {background: var(--light-color);display: flex;align-items: center;justify-content: center;min-height: 100%;padding: 32px 0;} #basic-individual-result .regulatory-action {border: 1px solid var(--light-border-color);} #basic-individual-result .arbitration-section {background: var(--background-color);border-radius: 0px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);border: none;} #basic-individual-result .arbitration-section .col-md-6 {padding: 24px 0;} #basic-individual-result .history-section {background: var(--background-color);border-radius: 0px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);border: none;} #basic-individual-result .history-section .p-3 {background: var(--background-color);border-radius: 8px 8px 0 0;} #basic-individual-result .history-section .col-md-6 {padding: 16px 32px;} #basic-individual-result .history-row {display: flex;align-items: center;min-height: 60px;} #basic-individual-result .history-row>#basic-individual-result p {margin: 0;} #basic-individual-result .history-role {flex: 1 1 0;padding: 12px 24px;} #basic-individual-result .history-period {flex: 1 1 0;padding: 12px 24px;text-align: right;} @media (max-width: 767px) { #basic-individual-result .history-row {flex-direction: column;align-items: stretch;border-bottom: 2px solid var(--light-border-color);} #basic-individual-result .history-period {border-left: none;text-align: left;} } #basic-individual-result .arbitration-section .border-end {border-right: 2px solid var(--light-border-color) !important;} #basic-individual-result .arbitration-summary-box {border: 1px solid var(--light-border-color);border-radius: 0;overflow: hidden;background: var(--background-color);} #basic-individual-result .summary-title-col {background: var(--light-color);text-align: center;padding: 24px 0 16px 0;min-height: 80px;} #basic-individual-result .summary-value-col {background: #fff;color: var(--text-color-b);text-align: center;padding: 24px 0 24px 0;display: flex;align-items: center;justify-content: center;min-height: 80px;} @media (max-width: 767px) {#basic-individual-result .summary-title-col,#basic-individual-result .summary-value-col {min-height: 60px;padding: 16px 0;}} @media (max-width: 767.98px) { #basic-individual-result .arbitration-summary-box .summary-title-col,#basic-individual-result .arbitration-summary-box .summary-value-col {min-height: 48px;padding: 12px 0;} #basic-individual-result .arbitration-summary-box .border-gap-start::after,#basic-individual-result .arbitration-summary-box .border-gap-end::after,#basic-individual-result .arbitration-summary-box .border-gap-center::after {display: none;} #basic-individual-result .arbitration-summary-box .border-gap-start,#basic-individual-result .arbitration-summary-box .border-gap-end,#basic-individual-result .arbitration-summary-box .border-gap-center {border-right: none !important;} } @media (max-width: 767.98px) { #basic-individual-result .regulatory-section-heading {min-height: 48px;padding: 12px 0;} #basic-individual-result .regulatory-action .border-gap::after {display: none;} #basic-individual-result .regulatory-action .border-gap {border-right: none !important;} #basic-individual-result .regulatory-action .d-flex.justify-content-around {flex-direction: column !important;align-items: stretch !important;gap: 8px;} #basic-individual-result .regulatory-action .text-center {margin-bottom: 8px;} } #basic-individual-result .regulatory-actions-grid {display: grid;place-items: center;min-height: 160px;text-align: center;} #basic-individual-result .regulatory-actions-grid>#basic-individual-result div {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;} @media (max-width: 767.98px) { #basic-individual-result .regulatory-actions-grid {min-height: unset;padding: 16px 0;} #basic-individual-result .regulatory-actions-grid>#basic-individual-result div {width: 100%;padding: 0;} } @media screen and (max-width: 767px) { #basic-individual-result #mobile-arbitration-section {display: block !important;} #basic-individual-result #desktop-arbitration-section {display: none;} } #basic-individual-result #mobile-arbitration-section {display: none;} #basic-individual-result .history-header {position: relative;background: var(--light-color);color: var(--text-color-b);border-bottom: 1px solid var(--light-border-color);min-height: 80px;display: flex;align-items: center;justify-content: center;} #basic-individual-result .history-header .history-icon {position: absolute;left: 0;width: 80px;display: flex;align-items: center;justify-content: center;pointer-events: none;} #basic-individual-result .history-header .fw-bold {width: 100%;text-align: center;z-index: 1;} #basic-individual-result .history-table .history-row:last-child {border-bottom: none;} #basic-individual-result .history-table .history-role {display: flex;align-items: center;min-height: 60px;} #basic-individual-result .history-table .history-period {display: flex;align-items: center;justify-content: flex-end;min-height: 60px;} @media (max-width: 767.98px) { #basic-individual-result .history-table .history-role {border-right: none;border-bottom: 1px solid var(--light-border-color);justify-content: flex-start;} #basic-individual-result .history-table .history-period {justify-content: flex-start;} #basic-individual-result .history-table .history-row {flex-direction: column;} #basic-individual-result .history-table .history-row:last-child .history-role,#basic-individual-result .history-table .history-row:last-child .history-period {border-bottom: none;} #basic-individual-result .history-table .border-gap-start::after,#basic-individual-result .history-table .border-gap-end::after,#basic-individual-result .history-table .border-gap-center::after {display: none;} #basic-individual-result .history-table .border-gap-start,#basic-individual-result .history-table .border-gap-end,#basic-individual-result .history-table .border-gap-center {border-right: none !important;} #basic-individual-result .history-table .history-role,#basic-individual-result .history-table .history-period {padding: 12px 16px;} #basic-individual-result .history-table .history-row {margin-bottom: 0;} #basic-individual-result .history-header {min-height: 60px;} #basic-individual-result .history-header .history-icon {width: 60px;} } #basic .info-section {background-color: var(--primary-color);color: var(--text-color-w);} #CFTC-case .accordion-detail-table {background: var(--background-color);border-radius: 0px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);border: 1px solid var(--light-border-color);} #CFTC-case .accordion-detail-table .p-3 {background: var(--background-color);border-radius: 8px 8px 0 0;} #CFTC-case .accordion-detail-table table {margin-bottom: 0;} #CFTC-case .accordion-detail-table th {background: var(--background-color);color: var(--text-color-b);padding: 12px 16px;border: none;} #CFTC-case .accordion-detail-table thead {position: relative;border: none;} #CFTC-case .accordion-detail-table thead::after {content: "";position: absolute;bottom: 0;left: 0px;right: 50px;height: 2px;background: var(--light-border-color);} #CFTC-case .accordion-detail-table td {border: none;padding: 12px 16px;} #CFTC-case .accordion-detail-table tr:last-child td {border-bottom: none;} @media (max-width: 767.98px) { #CFTC-case .accordion-detail-table th,.accordion-detail-table td {padding: 12px;} #CFTC-case .accordion-detail-table .table-responsive {border: none;} } #CFTC-case .card-section {background: var(--background-color);border-radius: 8px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);border: none;} #CFTC-case .accordion-header {position: relative;background: var(--light-color);color: var(--text-color-b);border-bottom: 1px solid var(--light-border-color);min-height: 80px;display: flex;align-items: center;justify-content: center;} #CFTC-case .accordion-header .accordion-icon {position: absolute;left: 0;width: 80px;display: flex;align-items: center;justify-content: center;pointer-events: none;} #CFTC-case .accordion-header .fw-bold {width: 100%;text-align: center;z-index: 1;} @media (max-width: 767.98px) { #CFTC-case .accordion-header {min-height: 60px;} #CFTC-case .accordion-header .accordion-icon {width: 60px;} } #regulatory-actions .card-section {background: var(--background-color);border-radius: 8px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);border: none;} #disclaimer section {padding: 4rem 1rem;} #disclaimer .info-section {background-color: var(--primary-color);color: var(--text-color-w);} #disclaimer #general .form-control {width: 40%;} @media screen and (max-width: 768px) {#disclaimer #general .form-control {width: 100%;}} #disclaimer .btn-container {height: 100%;} #disclaimer .btn-full {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 0 !important;} #disclaimer .accordion-item:not(:first-of-type) {border-top: 2px solid var(--primary-color) !important;} #disclaimer #nestedAccordion .accordion-item:first-of-type {border: none;} #disclaimer .accordion-item:first-of-type {border-radius: 0;} #disclaimer .accordion-item:last-of-type {border-radius: 0;} #disclaimer .accordion-item:last-of-type>#disclaimer .accordion-header .accordion-button.collapsed {border-radius: 0;} #disclaimer .disclaimer-section .accordion {border: none;} #disclaimer .disclaimer-accordion-item {border: 2px solid var(--primary-color);background: var(--background-color);} #disclaimer .disclaimer-section .accordion-button {background: var(--background-color);color: var(--text-color-b);border: none;box-shadow: none;padding: 1rem 1.5rem;transition: all 0.3s ease;} #disclaimer .disclaimer-section .level-2 .accordion-button {background: var(--forth-color);color: var(--text-color-b);} #disclaimer .disclaimer-section .level-3 .accordion-button {background: var(--fifth-color);color: var(--text-color-b);} #disclaimer .disclaimer-section .level-4 .accordion-button {background: var(--background-color);color: var(--text-color-b);} #disclaimer .disclaimer-section .accordion-button:hover {background-color: var(--secondary-color);color: var(--text-color-b);} #disclaimer .disclaimer-section .accordion-button:not(.collapsed) {color: var(--text-color-w, #fff);background: var(--primary-color);} #disclaimer .disclaimer-section .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #disclaimer .disclaimer-section .level-1 .accordion-button:not(.collapsed) {color: var(--text-color-w, #fff);background: var(--primary-color);} #disclaimer .disclaimer-section .level-1 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #disclaimer .disclaimer-section .level-2 .accordion-button:not(.collapsed) {color: var(--text-color-b, #000);background: var(--forth-color);} #disclaimer .disclaimer-section .level-2 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #disclaimer .disclaimer-section .level-3 .accordion-button:not(.collapsed) {color: var(--text-color-b, #000);background: var(--fifth-color);} #disclaimer .disclaimer-section .level-3 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #disclaimer .disclaimer-section .level-4 .accordion-button:not(.collapsed) {color: var(--text-color-b, #000);background: var(--forth-color);} #disclaimer .disclaimer-section .level-4 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #disclaimer .disclaimer-section .accordion-body {border-top: 1px solid var(--primary-color);background: var(--background-color);} #disclaimer .disclaimer-section .list-group-item:not(:first-child) {border-top: 1px solid var(--primary-color);} #disclaimer .disclaimer-section .list-group-item {border-radius: 0;padding-left: 2rem;background: transparent;transition: all 0.3s ease;} #disclaimer .disclaimer-section .list-group-item:hover {background-color: var(--secondary-color);color: var(--text-color-b);} #disclaimer .disclaimer-section .article-link {cursor: pointer;color: var(--text-color-b);text-decoration: none;display: block;padding: 0.5rem 0;} #disclaimer .disclaimer-section .article-link:hover {color: var(--text-color-b);} #disclaimer .disclaimer-section .level-1 .accordion-button {padding-left: 1.5rem;} #disclaimer .disclaimer-section .level-2 .accordion-button {padding-left: 3rem;} #disclaimer .disclaimer-section .level-3 .accordion-button {padding-left: 4.5rem;} #disclaimer .disclaimer-section .level-1 .list-group-item {padding-left: 3rem;} #disclaimer .disclaimer-section .level-2 .list-group-item {padding-left: 4.5rem;} #disclaimer .disclaimer-section .level-3 .list-group-item {padding-left: 6rem;} #disclaimer .disclaimer-section .accordion-button::after {content: '+';color: var(--text-color-b);background-image: none !important;transform: none !important;text-align: center;} #disclaimer .disclaimer-section .level-1 .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-w, #fff);text-align: center;} #disclaimer .disclaimer-section .level-2 .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-b, #000);text-align: center;} #disclaimer .disclaimer-section .level-3 .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-b, #000);text-align: center;} #disclaimer .accordion-item:first-of-type>.accordion-header .accordion-button {border-radius: 0;border-top-left-radius: 0;border-top-right-radius: 0;} #disclaimer .modal-header {border: none;} #disclaimer .modal .accordion-item {border: 1px solid var(--primary-color);} #disclaimer .modal-dialog {margin: 0;display: flex;align-items: center;min-height: calc(100% - 1rem);min-width: 300px;} @media (min-width: 576px) {#disclaimer .modal-dialog {min-height: calc(100% - 3.5rem);}} #disclaimer .article-content {line-height: 1.6;color: var(--text-color-b);} #disclaimer .modal-content {border: none;border-radius: 0;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);} #disclaimer .modal-header {background-color: var(--white-color);} #disclaimer .modal-body {max-height: 70vh;overflow-y: auto;padding: 0 1rem 1rem;} #disclaimer .custom-close-btn {background: transparent;border: none;padding: 0;margin-left: auto;display: flex;align-items: center;cursor: pointer;} #disclaimer .custom-close-btn img {display: block;width: 32px;height: 32px;} #disclaimer #nestedAccordion .accordion-item {border-radius: 0;} #disclaimer #nestedAccordion .accordion-button::after {content: '+';color: var(--primary-color, #188193);background-image: none !important;transform: none !important;text-align: center;} #disclaimer #nestedAccordion .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-w, );text-align: center;} #disclaimer .skeleton-loading .accordion-button {background: linear-gradient(110deg, var(--white-color) 25%, var(--forth-color) 50%, var(--white-color) 75%);background-size: 200% 100%;animation: shimmer 2s infinite;color: var(--text-color-b);position: relative;overflow: hidden;} #disclaimer .skeleton-loading .accordion-item {border: 2px solid var(--primary-color);background: var(--white-color);border-radius: 0;} @keyframes shimmer { 0% {background-position: 200% 0;} 100% {background-position: -200% 0;} } #disclaimer .skeleton-loading .accordion-button::before {content: 'Loading';animation: loadingDots 2s infinite;position: relative;z-index: 1;} @keyframes loadingDots { 0% {content: 'Loading';} 16.6% {content: 'Loading.';} 33.2% {content: 'Loading..';} 49.8% {content: 'Loading...';} 66.4% {content: 'Loading....';} 83% {content: 'Loading.....';} 100% {content: 'Loading......';} } #disclaimer .skeleton-loading .accordion-button::after {display: none;} #disclaimer #searchResultsModal .modal-dialog {max-width: 90%;margin: 1.75rem auto;} #disclaimer #searchResultsModal .modal-body {padding: 1.5rem;} #disclaimer #searchResultsModal .table {margin-bottom: 0;} #disclaimer #searchResultsModal .table td {vertical-align: top;padding: 1rem;} #disclaimer #searchResultsModal .table td:first-child {width: 25%;font-weight: 500;} #disclaimer #searchResultsModal .pagination {margin-bottom: 0;} #disclaimer #searchResultsModal .pagination .page-link {padding: 0.5rem 0.75rem;} #disclaimer #searchResultsModal .form-select {width: auto;display: inline-block;} #disclaimer #searchResultsModal #filterResults {width: 300px;} @media (max-width: 768px) { #disclaimer #searchResultsModal .modal-dialog {max-width: 100%;margin: 0;} #disclaimer #searchResultsModal .d-flex {flex-direction: column;gap: 1rem;} #disclaimer #searchResultsModal #filterResults {width: 100%;} #disclaimer #searchResultsModal .table td:first-child {width: 35%;} } #faq section {padding: 4rem 1rem;} #faq .info-section {background-color: var(--primary-color);color: var(--text-color-w);} #faq #general .form-control {width: 40%;} @media screen and (max-width: 768px) {#general .form-control {width: 100%;}} #faq .btn-container {height: 100%;} #faq .btn-full {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 0 !important;} #faq .accordion-item:not(:first-of-type) {border-top: 2px solid var(--primary-color) !important;} #faq #nestedAccordion .accordion-item:first-of-type {border: none;} #faq .accordion-item:first-of-type {border-radius: 0;} #faq .accordion-item:last-of-type {border-radius: 0;} #faq .accordion-item:last-of-type>#faq .accordion-header .accordion-button.collapsed {border-radius: 0;} #faq .faq-section .accordion {border: none;} #faq .faq-accordion-item {border: 2px solid var(--primary-color);background: var(--background-color);} #faq .faq-section .accordion-button {background: var(--background-color);color: var(--text-color-b);border: none;box-shadow: none;padding: 1rem 1.5rem;transition: all 0.3s ease;} #faq .faq-section .level-2 .accordion-button {background: var(--forth-color);color: var(--text-color-b);} #faq .faq-section .level-3 .accordion-button {background: var(--fifth-color);color: var(--text-color-b);} #faq .faq-section .level-4 .accordion-button {background: var(--background-color);color: var(--text-color-b);} #faq .faq-section .accordion-button:hover {background-color: var(--secondary-color);color: var(--text-color-b);} #faq .faq-section .accordion-button:not(.collapsed) {color: var(--text-color-w, #fff);background: var(--primary-color);} #faq .faq-section .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #faq .faq-section .level-1 .accordion-button:not(.collapsed) {color: var(--text-color-w, #fff);background: var(--primary-color);} #faq .faq-section .level-1 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #faq .faq-section .level-2 .accordion-button:not(.collapsed) {color: var(--text-color-b, #000);background: var(--forth-color);} #faq .faq-section .level-2 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #faq .faq-section .level-3 .accordion-button:not(.collapsed) {color: var(--text-color-b, #000);background: var(--fifth-color);} #faq .faq-section .level-3 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #faq .faq-section .level-4 .accordion-button:not(.collapsed) {color: var(--text-color-b, #000);background: var(--forth-color);} #faq .faq-section .level-4 .accordion-button:not(.collapsed):hover {background: var(--secondary-color);color: var(--text-color-b);opacity: 0.9;} #faq .faq-section .accordion-body {border-top: 1px solid var(--primary-color);background: var(--background-color);} #faq .faq-section .list-group-item:not(:first-child) {border-top: 1px solid var(--primary-color);} #faq .faq-section .list-group-item {border-radius: 0;padding-left: 2rem;background: transparent;transition: all 0.3s ease;} #faq .faq-section .list-group-item:hover {background-color: var(--secondary-color);color: var(--text-color-b);} #faq .faq-section .article-link {cursor: pointer;color: var(--text-color-b);text-decoration: none;display: block;padding: 0.5rem 0;} #faq .faq-section .article-link:hover {color: var(--text-color-b);} #faq .faq-section .level-1 .accordion-button {padding-left: 1.5rem;} #faq .faq-section .level-2 .accordion-button {padding-left: 3rem;} #faq .faq-section .level-3 .accordion-button {padding-left: 4.5rem;} #faq .faq-section .level-1 .list-group-item {padding-left: 3rem;} #faq .faq-section .level-2 .list-group-item {padding-left: 4.5rem;} #faq .faq-section .level-3 .list-group-item {padding-left: 6rem;} #faq .faq-section .accordion-button::after {content: '+';color: var(--text-color-b);background-image: none !important;transform: none !important;text-align: center;} #faq .faq-section .level-1 .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-w, #fff);text-align: center;} #faq .faq-section .level-2 .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-b, #000);text-align: center;} #faq .faq-section .level-3 .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-b, #000);text-align: center;} #faq .accordion-item:first-of-type>#faq .accordion-header .accordion-button {border-radius: 0;border-top-left-radius: 0;border-top-right-radius: 0;} #faq .modal-header {border: none;} #faq .modal .accordion-item {border: 1px solid var(--primary-color);} #faq .modal-dialog {margin: 0;display: flex;align-items: center;min-height: calc(100% - 1rem);min-width: 300px;} @media (min-width: 576px) {#faq .modal-dialog {min-height: calc(100% - 3.5rem);}} #faq .article-content {line-height: 1.6;color: var(--text-color-b);} #faq .modal-content {border: none;border-radius: 0;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);} #faq .modal-header {background-color: var(--white-color);} #faq .modal-body {max-height: 70vh;overflow-y: auto;padding: 0 1rem 1rem;} #faq .custom-close-btn {background: transparent;border: none;padding: 0;margin-left: auto;display: flex;align-items: center;cursor: pointer;} #faq .custom-close-btn img {display: block;width: 32px;height: 32px;} #faq #nestedAccordion .accordion-item {border-radius: 0;} #faq #nestedAccordion .accordion-button::after {content: '+';color: var(--primary-color, #188193);background-image: none !important;transform: none !important;text-align: center;} #faq #nestedAccordion .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-w, );text-align: center;} #faq .skeleton-loading .accordion-button {background: linear-gradient(110deg, var(--white-color) 25%, var(--forth-color) 50%, var(--white-color) 75%);background-size: 200% 100%;animation: shimmer 2s infinite;color: var(--text-color-b);position: relative;overflow: hidden;} #faq .skeleton-loading .accordion-item {border: 2px solid var(--primary-color);background: var(--white-color);border-radius: 0;} @keyframes shimmer { 0% {background-position: 200% 0;} 100% {background-position: -200% 0;} } #faq .skeleton-loading .accordion-button::before {content: 'Loading';animation: loadingDots 2s infinite;position: relative;z-index: 1;} @keyframes loadingDots { 0% {content: 'Loading';} 16.6% {content: 'Loading.';} 33.2% {content: 'Loading..';} 49.8% {content: 'Loading...';} 66.4% {content: 'Loading....';} 83% {content: 'Loading.....';} 100% {content: 'Loading......';} } #faq .skeleton-loading .accordion-button::after {display: none;} #faq #searchResultsModal .modal-dialog {max-width: 90%;margin: 1.75rem auto;} #faq #searchResultsModal .modal-body {padding: 1.5rem;} #faq #searchResultsModal .table {margin-bottom: 0;} #faq #searchResultsModal .table td {vertical-align: top;padding: 1rem;} #faq #searchResultsModal .table td:first-child {width: 25%;font-weight: 500;} #faq #searchResultsModal .pagination {margin-bottom: 0;} #faq #searchResultsModal .pagination .page-link {padding: 0.5rem 0.75rem;} #faq #searchResultsModal .form-select {width: auto;display: inline-block;} #faq #searchResultsModal #filterResults {width: 300px;} @media (max-width: 768px) { #faq #searchResultsModal .modal-dialog {max-width: 100%;margin: 0;} #faq #searchResultsModal .d-flex {flex-direction: column;gap: 1rem;} #faq #searchResultsModal #filterResults {width: 100%;} #faq #searchResultsModal .table td:first-child {width: 35%;} } #rulebook section {padding: 4rem 1rem;} #rulebook .info-section {background-color: var(--primary-color);color: var(--text-color-w);} #rulebook #general .form-control {width: 40%;} @media screen and (max-width: 768px) {#general .form-control {width: 100%;}} #rulebook .btn-container {height: 100%;} #rulebook .btn-full {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 0 !important;} #rulebook .accordion-item:not(:first-of-type) {border-top: 2px solid var(--primary-color) !important;} #rulebook #nestedAccordion .accordion-item:first-of-type {border: none;} #rulebook .accordion-item:first-of-type {border-radius: 0;} #rulebook .accordion-item:last-of-type {border-radius: 0;} #rulebook .accordion-item:last-of-type>#rulebook .accordion-header .accordion-button.collapsed {border-radius: 0;} #rulebook .toc-section .accordion {border: none;} #rulebook .toc-accordion-item {border: 2px solid var(--primary-color);background: var(--background-color);} #rulebook .toc-section .accordion-button {background: var(--background-color);color: var(--text-color-b);border: none;box-shadow: none;padding: 1rem 1.5rem;transition: all 0.3s ease;} #rulebook .toc-section .level-2 .accordion-button {background: var(--forth-color);color: var(--text-color-b);} #rulebook .toc-section .accordion-button:hover {background-color: var(--secondary-color);color: var(--text-color-b);} #rulebook .toc-section .accordion-body {border-top: 1px solid var(--primary-color);background: var(--background-color);} #rulebook .toc-section .list-group-item:not(:first-child) {border-top: 1px solid var(--primary-color);} #rulebook .toc-section .list-group-item {border-radius: 0;padding-left: 2rem;background: transparent;transition: all 0.3s ease;} #rulebook .toc-section .list-group-item:hover {background-color: var(--secondary-color);color: var(--text-color-b);} #rulebook .toc-section .article-link {cursor: pointer;color: var(--text-color-b);text-decoration: none;display: block;padding: 0.5rem 0;} #rulebook .toc-section .article-link:hover {color: var(--text-color-b);} #rulebook .toc-section .level-1 .accordion-button {padding-left: 1.5rem;} #rulebook .toc-section .level-2 .accordion-button {padding-left: 3rem;} #rulebook .toc-section .level-3 .accordion-button {padding-left: 4.5rem;} #rulebook .toc-section .level-1 .list-group-item {padding-left: 3rem;} #rulebook .toc-section .level-2 .list-group-item {padding-left: 4.5rem;} #rulebook .toc-section .level-3 .list-group-item {padding-left: 6rem;} #rulebook .toc-section .level-1 .accordion-button:not(.collapsed) {color: var(--text-color-w, #000);background: var(--primary-color);} #rulebook .toc-section .level-1 .accordion-button:not(.collapsed):hover {background: var(--primary-color);opacity: 0.9;} #rulebook .toc-section .level-2 .accordion-button:not(.collapsed) {color: var(--text-color-b, #000);background: var(--forth-color);} #rulebook .toc-section .level-2 .accordion-button:not(.collapsed):hover {background: var(--forth-color);opacity: 0.9;} #rulebook .toc-section .level-3 .accordion-button:not(.collapsed) {color: var(--text-color-b, #000);background: var(--forth-color);} #rulebook .toc-section .level-3 .accordion-button:not(.collapsed):hover {background: var(--forth-color);opacity: 0.9;} #rulebook .toc-section .accordion-button::after {content: '+';color: var(--text-color-b);background-image: none !important;transform: none !important;text-align: center;} #rulebook .toc-section .level-1 .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-w, #fff);text-align: center;} #rulebook .toc-section .level-2 .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-b, #000);text-align: center;} #rulebook .accordion-item:first-of-type>#rulebook .accordion-header .accordion-button {border-radius: 0;border-top-left-radius: 0;border-top-right-radius: 0;} #rulebook .modal-header {border: none;} #rulebook .modal .accordion-item {border: 1px solid var(--primary-color);} #rulebook .modal-dialog {margin: 0;display: flex;align-items: center;min-height: calc(100% - 1rem);min-width: 300px;} @media (min-width: 576px) {.modal-dialog {min-height: calc(100% - 3.5rem);}} #rulebook .article-content {line-height: 1.6;color: var(--text-color-b);} #rulebook .modal-content {border: none;border-radius: 0;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);} #rulebook .modal-header {background-color: var(--white-color);} #rulebook .modal-body {max-height: 70vh;overflow-y: auto;padding: 0 1rem 1rem;} #rulebook .custom-close-btn {background: transparent;border: none;padding: 0;margin-left: auto;display: flex;align-items: center;cursor: pointer;} #rulebook .custom-close-btn img {display: block;width: 32px;height: 32px;} #rulebook #nestedAccordion .accordion-item {border-radius: 0;} #rulebook #nestedAccordion .accordion-button::after {content: '+';color: var(--primary-color, #188193);background-image: none !important;transform: none !important;text-align: center;} #rulebook #nestedAccordion .accordion-button:not(.collapsed)::after {content: '–';color: var(--text-color-w, );text-align: center;} #rulebook .skeleton-loading .accordion-button {background: linear-gradient(110deg, var(--white-color) 25%, var(--forth-color) 50%, var(--white-color) 75%);background-size: 200% 100%;animation: shimmer 2s infinite;color: var(--text-color-b);position: relative;overflow: hidden;} #rulebook .skeleton-loading .accordion-item {border: 2px solid var(--primary-color);background: var(--white-color);border-radius: 0;} @keyframes shimmer { 0% {background-position: 200% 0;} 100% {background-position: -200% 0;} } #rulebook .skeleton-loading .accordion-button::before {content: 'Loading';animation: loadingDots 2s infinite;position: relative;z-index: 1;} @keyframes loadingDots { 0% {content: 'Loading';} 16.6% {content: 'Loading.';} 33.2% {content: 'Loading..';} 49.8% {content: 'Loading...';} 66.4% {content: 'Loading....';} 83% {content: 'Loading.....';} 100% {content: 'Loading......';} } #rulebook .skeleton-loading .accordion-button::after {display: none;} #rulebook #searchResultsModal .modal-dialog {max-width: 90%;margin: 1.75rem auto;} #rulebook #searchResultsModal .modal-body {padding: 1.5rem;} #rulebook #searchResultsModal .table {margin-bottom: 0;} #rulebook #searchResultsModal .table td {vertical-align: top;padding: 1rem;} #rulebook #searchResultsModal .table td:first-child {width: 25%;font-weight: 500;} #rulebook #searchResultsModal .pagination {margin-bottom: 0;} #rulebook #searchResultsModal .pagination .page-link {padding: 0.5rem 0.75rem;} #rulebook #searchResultsModal .form-select {width: auto;display: inline-block;} #rulebook #searchResultsModal #filterResults {width: 300px;} @media (max-width: 768px) { #rulebook #searchResultsModal .modal-dialog {max-width: 100%;margin: 0;} #rulebook #searchResultsModal .d-flex {flex-direction: column;gap: 1rem;} #rulebook #searchResultsModal #filterResults {width: 100%;} #rulebook #searchResultsModal .table td:first-child {width: 35%;} }