/* body {
  transition: all 1s ease-in-out;
} */

.ct-top-text {
  font-family: "Revive80Outline";
  font-size: 96px;
}

.rumble-ruls-box ul li {
  font-family: "DINLight";
}

.dark-mode-active .home-menus .nav-link,
.dark-mode .about-intro-container h3,
.dark-mode .about-intro-sub-title,
.dark-mode .listening-intro-container h3,
.dark-mode .listening-intro-container p,
.dark-mode .filter-right-top-col span,
.dark-mode .filter-right-top-col p,
.dark-mode .filter-right-bottom-col p,
.dark-mode .filter-right-bottom-col span,
.dark-mode .list-grade-scale-row p,
.dark-mode .dropdown-basic-home.dropdown-menu.show button,
.dark-mode .support-plan-content,
.dark-mode .support-contact-content,
.dark-mode .about-intro-content,
.dark-mode .about-rumble-first-left-col h3,
.dark-mode .about-rumble-first-left-col p,
.dark-mode .about-what-we-offer-container h3,
.dark-mode .about-what-we-offer-container p,
.dark-mode .about-faq-container h3,
.dark-mode .about-faq-container p,
.dark-mode .faq-accordion-container .accordion-item .accordion-button,
.dark-mode .about-rum-root-container h3,
.dark-mode .about-rum-root-container p,
.dark-mode .choose-rumb-type-container h3,
.dark-mode .choose-rumb-type-container p,
.dark-mode .my-auto.d-flex h4,
.dark-mode .content-container.shown p,
.dark-mode .plans-f-main-container h3,
.dark-mode .plans-f-main-container p,
.dark-mode .our-features-main-container h3,
.dark-mode .our-features-main-container p,
.dark-mode .customer-sol-text,
.dark-mode .user-login-form-container h3,
.dark-mode .user-login-form-container p,
.dark-mode .user-login-form-container form label,
.dark-mode .register-main-conteiner h3,
.dark-mode .register-main-conteiner p,
.dark-mode .register-main-conteiner form label,
.dark-mode .reset-password-container h3,
.dark-mode .reset-password-container p,
.dark-mode .reset-password-container form label,
.dark-mode .usertopname,
.dark-mode .user-profile-details-container span,
.dark-mode .rumble-you-created-head-left-col h3,
.dark-mode .lets-create-new-rum-container h3,
.dark-mode .lets-create-new-rum-container p,
.dark-mode .rcfintro-text-container h3,
.dark-mode .rcfintro-text-container p,
.dark-mode .rumble-formate-title,
.dark-mode .create-rumble-acco-container label,
.dark-mode-active .set-rum-title,
.dark-mode-active .under-acc-title,
.dark-mode-active .timer-hide-container p,
.dark-mode-active .flash-rumble-ruls-main-heading,
.dark-mode-active .rumble-ruls-title,
.dark-mode-active .rumble-ruls-heading,
.dark-mode-active .rumble-ruls-sub-he,
.dark-mode-active .rumble-ruls-sub-heading,
.dark-mode .rumble-ruls-box li,
.dark-mode .general-ruls-container ul li,
.dark-mode .custom-accordion ul li,
.dark-mode-active .rumble-detail-acc-container .accordion-item button,
.dark-mode-active .rumble-detail-acc-container .accordion-item .accordion-body,
.dark-mode
  .MuiSelect-select.MuiSelect-outlined.MuiInputBase-input.MuiOutlinedInput-input.css-v3zyv7-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input,
.dark-mode .add-league-stage-list-section h5,
.dark-mode .add-league-stage-list-section p,
.dark-mode .league-boulder-title h3,
.dark-mode-active .select-rum-container .MuiSelect-select,
.dark-mode-active .rumble-detail-status,
.dark-mode-active .adddata-participants-title h3,
.dark-mode-active .adddata-boulders-data-box-row div h3,
.dark-mode-active .adddata-boulders-data-box-row div p,
.dark-mode-active .leader-flash-die-heading,
.dark-mode-active .leader-olympic-heading,
.dark-mode-active .legue-first-acc-left-col p,
.dark-mode-active .legue-first-acc-right-col p,
.dark-mode-active .reg-fee-title,
.dark-mode-active .add-comments-container p {
  color: #f3f3f3;
}

.dark-mode .plan-page-sub-heading.fontGreyColor {
  color: #f3f3f394 !important;
}

