html {
--mat-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
--mat-option-selected-state-label-text-color: #673ab7;
--mat-option-label-text-color: rgba(0, 0, 0, 0.87);
--mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
--mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
--mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
html {
--mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-full-pseudo-checkbox-selected-icon-color: #ffd740;
--mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
--mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
--mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
--mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffd740;
--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
--mat-option-label-text-font: Roboto, sans-serif;
--mat-option-label-text-line-height: 24px;
--mat-option-label-text-size: 16px;
--mat-option-label-text-tracking: 0.03125em;
--mat-option-label-text-weight: 400;
}
html {
--mat-optgroup-label-text-font: Roboto, sans-serif;
--mat-optgroup-label-text-line-height: 24px;
--mat-optgroup-label-text-size: 16px;
--mat-optgroup-label-text-tracking: 0.03125em;
--mat-optgroup-label-text-weight: 400;
}
html {
--mdc-elevated-card-container-shape: 4px;
--mdc-outlined-card-container-shape: 4px;
--mdc-outlined-card-outline-width: 1px;
}
html {
--mdc-elevated-card-container-color: white;
--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mdc-outlined-card-container-color: white;
--mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}
html {
--mat-card-title-text-font: Roboto, sans-serif;
--mat-card-title-text-line-height: 32px;
--mat-card-title-text-size: 20px;
--mat-card-title-text-tracking: 0.0125em;
--mat-card-title-text-weight: 500;
--mat-card-subtitle-text-font: Roboto, sans-serif;
--mat-card-subtitle-text-line-height: 22px;
--mat-card-subtitle-text-size: 14px;
--mat-card-subtitle-text-tracking: 0.0071428571em;
--mat-card-subtitle-text-weight: 500;
}
html {
--mdc-linear-progress-active-indicator-height: 4px;
--mdc-linear-progress-track-height: 4px;
--mdc-linear-progress-track-shape: 0;
}
html {
--mdc-plain-tooltip-container-shape: 4px;
--mdc-plain-tooltip-supporting-text-line-height: 16px;
}
html {
--mdc-plain-tooltip-container-color: #616161;
--mdc-plain-tooltip-supporting-text-color: #fff;
}
html {
--mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
--mdc-plain-tooltip-supporting-text-size: 12px;
--mdc-plain-tooltip-supporting-text-weight: 400;
--mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
--mdc-filled-text-field-active-indicator-height: 1px;
--mdc-filled-text-field-focus-active-indicator-height: 2px;
--mdc-filled-text-field-container-shape: 4px;
--mdc-outlined-text-field-outline-width: 1px;
--mdc-outlined-text-field-focus-outline-width: 2px;
--mdc-outlined-text-field-container-shape: 4px;
}
html {
--mdc-filled-text-field-caret-color: #673ab7;
--mdc-filled-text-field-focus-active-indicator-color: #673ab7;
--mdc-filled-text-field-focus-label-text-color: rgba(103, 58, 183, 0.87);
--mdc-filled-text-field-container-color: whitesmoke;
--mdc-filled-text-field-disabled-container-color: #fafafa;
--mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
--mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
--mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
--mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
--mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
--mdc-filled-text-field-error-focus-label-text-color: #f44336;
--mdc-filled-text-field-error-label-text-color: #f44336;
--mdc-filled-text-field-error-caret-color: #f44336;
--mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
--mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
--mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
--mdc-filled-text-field-error-active-indicator-color: #f44336;
--mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
--mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
--mdc-outlined-text-field-caret-color: #673ab7;
--mdc-outlined-text-field-focus-outline-color: #673ab7;
--mdc-outlined-text-field-focus-label-text-color: rgba(103, 58, 183, 0.87);
--mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
--mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
--mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
--mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
--mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
--mdc-outlined-text-field-error-caret-color: #f44336;
--mdc-outlined-text-field-error-focus-label-text-color: #f44336;
--mdc-outlined-text-field-error-label-text-color: #f44336;
--mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
--mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
--mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
--mdc-outlined-text-field-error-focus-outline-color: #f44336;
--mdc-outlined-text-field-error-hover-outline-color: #f44336;
--mdc-outlined-text-field-error-outline-color: #f44336;
--mat-form-field-focus-select-arrow-color: rgba(103, 58, 183, 0.87);
--mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
--mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-form-field-error-text-color: #f44336;
--mat-form-field-select-option-text-color: inherit;
--mat-form-field-select-disabled-option-text-color: GrayText;
--mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
--mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
--mat-form-field-hover-state-layer-opacity: 0.04;
--mat-form-field-focus-state-layer-opacity: 0.12;
}
html {
--mdc-filled-text-field-label-text-font: Roboto, sans-serif;
--mdc-filled-text-field-label-text-size: 16px;
--mdc-filled-text-field-label-text-tracking: 0.03125em;
--mdc-filled-text-field-label-text-weight: 400;
--mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
--mdc-outlined-text-field-label-text-size: 16px;
--mdc-outlined-text-field-label-text-tracking: 0.03125em;
--mdc-outlined-text-field-label-text-weight: 400;
--mat-form-field-container-text-font: Roboto, sans-serif;
--mat-form-field-container-text-line-height: 24px;
--mat-form-field-container-text-size: 16px;
--mat-form-field-container-text-tracking: 0.03125em;
--mat-form-field-container-text-weight: 400;
--mat-form-field-outlined-label-text-populated-size: 16px;
--mat-form-field-subscript-text-font: Roboto, sans-serif;
--mat-form-field-subscript-text-line-height: 20px;
--mat-form-field-subscript-text-size: 12px;
--mat-form-field-subscript-text-tracking: 0.0333333333em;
--mat-form-field-subscript-text-weight: 400;
}
html {
--mat-select-panel-background-color: white;
--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
--mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
--mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
--mat-select-focused-arrow-color: rgba(103, 58, 183, 0.87);
--mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html {
--mat-select-trigger-text-font: Roboto, sans-serif;
--mat-select-trigger-text-line-height: 24px;
--mat-select-trigger-text-size: 16px;
--mat-select-trigger-text-tracking: 0.03125em;
--mat-select-trigger-text-weight: 400;
}
html {
--mat-autocomplete-background-color: white;
}
html {
--mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
--mdc-dialog-container-shadow-color: #000;
--mdc-dialog-container-shape: 4px;
}
html {
--mdc-dialog-container-color: white;
--mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
--mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
html {
--mdc-dialog-subhead-font: Roboto, sans-serif;
--mdc-dialog-subhead-line-height: 32px;
--mdc-dialog-subhead-size: 20px;
--mdc-dialog-subhead-weight: 500;
--mdc-dialog-subhead-tracking: 0.0125em;
--mdc-dialog-supporting-text-font: Roboto, sans-serif;
--mdc-dialog-supporting-text-line-height: 24px;
--mdc-dialog-supporting-text-size: 16px;
--mdc-dialog-supporting-text-weight: 400;
--mdc-dialog-supporting-text-tracking: 0.03125em;
}
html {
--mdc-radio-disabled-selected-icon-opacity: 0.38;
--mdc-radio-disabled-unselected-icon-opacity: 0.38;
--mdc-radio-state-layer-size: 40px;
}
html {
--mdc-radio-state-layer-size: 40px;
}
html {
--mdc-slider-active-track-height: 6px;
--mdc-slider-active-track-shape: 9999px;
--mdc-slider-handle-height: 20px;
--mdc-slider-handle-shape: 50%;
--mdc-slider-handle-width: 20px;
--mdc-slider-inactive-track-height: 4px;
--mdc-slider-inactive-track-shape: 9999px;
--mdc-slider-with-overlap-handle-outline-width: 1px;
--mdc-slider-with-tick-marks-active-container-opacity: 0.6;
--mdc-slider-with-tick-marks-container-shape: 50%;
--mdc-slider-with-tick-marks-container-size: 2px;
--mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
}
html {
--mdc-slider-handle-color: #673ab7;
--mdc-slider-focus-handle-color: #673ab7;
--mdc-slider-hover-handle-color: #673ab7;
--mdc-slider-active-track-color: #673ab7;
--mdc-slider-inactive-track-color: #673ab7;
--mdc-slider-with-tick-marks-inactive-container-color: #673ab7;
--mdc-slider-with-tick-marks-active-container-color: white;
--mdc-slider-disabled-active-track-color: #000;
--mdc-slider-disabled-handle-color: #000;
--mdc-slider-disabled-inactive-track-color: #000;
--mdc-slider-label-container-color: #000;
--mdc-slider-label-label-text-color: #fff;
--mdc-slider-with-overlap-handle-outline-color: #fff;
--mdc-slider-with-tick-marks-disabled-container-color: #000;
--mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-mdc-slider-ripple-color: #673ab7;
--mat-mdc-slider-hover-ripple-color: rgba(103, 58, 183, 0.05);
--mat-mdc-slider-focus-ripple-color: rgba(103, 58, 183, 0.2);
--mat-slider-value-indicator-opacity: 0.6;
}
html {
--mdc-slider-label-label-text-font: Roboto, sans-serif;
--mdc-slider-label-label-text-size: 14px;
--mdc-slider-label-label-text-line-height: 22px;
--mdc-slider-label-label-text-tracking: 0.0071428571em;
--mdc-slider-label-label-text-weight: 500;
}
html {
--mat-menu-container-shape: 4px;
}
html {
--mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
--mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
--mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
--mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
--mat-menu-container-color: white;
}
html {
--mat-menu-item-label-text-font: Roboto, sans-serif;
--mat-menu-item-label-text-size: 16px;
--mat-menu-item-label-text-tracking: 0.03125em;
--mat-menu-item-label-text-line-height: 24px;
--mat-menu-item-label-text-weight: 400;
}
html {
--mdc-list-list-item-container-shape: 0;
--mdc-list-list-item-leading-avatar-shape: 50%;
--mdc-list-list-item-container-color: transparent;
--mdc-list-list-item-selected-container-color: transparent;
--mdc-list-list-item-leading-avatar-color: transparent;
--mdc-list-list-item-leading-icon-size: 24px;
--mdc-list-list-item-leading-avatar-size: 40px;
--mdc-list-list-item-trailing-icon-size: 24px;
--mdc-list-list-item-disabled-state-layer-color: transparent;
--mdc-list-list-item-disabled-state-layer-opacity: 0;
--mdc-list-list-item-disabled-label-text-opacity: 0.38;
--mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
--mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
--mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
--mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
--mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
--mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
--mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
--mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
--mdc-list-list-item-disabled-label-text-color: black;
--mdc-list-list-item-disabled-leading-icon-color: black;
--mdc-list-list-item-disabled-trailing-icon-color: black;
--mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
--mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
--mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
--mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
--mdc-list-list-item-hover-state-layer-color: black;
--mdc-list-list-item-hover-state-layer-opacity: 0.04;
--mdc-list-list-item-focus-state-layer-color: black;
--mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
html {
--mdc-list-list-item-one-line-container-height: 48px;
--mdc-list-list-item-two-line-container-height: 64px;
--mdc-list-list-item-three-line-container-height: 88px;
}
html {
--mdc-list-list-item-label-text-font: Roboto, sans-serif;
--mdc-list-list-item-label-text-line-height: 24px;
--mdc-list-list-item-label-text-size: 16px;
--mdc-list-list-item-label-text-tracking: 0.03125em;
--mdc-list-list-item-label-text-weight: 400;
--mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
--mdc-list-list-item-supporting-text-line-height: 20px;
--mdc-list-list-item-supporting-text-size: 14px;
--mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
--mdc-list-list-item-supporting-text-weight: 400;
--mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
--mdc-list-list-item-trailing-supporting-text-line-height: 20px;
--mdc-list-list-item-trailing-supporting-text-size: 12px;
--mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
--mdc-list-list-item-trailing-supporting-text-weight: 400;
}
html {
--mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
--mat-paginator-container-background-color: white;
--mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
--mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
html {
--mat-paginator-container-size: 56px;
}
html {
--mat-paginator-container-text-font: Roboto, sans-serif;
--mat-paginator-container-text-line-height: 20px;
--mat-paginator-container-text-size: 12px;
--mat-paginator-container-text-tracking: 0.0333333333em;
--mat-paginator-container-text-weight: 400;
--mat-paginator-select-trigger-text-size: 12px;
}
html {
--mdc-tab-indicator-active-indicator-height: 2px;
--mdc-tab-indicator-active-indicator-shape: 0;
--mdc-secondary-navigation-tab-container-height: 48px;
--mat-tab-header-divider-color: transparent;
--mat-tab-header-divider-height: 0;
}
html {
--mdc-checkbox-disabled-selected-checkmark-color: #fff;
--mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
--mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
--mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
--mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
--mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
--mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
html {
--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
--mdc-checkbox-selected-checkmark-color: #000;
--mdc-checkbox-selected-focus-icon-color: #ffd740;
--mdc-checkbox-selected-hover-icon-color: #ffd740;
--mdc-checkbox-selected-icon-color: #ffd740;
--mdc-checkbox-selected-pressed-icon-color: #ffd740;
--mdc-checkbox-unselected-focus-icon-color: #212121;
--mdc-checkbox-unselected-hover-icon-color: #212121;
--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
--mdc-checkbox-selected-focus-state-layer-color: #ffd740;
--mdc-checkbox-selected-hover-state-layer-color: #ffd740;
--mdc-checkbox-selected-pressed-state-layer-color: #ffd740;
--mdc-checkbox-unselected-focus-state-layer-color: black;
--mdc-checkbox-unselected-hover-state-layer-color: black;
--mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
--mdc-checkbox-state-layer-size: 40px;
}
html {
--mdc-text-button-label-text-font: Roboto, sans-serif;
--mdc-text-button-label-text-size: 14px;
--mdc-text-button-label-text-tracking: 0.0892857143em;
--mdc-text-button-label-text-weight: 500;
--mdc-text-button-label-text-transform: none;
--mdc-filled-button-label-text-font: Roboto, sans-serif;
--mdc-filled-button-label-text-size: 14px;
--mdc-filled-button-label-text-tracking: 0.0892857143em;
--mdc-filled-button-label-text-weight: 500;
--mdc-filled-button-label-text-transform: none;
--mdc-outlined-button-label-text-font: Roboto, sans-serif;
--mdc-outlined-button-label-text-size: 14px;
--mdc-outlined-button-label-text-tracking: 0.0892857143em;
--mdc-outlined-button-label-text-weight: 500;
--mdc-outlined-button-label-text-transform: none;
--mdc-protected-button-label-text-font: Roboto, sans-serif;
--mdc-protected-button-label-text-size: 14px;
--mdc-protected-button-label-text-tracking: 0.0892857143em;
--mdc-protected-button-label-text-weight: 500;
--mdc-protected-button-label-text-transform: none;
}
html {
--mdc-fab-container-shape: 50%;
--mdc-fab-icon-size: 24px;
}
html {
--mdc-fab-container-color: white;
--mat-fab-foreground-color: black;
--mat-fab-state-layer-color: #000;
--mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
--mat-fab-hover-state-layer-opacity: 0.04;
--mat-fab-focus-state-layer-opacity: 0.12;
--mat-fab-pressed-state-layer-opacity: 0.12;
--mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
--mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html {
--mdc-extended-fab-label-text-font: Roboto, sans-serif;
--mdc-extended-fab-label-text-size: 14px;
--mdc-extended-fab-label-text-tracking: 0.0892857143em;
--mdc-extended-fab-label-text-weight: 500;
}
html {
--mdc-snackbar-container-shape: 4px;
}
html {
--mdc-snackbar-container-color: #333333;
--mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
--mat-snack-bar-button-color: #ffd740;
}
html {
--mdc-snackbar-supporting-text-font: Roboto, sans-serif;
--mdc-snackbar-supporting-text-line-height: 20px;
--mdc-snackbar-supporting-text-size: 14px;
--mdc-snackbar-supporting-text-weight: 400;
}
html {
--mat-table-row-item-outline-width: 1px;
}
html {
--mat-table-background-color: white;
--mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
--mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
--mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
--mat-table-header-container-height: 56px;
--mat-table-footer-container-height: 52px;
--mat-table-row-item-container-height: 52px;
}
html {
--mat-table-header-headline-font: Roboto, sans-serif;
--mat-table-header-headline-line-height: 22px;
--mat-table-header-headline-size: 14px;
--mat-table-header-headline-weight: 500;
--mat-table-header-headline-tracking: 0.0071428571em;
--mat-table-row-item-label-text-font: Roboto, sans-serif;
--mat-table-row-item-label-text-line-height: 20px;
--mat-table-row-item-label-text-size: 14px;
--mat-table-row-item-label-text-weight: 400;
--mat-table-row-item-label-text-tracking: 0.0178571429em;
--mat-table-footer-supporting-text-font: Roboto, sans-serif;
--mat-table-footer-supporting-text-line-height: 20px;
--mat-table-footer-supporting-text-size: 14px;
--mat-table-footer-supporting-text-weight: 400;
--mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
--mdc-circular-progress-active-indicator-width: 4px;
--mdc-circular-progress-size: 48px;
}
html {
--mdc-circular-progress-active-indicator-color: #673ab7;
}
html {
--mat-badge-background-color: #673ab7;
--mat-badge-text-color: white;
--mat-badge-disabled-state-background-color: #b9b9b9;
--mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
html {
--mat-badge-text-font: Roboto, sans-serif;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-large-size-text-size: 24px;
}
html {
--mat-bottom-sheet-container-shape: 4px;
}
html {
--mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
--mat-bottom-sheet-container-background-color: white;
}
html {
--mat-bottom-sheet-container-text-font: Roboto, sans-serif;
--mat-bottom-sheet-container-text-line-height: 20px;
--mat-bottom-sheet-container-text-size: 14px;
--mat-bottom-sheet-container-text-tracking: 0.0178571429em;
--mat-bottom-sheet-container-text-weight: 400;
}
html {
--mat-legacy-button-toggle-height: 36px;
--mat-legacy-button-toggle-shape: 2px;
--mat-legacy-button-toggle-focus-state-layer-opacity: 1;
--mat-standard-button-toggle-shape: 4px;
--mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
--mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
html {
--mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
--mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
--mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
--mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
--mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
--mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
--mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
--mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
--mat-standard-button-toggle-background-color: white;
--mat-standard-button-toggle-state-layer-color: black;
--mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
--mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
--mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
--mat-standard-button-toggle-disabled-state-background-color: white;
--mat-standard-button-toggle-disabled-selected-state-text-color: rgba(
0,
0,
0,
0.87
);
--mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
--mat-standard-button-toggle-divider-color: #e0e0e0;
}
html {
--mat-standard-button-toggle-height: 48px;
}
html {
--mat-legacy-button-toggle-text-font: Roboto, sans-serif;
--mat-standard-button-toggle-text-font: Roboto, sans-serif;
}
html {
--mat-datepicker-calendar-date-selected-state-text-color: white;
--mat-datepicker-calendar-date-selected-state-background-color: #673ab7;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(
103,
58,
183,
0.4
);
--mat-datepicker-calendar-date-today-selected-state-outline-color: white;
--mat-datepicker-calendar-date-focus-state-background-color: rgba(
103,
58,
183,
0.3
);
--mat-datepicker-calendar-date-hover-state-background-color: rgba(
103,
58,
183,
0.3
);
--mat-datepicker-toggle-active-state-icon-color: #673ab7;
--mat-datepicker-calendar-date-in-range-state-background-color: rgba(
103,
58,
183,
0.2
);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(
249,
171,
0,
0.2
);
--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(
0,
0,
0,
0.18
);
--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(
0,
0,
0,
0.24
);
--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-range-input-disabled-state-separator-color: rgba(
0,
0,
0,
0.38
);
--mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
--mat-datepicker-calendar-container-background-color: white;
--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-datepicker-calendar-text-font: Roboto, sans-serif;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 14px;
--mat-datepicker-calendar-body-label-text-weight: 500;
--mat-datepicker-calendar-period-button-text-size: 14px;
--mat-datepicker-calendar-period-button-text-weight: 500;
--mat-datepicker-calendar-header-text-size: 11px;
--mat-datepicker-calendar-header-text-weight: 400;
}
html {
--mat-divider-width: 1px;
}
html {
--mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
--mat-expansion-container-shape: 4px;
}
html {
--mat-expansion-container-background-color: white;
--mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
--mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
--mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
--mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
--mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
--mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
--mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
--mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
--mat-expansion-header-collapsed-state-height: 48px;
--mat-expansion-header-expanded-state-height: 64px;
}
html {
--mat-expansion-header-text-font: Roboto, sans-serif;
--mat-expansion-header-text-size: 14px;
--mat-expansion-header-text-weight: 500;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font: Roboto, sans-serif;
--mat-expansion-container-text-line-height: 20px;
--mat-expansion-container-text-size: 14px;
--mat-expansion-container-text-tracking: 0.0178571429em;
--mat-expansion-container-text-weight: 400;
}
html {
--mat-grid-list-tile-header-primary-text-size: 14px;
--mat-grid-list-tile-header-secondary-text-size: 12px;
--mat-grid-list-tile-footer-primary-text-size: 14px;
--mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
--mat-icon-color: inherit;
}
html {
--mat-sidenav-container-shape: 0;
}
html {
--mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
--mat-sidenav-container-background-color: white;
--mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
--mat-sidenav-content-background-color: #fafafa;
--mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
--mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
--mat-stepper-header-icon-foreground-color: white;
--mat-stepper-header-selected-state-icon-background-color: #673ab7;
--mat-stepper-header-selected-state-icon-foreground-color: white;
--mat-stepper-header-done-state-icon-background-color: #673ab7;
--mat-stepper-header-done-state-icon-foreground-color: white;
--mat-stepper-header-edit-state-icon-background-color: #673ab7;
--mat-stepper-header-edit-state-icon-foreground-color: white;
--mat-stepper-container-color: white;
--mat-stepper-line-color: rgba(0, 0, 0, 0.12);
--mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
--mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
--mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
--mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
--mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
--mat-stepper-header-error-state-label-text-color: #f44336;
--mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
--mat-stepper-header-error-state-icon-foreground-color: #f44336;
--mat-stepper-header-error-state-icon-background-color: transparent;
}
html {
--mat-stepper-header-height: 72px;
}
html {
--mat-stepper-container-text-font: Roboto, sans-serif;
--mat-stepper-header-label-text-font: Roboto, sans-serif;
--mat-stepper-header-label-text-size: 14px;
--mat-stepper-header-label-text-weight: 400;
--mat-stepper-header-error-state-label-text-size: 16px;
--mat-stepper-header-selected-state-label-text-size: 16px;
--mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
--mat-sort-arrow-color: #757575;
}
html {
--mat-toolbar-container-background-color: whitesmoke;
--mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-toolbar-standard-height: 64px;
--mat-toolbar-mobile-height: 56px;
}
html {
--mat-toolbar-title-text-font: Roboto, sans-serif;
--mat-toolbar-title-text-line-height: 32px;
--mat-toolbar-title-text-size: 20px;
--mat-toolbar-title-text-tracking: 0.0125em;
--mat-toolbar-title-text-weight: 500;
}
html {
--mat-tree-container-background-color: white;
--mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-tree-node-min-height: 48px;
}
html {
--mat-tree-node-text-font: Roboto, sans-serif;
--mat-tree-node-text-size: 14px;
--mat-tree-node-text-weight: 400;
}
html,
body {
height: 100%;
margin: 0;
overflow: hidden;
font-size: 100%;
background: #010b12;
font-family: Sensation;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
@font-face {
font-family: Sensation;
src: url(/fonts/Sansation_Regular.ttf);
}
@font-face {
font-family: Sensation;
src: url(/fonts/Sansation_Bold.ttf);
font-weight: 700;
}
:root {
--MainBackGroud: #000b15;
--HeadBody: #0059cd;
--MainBlue: #025fcc;
--SelectedColor1: #0aba0b;
--SelectedColor2: #068605;
--SelectedColor3: #02840f;
--UIMain1: #1e1e1e;
--PrematchBack1: #000c2d;
--PrematchBack2: #01123c;
--PrematchBack3: #031743;
--Stats: yellow;
--LiveSelectOdds: yellow;
--MenuSelect1: #454544;
--MenuSelect2: #5e5d5f;
--MenuSelect3: #7d7c7a;
--ColorMenuSport: white;
--MainMenuBtn1: #414146;
--MainMenuBtn2: #000000;
--MMBtnSelect1: #02af03;
--MMBtnSelect2: #314a31;
--BtnAceptar: #40404c;
--BtnCancelar: #bd0300;
--SpecialOddsValue: rgba(255, 230, 0, 1);
--Cian: #4effbb;
--Orange: #ffa61c;
--Orange2: #ffa100;
--OraYellow: #ffc40c;
--OraYellow2: #ffce37;
--Yellowx: #ffe500;
--BlancoHumo: #f2f2f2;
--WarningText: #ff5c75;
--ValidText: #45d800;
--OddsFontSize: 1.3vw;
--TeamsFontSize: 1.2vw;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2)
format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2)
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2)
format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2)
format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2)
format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2)
format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2)
format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)
format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)
format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)
format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)
format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2)
format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2)
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2)
format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2)
format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2)
format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2)
format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2)
format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2)
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2)
format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2)
format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2)
format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2)
format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2)
format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2)
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2)
format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2)
format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2)
format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2)
format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*/.hg-theme-default {
background-color: #ececec;
border-radius: 5px;
box-sizing: border-box;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue,
Helvetica, Arial, Lucida Grande, sans-serif;
overflow: hidden;
padding: 5px;
touch-action: manipulation;
-webkit-user-select: none;
user-select: none;
width: 100%;
}
.hg-theme-default .hg-button span {
pointer-events: none;
}
.hg-theme-default button.hg-button {
border-width: 0;
font-size: inherit;
outline: 0;
}
.hg-theme-default .hg-button {
display: inline-block;
flex-grow: 1;
}
.hg-theme-default .hg-row {
display: flex;
}
.hg-theme-default .hg-row:not(:last-child) {
margin-bottom: 5px;
}
.hg-theme-default .hg-row .hg-button-container,
.hg-theme-default .hg-row .hg-button:not(:last-child) {
margin-right: 5px;
}
.hg-theme-default .hg-row > div:last-child {
margin-right: 0;
}
.hg-theme-default .hg-row .hg-button-container {
display: flex;
}
.hg-theme-default .hg-button {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
align-items: center;
background: #fff;
border-bottom: 1px solid #b5b5b5;
border-radius: 5px;
box-shadow: 0 0 3px -1px #0000004d;
box-sizing: border-box;
cursor: pointer;
display: flex;
height: 40px;
justify-content: center;
padding: 5px;
}
.hg-theme-default .hg-button.hg-standardBtn {
width: 20px;
}
.hg-theme-default .hg-button.hg-activeButton {
background: #efefef;
}
.hg-theme-default.hg-layout-numeric .hg-button {
align-items: center;
display: flex;
height: 60px;
justify-content: center;
width: 33.3%;
}
.hg-theme-default .hg-button.hg-button-numpadadd,
.hg-theme-default .hg-button.hg-button-numpadenter {
height: 85px;
}
.hg-theme-default .hg-button.hg-button-numpad0 {
width: 105px;
}
.hg-theme-default .hg-button.hg-button-com {
max-width: 85px;
}
.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {
max-width: 45px;
}
.hg-theme-default .hg-button.hg-selectedButton {
background: rgba(5, 25, 70, 0.53);
color: #fff;
}
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"] {
max-width: 82px;
}
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"] {
max-width: 60px;
}
.hg-candidate-box {
background: #ececec;
border-bottom: 2px solid #b5b5b5;
border-radius: 5px;
display: inline-flex;
margin-top: -10px;
max-width: 272px;
position: absolute;
transform: translateY(-100%);
-webkit-user-select: none;
user-select: none;
}
ul.hg-candidate-box-list {
display: flex;
flex: 1;
list-style: none;
margin: 0;
padding: 0;
}
li.hg-candidate-box-list-item {
align-items: center;
display: flex;
height: 40px;
justify-content: center;
width: 40px;
}
li.hg-candidate-box-list-item:hover {
background: rgba(0, 0, 0, 0.03);
cursor: pointer;
}
li.hg-candidate-box-list-item:active {
background: rgba(0, 0, 0, 0.1);
}
.hg-candidate-box-prev:before {
content: "\25c4";
}
.hg-candidate-box-next:before {
content: "\25ba";
}
.hg-candidate-box-next,
.hg-candidate-box-prev {
align-items: center;
color: #969696;
cursor: pointer;
display: flex;
padding: 0 10px;
}
.hg-candidate-box-next {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.hg-candidate-box-prev {
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.hg-candidate-box-btn-active {
color: #444;
}
html,
body {
height: 100%;
margin: 0;
overflow: hidden;
font-size: 100%;
background: #010b12;
font-family: Sensation;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
select {
font-size: 1vw;
}
input {
font-family: Sensation;
-moz-appearance: textfield;
}
button {
all: unset;
cursor: pointer;
font-family: unset;
}
@font-face {
font-family: arcafont;
src: url(/fonts/Arcafont/arcafont.eot);
src: url(/fonts/Arcafont/arcafont.eot#iefix) format("embedded-opentype"),
url(/fonts/Arcafont/arcafont.woff) format("woff"),
url(/fonts/Arcafont/arcafont.ttf) format("truetype"),
url(/fonts/Arcafont/arcafont.svg#arcafont) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Sansation;
src: url(ProductSansRegular.ttf);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Sansation;
src: url(ProductSansBold.ttf);
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: Sansation;
src: url(ProductSansItalic.ttf);
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: Sansation;
src: url(ProductSansBoldItalic.ttf);
font-weight: 700;
font-style: italic;
}
:root {
--MainBackGroud: #000b15;
--HeadBody: #0059cd;
--MainBlue: #025fcc;
--SelectedColor1: #0aba0b;
--SelectedColor2: #068605;
--SelectedColor3: #02840f;
--UIMain1: #1e1e1e;
--PrematchBack1: #000c2d;
--PrematchBack2: #01123c;
--PrematchBack3: #031743;
--Stats: yellow;
--LiveSelectOdds: yellow;
--MenuSelect1: #454544;
--MenuSelect2: #5e5d5f;
--MenuSelect3: #7d7c7a;
--ColorMenuSport: white;
--MainMenuBtn1: #414146;
--MainMenuBtn2: #000000;
--MMBtnSelect1: #02af03;
--MMBtnSelect2: #314a31;
--BtnAceptar: #40404c;
--BtnCancelar: #bd0300;
--SpecialOddsValue: rgba(255, 230, 0, 1);
--Cian: #4effbb;
--Orange: #ffa61c;
--Orange2: #ffa100;
--OraYellow: #ffc40c;
--OraYellow2: #ffce37;
--Yellowx: #ffe500;
--BlancoHumo: #f2f2f2;
--WarningText: #ff5c75;
--ValidText: #45d800;
--OddsFontSize: 1.3vw;
--TeamsFontSize: 1.2vw;
}
.demo-icon {
font-family: arcafont;
font-style: normal;
font-weight: 400;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .15em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-user-select: none;
}
.CompGifLoading {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 11234;
font-size: 1vw;
color: #fff;
}
.CompGifLoading .Seconds {
margin: 2rem 0;
font-size: 3vw;
}
.CargandoText.LoadinTexo {
color: #fff;
display: grid;
align-content: center;
border-bottom: 1px solid black;
}
.LoadinBack {
position: absolute;
z-index: 111;
background: black;
width: 100vw;
top: 0;
height: 100vh;
opacity: 0.5;
left: 0;
}
.printer {
font-size: 4.5rem;
text-align: center;
color: #00ffa3;
display: grid;
align-content: center;
}
.PopUpModal {
display: grid;
position: absolute;
top: 0;
}
.animate-spin {
animation: spin 1.5s infinite linear;
display: inline-block;
}
@keyframes spin {
0% {
transform: rotate(0);
}
to {
transform: rotate(359deg);
}
}
button.mat-calendar-previous-button {
background: #747474;
margin: 0vh 0.3vw !important;
}
button.mat-calendar-next-button {
background: #787878;
}
input {
font-family: Sensation;
}
.PrincipalContainer {
display: grid;
width: 100vw;
}
.MainContainer {
background: #000b15;
display: grid;
grid-template-rows: 7vh 93vh;
font-size: 1vw !important;
}
.MenuTopContainer {
color: #fff;
text-align: center;
align-items: center;
background: #1e1e1e;
display: flex;
}
.MenuTopContainer.LiveView {
border-bottom: 4px solid #02ae03;
}
.MenuTopContainer.PreView {
border-bottom: 4px solid #141ce3;
}
.MenuTopContainer.EsportView {
border-bottom: 4px solid #15ccb4;
}
.MenuTopContainer.ResaultsView {
border-bottom: 4px solid #141ce3;
}
.MenuTopContainer.EditorView{
border-bottom: 4px solid #141ce3;
}
.MainLogo {
width: 186px;
display: flex;
align-items: center;
justify-content: space-around;
padding: 17px;
}
.NameContainer {
grid-template-columns: 20% 80%;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
border-radius: 4px;
margin: 1vh 0px;
align-items: center;
cursor: pointer;
width: 100%;
text-align: center;
display: grid;
}
img.TopLogo {
width: 8vw;
}
.MenuTop {
display: grid;
width: -webkit-fill-available;
grid-auto-flow: column;
grid-auto-columns: 2.5fr auto;
height: -webkit-fill-available;
}
.MenuTop .DEPORTES1.active,
.MenuTop .DEPORTES.active,
.MenuTop .ESPORTS.active {
background: linear-gradient(to bottom, #0909f9 0%, #0816a7 100%);
}
.MenuTop .VIVO1.active,
.MenuTop .VIVO.active {
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.6) 0%,
rgba(0, 0, 0, 0.6) 100%
),
linear-gradient(180deg, #0e0e0e 0%, #1e1e1e 100%);
color: #4effbb;
}
.MTItem1,
.MTItem {
display: grid;
cursor: pointer;
align-items: center;
border-right: 2px solid #242424;
background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
text-transform: uppercase;
padding: 0 1.5rem;
}
.PLUS {
background: linear-gradient(180deg, #313131 0%, #252525 100%);
display: grid;
font-size: 5vh;
align-content: baseline;
cursor: pointer;
position: relative;
}
.itemPLUS {
display: grid;
}
.NoLoginContainer {
display: grid;
grid-auto-flow: column;
grid-auto-columns: max-content;
justify-content: end;
margin-right: 1vw;
}
.SelectFormat {
padding: 0;
width: 90%;
outline: none;
font-size: 15px;
background-color: transparent;
color: #fff;
border-radius: 4px;
border: none;
text-transform: uppercase;
font-weight: 700;
cursor: pointer;
}
select.SelectFormat option {
background: #3e3e3e;
}
.imgTop {
display: none;
}
iframe.IframePumMs {
width: 100%;
height: 70vh;
}
.MTItemVerTicket {
display: grid;
grid-template-columns: 14% 76%;
cursor: pointer;
}
.LoginContainer {
height: -webkit-fill-available;
display: grid;
grid-template-columns: 60% 60% 30% 10%;
padding-left: 600px;
}
.UserContainer {
display: grid;
width: 100%;
position: relative;
}
.REGISTRARBTN {
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
}
.INGRESARBTN {
display: grid;
height: 100%;
background: red;
}
.MainConfigApp {
display: grid;
background: red;
}
.MainBtn {
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
border-radius: 4px;
margin: 1vh 0.2vw;
display: grid;
align-items: center;
cursor: pointer;
text-align: center;
max-width: 12vw;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
.BtnClose {
background: red;
color: #fff;
width: 2.5vw;
text-align: center;
border-radius: 5px;
font-size: 0.8vw;
margin: 0vw;
padding: 10px;
position: relative;
float: right;
cursor: pointer;
}
.MainBtnTitle {
display: grid;
align-self: center;
padding: 0 0.5vw;
}
.Green {
background: linear-gradient(180deg, #00be17 0%, #006400 100%);
color: #fff;
}
.Cian {
background: linear-gradient(180deg, #4effbb 0%, #00a465 100%);
color: #000;
}
.ColorCian {
color: #4effbb;
}
.VTimgTop {
background: #0a1d2e;
color: #fff;
width: 3vw;
height: 4.6vh;
border-radius: 100%;
display: grid;
align-content: center;
z-index: 2;
}
.VTimgTop.iCajero {
background: #0a1d2e;
color: #fff;
width: 1.5vw;
height: 100%;
border-radius: 100%;
display: grid;
align-content: center;
z-index: 2;
}
.NotificationContainer {
z-index: 101;
position: fixed;
width: 15vw;
height: 14vh;
top: 7%;
right: 3%;
z-index: 102;
}
.TerminalContainer {
display: grid;
}
.MTItemUser {
display: grid;
grid-template-columns: 35% 35% 10% 10% 10%;
gap: 0.3vw;
padding-right: 20px;
}
.UserOption {
position: absolute;
left: 0%;
top: 94%;
text-align: left;
background: #494949;
padding: 0.1rem;
border-radius: 5px;
z-index: 105;
}
.SaldoOption {
position: absolute;
display: grid;
gap: 0.2rem;
left: 35%;
top: 90%;
text-align: left;
background: #494949;
padding: 0.1rem;
border-radius: 5px;
z-index: 105;
}
.GridautoFlowColum {
display: grid;
grid-auto-flow: column;
}
.UserOptionBtn {
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
border-radius: 4px;
margin: 1px 0;
display: grid;
align-items: center;
cursor: pointer;
height: 4vh;
padding-left: 1rem;
width: 7vw;
color: #e2e2e2;
}
.PlusOption {
display: grid;
position: relative;
left: -0.2vw;
font-size: 1vw;
top: 1.4vh;
}
.UserDetailsContainer {
display: grid;
grid-template-columns: 80% 20%;
gap: 0;
}
.ShowInfoContainer {
background: linear-gradient(180deg, #000000 0%, #000000 100%);
border-radius: 0 4px 4px 0;
margin: 8px 0;
align-items: center;
cursor: pointer;
width: 95%;
text-align: center;
max-width: 13rem;
display: grid;
grid-auto-flow: column;
font-size: larger;
}
.RedBtn {
background: linear-gradient(180deg, #db2727 0%, #9e0000 100%);
}
.VTMTTitle,
.MITUId {
background: #0a1d2e;
}
.VTMSubTitle,
.MITUU {
background: grey;
}
.UserDetailTop,
.VTMTTcontainer {
display: grid;
}
.UserDetailTop.sdCajero,
.VTMTTcontainer.cCajero {
display: grid;
grid-template-columns: 58% 42%;
}
.VTUserDatail {
display: grid;
grid-template-columns: 85% 15%;
}
.UserDetailA {
border-right: 2px solid black;
}
.VTMTTitle,
.VTMSubTitle,
.MITUId,
.MITUU {
display: grid;
align-content: center;
text-align: initial;
}
.VTMTTitle,
.VTMSubTitle {
padding-left: 12%;
}
.MITUId,
.MITUU {
padding-left: 5%;
}
.VTMTT_Top {
display: grid;
grid-template-columns: 20% 80%;
border-right: 2px solid black;
cursor: pointer;
}
.VTMTT_TopB {
position: relative;
margin-left: -16%;
}
.VTMTT_TopA {
z-index: 1;
}
.CenterContainer {
display: grid;
grid-template-columns: 80% 20%;
}
.Loading {
display: grid;
justify-content: center;
align-content: center;
z-index: 110;
position: fixed;
font-weight: 700;
top: 0;
left: 0;
width:100%;
height:100%;
}
.Loading.Slip {
position: absolute;
width: 100%;
height: 100%;
}
.LoadinBack {
background: #dfdcdc;
}
.LoadinBack {
background: #222222;
z-index: 110;
opacity: 0.6;
width: 100vw;
height: 100vh;
position: absolute;
font-weight: 700;
}
[hidden] {
display: none !important;
}
.BtnFooter img {
width: 10vw;
margin: 0 auto;
}
.MainFooter {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
justify-items: center;
}
.BtnFooter {
display: grid;
align-content: center;
width: 99%;
background: linear-gradient(
to bottom,
var(--MainMenuBtn1) 0%,
var(--MainMenuBtn2) 100%
);
}
.BtnFooter:hover {
background: #424242;
}
.ModalRecuperarClave {
position: absolute;
width: 30%;
height: 45vh;
background: #2e2e2e;
left: 0;
top: 0;
z-index: 105;
border-radius: 6px;
}
.ModalRecargaList,
.ModalConfig {
position: absolute;
width: 60%;
height: 75vh;
background: #2e2e2e;
left: 0;
top: 0;
z-index: 105;
border-radius: 6px;
}
.ModalLogin {
position: absolute;
width: 20vw;
background: #2e2e2e;
top: 0;
left: 0;
z-index: 105;
border-radius: 6px;
}
.ModalRegister {
display: flex;
position: fixed;
width: 50vw;
height: 90vh;
background: #2e2e2e;
top: 0;
left: 0;
z-index: 105;
border-radius: 6px;
}
.ModalRecarga {
position: absolute;
width: 23vw;
height: 50vh;
background: #2e2e2e;
left: 0;
top: 0;
z-index: 105;
border-radius: 6px;
}
.ModalPromo {
position: absolute;
width: 60vw;
height: 75vh;
background: #2e2e2e;
left: 0;
top: 0;
z-index: 105;
border-radius: 6px;
}
.AjustHeight {
display: grid;
height: -webkit-fill-available;
z-index: 102;
position: relative;
}
app-registral-modal {
display: grid;
height: -webkit-fill-available;
}
img.CompGifLoading {
position: relative;
width: 15vw;
z-index: 110;
background: transparent;
}
.hide {
display: none !important;
}
.Logout {
border: 1px solid black;
}
.ContainerBtnsTop {
background: #0a1d2e;
display: grid;
grid-template-rows: 36% 30% 30%;
height: 100%;
}
.Lemguage,
.Cconfig {
border: 1px solid black;
}
.BtnTop {
cursor: pointer;
}
.BtnMakeBet[disabled] {
color: #101010;
background: #bfbfbf;
border: 1px solid #727272;
cursor: default;
pointer-events: none;
grid-auto-flow: column;
}
.GreyBtn {
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
box-shadow: 0 4px 4px #00000040;
}
.VerTicket[disabled] {
background: grey;
color: #323232;
cursor: default;
pointer-events: none;
}
.AciertalaFooterBtn {
text-align: center;
color: #fff;
font-weight: 700;
display: grid;
grid-template-columns: 30% 70%;
}
.VerTicket {
display: grid;
align-content: center;
background: linear-gradient(180deg, #4effbb 0%, #00a465 100%);
border-radius: 4px;
margin: 8px 3px;
color: #000;
cursor: pointer;
}
.CashOut {
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
border-radius: 4px;
margin: 8px 3px;
}
.BtnFooter.brnFootAciertala {
background: linear-gradient(to bottom, #04a727 0%, #016c19 100%);
}
.AFbtnIcon {
text-align: right;
}
.AFbtnTitle {
text-align: left;
font-style: italic;
}
.MainBtnContainer {
display: flex;
}
.up {
border: 2px solid rgba(66, 255, 0, 1);
}
.down {
border: 2px solid rgba(255, 0, 0, 1);
}
.LoginTerminalInfo {
align-self: center;
}
.UserPuntosContainer {
display: grid;
grid-template-columns: 80% 20%;
cursor: pointer;
width: -webkit-fill-available;
}
.LogoutIcon {
display: grid;
align-content: center;
background: linear-gradient(180deg, #db2727 0%, #9e0000 100%);
border-radius: 4px;
cursor: pointer;
margin: 5px;
margin: 1vh 0vw;
width: -webkit-fill-available;
}
.LogoutName {
display: grid;
align-self: center;
text-align: center;
}
.UserPRight {
display: grid;
align-items: center;
}
.UserSaldoIcon {
display: grid;
width: -moz-fit-content;
width: fit-content;
}
.SaldoContainer {
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
border-radius: 4px;
margin: 1vh 3px;
align-items: center;
cursor: pointer;
width: 100%;
text-align: center;
display: grid;
grid-template-columns: 80% 20%;
}
.WalletSaldoRet {
font-size: 0.5vw;
display: grid;
grid-auto-flow: column;
grid-auto-columns: max-content;
padding-left: 1rem;
gap: 0.2rem;
color: #bfbfbf;
}
.WalletsMain {
display: grid;
height: -webkit-fill-available;
align-content: center;
justify-content: flex-end;
}
.UserSaldoText {
color: var(--Yellowx);
}
.WalletTitle {
font-size: 0.8rem;
color: #b3b3b3;
text-align: left;
}
.WalletTitleMain {
font-size: 0.7vw;
color: #b3b3b3;
text-align: left;
padding-left: 0.4vw;
align-self: center;
}
.WalletSaldo {
color: var(--Yellowx);
display: grid;
grid-auto-flow: column;
font-size: 0.9vw;
align-content: center;
grid-auto-columns: max-content;
}
.TextGreen {
color: #75ff75;
}
.WalletsContainer {
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
border-radius: 4px;
margin: 0.9px 0;
display: grid;
align-items: center;
cursor: pointer;
padding: 0.5vh 0.5vw;
width: 8vw;
grid-auto-flow: row;
grid-auto-rows: max-content;
align-content: center;
}
.DifuminarSaldo {
filter: blur(0.2vw);
opacity: 0.5;
transition: opacity 0.3s ease;
}
.PadingLeft0 {
padding-left: 0;
}
.PadingLeft1 {
padding-left: 0.5vw;
}
.UserPuntos {
text-align: center;
color: #ffe600;
}
.ModalProfile {
position: absolute;
left: 3vw;
top: 3vh;
height: 94%;
z-index: 98;
width: 100%;
color: #fff;
box-shadow: -5px -2px 20px #000;
background: #2e2e2e;
}
.YellowTxt {
color: var(--Yellowx) !important;
}
.Option1MainBtn {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
margin-left: 10px;
width: 90%;
}
.GridAutoColum {
display: grid;
grid-auto-flow: column;
}
.ModalProfileClose {
display: grid;
position: relative;
z-index: 103;
text-align: right;
width: 95%;
justify-content: right;
background: #343434;
border-bottom: 1px solid black;
height: 5vh;
align-content: center;
}
.MPCClose {
background: linear-gradient(180deg, #db2727 0%, #9e0000 100%);
text-align: center;
padding: 0.5vh 0.5vw;
cursor: pointer;
margin-right: 0.5vw;
font-weight: 700;
}
.UserPuntosTitle {
display: grid;
width: 90%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.NoDividir {
display: grid;
grid-template-columns: auto;
grid-auto-flow: column;
grid-auto-columns: max-content;
}
.ArcaModal {
background: #2e2e2e;
display: grid;
position: fixed;
top: 3vh;
width: 50vw;
}
.InvoiceContainer {
position: relative;
z-index: 98;
font-family: Helvetica;
font-style: normal;
font-weight: 500;
font-size: 1vw;
}
.Invoice.Dos {
grid-template-rows: 9vh 33vh 5vh 5vh 43vh;
}
.Invoice {
display: grid;
grid-template-rows: 9vh 33vh 5vh 5vh 41.5vh;
background: #242424;
}
.ContainerLMT {
width: 19.75vw;
background: #010b12;
border: 2px solid #05bae3;
}
.ContainerVideo iframe {
width: 100%;
height: -webkit-fill-available;
border: 0;
overflow: hidden;
}
.VerifyTicket {
font-weight: 700;
background: #dfdfdf;
align-items: center;
color: #fff;
text-align: center;
height: -webkit-fill-available;
}
.MTItemVideo,
.ContainerVideo {
height: -webkit-fill-available;
}
video.Videoo {
border: 2px solid #05bae3;
width: 19.75vw;
height: 24vh;
background: #010b12;
}
.TItitle {
display: grid;
text-align: left;
text-transform: uppercase;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
linear-gradient(180deg, #2e2e2e 0%, #3e3e3e 100%);
color: var(--Orange);
align-content: center;
padding-left: 0.5vw;
font-weight: 500;
font-size: 1vw;
}
.TCtitle {
font-size: 0.8vw;
text-align: left;
padding-left: 10px;
}
.TicketBody {
background: #0e0e0e;
background-size: contain;
overflow: auto;
background-position: center;
background-repeat: no-repeat;
}
.TicketBody::-webkit-scrollbar {
-webkit-appearance: none;
}
.TicketBody::-webkit-scrollbar:vertical {
width: 4px;
}
.TicketBody::-webkit-scrollbar-button:increment,
.TicketBody::-webkit-scrollbar-button {
display: none;
}
.TicketBody::-webkit-scrollbar:horizontal {
height: 6px;
}
.TicketBody::-webkit-scrollbar-thumb {
background-color: gray;
border-radius: 20px;
}
.TicketBody::-webkit-scrollbar-track {
border-radius: 10px;
}
.TicketListContainer {
overflow: auto;
display: grid;
margin: 2px;
}
.TicketItem {
display: grid;
background: #2e2e2e;
border-bottom: 2px solid #000000;
min-height: 9vh;
border-radius: 4px;
overflow: hidden;
}
.TicketItemTop {
text-align: start;
display: grid;
color: #fff;
align-items: self-end;
margin: 1px 10px;
grid-auto-flow: row;
}
.BetTypeDate {
color: #adadad;
font-size: 0.6vw;
}
.TicketEquipos {
display: grid;
align-self: center;
height: -webkit-fill-available;
align-content: center;
line-height: 12pt;
margin-top: 1pt;
}
.TicketMarketName {
color: var(--SpecialOddsValue);
font-weight: 700;
display: grid;
grid-template-columns: 80% 20%;
align-self: center;
font-size: 0.8vw;
grid-auto-flow: column;
margin: 0.4rem 0;
height: -webkit-fill-available;
align-content: center;
}
.TicketBottom {
display: grid;
align-items: flex-start;
align-items: self-end;
}
.TicketCBX {
color: #fff;
cursor: pointer;
font-size: 0.6vw;
padding: 0.4vw;
width: -moz-fit-content;
width: fit-content;
font-weight: 700;
display: grid;
align-items: center;
background: black;
border-radius: 5px;
justify-self: right;
}
.TicketX {
color: #fff;
cursor: pointer;
font-size: 0.8vw;
height: -webkit-fill-available;
font-weight: 700;
display: grid;
align-items: center;
background: black;
border-radius: 5px;
margin: 0.2vw 0 0.2vw 0.2vw;
}
.TicketOddRowTwo {
display: grid;
grid-auto-flow: column;
grid-template-columns: 85% 15%;
}
.TicketOddRowThree {
display: grid;
grid-auto-flow: column;
grid-template-columns: 5% 80% 15%;
}
.TicketOdd {
display: grid;
color: var(--SpecialOddsValue);
font-weight: 700;
text-align: center;
align-self: center;
height: -webkit-fill-available;
align-content: center;
}
.TicketBotonesContainer {
background: #242424;
display: grid;
grid-template-rows: 13% 16% 52% 15%;
color: #fff;
}
.TBBetContainer {
display: grid;
grid-template-columns: 38% 60%;
margin-top: 5px;
}
.Af12 {
font-weight: bolder;
font-size: 1vw;
padding-left: 0.5vw;
align-self: center;
}
.MinuPlus {
text-align: center;
font-weight: 600;
display: grid;
grid-template-columns: 20% 60% 20%;
}
.TBBTC,
.TBBC {
display: grid;
}
.MainBtn.InvoBtns {
display: grid;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
cursor: pointer;
border-radius: 3px;
box-shadow: 0 4px 4px #00000040;
justify-content: center;
align-items: center;
margin: 7px 5px;
padding: 1px -1px;
font-size: 1.3vw;
}
.MinuPlusItem {
display: flex;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
margin: 0;
cursor: pointer;
box-shadow: 0 2px 4px 1px #00000040;
border-radius: 3px;
color: #4effbb;
font-size: 30px;
justify-content: center;
align-items: center;
}
.TextBox {
display: grid;
background: #0e0e0e;
color: #000;
font-family: Sansation;
font-size: 16px;
}
.Montotxt {
display: grid;
color: #fff;
}
.TextBox input[type="number"]:focus {
all: unset;
color: #fff;
display: grid;
align-self: self-end;
font-size: 18px;
text-align: center;
}
.TextBox input[type="text"] {
width: 90%;
font-weight: 700;
font-size: 22px;
text-align: end;
}
.TextBox input[type="number"] {
width: 90%;
font-weight: 700;
font-size: 22px;
text-align: end;
text-decoration: none;
background: #0e0e0e;
border: none;
all: unset;
color: #fff;
display: grid;
align-self: self-end;
font-size: 18px;
text-align: center;
}
.curr {
font-weight: 700;
align-self: center;
font-size: 1vw;
}
.TBBotonesContainer {
display: grid;
gap: 4px;
}
.TBBbtn {
display: grid;
grid-auto-flow: column;
font-size: 1vw;
text-align: center;
cursor: pointer;
grid-template-columns: repeat(6, 1fr);
}
.BTNC {
background: #bd0300;
margin: 10px 10px 10px 0;
color: #fff;
text-align: center;
display: grid;
cursor: pointer;
border-radius: 4px;
justify-content: center;
align-items: center;
margin: 1vh 0.2vw;
font-size: 1.3vw;
box-shadow: 0 4px 4px #00000040;
}
.TBDetallesContainer {
display: grid;
}
.TBDetalles {
display: grid;
padding: 0vw 0.5vw;
text-align: start;
font-size: 13px;
overflow: auto;
}
.aLink {
color: #fff;
text-align: right;
width: -webkit-fill-available;
display: grid;
font-size: 0.7vw;
height: 2vh;
align-content: flex-end;
color: #e1e1e1;
}
.LinkContainer {
display: grid;
align-content: center;
text-align: end;
padding: 0.5vh 0.5vw;
cursor: pointer;
text-decoration: underline;
}
.TBDValue {
display: grid;
background: black;
text-align: right;
padding: 4px 10px 3px 1px;
border-radius: 4px;
font-size: 1.1vw;
font-weight: 700;
}
.TBDItem {
display: grid;
justify-content: space-between;
align-items: center;
grid-template-columns: 50% 50%;
font-size: 1vw;
height: 4vh;x
}
.TBDTitle{
line-height: 1.75vh;
}
.PagoMaximo {
align-self: center;
padding-left: 1vw;
font-size: 18px;
font-weight: 700;
text-align: center;
}
.TBMakeBetContainer {
display: grid;
width: 94%;
margin: 0;
padding: 0;
}
.BtnLimpiar {
background: #bd0300;
font-size: 12pt;
font-weight: 700;
width: 50%;
text-align: center;
color: #fff;
border-radius: 5px;
padding: 1vh 0;
cursor: pointer;
}
.BtnMakeBet {
background: linear-gradient(180deg, #00be17 0%, #006400 100%);
font-size: 12pt;
font-weight: 700;
text-align: center;
color: #fff;
border-radius: 5px;
cursor: pointer;
margin: 0 1vh;
height: 5.9vh;
}
.ResevarBtn {
display: grid;
grid-auto-flow: column;
align-content: center;
text-align: center;
font-size: 1.3vw;
font-weight: 100;
font-family: Sensation;
background: var(--MainBlue);
border-radius: 5px;
cursor: pointer;
margin: 0.5vh 1vw;
}
.sr-wwrap .sr-bb {
padding: 0 !important;
}
.TitleInvoice {
display: grid;
text-align: center;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
linear-gradient(180deg, #2e2e2e 0%, #3e3e3e 100%);
color: #fff;
align-items: center;
}
.CleanIcon {
color: #db2727;
background: rgba(219, 39, 39, 0.2);
border-radius: 4px;
height: 3vh;
display: grid;
align-self: center;
align-content: center;
width: 80%;
cursor: pointer;
}
.InvoiceDownUpBContainer {
display: grid;
grid-template-columns: 50% 50%;
text-align: center;
background: #242424;
margin: 0.5vh 0;
}
.PBCB {
background: linear-gradient(180deg, #313131 0%, #252525 100%);
display: grid;
text-align: center;
font-size: 1.7vw;
cursor: pointer;
color: #0e0e0e;
align-content: center;
border-bottom: 1px solid #353535;
border-top: 1px solid #353535;
border-radius: 6px;
margin:0 0.15rem;
}
.TicketItem.Red {
border: 2px solid #ff9700;
}
.TicketItem.Inactivo {
border: 2px solid #ec1717;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}
.TicketItemWarning {
display: grid;
grid-template-columns: 9% 80%;
background: #ec1717;
color: #fff;
font-size: 1.2vh;
font-weight: 700;
margin-bottom: 2px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
height: 1.8vh;
}
.TicketIW2 {
display: grid;
}
.TicketIW1 {
text-align: center;
}
.downTicket {
border-bottom: 4px solid red;
height: auto;
padding: 0;
margin: 0;
}
.upTicket {
border-top: 4px solid green;
height: auto;
padding: 0;
margin: 0;
}
.TextBoxInvoice {
display: grid;
grid-template-columns: 1% 98% 1%;
background: #0e0e0e;
font-size: 1.4vw;
color: var(--Orange2);
text-align: left;
gap: 0.2vw;
}
.Symbolcurr {
display: grid;
align-content: center;
text-align: right;
}
.Bono {
background: #ffe500;
display: grid;
color: #000;
padding: 0.2rem;
width: -moz-fit-content;
width: fit-content;
border-radius: 5px;
font-weight: 700;
}
input.Montotxt {
background: #0e0e0e;
border: none;
text-align: left;
font-family: Sensation;
font-style: normal;
font-weight: 700;
font-size: 1.4vw;
color: var(--Orange2);
width: unset;
display: grid;
justify-self: end;
width: 90%;
}
input.Montotxt:focus {
outline: none;
}
.MaxPagoFixedContainer {
position: absolute;
background-color: #000;
top: 55%;
background: #2e2e2e;
display: grid;
grid-template-rows: 20% 35% 45%;
height: 24%;
color: #fff;
border-radius: 7px;
z-index: 113;
}
.MaxPagoFixedBtnsContainer {
display: grid;
grid-template-rows: 50% 50%;
padding: 10px 15px;
gap: 5px;
z-index: 100;
}
.MaxPagoFixHeadC {
display: grid;
text-align: center;
align-content: center;
z-index: 100;
}
.MaxPagoFixCounter {
font-size: 14pt;
font-weight: 900;
}
.MaxPagoTitle {
padding: 10px;
font-size: 14px;
font-weight: 600;
}
.MPFBCbtnA {
background: linear-gradient(180deg, #00be17 0%, #006400 100%);
display: grid;
text-align: center;
color: #fff;
align-content: center;
padding: 0 10px;
border-radius: 5px;
font-weight: 700;
cursor: pointer;
}
.MPFBCbtnC {
background: var(--BtnCancelar);
display: grid;
text-align: center;
color: #fff;
align-content: center;
padding: 0 10px;
border-radius: 5px;
font-weight: 700;
cursor: pointer;
}
.backgroundMaxPay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 99;
}
.MaxPagoHead {
z-index: 100;
grid-template-columns: 85% 14%;
text-align: center;
border-bottom: 3px solid black;
display: grid;
align-content: center;
}
.MaxPagoHeadTitle {
display: grid;
color: #4effbb;
}
.MaxPagoHeadXBut {
background: linear-gradient(180deg, #db2727 0%, #9e0000 100%);
border-radius: 4px;
display: grid;
font-size: 12pt;
padding: 3px;
cursor: pointer;
}
.ClearBtn {
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
box-shadow: 0 4px 4px #00000040;
padding: 0.3vw 0vw;
cursor: pointer;
display: grid;
align-self: center;
width: 2vw;
justify-self: self-end;
margin-right: 0.5vw;
}
.invoiceBTN {
display: grid;
grid-auto-flow: column;
align-content: center;
text-align: center;
font-size: 1.3vw;
font-weight: 100;
font-family: Sensation;
margin-top: 5pt;
}
.OraYellow2 {
color: var(--OraYellow2);
}
.InvoicCounter {
text-align: left;
display: grid;
padding-left: 10px;
}
.GridRowContainer {
display: grid;
grid-template-rows: 50% 50%;
}
.TalonTopT {
display: grid;
grid-auto-flow: column;
font-size: 0.8vw;
background: #0e0e0e;
border-radius: 4px 0 0 4px;
padding: 0.7vh;
}
.TalonTopB {
display: grid;
grid-template-columns: 70% 30%;
align-items: center;
font-size: 0.9vw;
}
.SimpleCashOutBtn {
display: grid;
border: 1px solid #ff2727;
padding: 0.2vw;
align-content: center;
color: #ff2727;
font-weight: 700;
animation: _ngcontent-ng-c1120375010_CashOutSimpleAnimation 1s linear infinite
alternate;
width: 6vw;
transition: box-shadow 0.5s;
}
.SimpleCashOutBtn:hover {
box-shadow: 0 0 10px #fefefe;
}
@keyframes _ngcontent-ng-c1120375010_CashOutSimpleAnimation {
0% {
transform: scale(0.95);
opacity: 0.8;
}
to {
transform: scale(1);
opacity: 1;
}
}
.TomaControl {
display: grid;
align-content: center;
color: var(--BlancoHumo);
}
.InvoiceCBItemContainer {
display: grid;
grid-template-columns: 80% 20%;
border-radius: 4px;
grid-auto-flow: column;
grid-auto-columns: 1fr;
}
.InvoiceCBMain {
display: grid;
grid-auto-flow: row;
padding-left: 0.6rem;
background: #2e2e2e;
border-bottom: 2px solid #000000;
color: #fff;
border-radius: 4px;
}
.InoviceCBItemright {
display: grid;
align-content: center;
}
.InoviceCBItemLeft {
display: grid;
}
.InvoiceCBBodyItems {
display: grid;
grid-auto-flow: row;
}
.BetTypeTitle {
display: grid;
align-self: center;
}
.Tab1 {
color: var(--SpecialOddsValue);
font-weight: 700;
display: grid;
align-self: center;
font-size: 0.8vw;
grid-auto-flow: row;
border-left: 2px solid white;
margin: 0.3rem 0rem;
padding: 0rem 0.5rem;
}
.InvoiceContinCBMarket {
position: relative;
}
.Corchete {
position: absolute;
border: 2px solid white;
width: 0.2vw;
height: 3.7vh;
border-right: none;
}
.CargandoText.LoadinTexo {
color: #fff;
display: grid;
align-content: center;
border-bottom: 2px solid black;
background: black;
padding: 1vw;
background: #343434;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.printer {
background: #2e2e2e;
padding: 1rem;
margin: 1rem;
border-radius: 0.2rem;
}
.invalid {
pointer-events: none;
opacity: 0.6;
}
.InLive {
display: grid;
grid-auto-flow: column;
grid-auto-columns: max-content;
gap: 1vw;
font-size: 0.6vw;
margin: 0.5vh 0;
}
.InLiveText {
background: #00b955;
padding: 0 0.5rem;
color: #000;
font-weight: 700;
}
.InLiveScore {
color: #00b955;
font-weight: 700;
font-size: 0.8vw;
}
.betSetting {
display: grid;
font-size: 1.2vw;
align-content: center;
cursor: pointer;
}
.BoxDniCliente {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 199;
}
.DniNoExist {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 200;
}
.CloseBox {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
}
.BoxDniContainer {
position: absolute;
background: #343434;
color: #fff;
width: 20vw;
height: 30vh;
left: 40vw;
top: 35vh;
display: grid;
grid-template-rows: 20% 60% 20%;
box-shadow: 0 24px 48px #0003;
}
.BDCHead {
display: grid;
grid-template-columns: 90% 10%;
border-bottom: 1px solid #111111;
text-align: center;
align-items: center;
}
.BDCBtns {
display: grid;
grid-auto-flow: column;
text-align: center;
gap: 1vw;
margin: 1vh 1.5vw;
}
.BDCTitle {
display: grid;
padding-left: 10%;
color: var(--Cian);
}
.BDCClose {
cursor: pointer;
}
.BDCClose:hover {
background: #b70000;
height: -webkit-fill-available;
display: grid;
align-content: center;
}
.BDCBody {
display: grid;
align-content: center;
text-align: center;
}
.BDCBTitle input {
padding: 1vh 1vw;
width: 75%;
background: #242424;
border: none;
color: #fff;
font-size: 1vw;
outline: none;
box-shadow: 0 0 5px #ffffff0d;
}
.AceptarBtn {
display: grid;
background: green;
align-content: center;
cursor: pointer;
}
.CerrarBtn {
display: grid;
background: var(--MenuSelect2);
align-content: center;
cursor: pointer;
}
.BDCBTitle {
display: grid;
grid-auto-flow: row;
gap: 1vh;
margin: 1vh 1vw;
}
.InputContainer {
position: relative;
}
.InputContainer i {
position: relative;
right: 1.7vw;
cursor: pointer;
}
.AceptarBtn.invalid {
background: #454545;
color: #c5c5c5;
}
.BtnMakeBet.invoiceBTN.invalid {
color: #fff;
text-align: center;
}
/*LiveView*/
.LiveView.PrematchContainer {
display: grid;
grid-template-rows: 10.75vh 84vh;
text-align: center;
font-size: 0.8rem;
}
.LiveView .LeagueCategory {
padding: 7px;
color: var(--OraYellow);
font-weight: 700;
min-height: 1.6rem;
border-radius: 4px;
display: grid;
align-content: center;
grid-auto-flow: column;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
justify-content: left;
font-size: 1.1vw;
}
.LiveView .PCLeft {
display: grid;
color: #fff;
}
.LiveView .MenuBarEvent {
display: grid;
background: #010b12;
}
.LiveView .MoreBetsBtnContainer {
display: grid;
align-self: center;
justify-self: center;
}
.LiveView .MBELeft {
display: grid;
grid-template-columns: 5% 90% 5%;
margin-right: 1pt;
}
.LiveView .MBERight {
display: grid;
grid-template-rows: 4vh 81.5vh 5vh;
margin-right: 2pt;
}
.LiveView .MBELList {
display: flex;
align-items: center;
}
.LiveView .MBELBUp {
display: grid;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
box-shadow: 0 0 24px #000c;
text-align: center;
align-content: center;
cursor: pointer;
font-size: 22px;
border-radius: 0;
z-index: 1;
}
.LiveView .MBELLLSportImg {
width: 1.5vw;
height: 1.5vw;
}
.LiveView .MBELLL.LSDisabled {
opacity: 0.6;
cursor: default;
pointer-events: none;
}
.LiveView .MBELBUp:hover {
background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.LiveView .MBELLL {
display: flex;
flex-direction: column;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
text-align: center;
align-content: center;
cursor: pointer;
padding: 0.5vh 1.5vw;
margin: 0 0.5pt;
}
.LiveView .MBELLL.selected {
border: 1px solid #02316e;
background: linear-gradient(180deg, #4effbb 0%, #00a465 100%),
linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%) !important;
color: #000;
}
.LiveView .MBELLL:hover {
background: -webkit-linear-gradient(bottom, #3c3c3c, dimgray);
}
.LiveView .MBELLLogo {
display: flex;
height: 3vh;
text-align: -webkit-center;
text-align: center;
justify-content: center;
align-content: center;
}
.LiveView .MBELLTitle {
align-content: center;
white-space: nowrap;
overflow: hidden;
display: inline-grid;
text-overflow: ellipsis;
font-style: normal;
font-weight: 700;
padding: 0.5pt 0;
}
.CantLive {
font-size: 0.8vw;
border-radius: 30px;
background-image: linear-gradient(
rgba(30, 30, 30, 0.8),
rgba(30, 30, 30, 0.8)
),
linear-gradient(to bottom, #0e0e0e, #3e3e3e);
background-origin: border-box;
background-clip: content-box, border-box;
color: #aeaeae;
width: 3vw;
line-height: 2.25vh;
}
.MBELLCantLive {
display: flex;
align-content: center;
text-align: center;
justify-content: center;
}
.LiveView .MBERList {
overflow: auto;
}
.LiveView .MBERLL {
display: grid;
grid-template-columns: 75% 25%;
background: linear-gradient(
to bottom,
var(--MainMenuBtn1) 0%,
var(--MainMenuBtn2) 100%
);
margin: 0.5pt 0;
align-items: center;
cursor: pointer;
height: 4vh;
border-radius: 6pt;
}
.LiveView .MBERLL.selected {
border: 1px solid #02316e;
background: linear-gradient(to bottom, #006dfd 0%, #000f22 100%) !important;
}
.LiveView .MBERLL:hover {
background: -webkit-linear-gradient(bottom, #3c3c3c, dimgray);
}
.LiveView .MBELRTitle {
font-size: 15px;
margin-left: 3pt;
font-weight: 700;
text-align: left;
}
.LiveView .PCRight {
display: grid;
grid-template-rows: 75.5vh 7vh;
}
.LiveView .Resaltar {
color: #ffe600;
}
.LiveView .PTitle {
display: grid;
position: sticky;
top: 0px;
background: var(--UIMain1);
color: #aeaeae;
}
.LiveView .PTitle1 {
display: grid;
align-items: center;
text-align: left;
padding: 2pt 0;
}
.LiveView .TopFiltros {
display: grid;
grid-template-columns: 30% 24%;
}
.LiveView .SwitchController {
margin: 6px;
display: grid;
grid-template-columns: 2fr 0.5fr 1fr 0.5fr;
align-items: center;
}
.LiveView .switch {
position: relative;
display: inline-block;
width: 50px;
height: 20px;
}
.LiveView .switchinput {
opacity: 0;
width: 0;
height: 0;
}
.LiveView .slider {
position: absolute;
cursor: pointer;
inset: 0;
background-color: #ccc;
transition: 0.4s;
}
.LiveView .checkbox {
position: absolute;
cursor: pointer;
content: "";
height: 16px;
width: 16px;
left: 0;
bottom: 2px;
background-color: #fff;
transition: 0.4s;
z-index: 1;
border-radius: 50%;
}
.LiveView .checked.checkbox {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 30px;
bottom: 2px;
background-color: #fff;
transition: 0.4s;
}
.LiveView .checked.slider {
background: var(--HeadBody);
}
.LiveView .slider.round {
border-radius: 34px;
}
.LiveView .slider.round:before {
border-radius: 50%;
}
.LiveView .TFSelectBox {
background: -webkit-gradient(
linear,
0 0,
0 bottom,
from(#565664),
to(#181822)
);
margin: 4px;
padding: 6px;
border-radius: 6px;
width: -moz-fit-content;
width: fit-content;
}
.LiveView .TFSelectBoxselect {
background: #334c5c;
color: #fff;
font-weight: 700;
border: 1px solid black;
box-shadow: 1px 1px 2px 1px #01121c;
width: 8vw;
}
.LiveView .MTTContainer {
display: grid;
grid-template-columns: 40.5% 56%;
text-align: center;
font-size: 8pt;
}
.LiveView .MTTName {
min-width: 8vw;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
font-size: 0.8rem;
}
.LiveView .MTTNameA {
display: grid;
grid-auto-flow: column;
}
.LiveView .PTitle2 {
display: grid;
grid-auto-flow: column;
align-items: center;
}
.LiveView .Team1Title,
.LiveView .Team2Title {
text-align: left;
}
.LiveView .OCTC {
display: grid;
grid-auto-flow: column;
}
.LiveView .OutcomeTitleContainer {
display: grid;
grid-auto-flow: column;
text-align: center;
}
.LiveView .OutcomeTitleContainer .OutComeTitle{
margin-left: 1vw;
}
.LiveView .OCC {
display: grid;
grid-auto-flow: column;
gap: 5px;
font-weight: 700;
margin-right: 5px;
}
.LiveView .EventList {
display: flex;
flex-wrap: nowrap;
background: #000b15;
flex-direction: column;
overflow: auto;
color: #fff;
}
.LiveView .EventList::-webkit-scrollbar {
-webkit-appearance: none;
}
.LiveView .EventList::-webkit-scrollbar:vertical {
width: 0.5vw;
}
.LiveView .EventList::-webkit-scrollbar-button:increment,
.LiveView .EventList::-webkit-scrollbar-button {
display: none;
}
.LiveView .EventList::-webkit-scrollbar:horizontal {
height: 1vh;
}
.LiveView .EventList::-webkit-scrollbar-thumb {
background-color: #1251a4;
border-radius: 20px;
}
.LiveView .EventList::-webkit-scrollbar-track {
border-radius: 10px;
}
.LiveView .Item.live {
background: linear-gradient(180deg, #005904 0%, #007206 100%);
border-radius: 4px;
}
.LiveView .live.OutCome {
background: linear-gradient(180deg, #00b806 0%, #007903 100%);
border: 2px solid #004b02;
}
.LiveView .Item {
background: linear-gradient(
180deg,
#0c104b 0.52%,
#13195f 19.79%,
#0b105f 100%
);
}
.LiveView .Tres {
grid-template-columns: 4% 22% 3% 14% 3% 0% 3% 46% 4%;
}
.LiveView .MainMarkets {
display: grid;
align-items: center;
padding: 5px;
}
.LiveView .MainMarkets2123 {
display: grid;
height: 10vh;
grid-template-columns: 6% 20% 8% 29% 6% 6% 6% 12% 6%;
align-items: center;
}
.LiveView .EventTime {
text-align: center;
font-weight: 700;
display: grid;
align-self: normal;
border-right: 1px solid black;
align-content: center;
background: rgba(0, 0, 0, 0.3);
padding: 1.25rem 0;
}
.PreView .EventTime .time {
margin-bottom: 0;
}
.LiveView .TeamName {
font-size: var(--TeamsFontSize);
font-weight: 800;
width: 95%;
text-align: left;
line-height: 1.15vw;
}
.LiveView .Category {
font-size: 0.6vw;
align-self: end;
text-align: left;
font-weight: 600;
line-height: 10px;
}
.LiveView .ColorCian {
color: var(--Cian);
}
.LiveView img.CatImg {
width: 0.8vw;
padding: 0vw 0.2vw;
}
.LiveView .live.Score {
border-radius: 4px;
border: 1px solid #0f0;
background: #008000;
color: #0f0;
}
.LiveView .Score {
display: grid;
color: var(--OraYellow);
margin: 0.3vw;
font-weight: 600;
background: #090c2c;
border: 0.1vw solid #5b4e4a;
border-radius: 4px;
}
.LiveView .ScoreVal {
padding: 0.5rem 0.4rem;
font-size: 1vw;
}
.LiveView .ResumenScore {
font-size: 0.8vw;
color: #fff;
}
.LiveView .Team1,
.LiveView .Team2 {
display: grid;
grid-template-rows: 1fr auto;
align-items: end;
width: 95%;
margin-left: 5%;
}
.LiveView .StatsC,
.LiveView .PlayTvC {
display: grid;
line-height: 0;
}
.LiveView .PlayTvC {
color: red;
}
.LiveView .stats {
cursor: pointer;
font-size: 1vw;
display: grid;
}
.LiveView .statusimg {
width: 1.4vw;
}
.LiveView .statusimg {
position: relative;
}
.LiveView .MainOutContainer {
display: grid;
grid-auto-flow: row;
grid-auto-rows: max-content;
padding: 1vh;
gap:0.5vh;
}
.LiveView .PrincipalOdds {
display: grid;
grid-auto-flow: column;
}
.LiveView .OutcomeContainer {
display: grid;
grid-auto-flow: column;
align-items: center;
}
.LiveView .OutCome {
text-align: center;
color: #fff;
font-weight: 800;
border-radius: 3pt;
box-shadow: 0 0 2px #000;
cursor: pointer;
width: 3vw;
padding: .85vh .2vw;
justify-self: self-end;
border: 2px solid #00064E;
background: linear-gradient(180deg, #4A45EA 0% 0% , #212AB2 47.92%, #1312CB 100%);
display: flex;
justify-content: center;
}
.LiveView .OutCome.gameBlueBg {
width: 3.25vw;
border: 2px solid #00064E;
background: linear-gradient(180deg, #4A45EA 0% 0% , #212AB2 47.92%, #1312CB 100%);
}
.LiveView .OutCome.gameGreenBg {
width: 3.25vw;
background: linear-gradient(180deg, #00b806 0%, #007903 100%);
border: 2px solid #004b02;
}
.LiveView .OutCome.select {
background: linear-gradient(0deg, #ffa100 0%, #ffa100 100%),
linear-gradient(180deg, #0f83e4 0%, #268ed1 51.04%, #076286 100%) !important;
color: #fff !important;
}
.LiveView .Item.live .OutcomeContainer .OutCome {
background: linear-gradient(180deg, #00b806 0%, #007903 100%);
border: 2px solid #004b02;
}
.LiveView .OutCome.live {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-radius: 4px;
border: 2px solid #004b02;
background: linear-gradient(180deg, #00b806 0%, #007903 100%);
padding-left:0.5vw;
padding-right:0.5vw;
}
.LiveView .OutCome.live span{
padding: 0 0.15rem 0 0;
}
.LiveView .Item.live .OutcomeContainer .OutCome.select {
background: linear-gradient(0deg, #ffa100 0%, #ffa100 100%),
linear-gradient(180deg, #0f83e4 0%, #268ed1 51.04%, #076286 100%);
color: #fff;
}
.LiveView .live.EventTime {
border-radius: 0 4px 4px 0;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.5) 0%,
rgba(0, 0, 0, 0.5) 100%
),
linear-gradient(180deg, #005904 0%, #007206 100%);
}
.LiveView .live.halftime .EventTime {
border-radius: 4px;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.2) 0%,
rgba(0, 0, 0, 0.2) 100%
),
linear-gradient(180deg, #006a82 0%, #0091b0 100%);
}
.LiveView .OutCome.SubBets.select.live {
background: var(--Orange2);
}
.LiveView .Lock {
pointer-events: none;
color: #ffffff26;
min-height:2.725vh;
height:2.725vh;
}
.LiveView button.OutCome:disabled {
color: transparent;
font-size: 0.01px;
}
.LiveView button.OutCome.Lock {
color: transparent;
font-size: 0.01px;
}
.LiveView button.OutCome:disabled .Lock {
color: #f2f2f2;
font-size: 12pt;
}
.LiveView .SOutCome {
font-weight: 800;
box-shadow: 0 0 2px #000;
border: none;
text-align: center;
color: #fefefe;
border-radius: 3pt;
cursor: pointer;
width: 2.8vw;
padding: 6px 5px;
box-sizing: border-box;
background: linear-gradient(180deg, #1179c5 0%, #0041bf 100%);
}
.LiveView .SOutCome.select {
background: var(--Orange2);
color: #fff;
}
.LiveView button.SOutCome:disabled {
color: transparent !important;
font-size: 0.01px !important;
}
.LiveView button.SOutCome.Lock {
color: transparent;
font-size: 0.01px;
}
.LiveView button.SOutCome:disabled .Lock {
color: #0009;
font-size: 1vw;
font-weight: 800;
}
.LiveView .Item.live.halftime .BtnSOdds {
border: 2px solid #00d0ff;
}
.LiveView .Item.halftime .OutcomeContainer .OutCome {
background: linear-gradient(180deg, #0f83e4 0%, #268ed1 51.04%, #076286 100%);
border: 2px solid #0b4361;
}
.LiveView .Item.halftime .MoreBetsBtnContainer .OutCome {
color: #fff;
background: linear-gradient(180deg, #00bde7 0%, #0092b3 100%);
width: 3.25vw;
}
.LiveView .Item.halftime .MoreBetsBtnContainer .OutCome.SubBets.select.live {
background: var(--Orange2);
}
.LiveView .Item.halftime {
background: linear-gradient(180deg, #046079 0%, #0398bd 100%);
}
.LiveView .Item.live.halftime .MoreBetsContainer .SOutCome {
text-align: center;
background: linear-gradient(180deg, #00bde7 0%, #0092b3 100%);
color: #fff;
font-weight: 700;
box-shadow: 0 0 2px #000;
cursor: pointer;
border: none;
padding: 6px 0;
}
.LiveView .Item.halftime .MoreBetsContainer .SOutCome.select {
background: var(--Orange2);
}
.LiveView .disabled {
pointer-events: none;
}
.LiveView .specialValue {
text-align: center;
margin: 1px;
color: var(--OraYellow);
font-weight: 800;
border-radius: 3pt;
cursor: pointer;
width: 3.5vw;
border: none;
display: flex;
align-items: center;
justify-content: center;
}
.LiveView .SecondaryOdds {
display: grid;
grid-auto-flow: column;
}
.LiveView .Item.live .MoreBetsContainer .SOutCome {
border-radius: 8px;
background: linear-gradient(180deg, #00b806 0%, #007903 100%);
}
.LiveView .Item.live .MoreBetsContainer .SOutCome.select {
background: var(--Orange2);
}
.LiveView .up {
border: 2px solid #42ff00 !important;
}
.LiveView .down {
border: 2px solid #ff0000 !important;
}
.LiveView .MarketName {
padding-left: 2vw;
text-align: left;
font-weight: 800;
}
.LiveView .sOddsContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.LiveView .SubBets {
border: none;
}
.LiveView .BtnSOdds.CustomBet {
grid-auto-flow: column;
grid-template-columns: 100%;
}
.LiveView .BtnSOdds {
display: grid;
text-align: center;
margin: 6px 2px;
border: 2px solid #0041bf;
border-radius: 8px;
grid-template-columns: 8fr 2fr;
}
.LiveView .Item.live.BtnSOdds {
border: 2px solid green;
}
.LiveView .MoreBetsContainer {
display: grid;
width: 100%;
padding: 16px 4px;
text-align: left;
}
.LiveView .MoreBetsDetail {
margin-left: 0.5rem;
padding: 0.5rem;
border: 1px solid #fff;
border-radius: 0 1vh 1vh 1vh;
}
.LiveView .MoreBetsItem {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 8vh;
border: 1px solid black;
align-items: center;
border-radius: 4px;
}
.LiveView .MoreBetsItem:hover {
background: rgb(8 8 8 / 30%);
}
.LiveView .sOddTitle {
width: 95%;
font-weight: 800;
background: rgba(0, 0, 0, 0.2);
color: #fff;
display: grid;
align-content: center;
text-align: right;
padding-right: 0.5vw;
}
.LiveView .TextBoxContainer {
display: grid;
position: relative;
}
.LiveView .TextBoxIcon {
position: absolute;
right: 0vw;
top: 1.25vh;
color: #525252;
}
.LiveView input.FindText {
font-style: normal;
font-weight: 400;
text-decoration: none;
border: none;
border-radius: 5px;
color: #c7c7c7;
padding-left: 9px;
width: 100%;
color: #fff;
background: rgba(0, 0, 0, 0.4);
height: 4vh;
display: grid;
align-self: center;
font-size: 1vw;
}
.LiveView .FindText:focus {
outline: 0px;
}
.LiveView .SelectCategory {
font-weight: 100;
cursor: pointer;
background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
border: 1px solid #aeaeae;
height: 70%;
display: grid;
align-self: center;
color: #e2e2e2;
font-size: 0.9vw;
padding-left: 0.4vw;
}
.LiveView .SelectCategoryoption {
background: black;
font-size: 0.8vw;
}
.LiveView .SelectCategory option:checked {
background-color: red;
}
.LiveView .CountryComboBox {
display: flex;
flex-direction: row;
align-items: center;
justify-content: start;
}
.LiveView .PreBotomContainer {
display: grid;
grid-template-columns: 26% 54% 20%;
align-items: center;
text-align: center;
background: #1e1e1e;
height: 7vh;
}
.LiveView .PreFavorito {
color: #0006;
font-size: 1.3vw;
cursor: pointer;
}
.LiveView .SelectedFav {
color: #c2c200;
}
.LiveView .ActiveFavoritos {
border: 1px solid #02316e;
background: linear-gradient(180deg, #4effbb 0%, #00a465 100%),
linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%) !important;
color: #000;
}
.LiveView .ActiveFavoritos .FootBtnFavTitle {
color: #000 !important;
}
.LiveView .ActiveFavoritos .FootBtnFavIcon {
color: gray;
}
.LiveView .FoootBtnFav {
display: grid;
grid-template-columns: 20% 80%;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
width: 80%;
height: 80%;
align-content: center;
text-align: center;
justify-self: center;
cursor: pointer;
border-radius: 0.4vw;
}
.LiveView .FootFind {
display: grid;
width: 80%;
height: 80%;
margin-left: 1rem;
}
.LiveView .PBCBtn {
display: grid;
grid-template-columns: 50% 50%;
grid-gap: 4pt;
margin: 2pt 1rem 2pt 0;
color: #0e0e0e;
text-shadow: 0px 1px 1px #686868;
}
.LiveView .FootBtnFavTitle {
color: #fff;
text-align: left;
}
.LiveView .FootBtnFavIcon {
color: var(--SpecialOddsValue);
}
.LiveView .PBCB {
display: grid;
background: linear-gradient(
to bottom,
var(--MainMenuBtn1) 0%,
var(--MainMenuBtn2) 100%
);
text-align: center;
align-content: center;
cursor: pointer;
font-size: 28pt;
border-radius: 10pt;
}
.LiveView .PBCB:hover {
background: #424242;
}
.LiveView .MBELLCant {
background: #404040;
border-radius: 4pt;
margin-left: 5pt;
font-weight: 700;
}
.LiveView .MBELRIconimg {
width: 2.5vw;
clip-path: circle();
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
.LiveView .MBELLLogo {
font-size: 24px;
margin-bottom: 3px;
}
.LiveView .MBELRTitle {
font-size: 12px;
}
.LiveView .BtnDate {
font-size: 15px;
}
.LiveView .stats {
font-size: 18px;
}
}
.LiveView .MBELList,
.LiveView .MBERList {
overflow: auto;
}
.LiveView .MBELList::-webkit-scrollbar,
.LiveView .MBERList::-webkit-scrollbar {
display: none;
}
.LiveView .MBELLIconimg {
width: 1.7vw;
clip-path: circle();
}
.LiveView .Dos {
display: grid;
grid-template-columns: 4% 22% 5% 22% 3% 3% 3% 33% 5%;
}
.LiveView .Uno {
display: grid;
grid-template-columns: 4% 28% 4% 25% 5% 5% 5% 18% 5%;
}
.LiveView .Cero {
display: grid;
grid-template-columns: 4% 28% 5% 30% 4% 4% 4% 15% 5%;
}
.LiveView .LV2Uno {
grid-template-columns: 4% 2% 25% 8% 25% 5% 25% 6%;
}
.LiveView .LV2UnoT {
grid-template-columns: 59% 41%;
}
.LiveView .stats.disabled {
color: gray;
pointer-events: none;
}
.LiveView .MBELLTitle,
.LiveView .MBELLCant {
font-size: 0.8vw;
}
.LiveView .EventTime {
font-size: 0.9vw;
font-style: normal;
font-weight: 600;
border-radius: 0 4px 4px 0;
}
.OutCome, .specialValue, .MarketName {
font-size: var(--OddsFontSize);
}
.LiveView .sss {
color: #fff;
}
.LiveView .sOddTitle,
.LiveView .SOutCome {
font-size: 1.3vw;
}
.LiveView .LV2Cuatro {
grid-template-columns: 5% 11% 5% 11% 5% 57% 6%;
border-bottom: 2px solid black;
}
.LiveView .LV2Tres {
grid-template-columns: 4% 19% 6% 12% 6% 47% 6%;
border-bottom: 2px solid black;
}
.LiveView .LV2Dos {
display: grid;
grid-template-columns: 5% 26% 7% 26% 4% 26% 6%;
}
.LiveView .DetailContainer {
display: grid;
}
.LiveView .DCStatsTop {
display: grid;
align-content: center;
height: auto;
}
.LiveView .FirstTime {
padding-top: 2vh;
color: var(--Orange2);
font-size: 0.9vw;
}
.LiveView .LV2Cero {
display: grid;
grid-template-columns: 4% 2% 21% 5% 22% 2% 33% 5%;
}
.LiveView .LV2TresT.MTTNameA {
display: grid;
grid-template-columns: 30% 30% 40%;
}
.LiveView .LV2DosT.MTTNameA {
grid-template-columns: 34% 38%;
}
.LiveView .LV2CuatroT {
grid-template-columns: 37% 57% 6%;
}
.LiveView .LV2TresT {
grid-template-columns: 47% 47% 6%;
}
.LiveView .LV2DosT {
grid-template-columns: 66% 27% 7%;
}
.LiveView .Lv21T {
font-size: 11px;
color: #ffe600;
}
.LiveView .status {
display: grid;
}
.LiveView .DCStatsBottom {
display: grid;
grid-auto-flow: column;
align-self: center;
}
.LiveView .GrupoTitle {
display: block;
min-width: 130px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
padding: 0.8rem 1rem;
font-size: 1rem;
border: 1px solid;
cursor: pointer;
border-bottom: none;
border-top-left-radius: 1vh;
border-top-right-radius: 1vh;
}
.LiveView .GroupsContainer {
display: flex;
width: 78.5vw;
align-items: center;
font-weight: 600;
margin-left: 5px;
}
.LiveView .GroupMarketsContainer {
display: flex;
overflow: hidden;
width: -webkit-fill-available;
margin-left: 3px;
}
.LiveView .GroupParentMarketsContainer{
width: calc(100% - 105px);
}
.LiveView .GrupoTitle.selected {
color: #fff;
border-bottom: 3px solid #fff;
}
.LiveView .NewTab {
position: absolute;
display: grid;
color: #fff;
background: red;
font-size: 0.7rem;
padding: 0.3rem;
bottom: 2.8rem;
animation: NewTabAnimation 5s ease-in-out infinite;
}
.LiveView .CrearApuestaContainer {
position: relative;
}
.LiveView .SubOdds {
display: grid;
grid-template-columns: 65% 35%;
text-align: center;
margin: 3px 0;
}
.LiveView .SubOddsCB {
display: grid;
text-align: center;
margin: 3px 0;
}
.LiveView .SubOddsCB.CB.select .sOddTitle {
background: -webkit-gradient(
linear,
0 0,
0 bottom,
from(#c0bc23),
to(#e6e051)
) !important;
color: #000;
}
.LiveView .sOddsTitleCB,
.LiveView .LockCB {
text-align: center;
}
.LiveView .SubOddsCB.CB.select {
color: #fff;
background: #ff8100;
font-size: 1vw;
margin: 0;
align-content: center;
border-radius: 5px;
cursor: pointer;
}
.LiveView .sOddTitleCB {
font-size: 1vw;
}
.LiveView .StatsModal {
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
z-index: 100;
}
.LiveView .StatsModal2 {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 101;
}
.LiveView .StatsModalc {
position: fixed;
z-index: 102;
display: grid;
align-items: center;
align-content: center;
align-self: center;
left: 9vw;
top: 14vh;
}
.LiveView .StatsModalIFram {
width: 80vw;
height: 60vh;
}
.LiveView .StatsModalClose {
background: gray;
color: #fff;
display: grid;
grid-template-columns: 90% 10%;
text-align: center;
padding: 0.5rem;
}
.LiveView .StatsModalModalTitle {
padding-left: 10%;
}
.LiveView .StatsModalBtnClose {
text-align: right;
cursor: pointer;
}
.LiveView .live.halftime.OutCome {
background: linear-gradient(180deg, #0f83e4 0%, #268ed1 51.04%, #076286 100%);
border: 2px solid #0b4361;
}
.LiveView .halftime.Score {
background: #047997 !important;
border: 1px solid #0fcdff !important;
color: #fff !important;
}
/*LiveView*/
/*PreView*/
.PreView.PrematchContainer {
display: grid;
grid-template-columns: 20% 80%;
text-align: center;
font-size: 0.8rem;
}
.PreView .PCLeft {
display: grid;
color: #fff;
}
.PreView .MenuBarEvent {
display: grid;
grid-template-columns: 34% 66%;
background: #010b12;
}
.PreView .MBELeft {
display: grid;
grid-template-rows: 7vh 79vh 7vh;
margin-right: 1pt;
}
.PreView .Negrita {
font-weight: 700;
}
.PreView .FZ1_2vw {
font-size: 32px !important;
}
.PreView .MBELBUp {
display: grid;
text-align: center;
align-content: center;
cursor: pointer;
font-size: 22px;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
box-shadow: 0 0 24px #000c;
height: 7vh;
}
.PreView .MBELBUp:hover {
background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.PreView .MBELList,
.PreView .MBERList {
overflow: auto;
}
.PreView .MBELList::-webkit-scrollbar,
.PreView .MBERList::-webkit-scrollbar {
display: none;
}
.PreView .MBERLL {
display: grid;
grid-auto-flow: row;
}
.PreView .MBERLL:hover {
background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.PreView .MBELLL {
display: flex;
flex-direction: column;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
text-align: center;
align-content: center;
justify-content: center;
cursor: pointer;
margin: 0.5pt 1pt;
border: 1px solid transparent;
height: 9.5vh;
}
.PreView .MBELLL.selected,
.PreView .MBELLL:hover {
background: linear-gradient(180deg, #4effbb 0%, #00a465 100%);
color: #000;
}
.PreView .MBELLLogo {
display: flex;
height: 3vh;
text-align: -webkit-center;
text-align: center;
justify-content: center;
align-content: center;
}
.PreView .MBELLLSportImg {
width: 1.5vw;
height: 1.5vw;
}
.PreView .MBELLCant {
border: 2px solid transparent;
border-radius: 30px;
background-image: linear-gradient(
rgba(30, 30, 30, 0.8),
rgba(30, 30, 30, 0.8)
),
linear-gradient(to bottom, #0e0e0e, #3e3e3e);
background-origin: border-box;
background-clip: content-box, border-box;
color: #aeaeae;
}
.PreView .MBERList {
display: grid;
gap: 1px;
height: -webkit-fill-available;
grid-auto-rows: max-content;
}
.PreView .MBELRTitle {
font-size: 1vw;
text-align: left;
font-style: normal;
font-weight: 100;
color: #fff;
}
.PreView .MBELLIcon img {
width: 1.3vw;
}
.PreView .MBERight {
display: grid;
grid-template-rows: 7.2vh 78.8vh 7vh;
margin-right: 2pt;
}
.PreView .CianTxt {
color: #4effbb;
}
.PreView .BlackTxt {
color: #161616;
}
.PreView .PCRight {
display: grid;
grid-template-rows: 86vh 7vh;
}
.PreView .PTitle {
display: grid;
grid-template-rows: 60% 30%;
background: var(--UIMain1);
color: #aeaeae;
height: 7vh;
}
.PreView .PTitle1 {
display: grid;
align-items: center;
text-align: left;
padding: 2pt 0 4pt 0;
}
.PreView .TopFiltros {
display: grid;
grid-template-columns: 20% 10% 30% 40%;
}
.PreView .SwitchController {
margin: 6px;
display: grid;
grid-template-columns: 2fr 0.5fr 1fr 0.5fr;
align-items: center;
}
.PreView .switch {
position: relative;
display: inline-block;
width: 50px;
height: 20px;
}
.PreView .switch input {
opacity: 0;
width: 0;
height: 0;
}
.PreView .checked .checkbox {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 30px;
bottom: 2px;
background-color: #fff;
transition: 0.4s;
}
.PreView .checkbox {
position: absolute;
cursor: pointer;
content: "";
height: 16px;
width: 16px;
left: 0;
bottom: 2px;
background-color: #fff;
transition: 0.4s;
z-index: 1;
border-radius: 50%;
}
.PreView .slider {
position: absolute;
cursor: pointer;
inset: 0;
background-color: #ccc;
transition: 0.4s;
}
.PreView .Team1Title,
.PreView .Team2Title {
text-align: left;
}
.PreView .checked .slider {
background: #09a10a;
}
.PreView .slider.round {
border-radius: 34px;
}
.PreView .slider.round:before {
border-radius: 50%;
}
.PreView .TFTitle {
align-self: center;
margin-left: 10pt;
}
.PreView .TFSelectBox {
margin: 2px;
padding: 9px;
display: grid;
}
.PreView .TFSelectBox select {
background: #334c5c;
color: #fff;
font-weight: 700;
border: 1px solid black;
box-shadow: 1px 1px 2px 1px #01121c;
width: 8vw;
}
.PreView .TextBoxContainer {
display: grid;
position: relative;
}
.PreView .TextBoxIcon {
position: absolute;
right: 1vw;
top: 1.25vh;
color: #525252;
}
.PreView input.FindText {
font-style: normal;
font-weight: 400;
text-decoration: none;
border: none;
border-radius: 5px;
color: #c7c7c7;
padding-left: 9px;
width: 95%;
color: #525252;
background: rgba(0, 0, 0, 0.4);
height: 4vh;
display: grid;
align-self: center;
font-size: 1vw;
}
.PreView .SelectFormatDay {
font-weight: 100;
padding: 0 17px;
cursor: pointer;
background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
border: 1px solid #aeaeae;
height: 3.8vh;
display: grid;
align-self: center;
color: #fff;
border-radius: 5px;
}
.PreView select.SelectFormatDay option {
background: #3e3e3e;
cursor: pointer;
font-weight: 100;
font-size: 16px;
}
.PreView .FindText:focus {
outline: 0px;
}
.PreView .MTTNameA {
display: grid;
grid-auto-flow: column;
}
.PreView .MTTContainer {
display: grid;
grid-template-columns: 40.5% 56%;
text-align: center;
}
.PreView .PTitle2 {
display: grid;
grid-auto-flow: column;
align-items: center;
padding-right: 6px;
}
.PreView .Estado {
padding-left: 0;
}
.PreView .OCTC {
display: grid;
grid-auto-flow: column;
color: #e2e2e2;
}
.PreView .OutcomeTitleContainer {
text-align: center;
display: grid;
grid-auto-flow: column;
}
.PreView .OutcomeTitleContainer .OutComeTitle{
margin-left: 1vw;
}
.PreView .EventList {
display: grid;
grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr 1fr;
}
.PreView .EventList {
display: flex;
flex-wrap: nowrap;
background: #000b15;
flex-direction: column;
overflow: auto;
color: #fff;
}
.PreView .EventList::-webkit-scrollbar {
-webkit-appearance: none;
}
.PreView .EventList::-webkit-scrollbar:vertical {
width: 6px;
}
.PreView .EventList::-webkit-scrollbar-button:increment,
.PreView .EventList::-webkit-scrollbar-button {
display: none;
}
.PreView .EventList::-webkit-scrollbar:horizontal {
height: 6px;
}
.PreView .EventList::-webkit-scrollbar-thumb {
background-color: #1251a4;
border-radius: 20px;
}
.PreView .EventList::-webkit-scrollbar-track {
border-radius: 10px;
}
.PreView .Tres {
grid-template-columns: 5% 18% 15% 6% 50% 5%;
}
.PreView .MainMarkets {
display: grid;
background: linear-gradient(
180deg,
#0c104b 0.52%,
#13195f 19.79%,
#0b105f 100%
);
border-bottom: 1px solid black;
text-align: left;
}
.PreView .MoreBetsBtnContainer {
display: grid;
align-self: center;
justify-self: start;
}
.PreView .EventTime {
height:2.25rem;
text-align: center;
font-weight: 400;
font-size: 0.9vw;
display: flex;
flex-direction: column;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.5) 0%,
rgba(0, 0, 0, 0.5) 100%
),
linear-gradient(180deg, #0c104b 0.52%, #13195f 19.79%, #0b105f 100%);
align-items: center;
justify-content: center;
padding: 1.25rem 2pt;
}
.PreView .Team1 {
display: grid;
padding: 2pt 0;
}
.PreView .TeamName {
font-size: var(--TeamsFontSize);
font-weight: 700;
width: 95%;
text-align: left;
display: grid;
align-content: center;
font-style: normal;
padding: 0 0.5rem;
}
.PreView img.CatImg {
width: 1.2vw;
padding: 0vw 1vw;
display: grid;
align-self: center;
}
.PreView .Category {
font-size: 0.8vw;
font-weight: 600;
}
.PreView .CategoryContainer {
display: grid;
grid-template-columns: 19% 60% 20%;
align-items: center;
justify-self: center;
cursor: pointer;
line-height: 16px;
min-height: 5vh;
width: 100%;
background: linear-gradient(180deg, #313131 0%, #252525 100%);
padding: 0.5pt 1pt;
}
.PreView .MBELLIcon {
margin-left: 0.5rem;
}
.PreView .MBELLIcon .icon_flag {
margin-top: 0;
margin-right: 0;
}
.PreView .TournamentContainer {
display: grid;
grid-template-columns: 20% 80%;
background: linear-gradient(180deg, #313131 0%, #252525 100%);
color: var(--BlancoHumo);
font-size: 0.7vw;
align-items: center;
min-height: 4vh;
cursor: pointer;
line-height: 11px;
padding: 1pt 0;
}
.PreView .TournamentItem {
text-align: left;
display: grid;
}
.PreView .Team2 {
display: flex;
}
.PreView .status {
text-align: center;
display: grid;
align-content: center;
}
.PreView .status img {
width: 2vw;
}
.PreView .stats {
cursor: pointer;
}
.PreView .OCC {
display: grid;
grid-auto-flow: column;
gap: 5px;
font-weight: 700;
margin-right: 5px;
}
.PreView .OutcomeContainer {
display: flex;
align-items: center;
justify-content: space-evenly;
}
.PreView .FootFind {
display: grid;
width: 90%;
height: 80%;
margin-left: 0.5rem;
}
.PreView .OutCome {
text-align: center;
color: #fff;
font-weight: 800;
border-radius: 3pt;
box-shadow: 0 0 2px #000;
cursor: pointer;
width: 3vw;
padding: .85vh .2vw;
border: 2px solid #00064E;
background: linear-gradient(180deg, #4A45EA 0%, #212AB2 47.92%, #1312CB 100%);
justify-self: self-end;
}
.PreView .OutCome.SubBets.live {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding-left:0.5vw;
padding-right:0.5vw;
}
.PreView .Lock {
pointer-events: none;
color: #ffffff26;
}
.PreView button.OutCome .Lock {
color: #ffffff26;
font-size: 0.01px;
}
.PreView .OutCome.select {
background: var(--Orange2);
}
.PreView .ScoreContainer {
display: grid;
align-content: center;
margin: 0vh 0.5vw;
width: max-content;
}
.PreView .CustomAling {
text-align: left;
padding-left: 20%;
}
.PreView .TextLeft {
text-align: left;
}
.PreView .Score {
border: 1px solid #5b4e4a;
padding: 0.1vw;
border-radius: 4px;
color: var(--OraYellow);
padding: 2px 6px;
font-size: 1vw;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.PreView button.OutCome:disabled {
color: transparent;
font-size: 0.01px;
}
.PreView .YellowxText {
color: #f6b40e !important;
}
.PreView button.OutCome:disabled .Lock {
color: #ffffff26;
font-size: 1.1vw;
text-shadow: none;
}
.PreView .specialValue {
text-align: center;
margin: 1px;
color: var(--Orange);
font-weight: 800;
border-radius: 3pt;
cursor: pointer;
width: 2.5vw;
font-size: 1.1vw;
border: none;
padding: 4px;
}
.PreView .MoreBetsContainer {
display: grid;
padding: 16px 4px;
text-align: left;
}
.PreView .MoreBetsDetail {
margin-left: 0.5rem;
padding: 0.5rem;
border: 1px solid #ffff;
border-radius: 0 1vh 1vh 1vh;
}
.PreView .MoreBetsItem {
background-color: #101447;
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 8vh;
border: 1px solid black;
align-items: center;
font-style: normal;
font-weight: 400;
font-size: 0.9vw;
}
.PreView .MoreBetsItem:hover {
background: rgb(0 39 103 / 80%);
}
.PreView .MarketName {
padding-left: 2vw;
}
.PreView .sOddsContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1vh;
margin: 1vh 0.5vw;
}
.PreView .BtnSOdds {
display: grid;
text-align: center;
margin: 0 2px;
border: 2px solid #0041bf;
border-radius: 8px;
grid-auto-flow: column;
grid-template-columns: 1fr;
}
.PreView .sOddTitle {
background: rgba(0, 0, 0, 0.2);
color: var(--Orange);
display: grid;
align-content: center;
text-align: right;
padding-right: 0.5vw;
}
.PreView .SOutCome {
text-align: center;
background: -webkit-gradient(
linear,
50% 85%,
50% 20%,
color-stop(0, rgb(24 22 255)),
color-stop(0.5, rgb(16 27 155)),
color-stop(1, rgb(33 26 249))
);
color: #fff;
font-weight: 700;
box-shadow: 0 0 2px #000;
cursor: pointer;
width: 95%;
font-size: 1vw;
border: none;
padding: 4px 0;
font-weight: 800;
}
.PreView .SOutCome.select {
background: #ff8100;
}
.PreView button.SOutCome:disabled {
color: transparent !important;
font-size: 0.01px !important;
}
.PreView button.SOutCome .Lock {
color: #ffffff26;
font-size: 0.01px;
}
.PreView button.SOutCome:disabled .Lock {
color: #ffffff26;
font-size: 12pt;
}
.PreView .FindedContainer {
position: fixed;
width: 18vw;
z-index: 5;
bottom: 7vh;
}
.PreView .FindedTitle {
background: #bd0082;
display: flex;
justify-content: space-between;
padding: 0 2%;
}
.PreView .FindedItems {
background: #022d54;
border: 1px solid black;
text-align: left;
padding: 0.3vw;
cursor: pointer;
}
.PreView .FindedItems:hover {
background: #073b6a;
}
.PreView .PreBotomContainer {
display: grid;
grid-template-columns: 30% 52% 18%;
align-items: center;
text-align: center;
background: #1e1e1e;
height: 7vh;
}
.PreView .PBCdates {
display: grid;
grid-template-columns: 12% 12% 12% 12% 12% 12% 12% 12%;
color: #fff;
padding-left: 0.5%;
}
.PreView .TournamentIcon {
font-size: 1.3vw;
}
.PreView .BtnDate {
background: linear-gradient(
to bottom,
var(--MainMenuBtn1) 0%,
var(--MainMenuBtn2) 100%
);
margin-right: 4%;
color: #fff;
text-align: center;
font-size: 16pt;
cursor: pointer;
margin-top: 0.5vh;
height: 6.5vh;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.PreView .BtnDate.selected {
border: 2px solid green;
color: green;
height: 6.2vh;
}
.PreView .BtnDate:hover {
background: #424242;
}
.PreView .PBCBtn {
display: grid;
grid-template-columns: 50% 50%;
grid-gap: 4pt;
margin: 2pt 1rem 2pt 1pt;
color: #0e0e0e;
text-shadow: 0px 1px 1px #686868;
}
.PreView .PreFavorito {
display: grid;
align-self: center;
cursor: pointer;
color: #0006;
font-size: 1.1vw;
}
.PreView .PreFavorito.StarSelected {
color: #f6b40e;
}
.PreView .Resaltar {
color: #ffc40c;
}
.PreView .Dos {
display: grid;
grid-template-columns: 6% 19.5% 5% 19% 6% 37% 7%;
}
.PreView .Tres {
display: grid;
grid-template-columns: 6% 12% 5% 12% 7% 54% 7%;
}
.PreView .DosT {
display: grid;
grid-template-columns: 55% 39% 6%;
}
.PreView .Uno {
display: grid;
grid-template-columns: 5% 5% 27% 5% 27% 5% 20% 6%;
}
.PreView .Cero {
display: grid;
grid-template-columns: 5% 3% 26% 6% 26% 5% 5% 5%;
}
.PreView .LeagueCategory {
padding: 1.25vh 0 1.25vh 1.15vw;
color: var(--OraYellow);
font-weight: 700;
min-height: 1.6rem;
border-radius: 4px;
display: grid;
align-content: center;
grid-auto-flow: column;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
justify-content: left;
font-size: 1.1vw;
}
.PreView .MBELLTitle,
.PreView .MBELLCant {
font-size: 0.8vw;
font-weight: 700;
position: relative;
line-height: 0.75rem;
margin-right: 2pt;
padding: 2pt 0;
}
.PreView .PBCBUp,
.PreView .PBCBDown {
font-size: 3vw;
color: #0e0e0e;
text-shadow: 0px 1px 1px #686868;
align-self: center;
display: grid;
height: 4.4vh;
padding: 0;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
align-content: center;
}
.PreView .PBCB {
display: grid;
background: linear-gradient(to bottom, var(--MainMenuBtn1) 0%, var(--MainMenuBtn2) 100%);
text-align: center;
align-content: center;
cursor: pointer;
font-size: 36pt;
border-radius: 10pt;
}
.PreView .PBCB:hover {
background: #424242;
}
.PreView .CountryComboBox {
display: flex;
flex-direction: row;
align-items: center;
justify-content: start;
}
.ResaultsView .CountryComboBox {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.PreView .PBCFFav {
display: grid;
grid-template-columns: 15% 80%;
align-items: center;
color: #fff;
font-size: 1vw;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
margin: 12px;
border-radius: 5px;
cursor: pointer;
width: 92%;
}
.PreView .PreBotomConainerFav {
display: grid;
}
.PreView .PBCFFavIcon {
width: 28px;
color: #0006;
}
.PreView .SelecFavBtn {
background: linear-gradient(180deg, #1a1a1a 0%, #040404 100%);
}
.PreView .SubOddsCB.CB.select {
color: #fff;
background: #ff8100;
font-size: 1vw;
margin: 0;
align-content: center;
border-radius: 5px;
cursor: pointer;
}
.PreView .sOddTitleCB {
font-size: 1vw;
}
.PreView .GrupoTitle {
display: block;
min-width: 130px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
padding: 0.8rem 1rem;
font-size: 1rem;
border: 1px solid;
cursor: pointer;
border-bottom: none;
border-top-left-radius: 1vh;
border-top-right-radius: 1vh;
margin-left: 5px;
}
.PreView .GroupsContainer {
display: flex;
align-items: center;
width: 100%;
font-weight: 600;
margin-left: 5px;
}
.PreView .GroupMarketsContainer {
display: flex;
overflow: hidden;
width: -webkit-fill-available;
}
.PreView .GrupoTitle.selected {
color: #fff;
border-bottom: 3px solid #fff;
}
.PreView .GroupParentMarketsContainer{
width: calc(100% - 105px);
}
.PreView .NewTab {
position: absolute;
display: grid;
color: #fff;
background: red;
font-size: 0.7rem;
padding: 0.3rem;
bottom: 2.8rem;
animation: NewTabAnimation 5s ease-in-out infinite;
}
.PreView .CrearApuestaContainer {
position: relative;
}
.PreView .SubOdds {
display: grid;
grid-template-columns: 65% 35%;
text-align: center;
margin: 3px 0;
}
.PreView .SubOddsCB {
display: grid;
text-align: center;
margin: 3px 0;
cursor: pointer;
}
.PreView .SubOddsCB.CB.select .sOddTitle {
background: -webkit-gradient(
linear,
0 0,
0 bottom,
from(#c0bc23),
to(#e6e051)
) !important;
color: #000;
}
.PreView .sOddsTitleCB,
.PreView .LockCB {
text-align: center;
}
.PreView .StatsModal {
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
z-index: 100;
}
.PreView .StatsModal2 {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 101;
}
.PreView .StatsModalc {
position: fixed;
z-index: 102;
display: grid;
align-items: center;
align-content: center;
align-self: center;
left: 9vw;
top: 14vh;
}
.PreView .StatsModalIFram {
width: 80vw;
height: 60vh;
}
.PreView .StatsModalClose {
background: gray;
color: #fff;
display: grid;
grid-template-columns: 90% 10%;
text-align: center;
padding: 0.5rem;
}
.PreView .StatsModalModalTitle {
padding-left: 10%;
}
.PreView .StatsModalBtnClose {
text-align: right;
cursor: pointer;
}
.PreView .LV2Cuatro {
grid-template-columns: 4% 2% 13% 5% 13% 3% 56% 4%;
border-bottom: 2px solid black;
}
/*PreView*/
/*EsportView*/
.EsportView.PrematchContainer {
display: grid;
grid-template-columns: 20% 80%;
text-align: center;
font-size: 0.8rem;
}
.EsportView .PCLeft {
display: grid;
color: #fff;
}
.EsportView .MenuBarEvent {
display: grid;
grid-template-columns: 34% 66%;
background: #010b12;
}
.EsportView #accept-odds-changes-container {
margin: 8px auto;
}
.EsportView .MBELeft {
display: grid;
grid-template-rows: 7vh 79vh 7vh;
margin-right: 1pt;
}
.EsportView .Negrita {
font-weight: 700;
}
.EsportView .FZ1_2vw {
font-size: 32px !important;
}
.EsportView .MBELBUp {
display: grid;
text-align: center;
align-content: center;
cursor: pointer;
font-size: 22px;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
box-shadow: 0 0 24px #000c;
height: 7vh;
}
.EsportView .MBELBUp:hover {
background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.EsportView .up {
border: 2px solid #42ff00 !important;
}
.EsportView .down {
border: 2px solid #ff0000 !important;
}
.EsportView .MBELList,
.EsportView .MBERList {
overflow: auto;
}
.EsportView .MBELList::-webkit-scrollbar,
.EsportView .MBERList::-webkit-scrollbar {
display: none;
}
.EsportView .MBERLL {
display: grid;
grid-auto-flow: row;
}
.EsportView .MBERLL:hover {
background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.EsportView .MBELLL {
display: flex;
flex-direction: column;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
text-align: center;
align-content: center;
justify-content: center;
cursor: pointer;
margin: 0.5pt 1pt;
border: 1px solid transparent;
height: 9.5vh;
}
.EsportView .MBELLL.selected,
.EsportView .MBELLL:hover {
border: 1px solid #02316e;
background: linear-gradient(180deg, #00BE17 0%, #006400 100%);
color: #fff;
}
.EsportView .MBELLLogo {
display: flex;
height: 3vh;
text-align: -webkit-center;
text-align: center;
justify-content: center;
align-content: center;
}
.EsportView .MBELLLSportImg {
width: 1.5vw;
height: 1.5vw;
}
.EsportView .MBELLCant {
border: 2px solid transparent;
border-radius: 30px;
background-image: linear-gradient(
rgba(30, 30, 30, 0.8),
rgba(30, 30, 30, 0.8)
),
linear-gradient(to bottom, #0e0e0e, #3e3e3e);
background-origin: border-box;
background-clip: content-box, border-box;
color: #aeaeae;
}
.EsportView .MBERList {
display: grid;
gap: 1px;
height: -webkit-fill-available;
grid-auto-rows: max-content;
}
.EsportView .MBELRTitle {
font-size: 1vw;
text-align: left;
font-style: normal;
font-weight: 100;
color: #fff;
}
.EsportView .MBELLIcon img {
width: 1.3vw;
}
.EsportView .MBERight {
display: grid;
grid-template-rows: 7.2vh 78.8vh 7vh;
margin-right: 2pt;
}
.EsportView .CianTxt {
color: #4effbb;
}
.EsportView .BlackTxt {
color: #161616;
}
.EsportView .PCRight {
display: grid;
grid-template-rows: 86vh 7vh;
}
.EsportView .PTitle {
display: grid;
grid-template-rows: 60% 30%;
background: var(--UIMain1);
color: #aeaeae;
height: 7vh;
}
.EsportView .PTitle1 {
display: grid;
align-items: center;
text-align: left;
padding: 2pt 0 4pt 0;
}
.EsportView .TopFiltros {
display: grid;
grid-template-columns: 20% 10% 30% 40%;
}
.EsportView .SwitchController {
margin: 6px;
display: grid;
grid-template-columns: 2fr 0.5fr 1fr 0.5fr;
align-items: center;
}
.EsportView .switch {
position: relative;
display: inline-block;
width: 50px;
height: 20px;
}
.EsportView .switch input {
opacity: 0;
width: 0;
height: 0;
}
.EsportView .checked .checkbox {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 30px;
bottom: 2px;
background-color: #fff;
transition: 0.4s;
}
.EsportView .checkbox {
position: absolute;
cursor: pointer;
content: "";
height: 16px;
width: 16px;
left: 0;
bottom: 2px;
background-color: #fff;
transition: 0.4s;
z-index: 1;
border-radius: 50%;
}
.EsportView .slider {
position: absolute;
cursor: pointer;
inset: 0;
background-color: #ccc;
transition: 0.4s;
}
.EsportView .Team1Title,
.EsportView .Team2Title {
text-align: left;
}
.EsportView .checked .slider {
background: #09a10a;
}
.EsportView .slider.round {
border-radius: 34px;
}
.EsportView .slider.round:before {
border-radius: 50%;
}
.EsportView .TFTitle {
align-self: center;
margin-left: 10pt;
}
.EsportView .TFSelectBox {
margin: 2px;
padding: 9px;
display: grid;
}
.EsportView .TFSelectBox select {
background: #334c5c;
color: #fff;
font-weight: 700;
border: 1px solid black;
box-shadow: 1px 1px 2px 1px #01121c;
width: 8vw;
}
.EsportView .TextBoxContainer {
display: grid;
position: relative;
}
.EsportView .TextBoxIcon {
position: absolute;
right: 1vw;
top: 1.25vh;
color: #525252;
}
.EsportView input.FindText {
font-style: normal;
font-weight: 400;
text-decoration: none;
border: none;
border-radius: 5px;
color: #c7c7c7;
padding-left: 9px;
width: 95%;
color: #525252;
background: rgba(0, 0, 0, 0.4);
height: 4vh;
display: grid;
align-self: center;
font-size: 1vw;
}
.EsportView .SelectFormatDay {
font-weight: 100;
padding: 0 17px;
cursor: pointer;
background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
border: 1px solid #aeaeae;
height: 3.8vh;
display: grid;
align-self: center;
color: #fff;
border-radius: 5px;
}
.EsportView select.SelectFormatDay option {
background: #3e3e3e;
cursor: pointer;
font-weight: 100;
font-size: 16px;
}
.EsportView .FindText:focus {
outline: 0px;
}
.EsportView .MTTNameA {
display: grid;
grid-auto-flow: column;
}
.EsportView .MTTContainer {
display: grid;
grid-template-columns: 40.5% 56%;
text-align: center;
}
.EsportView .PTitle2 {
display: grid;
grid-auto-flow: column;
align-items: center;
padding-right: 6px;
}
.EsportView .Estado {
padding-left: 0;
}
.EsportView .OCTC {
display: grid;
grid-auto-flow: column;
color: #e2e2e2;
}
.EsportView .OutcomeTitleContainer {
text-align: center;
display: grid;
grid-auto-flow: column;
}
.EsportView .OutcomeTitleContainer .OutComeTitle{
margin-left: 1vw;
}
.EsportView .EventList {
display: grid;
grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr 1fr;
}
.EsportView .EventList {
display: flex;
flex-wrap: nowrap;
background: #000b15;
flex-direction: column;
overflow: auto;
color: #fff;
}
.EsportView .EventList::-webkit-scrollbar {
-webkit-appearance: none;
}
.EsportView .EventList::-webkit-scrollbar:vertical {
width: 6px;
}
.EsportView .EventList::-webkit-scrollbar-button:increment,
.EsportView .EventList::-webkit-scrollbar-button {
display: none;
}
.EsportView .EventList::-webkit-scrollbar:horizontal {
height: 6px;
}
.EsportView .EventList::-webkit-scrollbar-thumb {
background-color: #1251a4;
border-radius: 20px;
}
.EsportView .EventList::-webkit-scrollbar-track {
border-radius: 10px;
}
.EsportView .Tres {
grid-template-columns: 5% 18% 15% 6% 50% 5%;
}
.EsportView .MainMarkets {
display: grid;
background: linear-gradient(
180deg,
#0c104b 0.52%,
#13195f 19.79%,
#0b105f 100%
);
border-bottom: 1px solid black;
text-align: left;
}
.EsportView .MoreBetsBtnContainer {
display: grid;
align-self: center;
justify-self: start;
}
.EsportView .EventTime {
height:2.25rem;
text-align: center;
font-weight: 400;
font-size: 0.9vw;
display: flex;
flex-direction: column;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.5) 0%,
rgba(0, 0, 0, 0.5) 100%
),
linear-gradient(180deg, #0c104b 0.52%, #13195f 19.79%, #0b105f 100%);
align-items: center;
justify-content: center;
padding: 1.25rem 2pt;
}
.EsportView .Team1 {
display: grid;
padding: 2pt 0;
}
.EsportView .TeamName {
font-size: var(--TeamsFontSize);
font-weight: 700;
width: 95%;
text-align: left;
display: grid;
align-content: center;
font-style: normal;
padding: 0 0.5rem;
}
.EsportView img.CatImg {
width: 1.2vw;
padding: 0vw 1vw;
display: grid;
align-self: center;
}
.EsportView .Category {
font-size: 0.8vw;
font-weight: 600;
}
.EsportView .CategoryContainer {
display: grid;
grid-template-columns: 19% 60% 20%;
align-items: center;
justify-self: center;
cursor: pointer;
line-height: 18px;
min-height: 8vh;
width: 100%;
background: linear-gradient(180deg, #313131 0%, #252525 100%);
padding: 0.5pt 1pt;
}
.EsportView .CategoryContainer .CategoryIcon {
display: grid;
align-content: center;
text-align: center;
color: #fff;
font-size: 1vw;
}
.EsportView .MBELLIcon {
margin-left: 0.5rem;
}
.EsportView .MBELLIcon .icon_flag {
margin-top: 0;
margin-right: 0;
}
.EsportView .TournamentContainer {
display: grid;
grid-template-columns: 20% 80%;
background: linear-gradient(180deg, #313131 0%, #252525 100%);
color: var(--BlancoHumo);
font-size: 0.8vw;
align-items: center;
min-height: 4vh;
cursor: pointer;
line-height: 11px;
padding: 1pt 0;
}
.EsportView .TournamentItem {
text-align: left;
display: grid;
}
.EsportView .Team2 {
display: flex;
}
.EsportView .status {
text-align: center;
display: grid;
align-content: center;
}
.EsportView .status img {
width: 2vw;
}
.EsportView .stats {
cursor: pointer;
}
.EsportView .OCC {
display: grid;
grid-auto-flow: column;
gap: 5px;
font-weight: 700;
margin-right: 5px;
}
.EsportView .OutcomeContainer {
display: flex;
align-items: center;
justify-content: space-evenly;
}
.EsportView .FootFind {
display: grid;
width: 90%;
height: 80%;
margin-left: 0.5rem;
}
.EsportView .OutCome {
text-align: center;
color: #fff;
font-weight: 800;
border-radius: 3pt;
box-shadow: 0 0 2px #000;
cursor: pointer;
width: 3vw;
padding: .85vh .2vw;
border: 2px solid #00064E;
background: linear-gradient(180deg, #4A45EA 0%, #212AB2 47.92%, #1312CB 100%);
justify-self: self-end;
}
.EsportView .OutCome.SubBets.live {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding-left:0.5vw;
padding-right:0.5vw;
}
.EsportView .Lock {
pointer-events: none;
color: #ffffff26;
}
.EsportView button.OutCome .Lock {
color: #ffffff26;
font-size: 0.01px;
}
.EsportView .OutCome.select {
background: var(--Orange2);
}
.EsportView .ScoreContainer {
display: grid;
align-content: center;
margin: 0vh 0.5vw;
width: max-content;
}
.EsportView .CustomAling {
text-align: left;
padding-left: 20%;
}
.EsportView .TextLeft {
text-align: left;
}
.EsportView .Score {
border: 1px solid #5b4e4a;
padding: 0.1vw;
border-radius: 4px;
color: var(--OraYellow);
padding: 2px 6px;
font-size: 1vw;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.EsportView button.OutCome:disabled {
color: transparent;
font-size: 0.01px;
}
.EsportView .YellowxText {
color: #f6b40e !important;
}
.EsportView button.OutCome:disabled .Lock {
color: #ffffff26;
font-size: 1.1vw;
text-shadow: none;
}
.EsportView .specialValue {
text-align: center;
margin: 1px;
color: var(--Orange);
font-weight: 800;
border-radius: 3pt;
cursor: pointer;
width: 2.5vw;
font-size: 1.1vw;
border: none;
padding: 4px;
}
.EsportView .MoreBetsContainer {
display: grid;
padding: 16px 4px;
text-align: left;
}
.EsportView .MoreBetsDetail {
margin-left: 0.5rem;
padding: 0.5rem;
border: 1px solid #ffff;
border-radius: 0 1vh 1vh 1vh;
}
.EsportView .MoreBetsItem {
background-color: #101447;
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 8vh;
border: 1px solid black;
align-items: center;
font-style: normal;
font-weight: 400;
font-size: 0.9vw;
}
.EsportView .MoreBetsItem:hover {
background: rgb(0 39 103 / 80%);
}
.EsportView .MarketName {
padding-left: 2vw;
}
.EsportView .sOddsContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1vh;
margin: 1vh 0.5vw;
}
.EsportView .BtnSOdds {
display: grid;
text-align: center;
margin: 0 2px;
border: 2px solid #0041bf;
border-radius: 8px;
grid-auto-flow: column;
grid-template-columns: 1fr;
}
.EsportView .sOddTitle {
background: rgba(0, 0, 0, 0.2);
color: var(--Orange);
display: grid;
align-content: center;
text-align: right;
padding-right: 0.5vw;
}
.EsportView .SOutCome {
text-align: center;
background: -webkit-gradient(
linear,
50% 85%,
50% 20%,
color-stop(0, rgb(24 22 255)),
color-stop(0.5, rgb(16 27 155)),
color-stop(1, rgb(33 26 249))
);
color: #fff;
font-weight: 700;
box-shadow: 0 0 2px #000;
cursor: pointer;
width: 95%;
font-size: 1vw;
border: none;
padding: 4px 0;
font-weight: 800;
}
.EsportView .SOutCome.select {
background: #ff8100;
}
.EsportView button.SOutCome:disabled {
color: transparent !important;
font-size: 0.01px !important;
}
.EsportView button.SOutCome .Lock {
color: #ffffff26;
font-size: 0.01px;
}
.EsportView button.SOutCome:disabled .Lock {
color: #ffffff26;
font-size: 12pt;
}
.EsportView .FindedContainer {
position: fixed;
width: 18vw;
z-index: 5;
bottom: 7vh;
}
.EsportView .FindedTitle {
background: #bd0082;
display: flex;
justify-content: space-between;
padding: 0 2%;
}
.EsportView .FindedItems {
background: #022d54;
border: 1px solid black;
text-align: left;
padding: 0.3vw;
cursor: pointer;
}
.EsportView .FindedItems:hover {
background: #073b6a;
}
.EsportView .PreBotomContainer {
display: grid;
grid-template-columns: 30% 52% 18%;
align-items: center;
text-align: center;
background: #1e1e1e;
height: 7vh;
}
.EsportView .PBCdates {
display: grid;
grid-template-columns: 12% 12% 12% 12% 12% 12% 12% 12%;
color: #fff;
padding-left: 0.5%;
}
.EsportView .TournamentIcon {
font-size: 0.8vw;
}
.EsportView .BtnDate {
background: linear-gradient(
to bottom,
var(--MainMenuBtn1) 0%,
var(--MainMenuBtn2) 100%
);
margin-right: 4%;
color: #fff;
text-align: center;
font-size: 16pt;
cursor: pointer;
margin-top: 0.5vh;
height: 6.5vh;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.EsportView .BtnDate.selected {
border: 2px solid green;
color: green;
height: 6.2vh;
}
.EsportView .BtnDate:hover {
background: #424242;
}
.EsportView .PBCBtn {
display: grid;
grid-template-columns: 50% 50%;
grid-gap: 4pt;
margin: 2pt 1rem 2pt 1pt;
color: #0e0e0e;
text-shadow: 0px 1px 1px #686868;
}
.EsportView .PreFavorito {
display: grid;
align-self: center;
cursor: pointer;
color: #0006;
font-size: 1.1vw;
}
.EsportView .PreFavorito.StarSelected {
color: #f6b40e;
}
.EsportView .Resaltar {
color: #ffc40c;
}
.EsportView .Dos {
display: grid;
grid-template-columns: 6% 19.5% 5% 19% 6% 37% 7%;
}
.EsportView .Tres {
display: grid;
grid-template-columns: 6% 12% 5% 12% 7% 54% 7%;
}
.EsportView .DosT {
display: grid;
grid-template-columns: 55% 39% 6%;
}
.EsportView .Uno {
display: grid;
grid-template-columns: 5% 5% 27% 5% 27% 5% 20% 6%;
}
.EsportView .Cero {
display: grid;
grid-template-columns: 5% 3% 26% 6% 26% 5% 5% 5%;
}
.EsportView .MainMarkets.live {
background: linear-gradient(180deg, #005904 0%, #007206 100%);
border-radius: 4px;
}
.EsportView .EventTime.live {
background: linear-gradient(180deg, #005904 0%, #007206 100%);
}
.EsportView .OutCome.live {
background: linear-gradient(180deg, #00b806 0%, #007903 100%);
border: 2px solid #004b02;
}
.EsportView .OutCome.select {
background: linear-gradient(0deg, #ffa100 0%, #ffa100 100%), linear-gradient(180deg, #0f83e4 0%, #268ed1 51.04%, #076286 100%) !important;
color: #fff !important;
}
.EsportView .LeagueCategory {
padding: 1.25vh 0 1.25vh 1.15vw;
color: var(--OraYellow);
font-weight: 700;
min-height: 1.6rem;
border-radius: 4px;
display: grid;
align-content: center;
grid-auto-flow: column;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
justify-content: left;
font-size: 1.1vw;
}
.EsportView .MBELLTitle,
.EsportView .MBELLCant {
font-size: 0.9vw;
font-weight: 900;
position: relative;
line-height: 0.75rem;
margin-right: 2pt;
padding: 2pt 0;
}
.EsportView .PBCBUp,
.EsportView .PBCBDown {
font-size: 3vw;
color: #0e0e0e;
text-shadow: 0px 1px 1px #686868;
align-self: center;
display: grid;
height: 4.4vh;
padding: 0;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
align-content: center;
}
.EsportView .PBCB {
display: grid;
background: linear-gradient(to bottom, var(--MainMenuBtn1) 0%, var(--MainMenuBtn2) 100%);
text-align: center;
align-content: center;
cursor: pointer;
font-size: 36pt;
border-radius: 10pt;
}
.EsportView .PBCB:hover {
background: #424242;
}
.EsportView .CountryComboBox {
display: flex;
flex-direction: row;
align-items: center;
justify-content: start;
}
.EsportView .ResaultsView .CountryComboBox {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.EsportView .PBCFFav {
display: grid;
grid-template-columns: 15% 80%;
align-items: center;
color: #fff;
font-size: 1vw;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
margin: 12px;
border-radius: 5px;
cursor: pointer;
width: 92%;
}
.EsportView .PreBotomConainerFav {
display: grid;
}
.EsportView .PBCFFavIcon {
width: 28px;
color: #0006;
}
.EsportView .SelecFavBtn {
background: linear-gradient(180deg, #1a1a1a 0%, #040404 100%);
}
.EsportView .SubOddsCB.CB.select {
color: #fff;
background: #ff8100;
font-size: 1vw;
margin: 0;
align-content: center;
border-radius: 5px;
cursor: pointer;
}
.EsportView .sOddTitleCB {
font-size: 1vw;
}
.EsportView .GrupoTitle {
display: block;
min-width: 130px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
padding: 0.8rem 1rem;
font-size: 1rem;
border: 1px solid;
cursor: pointer;
border-bottom: none;
border-top-left-radius: 1vh;
border-top-right-radius: 1vh;
margin-left: 5px;
}
.EsportView .GroupsContainer {
display: flex;
align-items: center;
width: 100%;
font-weight: 600;
margin-left: 5px;
}
.EsportView .GroupMarketsContainer {
display: flex;
overflow: hidden;
width: -webkit-fill-available;
}
.EsportView .GrupoTitle.selected {
color: #fff;
border-bottom: 3px solid #fff;
}
.EsportView .GroupParentMarketsContainer{
width: calc(100% - 105px);
}
.EsportView .NewTab {
position: absolute;
display: grid;
color: #fff;
background: red;
font-size: 0.7rem;
padding: 0.3rem;
bottom: 2.8rem;
animation: NewTabAnimation 5s ease-in-out infinite;
}
.EsportView .CrearApuestaContainer {
position: relative;
}
.EsportView .SubOdds {
display: grid;
grid-template-columns: 65% 35%;
text-align: center;
margin: 3px 0;
}
.EsportView .SubOddsCB {
display: grid;
text-align: center;
margin: 3px 0;
cursor: pointer;
}
.EsportView .SubOddsCB.CB.select .sOddTitle {
background: -webkit-gradient(
linear,
0 0,
0 bottom,
from(#c0bc23),
to(#e6e051)
) !important;
color: #000;
}
.EsportView .sOddsTitleCB,
.EsportView .LockCB {
text-align: center;
}
.EsportView .StatsModal {
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
z-index: 100;
}
.EsportView .StatsModal2 {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 101;
}
.EsportView .StatsModalc {
position: fixed;
z-index: 102;
display: grid;
align-items: center;
align-content: center;
align-self: center;
left: 9vw;
top: 14vh;
}
.EsportView .StatsModalIFram {
width: 80vw;
height: 60vh;
}
.EsportView .StatsModalClose {
background: gray;
color: #fff;
display: grid;
grid-template-columns: 90% 10%;
text-align: center;
padding: 0.5rem;
}
.EsportView .StatsModalModalTitle {
padding-left: 10%;
}
.EsportView .StatsModalBtnClose {
text-align: right;
cursor: pointer;
}
.EsportView .LV2Cuatro {
grid-template-columns: 4% 2% 13% 5% 13% 3% 56% 4%;
border-bottom: 2px solid black;
}
/*EsportView*/
/*HighlightView*/
.HighlightView.PrematchContainer {
display: grid;
text-align: center;
font-size: 0.8rem;
}
.HighlightView .PCLeft {
display: grid;
color: #fff;
}
.HighlightView .MenuBarEvent {
display: grid;
grid-template-columns: 34% 66%;
background: #010b12;
}
.HighlightView .MBELeft {
display: grid;
grid-template-rows: 7vh 79vh 7vh;
margin-right: 1pt;
}
.HighlightView .Negrita {
font-weight: 700;
}
.HighlightView .FZ1_2vw {
font-size: 32px !important;
}
.PreView .MBELBUp {
display: grid;
text-align: center;
align-content: center;
cursor: pointer;
font-size: 22px;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
box-shadow: 0 0 24px #000c;
height: 7vh;
}
.HighlightView .MBELBUp:hover {
background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.HighlightView .MBELList,
.HighlightView .MBERList {
overflow: auto;
}
.HighlightView .MBELList::-webkit-scrollbar,
.HighlightView .MBERList::-webkit-scrollbar {
display: none;
}
.HighlightView .MBERLL {
display: grid;
grid-auto-flow: row;
}
.HighlightView .MBERLL:hover {
background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.HighlightView .MBELLL {
display: flex;
flex-direction: column;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
text-align: center;
align-content: center;
justify-content: center;
cursor: pointer;
margin: 0.5pt 1pt;
border: 1px solid transparent;
height: 9.5vh;
}
.HighlightView .MBELLL.selected,
.HighlightView .MBELLL:hover {
background: linear-gradient(180deg, #4effbb 0%, #00a465 100%);
color: #000;
}
.HighlightView .MBELLLogo {
display: flex;
height: 3vh;
text-align: -webkit-center;
text-align: center;
justify-content: center;
align-content: center;
}
.HighlightView .MBELLLSportImg {
width: 1.5vw;
height: 1.5vw;
}
.HighlightView .MBELLCant {
border: 2px solid transparent;
border-radius: 30px;
background-image: linear-gradient(
rgba(30, 30, 30, 0.8),
rgba(30, 30, 30, 0.8)
),
linear-gradient(to bottom, #0e0e0e, #3e3e3e);
background-origin: border-box;
background-clip: content-box, border-box;
color: #aeaeae;
}
.HighlightView .MBERList {
display: grid;
gap: 1px;
height: -webkit-fill-available;
grid-auto-rows: max-content;
}
.HighlightView .MBELRTitle {
font-size: 1vw;
text-align: left;
font-style: normal;
font-weight: 100;
color: #fff;
}
.HighlightView .MBELLIcon img {
width: 1.3vw;
}
.HighlightView .MBERight {
display: grid;
grid-template-rows: 7.2vh 78.8vh 7vh;
margin-right: 2pt;
}
.HighlightView .CianTxt {
color: #4effbb;
}
.HighlightView .BlackTxt {
color: #161616;
}
.HighlightView .PCRight {
display: grid;
grid-template-rows: 86vh 7vh;
}
.HighlightView .PTitle {
display: grid;
grid-template-rows: 60% 30%;
background: var(--UIMain1);
color: #aeaeae;
margin: 0.1rem 0;
height: 7vh;
}
.HighlightView .PTitle1 {
display: grid;
align-items: center;
text-align: left;
padding: 2pt 0 4pt 0;
}
.HighlightView .TopFiltros {
display: grid;
grid-template-columns: 20% 10% 30% 40%;
}
.HighlightView .SwitchController {
margin: 6px;
display: grid;
grid-template-columns: 2fr 0.5fr 1fr 0.5fr;
align-items: center;
}
.HighlightView .switch {
position: relative;
display: inline-block;
width: 50px;
height: 20px;
}
.HighlightView .switch input {
opacity: 0;
width: 0;
height: 0;
}
.HighlightView .checked .checkbox {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 30px;
bottom: 2px;
background-color: #fff;
transition: 0.4s;
}
.HighlightView .checkbox {
position: absolute;
cursor: pointer;
content: "";
height: 16px;
width: 16px;
left: 0;
bottom: 2px;
background-color: #fff;
transition: 0.4s;
z-index: 1;
border-radius: 50%;
}
.HighlightView .slider {
position: absolute;
cursor: pointer;
inset: 0;
background-color: #ccc;
transition: 0.4s;
}
.HighlightView .Team1Title,
.HighlightView .Team2Title {
text-align: left;
}
.HighlightView .checked .slider {
background: #09a10a;
}
.HighlightView .slider.round {
border-radius: 34px;
}
.HighlightView .slider.round:before {
border-radius: 50%;
}
.HighlightView .TFTitle {
align-self: center;
margin-left: 10pt;
}
.HighlightView .TFSelectBox {
margin: 2px;
padding: 9px;
display: grid;
}
.HighlightView .TFSelectBox select {
background: #334c5c;
color: #fff;
font-weight: 700;
border: 1px solid black;
box-shadow: 1px 1px 2px 1px #01121c;
width: 8vw;
}
.HighlightView .TextBoxContainer {
display: grid;
position: relative;
}
.HighlightView .TextBoxIcon {
position: absolute;
right: 1vw;
top: 1.25vh;
color: #525252;
}
.HighlightView input.FindText {
font-style: normal;
font-weight: 400;
text-decoration: none;
border: none;
border-radius: 5px;
color: #c7c7c7;
padding-left: 9px;
width: 95%;
color: #525252;
background: rgba(0, 0, 0, 0.4);
height: 4vh;
display: grid;
align-self: center;
font-size: 1vw;
}
.HighlightView .SelectFormatDay {
font-weight: 100;
padding: 0 17px;
cursor: pointer;
background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
border: 1px solid #aeaeae;
height: 3.8vh;
display: grid;
align-self: center;
color: #fff;
border-radius: 5px;
}
.HighlightView select.SelectFormatDay option {
background: #3e3e3e;
cursor: pointer;
font-weight: 100;
font-size: 16px;
}
.HighlightView .FindText:focus {
outline: 0px;
}
.HighlightView .MTTNameA {
display: grid;
grid-auto-flow: column;
}
.HighlightView .MTTContainer {
display: grid;
grid-template-columns: 40.5% 56%;
text-align: center;
}
.HighlightView .PTitle2 {
display: grid;
grid-auto-flow: column;
align-items: center;
padding-right: 6px;
}
.HighlightView .Estado {
padding-left: 0;
}
.HighlightView .OCTC {
display: grid;
grid-auto-flow: column;
color: #e2e2e2;
}
.HighlightView .OutcomeTitleContainer {
text-align: center;
display: grid;
grid-auto-flow: column;
}
.HighlightView .OutcomeTitleContainer .OutComeTitle{
margin-left:1vw;
}
.HighlightView .EventList {
display: grid;
grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr 1fr;
}
.HighlightView .EventList {
display: flex;
flex-wrap: nowrap;
background: #000b15;
flex-direction: column;
overflow: auto;
color: #fff;
}
.HighlightView .EventList::-webkit-scrollbar {
-webkit-appearance: none;
}
.HighlightView .EventList::-webkit-scrollbar:vertical {
width: 6px;
}
.HighlightView .EventList::-webkit-scrollbar-button:increment,
.HighlightView .EventList::-webkit-scrollbar-button {
display: none;
}
.HighlightView .EventList::-webkit-scrollbar:horizontal {
height: 6px;
}
.HighlightView .EventList::-webkit-scrollbar-thumb {
background-color: #1251a4;
border-radius: 20px;
}
.HighlightView .EventList::-webkit-scrollbar-track {
border-radius: 10px;
}
.HighlightView .Tres {
grid-template-columns: 5% 18% 15% 6% 50% 5%;
}
.HighlightView .MainMarkets {
display: grid;
background: linear-gradient(
180deg,
#0c104b 0.52%,
#13195f 19.79%,
#0b105f 100%
);
border-bottom: 1px solid black;
text-align: left;
}
.HighlightView .MoreBetsBtnContainer {
display: grid;
align-self: center;
justify-self: center;
}
.HighlightView .EventTime {
height: 2.25rem;
text-align: center;
font-weight: 400;
font-size: 0.9vw;
display: flex;
flex-direction: column;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.5) 0%,
rgba(0, 0, 0, 0.5) 100%
),
linear-gradient(180deg, #0c104b 0.52%, #13195f 19.79%, #0b105f 100%);
align-items: center;
justify-content: center;
padding: 1.25rem 2pt;
}
.HighlightView .Team1 {
display: grid;
padding: 2pt 0;
}
.HighlightView .TeamName {
font-size: var(--TeamsFontSize);
font-weight: 700;
width: 95%;
text-align: left;
display: grid;
align-content: center;
font-style: normal;
padding: 0 0.5rem;
}
.HighlightView img.CatImg {
width: 1.2vw;
padding: 0vw 1vw;
display: grid;
align-self: center;
}
.HighlightView .Category {
font-size: 0.8vw;
font-weight: 600;
}
.HighlightView .CategoryContainer {
display: grid;
grid-template-columns: 19% 60% 20%;
align-items: center;
justify-self: center;
cursor: pointer;
line-height: 16px;
min-height: 5vh;
width: 100%;
background: linear-gradient(180deg, #313131 0%, #252525 100%);
padding: 0.5pt 1pt;
}
.HighlightView .MBELLIcon {
margin-left: 0.5rem;
}
.HighlightView .MBELLIcon .icon_flag {
margin-top: 0;
margin-right: 0;
}
.HighlightView .TournamentContainer {
display: grid;
grid-template-columns: 20% 80%;
background: linear-gradient(180deg, #313131 0%, #252525 100%);
color: var(--BlancoHumo);
font-size: 0.7vw;
align-items: center;
min-height: 4vh;
cursor: pointer;
line-height: 11px;
padding: 1pt 0;
}
.HighlightView .TournamentItem {
text-align: left;
display: grid;
}
.HighlightView .Team2 {
display: flex;
}
.HighlightView .status {
text-align: center;
display: grid;
align-content: center;
}
.HighlightView .status img {
width: 2vw;
}
.HighlightView .stats {
cursor: pointer;
}
.HighlightView .OCC {
display: grid;
grid-auto-flow: column;
gap: 5px;
font-weight: 700;
margin-right: 5px;
}
.HighlightView .OutcomeContainer {
display: flex;
align-items: center;
justify-content: space-evenly;
}
.HighlightView .FootFind {
display: grid;
width: 90%;
height: 80%;
margin-left: 0.5rem;
}
.HighlightView .OutCome {
text-align: center;
color: #fff;
font-weight: 800;
border-radius: 3pt;
box-shadow: 0 0 2px #000;
cursor: pointer;
width: 3vw;
padding: .85vh .2vw;
border: 2px solid #00064E;
background: linear-gradient(180deg, #4A45EA 0%, #212AB2 47.92%, #1312CB 100%);
justify-self: self-end;
}
.HighlightView .OutCome.SubBets.live {
flex-direction: row;
min-width: 4.25vw;
}
.HighlightView .Lock {
pointer-events: none;
color: #ffffff26;
}
.HighlightView button.OutCome .Lock {
color: #ffffff26;
font-size: 0.01px;
}
.HighlightView .OutCome.select {
background: var(--Orange2);
}
.HighlightView .ScoreContainer {
display: grid;
align-content: center;
margin: 0vh 0.5vw;
width: max-content;
}
.HighlightView .CustomAling {
text-align: left;
padding-left: 20%;
}
.HighlightView .TextLeft {
text-align: left;
}
.HighlightView .Score {
border: 1px solid #5b4e4a;
padding: 0.1vw;
border-radius: 4px;
color: var(--OraYellow);
padding: 2px 6px;
font-size: 1vw;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.HighlightView button.OutCome:disabled {
color: transparent;
font-size: 0.01px;
}
.HighlightView .YellowxText {
color: #f6b40e !important;
}
.HighlightView button.OutCome:disabled .Lock {
color: #ffffff26;
font-size: 1.1vw;
text-shadow: none;
}
.HighlightView .specialValue {
text-align: center;
margin: 1px;
color: var(--Orange);
font-weight: 800;
border-radius: 3pt;
cursor: pointer;
width: 2.5vw;
font-size: 1.1vw;
border: none;
padding: 4px;
}
.HighlightView .MoreBetsContainer {
display: grid;
padding: 16px 4px;
text-align: left;
}
.HighlightView .MoreBetsDetail {
margin-left: 0.5rem;
padding: 0.5rem;
border: 1px solid #fff;
border-radius: 0 1vh 1vh 1vh;
}
.HighlightView .MoreBetsItem {
background-color: #101447;
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 8vh;
border: 1px solid black;
align-items: center;
font-style: normal;
font-weight: 400;
font-size: 0.9vw;
}
.HighlightView .MoreBetsItem:hover {
background: rgb(0 39 103 / 80%);
}
.HighlightView .MarketName {
padding-left: 2vw;
}
.HighlightView .sOddsContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1vh;
margin: 1vh 0.5vw;
}
.HighlightView .BtnSOdds {
display: grid;
text-align: center;
margin: 0 2px;
border: 2px solid #0041bf;
border-radius: 8px;
grid-auto-flow: column;
grid-template-columns: 1fr;
}
.HighlightView .sOddTitle {
background: rgba(0, 0, 0, 0.2);
color: var(--Orange);
display: grid;
align-content: center;
text-align: right;
padding-right: 0.5vw;
}
.HighlightView .SOutCome {
text-align: center;
background: -webkit-gradient(
linear,
50% 85%,
50% 20%,
color-stop(0, rgb(24 22 255)),
color-stop(0.5, rgb(16 27 155)),
color-stop(1, rgb(33 26 249))
);
color: #fff;
font-weight: 700;
box-shadow: 0 0 2px #000;
cursor: pointer;
width: 95%;
font-size: 1vw;
border: none;
padding: 4px 0;
font-weight: 800;
}
.HighlightView .SOutCome.select {
background: #ff8100;
}
.HighlightView button.SOutCome:disabled {
color: transparent !important;
font-size: 0.01px !important;
}
.HighlightView button.SOutCome .Lock {
color: #ffffff26;
font-size: 0.01px;
}
.HighlightView button.SOutCome:disabled .Lock {
color: #ffffff26;
font-size: 12pt;
}
.HighlightView .FindedContainer {
position: fixed;
width: 18vw;
z-index: 5;
bottom: 7vh;
}
.HighlightView .FindedTitle {
background: #bd0082;
display: flex;
justify-content: space-between;
padding: 0 2%;
}
.HighlightView .FindedItems {
background: #022d54;
border: 1px solid black;
text-align: left;
padding: 0.3vw;
cursor: pointer;
}
.HighlightView .FindedItems:hover {
background: #073b6a;
}
.HighlightView .HihlightBotomContainer {
display: grid;
grid-template-columns: 30% 52% 18%;
align-items: center;
text-align: center;
background: #1e1e1e;
height: 7vh;
}
.HighlightView .PBCdates {
display: grid;
grid-template-columns: 12% 12% 12% 12% 12% 12% 12% 12%;
color: #fff;
padding-left: 0.5%;
}
.HighlightView .TournamentIcon {
font-size: 1.3vw;
}
.HighlightView .BtnDate {
background: linear-gradient(
to bottom,
var(--MainMenuBtn1) 0%,
var(--MainMenuBtn2) 100%
);
margin-right: 4%;
color: #fff;
text-align: center;
font-size: 16pt;
cursor: pointer;
margin-top: 0.5vh;
height: 6.5vh;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.HighlightView .BtnDate.selected {
border: 2px solid green;
color: green;
height: 6.2vh;
}
.HighlightView .BtnDate:hover {
background: #424242;
}
.HighlightView .PBCBtn {
display: grid;
grid-template-columns: 50% 50%;
grid-gap: 4pt;
margin: 2pt 1rem 2pt 1pt;
color: #0e0e0e;
text-shadow: 0px 1px 1px #686868;
}
.HighlightView .HihlightFavorito {
display: grid;
align-self: center;
cursor: pointer;
color: #0006;
font-size: 1.1vw;
}
.HighlightView .HihlightFavorito.StarSelected {
color: #f6b40e;
}
.HighlightView .Resaltar {
color: #ffc40c;
}
.HighlightView .Dos {
display: grid;
grid-template-columns: 6% 19% 5% 19% 6% 37.5% 7%;
}
.HighlightView .Tres {
display: grid;
grid-template-columns: 6% 12% 5% 12% 7% 54% 7%;
}
.HighlightView .DosT {
display: grid;
grid-template-columns: 52% 42% 6%;
}
.HighlightView .Uno {
display: grid;
grid-template-columns: 5% 5% 27% 5% 27% 5% 20% 6%;
}
.HighlightView .Cero {
display: grid;
grid-template-columns: 5% 3% 26% 6% 26% 5% 5% 5%;
}
.HighlightView .LeagueCategory {
padding: 7px;
color: var(--OraYellow);
font-weight: 700;
min-height: 1.6rem;
border-radius: 4px;
display: grid;
align-content: center;
grid-auto-flow: column;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
justify-content: left;
font-size: 1.1vw;
}
.HighlightView .MBELLTitle,
.HighlightView .MBELLCant {
font-size: 0.8vw;
font-weight: 700;
position: relative;
line-height: 0.75rem;
margin-right: 2pt;
padding: 2pt 0;
}
.HighlightView .PBCBUp,
.HighlightView .PBCBDown {
font-size: 3vw;
color: #0e0e0e;
text-shadow: 0px 1px 1px #686868;
align-self: center;
display: grid;
height: 4.4vh;
padding: 0;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
align-content: center;
}
.HighlightView .PBCB {
display: grid;
background: linear-gradient(
to bottom,
var(--MainMenuBtn1) 0%,
var(--MainMenuBtn2) 100%
);
text-align: center;
align-content: center;
cursor: pointer;
font-size: 28pt;
border-radius: 10pt;
}
.HighlightView .PBCB:hover {
background: #424242;
}
.HighlightView .CountryComboBox {
display: flex;
flex-direction: row;
align-items: center;
justify-content: start;
}
.HighlightView .PBCFFav {
display: grid;
grid-template-columns: 15% 80%;
align-items: center;
color: #fff;
font-size: 1vw;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
margin: 12px;
border-radius: 5px;
cursor: pointer;
width: 92%;
}
.HighlightView .HihlightBotomConainerFav {
display: grid;
}
.HighlightView .PBCFFavIcon {
width: 28px;
color: #0006;
}
.HighlightView .SelecFavBtn {
background: linear-gradient(180deg, #1a1a1a 0%, #040404 100%);
}
.HighlightView .SubOddsCB.CB.select {
color: #fff;
background: #ff8100;
font-size: 1vw;
margin: 0;
align-content: center;
border-radius: 5px;
cursor: pointer;
}
.HighlightView .sOddTitleCB {
font-size: 1vw;
}
.HighlightView .GrupoTitle {
display: block;
min-width: 130px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
padding: 0.8rem 1rem;
font-size: 1rem;
border: 1px solid;
cursor: pointer;
border-bottom: none;
border-top-left-radius: 1vh;
border-top-right-radius: 1vh;
}
.HighlightView .GruposContainer {
display: grid;
grid-auto-flow: column;
width: max-content;
gap: 0.25rem;
margin-left: 0.5rem;
margin-top: 0.5rem;
font-weight:600;
}
.HighlightView .GrupoTitle.selected {
color: #fff;
border-bottom: 3px solid #fff;
}
.HighlightView .NewTab {
position: absolute;
display: grid;
color: #fff;
background: red;
font-size: 0.7rem;
padding: 0.3rem;
bottom: 2.8rem;
animation: NewTabAnimation 5s ease-in-out infinite;
}
.HighlightView .CrearApuestaContainer {
position: relative;
}
.HighlightView .SubOdds {
display: grid;
grid-template-columns: 65% 35%;
text-align: center;
margin: 3px 0;
}
.HighlightView .SubOddsCB {
display: grid;
text-align: center;
margin: 3px 0;
cursor: pointer;
}
.HighlightView .SubOddsCB.CB.select .sOddTitle {
background: -webkit-gradient(
linear,
0 0,
0 bottom,
from(#c0bc23),
to(#e6e051)
) !important;
color: #000;
}
.HighlightView .sOddsTitleCB,
.HighlightView .LockCB {
text-align: center;
}
.HighlightView .StatsModal {
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
z-index: 100;
}
.HighlightView .StatsModal2 {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 101;
}
.HighlightView .StatsModalc {
position: fixed;
z-index: 102;
display: grid;
align-items: center;
align-content: center;
align-self: center;
left: 9vw;
top: 14vh;
}
.HighlightView .StatsModalIFram {
width: 80vw;
height: 60vh;
}
.HighlightView .StatsModalClose {
background: gray;
color: #fff;
display: grid;
grid-template-columns: 90% 10%;
text-align: center;
padding: 0.5rem;
}
.HighlightView .StatsModalModalTitle {
padding-left: 10%;
}
.HighlightView .StatsModalBtnClose {
text-align: right;
cursor: pointer;
}
.HighlightView .LV2Cuatro {
grid-template-columns: 4% 2% 13% 5% 13% 3% 56% 4%;
border-bottom: 2px solid black;
}
.HighlightView .PreBotomContainer {
display: grid;
grid-template-columns: 30% 52% 18%;
align-items: center;
text-align: center;
background: #1e1e1e;
height: 7vh;
}
/*Highligh*/
/*PopularLeaguesView*/
.PopularLeaguesView.PrematchContainer {
display: grid;
text-align: center;
font-size: 0.8rem;
}
.PopularLeaguesView .PCLeft {
display: grid;
color: #fff;
}
.PopularLeaguesView .MenuBarEvent {
display: grid;
grid-template-columns: 34% 66%;
background: #010b12;
}
.PopularLeaguesView .MBELeft {
display: grid;
grid-template-rows: 7vh 79vh 7vh;
margin-right: 1pt;
}
.PopularLeaguesView .Negrita {
font-weight: 700;
}
.PopularLeaguesView .FZ1_2vw {
font-size: 32px !important;
}
.PreView .MBELBUp {
display: grid;
text-align: center;
align-content: center;
cursor: pointer;
font-size: 22px;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
box-shadow: 0 0 24px #000c;
height: 7vh;
}
.PopularLeaguesView .MBELBUp:hover {
background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.PopularLeaguesView .MBELList,
.PopularLeaguesView .MBERList {
overflow: auto;
}
.PopularLeaguesView .MBELList::-webkit-scrollbar,
.PopularLeaguesView .MBERList::-webkit-scrollbar {
display: none;
}
.PopularLeaguesView .MBERLL {
display: grid;
grid-auto-flow: row;
}
.PopularLeaguesView .MBERLL:hover {
background: -webkit-linear-gradient(bottom, #3e3e3e, #646464);
}
.PopularLeaguesView .MBELLL {
display: flex;
flex-direction: column;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
text-align: center;
align-content: center;
justify-content: center;
cursor: pointer;
margin: 0.5pt 1pt;
border: 1px solid transparent;
height: 9.5vh;
}
.PopularLeaguesView .MBELLL.selected,
.PopularLeaguesView .MBELLL:hover {
background: linear-gradient(180deg, #4effbb 0%, #00a465 100%);
color: #000;
}
.PopularLeaguesView .MBELLLogo {
display: flex;
height: 3vh;
text-align: -webkit-center;
text-align: center;
justify-content: center;
align-content: center;
}
.PopularLeaguesView .MBELLLSportImg {
width: 1.5vw;
height: 1.5vw;
}
.PopularLeaguesView .MBELLCant {
border: 2px solid transparent;
border-radius: 30px;
background-image: linear-gradient(
rgba(30, 30, 30, 0.8),
rgba(30, 30, 30, 0.8)
),
linear-gradient(to bottom, #0e0e0e, #3e3e3e);
background-origin: border-box;
background-clip: content-box, border-box;
color: #aeaeae;
}
.PopularLeaguesView .MBERList {
display: grid;
gap: 1px;
height: -webkit-fill-available;
grid-auto-rows: max-content;
}
.PopularLeaguesView .MBELRTitle {
font-size: 1vw;
text-align: left;
font-style: normal;
font-weight: 100;
color: #fff;
}
.PopularLeaguesView .MBELLIcon img {
width: 1.3vw;
}
.PopularLeaguesView .MBERight {
display: grid;
grid-template-rows: 7.2vh 78.8vh 7vh;
margin-right: 2pt;
}
.PopularLeaguesView .CianTxt {
color: #4effbb;
}
.PopularLeaguesView .BlackTxt {
color: #161616;
}
.PopularLeaguesView .PCRight {
display: grid;
grid-template-rows: 86vh 7vh;
}
.PopularLeaguesView .PTitle {
display: grid;
grid-template-rows: 60% 30%;
background: var(--UIMain1);
color: #aeaeae;
margin: 0.1rem 0;
height: 7vh;
}
.PopularLeaguesView .PTitle1 {
display: grid;
align-items: center;
text-align: left;
padding: 2pt 0 4pt 0;
}
.PopularLeaguesView .TopFiltros {
display: grid;
grid-template-columns: 20% 10% 30% 40%;
}
.PopularLeaguesView .SwitchController {
margin: 6px;
display: grid;
grid-template-columns: 2fr 0.5fr 1fr 0.5fr;
align-items: center;
}
.PopularLeaguesView .switch {
position: relative;
display: inline-block;
width: 50px;
height: 20px;
}
.PopularLeaguesView .switch input {
opacity: 0;
width: 0;
height: 0;
}
.PopularLeaguesView .checked .checkbox {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 30px;
bottom: 2px;
background-color: #fff;
transition: 0.4s;
}
.PopularLeaguesView .checkbox {
position: absolute;
cursor: pointer;
content: "";
height: 16px;
width: 16px;
left: 0;
bottom: 2px;
background-color: #fff;
transition: 0.4s;
z-index: 1;
border-radius: 50%;
}
.PopularLeaguesView .slider {
position: absolute;
cursor: pointer;
inset: 0;
background-color: #ccc;
transition: 0.4s;
}
.PopularLeaguesView .Team1Title,
.PopularLeaguesView .Team2Title {
text-align: left;
}
.PopularLeaguesView .checked .slider {
background: #09a10a;
}
.PopularLeaguesView .slider.round {
border-radius: 34px;
}
.PopularLeaguesView .slider.round:before {
border-radius: 50%;
}
.PopularLeaguesView .TFTitle {
align-self: center;
margin-left: 10pt;
}
.PopularLeaguesView .TFSelectBox {
margin: 2px;
padding: 9px;
display: grid;
}
.PopularLeaguesView .TFSelectBox select {
background: #334c5c;
color: #fff;
font-weight: 700;
border: 1px solid black;
box-shadow: 1px 1px 2px 1px #01121c;
width: 8vw;
}
.PopularLeaguesView .TextBoxContainer {
display: grid;
position: relative;
}
.PopularLeaguesView .TextBoxIcon {
position: absolute;
right: 1vw;
top: 1.25vh;
color: #525252;
}
.PopularLeaguesView input.FindText {
font-style: normal;
font-weight: 400;
text-decoration: none;
border: none;
border-radius: 5px;
color: #c7c7c7;
padding-left: 9px;
width: 95%;
color: #525252;
background: rgba(0, 0, 0, 0.4);
height: 4vh;
display: grid;
align-self: center;
font-size: 1vw;
}
.PopularLeaguesView .SelectFormatDay {
font-weight: 100;
padding: 0 17px;
cursor: pointer;
background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
border: 1px solid #aeaeae;
height: 3.8vh;
display: grid;
align-self: center;
color: #fff;
border-radius: 5px;
}
.PopularLeaguesView select.SelectFormatDay option {
background: #3e3e3e;
cursor: pointer;
font-weight: 100;
font-size: 16px;
}
.PopularLeaguesView .FindText:focus {
outline: 0px;
}
.PopularLeaguesView .MTTNameA {
display: grid;
grid-auto-flow: column;
}
.PopularLeaguesView .MTTContainer {
display: grid;
grid-template-columns: 40.5% 56%;
text-align: center;
}
.PopularLeaguesView .PTitle2 {
display: grid;
grid-auto-flow: column;
align-items: center;
padding-right: 6px;
}
.PopularLeaguesView .Estado {
padding-left: 0;
}
.PopularLeaguesView .OCTC {
display: grid;
grid-auto-flow: column;
color: #e2e2e2;
}
.PopularLeaguesView .OutcomeTitleContainer {
text-align: center;
display: grid;
grid-auto-flow: column;
}
.PopularLeaguesView .OutcomeTitleContainer .OutComeTitle{
margin-left:1vw;
}
.PopularLeaguesView .EventList {
display: grid;
grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr 1fr;
}
.PopularLeaguesView .EventList {
display: flex;
flex-wrap: nowrap;
background: #000b15;
flex-direction: column;
overflow: auto;
color: #fff;
}
.PopularLeaguesView .EventList::-webkit-scrollbar {
-webkit-appearance: none;
}
.PopularLeaguesView .EventList::-webkit-scrollbar:vertical {
width: 6px;
}
.PopularLeaguesView .EventList::-webkit-scrollbar-button:increment,
.PopularLeaguesView .EventList::-webkit-scrollbar-button {
display: none;
}
.PopularLeaguesView .EventList::-webkit-scrollbar:horizontal {
height: 6px;
}
.PopularLeaguesView .EventList::-webkit-scrollbar-thumb {
background-color: #1251a4;
border-radius: 20px;
}
.PopularLeaguesView .EventList::-webkit-scrollbar-track {
border-radius: 10px;
}
.PopularLeaguesView .Tres {
grid-template-columns: 5% 18% 15% 6% 50% 5%;
}
.PopularLeaguesView .MainMarkets {
display: grid;
background: linear-gradient(
180deg,
#0c104b 0.52%,
#13195f 19.79%,
#0b105f 100%
);
border-bottom: 1px solid black;
text-align: left;
}
.PopularLeaguesView .MoreBetsBtnContainer {
display: grid;
align-self: center;
justify-self: center;
}
.PopularLeaguesView .EventTime {
height: 2.25rem;
text-align: center;
font-weight: 400;
font-size: 0.9vw;
display: flex;
flex-direction: column;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.5) 0%,
rgba(0, 0, 0, 0.5) 100%
),
linear-gradient(180deg, #0c104b 0.52%, #13195f 19.79%, #0b105f 100%);
align-items: center;
justify-content: center;
padding: 1.25rem 2pt;
}
.PopularLeaguesView .Team1 {
display: grid;
padding: 2pt 0;
}
.PopularLeaguesView .TeamName {
font-size: var(--TeamsFontSize);
font-weight: 700;
width: 95%;
text-align: left;
display: grid;
align-content: center;
font-style: normal;
padding: 0 0.5rem;
}
.PopularLeaguesView img.CatImg {
width: 1.2vw;
padding: 0vw 1vw;
display: grid;
align-self: center;
}
.PopularLeaguesView .Category {
font-size: 0.8vw;
font-weight: 600;
}
.PopularLeaguesView .CategoryContainer {
display: grid;
grid-template-columns: 19% 60% 20%;
align-items: center;
justify-self: center;
cursor: pointer;
line-height: 16px;
min-height: 5vh;
width: 100%;
background: linear-gradient(180deg, #313131 0%, #252525 100%);
padding: 0.5pt 1pt;
}
.PopularLeaguesView .MBELLIcon {
margin-left: 0.5rem;
}
.PopularLeaguesView .MBELLIcon .icon_flag {
margin-top: 0;
margin-right: 0;
}
.PopularLeaguesView .TournamentContainer {
display: grid;
grid-template-columns: 20% 80%;
background: linear-gradient(180deg, #313131 0%, #252525 100%);
color: var(--BlancoHumo);
font-size: 0.7vw;
align-items: center;
min-height: 4vh;
cursor: pointer;
line-height: 11px;
padding: 1pt 0;
}
.PopularLeaguesView .TournamentItem {
text-align: left;
display: grid;
}
.PopularLeaguesView .Team2 {
display: flex;
}
.PopularLeaguesView .status {
text-align: center;
display: grid;
align-content: center;
}
.PopularLeaguesView .status img {
width: 2vw;
}
.PopularLeaguesView .stats {
cursor: pointer;
}
.PopularLeaguesView .OCC {
display: grid;
grid-auto-flow: column;
gap: 5px;
font-weight: 700;
margin-right: 5px;
}
.PopularLeaguesView .OutcomeContainer {
display: flex;
align-items: center;
justify-content: space-evenly;
}
.PopularLeaguesView .FootFind {
display: grid;
width: 90%;
height: 80%;
margin-left: 0.5rem;
}
.PopularLeaguesView .OutCome {
text-align: center;
color: #fff;
font-weight: 800;
border-radius: 3pt;
box-shadow: 0 0 2px #000;
cursor: pointer;
width: 3vw;
padding: .85vh .2vw;
border: 2px solid #00064E;
background: linear-gradient(180deg, #4A45EA 0%, #212AB2 47.92%, #1312CB 100%);
justify-self: self-end;
}
.PopularLeaguesView .OutCome.SubBets.live {
flex-direction: row;
min-width: 4.25vw;
}
.PopularLeaguesView .Lock {
pointer-events: none;
color: #ffffff26;
}
.PopularLeaguesView button.OutCome .Lock {
color: #ffffff26;
font-size: 0.01px;
}
.PopularLeaguesView .OutCome.select {
background: var(--Orange2);
}
.PopularLeaguesView .ScoreContainer {
display: grid;
align-content: center;
margin: 0vh 0.5vw;
width: max-content;
}
.PopularLeaguesView .CustomAling {
text-align: left;
padding-left: 20%;
}
.PopularLeaguesView .TextLeft {
text-align: left;
}
.PopularLeaguesView .Score {
border: 1px solid #5b4e4a;
padding: 0.1vw;
border-radius: 4px;
color: var(--OraYellow);
padding: 2px 6px;
font-size: 1vw;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.PopularLeaguesView button.OutCome:disabled {
color: transparent;
font-size: 0.01px;
}
.PopularLeaguesView .YellowxText {
color: #f6b40e !important;
}
.PopularLeaguesView button.OutCome:disabled .Lock {
color: #ffffff26;
font-size: 1.1vw;
text-shadow: none;
}
.PopularLeaguesView .specialValue {
text-align: center;
margin: 1px;
color: var(--Orange);
font-weight: 800;
border-radius: 3pt;
cursor: pointer;
width: 2.5vw;
font-size: 1.1vw;
border: none;
padding: 4px;
}
.PopularLeaguesView .MoreBetsContainer {
display: grid;
padding: 16px 4px;
text-align: left;
}
.PopularLeaguesView .MoreBetsDetail {
margin-left: 0.5rem;
padding: 0.5rem;
border: 1px solid #fff;
border-radius: 0 1vh 1vh 1vh;
}
.PopularLeaguesView .MoreBetsItem {
background-color: #101447;
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 8vh;
border: 1px solid black;
align-items: center;
font-style: normal;
font-weight: 400;
font-size: 0.9vw;
}
.PopularLeaguesView .MoreBetsItem:hover {
background: rgb(0 39 103 / 80%);
}
.PopularLeaguesView .MarketName {
padding-left: 2vw;
}
.PopularLeaguesView .sOddsContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1vh;
margin: 1vh 0.5vw;
}
.PopularLeaguesView .BtnSOdds {
display: grid;
text-align: center;
margin: 0 2px;
border: 2px solid #0041bf;
border-radius: 8px;
grid-auto-flow: column;
grid-template-columns: 1fr;
}
.PopularLeaguesView .sOddTitle {
background: rgba(0, 0, 0, 0.2);
color: var(--Orange);
display: grid;
align-content: center;
text-align: right;
padding-right: 0.5vw;
}
.PopularLeaguesView .SOutCome {
text-align: center;
background: -webkit-gradient(
linear,
50% 85%,
50% 20%,
color-stop(0, rgb(24 22 255)),
color-stop(0.5, rgb(16 27 155)),
color-stop(1, rgb(33 26 249))
);
color: #fff;
font-weight: 700;
box-shadow: 0 0 2px #000;
cursor: pointer;
width: 95%;
font-size: 1vw;
border: none;
padding: 4px 0;
font-weight: 800;
}
.PopularLeaguesView .SOutCome.select {
background: #ff8100;
}
.PopularLeaguesView button.SOutCome:disabled {
color: transparent !important;
font-size: 0.01px !important;
}
.PopularLeaguesView button.SOutCome .Lock {
color: #ffffff26;
font-size: 0.01px;
}
.PopularLeaguesView button.SOutCome:disabled .Lock {
color: #ffffff26;
font-size: 12pt;
}
.PopularLeaguesView .FindedContainer {
position: fixed;
width: 18vw;
z-index: 5;
bottom: 7vh;
}
.PopularLeaguesView .FindedTitle {
background: #bd0082;
display: flex;
justify-content: space-between;
padding: 0 2%;
}
.PopularLeaguesView .FindedItems {
background: #022d54;
border: 1px solid black;
text-align: left;
padding: 0.3vw;
cursor: pointer;
}
.PopularLeaguesView .FindedItems:hover {
background: #073b6a;
}
.PopularLeaguesView .HihlightBotomContainer {
display: grid;
grid-template-columns: 30% 52% 18%;
align-items: center;
text-align: center;
background: #1e1e1e;
height: 7vh;
}
.PopularLeaguesView .PBCdates {
display: grid;
grid-template-columns: 12% 12% 12% 12% 12% 12% 12% 12%;
color: #fff;
padding-left: 0.5%;
}
.PopularLeaguesView .TournamentIcon {
font-size: 1.3vw;
}
.PopularLeaguesView .BtnDate {
background: linear-gradient(
to bottom,
var(--MainMenuBtn1) 0%,
var(--MainMenuBtn2) 100%
);
margin-right: 4%;
color: #fff;
text-align: center;
font-size: 16pt;
cursor: pointer;
margin-top: 0.5vh;
height: 6.5vh;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.PopularLeaguesView .BtnDate.selected {
border: 2px solid green;
color: green;
height: 6.2vh;
}
.PopularLeaguesView .BtnDate:hover {
background: #424242;
}
.PopularLeaguesView .PBCBtn {
display: grid;
grid-template-columns: 50% 50%;
grid-gap: 4pt;
margin: 2pt 1rem 2pt 1pt;
color: #0e0e0e;
text-shadow: 0px 1px 1px #686868;
}
.PopularLeaguesView .HihlightFavorito {
display: grid;
align-self: center;
cursor: pointer;
color: #0006;
font-size: 1.1vw;
}
.PopularLeaguesView .HihlightFavorito.StarSelected {
color: #f6b40e;
}
.PopularLeaguesView .Resaltar {
color: #ffc40c;
}
.PopularLeaguesView .Dos {
display: grid;
grid-template-columns: 6% 19% 5% 19% 6% 37.5% 7%;
}
.PopularLeaguesView .Tres {
display: grid;
grid-template-columns: 6% 12% 5% 12% 7% 54% 7%;
}
.PopularLeaguesView .DosT {
display: grid;
grid-template-columns: 52% 42% 6%;
}
.PopularLeaguesView .Uno {
display: grid;
grid-template-columns: 5% 5% 27% 5% 27% 5% 20% 6%;
}
.PopularLeaguesView .Cero {
display: grid;
grid-template-columns: 5% 3% 26% 6% 26% 5% 5% 5%;
}
.PopularLeaguesView .LeagueCategory {
padding: 7px;
color: var(--OraYellow);
font-weight: 700;
min-height: 1.6rem;
border-radius: 4px;
display: grid;
align-content: center;
grid-auto-flow: column;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
justify-content: left;
font-size: 1.1vw;
}
.PopularLeaguesView .MBELLTitle,
.PopularLeaguesView .MBELLCant {
font-size: 0.8vw;
font-weight: 700;
position: relative;
line-height: 0.75rem;
margin-right: 2pt;
padding: 2pt 0;
}
.PopularLeaguesView .PBCBUp,
.PopularLeaguesView .PBCBDown {
font-size: 3vw;
color: #0e0e0e;
text-shadow: 0px 1px 1px #686868;
align-self: center;
display: grid;
height: 4.4vh;
padding: 0;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
align-content: center;
}
.PopularLeaguesView .PBCB {
display: grid;
background: linear-gradient(
to bottom,
var(--MainMenuBtn1) 0%,
var(--MainMenuBtn2) 100%
);
text-align: center;
align-content: center;
cursor: pointer;
font-size: 28pt;
border-radius: 10pt;
}
.PopularLeaguesView .PBCB:hover {
background: #424242;
}
.PopularLeaguesView .CountryComboBox {
display: flex;
flex-direction: row;
align-items: center;
justify-content: start;
}
.PopularLeaguesView .PBCFFav {
display: grid;
grid-template-columns: 15% 80%;
align-items: center;
color: #fff;
font-size: 1vw;
background: linear-gradient(180deg, #3e3e3e 0%, #2e2e2e 100%);
margin: 12px;
border-radius: 5px;
cursor: pointer;
width: 92%;
}
.PopularLeaguesView .HihlightBotomConainerFav {
display: grid;
}
.PopularLeaguesView .PBCFFavIcon {
width: 28px;
color: #0006;
}
.PopularLeaguesView .SelecFavBtn {
background: linear-gradient(180deg, #1a1a1a 0%, #040404 100%);
}
.PopularLeaguesView .SubOddsCB.CB.select {
color: #fff;
background: #ff8100;
font-size: 1vw;
margin: 0;
align-content: center;
border-radius: 5px;
cursor: pointer;
}
.PopularLeaguesView .sOddTitleCB {
font-size: 1vw;
}
.PopularLeaguesView .GrupoTitle {
display: block;
min-width: 130px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
padding: 0.8rem 1rem;
font-size: 1rem;
border: 1px solid;
cursor: pointer;
border-bottom: none;
border-top-left-radius: 1vh;
border-top-right-radius: 1vh;
}
.PopularLeaguesView .GruposContainer {
display: grid;
grid-auto-flow: column;
width: max-content;
gap: 0.25rem;
margin-left: 0.5rem;
margin-top: 0.5rem;
font-weight:600;
}
.PopularLeaguesView .GrupoTitle.selected {
color: #fff;
border-bottom: 3px solid #fff;
}
.PopularLeaguesView .NewTab {
position: absolute;
display: grid;
color: #fff;
background: red;
font-size: 0.7rem;
padding: 0.3rem;
bottom: 2.8rem;
animation: NewTabAnimation 5s ease-in-out infinite;
}
.PopularLeaguesView .CrearApuestaContainer {
position: relative;
}
.PopularLeaguesView .SubOdds {
display: grid;
grid-template-columns: 65% 35%;
text-align: center;
margin: 3px 0;
}
.PopularLeaguesView .SubOddsCB {
display: grid;
text-align: center;
margin: 3px 0;
cursor: pointer;
}
.PopularLeaguesView .SubOddsCB.CB.select .sOddTitle {
background: -webkit-gradient(
linear,
0 0,
0 bottom,
from(#c0bc23),
to(#e6e051)
) !important;
color: #000;
}
.PopularLeaguesView .sOddsTitleCB,
.PopularLeaguesView .LockCB {
text-align: center;
}
.PopularLeaguesView .StatsModal {
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
z-index: 100;
}
.PopularLeaguesView .StatsModal2 {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 101;
}
.PopularLeaguesView .StatsModalc {
position: fixed;
z-index: 102;
display: grid;
align-items: center;
align-content: center;
align-self: center;
left: 9vw;
top: 14vh;
}
.PopularLeaguesView .StatsModalIFram {
width: 80vw;
height: 60vh;
}
.PopularLeaguesView .StatsModalClose {
background: gray;
color: #fff;
display: grid;
grid-template-columns: 90% 10%;
text-align: center;
padding: 0.5rem;
}
.PopularLeaguesView .StatsModalModalTitle {
padding-left: 10%;
}
.PopularLeaguesView .StatsModalBtnClose {
text-align: right;
cursor: pointer;
}
.PopularLeaguesView .LV2Cuatro {
grid-template-columns: 4% 2% 13% 5% 13% 3% 56% 4%;
border-bottom: 2px solid black;
}
.PopularLeaguesView .PreBotomContainer {
display: grid;
grid-template-columns: 30% 52% 18%;
align-items: center;
text-align: center;
background: #1e1e1e;
height: 7vh;
}
/*PopularLeaguesView*/
.BaseModalBackgroud {
display: flex;
align-items: center;
justify-content: center;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.8);
z-index: -1;
}
.ModalBase {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.8);
top: 0;
left: 0;
z-index:110;
}
.BaseModalBar {
display: grid;
align-items: center;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom: 2px solid #111111;
}
.PadLeft {
padding-left: 1vw;
}
.BaseModal {
display: flex;
flex-direction: column;
text-align: center;
top: auto;
color: #fff;
position: fixed;
width: 20vw;
background: #2e2e2e;
z-index: 105;
border-radius: 6px;
}
.BaseModal.Login {
top: 15vh;
}
.BaseModal.Register {
width: 40vw;
}
.BaseModal.Cart {
top: 8vh;
}
.BaseBodyModal {
display: grid;
color: #fff;
text-align: left;
padding: 1vw 1vw 0;
}
.BaseBModalContainer {
display: grid;
grid-auto-flow: row;
align-content: center;
gap: 2vh;
}
input.LoginModalTxt {
font-size: 0.9vw;
background: #242424 !important;
border: 1px solid black;
color: #fff;
font-weight: 700;
padding-left: 1vw;
width: 100%;
height: 4.5vh !important;
border-radius: 0.5vw;
}
.BaseBModelaDNrDoc,
.LoginBModelClave {
display: flex;
}
.LBMDNrDTitle {
font-weight: 100;
}
.BaseBModalDocument {
display: grid;
align-content: center;
}
.Warning {
color: red;
font-size: x-small;
margin: 0;
padding: 0;
}
.BaseBModalDTitle {
display: grid;
align-content: center;
}
.BaseBtnClose {
background: linear-gradient(180deg, #db2727 0%, #9e0000 100%);
color: #fff;
text-align: center;
border-radius: 5px;
font-size: 0.7vw;
top: 1vh;
cursor: pointer;
right: 0.5vw;
display: grid;
height: 2.6vh;
position: absolute;
width: 2vw;
align-content: center;
}
.BaseBModalDSelect Select {
font-family: Helvetica;
font-weight: 100;
padding: 1vh 0.3vw;
width: -webkit-fill-available;
cursor: pointer;
background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
border: 1px solid #aeaeae;
display: grid;
color: #fff;
font-size: 12pt;
}
option,
option.OptionSelectDay {
background: #3e3e3e;
cursor: pointer;
font-family: Helvetica;
font-weight: 100;
font-size: 14px;
color: #fff;
}
.BaseModalTxt {
padding: 0.7vh;
width: 16vw;
background: linear-gradient(180deg, #1e1e1e 0%, #0e0e0e 100%);
border: 1px solid #aeaeae;
color: #fff;
box-shadow: inset 0 0 0 1px #fff0, inset 0 0 0 100px #1e1e1e;
font-size: 14pt;
}
.BaseModalBtnContainer {
text-align: -webkit-center;
display: grid;
grid-auto-flow: row;
}
.BaseModalBtnC {
display: grid;
gap: 1rem;
margin: 0.25vw 1vw 1vw 1vw;
}
.BaseModalBtnC.Card{
gap: 0.5rem;
}
.BaseModalBtn {
display: grid;
cursor: pointer;
position: relative;
background: linear-gradient(180deg, #00be17 0%, #006400 100%);
border-radius: 4px;
color: #fff;
padding: 0.8vw;
align-content: center;
text-transform: uppercase;
}
.BaseModalBtn.invalid {
opacity: 0.6;
pointer-events: none;
background: gray;
}
.EndSeparator {
display: grid;
height: 1.5vh;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 2px solid transparent;
margin-top: 0.5rem;
}
.BaseModalEndMsg1 {
display: grid;
align-content: center;
font-weight: 100;
font-size: 1vw;
padding: 0 1vw 1vw 1vw;
}
.BaseModalEndMsg1.PointerCurso {
display: grid;
cursor: pointer;
background: linear-gradient(180deg, #00be17 0%, #006400 100%);
border-radius: 4px;
color: #fff;
padding: 0.8vw;
align-content: center;
text-transform: uppercase;
width: 80%;
font-family: unset;
font-weight: 700;
justify-self: center;
}
.BaseModalEndMsg2 {
display: grid;
align-content: center;
color: #00be17;
text-decoration: underline;
cursor: pointer;
}
.SimpleBaseText {
margin: 1vh 0;
}
.KeyboardIcon {
font-size: 2.5rem;
}
.KeyBoardTitle {
font-size: 0.8rem;
}
.KeyBoardContainer {
color: gray;
cursor: pointer;
}
.BaseBtnBack {
color: #fff;
text-align: center;
border-radius: 5px;
font-size: 0.5vw;
margin: 0vw 1vw;
padding: 10px;
position: absolute;
cursor: pointer;
right: 0;
border: 1px solid;
width: 2vw;
}
.SimpleBaseImg img {
width: 3rem;
}
.SimpleBaseImg {
text-align: end;
margin-right: 2rem;
}
.Gap0 {
gap: 0;
}
.TextCenter {
text-align: center;
}
.TextLeft {
text-align: left;
}
.TextRight {
text-align: right;
}
.Large {
font-size: large;
}
.Larger {
font-size: revert;
}
.Small {
font-size: small;
padding-top: 30px;
margin-right: 77%;
}
.Margen0 {
margin: 0;
}
.Margen05 {
margin: 0.5rem;
}
.BigRowContainer {
grid-template-rows: 14% 70% 16%;
}
.Big4RowContainer {
grid-template-rows: 14% 15% 55% 16%;
}
.GridautoFlow {
display: grid;
grid-auto-flow: column;
}
.Proximamente {
opacity: 0.5;
cursor: default !important;
}
.GridautoFlowRow {
display: grid;
grid-auto-flow: row;
}
.BaseBModalBigContainer {
display: grid !important;
grid-auto-flow: row !important;
grid-auto-columns: 101% !important;
padding: 10px !important;
gap: 1rem !important;
}
.BaseBModalBigContainerR,
.BaseBModalBigContainerL {
display: grid;
align-content: center;
}
.SimpleBoxContainer {
display: grid;
background: black;
margin: 0.2rem;
padding: 1rem;
border-radius: 0.5rem;
cursor: pointer;
}
.simple-keyboard {
background-color: transparent;
border-radius: 0 0 5px 5px;
}
.simple-keyboard .hg-button {
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background: #00b254;
color: #fff;
}
.LoginModalTxt.select {
border: 1px solid #00b254;
}
.CurrencyInput {
display: grid;
grid-auto-flow: column;
}
.Currency {
position: relative;
top: 1rem;
right: 4rem;
}
.WarningForm {
font-size: 0.5vw;
color: var(--WarningText);
}
.ForgetPass.PointerCurso {
font-size: 0.7vw;
text-align: right;
}
.FormItem {
margin-bottom: 1vh;
}
select.valid,
input.valid {
border: 1px solid var(--ValidText) !important;
}
select.invalid {
border: 1px solid var(--WarningText) !important;
}
input.invalid {
border: 1px solid var(--WarningText) !important;
pointer-events: all;
}
.BaseModalTitle {
display: grid;
height: -webkit-fill-available;
align-items: center;
font-size: 1vw;
color: #4effbb;
font-family: Sensation;
padding: 1.25vh 0;
}
.PointerCurso {
cursor: pointer;
}
.BaseBModelaDNrDoc > .CurrencyInput > input.LoginModalTxt {
width: 100% !important;
}
.InputContainer {
position: relative;
display: flex;
width: 100%;
}
.InputIcon {
position: absolute;
right: 0;
bottom: 2.5vh;
font-size: 0.9vw;
cursor: pointer;
}
.LoginModalBackgroud {
position: absolute;
width: 200vw;
height: 200vh;
top: -50vh;
background: rgba(0, 0, 0, 0.8);
left: -50vw;
z-index: -1;
}
.LoginModalTitle {
color: #4effbb;
font-size: 1.4vw;
}
.LoginModalBar {
display: grid;
grid-template-columns: 90% 10%;
align-items: center;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom: 2px solid #111111;
}
.LoginModal {
display: grid;
grid-template-rows: 7vh 80vh 5vh;
height: -webkit-fill-available;
text-align: center;
color: #fff;
}
.LoginBodyModal {
display: grid;
color: #fff;
text-align: left;
padding: 0px 1vw;
}
.LoginBModalDocument {
display: grid;
grid-auto-flow: row;
border-bottom: 2px solid #111111;
}
.LoginBModalDTitle {
display: grid;
align-content: center;
font-family: Helvetica;
font-style: normal;
font-weight: 700;
font-size: 16pt;
}
.LoginBtnClose {
background: linear-gradient(180deg, #db2727 0%, #9e0000 100%);
color: #fff;
text-align: center;
border-radius: 5px;
font-size: 0.8vw;
margin: 0.5vw;
padding: 5px;
position: relative;
float: right;
cursor: pointer;
z-index:1000;
}
.LoginBModalDSelect
Select {
font-family: Helvetica;
font-weight: 100;
padding: 1vh 0.3vw;
width: 100%;
cursor: pointer;
border-radius: 4px;
border: 1px solid #aeaeae;
background: linear-gradient(180deg, #3c3a3a 0%, #0e0e0e 100%);
display: grid;
color: #fff;
font-size: 1vw;
}
.CheckBoxContainer {
display: grid;
grid-auto-flow: column;
}
option.OptionSelectDay {
background: #3e3e3e;
cursor: pointer;
font-family: Helvetica;
font-weight: 100;
font-size: 16px;
color: var(--BlancoHumo);
}
select[disabled] {
opacity: 0.4;
color: gray;
}
.passwordinput {
-webkit-text-security: disc;
text-security: disc;
}
.PasswordIcon {
position: absolute;
top: 5vh;
right: 1vw;
cursor: pointer;
}
.MarginTop05vh {
margin: 0.5vh 0 !important;
}
.ChkTxt {
font-size: 0.6vw !important;
margin-left: 1vw;
}
.CheckBoxContainer
input[type="checkbox"] {
background: black !important;
color: #000;
background-color: #000 !important;
width: 0.6vw;
}
.RegistrarModalTxt {
padding: 0.5vh;
color: var(--BlancoHumo);
border-radius: 4px;
background: #242424;
font-size: 0.8vw;
height: 2vh;
}
.btndisabled {
pointer-events: none;
opacity: 0.5;
}
.HideTxt {
font-size: 0;
min-height: 1.9vh;
}
.LoginModalBtnContainer {
text-align: -webkit-center;
display: grid;
}
.LoginModalBtn {
display: grid;
align-items: center;
cursor: pointer;
width: 75%;
text-align: center;
background: linear-gradient(180deg, #00be17 0%, #006400 100%);
border-radius: 4px;
color: #fff;
padding: 0.8vw;
max-width: 8vw;
justify-self: center;
}
.LoginModalBtnC {
padding: 5px;
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
}
.EndSeparator {
display: grid;
height: 2vh;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 2px solid #111111;
}
.LoginModalEndMsg1 {
display: grid;
align-content: center;
font-weight: 100;
}
.LoginModalEndMsg2 {
display: grid;
align-content: center;
color: #00be17;
text-decoration: underline;
cursor: pointer;
}
.ModalContainerBdy {
display: grid;
grid-template-columns: 100%;
}
.Banner {
display: grid;
width: 100%;
justify-content: center;
}
img.imgBanner {
max-width: 100%;
max-height: 90%;
margin-top: 2vh;
}
.ArcaModal {
background: #2e2e2e;
display: grid;
position: fixed;
top: 3vh;
width: 50vw;
}
.LoginBodyModalRight {
display: grid;
color: var(--BlancoHumo);
}
.LoginBModelItem {
display: grid;
gap: 0vh;
grid-template-columns: 40% 60%;
align-content: center;
position: relative;
padding: 0.25rem 0;
}
.LoginBModelItemForCitizenCard {
display: grid;
gap: 0vh;
grid-template-columns: 60% 40%;
align-content: center;
position: relative;
padding: 0.25rem 0;
}
.LoginBModelItem3 {
display: grid;
gap: 0.8vh;
grid-template-columns: 32% 32% 32%;
align-content: center;
position: relative;
}
.LoginBModelItem2 {
display: grid;
gap: 0.8vh;
grid-template-columns: 32% 64%;
align-content: center;
position: relative;
}
.WarningTxt {
color: #ff5c75;
font-size: 0.7vw;
position: absolute;
}
.Warning .LoginModalTxt {
border: 1px solid #ff5c75;
}
.LoginBodyModalLeft {
display: grid;
}
.Relativo {
position: relative;
padding: 0.7vh 0;
}
.ModalWarningContainer {
display: grid;
grid-template-columns: 20% 80%;
background: yelo;
background: #a57700;
border-radius: 8px;
align-items: center;
text-align: center;
font-size: 0.8vw;
}
.ModalWarIcon {
font-size: 20pt;
}
.ModalWarTitle {
text-align: left;
}
.LBMDItemTitle {
font-family: Helvetica;
font-style: normal;
font-weight: 400;
font-size: 1vw;
padding: 2pt 3pt;
display: flex;
justify-content: space-between;
align-items: center;
}
.LBMDItemTitle.small {
font-size: 0.9vw;
}
.GridAutoColum {
display: grid;
grid-auto-flow: column;
}
.CHK {
display: grid;
grid-template-columns: 10% 90%;
cursor: pointer;
}
.CHKitemBtn {
background: url(ChkUncheck.faf7d8915c13efee.png) no-repeat center center;
height: -moz-fit-content;
height: fit-content;
width: -webkit-fill-available;
height: -webkit-fill-available;
min-width: min-content;
max-width: -webkit-fill-available;
min-height: min-content;
max-height: max-content;
display: grid;
}
.ChkChecked {
background: url(chkChecked.a228f7a1fc5993a6.png) no-repeat center center;
height: -moz-fit-content;
height: fit-content;
width: -webkit-fill-available;
height: -webkit-fill-available;
min-width: min-content;
max-width: -webkit-fill-available;
min-height: min-content;
max-height: max-content;
display: grid;
}
.Red {
color: #ff5c75;
}
.EmailContainer {
display: grid;
grid-auto-flow: row;
}
.EmailContainer {
display: grid;
grid-template-columns: 50% 50%;
grid-auto-columns: 1fr;
}
.btn {
background: #f0f0f0;
color: #000;
font-size: 0.8rem;
border-radius: 2px;
padding: 0 5px;
}
.btn i {
margin-right:5px;
}
input.RegistrarModalTxt {
font-size: 1vw;
background: #1b1b1b;
border: 1px solid black;
padding: 0.7vh 1vw;
}
.btnGreen {
background: rgb(1, 179, 90);
color: #e4e4e4;
}
.AutoWidth {
width: auto !important;
}
.GenerarCodigo {
display: grid;
}
::-webkit-scrollbar {
width: 0.5rem;
}
::-webkit-scrollbar-track {
background-color: #dedede;
}
::-webkit-scrollbar-thumb {
background-color: #a5a5a5;
border-radius: 0.5rem;
}
::-webkit-scrollbar-thumb:hover {
background-color: #555;
}
@media only screen and (max-device-width: 600px) {
.BaseModal{
width:80vw;
}
.BaseModalTitle,
.TalonTopB
{
font-size: 5vw;
}
input.Montotxt,
input.LoginModalTxt,
.LiveView input.FindText,
.invoiceBTN,
select,
.LiveView .stats,
.PreView .stats
{
font-size: 4vw;
}
.BaseModalBtn {
padding: 1.5vh 0;
font-size: 5vw;
}
.PrincipalContainer{
overflow-x: scroll;
}
.MTItem1,
.MTItem,
.LiveView .MBELLTitle,
.LiveView .MBELLCant,
.LiveView .LV2Tres,
.LiveView .TeamName,
.LiveView .OutCome,
.LiveView .ScoreVal,
.LiveView .specialValue,
.PreView .MBELLTitle,
.PreView .MBELLCant,
.PreView .LV2Tres,
.PreView .TeamName,
.PreView .OutCome,
.PreView .ScoreVal,
.PreView .specialValue,
.PreView .MBELRTitle,
.TBDItem,
.TBDValue,
.TItitle,
.TCtitle,
.Af12,
.MainBtn.InvoBtns,
.BTNC
{
font-size: 3vw;
}
.PreView .Category,
.LiveView .Category {
font-size: 2vw;
}
.PreView .OutCome,
.LiveView .OutCome {
width: 10vw;
}
.PreView .TeamName,
.LiveView .TeamName {
line-height:1.5vh;
}
img.TopLogo {
width: 24vw;
padding: 17px 0px;
}
.PreView .MBELLLSportImg,
.LiveView .MBELLLSportImg {
width: 5vw;
height: 5vw;
}
.BaseBodyModal{
padding: 2vw 2vw 0;
}
}
.PreView .button,
.LiveView .button,
.HighlightView .button,
.PopularLeaguesView .button {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
height: 42.5px;
width: 48px;
min-width: 48px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #fff;
color: white;
text-decoration: none;
vertical-align: middle;
background: unset;
margin: 2px;
}
.PreView .LiveView .button:hover,
.LiveView .LiveView .button:hover,
.HighlightView .LiveView .button:hover,
.PopularLeaguesView .LiveView .button:hover {
color: #ccc;
}
.PreView.button:active,
.LiveView.button:active,
.HighlightView.button:active,
.PopularLeaguesView.button:active {
background: #1b435e;
}
.MoreBetsContainerSmall {
width: 62.75vw;
}
.MoreBetsContainerLarge {
width: 79vw;
}
.opacity50{
opacity: 0.5;
}
.black{
background: #02ae03;
}
.betBuilderContainer {
position: relative;
width: 10px;
margin-right: 3px;
}
.betBuilderUpLine {
width: 2px;
height: 12px;
margin-left: 3px;
}
.betBuilderDot {
width: 8px;
height: 8px;
border-radius: 100%;
background: #02ae03;
}
.betBuilderDownLine {
width: 2px;
height: 12px;
margin-left: 3px;
}