/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgb(24, 24, 25) rgb(18, 18, 18);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: rgb(82, 81, 81);
}

*::-webkit-scrollbar-thumb {
  background-color: rgb(27, 27, 27);
  border-radius: 20px;
  border: 3px solid rgb(41, 41, 41);
}

body {
  font-family: "Montserrat" !important;
  font-size: 0.9rem;
  -webkit-font-smoothing: subpixel-antialiased;
}

.background-transparent {
  background: rgba(0, 0, 0, 0) !important;
}

.chart-background {
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7637429971988796) 39%, rgba(0, 0, 0, 0.6867121848739496) 100%);
}

.carousel-bgcolor {
  background: rgb(0, 0, 0);
  background: linear-gradient(164deg, rgba(0, 0, 0, 0.9668242296918768) 0%, rgba(0, 0, 0, 0.8099614845938375) 82%, rgba(68, 0, 0, 0.7903536414565826) 100%);
  color: #fff;
}

.carousel-video-background {
  background: rgb(21, 20, 20);
  background-position: 90px top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: rgb(215, 215, 215);
  width: 100%;
  height: 175px;
}

.carousel-ondemand-video-background {
  background: rgb(21, 20, 20);
  background-position-x: 90%;
  background-position-y: 50%;
  background-size: 40% 65%;
  background-repeat: no-repeat;
  color: rgb(215, 215, 215);
  height: 175px;
  width: 100%;
}

.class-airdate-color {
  color: #ff3123;
  text-shadow: 2px 2px 2px #000000 !important;
}

.classOnAir {
  background: rgba(208, 0, 0, 0.824);
}

.classOnAirEncore {
  border-left: 12px solid #38005d;
  background: rgba(208, 0, 0, 0.824);
}

.classComplete {
  border-left: 12px solid rgba(208, 0, 0, 0.824) !important;
  background: rgb(5, 168, 0) !important;
  background: linear-gradient(180deg, rgba(3, 98, 0, 0.968) 0%, rgba(5, 106, 0, 0.81) 74%, rgba(22, 108, 0, 0.79) 100%) !important;
}

.classCompleteEncore {
  border-left: 12px solid #38005d;
  background: rgb(5, 168, 0) !important;
  background: linear-gradient(180deg, rgba(3, 98, 0, 0.968) 0%, rgba(5, 106, 0, 0.81) 74%, rgba(22, 108, 0, 0.79) 100%) !important;
}

.classScheduled {
  border-left: 12px solid rgba(134, 0, 0, 0.867);
  background: rgba(0, 14, 208, 0.476) !important;
}

.classScheduledEncore {
  border-left: 12px solid #38005d;
  background: #38005d;
  background: rgba(0, 14, 208, 0.476) !important;
}

/* .calenderClassItem {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  margin: 12px !important;
  margin-bottom: 12px !important;
  color: azure;
  font-size: 1.1rem !important;
} */

.connect-bgcolor {
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(121, 9, 9, 1) 55%, rgba(157, 0, 0, 1) 100%);
  border: 1px solid black;
}

.echelon-color {
  color: #B21107;
}

.echelon-bgcolor {
  background-color: #B21107;
  /* background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(121,9,9,1) 55%, rgba(157,0,0,1) 100%); */
}

.echelon-iconpicker-bgcolor {
  background: rgb(238, 238, 238) !important;
  background: linear-gradient(0deg, rgba(238, 238, 238, 1) 0%, rgba(224, 224, 224, 0.833) 93%, rgba(255, 255, 255, 0.792) 100%) !important;
  color: #000000 !important;
}

.echelon-iconpicker-bgcolor-selected {
  background: rgb(238, 238, 238) !important;
  background: linear-gradient(0deg, rgba(238, 238, 238, 1) 0%, rgba(224, 224, 224, 0.833) 93%, rgba(255, 255, 255, 0.792) 100%) !important;
  color: #B21107 !important;
}