.dark-mode
  .faq-accordion-container
  .accordion-item
  .accordion-collapse
  .accordion-body,
.dark-mode .user-profile-details-container p {
  color: rgb(243 243 243 / 50%);
}

.dark-mode-active .dropdown-basic-home.dropdown-menu .dropdown-item:active {
  background-color: #0d6efd;
}

.dark-mode-active .dropdown-basic-home.dropdown-menu .dropdown-item:hover {
  background-color: #2125295b;
}

.dark-mode-active .dropdown-menu:not(.sector-selection) {
  --bs-dropdown-bg: rgb(58, 58, 58);
}
.dark-mode-active .dropdown-menu.sector-selection {
  --bs-dropdown-bg: #202020;
}

.dark-mode-active .menu-dp .dropdown-menu.show a:hover {
  background-color: #fff;
  color: #000;
}

.dark-mode .search-input {
  border-top: 1px solid #f5484d;
  border-bottom: 1px solid #f5484d;
}

.dark-mode .search-btn button {
  background-color: #3d3d3d;
  border-right: 1px solid #f5484d;
}

.dark-mode .search-input input {
  background-color: rgb(61, 61, 61);
  color: #9f9f9f;
}

.dark-mode .search-f-icon {
  border: 1px solid #f5484d;
  background-color: #f5484d;
}

.dark-mode .rumble-box-title,
.dark-mode .create-rumble-box-title,
.dark-mode .rumble-mood span,
.dark-mode .create-rumble-mood span,
.dark-mode .rumble-dur span,
.dark-mode .create-rumble-dur span,
.dark-mode .rumble-prize span,
.dark-mode .create-rumble-prize span,
.dark-mode .rumble-detail-box-title,
.dark-mode .rumble-detail-dur span,
.dark-mode .rumble-detail-mood span,
.dark-mode .rumble-detail-prize span,
.dark-mode .rumble-detail-allow-participants span,
.dark-mode .rumble-detail-rumb-participants span,
/* .dark-mode .rumble-detail-status span, */
.dark-mode .rumble-detail-boulders span {
  color: #f3f3f3;
}

.dark-mode-active .rumble-mood,
.dark-mode-active .rumble-dur,
.dark-mode-active .rumble-prize,
.dark-mode-active .rumble-start,
.dark-mode-active .rumble-orga,
.dark-mode-active .rumble-detail-orga,
.dark-mode-active .create-rumble-mood,
.dark-mode-active .create-rumble-dur,
.dark-mode-active .rumble-detail-dur,
.dark-mode-active .create-rumble-prize,
.dark-mode-active .rumble-detail-boulders,
.dark-mode-active .rumble-detail-mood,
.dark-mode-active .rumble-detail-prize,
.dark-mode-active .rumble-detail-allow-participants,
.dark-mode-active .rumble-detail-rumb-participants,
.dark-mode-active .create-rumble-start,
.dark-mode-active .create-rumble-orga,
.dark-mode-active .dropdown-menu.show a.dropdown-item,
.dark-mode-active
  .create-rumble-acco-container
  .MuiCollapse-wrapperInner
  .under-acc-content,
.dark-mode-active .rumble-ruls-org,
.dark-mode .rumble-detail-start-end,
.dark-mode-active .leader-flash-die-box-content p,
.dark-mode-active .popup-details-container p,
.dark-mode-active .leader-olympic-box-content p,
.dark-mode-active .toolbar.col-md-4 button,
.dark-mode .plan-notavailbe-details p,
.dark-mode .plan-cost span {
  color: #f3f3f394;
}

.dark-mode .mapboxgl-popup-content {
  background-color: #2e2e2e;
}

.dark-mode .list-filter-right-col .Mui-checked {
  color: rgba(185, 255, 102, 1) !important;
}

.dark-mode .faq-accordion-container .accordion-item {
  background-color: rgba(0,0,0,0.25);
}

.dark-mode .faq-accordion-container .accordion-item {
  border: 0px;
}

.dark-mode .flash-rumble-col,
.dark-mode .normal-rumble-col,
.dark-mode .rumble-league-col,
.dark-mode .rumble-first-row-left-col,
.dark-mode .rumble-first-row-right-col,
.dark-mode .rumble-second-row-left-col,
.dark-mode .rumble-second-row-right-col,
.dark-mode-active .rumble-ruls-box,
/* .dark-mode-active .rumble-ruls-container, */
.dark-mode .create-rum-input-container .create-search-input.h-100 input .dark-mode-active .create-rum-input-container .create-search-input input,
.dark-mode-active .add-comments-container {
  background-color: rgb(33,37,41);
}

.dark-mode .flash-rumble-col,
.dark-mode .normal-rumble-col,
.dark-mode .rumble-league-col,
.dark-mode .rumble-first-row-left-col,
.dark-mode .rumble-first-row-right-col,
.dark-mode .rumble-second-row-left-col,
.dark-mode .rumble-second-row-right-col {
  border: 1px solid rgba(0,0,0,0.25);
}

/* COMMENTED OUT TO FIX OVERLAY ISSUE
.dark-mode-active .modal-content,
.dark-mode-active .toolbar.col-md-4 {
  background-color: rgba(0,0,0,0.25);
  /* background-color: rgb(33,37,41); */
/* } */

.dark-mode-active .league-model-container label,
/* Boulder label styles moved to SharedStyle/BoulderModal.css */
.dark-mode-active .add-participants-data-container label {
  color: #f3f3f3;
}

.dark-mode-active .toolbar.col-md-4 button {
  background: transparent;
}

.dark-mode-active .toolbar.col-md-4 button.btn-danger {
  background-color: #bb2d3b;
  color: #f3f3f3;
}

.dark-mode-active .league-model-container .make-logo-container {
  background-color: rgb(61, 61, 61);
  border-top: 2px solid #2c2c2c;
}

.dark-mode-active .league-model-container .logo-maker-switch-container,
.dark-mode .rumble-ruls-container {
  background-color: rgb(255,255,255,0.05);
  border-radius: 6px;
  border: 1px;
}
.rumble-ruls-container.new,
.rumble-ruls-box.new {
  background-color: transparent;
}

.dark-mode-active .add-comments-container textarea {
  background-color: rgb(69, 69, 69);
}

/* .dark-mode-active .register-form-box-update-profile form input,
.dark-mode-active .register-form-box-update-profile select {
    border: 1px solid rgba(159, 159, 159, 1);
} */

.dark-mode-active input,
.dark-mode-active select,
.dark-mode-active .create-rumble-acco-container textarea,
.dark-mode .cat-search-icon.border-0.input-group-text,
.dark-mode-active .format-selection-cls,
.dark-mode-active .create-rum-input-container {
  background-color: rgb(255,255,255,0.05);
  color: rgba(159, 159, 159, 1) !important;
  border-color: #202020;
}

.dark-mode-active .modal-content .create-search-input input {
  background-color: rgb(32 32 32);
}

.dark-mode-active input:disabled {
  background-color: #434141;
  color: rgba(159, 159, 159, 1);
  border: 1px solid rgba(0,0,0,0.25);
}

.dark-mode-active input:focus,
.dark-mode-active select:focus,
.dark-mode-active textarea:focus {
  background-color: rgba(0,0,0,0.25);
  border: 1px solid rgba(159, 159, 159, 1);
  color: rgba(159, 159, 159, 1);
  outline: none;
}

.dark-mode-active input::placeholder,
.dark-mode-active select option {
  color: rgba(159, 159, 159, 1);
}

.dark-mode-active input[type="date"]::-webkit-calendar-picker-indicator,
.dark-mode-active
  input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}

.dark-mode-active .rdt_Pagination,
.dark-mode-active .rdt_Table div {
  background-color: rgba(0,0,0,0.25);
  color: rgba(159, 159, 159, 1);
}

.dark-mode-active .rdt_Pagination div button svg {
  fill: rgba(159, 159, 159, 1);
}

.dark-mode-active .tableContent {
  background-color: rgba(0,0,0,0.25);
}

.dark-mode
  .MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation0.MuiAccordion-root,
.dark-mode-active
  .MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation0.MuiAccordion-root,
.dark-mode .adddata-create-accordion-item,
.dark-mode .rumble-f-section,
.dark-mode .plan-free-box,
.dark-mode .login-form-box,
.dark-mode .register-form-box,
.dark-mode .reset-formbox,
.dark-mode .our-features-col {
  background-color: rgb(33,37,41);
}

.dark-mode-active .score-hide-container .MuiButtonBase-root,
.dark-mode .search-page-border-area {
  background-color: rgb(33,37,41) !important;
}