@media screen and (max-width: 1200px) {
  .p-blockui.p-component-overlay {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9668242296918768) 100%, rgba(0, 0, 0, 0.8099614845938375) 48%, rgba(18, 0, 0, 0.79) 0%);
  }

  .p-carousel,
  .p-carousel-content {
    display: flex;
    flex-direction: column;
    padding-bottom: 16px;
  }

  .p-carousel-indicators {
    display: none !important;
  }
}

.p-component {
  font-family: "Montserrat" !important;
  font-size: 1.0rem;
  font-weight: normal;
}

.p-message-custom {
  background-color: #2b2b2b !important;
  border: 1px solid #4a0000 !important;
  border-width: 0 0 0 6px;
  color: #ffffff;
}

.f-close-button{
  position: absolute !important;
  top: 10px;
  right: 10px;
}

.p-message-custom-close-icon {
  color: #2c1e30 !important;
}

.p-message-class-scheduled {
  background-color: #ff00482b;
  border: solid #430000;
  border-width: 0 0 0 6px;
  color: #ffffff;
}

.p-message-class-unavailable {
  background-color: #93490082;
  border: solid #934a00;
  border-width: 0 0 0 6px;
  color: #fff;
}

.p-message-class-loading {
  background-color: #1c1c1c82;
  border: solid #484848;
  border-width: 0 0 0 6px;
  color: #fff;
}

.p-message-class-completed {
  background-color: #2fff0018;
  border: solid #004304;
  border-width: 0 0 0 6px;
  color: #ffffff;
}

.p-message-class-onAir {
  background-color: #ff0400d9;
  border: solid #ff0400d9;
  border-width: 0 0 0 6px;
  color: #ffffff;
}

.p-message-noresult {
  background: rgb(196, 0, 0);
  background: linear-gradient(0deg, rgba(196, 0, 0, 0.125) 0%, rgba(105, 2, 2, 0.125) 48%, rgba(217, 0, 0, 0.132) 100%);

  border: solid #4f0000;
  border-width: 0px 0 0 12px;
  color: #fff;
  padding: 4px;
}

.p-message-status-active {
  border-left: 12px solid rgba(208, 0, 0, 0.824) !important;
  background: rgb(5, 168, 0) !important;
  background: linear-gradient(180deg, rgba(3, 98, 0, 0.968) 0%, rgba(5, 106, 0, 0.81) 74%, rgba(22, 108, 0, 0.79) 100%) !important;
}

.p-message-status-inactive {
  border-left: 12px solid rgba(208, 0, 0, 0.824) !important;
  background: rgb(168, 25, 0) !important;
  background: linear-gradient(180deg, rgba(98, 0, 0, 0.968) 0%, rgba(106, 0, 0, 0.81) 74%, rgba(108, 0, 0, 0.79) 100%) !important;
}

.p-calendar .p-inputtext {
  flex: 1 1 auto;
  width: 1%;
  padding: 13px !important;
}

.p-highlight,
.p-datatable .p-datatable-tbody>tr.p-highlight,
.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even).p-highlight {
  background: none !important;
}

.p-datatable .p-datatable-tbody>tr {
  outline-color: rgb(18, 18, 18) !important;
}

.pagerbox1-bgcolor {
  background-color: rgba(250, 85, 25, 0.906) !important;
  color: rgb(244, 244, 244) !important;
}

.pagerbox2-bgcolor {
  background-color: rgba(172, 7, 4, 0.858) !important;
  color: #fff !important;
}

.pagerbox3-bgcolor {
  background-color: #039b3be9 !important;
  color: #fff !important;
}

.pagerbox1-bgcolor-dark {
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(41, 41, 41, 0.953) 0%, rgba(33, 30, 30, 0.866) 40%, rgba(5, 5, 5, 0.6867121848739496) 100%);
  color: #fff !important;
}