.dark-mode-active
  .MuiButtonBase-root.MuiAccordionSummary-root:not(
    .panel-dist-point-acc
  ).css-111tppt-MuiButtonBase-root-MuiAccordionSummary-root,
.dark-mode-active
  .MuiButtonBase-root.MuiAccordionSummary-root:not(
    .panel-dist-point-acc
  ).css-111tppt-MuiButtonBase-root-MuiAccordionSummary-root,
.dark-mode-active
  .MuiButtonBase-root.MuiAccordionSummary-root:not(
    .panel-dist-point-acc
  ).css-111tppt-MuiButtonBase-root-MuiAccordionSummary-root,
.dark-mode-active .create-accordion-title.accordion-heading-panel,
.dark-mode-active .MuiButtonBase-root.adddata-create-accordion-title {
  background-color: rgb(33,37,41) !important;
}

.dark-mode .create-accordion-item,
.dark-mode-active .create-accordion-item,
.dark-mode .rumble-f-section,
.dark-mode .adddata-create-accordion-item,
.dark-mode-active .toolbar.col-md-4,
.dark-mode .plan-free-box,
.dark-mode .login-form-box,
.dark-mode .register-form-box,
.dark-mode .reset-formbox {
  border: 0px !important;
}

.dark-mode-active .create-rumble-acco-container input,
.dark-mode-active .create-rumble-acco-container select,
.dark-mode-active .create-rumble-acco-container textarea,
.dark-mode-active .under-acc-item,
.dark-mode-active .rumble-main-info-left-col input,
.dark-mode-active .rumble-main-info-left-col select,
.dark-mode-active .rumble-main-info-left-col textarea,
.dark-mode-active .under-acc-item {
  border: 1px solid #202020;
  border: 0px !important;
}

.dark-mode .create-rumble-acco-container input:focus,
.dark-mode .create-rumble-acco-container select:focus,
.dark-mode .create-rumble-acco-container textarea:focus {
  border: 1px solid rgba(159, 159, 159, 1);
}

.dark-mode-active .dropdown-menu.show a.dropdown-item:hover {
  background-color: #27292c;
}

.dark-mode-active .score-switch-container,
.dark-mode-active .prize-switch-main-container,
.dark-mode-active .age-second-row div,
.dark-mode-active .age-first-row div,
.dark-mode-active .realtime-switch-container,
.dark-mode-active .gender-switch-container,
.dark-mode-active .age-switch-container,
.dark-mode-active .paypal-container,
.dark-mode-active .satispay-container,
.dark-mode-active .logo-maker-switch-container,
.dark-mode-active .same-formate-container {
  background-color: rgb(255,255,255,0.05);
  border-radius: 6px;
}

.dark-mode-active .comp_format .MuiButtonBase-root.MuiAccordionSummary-root {
  background-color: rgb(255,255,255,0.05) !important;
  border-radius: 6px;
}

.dark-mode-active .score-switch-container,
.dark-mode-active .timer-switch-container,
.dark-mode-active .prizes-options-panel .option-switch-wrapper,
.dark-mode-active .sponsors-options-panel .option-switch-wrapper,
.dark-mode-active .score-switch-main-container,
.dark-mode-active .realtime-switch-container,
.dark-mode-active .gender-leaderboard-container,
.dark-mode-active .age-leaderboard-container,
.dark-mode-active .gender-switch-container,
.dark-mode-active .age-switch-container,
.dark-mode-active .logo-maker-switch-container,
.dark-mode-active .same-formate-container {
  border: 1px;
}

.dark-mode-active .score-switch-container,
.dark-mode-active .timer-switch-container,
.dark-mode-active .prizes-options-panel .option-switch-wrapper,
.dark-mode-active .sponsors-options-panel .option-switch-wrapper,
.dark-mode-active .score-switch-main-container {
  border: 1px;
}

.dark-mode-active .score-hide-container,
.dark-mode-active .prize-hide-container,
.dark-mode-active .age-hide-container,
.dark-mode-active .make-logo-container,
.dark-mode-active .create-rum-input-container.h-auto,
.dark-mode-active
  .comp_format
  .MuiCollapse-root.MuiCollapse-vertical.MuiCollapse-entered {
  background-color: rgb(61, 61, 61);
  border-top: 2px solid #2c2c2c;
}