.pagerbox2-bgcolor-dark {
  background: rgb(31, 77, 0);
  background: linear-gradient(0deg, rgba(31, 77, 0, 0.9528186274509804) 0%, rgba(6, 82, 0, 0.865983893557423) 40%, rgba(0, 33, 0, 0.6867121848739496) 100%);
  color: #fff !important;
}

.pagerbox3-bgcolor-dark {
  background: rgb(77, 0, 0);
  background: linear-gradient(0deg, rgba(77, 0, 0, 0.9528186274509804) 0%, rgba(82, 0, 0, 0.865983893557423) 40%, rgba(33, 0, 0, 0.6867121848739496) 100%);
  color: #fff !important;
}

.flip-box {
  perspective: 1000px;
  /* Remove this if you don't want the 3D effect */
}

.flip-card-stats-box {
  height: 160px;
}

/* .fc .fc-daygrid-day-number {
  font-size: 2.8rem !important;
  font-weight: bolder !important;
}

.fc table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1.4em;
}

.fc .fc-col-header-cell-cushion {
  display: inline-block;
  padding: 8px 4px;
}

.fc-theme-standard td,
.fc-theme-standard th {
  border: 3px solid rgb(64 64 64) !important;
  padding: 8px !important;
}

.fc-theme-standard .fc-scrollgrid {
  border: 3px solid rgb(64 64 64) !important;
} */

.family-chip {
  background: hsl(221, 66%, 28%);
  color: #ffffff;
}

.filter-chip {
  background: var(--primary-color);
  color: var(--primary-color-text);
}

.filterChart-color1 {
  background-color: #62ff00f7 !important;
  color: #fff !important;
}

.form-error {
  background: rgb(196, 0, 0);
  background: linear-gradient(0deg, rgb(158 0 0 / 69%) 0%, rgb(152 0 0 / 85%) 48%, rgb(216 0 0 / 64%) 100%);
  border: solid #4f0000;
  border-width: 0px 0 0 12px;
  color: #fff;
  width:auto;
  padding:1.2rem;
  display:block;
  clear:both;
  font-size:1rem;
  margin-right: 4px !important;
}

.instructorImageBox {
  background: rgb(21, 20, 20);
  background-position: left top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: rgb(215, 215, 215);
  width: 100%;
  height: 150px;
}

.layout-topbar-echelon {
  --topbar-bg-color: #1e1e1e;
  --topbar-text-color: #ffffff;
}

.layout-topbar-echelon .layout-topbar {
  color: #ffffff;
  background-color: #1e1e1e;
}

.layout-topbar-echelon .layout-topbar a {
  color: #ffffff;
}

.layout-topbar-echelon .layout-topbar .layout-topbar a:hover {
  background-color: #8b0000;
  transition: background-color 0.2s;
}

.layout-topbar-echelon .layout-topbar-logo a:hover,
.layout-topbar .layout-topbar-left .layout-topbar-logo {
  width: 17rem;
  height: 100%;
  padding-right: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.layout-topbar-echelon .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  /* background-color: #990000 !important; */
}
.layout-topbar-dark .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  background-color: transparent !important;
}

.layout-topbar-echelon .layout-topbar .layout-topbar-left {
  background-color: #1e1e1e;
}

.layout-topbar-echelon .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #212121;
  background-color: #1e1e1e;
}

.layout-topbar-echelon .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #202020;
  transition: background-color 0.2s;
}

.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}

.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text,
.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-icon,
.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}

.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}

.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #262626;
  color: rgba(255, 255, 255, 0.87);
}

.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: rgba(255, 255, 255, 0.87);
}

.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}

.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(255, 255, 255, 0.04);
  transition: background-color 0.2s;
}

.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #121212;
  color: rgba(255, 255, 255, 0.87);
}

.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #121212;
  color: rgba(255, 255, 255, 0.87);
}

.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #121212;
  color: rgba(255, 255, 255, 0.87);
}

.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #121212;
  color: rgba(255, 255, 255, 0.87);
}