.dark-mode-active
  .modal-content
  .MuiAccordionDetails-root.create-accordion-content.css-ta84vm-MuiAccordionDetails-root {
  border-top: 2px solid #202020 !important;
}

.dark-mode-active .activeu10-container,
.dark-mode-active .paypal-container,
.dark-mode-active .satispay-container {
  border: 1px solid rgba(0,0,0,0.25);
}

.dark-mode-active .file-input-container label {
  color: #000;
}

.dark-mode .create-rum-input-container,
.dark-mode-active .create-rum-input-container {
  border: 1px solid #202020;
}

.dark-mode-active .create-rum-input-container.inp-grp {
  border-color: transparent !important;
}

.dark-mode
  .create-rum-input-container
  .create-search-input.h-100
  input
  .dark-mode-active
  .create-rum-input-container
  .create-search-input
  input {
  border: 1px solid rgb(44 44 44);
  background-color: rgb(61, 61, 61);
}

.dark-mode-active .realtime-leaderboard-container .parti-input {
  background: #2c2c2c;
}

.dark-mode-active input[type="radio"] {
  border: 1px solid #b9ff66 !important;
}

.dark-mode .add-league-stage-list-section {
  background-color: rgb(255,255,255,0.05);
  padding: 10px 20px;
  border-radius: 6px;
}

.dark-mode .league-boulders-data-box {
  background-color: rgb(61, 61, 61);
}

.dark-mode-active .adddata-participants-data-box:not(.new) {
  margin-bottom: 6px;
  border-radius: 6px;
}
.dark-mode-active .adddata-boulders-data-box:not(.new) {
  background-color: rgb(255,255,255,0.05);
  margin-bottom: 6px;
  border-radius: 6px;
}
.dark-mode-active .adddata-boulders-data-box-row.new {
  background-color: rgba(255,255,255,0.05);
  border-radius: 10px;
}
.dark-mode-active .adddata-boulders-data-box {
  box-shadow: none;
}

.adddata-boulders-data-box-row.new {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.dark-mode .create-rumble-box-right,
.dark-mode .rumble-box-right {
  background-color: rgb(255,255,255,0.05);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.dark-mode .create-rumble-box-right.w-100,
.dark-mode .rumble-box-right {
  border-radius: 10px;
}

.dark-mode-active .adddata-participants-data-box-row:not(.new) {
  border-bottom: 2px solid #2c2c2c;
}
.dark-mode-active .adddata-boulders-data-box-row {
  border-bottom: none !important;
  margin-bottom: 0.25rem !important;
}

body.dark-mode-active .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 30 30%22%3E%3Cpath stroke%3D%22rgba%28255%2C 255%2C 255%2C 0.9%29%22 stroke-width%3D%222%22 d%3D%22M4 7h22M4 15h22M4 23h22%22/%3E%3C/svg%3E");
}

.dark-mode .our-features-col {
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1);
}

/* Background styles moved to mobile-background-override.css for better mobile handling */

.fontGreyColor {
  color: #161c2da3 !important;
}

.dark-mode-active #goRumble {
  background-color: rgb(32, 32, 32);
}

#goRumble,
.flash-rumble-col,
.normal-rumble-col,
.rumble-league-col,
.rumble-first-row-left-col,
.rumble-first-row-right-col,
.rumble-second-row-left-col,
.rumble-second-row-right-col {
  background-color: rgb(255, 255, 255);
}

.disableDiv {
  filter: grayscale(100%);
}

.home-page-rumble-type-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../assets/media/rumble-about-us-main.png");
  text-align: center;
  color: #fff;
  font-family: "DINLight";
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.home-page-rumble-type-section .heading-section h3 {
  font-family: "Revive80";
}

.search-page-border-area.container {
  border: 1px solid rgba(245, 72, 77, 1);
  border-radius: 10px;
  background-color: #fff;
}

.filterModal h5 {
  font-family: "DINBold";
  font-size: 18px;
}

.filterModal .border-rr-bottom {
  border-bottom-right-radius: 10px;
}

.filterModal .border-rl-bottom {
  border-bottom-left-radius: 10px;
}

.filterModal .border-rr-top {
  border-top-right-radius: 10px;
}

.filterModal .border-rl-top {
  border-top-left-radius: 10px;
}

.filterModal .modal-content {
  padding: 0.5rem !important;
}

.filterModal .col-md-3,
.filterModal button {
  font-family: "DINRegular";
}

.filterModal .checked-filter.col-md-3,
.filterModal .checked-filter.col-md-9 {
  background-color: rgb(239, 238, 241);
}

.filterModal .col-md-3,
.filterModal .col-md-9 {
  cursor: pointer;
}

.search-container.new {
  width: 30%;
  margin: 0 auto;
}

.dark-mode-active .filterModal .checked-filter.col-md-3,
.dark-mode-active .filterModal .checked-filter.col-md-9,
.dark-mode-active .filterModal .ct-bg {
  background-color: rgb(33,37,41);
}

.dark-mode-active .filterModal .unchecked-filter.col-md-3,
.dark-mode-active .filterModal .unchecked-filter.col-md-9,
.dark-mode-active .setRegiFee-right-col .fee_charges {
  background-color: rgb(255,255,255,0.05);
}

.dark-mode-active .filterModal .border {
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
}

.filterModal .MuiSlider-root {
  color: #f5484d !important;
}

.filterModal .modal-body .btn.btn-primary {
  background-color: rgba(185, 255, 102, 1);
  border: 1px solid rgba(185, 255, 102, 1);
  color: #000;
}

.filterModal .modal-body .btn.btn-secondary {
  background-color: rgba(245, 72, 77, 1);
  border: 1px solid rgba(245, 72, 77, 1);
  color: #000;
  margin-right: 15px;
}

.filterModal .modal-body input[type="date"] {
  border-radius: 10px;
  padding: 10px;
}

.filterModal input[type="radio"] {
  outline: 2px solid #000;
  border: 2px;
  fill: rgba(245, 72, 77, 1);
}

.filterModal input[type="radio"]:checked {
  background-color: rgba(245, 72, 77, 1);

  outline: 2px solid rgba(245, 72, 77, 1);
}

.filterModal input[type="radio"]:checked::before {
  background: rgba(245, 72, 77, 1);
  border: 2px solid rgba(245, 72, 77, 1);
  box-shadow: inset 0 0 0 2px #fff;
}

.dark-mode-active .filterModal input[type="radio"] {
  outline: 2px solid #fff !important;
  border: 2px !important;
  fill: rgba(245, 72, 77, 1) !important;
}

.dark-mode-active .filterModal input[type="radio"]:checked {
  background-color: rgba(245, 72, 77, 1) !important;
  outline: 2px solid rgba(245, 72, 77, 1) !important;
}