.layout-topbar-echelon .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: rgba(255, 255, 255, 0.87);
}

.layout-menu-echelon {
  --menu-bg-color: #B21107;
  --menu-text-color: #ffffff;
}

.layout-menu-echelon .menu-wrapper {
  background-color: #B21107;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}

.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-menu>li>div .layout-menuitem-text {
  color: #ffffff;
}

.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-menu>li>ul {
  background-color: #B21107;
}

.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-menu li a {
  color: rgba(255, 255, 255, 0.973);
}

.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: rgba(255, 255, 255, 0.973);
}

.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.12);
}

.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem>a {
  background-color: rgba(0, 0, 0, 0.705);
  color: #ffffff;
}

.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem>a>i {
  color: #ffffff;
}

.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24);
}

.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: rgb(255, 255, 255);
}

.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: rgb(255, 255, 255);
}

.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: rgb(255, 255, 255);
}

.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(3, 3, 3, 0.603);
}

.layout-menu-echelon .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #B21107;
}

@media (min-width: 992px) {

  .layout-menu-echelon.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu>li>ul,
  .layout-menu-echelon.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu>li>ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }

  .layout-menu-echelon.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.p-button-disabled {
  background: rgb(0, 0, 0) !important;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 93%, rgba(5, 5, 5, 0.6867121848739496) 100%) !important;
  color: #fff !important;
  padding: 12px !important;
}

.parent-chip {
  background: #EF002B;
  color: #ffffff;
}

.reflect-bgcolor {
  background: rgb(67, 67, 67);
  background: linear-gradient(0deg, rgba(67, 67, 67, 1) 0%, rgba(67, 67, 67, 1) 35%, rgba(5, 5, 5, 0.6867121848739496) 100%);

  border: 1px solid black;
}