.dark-mode-active .filterModal input[type="radio"]:checked::before {
  background: rgba(245, 72, 77, 1) !important;
  border: 2px solid rgba(245, 72, 77, 1) !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

.filterModal .ct-bg {
  background-color: rgb(243, 243, 243);
}

.filterModal .ct-bg input {
  border: 0px;
}

.timerInputs-grp.input-group {
  width: 75px;
}

input.timerInputs.form-control {
  font-family: "DINBold";
  font-size: 32px;
}


.dark-mode-active .modal-footer {
  border-color: #3c3c3c;
}

input.form-control:not(.not),
select.form-select,
input,
textarea {
  border: none !important;
}

.dark-mode-active .form-control,
.dark-mode-active .form-select,
.dark-mode-active input,
.dark-mode textarea {
  border: none !important;
}

label,
label.form-label {
  font-family: "DINRegular";
}
.dark-mode-active .rule_printer {
  color: #fff !important;
}
.dark-mode-active .modal-content .btn-close {
  filter: brightness(0) invert(1);
}
.react-datepicker-wrapper {
  width: 100%;
}
.rumble-box-right.border-right-side-radius {
  border-radius: 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.bb-boulder-save-draft-btn {
  color: #f3f3f3;
  font-family: "DINBold";
  background-color: #727272;
  border: 0;
  padding: 5px 15px;
  border-radius: 5px;
}
.bb-boulder-save-btn {
  color: #f3f3f3;
  font-family: "DINBold";
  background-color: #f5484d;
  border: 0;
  padding: 5px 15px;
  border-radius: 5px;
}
.rumble-option-drp {
  position: absolute;
  z-index: 1000;
  border-radius: 8px;
  width: 160px;
  padding: 5px 0;
  font-family: "DINRegular";
}
.rumble-option-drp {
  font-size: 18px;
}
.dark-mode-active .rumble-option-drp a span,
.dark-mode-active .rumble-option-drp a svg {
  color: #fff;
}

.draft-status {
  font-size: 14px;
}
.dark-mode-active .format-option-col,
.dark-mode-active .format-opt-acc,
.dark-mode-active .panel-dist-point {
  background-color: rgba(54, 54, 54, 1) !important;
}
.dark-mode-active .panel-dist-point-acc {
  background-color: rgba(54, 54, 54, 1);
}
.format-option-col {
  border: 2px !important;
  border-radius: 5px;
}
.format-option-col.active-opt {
  border: 2px solid #b9ff66 !important;
  border-radius: 5px;
}
span.d-point-value {
  padding: 10px;
  border-radius: 4px;
}
.dark-mode-active span.d-point-value {
  background-color: rgba(61, 61, 61, 1);
}

.rule-new-section p.MuiTypography-root {
  color: #f5484d !important;
  font-size: 22px;
  font-family: "DINBold";
}
.custom-accordion .accordion-title {
  font-family: "DIN Next LT Pro";
  font-size: 20px;
}

.dark-mode-active .custom-accordion {
  background-color: rgb(255,255,255,0.05);
}
.custom-accordion {
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}
.custom-accordion .accordion-header {
  cursor: pointer;
  padding: 0 !important;
  color: #333333;
  display: flex;
  align-items: center;
}

/* Stili per il modal rulesheet */
.css-vl90cy-MuiTypography-root-MuiDialogTitle-root {
  border-bottom: none !important;
}

/* Stili per l'accordion - sfondo visibile solo quando espanso */
.dark-mode-active .custom-accordion {
  background-color: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px !important;
  transition: all 0.3s ease !important;
}

.dark-mode-active .custom-accordion.expanded {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
}

.dark-mode-active .custom-accordion .accordion-header {
  color: #ffffff !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
}

.dark-mode-active .custom-accordion .accordion-header:hover {
  color: #f5484d !important;
}

.custom-accordion {
  background-color: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px !important;
  transition: all 0.3s ease !important;
}

.custom-accordion.expanded {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
}

.custom-accordion .accordion-title {
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* Override background from generic selectors */
.custom-accordion .accordion-header,
.accordion-header,
div.accordion-header,
.dark-mode .custom-accordion .accordion-header,
.dark-mode .accordion-header,
.dark-mode div.accordion-header {
  background-color: transparent !important;
  background: transparent !important;
}

@media (max-width: 767px) {
  .search-container.new {
    width: 90%;
  }

  .dark-mode-active .adddata-participants-data-box,
  .dark-mode-active .adddata-boulders-data-box {
    background-color: unset;
    margin-bottom: unset;
    border-radius: 6px;
  }

  .dark-mode-active .adddata-participants-data-box-row {
    border-color: #202020 !important;
    background-color: rgb(255,255,255,0.05);
  }

  .me-auto.home-menus.navbar-nav button.MuiIconButton-sizeMedium {
    -webkit-justify-content: left !important;
    padding: 0px 4px 6px 4px;
  }

  .home-menus .nav-link {
    margin: 0px 0px 0px 20px !important;
  }
}

/* Global MUI DialogContent styling - COMMENTED OUT TO FIX OVERLAY ISSUE */
/* .MuiDialogContent-root {
  background-color: rgb(33, 37, 41) !important;
  color: #ffffff !important;
} */

/* Preserve input background on focus for all form controls */
input.form-control:focus,
select.form-select:focus,
input:focus,
textarea:focus,
.form-control:focus,
.form-select:focus {
  background-color: inherit !important;
  background: inherit !important;
}

/* Dark mode specific focus styles - preserve existing background */
.dark-mode-active input.form-control:focus,
.dark-mode-active select.form-select:focus,
.dark-mode-active input:focus,
.dark-mode-active textarea:focus,
.dark-mode-active .form-control:focus,
.dark-mode-active .form-select:focus {
  background-color: rgba(0,0,0,0.25) !important;
  border-color: rgba(159, 159, 159, 1);
  color: rgba(159, 159, 159, 1);
}

/* Specific preservation for prize and sponsor inputs */
.prize-rank-select:focus,
.prize-desc-input:focus {
  background: rgba(255, 255, 255, 0.05) !important;
}

/* Gray out disabled rank options */
.prize-rank-select option:disabled {
  color: rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 0, 0, 0.3);
  font-style: italic;
}