.search-input {
  padding: 10px !important;
  font-size: 20px !important;
  font-weight: bolder !important;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.search-input .p-multiselect.p-multiselect-chip .p-multiselect-token {
  padding: 10px !important;
  margin-right: .5rem;
  background: rgba(100, 181, 246, 0.16);
  color: rgba(255, 255, 255, 0.87);
  border-radius: 3px;
}

.search-progress-bar .p-progressbar .p-progressbar-value {
  background: rgba(15, 255, 15, 0.146) !important;
}

.search-result-customer {
  border-left: 10px solid green !important
}

.search-result-subscription {
  border-left: 10px solid rgb(139, 120, 0) !important
}

.search-result-connectLive {
  border-left: 10px solid rgb(139, 7, 0) !important
}

.search-result-connectOnDemand {
  border-left: 10px solid rgb(74, 4, 0) !important
}

.search-result-reflectLive {
  border-left: 10px solid rgb(105, 105, 105) !important
}

.search-result-reflectOnDemand {
  border-left: 10px solid rgb(49, 49, 49) !important
}

.search-result-equipment {
  border-left: 10px solid orange !important
}

.search-result-plans {
  border-left: 10px solid orangered !important
}

.search-result-dealers {
  border-left: 10px solid blueviolet !important
}

.search-result-retailers {
  border-left: 10px solid olivedrab !important
}

.search-result-instructors {
  border-left: 10px solid lightcoral !important
}

.search-result-transactions {
  border-left: 10px solid rgba(172, 255, 47, 0.523) !important
}

.search-result-orders {
  border-left: 10px solid goldenrod !important
}

.site-search-bar {
  background: linear-gradient(rgba(0, 0, 0, 0.89), rgb(20, 0, 0));
  color: rgb(99, 13, 13);
}

.stats-surface-text-color {
  color: #b4b4b4 !important;
}

.stats-customers-box {
  background: linear-gradient(rgba(0, 0, 0, 0.89), rgba(10, 32, 0, 0.77));
  color: rgb(99, 13, 13);
}

.stats-customers-cancel-box {
  background: linear-gradient(rgba(0, 0, 0, 0.89), rgb(20, 0, 0));
  color: rgb(99, 13, 13);
}

.stats-subscriptions-box {
  background: linear-gradient(rgba(0, 0, 0, 0.89), rgb(0, 17, 39));
  color: #fff;
}

.stats-subscriptions-cancel-box {
  background: linear-gradient(rgba(0, 0, 0, 0.89), rgb(0, 17, 39));
  color: #fff;
}

.stats-live-class-box {
  background: linear-gradient(rgba(0, 0, 0, 0.89), rgb(99, 0, 0));
  color: #fff;
}

.stats-live-class-reflect-box {
  background: linear-gradient(rgba(0, 0, 0, 0.89), rgb(99, 0, 0));
  color: #fff;
}

.stats-revenue-box {
  background: linear-gradient(rgba(0, 0, 0, 0.89), rgb(2, 54, 15));
  color: #fff;
}

.stats-revenue-box-br {
  background: linear-gradient(rgba(0, 0, 0, 0.89), rgb(2, 54, 15));
  color: #fff;
}

.stats-revenue-box-us {
  background: linear-gradient(180deg, rgb(0, 0, 0, 90%) 0%,  rgba(78, 0, 0, 0.942) 30%, rgba(185, 185, 185, 0.342) 45%, rgba(0, 2, 99, 0.779) 85%);
  color: #fff;
}

.stats-revenue-box-ca {
  background: linear-gradient(180deg, rgb(0, 0, 0, 90%) 0%,  rgba(78, 0, 0, 0.942) 30%, rgb(73, 0, 0) 45%, rgba(2, 2, 2, 0.779) 85%);
  color: #fff;
}

.stats-revenue-box-co {
  background: linear-gradient(rgba(0, 0, 0, 0.89), rgb(2, 54, 15));
  color: #fff;
}

.stats-revenue-box-mx {
  background: rgb(4, 73, 0);
  background: linear-gradient(180deg, rgb(0, 0, 0, 90%) 0%,  rgba(2, 49, 0, 0.942) 30%, rgb(5, 46, 0) 45%, rgba(65,65,65,0.7791491596638656) 63%, rgba(126,0,0,1) 100%);
}

.stats-revenue-box-eu {
  background: rgb(39, 0, 65);
  background: linear-gradient(180deg, rgb(0, 0, 0, 90%) 0%, rgba(47, 0, 78, 0.81) 30%, rgba(13, 0, 24, 0.901) 100%);
}

.stats-revenue-box-is {
  background: linear-gradient(rgba(0, 0, 0, 0.89), rgb(2, 54, 15));
  color: #fff;
}

.stats-revenue-box-uk {
  background: linear-gradient(180deg, rgba(0, 0, 0, 90%) 0%, rgba(0, 13, 60, 70%) 30%, rgb(187, 170, 170, 41%) 50%, rgba(126, 0, 0, 0.7) 80%);
  color: #fff;
}

.test-color {
  color: #ff0000;
}

.theater-background {
  background: rgb(0, 0, 0);
  color: #fff;
}

.theater-background-right {
  background: rgb(0, 0, 0);
  background: linear-gradient(164deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 82%, rgba(68, 0, 0, 0.7903536414565826) 100%);
  color: #fff;
}

.video-live-tag {
  background: #EF002B;
  color: #ffffff;
}

.video-encore-tag {
  background: #cf00ef5f;
  color: #ffffff;
  border: 1px solid rgb(0, 0, 0) !important;
}

.video-scheduled-tag {
  background: #0014ef56;
  color: #ffffff;
}

.video-complete-tag {
  background: #0f5c00eb;
  color: #ffffff;
}

.video-encore-complete-tag {
  background: #0f5c00eb;
  color: #ffffff;
}

.fc .fc-popover-header {
  background: #1e1e1e !important;
  color: #e6e6e6;
  height: 50px;
  font-size: 17px;
}
.fc .fc-more-popover .fc-popover-body{
  background: #353434;
}