@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap);
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}
.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}
/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}
.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.ps {
    position: relative;
}
.custom-button[data-v-2ed8e606]{padding:0 20px;position:relative;background-color:#fff;border:1px solid transparent;border-radius:4px;height:30px;font-size:13px;outline:none;cursor:pointer;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);color:#fff;font-weight:500}.custom-button-content[data-v-2ed8e606]{position:relative}.custom-button svg[data-v-2ed8e606]{position:relative;fill:#1e90ff}.custom-button .custom-button-effect[data-v-2ed8e606],.custom-button svg[data-v-2ed8e606]{-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms}.custom-button .custom-button-effect[data-v-2ed8e606]{position:absolute;background:#1e90ff;top:0;left:0;bottom:0;right:0;height:30px;border-radius:4px;width:100%;-webkit-transform:scale(0);transform:scale(0)}.custom-button.with-border[data-v-2ed8e606]{border:1px solid #eaeaea}.custom-button.is-hover[data-v-2ed8e606],.custom-button[data-v-2ed8e606]:hover{border:1px solid transparent!important}.custom-button.is-hover .custom-button-effect[data-v-2ed8e606],.custom-button:hover .custom-button-effect[data-v-2ed8e606]{-webkit-transform:scale(1);transform:scale(1);opacity:.6}.custom-button.is-hover svg[data-v-2ed8e606],.custom-button:hover svg[data-v-2ed8e606]{fill:#fff!important}.custom-button.is-hover .custom-button-content[data-v-2ed8e606],.custom-button:hover .custom-button-content[data-v-2ed8e606]{color:#fff!important}.custom-button.is-selected[data-v-2ed8e606]{border:1px solid transparent!important}.custom-button.is-selected .custom-button-effect[data-v-2ed8e606]{-webkit-transform:scale(1);transform:scale(1);opacity:1}.custom-button.is-selected svg[data-v-2ed8e606]{fill:#fff!important}.custom-button.is-selected .custom-button-content[data-v-2ed8e606]{color:#fff!important}.custom-button.is-dark[data-v-2ed8e606]{background-color:#424242}.custom-button.is-dark.with-border[data-v-2ed8e606]{border-color:#757575}.custom-button.is-dark svg[data-v-2ed8e606]{fill:#fff!important}.custom-button.round[data-v-2ed8e606]{padding:0;width:24px;height:24px;border-radius:50%}.custom-button.round .custom-button-effect[data-v-2ed8e606]{border-radius:50%;height:24px}.field[data-v-5b500588]{position:relative}.field.is-dark .field-label[data-v-5b500588]{color:hsla(0,0%,100%,.7)}.field.is-dark .field-input[data-v-5b500588]{background-color:#424242;border-color:hsla(0,0%,100%,.7);color:hsla(0,0%,100%,.7)}.field.is-dark.is-disabled .field-input[data-v-5b500588],.field.is-dark.is-disabled .field-label[data-v-5b500588]{color:#000}.field-label[data-v-5b500588]{position:absolute;top:5px;cursor:pointer;left:13px;-webkit-transform:translateY(25%);transform:translateY(25%);opacity:0;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);font-size:11px;color:rgba(0,0,0,.54)}.field-input[data-v-5b500588]{cursor:pointer;background-color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;position:relative;width:100%;height:42px;min-height:42px;padding-left:12px;padding-right:44px;font-weight:400;-webkit-appearance:none;outline:none;border:1px solid rgba(0,0,0,.2);border-radius:4px;font-size:14px;z-index:0}.field-input.no-clear-button[data-v-5b500588]{padding:0 12px}.field-clear-button[data-v-5b500588]{position:absolute;right:12px;top:0;bottom:0;margin:auto 0}.field.has-error .field-input[data-v-5b500588]{border-color:#ff4500}.field.has-error .field-label[data-v-5b500588]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);font-size:11px}.field.has-error .field-input[data-v-5b500588]{padding-top:14px}.field.has-value .field-label[data-v-5b500588]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);font-size:11px}.field.has-value:not(.no-label) .field-input[data-v-5b500588]{padding-top:14px}.field.is-focused .field-input[data-v-5b500588]{border-color:#1e90ff}.field.is-focused .field-label[data-v-5b500588]{color:#1e90ff}.field.is-disabled .field-input[data-v-5b500588]{border-color:#ccc;background:#f2f2f2}.field.is-disabled .field-input[data-v-5b500588],.field.is-disabled .field-label[data-v-5b500588]{cursor:default}.field .text-danger[data-v-5b500588]{color:#ff4500}.field.is-dark[data-v-5b500588] ::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}.field.is-dark[data-v-5b500588] :-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.field.is-dark[data-v-5b500588] ::-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.field.is-dark[data-v-5b500588] ::-moz-placeholder{color:hsla(0,0%,100%,.7)}.field.is-dark[data-v-5b500588] ::placeholder{color:hsla(0,0%,100%,.7)}.field.is-dark.is-disabled[data-v-5b500588] ::-webkit-input-placeholder{color:#424242}.field.is-dark.is-disabled[data-v-5b500588] :-ms-input-placeholder{color:#424242}.field.is-dark.is-disabled[data-v-5b500588] ::-ms-input-placeholder{color:#424242}.field.is-dark.is-disabled[data-v-5b500588] ::-moz-placeholder{color:#424242}.field.is-dark.is-disabled[data-v-5b500588] ::placeholder{color:#424242}.field.sm .field-input[data-v-5b500588]{height:36px;min-height:36px;font-size:12px}.field.sm .field-label[data-v-5b500588]{font-size:10px}.field.sm.has-value:not(.no-label) .field-input[data-v-5b500588]{padding-top:12px}.field.lg .field-input[data-v-5b500588]{height:48px;min-height:48px;font-size:16px}.field.lg .field-label[data-v-5b500588]{font-size:14px}.field.lg.has-value:not(.no-label) .field-input[data-v-5b500588]{padding-top:16px}.shortcuts-container[data-v-9b117170]{width:140px;max-width:140px;min-width:140px;padding:10px 5px;border-right:1px solid #eaeaea;overflow:auto}.shortcuts-container button.shortcut-button[data-v-9b117170]{margin-bottom:10px;width:100%}.shortcuts-container.is-dark[data-v-9b117170]{border-color:#757575}@media screen and (max-width:415px){.shortcuts-container[data-v-9b117170]:not(.inline){width:100%;max-width:100%;min-width:100%;max-width:100vw;min-width:100vw;border-right:0;border-bottom:1px solid #eaeaea;height:52px!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap}.shortcuts-container:not(.inline) .shortcut-button[data-v-9b117170]{margin-bottom:0}.shortcuts-container:not(.inline) .shortcut-button[data-v-9b117170]:not(:last-child){margin-right:10px}.shortcuts-container.is-dark[data-v-9b117170]{border-color:#757575}}.year-month-selector[data-v-4a0f7afa]{position:absolute;background-color:#fff;top:0;bottom:0;left:0;right:0;color:#424242;padding:10px}.year-month-selector.dark[data-v-4a0f7afa]{color:#fff;background-color:#424242}.year-month-selector .month-button[data-v-4a0f7afa]{text-transform:capitalize}.week-days[data-v-a5a27e8c]{height:41px;text-transform:capitalize}.week-days.is-dark .week-days-container[data-v-a5a27e8c]{color:#a8a8a8!important}@media screen and (max-width:415px){:not(.inline) .datepicker-week[data-v-a5a27e8c]{height:21px!important}}.datepicker-container[data-v-7043ad7f]{width:260px;padding:0 5px;position:relative}.datepicker-container.range.has-shortcuts[data-v-7043ad7f]{width:400px}.datepicker-container.p-0[data-v-7043ad7f]{padding:0}.datepicker-container .padding-button[data-v-7043ad7f]{padding:5px 3px!important}.datepicker-container .calendar[data-v-7043ad7f]{position:relative}.datepicker-container .datepicker-controls[data-v-7043ad7f]{height:56px}.datepicker-container .datepicker-controls .arrow-month[data-v-7043ad7f]{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px}.datepicker-container .datepicker-controls .datepicker-button[data-v-7043ad7f]{background:transparent;cursor:pointer;padding:0 10px;border:none;outline:none}.datepicker-container .datepicker-controls .datepicker-button svg[data-v-7043ad7f]{height:17px;width:17px;fill:#2c3e50}.datepicker-container .datepicker-controls .datepicker-button.datepicker-prev[data-v-7043ad7f]{text-align:left!important}.datepicker-container .datepicker-controls .datepicker-button.datepicker-next[data-v-7043ad7f]{text-align:right!important}.datepicker-container .datepicker-controls .datepicker-container-label[data-v-7043ad7f]{text-transform:capitalize;font-size:16px;position:relative;height:56px;overflow:hidden}.datepicker-container .datepicker-controls .date-buttons[data-v-7043ad7f]{text-transform:capitalize;font-weight:400}.datepicker-container .month-container[data-v-7043ad7f]{position:relative;overflow:hidden}.datepicker-container .datepicker-days[data-v-7043ad7f]{display:-webkit-box;display:flex;display:-ms-flexbox;overflow:hidden;flex-wrap:wrap;-ms-flex-wrap:wrap}.datepicker-container .datepicker-days .datepicker-day[data-v-7043ad7f]{height:41px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:14.28571%;position:relative;border:none;background:transparent;font-size:13px;outline:none}.datepicker-container .datepicker-days .datepicker-day.enable[data-v-7043ad7f]{cursor:pointer}.datepicker-container .datepicker-days .datepicker-day-effect[data-v-7043ad7f],.datepicker-container .datepicker-days .datepicker-day .datepicker-today[data-v-7043ad7f]{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:30px;width:30px;border-radius:4px;-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms}.datepicker-container .datepicker-days .datepicker-day .datepicker-day-effect[data-v-7043ad7f]{margin:auto;opacity:.6;background:#1e90ff;-webkit-transform:scale(0);transform:scale(0)}.datepicker-container .datepicker-days .datepicker-day .datepicker-today[data-v-7043ad7f]{background-color:#eaeaea}.datepicker-container .datepicker-days .datepicker-day .datepicker-day-text[data-v-7043ad7f]{position:relative;color:#000}.datepicker-container .datepicker-days .datepicker-day .datepicker-day-keyboard-selected[data-v-7043ad7f]{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:26px;width:26px;opacity:.7;border-radius:50%;-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;background-color:#afafaf}.datepicker-container .datepicker-days .datepicker-day:hover .datepicker-day-text[data-v-7043ad7f]{color:#fff}.datepicker-container .datepicker-days .datepicker-day:hover .datepicker-day-effect[data-v-7043ad7f]{-webkit-transform:scale(1);transform:scale(1);opacity:.6}.datepicker-container .datepicker-days .datepicker-day.between .datepicker-day-text[data-v-7043ad7f]{color:#fff}.datepicker-container .datepicker-days .datepicker-day.between .datepicker-day-effect[data-v-7043ad7f]{-webkit-transform:scale(1);transform:scale(1);opacity:.5;border-radius:0;width:100%}.datepicker-container .datepicker-days .datepicker-day.between.first .datepicker-day-effect[data-v-7043ad7f]{border-top-left-radius:4px;border-bottom-left-radius:4px}.datepicker-container .datepicker-days .datepicker-day.between.last .datepicker-day-effect[data-v-7043ad7f]{border-top-right-radius:4px;border-bottom-right-radius:4px}.datepicker-container .datepicker-days .datepicker-day.between .datepicker-day-keyboard-selected[data-v-7043ad7f],.datepicker-container .datepicker-days .datepicker-day.between.first .datepicker-day-keyboard-selected[data-v-7043ad7f],.datepicker-container .datepicker-days .datepicker-day.between.last .datepicker-day-keyboard-selected[data-v-7043ad7f]{background-color:rgba(0,0,0,.66)}.datepicker-container .datepicker-days .datepicker-day.selected .datepicker-day-text[data-v-7043ad7f]{color:#fff;font-weight:700}.datepicker-container .datepicker-days .datepicker-day.selected .datepicker-day-effect[data-v-7043ad7f]{-webkit-transform:scale(1);transform:scale(1);opacity:1}.datepicker-container .datepicker-days .datepicker-day.selected .datepicker-day-keyboard-selected[data-v-7043ad7f]{background-color:rgba(0,0,0,.66)}.datepicker-container .datepicker-days .datepicker-day.disabled .datepicker-day-text[data-v-7043ad7f]{color:#ccc}.datepicker-container .datepicker-days .datepicker-day.disabled.selected[data-v-7043ad7f]{color:#fff}.datepicker-container .datepicker-days .datepicker-day.disabled .datepicker-day-effect[data-v-7043ad7f]{-webkit-transform:scale(0);transform:scale(0);opacity:0}.datepicker-container.is-dark .datepicker-days .datepicker-day:not(.between):not(.selected) .datepicker-day-text[data-v-7043ad7f]{color:#fff}.datepicker-container.is-dark .datepicker-days .datepicker-day:not(.between):not(.selected).disabled .datepicker-day-text[data-v-7043ad7f]{color:#757575}.datepicker-container.is-dark .datepicker-label[data-v-7043ad7f]{color:#fff}.datepicker-container.is-dark .text-muted[data-v-7043ad7f]{color:#a8a8a8!important}.datepicker-container.is-dark .datepicker-button svg[data-v-7043ad7f]{fill:#fff}.datepicker-container.is-dark .datepicker-today[data-v-7043ad7f]{background-color:#292929!important}@media screen and (max-width:415px){.datepicker-container[data-v-7043ad7f]{width:100%;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-ms-flex-flow:column;flex-flow:column;-moz-flex-direction:column}.datepicker-container:not(.inline) .datepicker-controls[data-v-7043ad7f]{height:36px!important}.datepicker-container.range.has-shortcuts[data-v-7043ad7f]{width:100%}}.time-picker-column[data-v-5bc85983]::-webkit-scrollbar{display:none}.time-picker[data-v-5bc85983]{width:160px;max-width:160px;position:relative;z-index:1}.time-picker.inline[data-v-5bc85983]{width:100%;max-width:100%}.time-picker[data-v-5bc85983]:after,.time-picker[data-v-5bc85983]:before{content:"";top:50%;position:absolute;margin:0 auto;margin-top:-14px;height:30px;z-index:-1;width:85%;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.time-picker-column[data-v-5bc85983]{position:relative;overflow-y:auto}.time-picker-column-item[data-v-5bc85983]{height:28px;min-height:28px;padding:0;color:#252525;cursor:pointer;position:relative;border:none;background:transparent;font-size:13px;width:100%;outline:none}.time-picker-column-item-effect[data-v-5bc85983]{position:absolute;opacity:.6;background:#1e90ff;height:24px;width:70%;top:2px;left:15%;-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;-webkit-transform:scale(0);transform:scale(0);border-radius:4px}.time-picker-column-item-effect[data-v-5bc85983]:hover{-webkit-transform:scale(1);transform:scale(1)}.time-picker-column-item-text[data-v-5bc85983]{position:relative}.time-picker-column-item:hover .time-picker-column-item-text[data-v-5bc85983]{color:#fff;-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms}.time-picker-column-item:hover .time-picker-column-item-effect[data-v-5bc85983]{-webkit-transform:scale(1);transform:scale(1)}.time-picker-column-item.active[data-v-5bc85983]{color:#fff;font-weight:700}.time-picker-column-item.active .time-picker-column-item-effect[data-v-5bc85983]{-webkit-transform:scale(1);transform:scale(1);opacity:1}.time-picker-column-item.disabled .time-picker-column-item-text[data-v-5bc85983]{color:#ccc}.time-picker-column-item.disabled .time-picker-column-item-text[data-v-5bc85983]:hover{color:#ccc!important}.time-picker-column-item.disabled .time-picker-column-item-effect[data-v-5bc85983]{-webkit-transform:scale(0)!important;transform:scale(0)!important;opacity:0!important}.time-picker-column-item.disabled.active .time-picker-column-item-effect[data-v-5bc85983]{background-color:#eaeaea!important;-webkit-transform:scale(1)!important;transform:scale(1)!important;opacity:1!important}.time-picker.with-border[data-v-5bc85983]{border-left:1px solid #eaeaea}.time-picker.with-border.is-dark[data-v-5bc85983]{border-left:1px solid #757575}.time-picker.is-dark .time-picker-column-item-text[data-v-5bc85983]{color:#fff}@media screen and (max-width:415px){.time-picker.inline[data-v-5bc85983]{-webkit-box-flex:1;-ms-flex:auto;flex:auto;border-left:none}.time-picker[data-v-5bc85983]:not(.inline){border:0;border-top:1px solid #eaeaea;width:100%;max-width:100%;height:unset!important;overflow:hidden}.time-picker:not(.inline).dark[data-v-5bc85983]{border-top:1px solid #757575}.timepicker-container.is-dark[data-v-5bc85983]{border-color:#757575}}.header-picker[data-v-6d49f11d]{background:#fff;border-bottom:1px solid #eaeaea;color:#fff;position:relative}.header-picker-year[data-v-6d49f11d]{opacity:.7;margin-bottom:5px;font-size:14px;line-height:14px;position:relative;height:14px}.header-picker-date[data-v-6d49f11d],.header-picker-hour[data-v-6d49f11d],.header-picker-minute[data-v-6d49f11d],.header-picker-range[data-v-6d49f11d],.header-picker-time[data-v-6d49f11d]{font-size:18px;line-height:18px;position:relative;height:18px}.header-picker-date[data-v-6d49f11d]{text-transform:capitalize}.header-picker-hour.twelve[data-v-6d49f11d]{min-width:74px}.header-picker .pl-10[data-v-6d49f11d]{padding-left:10px}.header-picker .time-number[data-v-6d49f11d]{width:22px}.header-picker.is-dark[data-v-6d49f11d]{border:0;color:#fff!important}.datepicker-buttons-container[data-v-601c6e79]{padding:5px;border-top:1px solid #eaeaea;background-color:#fff;z-index:1;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.datepicker-buttons-container .datepicker-button[data-v-601c6e79]{padding:0 20px;position:relative;background-color:#fff;border:1px solid transparent;border-radius:4px;height:30px;font-size:14px;outline:none;cursor:pointer;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);color:#fff;font-weight:500}.datepicker-buttons-container .datepicker-button-content[data-v-601c6e79]{position:relative}.datepicker-buttons-container .datepicker-button svg[data-v-601c6e79]{position:relative;-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;fill:#00c853}.datepicker-buttons-container .datepicker-button .datepicker-button-effect[data-v-601c6e79]{position:absolute;background:#00c853;top:0;left:0;bottom:0;right:0;height:30px;border-radius:4px;width:100%;-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;-webkit-transform:scale(0);transform:scale(0)}.datepicker-buttons-container .datepicker-button[data-v-601c6e79]:hover{border:1px solid transparent}.datepicker-buttons-container .datepicker-button:hover .datepicker-button-effect[data-v-601c6e79]{-webkit-transform:scale(1);transform:scale(1)}.datepicker-buttons-container .datepicker-button:hover svg[data-v-601c6e79]{fill:#fff!important}.datepicker-buttons-container .datepicker-button:hover .datepicker-button-content[data-v-601c6e79]{color:#fff!important}.datepicker-buttons-container .datepicker-button.now.right-margin[data-v-601c6e79]{margin-right:10px}.datepicker-buttons-container .datepicker-button.now .datepicker-button-content[data-v-601c6e79]{color:#1e90ff}.datepicker-buttons-container .datepicker-button.now .datepicker-button-effect[data-v-601c6e79]{background:#1e90ff}.datepicker-buttons-container .datepicker-button.validate[data-v-601c6e79]{border:1px solid #eaeaea}.datepicker-buttons-container.is-dark .datepicker-button[data-v-601c6e79],.datepicker-buttons-container.is-dark[data-v-601c6e79]{background-color:#424242}.datepicker-buttons-container.is-dark .datepicker-button[data-v-601c6e79]:not(.now),.datepicker-buttons-container.is-dark[data-v-601c6e79]:not(.now){border-color:#757575}.datepicker-buttons-container.is-dark .datepicker-button svg[data-v-601c6e79],.datepicker-buttons-container.is-dark svg[data-v-601c6e79]{fill:#fff!important}.datetimepicker[data-v-17c053f2]{position:absolute;z-index:9;width:100%}.datetimepicker.visible[data-v-17c053f2]{z-index:999}.datetimepicker .datepicker[data-v-17c053f2]{position:absolute;z-index:5;border-radius:4px;overflow:hidden;background:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);max-width:400px}.datetimepicker .datepicker .pickers-container[data-v-17c053f2]{background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.datetimepicker .datepicker.right[data-v-17c053f2]{right:0}.datetimepicker.is-dark .datepicker[data-v-17c053f2],.datetimepicker.is-dark .pickers-container[data-v-17c053f2]{background:#424242;border:0}.inline .datepicker[data-v-17c053f2],.inline.datetimepicker[data-v-17c053f2]{position:relative}.inline .datepicker[data-v-17c053f2]{margin-bottom:0!important;box-shadow:none;-webkit-box-shadow:none;width:100%;max-width:100%;background-color:#fff}@media screen and (max-width:415px){.pickers-container[data-v-17c053f2]{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-ms-flex-flow:column;flex-flow:column;-moz-flex-direction:column;height:100%}.datepicker-container[data-v-17c053f2]{width:100%}.datepicker-container.has-shortcuts[data-v-17c053f2]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.datetimepicker[data-v-17c053f2]:not(.inline){margin:0!important;position:absolute;top:0!important;bottom:0;right:0;left:0}.datetimepicker:not(.inline) .pickers-container[data-v-17c053f2]{height:calc(100% - 99px)}.datetimepicker:not(.inline) .datepicker[data-v-17c053f2]{border-radius:0!important;bottom:0!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:inherit!important;min-width:inherit!important;position:fixed;height:100%;margin:0!important}}.date-time-picker{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.date-time-picker,.date-time-picker input,.date-time-picker label,.date-time-picker p,.date-time-picker span{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.date-time-picker .fluid{width:100%}.date-time-picker .fill-height{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.date-time-picker .spacer{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.date-time-picker .align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.date-time-picker .flex{display:-webkit-box;display:-ms-flexbox;display:flex}.date-time-picker .flex-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;justify-content:flex-start;-ms-flex-pack:start;-moz-box-align:start;-moz-box-pack:start;-webkit-box-pack:start;-webkit-justify-content:flex-start}.date-time-picker .flex-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;justify-content:flex-end;-ms-flex-pack:end;-moz-box-align:end;-moz-box-pack:end;-webkit-box-pack:end;-webkit-justify-content:flex-end}.date-time-picker .flex-direction-column{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-ms-flex-flow:column;flex-flow:column;-moz-flex-direction:column}.date-time-picker .flex-direction-column-reverse{-ms-flex-direction:column-reverse;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse;-moz-flex-direction:column-reverse}.date-time-picker .flex-direction-row{-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-flow:row;flex-flow:row;-moz-flex-direction:row}.date-time-picker .justify-content-end,.date-time-picker .justify-content-right{justify-content:flex-end;-ms-flex-pack:end;-moz-box-align:end;-moz-box-pack:end;-webkit-box-pack:end;-webkit-justify-content:flex-end;-webkit-box-align:end}.date-time-picker .justify-content-center{justify-content:center;-ms-flex-pack:center;-moz-box-align:center;-moz-box-pack:center;-webkit-box-pack:center;-webkit-justify-content:center;-webkit-box-align:center}.date-time-picker .justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.date-time-picker .justify-content-around,.date-time-picker .justify-content-between{-ms-flex-pack:justify;-moz-box-align:stretch;-moz-box-pack:justify;-webkit-box-pack:justify;-webkit-justify-content:space-between;-webkit-box-align:stretch}.date-time-picker .justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}.date-time-picker .flex-fill{-moz-flex:0 1 auto;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto}.date-time-picker .flex-fixed{-moz-flex:0 0 auto;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto}.date-time-picker .flex-1{-webkit-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1}.date-time-picker .flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.date-time-picker .flex-grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.date-time-picker .lm-fs-12{font-size:12px!important}.date-time-picker .lm-fs-14{font-size:14px!important}.date-time-picker .lm-fs-16{font-size:16px!important}.date-time-picker .lm-fs-18{font-size:18px!important}.date-time-picker .lm-fw-300{font-weight:300}.date-time-picker .lm-fw-400{font-weight:400}.date-time-picker .lm-fw-500{font-weight:500}.date-time-picker .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.date-time-picker .container{max-width:540px}}@media (min-width:768px){.date-time-picker .container{max-width:720px}}@media (min-width:992px){.date-time-picker .container{max-width:960px}}@media (min-width:1200px){.date-time-picker .container{max-width:1140px}}.date-time-picker .lm-pr-1{padding-right:.25rem!important}.date-time-picker .lm-pt-1{padding-top:.25rem!important}.date-time-picker .lm-pb-1{padding-bottom:.25rem!important}.date-time-picker .lm-pl-1,.date-time-picker .lm-px-1{padding-left:.25rem!important}.date-time-picker .lm-px-1{padding-right:.25rem!important}.date-time-picker .lm-py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.date-time-picker .lm-p-1{padding:.25rem!important}.date-time-picker .lm-pr-2{padding-right:.5rem!important}.date-time-picker .lm-pt-2{padding-top:.5rem!important}.date-time-picker .lm-pb-2{padding-bottom:.5rem!important}.date-time-picker .lm-pl-2,.date-time-picker .lm-px-2{padding-left:.5rem!important}.date-time-picker .lm-px-2{padding-right:.5rem!important}.date-time-picker .lm-py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.date-time-picker .lm-p-2{padding:.5rem!important}.date-time-picker .lm-pr-3{padding-right:1rem!important}.date-time-picker .lm-pt-3{padding-top:1rem!important}.date-time-picker .lm-pb-3{padding-bottom:1rem!important}.date-time-picker .lm-pl-3,.date-time-picker .lm-px-3{padding-left:1rem!important}.date-time-picker .lm-px-3{padding-right:1rem!important}.date-time-picker .lm-py-3{padding-top:1rem!important;padding-bottom:1rem!important}.date-time-picker .lm-p-3{padding:1rem!important}.date-time-picker .lm-pr-4{padding-right:1.5rem!important}.date-time-picker .lm-pt-4{padding-top:1.5rem!important}.date-time-picker .lm-pb-4{padding-bottom:1.5rem!important}.date-time-picker .lm-pl-4,.date-time-picker .lm-px-4{padding-left:1.5rem!important}.date-time-picker .lm-px-4{padding-right:1.5rem!important}.date-time-picker .lm-py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.date-time-picker .lm-p-4{padding:1.5rem!important}.date-time-picker .lm-pr-5{padding-right:3rem!important}.date-time-picker .lm-pt-5{padding-top:3rem!important}.date-time-picker .lm-pb-5{padding-bottom:3rem!important}.date-time-picker .lm-pl-5,.date-time-picker .lm-px-5{padding-left:3rem!important}.date-time-picker .lm-px-5{padding-right:3rem!important}.date-time-picker .lm-py-5{padding-top:3rem!important;padding-bottom:3rem!important}.date-time-picker .lm-p-5{padding:3rem!important}.date-time-picker .lm-mr-1{margin-right:.25rem!important}.date-time-picker .lm-mt-1{margin-top:.25rem!important}.date-time-picker .lm-mb-1{margin-bottom:.25rem!important}.date-time-picker .lm-ml-1,.date-time-picker .lm-mx-1{margin-left:.25rem!important}.date-time-picker .lm-mx-1{margin-right:.25rem!important}.date-time-picker .lm-my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.date-time-picker .lm-m-1{margin:.25rem!important}.date-time-picker .lm-mr-2{margin-right:.5rem!important}.date-time-picker .lm-mt-2{margin-top:.5rem!important}.date-time-picker .lm-mb-2{margin-bottom:.5rem!important}.date-time-picker .lm-ml-2,.date-time-picker .lm-mx-2{margin-left:.5rem!important}.date-time-picker .lm-mx-2{margin-right:.5rem!important}.date-time-picker .lm-my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.date-time-picker .lm-m-2{margin:.5rem!important}.date-time-picker .lm-mr-3{margin-right:1rem!important}.date-time-picker .lm-mt-3{margin-top:1rem!important}.date-time-picker .lm-mb-3{margin-bottom:1rem!important}.date-time-picker .lm-ml-3{margin-left:1rem!important}.date-time-picker .lm-mx-3{margin-left:1rem!important;margin-right:1rem!important}.date-time-picker .lm-my-3{margin-top:1rem!important;margin-bottom:1rem!important}.date-time-picker .lm-m-3{margin:1rem!important}.date-time-picker .lm-mr-4{margin-right:1.5rem!important}.date-time-picker .lm-mt-4{margin-top:1.5rem!important}.date-time-picker .lm-mb-4{margin-bottom:1.5rem!important}.date-time-picker .lm-ml-4,.date-time-picker .lm-mx-4{margin-left:1.5rem!important}.date-time-picker .lm-mx-4{margin-right:1.5rem!important}.date-time-picker .lm-my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.date-time-picker .lm-m-4{margin:1.5rem!important}.date-time-picker .lm-mr-5{margin-right:3rem!important}.date-time-picker .lm-mt-5{margin-top:3rem!important}.date-time-picker .lm-mb-5{margin-bottom:3rem!important}.date-time-picker .lm-ml-5{margin-left:3rem!important}.date-time-picker .lm-mx-5{margin-left:3rem!important;margin-right:3rem!important}.date-time-picker .lm-my-5{margin-top:3rem!important;margin-bottom:3rem!important}.date-time-picker .lm-m-5{margin:3rem!important}.date-time-picker .lm-btn{padding:10px 20px;margin-bottom:20px;border:none;display:inline-block;border-radius:4px;text-decoration:none;font-size:12px;outline:none;cursor:pointer;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);background-color:#1e90ff;color:#fff;font-weight:500}.date-time-picker .lm-btn:hover{background-color:#0077ea;-webkit-box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5);box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)}.date-time-picker .lm-btn.option{background-color:#424242}.date-time-picker .lm-btn.option:hover{background-color:#292929}.date-time-picker .lm-btn-success{background-color:#9acd32}.date-time-picker .lm-btn-success:hover{background-color:#7ba428}.date-time-picker .lm-btn-dark{background-color:#424242}.date-time-picker .lm-btn-dark:hover{background-color:#292929}.date-time-picker .lm-btn-danger{background-color:#ff4500}.date-time-picker .lm-btn-danger:hover{background-color:#cc3700}.date-time-picker .dark .lm-btn:hover{-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.6),0 2px 4px 0 rgba(0,0,0,.5);box-shadow:0 0 8px 0 rgba(0,0,0,.6),0 2px 4px 0 rgba(0,0,0,.5)}.date-time-picker .dark .lm-btn.option{background-color:#424242}.date-time-picker .dark .lm-btn.option:hover{background-color:#5c5c5c}.date-time-picker .slide-enter-active,.date-time-picker .slide-leave-active{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.date-time-picker .slide-enter,.date-time-picker .slide-leave-to{opacity:0;z-index:998;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.date-time-picker .slideinvert-enter-active,.date-time-picker .slideinvert-leave-active{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.date-time-picker .slideinvert-enter,.date-time-picker .slideinvert-leave-to{opacity:0;z-index:998;-webkit-transform:translateY(40px);transform:translateY(40px)}.date-time-picker .slidenext-enter-active,.date-time-picker .slidenext-leave-active,.date-time-picker .slideprev-enter-active,.date-time-picker .slideprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.date-time-picker .slidenext-enter,.date-time-picker .slideprev-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%)}.date-time-picker .slidenext-leave-to,.date-time-picker .slideprev-enter{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.date-time-picker .slidevnext-enter-active,.date-time-picker .slidevnext-leave-active,.date-time-picker .slidevprev-enter-active,.date-time-picker .slidevprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.date-time-picker .slidevnext-enter,.date-time-picker .slidevprev-leave-to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.date-time-picker .slidevnext-leave-to,.date-time-picker .slidevprev-enter{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}@media screen and (max-width:415px){.date-time-picker .slide-enter-active,.date-time-picker .slide-leave-active,.date-time-picker .slideinvert-enter-active,.date-time-picker .slideinvert-leave-active{-webkit-transition:all 0s;transition:all 0s}}.date-time-picker .lm-text-white{color:#fff}.date-time-picker .lm-dots-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.date-time-picker .lm-text-muted{color:rgba(0,0,0,.54)!important}.date-time-picker .lm-text-strong{font-weight:500}.date-time-picker .lm-text-center{text-align:center!important}.date-time-picker .lm-text-left{text-align:left!important}.date-time-picker .lm-text-right{text-align:right!important}.date-time-picker .lm-h-100{height:100%!important}.date-time-picker .lm-mh-100{max-height:100%!important}.date-time-picker .lm-w-100{width:100%!important}.date-time-picker .lm-mw-100{max-width:100%!important}.date-time-picker *,.date-time-picker :after,.date-time-picker :before{-webkit-box-sizing:border-box;box-sizing:border-box}.date-time-picker{width:100%;margin:0 auto;text-align:left;font-size:14px;border-radius:4px;position:relative}.date-time-picker .time-picker-overlay{z-index:2;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4)}@media screen and (max-width:415px){.time-picker-overlay{display:none}.date-time-picker:not(.inline){position:inherit!important}}
@charset "UTF-8";
/*Footer*/
/* bonuses */
/* img bingo iconos */
/* Anonymous */
/*Search*/
/*Fixtures*/
/*ui components*/
:root {
  --dark--body-color: #002D5D;
  --dark--main-background-color: #011C35;
  --dark--main-background-color-search: #020511;
  --dark--main-background-color-featured: #001826;
  --dark--main-background-color-3: #002D5D;
  --dark--main-background-color-header: #001728;
  --dark--headerMain-background-color: rgba(0, 23, 40, 0.8509803922);
  --dark--header-sport-filter-bg: rgba(0, 23, 40, 0.8509803922);
  --dark--main-color-line: #ffffff;
  --dark--main-brand-primary: #f3b90f;
  --dark--secondary-background-color: #001728;
  --dark--bg-selection-button: #161824;
  --dark--bg-selection-button-hover: #f3b90f;
  --dark--pageNav-active-color: #f3b90f;
  --dark--background-fixtures: rgba(16, 17, 28, 0.58);
  --dark--background-fixtures-odd: rgba(16, 17, 28, 0.46);
  --dark--main-text-color: #f6f6f6;
  --dark--secondary-text-color: #0c0c0c;
  --dark--main-filter-all: url("/bingocasinos.co/img/all-dark.svg?id=1778514418472") no-repeat;
  --dark--secondary-filter-all: url("/bingocasinos.co/img/all-dark.png?id=1778514418472") no-repeat;
  --dark--main-search: url("/bingocasinos.co/img/search.png?id=1778514418472") no-repeat;
  --dark--date-info-color: #adadad;
  --dark--secondary-search: url("/bingocasinos.co/img/search-dark.png?id=1778514418472") no-repeat;
  --dark--img-logo: url("/bingocasinos.co/img/logo.svg?id=1778514418472") no-repeat;
  --dark--input-variant: #002D5D;
  --dark--input-fixture-show: #161824;
  --dark--sidear-casino-background-featured-icons: transparent;
  --dark--sidear-casino-background-featured-icon: url("/bingocasinos.co/img/star-yellow.png?id=1778514418472") no-repeat;
  --dark--category-sidebar-color: #46bd5d;
  --dark--border-right-filter: #1d2334;
  --dark--border-button-user-fullwidth: 1px solid #FFFFFF;
  --dark--primary-text-color: #f6f6f6;
  --dark--button-color: #f6f6f6;
  --dark--button-color-hover: #0c0c0c;
  --dark--sprite-icons: url("/bingocasinos.co/img/icons-sprite.png?id=1778514418472");
  --dark--headermobile-background: #0D0E16;
  --dark--aside-background: #0D0E16;
  --dark--border-section-title-my-bets: 1px solid #fff;
  --dark--border-button: 1px solid #27BC60;
  --dark--border-button-login: 1px solid #acaeb6;
  --dark--history-bread-crumbs: #f6f6f6;
  --dark--background-limits: #fff;
  --dark--img-avatar: url("/bingocasinos.co/img/avatar.svg?id=1778514418472");
  --dark--balance-bg: #002D5D;
  --dark--balance-color: #4aee79;
  --dark--img-chevron: url("/bingocasinos.co/img/chevron.svg?id=1778514418472");
  --dark--bg-deposit: #00192D;
  --dark--img-withdrawal-facilito: url("/bingocasinos.co/img/pay/facilito.svg?id=1778514418472");
  --dark--icon-chevron-mobile: url("/bingocasinos.co/img/chevron.svg?id=1778514418472");
  --dark--icon-chevron-desktop: url("/bingocasinos.co/img/chevron.svg?id=1778514418472");
  --dark--icon-chevron-up-desktop: url("/bingocasinos.co/img/arrow-up.svg?id=1778514418472");
  --dark--arrow-left-desktop: url("/bingocasinos.co/img/arrow-left.svg?id=1778514418472");
  --dark--arrow-right-desktop: url("/bingocasinos.co/img/arrow-right.svg?id=1778514418472");
  --dark--anonymous-ticket-color1: #232323;
  --dark--anonymous-ticket-color2: #282828;
  --dark--bg-arrow-grid: #000000;
  --dark--bg-sports-lg: #011C35;
  --dark--bg-sports-lg-active: #002D5D;
  --dark--bg-featured-grid: #00192D;
  --dark--sidebar-sport-bg: #00192D;
  --dark--sidebar-sport-bg-active: #001F3C;
  --dark--border-sport-container: #0d121e;
  --dark--bg-more-regions: #002D5D;
  --dark--bg-search-selected: #002D5D;
  --dark--bg-categories: #1b1e2d;
  --dark--bg-region-active: #002D5D;
  --dark--filter-icon-featured: url("/bingocasinos.co/img/featured-filter-white.svg?id=1778514418472");
  --dark--filter-icon-live: url("/bingocasinos.co/img/live-filter-white.svg?id=1778514418472");
  --dark--filter-icon-coming: url("/bingocasinos.co/img/coming-filter-white.svg?id=1778514418472");
  --dark--filter-icon-date: url("/bingocasinos.co/img/calendar-white.svg?id=1778514418472");
  --dark--filter-icon-chevron: url("/bingocasinos.co/img/chevron-white.svg?id=1778514418472");
  --dark--filter-icon-featured-selected: url("/bingocasinos.co/img/featured-filter-black.svg?id=1778514418472");
  --dark--filter-icon-live-selected: url("/bingocasinos.co/img/live-filter-black.svg?id=1778514418472");
  --dark--filter-icon-coming-selected: url("/bingocasinos.co/img/coming-filter-black.svg?id=1778514418472");
  --dark--filter-icon-date-selected: url("/bingocasinos.co/img/calendar-black.svg?id=1778514418472");
  --dark--filter-icon-chevron-selected: url("/bingocasinos.co/img/chevron-black.svg?id=1778514418472");
  --dark--bg-ticket-bingo: #161824;
  --dark--img-logo-fullwidth: url("/bingocasinos.co/img/logo-footer.png?id=1778514418472");
  /* bonuses */
  --dark--background-bonuses-fond: #011C35;
  --dark--background-raffle2: #1f212f;
  --dark--background-bonuses-nv1: #0d0e16;
  --dark--background-bonuses-nv2: #00192D;
  --dark--background-filter: rgba(0, 23, 40, 0.8509803922);
  --dark--background-bonuses-nv2-border: #181818;
  --dark--proportion-container-bonus-color: #44bf5d;
  --dark--proportion-container-bonus-background: #00192D;
  --dark--label-playthrough-progress: #3faf57;
  --dark--div2nv4: #13151f;
  --dark--tbodyTd: #13151f;
  --dark--tbodyTdBackground: #1a1c29;
  --dark--theadThBackground: #10121b;
  --dark--img-ojo-bonos: url("/bingocasinos.co/img/bonos/Ojo-Bonos.svg?id=1778514418472");
  --dark--img-flecha-bonos: url("/bingocasinos.co/img/bonos/Flecha-Bonos.svg?id=1778514418472");
  --dark--img-info-bonos: url("/bingocasinos.co/img/bonos/info-green.svg?id=1778514418472");
  --dark--color-trebalia: #27bc60;
  /* pays deposit */
  --dark--img-safetypage: url("/bingocasinos.co/img/pay/safetypaydark.svg?id=1778514418472");
  --dark--img-safetypage1: url("/bingocasinos.co/img/pay/bankpichinadark.svg?id=1778514418472");
  --dark--img-safetypage2: url("/bingocasinos.co/img/pay/bankguayaquildark.svg?id=1778514418472");
  --dark--img-payphone: url("/bingocasinos.co/img/pay/payphonedark.svg?id=1778514418472");
  --dark--img-payphone1: url("/bingocasinos.co/img/pay/visa-master.svg?id=1778514418472");
  --dark--img-payphone2: url("/bingocasinos.co/img/pay/mastercard.png?id=1778514418472");
  --dark--img-logofacilito: url("/bingocasinos.co/img/pay/facilito.svg?id=1778514418472");
  --dark--img-logobakan: url("/bingocasinos.co/img/pay/bakan.svg?id=1778514418472");
  --dark--img-logoredactiva: url("/bingocasinos.co/img/pay/redActiva.svg?id=1778514418472");
  --dark--img-logobemovil: url("/bingocasinos.co/img/pay/bemovil.png?id=1778514418472");
  --dark--img-cobre: url("/bingocasinos.co/img/cobre.png?id=1778514418472");
  /* img bingo */
  --dark--img-bingomoney: url("/bingocasinos.co/img/bingo/money-icon.png?id=1778514418472");
  --dark--img-bingotimer: url("/bingocasinos.co/img/bingo/timer-icon.png?id=1778514418472");
  --dark--img-bingoraffle: url("/bingocasinos.co/img/bingo/raffle-icon.png?id=1778514418472");
  --dark--img-bingoprize: url("/bingocasinos.co/img/bingo/prize-icon.png?id=1778514418472");
  --dark--img-bingocardboard: url("/bingocasinos.co/img/bingo/cardboard-icon.png?id=1778514418472");
  --dark--img-bingolive: url("/bingocasinos.co/img/bingo/live-icon.png?id=1778514418472");
  /* table */
  --dark--bonuses-label-playthrough-progress: #f6f6f6;
  --dark--bonuses-tbodyTd: #1f212f;
  --dark--bonuses-tbodyTdBackground: #2c2f42;
  --dark--bonuses-tbodyTdBackgroundEven: #303449;
  --dark--bonuses-theadThBackground: #1b1c28;
  --dark--main-filter-category: none;
  /* Anonymous */
  --dark--anonymous-submit-color: #FFF;
  --dark--anonymous-submit-border: 1px solid #FFF;
  --dark--anonymous-submit-bg: transparent;
  --dark--anonymous-submit-hover-color: #FFF;
  --dark--anonymous-submit-hover-border: 1px solid #FFF;
  --dark--anonymous-submit-hover-bg: #009B2D;
  /*Footer*/
  --dark--main-bg-footer:#001728;
  --dark--bg-payment-methods:#071727;
  --dark--img-logo-footer:url("/bingocasinos.co/img/logo-footer.png?id=1778514418472") no-repeat;
  /*Search*/
  --dark--search-input-bg:#ffffff;
  /*Fixtures*/
  --dark--bg-count-fixtures-selected:#002D5D;
  --dark--bg-count-fixtures:#F3B90F;
  /*ui components*/
  --dark--bg-selects:#001728;
  --dark--filter-cobre:invert(1) ;
}

/*Footer*/
/* bonuses */
/* img bingo iconos */
/* Anonymous */
/*Search*/
/*Fixtures*/
/*ui components*/
:root {
  --light--body-color: #0c0c0c;
  --light--main-background-color: #ffffff;
  --light--main-background-color-search: #ffffff;
  --light--main-background-color-featured: #203668;
  --light--main-background-color-3: #ffffff;
  --light--main-background-color-header: #203668;
  --light--headerMain-background-color: #203668;
  --light--header-sport-filter-bg: #e6e6e8;
  --light--secondary-background-color: #ececec;
  --light--main-brand-primary: #f3b90f;
  --light--pageNav-active-color: #f3b90f;
  --light--background-fixtures: #e6e6e8;
  --light--background-fixtures-odd: #f2f2f3;
  --light--main-text-color: #001826;
  --light--main-color-line: #000000;
  --light--secondary-text-color: #f6f6f6;
  --light--main-filter-all: url("/bingocasinos.co/img/all-dark.svg?id=1778514418472") no-repeat;
  --light--secondary-filter-all: url("/bingocasinos.co/img/all.png?id=1778514418472") no-repeat;
  --light--main-search: url("/bingocasinos.co/img/search-dark.png?id=1778514418472") no-repeat;
  --light--secondary-search: url("/bingocasinos.co/img/search.png?id=1778514418472") no-repeat;
  --light--bg-selection-button: #cecece;
  --light--bg-selection-button-hover: #203668;
  --light--date-info-color: #4e4e4e;
  --light--img-logo: url("/bingocasinos.co/img/logol.svg?id=1778514418472") no-repeat;
  --light--input-variant: #cecece;
  --light--input-fixture-show: #cecece;
  --light--sidear-casino-background-featured-icon: url("/bingocasinos.co/img/star-yellow.png?id=1778514418472") no-repeat;
  --light--sidear-casino-background-featured-icons: #27bc60;
  --light--category-sidebar-color: #fcc200;
  --light--border-right-filter: #d1d1d1;
  --light--border-button-user-fullwidth: 1px solid #000000;
  --light--primary-text-color: #f6f6f6;
  --light--button-color: #001826;
  --light--button-color-hover: #f6f6f6;
  --light--sprite-icons: url("/bingocasinos.co/img/icons-sprite3.png?id=1778514418472");
  --light--headermobile-background: #ffffff;
  --light--aside-background: #ffffff;
  --light--border-section-title-my-bets: 1px solid #0c0c0c;
  --light--border-button: 1px solid #27BC60;
  --light--border-button-login: 1px solid #acaeb6;
  --light--history-bread-crumbs: #f6f6f6;
  --light--background-limits: #cecece;
  --light--img-avatar: url("/bingocasinos.co/img/avatar.svg?id=1778514418472");
  --light--balance-bg: #cecece;
  --light--balance-color: #399950;
  --light--img-chevron: url("/bingocasinos.co/img/chevronD.svg?id=1778514418472");
  --light--bg-deposit: #e9e9e9;
  --light--img-withdrawal-facilito: url("/bingocasinos.co/img/Logo-Facilito-red.svg?id=1778514418472");
  --light--icon-chevron-mobile: url("/bingocasinos.co/img/chevron.svg?id=1778514418472");
  --light--icon-chevron-desktop: url("/bingocasinos.co/img/chevron.svg?id=1778514418472");
  --light--icon-chevron-up-desktop: url("/bingocasinos.co/img/arrow-up.svg?id=1778514418472");
  --light--arrow-left-desktop: url("/bingocasinos.co/img/arrow-left.svg?id=1778514418472");
  --light--arrow-right-desktop: url("/bingocasinos.co/img/arrow-right.svg?id=1778514418472");
  --light--anonymous-ticket-color1: #ececec;
  --light--anonymous-ticket-color2: #ffffff;
  --light--bg-arrow-grid: #00242d;
  --light--bg-sports-lg: #f7f7f7;
  --light--bg-sports-lg-active: #eaeaed;
  --light--bg-featured-grid: #f7f7f7;
  --light--sidebar-sport-bg: #EFF3F6;
  --light--sidebar-sport-bg-active: #EFF3F6;
  --light--border-sport-container: #bbbbbb;
  --light--bg-more-regions: #cecece;
  --light--bg-search-selected: #e6e6e8;
  --light--bg-categories: #e9e9e9;
  --light--bg-region-active: #e9e9e9;
  --light--filter-icon-featured: url("/bingocasinos.co/img/featured-filter-black.svg?id=1778514418472");
  --light--filter-icon-live: url("/bingocasinos.co/img/live-filter-black.svg?id=1778514418472");
  --light--filter-icon-coming: url("/bingocasinos.co/img/coming-filter-black.svg?id=1778514418472");
  --light--filter-icon-date: url("/bingocasinos.co/img/calendar-black.svg?id=1778514418472");
  --light--filter-icon-chevron: url("/bingocasinos.co/img/chevron-black.svg?id=1778514418472");
  --light--filter-icon-featured-selected: url("/bingocasinos.co/img/featured-filter-white.svg?id=1778514418472");
  --light--filter-icon-live-selected: url("/bingocasinos.co/img/live-filter-white.svg?id=1778514418472");
  --light--filter-icon-coming-selected: url("/bingocasinos.co/img/coming-filter-white.svg?id=1778514418472");
  --light--filter-icon-date-selected: url("/bingocasinos.co/img/calendar-white.svg?id=1778514418472");
  --light--filter-icon-chevron-selected: url("/bingocasinos.co/img/chevron-white.svg?id=1778514418472");
  --light--bg-ticket-bingo: #e6e6e8;
  --light--img-logo-fullwidth: url("/bingocasinos.co/img/logo-footer.png?id=1778514418472");
  /* bonuses */
  --light--background-bonuses-fond: #f8f8f8;
  --light--background-raffle2: #cecece;
  --light--background-bonuses-nv1: #ececec;
  --light--background-bonuses-nv2: #e9e9e9;
  --light--background-bonuses-nv2-border: #d1d1d1;
  --light--background-filter: #EFF3F6;
  --light--proportion-container-bonus-color: #0d0e15;
  --light--proportion-container-bonus-background: #f3f3f3;
  --light--label-playthrough-progress: #1a1c29;
  --light--div2nv4: #cacaca;
  --light--tbodyTd: hsla(0, 0%, 100%, 0.7);
  --light--tbodyTdBackground: #e9e9e9;
  --light--theadThBackground: #e9e9e9;
  --light--img-ojo-bonos: url("/bingocasinos.co/img/bonos/Ojo-Bonos-black.svg?id=1778514418472");
  --light--img-flecha-bonos: url("/bingocasinos.co/img/bonos/Flecha-Bonos-black.svg?id=1778514418472");
  --light--img-info-bonos: url("/bingocasinos.co/img/bonos/info-black.svg?id=1778514418472");
  --light--color-trebalia: #0D0E16;
  /* pays deposit */
  --light--img-safetypage: url("/bingocasinos.co/img/pay/safetypaylight.svg?id=1778514418472");
  --light--img-safetypage1: url("/bingocasinos.co/img/pay/bankpichinalight.svg?id=1778514418472");
  --light--img-safetypage2: url("/bingocasinos.co/img/pay/Banco-Guayaquil-color.svg?id=1778514418472");
  --light--img-payphone: url("/bingocasinos.co/img/pay/payphonelight.svg?id=1778514418472");
  --light--img-payphone1: url("/bingocasinos.co/img/pay/visa-master.svg?id=1778514418472");
  --light--img-payphone2: url("/bingocasinos.co/img/pay/mastercard.png?id=1778514418472");
  --light--img-logofacilito: url("/bingocasinos.co/img/Logo-Facilito-red.svg?id=1778514418472");
  --light--img-logobakan: url("/bingocasinos.co/img/pay/bakan-color.svg?id=1778514418472");
  --light--img-logoredactiva: url("/bingocasinos.co/img/pay/redActiva.svg?id=1778514418472");
  --light--img-logobemovil: url("/bingocasinos.co/img/pay/bemovil-red.png?id=1778514418472");
  --light--img-cobre: url("/bingocasinos.co/img/cobre.png?id=1778514418472");
  /* img bingo */
  --light--img-bingomoney: url("/bingocasinos.co/img/bingo/money-iconlight.png?id=1778514418472");
  --light--img-bingotimer: url("/bingocasinos.co/img/bingo/timer-iconlight.png?id=1778514418472");
  --light--img-bingoraffle: url("/bingocasinos.co/img/bingo/raffle-iconlight.png?id=1778514418472");
  --light--img-bingoprize: url("/bingocasinos.co/img/bingo/prize-iconlight.png?id=1778514418472");
  --light--img-bingocardboard: url("/bingocasinos.co/img/bingo/cardboard-iconlight.png?id=1778514418472");
  --light--img-bingolive: url("/bingocasinos.co/img/bingo/live-iconlight.png?id=1778514418472");
  /* table */
  --light--bonuses-label-playthrough-progress: #0c0c0c;
  --light--bonuses-tbodyTd: hsla(0, 0%, 100%, 0.7);
  --light--bonuses-tbodyTdBackground: #e9e9e9;
  --light--bonuses-tbodyTdBackgroundEven: #f0f0f0;
  --light--bonuses-theadThBackground: #d5d5d5;
  --light--main-filter-category: invert(68%) sepia(36%) saturate(969%) hue-rotate(88deg) brightness(84%) contrast(82%);
  /* Anonymous */
  --light--anonymous-submit-color: #000;
  --light--anonymous-submit-border: 1px solid #000;
  --light--anonymous-submit-bg: transparent;
  --light--anonymous-submit-hover-color: #000;
  --light--anonymous-submit-hover-border: 1px solid #000;
  --light--anonymous-submit-hover-bg: #009B2D;
  /*Footer*/
  --light--main-bg-footer:#001728;
  --light--bg-payment-methods:#071727;
  --light--img-logo-footer:url("/bingocasinos.co/img/logo-footer.png?id=1778514418472") no-repeat;
  /*Search*/
  --light--search-input-bg:#EFF3F6;
  /*Fixtures*/
  --light--bg-count-fixtures-selected:#F3B90F;
  --light--bg-count-fixtures:#F3B90F;
  /*ui components*/
  --light--bg-selects:#E9E9E9;
  --light--filter-cobre:invert(0) ;
}

.flags {
  border-radius: 50%;
  margin-left: 10px;
  margin-right: 10px;
}
.flags .flag {
  background-image: url(/bingocasinos.co/img/flags.png);
  background-repeat: no-repeat;
  border-radius: 50%;
}
.flags ._African_Union {
  background-position: -6px -38px !important;
}
.flags ._Arab_League {
  background-position: -6px -70px !important;
}
.flags ._ASEAN {
  background-position: -6px -102px !important;
}
.flags ._CARICOM {
  background-position: -6px -134px !important;
}
.flags ._CIS {
  background-position: -6px -166px !important;
}
.flags ._Commonwealth {
  background-position: -6px -198px !important;
}
.flags ._England {
  background-position: -6px -230px !important;
}
.flags ._European_Union {
  background-position: -6px -262px !important;
}
.flags ._Islamic_Conference {
  background-position: -6px -294px !important;
}
.flags ._Kosovo {
  background-position: -6px -326px !important;
}
.flags ._NATO {
  background-position: -6px -358px !important;
}
.flags ._Northern_Cyprus {
  background-position: -6px -390px !important;
}
.flags ._Northern_Ireland {
  background-position: -6px -422px !important;
}
.flags ._Olimpic_Movement {
  background-position: -6px -454px !important;
}
.flags ._OPEC {
  background-position: -6px -486px !important;
}
.flags ._Red_Cross {
  background-position: -6px -518px !important;
}
.flags ._Scotland {
  background-position: -6px -550px !important;
}
.flags ._Somaliland {
  background-position: -6px -582px !important;
}
.flags ._Tibet {
  background-position: -6px -614px !important;
}
.flags ._United_Nations {
  background-position: -6px -646px !important;
}
.flags ._Wales {
  background-position: -6px -678px !important;
}
.flags .eu {
  background-position: -6px -262px !important;
}
.flags .and {
  background-position: -6px -710px !important;
}
.flags .are {
  background-position: -6px -742px !important;
}
.flags .afg {
  background-position: -6px -774px !important;
}
.flags .atg {
  background-position: -6px -806px !important;
}
.flags .aia {
  background-position: -6px -838px !important;
}
.flags .alb {
  background-position: -6px -870px !important;
}
.flags .arm {
  background-position: -6px -902px !important;
}
.flags .ago {
  background-position: -6px -934px !important;
}
.flags .ata {
  background-position: -6px -966px !important;
}
.flags .arg {
  background-position: -6px -998px !important;
}
.flags .asm {
  background-position: -6px -1030px !important;
}
.flags .aut {
  background-position: -6px -1062px !important;
}
.flags .aus {
  background-position: -6px -1094px !important;
}
.flags .abw {
  background-position: -6px -1126px !important;
}
.flags .ala {
  background-position: -6px -1158px !important;
}
.flags .aze {
  background-position: -6px -1190px !important;
}
.flags .bih {
  background-position: -6px -1222px !important;
}
.flags .brb {
  background-position: -6px -1254px !important;
}
.flags .bgd {
  background-position: -6px -1286px !important;
}
.flags .bel {
  background-position: -6px -1318px !important;
}
.flags .bfa {
  background-position: -6px -1350px !important;
}
.flags .bgr {
  background-position: -6px -1382px !important;
}
.flags .bhr {
  background-position: -6px -1414px !important;
}
.flags .bdi {
  background-position: -6px -1446px !important;
}
.flags .ben {
  background-position: -6px -1478px !important;
}
.flags .bmu {
  background-position: -6px -1510px !important;
}
.flags .brn {
  background-position: -6px -1542px !important;
}
.flags .bol {
  background-position: -6px -1574px !important;
}
.flags .bra {
  background-position: -6px -1606px !important;
}
.flags .bhs {
  background-position: -6px -1638px !important;
}
.flags .btn {
  background-position: -6px -1670px !important;
}
.flags .bwa {
  background-position: -6px -1702px !important;
}
.flags .blr {
  background-position: -6px -1734px !important;
}
.flags .blz {
  background-position: -6px -1766px !important;
}
.flags .can {
  background-position: -6px -1798px !important;
}
.flags .cod {
  background-position: -6px -1830px !important;
}
.flags .rca {
  background-position: -6px -1862px !important;
}
.flags .cog {
  background-position: -6px -1894px !important;
}
.flags .che {
  background-position: -6px -1926px !important;
}
.flags .civ {
  background-position: -6px -1958px !important;
}
.flags .cok {
  background-position: -6px -1990px !important;
}
.flags .chl {
  background-position: -6px -2022px !important;
}
.flags .cmr {
  background-position: -6px -2054px !important;
}
.flags .chn {
  background-position: -6px -2086px !important;
}
.flags .col {
  background-position: -6px -2118px !important;
}
.flags .cri {
  background-position: -6px -2150px !important;
}
.flags .cub {
  background-position: -6px -2182px !important;
}
.flags .cpv {
  background-position: -6px -2214px !important;
}
.flags .cyp {
  background-position: -6px -2246px !important;
}
.flags .cze {
  background-position: -6px -2278px !important;
}
.flags .deu {
  background-position: -6px -2310px !important;
}
.flags .dji {
  background-position: -6px -2342px !important;
}
.flags .dnk {
  background-position: -6px -2374px !important;
}
.flags .dma {
  background-position: -6px -2406px !important;
}
.flags .dom {
  background-position: -6px -2438px !important;
}
.flags .dza {
  background-position: -6px -2470px !important;
}
.flags .ecu {
  background-position: -6px -2502px !important;
}
.flags .est {
  background-position: -6px -2534px !important;
}
.flags .egy {
  background-position: -6px -2566px !important;
}
.flags .esh {
  background-position: -6px -2598px !important;
}
.flags .eri {
  background-position: -6px -2630px !important;
}
.flags .esp {
  background-position: -6px -2662px !important;
}
.flags .eth {
  background-position: -6px -2694px !important;
}
.flags .fin {
  background-position: -6px -2726px !important;
}
.flags .fji {
  background-position: -6px -2758px !important;
}
.flags .fsm {
  background-position: -6px -2790px !important;
}
.flags .fro {
  background-position: -6px -2822px !important;
}
.flags .fra {
  background-position: -6px -2854px !important;
}
.flags .blm {
  background-position: -6px -2854px !important;
}
.flags .cpt {
  background-position: -6px -2854px !important;
}
.flags .maf {
  background-position: -6px -2854px !important;
}
.flags .myt {
  background-position: -6px -2854px !important;
}
.flags .gab {
  background-position: -6px -2886px !important;
}
.flags .gbr {
  background-position: -6px -2918px !important;
}
.flags .shn {
  background-position: -6px -2918px !important;
}
.flags .grd {
  background-position: -6px -2950px !important;
}
.flags .geo {
  background-position: -6px -2982px !important;
}
.flags .ggy {
  background-position: -6px -3014px !important;
}
.flags .gha {
  background-position: -6px -3046px !important;
}
.flags .gib {
  background-position: -6px -3078px !important;
}
.flags .grl {
  background-position: -6px -3110px !important;
}
.flags .gmb {
  background-position: -6px -3142px !important;
}
.flags .gin {
  background-position: -6px -3174px !important;
}
.flags .glp {
  background-position: -6px -3206px !important;
}
.flags .gnq {
  background-position: -6px -3238px !important;
}
.flags .grc {
  background-position: -6px -3270px !important;
}
.flags .gtm {
  background-position: -6px -3302px !important;
}
.flags .gum {
  background-position: -6px -3334px !important;
}
.flags .gnb {
  background-position: -6px -3366px !important;
}
.flags .guy {
  background-position: -6px -3398px !important;
}
.flags .hkg {
  background-position: -6px -3430px !important;
}
.flags .hnd {
  background-position: -6px -3462px !important;
}
.flags .hrv {
  background-position: -6px -3494px !important;
}
.flags .hti {
  background-position: -6px -3526px !important;
}
.flags .hun {
  background-position: -6px -3558px !important;
}
.flags .idn {
  background-position: -6px -3590px !important;
}
.flags .mco {
  background-position: -6px -3590px !important;
}
.flags .irl {
  background-position: -6px -3622px !important;
}
.flags .isr {
  background-position: -6px -3654px !important;
}
.flags .imn {
  background-position: -6px -3686px !important;
}
.flags .ind {
  background-position: -6px -3718px !important;
}
.flags .irq {
  background-position: -6px -3750px !important;
}
.flags .irn {
  background-position: -6px -3782px !important;
}
.flags .isl {
  background-position: -6px -3814px !important;
}
.flags .ita {
  background-position: -6px -3846px !important;
}
.flags .jey {
  background-position: -6px -3878px !important;
}
.flags .jam {
  background-position: -6px -3910px !important;
}
.flags .jor {
  background-position: -6px -3942px !important;
}
.flags .jpn {
  background-position: -6px -3974px !important;
}
.flags .ken {
  background-position: -6px -4006px !important;
}
.flags .kgz {
  background-position: -6px -4038px !important;
}
.flags .khm {
  background-position: -6px -4070px !important;
}
.flags .kir {
  background-position: -6px -4102px !important;
}
.flags .com {
  background-position: -6px -4134px !important;
}
.flags .kna {
  background-position: -6px -4166px !important;
}
.flags .prk {
  background-position: -6px -4198px !important;
}
.flags .kor {
  background-position: -6px -4230px !important;
}
.flags .kwt {
  background-position: -6px -4262px !important;
}
.flags .cym {
  background-position: -6px -4294px !important;
}
.flags .kaz {
  background-position: -6px -4326px !important;
}
.flags .lao {
  background-position: -6px -4358px !important;
}
.flags .lbn {
  background-position: -6px -4390px !important;
}
.flags .lca {
  background-position: -6px -4422px !important;
}
.flags .lie {
  background-position: -6px -4454px !important;
}
.flags .lka {
  background-position: -6px -4486px !important;
}
.flags .lbr {
  background-position: -6px -4518px !important;
}
.flags .lso {
  background-position: -6px -4550px !important;
}
.flags .ltu {
  background-position: -6px -4582px !important;
}
.flags .lux {
  background-position: -6px -4614px !important;
}
.flags .lva {
  background-position: -6px -4646px !important;
}
.flags .lby {
  background-position: -6px -4678px !important;
}
.flags .mar {
  background-position: -6px -4710px !important;
}
.flags .mda {
  background-position: -6px -4742px !important;
}
.flags .mne {
  background-position: -6px -4774px !important;
}
.flags .mdg {
  background-position: -6px -4806px !important;
}
.flags .mhl {
  background-position: -6px -4838px !important;
}
.flags .mkd {
  background-position: -6px -4870px !important;
}
.flags .mli {
  background-position: -6px -4902px !important;
}
.flags .mmr {
  background-position: -6px -4934px !important;
}
.flags .mng {
  background-position: -6px -4966px !important;
}
.flags .mac {
  background-position: -6px -4998px !important;
}
.flags .mtq {
  background-position: -6px -5030px !important;
}
.flags .mrt {
  background-position: -6px -5062px !important;
}
.flags .msr {
  background-position: -6px -5094px !important;
}
.flags .mlt {
  background-position: -6px -5126px !important;
}
.flags .mus {
  background-position: -6px -5158px !important;
}
.flags .mdv {
  background-position: -6px -5190px !important;
}
.flags .mwi {
  background-position: -6px -5222px !important;
}
.flags .mex {
  background-position: -6px -5254px !important;
}
.flags .mys {
  background-position: -6px -5286px !important;
}
.flags .moz {
  background-position: -6px -5318px !important;
}
.flags .nam {
  background-position: -6px -5350px !important;
}
.flags .ncl {
  background-position: -6px -5382px !important;
}
.flags .ner {
  background-position: -6px -5414px !important;
}
.flags .nga {
  background-position: -6px -5446px !important;
}
.flags .nic {
  background-position: -6px -5478px !important;
}
.flags .nld {
  background-position: -6px -5510px !important;
}
.flags .bes {
  background-position: -6px -5510px !important;
}
.flags .nor {
  background-position: -6px -5542px !important;
}
.flags .bvt {
  background-position: -6px -5542px !important;
}
.flags .atn {
  background-position: -6px -5542px !important;
}
.flags .sjm {
  background-position: -6px -5542px !important;
}
.flags .npl {
  background-position: -6px -5574px !important;
}
.flags .nru {
  background-position: -6px -5606px !important;
}
.flags .nzl {
  background-position: -6px -5638px !important;
}
.flags .omn {
  background-position: -6px -5670px !important;
}
.flags .pan {
  background-position: -6px -5702px !important;
}
.flags .per {
  background-position: -6px -5734px !important;
}
.flags .pyf {
  background-position: -6px -5766px !important;
}
.flags .png {
  background-position: -6px -5798px !important;
}
.flags .phl {
  background-position: -6px -5830px !important;
}
.flags .pak {
  background-position: -6px -5862px !important;
}
.flags .pol {
  background-position: -6px -5894px !important;
}
.flags .pri {
  background-position: -6px -5926px !important;
}
.flags .pse {
  background-position: -6px -5958px !important;
}
.flags .prt {
  background-position: -6px -5990px !important;
}
.flags .plw {
  background-position: -6px -6022px !important;
}
.flags .pry {
  background-position: -6px -6054px !important;
}
.flags .qat {
  background-position: -6px -6086px !important;
}
.flags .reu {
  background-position: -6px -6118px !important;
}
.flags .rou {
  background-position: -6px -6150px !important;
}
.flags .srb {
  background-position: -6px -6182px !important;
}
.flags .rus {
  background-position: -6px -6214px !important;
}
.flags .rwa {
  background-position: -6px -6246px !important;
}
.flags .sau {
  background-position: -6px -6278px !important;
}
.flags .slb {
  background-position: -6px -6310px !important;
}
.flags .syc {
  background-position: -6px -6342px !important;
}
.flags .sdn {
  background-position: -6px -6374px !important;
}
.flags .swe {
  background-position: -6px -6406px !important;
}
.flags .sgp {
  background-position: -6px -6438px !important;
}
.flags .svn {
  background-position: -6px -6470px !important;
}
.flags .svk {
  background-position: -6px -6502px !important;
}
.flags .sle {
  background-position: -6px -6534px !important;
}
.flags .smr {
  background-position: -6px -6566px !important;
}
.flags .sen {
  background-position: -6px -6598px !important;
}
.flags .som {
  background-position: -6px -6630px !important;
}
.flags .sur {
  background-position: -6px -6662px !important;
}
.flags .stp {
  background-position: -6px -6694px !important;
}
.flags .slv {
  background-position: -6px -6726px !important;
}
.flags .syr {
  background-position: -6px -6758px !important;
}
.flags .swz {
  background-position: -6px -6790px !important;
}
.flags .tca {
  background-position: -6px -6822px !important;
}
.flags .tcd {
  background-position: -6px -6854px !important;
}
.flags .tgo {
  background-position: -6px -6886px !important;
}
.flags .tha {
  background-position: -6px -6918px !important;
}
.flags .tjk {
  background-position: -6px -6950px !important;
}
.flags .tls {
  background-position: -6px -6982px !important;
}
.flags .tkm {
  background-position: -6px -7014px !important;
}
.flags .tun {
  background-position: -6px -7046px !important;
}
.flags .ton {
  background-position: -6px -7078px !important;
}
.flags .tur {
  background-position: -6px -7110px !important;
}
.flags .tto {
  background-position: -6px -7142px !important;
}
.flags .tuv {
  background-position: -6px -7174px !important;
}
.flags .twn {
  background-position: -6px -7206px !important;
}
.flags .tza {
  background-position: -6px -7238px !important;
}
.flags .ukr {
  background-position: -6px -7270px !important;
}
.flags .uga {
  background-position: -6px -7302px !important;
}
.flags .usa {
  background-position: -6px -7334px !important;
}
.flags .ury {
  background-position: -6px -7366px !important;
}
.flags .uzb {
  background-position: -6px -7398px !important;
}
.flags .vat {
  background-position: -6px -7430px !important;
}
.flags .vct {
  background-position: -6px -7462px !important;
}
.flags .ven {
  background-position: -6px -7494px !important;
}
.flags .vgb {
  background-position: -6px -7526px !important;
}
.flags .vir {
  background-position: -6px -7558px !important;
}
.flags .vnm {
  background-position: -6px -7590px !important;
}
.flags .vut {
  background-position: -6px -7622px !important;
}
.flags .wsm {
  background-position: -6px -7654px !important;
}
.flags .yem {
  background-position: -6px -7686px !important;
}
.flags .zaf {
  background-position: -6px -7718px !important;
}
.flags .zmb {
  background-position: -6px -7750px !important;
}
.flags .zwe {
  background-position: -6px -7782px !important;
}
.flags .sxm {
  background-position: -6px -7814px !important;
}
.flags .cuw {
  background-position: -6px -7846px !important;
}
.flags .ssd {
  background-position: -6px -7878px !important;
}
.flags .niu {
  background-position: -6px -7910px !important;
}

.flags-small {
  border-radius: 50%;
  margin-right: 10px;
}
.flags-small .flag-small {
  background-image: url(/bingocasinos.co/img/flags.png);
  background-repeat: no-repeat;
  border-radius: 50%;
  background-position: -8px -7px;
}
.flags-small ._African_Union {
  background-position: -8px -40px !important;
}
.flags-small ._Arab_League {
  background-position: -8px -72px !important;
}
.flags-small ._ASEAN {
  background-position: -8px -104px !important;
}
.flags-small ._CARICOM {
  background-position: -8px -136px !important;
}
.flags-small ._CIS {
  background-position: -8px -168px !important;
}
.flags-small ._Commonwealth {
  background-position: -8px -200px !important;
}
.flags-small ._England {
  background-position: -8px -232px !important;
}
.flags-small ._European_Union {
  background-position: -8px -264px !important;
}
.flags-small ._Islamic_Conference {
  background-position: -8px -296px !important;
}
.flags-small ._Kosovo {
  background-position: -8px -328px !important;
}
.flags-small ._NATO {
  background-position: -8px -360px !important;
}
.flags-small ._Northern_Cyprus {
  background-position: -8px -392px !important;
}
.flags-small ._Northern_Ireland {
  background-position: -8px -424px !important;
}
.flags-small ._Olimpic_Movement {
  background-position: -8px -456px !important;
}
.flags-small ._OPEC {
  background-position: -8px -488px !important;
}
.flags-small ._Red_Cross {
  background-position: -8px -520px !important;
}
.flags-small ._Scotland {
  background-position: -8px -552px !important;
}
.flags-small ._Somaliland {
  background-position: -8px -584px !important;
}
.flags-small ._Tibet {
  background-position: -8px -616px !important;
}
.flags-small ._United_Nations {
  background-position: -8px -648px !important;
}
.flags-small ._Wales {
  background-position: -8px -680px !important;
}
.flags-small .eu {
  background-position: -8px -264px !important;
}
.flags-small .and {
  background-position: -8px -712px !important;
}
.flags-small .are {
  background-position: -8px -744px !important;
}
.flags-small .afg {
  background-position: -8px -776px !important;
}
.flags-small .atg {
  background-position: -8px -808px !important;
}
.flags-small .aia {
  background-position: -8px -840px !important;
}
.flags-small .alb {
  background-position: -8px -872px !important;
}
.flags-small .arm {
  background-position: -8px -904px !important;
}
.flags-small .ago {
  background-position: -8px -936px !important;
}
.flags-small .ata {
  background-position: -8px -968px !important;
}
.flags-small .arg {
  background-position: -8px -1000px !important;
}
.flags-small .asm {
  background-position: -8px -1032px !important;
}
.flags-small .aut {
  background-position: -8px -1064px !important;
}
.flags-small .aus {
  background-position: -8px -1096px !important;
}
.flags-small .abw {
  background-position: -8px -1128px !important;
}
.flags-small .ala {
  background-position: -8px -1160px !important;
}
.flags-small .aze {
  background-position: -8px -1192px !important;
}
.flags-small .bih {
  background-position: -8px -1224px !important;
}
.flags-small .brb {
  background-position: -8px -1256px !important;
}
.flags-small .bgd {
  background-position: -8px -1288px !important;
}
.flags-small .bel {
  background-position: -8px -1320px !important;
}
.flags-small .bfa {
  background-position: -8px -1352px !important;
}
.flags-small .bgr {
  background-position: -8px -1384px !important;
}
.flags-small .bhr {
  background-position: -8px -1416px !important;
}
.flags-small .bdi {
  background-position: -8px -1448px !important;
}
.flags-small .ben {
  background-position: -8px -1480px !important;
}
.flags-small .bmu {
  background-position: -8px -1512px !important;
}
.flags-small .brn {
  background-position: -8px -1544px !important;
}
.flags-small .bol {
  background-position: -8px -1576px !important;
}
.flags-small .bra {
  background-position: -8px -1608px !important;
}
.flags-small .bhs {
  background-position: -8px -1640px !important;
}
.flags-small .btn {
  background-position: -8px -1672px !important;
}
.flags-small .bwa {
  background-position: -8px -1704px !important;
}
.flags-small .blr {
  background-position: -8px -1736px !important;
}
.flags-small .blz {
  background-position: -8px -1768px !important;
}
.flags-small .can {
  background-position: -8px -1800px !important;
}
.flags-small .cod {
  background-position: -8px -1832px !important;
}
.flags-small .rca {
  background-position: -8px -1864px !important;
}
.flags-small .cog {
  background-position: -8px -1896px !important;
}
.flags-small .che {
  background-position: -8px -1928px !important;
}
.flags-small .civ {
  background-position: -8px -1960px !important;
}
.flags-small .cok {
  background-position: -8px -1992px !important;
}
.flags-small .chl {
  background-position: -8px -2024px !important;
}
.flags-small .cmr {
  background-position: -8px -2056px !important;
}
.flags-small .chn {
  background-position: -8px -2088px !important;
}
.flags-small .col {
  background-position: -8px -2120px !important;
}
.flags-small .cri {
  background-position: -8px -2152px !important;
}
.flags-small .cub {
  background-position: -8px -2184px !important;
}
.flags-small .cpv {
  background-position: -8px -2216px !important;
}
.flags-small .cyp {
  background-position: -8px -2248px !important;
}
.flags-small .cze {
  background-position: -8px -2280px !important;
}
.flags-small .deu {
  background-position: -8px -2312px !important;
}
.flags-small .dji {
  background-position: -8px -2344px !important;
}
.flags-small .dnk {
  background-position: -8px -2376px !important;
}
.flags-small .dma {
  background-position: -8px -2408px !important;
}
.flags-small .dom {
  background-position: -8px -2440px !important;
}
.flags-small .dza {
  background-position: -8px -2472px !important;
}
.flags-small .ecu {
  background-position: -8px -2504px !important;
}
.flags-small .est {
  background-position: -8px -2536px !important;
}
.flags-small .egy {
  background-position: -8px -2568px !important;
}
.flags-small .esh {
  background-position: -8px -2600px !important;
}
.flags-small .eri {
  background-position: -8px -2632px !important;
}
.flags-small .esp {
  background-position: -8px -2664px !important;
}
.flags-small .eth {
  background-position: -8px -2696px !important;
}
.flags-small .fin {
  background-position: -8px -2728px !important;
}
.flags-small .fji {
  background-position: -8px -2760px !important;
}
.flags-small .fsm {
  background-position: -8px -2792px !important;
}
.flags-small .fro {
  background-position: -8px -2824px !important;
}
.flags-small .fra {
  background-position: -8px -2856px !important;
}
.flags-small .blm {
  background-position: -8px -2856px !important;
}
.flags-small .cpt {
  background-position: -8px -2856px !important;
}
.flags-small .maf {
  background-position: -8px -2856px !important;
}
.flags-small .myt {
  background-position: -8px -2856px !important;
}
.flags-small .gab {
  background-position: -8px -2888px !important;
}
.flags-small .gbr {
  background-position: -8px -2920px !important;
}
.flags-small .shn {
  background-position: -8px -2920px !important;
}
.flags-small .grd {
  background-position: -8px -2952px !important;
}
.flags-small .geo {
  background-position: -8px -2984px !important;
}
.flags-small .ggy {
  background-position: -8px -3016px !important;
}
.flags-small .gha {
  background-position: -8px -3048px !important;
}
.flags-small .gib {
  background-position: -8px -3080px !important;
}
.flags-small .grl {
  background-position: -8px -3112px !important;
}
.flags-small .gmb {
  background-position: -8px -3144px !important;
}
.flags-small .gin {
  background-position: -8px -3176px !important;
}
.flags-small .glp {
  background-position: -8px -3208px !important;
}
.flags-small .gnq {
  background-position: -8px -3240px !important;
}
.flags-small .grc {
  background-position: -8px -3272px !important;
}
.flags-small .gtm {
  background-position: -8px -3304px !important;
}
.flags-small .gum {
  background-position: -8px -3336px !important;
}
.flags-small .gnb {
  background-position: -8px -3368px !important;
}
.flags-small .guy {
  background-position: -8px -3400px !important;
}
.flags-small .hkg {
  background-position: -8px -3432px !important;
}
.flags-small .hnd {
  background-position: -8px -3464px !important;
}
.flags-small .hrv {
  background-position: -8px -3496px !important;
}
.flags-small .hti {
  background-position: -8px -3528px !important;
}
.flags-small .hun {
  background-position: -8px -3560px !important;
}
.flags-small .idn {
  background-position: -8px -3592px !important;
}
.flags-small .mco {
  background-position: -8px -3592px !important;
}
.flags-small .irl {
  background-position: -8px -3624px !important;
}
.flags-small .isr {
  background-position: -8px -3656px !important;
}
.flags-small .imn {
  background-position: -8px -3688px !important;
}
.flags-small .ind {
  background-position: -8px -3720px !important;
}
.flags-small .irq {
  background-position: -8px -3752px !important;
}
.flags-small .irn {
  background-position: -8px -3784px !important;
}
.flags-small .isl {
  background-position: -8px -3816px !important;
}
.flags-small .ita {
  background-position: -8px -3848px !important;
}
.flags-small .jey {
  background-position: -8px -3880px !important;
}
.flags-small .jam {
  background-position: -8px -3912px !important;
}
.flags-small .jor {
  background-position: -8px -3944px !important;
}
.flags-small .jpn {
  background-position: -8px -3976px !important;
}
.flags-small .ken {
  background-position: -8px -4008px !important;
}
.flags-small .kgz {
  background-position: -8px -4040px !important;
}
.flags-small .khm {
  background-position: -8px -4072px !important;
}
.flags-small .kir {
  background-position: -8px -4104px !important;
}
.flags-small .com {
  background-position: -8px -4136px !important;
}
.flags-small .kna {
  background-position: -8px -4168px !important;
}
.flags-small .prk {
  background-position: -8px -4200px !important;
}
.flags-small .kor {
  background-position: -8px -4232px !important;
}
.flags-small .kwt {
  background-position: -8px -4264px !important;
}
.flags-small .cym {
  background-position: -8px -4296px !important;
}
.flags-small .kaz {
  background-position: -8px -4328px !important;
}
.flags-small .lao {
  background-position: -8px -4360px !important;
}
.flags-small .lbn {
  background-position: -8px -4392px !important;
}
.flags-small .lca {
  background-position: -8px -4424px !important;
}
.flags-small .lie {
  background-position: -8px -4456px !important;
}
.flags-small .lka {
  background-position: -8px -4488px !important;
}
.flags-small .lbr {
  background-position: -8px -4520px !important;
}
.flags-small .lso {
  background-position: -8px -4552px !important;
}
.flags-small .ltu {
  background-position: -8px -4584px !important;
}
.flags-small .lux {
  background-position: -8px -4616px !important;
}
.flags-small .lva {
  background-position: -8px -4648px !important;
}
.flags-small .lby {
  background-position: -8px -4680px !important;
}
.flags-small .mar {
  background-position: -8px -4712px !important;
}
.flags-small .mda {
  background-position: -8px -4744px !important;
}
.flags-small .mne {
  background-position: -8px -4776px !important;
}
.flags-small .mdg {
  background-position: -8px -4808px !important;
}
.flags-small .mhl {
  background-position: -8px -4840px !important;
}
.flags-small .mkd {
  background-position: -8px -4872px !important;
}
.flags-small .mli {
  background-position: -8px -4904px !important;
}
.flags-small .mmr {
  background-position: -8px -4936px !important;
}
.flags-small .mng {
  background-position: -8px -4968px !important;
}
.flags-small .mac {
  background-position: -8px -5000px !important;
}
.flags-small .mtq {
  background-position: -8px -5032px !important;
}
.flags-small .mrt {
  background-position: -8px -5064px !important;
}
.flags-small .msr {
  background-position: -8px -5096px !important;
}
.flags-small .mlt {
  background-position: -8px -5128px !important;
}
.flags-small .mus {
  background-position: -8px -5160px !important;
}
.flags-small .mdv {
  background-position: -8px -5192px !important;
}
.flags-small .mwi {
  background-position: -8px -5224px !important;
}
.flags-small .mex {
  background-position: -8px -5256px !important;
}
.flags-small .mys {
  background-position: -8px -5288px !important;
}
.flags-small .moz {
  background-position: -8px -5320px !important;
}
.flags-small .nam {
  background-position: -8px -5352px !important;
}
.flags-small .ncl {
  background-position: -8px -5384px !important;
}
.flags-small .ner {
  background-position: -8px -5416px !important;
}
.flags-small .nga {
  background-position: -8px -5448px !important;
}
.flags-small .nic {
  background-position: -8px -5480px !important;
}
.flags-small .nld {
  background-position: -8px -5512px !important;
}
.flags-small .bes {
  background-position: -8px -5512px !important;
}
.flags-small .nor {
  background-position: -8px -5544px !important;
}
.flags-small .bvt {
  background-position: -8px -5544px !important;
}
.flags-small .atn {
  background-position: -8px -5544px !important;
}
.flags-small .sjm {
  background-position: -8px -5544px !important;
}
.flags-small .npl {
  background-position: -8px -5576px !important;
}
.flags-small .nru {
  background-position: -8px -5608px !important;
}
.flags-small .nzl {
  background-position: -8px -5640px !important;
}
.flags-small .omn {
  background-position: -8px -5672px !important;
}
.flags-small .pan {
  background-position: -8px -5704px !important;
}
.flags-small .per {
  background-position: -8px -5736px !important;
}
.flags-small .pyf {
  background-position: -8px -5768px !important;
}
.flags-small .png {
  background-position: -8px -5800px !important;
}
.flags-small .phl {
  background-position: -8px -5832px !important;
}
.flags-small .pak {
  background-position: -8px -5864px !important;
}
.flags-small .pol {
  background-position: -8px -5896px !important;
}
.flags-small .pri {
  background-position: -8px -5928px !important;
}
.flags-small .pse {
  background-position: -8px -5960px !important;
}
.flags-small .prt {
  background-position: -8px -5992px !important;
}
.flags-small .plw {
  background-position: -8px -6024px !important;
}
.flags-small .pry {
  background-position: -8px -6056px !important;
}
.flags-small .qat {
  background-position: -8px -6088px !important;
}
.flags-small .reu {
  background-position: -8px -6120px !important;
}
.flags-small .rou {
  background-position: -8px -6152px !important;
}
.flags-small .srb {
  background-position: -8px -6184px !important;
}
.flags-small .rus {
  background-position: -8px -6216px !important;
}
.flags-small .rwa {
  background-position: -8px -6248px !important;
}
.flags-small .sau {
  background-position: -8px -6280px !important;
}
.flags-small .slb {
  background-position: -8px -6312px !important;
}
.flags-small .syc {
  background-position: -8px -6344px !important;
}
.flags-small .sdn {
  background-position: -8px -6376px !important;
}
.flags-small .swe {
  background-position: -8px -6408px !important;
}
.flags-small .sgp {
  background-position: -8px -6440px !important;
}
.flags-small .svn {
  background-position: -8px -6472px !important;
}
.flags-small .svk {
  background-position: -8px -6504px !important;
}
.flags-small .sle {
  background-position: -8px -6536px !important;
}
.flags-small .smr {
  background-position: -8px -6568px !important;
}
.flags-small .sen {
  background-position: -8px -6600px !important;
}
.flags-small .som {
  background-position: -8px -6632px !important;
}
.flags-small .sur {
  background-position: -8px -6664px !important;
}
.flags-small .stp {
  background-position: -8px -6696px !important;
}
.flags-small .slv {
  background-position: -8px -6728px !important;
}
.flags-small .syr {
  background-position: -8px -6760px !important;
}
.flags-small .swz {
  background-position: -8px -6792px !important;
}
.flags-small .tca {
  background-position: -8px -6824px !important;
}
.flags-small .tcd {
  background-position: -8px -6856px !important;
}
.flags-small .tgo {
  background-position: -8px -6888px !important;
}
.flags-small .tha {
  background-position: -8px -6920px !important;
}
.flags-small .tjk {
  background-position: -8px -6952px !important;
}
.flags-small .tls {
  background-position: -8px -6984px !important;
}
.flags-small .tkm {
  background-position: -8px -7016px !important;
}
.flags-small .tun {
  background-position: -8px -7048px !important;
}
.flags-small .ton {
  background-position: -8px -7080px !important;
}
.flags-small .tur {
  background-position: -8px -7112px !important;
}
.flags-small .tto {
  background-position: -8px -7144px !important;
}
.flags-small .tuv {
  background-position: -8px -7176px !important;
}
.flags-small .twn {
  background-position: -8px -7208px !important;
}
.flags-small .tza {
  background-position: -8px -7240px !important;
}
.flags-small .ukr {
  background-position: -8px -7272px !important;
}
.flags-small .uga {
  background-position: -8px -7304px !important;
}
.flags-small .usa {
  background-position: -8px -7336px !important;
}
.flags-small .ury {
  background-position: -8px -7368px !important;
}
.flags-small .uzb {
  background-position: -8px -7400px !important;
}
.flags-small .vat {
  background-position: -8px -7432px !important;
}
.flags-small .vct {
  background-position: -8px -7464px !important;
}
.flags-small .ven {
  background-position: -8px -7496px !important;
}
.flags-small .vgb {
  background-position: -8px -7528px !important;
}
.flags-small .vir {
  background-position: -8px -7560px !important;
}
.flags-small .vnm {
  background-position: -8px -7592px !important;
}
.flags-small .vut {
  background-position: -8px -7624px !important;
}
.flags-small .wsm {
  background-position: -8px -7656px !important;
}
.flags-small .yem {
  background-position: -8px -7688px !important;
}
.flags-small .zaf {
  background-position: -8px -7720px !important;
}
.flags-small .zmb {
  background-position: -8px -7752px !important;
}
.flags-small .zwe {
  background-position: -8px -7784px !important;
}
.flags-small .sxm {
  background-position: -8px -7816px !important;
}
.flags-small .cuw {
  background-position: -8px -7848px !important;
}
.flags-small .ssd {
  background-position: -8px -7880px !important;
}
.flags-small .niu {
  background-position: -8px -7912px !important;
}

.sports_sprite_32 .sport_sprite_32 {
  background-repeat: no-repeat;
}
.sports_sprite_32 .football {
  background-position: 0px 0px !important;
}
.sports_sprite_32 .basketball {
  background-position: 0px -32px !important;
}
.sports_sprite_32 .rugby {
  background-position: 0px -64px !important;
}
.sports_sprite_32 .nfl {
  background-position: 0px -96px !important;
}
.sports_sprite_32 .cricket {
  background-position: 0px -128px !important;
}
.sports_sprite_32 .golf {
  background-position: 0px -160px !important;
}
.sports_sprite_32 .baseball {
  background-position: 0px -192px !important;
}
.sports_sprite_32 .futsal {
  background-position: 0px -224px !important;
}
.sports_sprite_32 .volleyball {
  background-position: 0px -256px !important;
}
.sports_sprite_32 .hurling {
  background-position: 0px -288px !important;
}
.sports_sprite_32 .boxing {
  background-position: 0px -320px !important;
}
.sports_sprite_32 .hockey {
  background-position: 0px -352px !important;
}
.sports_sprite_32 .tennis {
  background-position: 0px -384px !important;
}
.sports_sprite_32 .darts {
  background-position: 0px -416px !important;
}
.sports_sprite_32 .table\+tennis {
  background-position: 0px -448px !important;
}
.sports_sprite_32 .badminton {
  background-position: 0px -480px !important;
}
.sports_sprite_32 .motor\+sport {
  background-position: 0px -512px !important;
}
.sports_sprite_32 .horse\+racing {
  background-position: 0px -544px !important;
}
.sports_sprite_32 .cycling {
  background-position: 0px -576px !important;
}
.sports_sprite_32 .e\+sports {
  background-position: 0px -608px !important;
}
.sports_sprite_32 .snooker {
  background-position: 0px -640px !important;
}
.sports_sprite_32 .martial\+arts\+ufc {
  background-position: 0px -676px !important;
}
.sports_sprite_32 .handball {
  background-position: 0px 0px !important;
}
.sports_sprite_32 .australian\+rules {
  background-position: 0px -64px !important;
}
.sports_sprite_32 .rugby\+league {
  background-position: 0px -64px !important;
}
.sports_sprite_32 .rugby\+union {
  background-position: 0px -64px !important;
}
.sports_sprite_32 .american\+football {
  background-position: 0px -96px !important;
}
.sports_sprite_32 .beach\+volleyball {
  background-position: 0px -256px !important;
}
.sports_sprite_32 .ice\+hockey {
  background-position: 0px -352px !important;
}

.sports_sprite_16 .sport_sprite_16 {
  background-repeat: no-repeat;
}
.sports_sprite_16 .football {
  background-position: 0px 0px !important;
}
.sports_sprite_16 .basketball {
  background-position: 0px -20px !important;
}
.sports_sprite_16 .rugby {
  background-position: 0px -39px !important;
}
.sports_sprite_16 .nfl {
  background-position: 0px -58px !important;
}
.sports_sprite_16 .cricket {
  background-position: 0px -78px !important;
}
.sports_sprite_16 .golf {
  background-position: 0px -98px !important;
}
.sports_sprite_16 .baseball {
  background-position: 0px -117px !important;
}
.sports_sprite_16 .futsal {
  background-position: 0px -137px !important;
}
.sports_sprite_16 .volleyball {
  background-position: 0px -156px !important;
}
.sports_sprite_16 .hurling {
  background-position: 0px -176px !important;
}
.sports_sprite_16 .boxing {
  background-position: 0px -195px !important;
}
.sports_sprite_16 .hockey {
  background-position: 0px -215px !important;
}
.sports_sprite_16 .tennis {
  background-position: 0px -234px !important;
}
.sports_sprite_16 .darts {
  background-position: 0px -255px !important;
}
.sports_sprite_16 .table\+tennis {
  background-position: 0px -273px !important;
}
.sports_sprite_16 .badminton {
  background-position: 0px -293px !important;
}
.sports_sprite_16 .motor\+sport {
  background-position: 0px -314px !important;
}
.sports_sprite_16 .horse\+racing {
  background-position: 0px -332px !important;
}
.sports_sprite_16 .cycling {
  background-position: 0px -352px !important;
}
.sports_sprite_16 .e\+sports {
  background-position: 0px -372px !important;
}
.sports_sprite_16 .snooker {
  background-position: 0px -391px !important;
}
.sports_sprite_16 .martial\+arts\+ufc {
  background-position: 0px -413px !important;
}
.sports_sprite_16 .handball {
  background-position: 0px 0px !important;
}
.sports_sprite_16 .australian\+rules {
  background-position: 0px -39px !important;
}
.sports_sprite_16 .rugby\+league {
  background-position: 0px -39px !important;
}
.sports_sprite_16 .rugby\+union {
  background-position: 0px -39px !important;
}
.sports_sprite_16 .american\+football {
  background-position: 0px -58px !important;
}
.sports_sprite_16 .beach\+volleyball {
  background-position: 0px -156px !important;
}
.sports_sprite_16 .ice\+hockey {
  background-position: 0px -215px !important;
}

* {
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}

#app > div.main-home > .footer {
  margin-left: 0;
}
#app > div.main-home > .main-container > main {
  margin-left: 0px;
}
#app > div.main-home > .main-container > main > div {
  padding: 10px 20px 0px 20px;
}

.owl-stage {
  display: flex;
}

.main-container, .footer {
  background: var(--main-background-color-3);
}

body > div.chat-fc-form-outer > div.fc-form > form.chat-fc-form > ul > li.pre-fc-field > label {
  display: inline-block;
}
body > div.chat-fc-form-outer > div.fc-form > form.chat-fc-form > ul > li.pre-fc-field > input {
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  padding: 8px 5px;
}

.container-radio-bc-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 10px;
}
.container-radio-bc-header .radio-bc {
  width: 35px !important;
}

@media (max-width: 1023px) {
  .container-radio-bc-header {
    display: none;
  }
}
.radio-bc-container {
  padding: 0 !important;
}
.radio-bc-container .radio-bc {
  width: 30px;
  margin-right: 10px;
  cursor: pointer;
}

button,
input,
optgroup,
select,
textarea, html input[type=button],
input[type=reset],
input[type=submit], button[disabled],
html input[disabled], button::-moz-focus-inner,
input::-moz-focus-inner, input[type=checkbox],
input[type=radio], input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button, input[type=search], input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  border: none;
  background-image: none;
  background-color: transparent;
  box-shadow: none;
}

@keyframes tooltips-vert {
  to {
    opacity: 0.99;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 0.99;
    transform: translate(0, 30%);
  }
}
input[type=search] {
  -webkit-appearance: textfield !important;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

select {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

body {
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  background: var(--body-color);
  font-size: 14px;
  color: var(--main-text-color);
  overflow-x: hidden;
}

a {
  color: var(--main-text-color);
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
  color: var(--main-text-color);
}

i {
  font-style: normal;
}

strong {
  font-weight: 600;
}

p {
  line-height: 1.4;
  margin-bottom: 1em;
}
p.empty {
  display: flex;
  height: 50vh;
  align-items: center;
  justify-content: center;
  text-align: center;
}

p:only-child,
p:last-child {
  margin-bottom: 0;
}

h1, h2, h3, h4, h5 {
  line-height: 1.2;
  margin-bottom: 1em;
  font-weight: 400;
}

h2 {
  font-size: 30px;
  font-weight: 400;
}
h2.border {
  border-bottom: 2px solid var(--main-brand-primary);
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 17px;
  font-weight: bold;
}

ul {
  line-height: 1.4;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table a {
  text-decoration: underline;
}
table thead td, table thead th {
  color: var(--main-text-color);
  border: 1px solid #222433;
  font-weight: 600;
  text-align: center;
  background: var(--main-background-color);
}
table tfoot {
  font-weight: 500;
}
table td {
  padding: 10px;
  border-right: 1px solid #0d0e15;
  white-space: nowrap;
  font-size: 13px;
}
table td:last-child {
  border-right: none;
}
table tr:nth-child(odd) {
  background: var(--main-background-color);
}
table.vertical tr {
  border-bottom: 1px solid white;
}
table.vertical tr:last-child {
  border: none;
}
table.vertical tr:nth-child(odd), table.vertical tr:nth-child(even) {
  background: transparent;
}
table.vertical tr td {
  width: 50%;
  text-align: center;
  background: var(--main-background-color);
  border-color: white;
}
table.vertical tr td:first-child {
  font-weight: bold;
}

#wa_btn-content {
  display: none;
  background: #16BE45;
  padding: 12px;
  border-radius: 100%;
  position: fixed;
  bottom: 12px;
  left: 150px;
  z-index: 999;
}
@media (max-width: 1023px) {
  #wa_btn-content {
    background: #16BE45;
    padding: 12px;
    border-radius: 100%;
    position: fixed;
    bottom: 171px;
    left: 5px;
    z-index: 999;
  }
}

#wa_btn-content.noshow {
  display: none;
}

#wa_btn-content_mobile {
  display: none;
}
@media (max-width: 1023px) {
  #wa_btn-content_mobile {
    display: none;
    justify-content: center;
    margin-top: 20px;
  }
  #wa_btn-content_mobile a {
    background: #16BE45;
    border-radius: 100%;
    padding: 12px;
  }
}

.position-relative {
  position: relative;
}

.container-game {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
}

.container-game-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* Dark Ligth */
.aside .dark-ligth-mode {
  display: none;
}

.dark-ligth-mode {
  width: 15px;
  height: 15px;
  align-self: center;
  margin-right: 7px;
  cursor: pointer;
}

/*Iconos*/
i.info-success {
  width: 22px;
  height: 22px;
  background-image: url(/bingocasinos.co/img/info-success.png);
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

i.info-error {
  width: 22px;
  height: 22px;
  background-image: url(/bingocasinos.co/img/info-error.png);
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

i.cashout {
  width: 10px;
  height: 10px;
  background-image: url(/bingocasinos.co/img/cashout-yellow.png);
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
i.cashout:hover {
  filter: brightness(100);
}

i.preview {
  width: 10px;
  height: 10px;
  background-image: url(/bingocasinos.co/img/preview.svg);
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
i.preview:hover {
  filter: brightness(100);
}

i.players {
  width: 25px;
  height: 14px;
  background-image: url(/bingocasinos.co/img/players.png);
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}

i.star {
  background-image: url(/bingocasinos.co/img/star.svg);
  background-position: left center;
  background-size: contain !important;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
}

i.star-off {
  filter: brightness(5);
  transition: all 0.5s;
}

i.star-on {
  filter: brightness(1);
  transition: all 0.5s;
}

i.sport {
  background-image: url(/bingocasinos.co/img/icons/futbol.png);
  background-position: left center;
  background-size: contain !important;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: inline-block;
}

i.close {
  background: url(/bingocasinos.co/img/close.png);
  width: 15px;
  height: 15px;
  background-size: cover !important;
  background-repeat: no-repeat;
  display: block;
}

i.closeRecharge {
  background: url(/bingocasinos.co/img/Cerrar.svg);
  width: 21px;
  height: 24px;
  background-size: cover !important;
  background-repeat: no-repeat;
  display: block;
}

i.arrow {
  background: var(--sprite-icons);
  width: 20px;
  height: 20px;
  background-size: cover !important;
  background-repeat: no-repeat;
  display: block;
  background-position-x: -187px;
  cursor: pointer;
  transform: rotate(-90deg);
  margin-left: 5px;
  transition: all 0.5s;
}
i.arrow.show {
  transform: rotate(0deg);
}

i.clock {
  background: url(/bingocasinos.co/img/clock.png);
  width: 15px;
  height: 15px;
  background-size: cover !important;
  background-repeat: no-repeat;
  display: block;
}

i.check {
  background: url(/bingocasinos.co/img/check.png);
  width: 14px;
  height: 11px;
  background-size: cover !important;
  background-repeat: no-repeat;
  display: block;
}

i.error {
  background: url(/bingocasinos.co/img/error-icon.png);
  width: 15px;
  height: 15px;
  background-size: cover !important;
  background-repeat: no-repeat;
  display: block;
}

i.sms {
  background: url(/bingocasinos.co/img/sms.png);
  width: 60px;
  height: 60px;
  background-size: cover !important;
  background-repeat: no-repeat;
  display: block;
}

i.email {
  background: url(/bingocasinos.co/img/email.png);
  width: 60px;
  height: 60px;
  background-size: cover !important;
  background-repeat: no-repeat;
  display: block;
}

i.allgames {
  background: var(--main-filter-all);
  background-size: contain;
  width: 15px;
  height: 15px;
}

i.allgames-sidebar {
  background: var(--main-filter-all);
  background-size: contain;
  width: 15px;
  height: 15px;
}

i.casino-game-category {
  background-size: cover;
  width: 15px;
  height: 15px;
}

i.casino-game-category-sidebar {
  background-size: cover;
  width: 15px;
  height: 15px;
}

i.slots {
  background: url("/bingocasinos.co/img/slots.png") no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
}

.featured-games-casino {
  width: 24px;
  height: 24px;
  -o-object-fit: fill;
     object-fit: fill;
  margin-right: 10px;
}

i.blackjack {
  background: url("/bingocasinos.co/img/blackjack.png") no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
}

i.flame {
  background: var(--sidear-casino-background-featured-icon);
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

i.newgames {
  background: url("/bingocasinos.co/img/new.png") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}

i.bingo {
  background: url("/bingocasinos.co/img/bingo.png") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}

i.sleep {
  background: url(/bingocasinos.co/img/sleep.png) no-repeat;
  background-size: cover;
  width: 38px;
  height: 36px;
  display: block;
  margin: 0 auto 10px;
}

i.unplugged {
  background: url(/bingocasinos.co/img/unplugged.png) no-repeat;
  background-size: cover;
  width: 38px;
  height: 38px;
  display: block;
  margin: 0 auto 10px;
}

i.print-icon {
  background: url(/bingocasinos.co/img/print.png) no-repeat;
  background-size: cover;
  width: 20px;
  height: 18px;
  display: block;
}

i.favorite {
  background: url(/bingocasinos.co/img/star.svg) no-repeat;
  background-size: cover;
  width: 20px;
  height: 18px;
  display: block;
}

i.staging {
  background: url(/bingocasinos.co/img/staging.svg) no-repeat;
  background-size: cover;
  width: 20px;
  height: 18px;
  display: block;
}

i.open {
  transform: rotate(180deg);
}

button, .button {
  background: transparent;
  border: 1px solid #27BC60;
  color: var(--main-text-color);
  padding: 7px 9px;
  margin-bottom: 10px;
  transition: all 0.5s;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}
button:focus, .button:focus {
  outline: none;
}
button:disabled, .button:disabled {
  opacity: 0.3;
  background-color: transparent;
  color: #c2c8cc !important;
  cursor: auto;
}
button.fill, .button.fill {
  background: #27BC60;
  color: #000000;
}
button.fill:hover, .button.fill:hover {
  background: #27BC60;
  color: #ffffff !important;
}
button:active, .button:active {
  background: var(--main-brand-primary);
}
button:hover, button.active, .button:hover, .button.active {
  background: var(--main-brand-primary);
  color: black !important;
  border: 1px solid #27BC60 !important;
}

.link {
  text-decoration: underline;
  cursor: pointer;
  transition: all 0, 25s;
}
.link:hover {
  color: gray;
  text-decoration: none;
}

.pointer {
  cursor: pointer;
}

.only-print {
  display: none;
}

.sm-text {
  font-size: 11px;
}

.highlighted {
  color: var(--main-brand-primary);
  transition: all 0.25s;
}
.highlighted:hover {
  background: var(--main-brand-primary);
  color: white !important;
}

.alert {
  color: #DE513C !important;
}

.right {
  text-align: right;
}

.spacer {
  height: 20px;
}

.pos_relative {
  position: relative;
}

.dflex {
  display: flex;
}

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

.margin-left-auto {
  margin-left: auto;
}

.justify-between {
  justify-content: space-between;
}
.justify-between .score {
  color: var(--main-brand-primary);
}

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

.flexcolumn {
  display: flex;
  flex-direction: column;
}

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

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

.border {
  border-bottom: 2px solid var(--main-brand-primary);
  padding-bottom: 10px;
}

.border-button {
  border: 1px solid var(--main-brand-primary) !important;
}

.blur {
  filter: blur(2px);
  pointer-events: none;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}
.pagination li a {
  font-size: 20px;
  font-weight: 500;
  margin: 0 15px;
  cursor: pointer;
}
.pagination li a.left i.arrow {
  transform: rotate(90deg);
  cursor: pointer;
}
.pagination li a.right i.arrow {
  cursor: pointer;
}
.pagination li a.right img {
  transform: rotate(-90deg);
  margin-left: 15px;
  width: 30px;
}
.pagination li.disabled a {
  cursor: not-allowed;
  opacity: 0.7;
  color: white;
}
.pagination li.disabled a i.arrow {
  cursor: not-allowed;
}
.pagination li.active a {
  color: #43ae62;
  cursor: default;
}
.pagination li.active a i.arrow {
  cursor: not-allowed;
}

.embed-container {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed-container .icon-fullscreen {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 19px;
}

.loader-bingo {
  padding-top: 56.25%;
  background: url(/bingocasinos.co/img/logoanim4.svg) no-repeat center;
  width: 50px;
  margin: auto;
}

.modal-container-bingo {
  background: var(--main-background-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  width: 95vw !important;
  max-width: 800px !important;
}
.modal-container-bingo header {
  width: 100%;
  justify-content: space-between;
  padding: 10px;
  background: var(--main-background-color);
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.modal-container-bingo header h3 {
  margin: 0 !important;
  text-align: center;
  display: block;
  width: 100%;
  border: none;
  font-size: 20px !important;
  padding: 0 !important;
}
.modal-container-bingo header i {
  background: url(/bingocasinos.co/img/close.png) no-repeat;
  background-size: contain;
  display: block;
  height: 10px;
  width: 10px;
}
.modal-container-bingo header i.closeicon {
  width: 15px;
  height: 15px;
}
.modal-container-bingo .table-container {
  width: 100% !important;
  overflow: auto !important;
  padding: 3%;
}
@media (max-width: 1023px) {
  .modal-container-bingo .table-container {
    padding: 0 !important;
  }
}
.modal-container-bingo .table-container table thead td {
  border: none;
  border-bottom: 1px solid;
}
.modal-container-bingo .game-history {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 250px;
}
.modal-container-bingo .game-history small {
  opacity: 0.4 !important;
}

.breadcrumb {
  padding: 0;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  z-index: 1;
  margin-top: 1rem;
}
.breadcrumb a {
  display: inline-flex;
  font-size: 12px;
  align-items: center;
  cursor: pointer;
  z-index: 2;
}
.breadcrumb a:last-child {
  cursor: default !important;
}
.breadcrumb a:last-child span:hover {
  text-decoration: none;
}
.breadcrumb a span:hover {
  text-decoration: underline;
}
.breadcrumb a:last-child {
  text-decoration: none;
  cursor: initial;
}
.breadcrumb a:after {
  content: "/";
  padding: 0 5px;
}
.breadcrumb a:last-child:after {
  display: none;
}
.breadcrumb .sports a {
  display: inline-flex;
  font-size: 13px;
  align-items: center;
}

.highlight {
  margin-bottom: 1em;
}
.highlight p {
  color: var(--main-brand-primary);
}

.cashout {
  color: var(--main-brand-primary);
  font-size: 11px;
  position: relative;
}
.cashout .tooltip {
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
}
.cashout .tooltip:before {
  content: "";
  bottom: -10px;
  position: absolute;
  top: 100%;
  left: 8px;
  border-top: 5px solid #c2c8cc;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.cashout .label {
  color: white;
  font-size: 11px;
  font-weight: bold;
}
.cashout a {
  color: var(--main-brand-primary);
}
.cashout a:hover {
  color: var(--main-brand-primary);
  text-decoration: underline;
}
.cashout .buttons a {
  color: white;
}
.cashout .buttons a:first-child {
  margin-right: 5px;
  color: var(--main-brand-primary);
}
.cashout .buttons a:hover {
  text-decoration: underline;
}
.cashout .dflex {
  align-items: center;
  justify-content: center;
  color: white;
}
.cashout .dflex i {
  transform: scale(0.8);
  margin-left: 5px;
}
.cashout:hover .tooltip {
  opacity: 1;
  visibility: visible;
}

.slide input {
  width: 9em;
  padding: 5px 10px;
}

.percentage {
  width: 70%;
  background: var(--background-limits);
  height: 20px;
}
.percentage .text {
  position: absolute;
  top: initial;
  z-index: 1;
  padding: 3px;
  background: transparent;
  color: #0D0E16;
  font-size: 11px;
}
.percentage .slide:first-child {
  margin-top: 50px;
}
.percentage .slide:last-child {
  margin-bottom: 0;
}

.percentage:after {
  position: relative;
  content: "";
  display: block;
  background-color: var(--main-brand-primary);
  height: 20px;
}

.percentage-0:after {
  width: 0%;
}

.percentage-0 .text {
  /* left:$value; */
}

.percentage-1:after {
  width: 1%;
}

.percentage-1 .text {
  /* left:$value; */
}

.percentage-2:after {
  width: 2%;
}

.percentage-2 .text {
  /* left:$value; */
}

.percentage-3:after {
  width: 3%;
}

.percentage-3 .text {
  /* left:$value; */
}

.percentage-4:after {
  width: 4%;
}

.percentage-4 .text {
  /* left:$value; */
}

.percentage-5:after {
  width: 5%;
}

.percentage-5 .text {
  /* left:$value; */
}

.percentage-6:after {
  width: 6%;
}

.percentage-6 .text {
  /* left:$value; */
}

.percentage-7:after {
  width: 7%;
}

.percentage-7 .text {
  /* left:$value; */
}

.percentage-8:after {
  width: 8%;
}

.percentage-8 .text {
  /* left:$value; */
}

.percentage-9:after {
  width: 9%;
}

.percentage-9 .text {
  /* left:$value; */
}

.percentage-10:after {
  width: 10%;
}

.percentage-10 .text {
  /* left:$value; */
}

.percentage-11:after {
  width: 11%;
}

.percentage-11 .text {
  /* left:$value; */
}

.percentage-12:after {
  width: 12%;
}

.percentage-12 .text {
  /* left:$value; */
}

.percentage-13:after {
  width: 13%;
}

.percentage-13 .text {
  /* left:$value; */
}

.percentage-14:after {
  width: 14%;
}

.percentage-14 .text {
  /* left:$value; */
}

.percentage-15:after {
  width: 15%;
}

.percentage-15 .text {
  /* left:$value; */
}

.percentage-16:after {
  width: 16%;
}

.percentage-16 .text {
  /* left:$value; */
}

.percentage-17:after {
  width: 17%;
}

.percentage-17 .text {
  /* left:$value; */
}

.percentage-18:after {
  width: 18%;
}

.percentage-18 .text {
  /* left:$value; */
}

.percentage-19:after {
  width: 19%;
}

.percentage-19 .text {
  /* left:$value; */
}

.percentage-20:after {
  width: 20%;
}

.percentage-20 .text {
  /* left:$value; */
}

.percentage-21:after {
  width: 21%;
}

.percentage-21 .text {
  /* left:$value; */
}

.percentage-22:after {
  width: 22%;
}

.percentage-22 .text {
  /* left:$value; */
}

.percentage-23:after {
  width: 23%;
}

.percentage-23 .text {
  /* left:$value; */
}

.percentage-24:after {
  width: 24%;
}

.percentage-24 .text {
  /* left:$value; */
}

.percentage-25:after {
  width: 25%;
}

.percentage-25 .text {
  /* left:$value; */
}

.percentage-26:after {
  width: 26%;
}

.percentage-26 .text {
  /* left:$value; */
}

.percentage-27:after {
  width: 27%;
}

.percentage-27 .text {
  /* left:$value; */
}

.percentage-28:after {
  width: 28%;
}

.percentage-28 .text {
  /* left:$value; */
}

.percentage-29:after {
  width: 29%;
}

.percentage-29 .text {
  /* left:$value; */
}

.percentage-30:after {
  width: 30%;
}

.percentage-30 .text {
  /* left:$value; */
}

.percentage-31:after {
  width: 31%;
}

.percentage-31 .text {
  /* left:$value; */
}

.percentage-32:after {
  width: 32%;
}

.percentage-32 .text {
  /* left:$value; */
}

.percentage-33:after {
  width: 33%;
}

.percentage-33 .text {
  /* left:$value; */
}

.percentage-34:after {
  width: 34%;
}

.percentage-34 .text {
  /* left:$value; */
}

.percentage-35:after {
  width: 35%;
}

.percentage-35 .text {
  /* left:$value; */
}

.percentage-36:after {
  width: 36%;
}

.percentage-36 .text {
  /* left:$value; */
}

.percentage-37:after {
  width: 37%;
}

.percentage-37 .text {
  /* left:$value; */
}

.percentage-38:after {
  width: 38%;
}

.percentage-38 .text {
  /* left:$value; */
}

.percentage-39:after {
  width: 39%;
}

.percentage-39 .text {
  /* left:$value; */
}

.percentage-40:after {
  width: 40%;
}

.percentage-40 .text {
  /* left:$value; */
}

.percentage-41:after {
  width: 41%;
}

.percentage-41 .text {
  /* left:$value; */
}

.percentage-42:after {
  width: 42%;
}

.percentage-42 .text {
  /* left:$value; */
}

.percentage-43:after {
  width: 43%;
}

.percentage-43 .text {
  /* left:$value; */
}

.percentage-44:after {
  width: 44%;
}

.percentage-44 .text {
  /* left:$value; */
}

.percentage-45:after {
  width: 45%;
}

.percentage-45 .text {
  /* left:$value; */
}

.percentage-46:after {
  width: 46%;
}

.percentage-46 .text {
  /* left:$value; */
}

.percentage-47:after {
  width: 47%;
}

.percentage-47 .text {
  /* left:$value; */
}

.percentage-48:after {
  width: 48%;
}

.percentage-48 .text {
  /* left:$value; */
}

.percentage-49:after {
  width: 49%;
}

.percentage-49 .text {
  /* left:$value; */
}

.percentage-50:after {
  width: 50%;
}

.percentage-50 .text {
  /* left:$value; */
}

.percentage-51:after {
  width: 51%;
}

.percentage-51 .text {
  /* left:$value; */
}

.percentage-52:after {
  width: 52%;
}

.percentage-52 .text {
  /* left:$value; */
}

.percentage-53:after {
  width: 53%;
}

.percentage-53 .text {
  /* left:$value; */
}

.percentage-54:after {
  width: 54%;
}

.percentage-54 .text {
  /* left:$value; */
}

.percentage-55:after {
  width: 55%;
}

.percentage-55 .text {
  /* left:$value; */
}

.percentage-56:after {
  width: 56%;
}

.percentage-56 .text {
  /* left:$value; */
}

.percentage-57:after {
  width: 57%;
}

.percentage-57 .text {
  /* left:$value; */
}

.percentage-58:after {
  width: 58%;
}

.percentage-58 .text {
  /* left:$value; */
}

.percentage-59:after {
  width: 59%;
}

.percentage-59 .text {
  /* left:$value; */
}

.percentage-60:after {
  width: 60%;
}

.percentage-60 .text {
  /* left:$value; */
}

.percentage-61:after {
  width: 61%;
}

.percentage-61 .text {
  /* left:$value; */
}

.percentage-62:after {
  width: 62%;
}

.percentage-62 .text {
  /* left:$value; */
}

.percentage-63:after {
  width: 63%;
}

.percentage-63 .text {
  /* left:$value; */
}

.percentage-64:after {
  width: 64%;
}

.percentage-64 .text {
  /* left:$value; */
}

.percentage-65:after {
  width: 65%;
}

.percentage-65 .text {
  /* left:$value; */
}

.percentage-66:after {
  width: 66%;
}

.percentage-66 .text {
  /* left:$value; */
}

.percentage-67:after {
  width: 67%;
}

.percentage-67 .text {
  /* left:$value; */
}

.percentage-68:after {
  width: 68%;
}

.percentage-68 .text {
  /* left:$value; */
}

.percentage-69:after {
  width: 69%;
}

.percentage-69 .text {
  /* left:$value; */
}

.percentage-70:after {
  width: 70%;
}

.percentage-70 .text {
  /* left:$value; */
}

.percentage-71:after {
  width: 71%;
}

.percentage-71 .text {
  /* left:$value; */
}

.percentage-72:after {
  width: 72%;
}

.percentage-72 .text {
  /* left:$value; */
}

.percentage-73:after {
  width: 73%;
}

.percentage-73 .text {
  /* left:$value; */
}

.percentage-74:after {
  width: 74%;
}

.percentage-74 .text {
  /* left:$value; */
}

.percentage-75:after {
  width: 75%;
}

.percentage-75 .text {
  /* left:$value; */
}

.percentage-76:after {
  width: 76%;
}

.percentage-76 .text {
  /* left:$value; */
}

.percentage-77:after {
  width: 77%;
}

.percentage-77 .text {
  /* left:$value; */
}

.percentage-78:after {
  width: 78%;
}

.percentage-78 .text {
  /* left:$value; */
}

.percentage-79:after {
  width: 79%;
}

.percentage-79 .text {
  /* left:$value; */
}

.percentage-80:after {
  width: 80%;
}

.percentage-80 .text {
  /* left:$value; */
}

.percentage-81:after {
  width: 81%;
}

.percentage-81 .text {
  /* left:$value; */
}

.percentage-82:after {
  width: 82%;
}

.percentage-82 .text {
  /* left:$value; */
}

.percentage-83:after {
  width: 83%;
}

.percentage-83 .text {
  /* left:$value; */
}

.percentage-84:after {
  width: 84%;
}

.percentage-84 .text {
  /* left:$value; */
}

.percentage-85:after {
  width: 85%;
}

.percentage-85 .text {
  /* left:$value; */
}

.percentage-86:after {
  width: 86%;
}

.percentage-86 .text {
  /* left:$value; */
}

.percentage-87:after {
  width: 87%;
}

.percentage-87 .text {
  /* left:$value; */
}

.percentage-88:after {
  width: 88%;
}

.percentage-88 .text {
  /* left:$value; */
}

.percentage-89:after {
  width: 89%;
}

.percentage-89 .text {
  /* left:$value; */
}

.percentage-90:after {
  width: 90%;
}

.percentage-90 .text {
  /* left:$value; */
}

.percentage-91:after {
  width: 91%;
}

.percentage-91 .text {
  /* left:$value; */
}

.percentage-92:after {
  width: 92%;
}

.percentage-92 .text {
  /* left:$value; */
}

.percentage-93:after {
  width: 93%;
}

.percentage-93 .text {
  /* left:$value; */
}

.percentage-94:after {
  width: 94%;
}

.percentage-94 .text {
  /* left:$value; */
}

.percentage-95:after {
  width: 95%;
}

.percentage-95 .text {
  /* left:$value; */
}

.percentage-96:after {
  width: 96%;
}

.percentage-96 .text {
  /* left:$value; */
}

.percentage-97:after {
  width: 97%;
}

.percentage-97 .text {
  /* left:$value; */
}

.percentage-98:after {
  width: 98%;
}

.percentage-98 .text {
  /* left:$value; */
}

.percentage-99:after {
  width: 99%;
}

.percentage-99 .text {
  /* left:$value; */
}

.percentage-100:after {
  width: 100%;
}

.percentage-100 .text {
  /* left:$value; */
}

.percentage.red:after {
  background-color: #DE513C;
}

.nav.inline {
  justify-content: space-between;
  align-items: normal;
  margin: 2em 0;
  border-bottom: 5px solid #27bc60;
}
.nav.inline button {
  font-size: 14px;
  font-weight: 600;
  border: none;
  margin-bottom: 0;
  padding: 10px 40px;
  width: 100%;
  border-radius: 2px 2px 0 0;
  margin-right: 2px;
}
.nav.inline button:last-child {
  margin-right: 0;
}
.nav.inline button:hover {
  background: #27bc60;
  color: #0D0E16;
}
.nav.inline button.active {
  background: #27bc60;
}

.bg-dec-scorecentre .bg-dec-mainpanel {
  background-color: #0D0E16 !important;
}

#DateTimePicker, .date-time-picker {
  width: 200px;
  margin: unset;
  font-family: "Montserrat", sans-serif !important;
}
#DateTimePicker .datepicker-buttons-container .datepicker-button svg, .date-time-picker .datepicker-buttons-container .datepicker-button svg {
  transition: none !important;
}
#DateTimePicker .datepicker-buttons-container .datepicker-button .datepicker-button-effect, .date-time-picker .datepicker-buttons-container .datepicker-button .datepicker-button-effect {
  transform: none !important;
}
#DateTimePicker .field-input, .date-time-picker .field-input {
  border-radius: 0;
  height: 34px !important;
  min-height: 34px !important;
  font-family: "Montserrat", sans-serif !important;
  text-align: center;
  color: white !important;
  background-color: #0D0E16 !important;
  border: none;
}
#DateTimePicker .field-input:focus, .date-time-picker .field-input:focus {
  border: none;
}
#DateTimePicker .custom-button, #DateTimePicker .custom-button .custom-button-effect, #DateTimePicker .datepicker-container .datepicker-days .datepicker-day.between.last .datepicker-day-effect, .date-time-picker .custom-button, .date-time-picker .custom-button .custom-button-effect, .date-time-picker .datepicker-container .datepicker-days .datepicker-day.between.last .datepicker-day-effect {
  border-radius: 0 !important;
}

.date-time-picker .flex-1 {
  font-size: 13px;
}

.datepicker-label {
  font-size: 11px;
}

/* .datetimepicke.cashout{
    color: var(--main-brand-primary);
    font-size:11px;
    position: relative;
    cursor: pointer;

    .text{
        font-size: 9px;
        background: #0D0E16;
        position: absolute;
        left:-7px;
        top: -35px;
        padding: 10px;
        color: white;
        opacity: 0;
        visibility: hidden;
        transition:all 0.3s;
        white-space:nowrap;
        &:before {
            content: '';
            bottom: -10px;
            position: absolute;
            top: 100%;
            left: 8px;
            border-top: 5px solid $brand-secondary;
            border-right: 5px solid transparent;
            border-left: 5px solid transparent;
        }

    }
    .label{
        color: white;
        font-size:11px;
        font-weight:bold;
    }
    a{
        color: var(--main-brand-primary);
        &:hover{
            color: var(--main-brand-primary);
            text-decoration: underline;
        }
    }

    .buttons{
        a{
            color: white;

            &:first-child{
                margin-right: 5px;
                color: var(--main-brand-primary);

            }

            &:hover{
                text-decoration: underline;
            }
        }
    }

    .dflex{
        align-items: center;
        color: white;
        i{
            transform: scale(0.8);
            margin-left: 5px;
        }
    }

    &:hover{
        .text{
            opacity: 1;
            visibility: visible;
            top: -32px;
        }
    }
}
 */
.visible {
  z-index: 999999 !important;
}

.filter-label {
  display: block;
  font-size: 11px;
  margin-bottom: 5px;
}
.filter-label .cashout {
  color: var(--main-brand-primary);
  font-size: 11px;
  position: relative;
  cursor: pointer;
}
.filter-label .cashout .tooltip {
  font-size: 9px;
  background: #0D0E16;
  position: absolute;
  left: -7px;
  top: -35px;
  padding: 10px;
  color: white;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  white-space: nowrap;
}
.filter-label .cashout .tooltip:before {
  content: "";
  position: absolute;
  top: 98%;
  left: 8px;
  border-top: 5px solid #0D0E16;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.filter-label .cashout .label {
  color: white;
  font-size: 11px;
  font-weight: bold;
}
.filter-label .cashout a {
  color: var(--main-brand-primary);
}
.filter-label .cashout a:hover {
  color: var(--main-brand-primary);
  text-decoration: underline;
}
.filter-label .cashout .buttons a {
  color: white;
}
.filter-label .cashout .buttons a:first-child {
  margin-right: 5px;
  color: var(--main-brand-primary);
}
.filter-label .cashout .buttons a:hover {
  text-decoration: underline;
}
.filter-label .cashout .dflex {
  align-items: center;
  color: white;
}
.filter-label .cashout .dflex i {
  transform: scale(0.8);
  margin-left: 5px;
}
.filter-label .cashout:hover .text {
  opacity: 1;
  visibility: visible;
  top: -32px;
}

.header-picker-year {
  display: none;
}

.datepicker-container .datepicker-days .datepicker-day {
  height: auto !important;
}

.datetimepicker.is-dark .datepicker, .datetimepicker.is-dark .pickers-container, .custom-button.is-dark, .datepicker-buttons-container.is-dark .datepicker-button, .datepicker-buttons-container.is-dark {
  background: var(--main-background-color);
  border-radius: 0;
}

.datepicker-buttons-container.is-dark .datepicker-button:not(.now), .datepicker-buttons-container.is-dark:not(.now) {
  border-color: transparent !important;
}

.datetimepicker.is-dark .datepicker, .datetimepicker.is-dark .pickers-container {
  border-radius: 0 !important;
}

.header-picker.is-dark, .datepicker-container .datepicker-days .datepicker-day .datepicker-day-effect, .custom-button .custom-button-effect {
  background: var(--main-brand-primary) !important;
}

.preloader {
  position: absolute;
  top: 10em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.preloader img {
  max-width: 50px;
}

.preloader-small {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  padding: 0 !important;
  margin-bottom: 5px;
  margin-top: 5px;
}
.preloader-small img {
  max-height: 100%;
}

.game-info.preview .preloader-small img {
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  padding: 0 !important;
  margin-bottom: 5px;
  margin-top: 5px;
  left: auto;
  position: inherit;
}

.form {
  padding-top: 30px;
}
.form textarea {
  background: transparent;
  border: 2px solid var(--main-brand-primary);
  resize: none;
  color: var(--main-text-color);
  padding: 15px;
}
.form .label {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.form .label .upload-file {
  margin: 5px;
  flex: 1;
}
.form .label .upload-file span.small {
  font-size: 10px;
  margin-top: 10px;
}
.form .label .upload-file .filename {
  min-height: 3rem;
  border: 1px solid #27BC60;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.form .label .upload-file .filename .name {
  overflow: hidden;
  display: flex;
  align-items: center;
  width: 100%;
}
.form .label .upload-file .filename .name span {
  margin-bottom: 0;
  padding: 5px;
  width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form .label .upload-file .filename .img {
  background: #27BC60;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.form label {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.form .tooltip-content {
  position: relative;
  cursor: pointer;
}
.form .tooltip-content:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.form .tooltip-content .tooltip {
  left: -86px;
  right: 0;
  bottom: 30px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
  color: white;
}
.form .tooltip-content .tooltip p {
  color: white !important;
}
.form form {
  position: relative;
  color: #CACACA;
}
.form form main {
  width: 500px;
  margin: 0 auto;
  max-width: 100%;
}
.form form span {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  font-weight: 500;
  color: var(--main-text-color);
}
.form form span .subtitle {
  font-size: 1em;
  align-items: center;
  margin-bottom: 0px;
}
.form form > label {
  font-size: 18px;
  position: relative;
  margin-bottom: 1.5em;
  display: block;
}
.form form select {
  color: #c2c8cc;
}
.form form select.invalid {
  border: 2px solid #DE513C;
}
.form form select.valid {
  border: 2px solid #2ECC71;
}
.form form option {
  border: 0;
  outline: 0;
}
.form form input {
  background-color: var(--main-background-color);
  border: 1px solid var(--main-text-color);
  color: var(--main-text-color);
  font-weight: 300;
  width: 100%;
}
.form form input.invalid {
  border: 2px solid #DE513C;
}
.form form input.valid {
  border: 2px solid #2ECC71;
}
.form form input[type=radio] {
  width: auto;
  margin-right: 10px;
  margin-top: 0;
}
.form form p {
  font-size: 12px;
  line-height: 1.2;
  margin-top: 5px;
  color: #c2c8cc;
}
.form form .inline > div {
  display: flex;
  margin-right: 15px;
  width: auto;
}
.form form .inline > input {
  margin-right: 15px;
  width: auto;
}
.form form .inline.phone {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 1em;
}
.form form .inline.phone > span {
  flex-basis: 100%;
}
.form form .inline.phone label {
  border: 1px solid blue;
}
.form form .inline.phone select {
  flex-basis: 28%;
  margin-right: 2%;
}
.form form .inline.phone input {
  margin-right: unset;
  flex-basis: 68%;
}
.form form .inline.phone .alert {
  position: absolute;
  top: 0;
  right: 0;
}
.form form .inline label {
  font-size: 14px;
  margin: 0;
}
.form form .inline input[type=checkbox] {
  margin: 0;
  padding: 0;
  width: auto;
  margin-right: 5px;
  border: 1px solid var(--main-brand-primary);
}
.form form .inline input[type=radio] {
  margin: 0;
  padding: 0;
  width: auto;
  margin-right: 5px;
  border: 1px solid var(--main-brand-primary);
}
.form form .inline.date select {
  margin-right: 8px;
  width: 100%;
  padding: 10px;
  font-size: 13px;
}
.form form .inline.date select:last-of-type {
  margin: 0;
}
.form footer {
  padding: 1em 0;
  margin-top: 2em;
  width: 100%;
  display: flex;
  justify-content: center;
  border-top: 12px solid #071727;
  padding-top: 30px;
}
.form button[type=button] {
  font-size: 16px;
  padding: 5px 60px;
}
.form button {
  width: auto;
}
.form button:disabled {
  opacity: 0.3;
  background-color: transparent;
}
.form.myaccount {
  padding-top: 0;
}
.form.myaccount i.close {
  width: 11px;
  height: 11px;
}
.form.myaccount form label > span {
  font-weight: bold;
}
.form.myaccount form label .value {
  font-weight: normal;
}
.form.myaccount form .subtitle {
  font-weight: bold;
}
.form.myaccount div.avatar {
  position: relative;
  cursor: pointer;
  margin-right: 10px;
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.form.myaccount div.avatar .change {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9;
  text-align: center;
  display: flex;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
  font-size: 11px;
}
.form.myaccount div.avatar .dinamyc_avatar {
  background-image: var(--img-avatar);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.form.myaccount div.avatar:hover .change {
  visibility: visible !important;
  opacity: 1;
}
.form.myaccount label .value {
  margin-top: 5px;
}
.form.myaccount .address2 {
  margin-top: 20px;
  margin-bottom: 0;
}
.form.myaccount h2 {
  margin-top: 20px;
}
.form.myaccount .security, .form.myaccount .bonus-notifications, .form.myaccount .notifications {
  margin-top: 3em;
}
.form.myaccount .notifications {
  padding-bottom: 5em;
}
.form.myaccount .notifications.bonus-notifications {
  padding-bottom: 0;
}
.form.myaccount .notifications .checkbox-container {
  align-items: flex-start;
  margin-bottom: 20px;
}
.form.myaccount .notifications .checkbox-container input[type=checkbox] {
  margin: 0;
  margin-right: 10px;
  border: 1px solid var(--main-brand-primary);
}
.form.myaccount .notifications .checkbox-container strong {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: white;
}
.form.myaccount .notifications .checkbox-container span {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 200;
}
.form.myaccount h4 {
  border-bottom: 1px solid var(--main-brand-primary);
  padding-bottom: 5px;
}
.form.myaccount section {
  max-width: 600px;
  margin: 0 auto;
  padding-top: 10px;
}
.form.myaccount label img.avatar {
  cursor: pointer;
  max-width: 100%;
}
.form.myaccount label.validate {
  border: 1px solid var(--main-brand-primary);
  padding: 20px;
  position: relative;
}
.form.myaccount label.validate span.subtitle {
  margin-bottom: 0;
}
.form.myaccount label.validate .resend {
  font-size: 12px;
  display: block;
  color: #27BC60;
  text-decoration: underline;
  cursor: pointer;
}
.form.myaccount label.validate.dflex {
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
}
.form.myaccount label.validate .alert {
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 0;
  text-align: center;
  display: block;
}
.form.myaccount label.validate .alert.success {
  color: var(--main-brand-primary);
}
.form.myaccount label.validate span.counter, .form.myaccount label.validate a.alt-counter {
  position: absolute;
  top: 10px;
  right: 10px;
}
.form.myaccount label.validate a.alt-counter {
  font-size: 11px;
  text-decoration: underline;
  color: var(--main-brand-primary);
}
.form.myaccount label span .edit,
.form.myaccount label span .save,
.form.myaccount label span .cancel, .form.myaccount label span .validate {
  font-size: 12px;
  color: var(--main-brand-primary);
  margin-left: 10px;
  text-decoration: underline;
  cursor: pointer;
}
.form.myaccount label span.validated {
  font-size: 12px;
  color: white;
  margin-left: 10px;
  cursor: pointer;
  margin-top: 10px;
}
.form.myaccount label span.validated i {
  margin-left: 10px;
}
.form.myaccount label span .cancel {
  color: var(--main-text-color);
}
.form.myaccount .contact a.validate {
  font-size: 12px;
  display: block;
  color: var(--main-brand-primary);
  margin-bottom: 10px;
  text-decoration: underline;
  cursor: pointer;
}
.form.myaccount .contact a.validate.disabled {
  text-decoration: none;
  color: #666666;
}
.form.myaccount select.invalid {
  border: 2px solid #DE513C;
}
.form.myaccount select.valid {
  border: 2px solid #2ECC71;
}
.form select {
  width: 100%;
}

.inline {
  display: flex;
}
.inline.date {
  justify-content: space-between;
}
.inline.date label {
  flex-basis: 32%;
}

.toggle {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.toggle span {
  font-size: 12px;
  margin-right: 10px;
}

.tgl {
  display: none !important;
}

.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}

.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}

.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}

.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 4em;
  height: 2em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}

.tgl + .tgl-btn:after {
  left: 0;
}

.tgl + .tgl-btn:before {
  display: none;
}

.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-light + .tgl-btn {
  background: darkgray;
  border-radius: 2em;
  padding: 2px;
  transition: all 0.4s ease;
}

.tgl-light + .tgl-btn:after {
  border-radius: 50%;
  background: #fff;
  transition: all 0.2s ease;
}

.tgl-light:checked + .tgl-btn {
  background: var(--main-brand-primary);
}

input {
  background: var(--main-background-color);
  color: var(--main-text-color);
  outline: 0;
  border: none;
  padding: 10px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}
input.disabled {
  background: transparent !important;
}
input.code {
  text-align: center;
  font-size: 22px;
  border: none;
  border-bottom: 1px solid var(--main-brand-primary);
  font-weight: 300;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

select {
  color: var(--main-text-color);
  background-color: var(--bg-selects);
  border: none;
  background-image: url(/bingocasinos.co/img/chevron.svg);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 15px;
  padding: 10px;
  padding-right: 40px;
}
select:hover {
  cursor: pointer;
}

select.themeSelect {
  background-position: 90% center !important;
  color: white !important;
}

.form-group {
  margin-bottom: 1em;
  width: 100%;
  display: flex;
  align-items: center;
}
.form-group .select-container {
  flex: 1;
  background: unset;
  padding: 0px !important;
  outline: none;
}
.form-group .select-container select {
  background: var(--sidebar-search-bg);
  color: var(--sidebar-search-color);
  font-weight: 1000;
  border: transparent;
  border-right: 1px solid #000;
  outline: none;
  padding: 10px;
  padding-right: 15px;
  background-image: var(--sidebar-search-select-bg-image);
  background-repeat: no-repeat;
  background-position: 97% center;
  font-size: 12px;
}
.form-group .select-container select:focus {
  outline: none;
}
.form-group .input-container {
  flex: 2;
  display: flex;
  background: var(--sidebar-search-bg);
}
.form-group .input-container input {
  flex: 1;
  background: var(--sidebar-search-bg);
  color: var(--sidebar-search-color);
  font-size: 12px;
  border: none;
}
.form-group .input-container input::-moz-placeholder {
  color: var(--sidebar-search-color);
}
.form-group .input-container input::placeholder {
  color: var(--sidebar-search-color);
}
.form-group .input-container .go {
  margin-right: 5px;
  width: 20px;
  cursor: pointer;
  display: inline;
  background-image: url(/bingocasinos.co/img/search-dark.png);
  background-repeat: no-repeat;
  background-position: 100% center;
  background-size: contain;
}
.form-group .label {
  margin-bottom: 5px;
  display: block;
  font-size: 14px;
  margin-right: 10px;
  flex-basis: 50%;
  font-weight: 500;
}
.form-group select,
.form-group input {
  width: 100%;
}

.nav_search {
  margin-bottom: 13px !important;
}
@media (max-width: 1023px) {
  .nav_search h3 {
    padding: 10px 20px !important;
  }
  .nav_search .center.search {
    margin: 10px auto !important;
    width: 88%;
    background: #020511;
    color: #ffffff;
  }
  .nav_search .form-group.search {
    padding: 0px 13px;
  }
}

.loading-search {
  display: flex;
  justify-content: center;
}

.form-group.search {
  display: block;
  padding: 0px 15px;
  margin-bottom: 0px;
  margin-top: 0px;
}
.form-group.search .select-container {
  background: #ffffff;
  color: #000000;
  margin-bottom: 5px;
  border: 1px solid #8c8d93;
}
.form-group.search .select-container select {
  border-right: none;
  background-image: url(/bingocasinos.co/img/chevronD.svg);
  background-size: 15px;
  font-weight: normal;
}
.form-group.search .input-container {
  background: #ffffff;
  color: #000000;
  border: 1px solid #8c8d93;
}
.form-group.search .input-container .go {
  margin-right: 8px;
  width: 15px;
}

.checkbox-container {
  display: flex;
  align-items: center;
}
.checkbox-container label {
  display: block;
  margin: 0;
}

input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px !important;
  transition: all 0.15s ease-out 0s;
  background: #0d0e15;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
}
input[type=checkbox]:hover {
  background: #0d0e15;
}
input[type=checkbox]:checked {
  background: var(--main-brand-primary);
}
input[type=checkbox]:checked::before {
  height: 20px;
  width: 20px !important;
  position: absolute;
  content: "✔";
  display: inline-block;
  font-size: 24px;
  text-align: center;
  line-height: 1;
  top: 0;
  left: 0;
}
input[type=checkbox]:checked::after {
  background: var(--main-brand-primary);
  content: "";
  display: block;
  position: relative;
}

[type=radio]:checked,
[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type=radio]:checked + label,
[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #CACACA;
}

[type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #27bc60;
  border-radius: 100%;
  background: #0D0E16;
}

[type=radio]:checked + label:after,
[type=radio]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #27bc60;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  transition: all 0.2s ease;
}

[type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

[type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.radio-sq [type=radio]:checked + label:before,
.radio-sq [type=radio]:not(:checked) + label:before,
.radio-sq [type=radio]:checked + label:after,
.radio-sq [type=radio]:not(:checked) + label:after {
  border-radius: 0;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 15px;
  margin-left: 10px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #c2c8cc;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  right: 25px;
  bottom: 0px;
  background-color: #f6f6f6;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: var(--main-brand-primary);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--main-brand-primary);
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}

fieldset.languageSelect,
fieldset.odd-format {
  color: white !important;
  display: flex;
}
fieldset.languageSelect label,
fieldset.odd-format label {
  font-size: 10px;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
  margin-bottom: 3px;
}
fieldset.languageSelect select,
fieldset.odd-format select {
  color: white !important;
}
fieldset.languageSelect:hover label,
fieldset.odd-format:hover label {
  visibility: visible;
  opacity: 1;
}
fieldset.languageSelect select#language,
fieldset.languageSelect select#odd-format-toggle,
fieldset.odd-format select#language,
fieldset.odd-format select#odd-format-toggle {
  border: none;
}

.slider-component {
  margin-bottom: 20px;
  margin-top: 11px;
}
.slider-component .mobile {
  display: none !important;
}
.slider-component .featured {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  height: 100%;
  position: relative;
  background: var(--background-fixtures);
}
.slider-component .featured figure {
  overflow: hidden;
}
.slider-component .featured .event-info {
  height: auto;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  justify-content: space-between;
  padding: 10px;
}
.slider-component .featured .event-info .date {
  font-size: 11px;
  margin-bottom: 10px;
  color: darkgray;
  color: var(--date-info-color);
}
.slider-component .featured .event-info .market {
  font-size: 10px;
  width: 100%;
  margin-top: 10px;
  margin-right: 0;
}
.slider-component .featured .event-info .market header {
  position: relative;
}
.slider-component .featured .event-info .market header i {
  cursor: pointer;
}
.slider-component .featured .event-info > span {
  margin: 0;
  line-height: 1;
}
.slider-component .featured .event-info .match {
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 16px;
  color: var(--main-text-color);
}
.slider-component .featured .event-info .league {
  font-size: 13px;
  color: var(--main-text-color);
}
.slider-component .featured .event-info .odds .selection {
  border: 1px solid var(--main-brand-primary);
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 0px;
  justify-content: space-between;
}
.slider-component .featured .event-info .odds .selection .button {
  background: var(--input-variant) !important;
}
.slider-component .featured .event-info .odds .selection .button:hover {
  background: var(--main-brand-primary) !important;
}
.slider-component .featured .event-info .odds .selection .button.active {
  background: var(--main-brand-primary) !important;
}
.slider-component .featured .event-info .odds .selection .button.active:hover {
  background: var(--main-brand-primary) !important;
}
.slider-component .featured .event-info .odds .selection > span {
  margin: 0;
  overflow: initial;
  font-size: 0.8em;
  text-overflow: initial;
  white-space: initial;
  max-width: none;
  transition: all 0.5s;
}
.slider-component .featured .event-info .odds .selection .odd {
  display: block;
  text-align: center;
  margin: 0;
}
.slider-component .featured .event-info .odds .selection .odd img {
  display: unset;
  width: unset;
}
.slider-component .featured .odds .selection {
  font-size: 15px;
  width: 100%;
  display: flex;
  height: 50px;
  min-height: 50px;
  font-weight: 500;
  flex-direction: column;
  padding: 4px;
  justify-content: center;
  background: #222433;
  border: none !important;
  cursor: pointer;
  margin-bottom: 0;
}
.slider-component .featured .odds .selection .odd {
  overflow: visible;
  text-overflow: initial;
  max-width: 100%;
  font-weight: bold;
  font-size: 1.1em;
  transition: all 0.5s;
}
.slider-component .owl-carousel.owl-drag .owl-item {
  overflow: hidden;
}
.slider-component .owl-dots .owl-dot span {
  background: #838383 !important;
}
.slider-component .owl-dots .owl-dot.active span, .slider-component .owl-theme .owl-dots .owl-dot:hover span {
  background: #43ae61 !important;
}
.slider-component .owl-dots .owl-dot {
  border: none !important;
}
.slider-component .owl-dots .owl-dot:hover {
  border: none !important;
}
.slider-component .navigation {
  display: flex;
}
.slider-component .navigation span {
  height: 10px;
  width: 10px;
  border: 2px solid grey;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-indent: -9999999px;
  margin-right: 5px;
}
.slider-component .navigation span.fill {
  background: grey;
}
.slider-component ul {
  display: flex;
  width: 100%;
}
.slider-component ul li {
  margin-right: 20px;
}
.slider-component ul li img {
  max-width: 100%;
}
.slider-component ul li:last-child {
  margin: 0;
}

@keyframes pulse {
  0% {
    box-shadow: 0px 0px 5px 0px rgba(173, 0, 0, 0.3);
  }
  65% {
    box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0.3);
  }
  90% {
    box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0);
  }
}
.tooltip {
  position: absolute;
  background: #c2c8cc;
  padding: 10px;
  bottom: 25px;
  text-align: center;
  font-size: 10px;
  transition: all 0.5s;
  color: #0c0c0c;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  z-index: 9;
  line-height: 1.2;
}
.tooltip:before {
  content: "";
  position: absolute;
  top: 98%;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #c2c8cc;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.tooltip p {
  margin: 0 !important;
  color: #0c0c0c !important;
}

i.icon-info {
  height: 14px;
  width: 15px;
  background-image: url(/bingocasinos.co/img/info.png);
  background-size: cover;
  display: block;
  background-repeat: no-repeat;
  transform: scale(0.75);
}
i.icon-info.hidden {
  opacity: 0;
  visibility: hidden;
}

i.icon-info-red {
  height: 14px;
  width: 15px;
  background-image: url(/bingocasinos.co/img/pay/info-red.png);
  background-size: cover;
  display: block;
  background-repeat: no-repeat;
  transform: scale(0.75);
}
i.icon-info-red.hidden {
  opacity: 0;
  visibility: hidden;
}

i.icon-info-bonos {
  background-image: var(--img-info-bonos);
  width: 15px;
  height: 15px;
  background-size: cover !important;
  background-repeat: no-repeat;
  display: block;
}
i.icon-info-bonos.hidden {
  opacity: 0;
  visibility: hidden;
}

i.icon-flecha-bonos {
  height: 14px;
  width: 15px;
  background-image: var(--img-flecha-bonos);
  background-size: cover;
  display: block;
  background-repeat: no-repeat;
  transform: scale(2);
  margin-right: 1em;
}
i.icon-flecha-bonos.hidden {
  opacity: 0;
  visibility: hidden;
}

i.icon-ojo-bonos {
  height: 14px;
  width: 15px;
  background-image: var(--img-ojo-bonos);
  background-size: cover;
  display: block;
  background-repeat: no-repeat;
  transform: scale(2);
  margin-right: 1em;
}
i.icon-ojo-bonos.hidden {
  opacity: 0;
  visibility: hidden;
}

i.icon-arrowbotton-bonus {
  height: 10px;
  width: 15px;
  background-image: url(/bingocasinos.co/img/bonos/Arrow.svg);
  background-size: cover;
  display: block;
  background-repeat: no-repeat;
  transform: scale(1);
  margin-right: 1em;
  cursor: pointer;
}
i.icon-arrowbotton-bonus.hidden {
  opacity: 0;
  visibility: hidden;
}

i.icon-arrowtop-bonus {
  height: 10px;
  width: 15px;
  background-image: url(/bingocasinos.co/img/bonos/Arrow.svg);
  background-size: cover;
  display: block;
  cursor: pointer;
  background-repeat: no-repeat;
  transform: scale(1.5);
  transform: rotate(180deg);
  margin-right: 1em;
}
i.icon-arrowtop-bonus.hidden {
  opacity: 0;
  visibility: hidden;
}

.print {
  position: relative;
  display: inline;
  display: flex;
  align-items: center;
  font-size: 13px;
}
.print i {
  margin-right: 5px;
}
.print:hover {
  text-decoration: underline;
}

.alert-top {
  background: #f3b90f;
  color: black;
  margin-left: 300px;
  padding: 10px;
  display: flex;
  text-align: center;
  box-sizing: border-box;
  font-size: 12px;
  z-index: 999999;
  font-weight: 600;
  justify-content: space-between;
}
.alert-top .resend {
  text-decoration: underline;
  color: black !important;
}
.alert-top .close {
  cursor: pointer;
}

.alert-top.widthAll {
  margin-left: 0;
}
@media (max-width: 1023px) {
  .alert-top.widthAll {
    position: relative;
    z-index: 1;
  }
}

@media (min-width: 1024px) {
  .alert-top.fullwidth {
    margin-left: 0;
  }
}

.error-msg {
  text-align: center;
  height: 80px;
}

.register-message {
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}
.register-message h3 {
  font-size: 30px;
  font-weight: 500;
}
.register-message img {
  margin-bottom: 10px;
}
.register-message button {
  font-size: 18px;
  padding: 10px 40px;
}
.register-message .login {
  margin-bottom: 20px;
}
.register-message .login h4 {
  text-align: left;
  font-weight: 500;
}
.register-message .login input {
  margin-bottom: 10px;
}
.register-message .login .forgot-pass {
  text-align: center;
  border-bottom: 1px solid;
  color: darkgray;
}
.register-message .login .forgot-pass:hover {
  color: white;
}

.system-date {
  display: block;
  margin-bottom: 20px;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}
.system-date .system-time {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  -webkit-box-pack: justify;
  align-items: center;
  margin-bottom: 2px;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .system-date .system-time {
    color: var(--main-text-color) !important;
  }
}
.system-date .system-time:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.system-date .system-time span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.system-date .system-time i {
  display: inline-block;
  margin-left: 5px;
}
.system-date .system-time .tooltip {
  top: 30px;
  z-index: 99999;
  position: fixed;
  bottom: unset;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  white-space: nowrap;
}

.pageNav {
  display: flex;
  justify-content: space-between;
  padding-left: 5px;
  font-size: 16px;
  align-items: center;
  margin-top: 6px;
}
@media (min-width: 1024px) {
  .pageNav .img-navigation {
    display: block;
    width: 265px;
    height: 38px;
    margin-left: 5px;
    margin-bottom: 5px;
    background: var(--img-logo-fullwidth);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
  }
}
.pageNav div {
  cursor: pointer;
  transition: all 0.5s;
  line-height: 1.4;
  font-size: 14px;
  margin-right: 10px;
  margin-left: 10px;
}
.pageNav div.active {
  color: var(--pageNav-active-color) !important;
  font-weight: bold;
  border-bottom: 4px solid #f3b90f;
  padding-bottom: 6px;
  margin-top: 10px;
}
.pageNav div.active:hover {
  color: #f3b90f !important;
}
.pageNav div:hover {
  color: #f3b90f !important;
}
.pageNav a {
  margin-right: 7px !important;
  margin-left: 7px;
}
.pageNav a, .pageNav div {
  color: var(--primary-text-color);
  text-decoration: none;
  text-align: center;
  transition: none !important;
  font-weight: 600;
}
.pageNav a.active, .pageNav div.active {
  color: var(--pageNav-active-color) !important;
  font-weight: bold;
  border-bottom: 4px solid #f3b90f;
  padding-bottom: 6px;
  margin-top: 10px;
}
.pageNav a.active:hover, .pageNav div.active:hover {
  color: #f3b90f !important;
}

.flag-small {
  display: flex;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  border: 1px solid transparent;
}

.flag-small.world {
  background: url(/bingocasinos.co/img/world.png) no-repeat;
  width: 21px;
  height: 21px;
  background-size: contain;
  display: flex;
  border-radius: 50%;
  margin-right: -1px;
  margin-left: -2px;
}

.featured-grid {
  display: none;
}
@media (max-width: 1023px) {
  .featured-grid {
    background: var(--bg-featured-grid);
    margin-top: 15px;
    display: block;
    margin-bottom: 3px;
  }
  .featured-grid a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0 !important;
    flex: 1;
    line-height: 1.8 !important;
    margin-right: 0 !important;
  }
  .featured-grid i {
    width: 20px;
    height: 20px;
    display: block;
    background-size: contain !important;
    overflow: hidden;
    margin-right: 5px;
  }
  .featured-grid i.arrow {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    display: block;
    background-size: cover !important;
    transform: scale(0.5) rotate(-90deg);
  }
  .featured-grid i.arrow.show {
    transform: scale(0.5) rotate(0deg);
  }
  .featured-grid .info-featured-event {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 20px;
  }
  .featured-grid .leaguename {
    font-size: 13px;
    line-height: 1.2;
    width: 188px;
    font-weight: 500;
  }
  .featured-grid h3 {
    display: flex;
    justify-content: space-between;
    font-size: 15px !important;
    margin: 0 !important;
    padding-bottom: 10px;
    background: var(--main-background-color-featured);
    font-weight: 300;
    padding: 10px 20px;
    align-items: center;
  }
  .featured-grid h3.no-border {
    border: none;
  }
  .featured-grid h3.active {
    color: var(--category-sidebar-color);
    font-weight: bold;
  }
  .featured-grid h3:hover {
    cursor: pointer;
  }
  .featured-grid h3 span {
    font-weight: 600;
  }
  .featured-grid h3 i {
    background: var(--icon-chevron-desktop);
    max-width: 15px;
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 1px;
  }
  .featured-grid h3 i.show {
    background: var(--icon-chevron-up-desktop);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 1px;
  }
}

.sports-grid {
  display: none;
}
@media (max-width: 1023px) {
  .sports-grid {
    display: block;
  }
  .sports-grid a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0 !important;
    flex: 1;
    line-height: 1.8 !important;
  }
  .sports-grid i {
    width: 20px;
    height: 20px;
    display: block;
    background-size: contain !important;
    overflow: hidden;
    margin-right: 5px;
  }
  .sports-grid i.arrow {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    display: block;
    background-size: cover !important;
    transform: scale(0.5) rotate(-90deg);
  }
  .sports-grid i.arrow.show {
    transform: scale(0.5) rotate(0deg);
  }
  .sports-grid .title-counter {
    display: flex;
  }
  .sports-grid .title-counter .title {
    margin-right: 7px;
  }
  .sports-grid h3 {
    display: flex;
    justify-content: space-between;
    font-size: 15px !important;
    margin: 0 !important;
    padding-bottom: 10px;
    background: var(--main-background-color-featured);
    font-weight: 300;
    padding: 10px 20px;
    align-items: center;
  }
  .sports-grid h3.no-border {
    border: none;
  }
  .sports-grid h3.active {
    color: var(--category-sidebar-color);
    font-weight: bold;
  }
  .sports-grid h3:hover {
    cursor: pointer;
  }
  .sports-grid h3 .title, .sports-grid h3 .counter {
    font-weight: 600;
  }
  .sports-grid h3 i {
    background: var(--icon-chevron-desktop);
    max-width: 15px;
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 1px;
  }
  .sports-grid h3 i.show {
    background: var(--icon-chevron-up-desktop);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 1px;
  }
  .sports-grid .container-more-regions {
    display: flex;
    justify-content: center;
  }
  .sports-grid .container-more-regions .more-regions {
    margin-bottom: 5px !important;
    margin-top: 10px;
  }
}

.sports-grid.margin {
  margin-top: 15px;
}

.sports-grid a > span {
  display: flex;
  align-items: center;
  font-weight: 500;
}
.sports-grid a > span:last-child {
  font-size: 11px;
}

.sports.lg, .featuredLeagues.lg {
  padding: 0 20px;
}
.sports a, .featuredLeagues a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0 !important;
  flex: 1;
  line-height: 1.8 !important;
}
.sports i, .featuredLeagues i {
  width: 20px;
  height: 20px;
  display: block;
  background-size: contain !important;
  overflow: hidden;
  margin-right: 5px;
}
.sports i.arrow, .featuredLeagues i.arrow {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  display: block;
  background-size: cover !important;
  transform: scale(0.5) rotate(-90deg);
}
.sports i.arrow.show, .featuredLeagues i.arrow.show {
  transform: scale(0.5) rotate(0deg);
}
.sports > h3, .featuredLeagues > h3 {
  color: var(--primary-text-color);
}

.featuredLeagues a {
  margin: 0 !important;
  background-color: var(--sidebar-sport-bg);
}
.featuredLeagues a > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.featuredLeagues a .leaguename {
  /*      white-space: nowrap;
       text-overflow: ellipsis;
       overflow: hidden; */
  font-size: 13px;
  line-height: 1.2;
  width: 188px;
  font-weight: 500;
}

.sports a > span {
  display: flex;
  align-items: center;
  font-weight: 500;
}
.sports a > span:last-child {
  font-size: 11px;
}

.aside {
  background-color: var(--main-background-color);
  color: var(--main-text-color);
  width: 300px;
  height: 100%;
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  left: 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  z-index: 99;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.aside .error {
  padding: 3px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--sidebar-search-bg);
  margin-top: 5px;
}
.aside .error i.error {
  background: url(/bingocasinos.co/img/error-search.png);
  padding: 0;
  margin-right: 0.5rem;
  width: 20px;
  height: 20px;
  margin-top: unset;
  display: inline-block;
}
.aside .error p {
  font-size: 10px;
}
.aside .sports.lg {
  padding: 0 20px 100px;
  background: var(--bg-sports-lg);
  border-radius: 7px;
}
.aside .sports.lg > h3 {
  border-radius: 7px 7px 0px 0px;
}
.aside .sports.lg > div:last-child {
  border-radius: 0px 0px 7px 7px;
}
.aside .sports.lg .inline {
  font-weight: 600;
  margin-bottom: 0px !important;
  margin-right: 0px !important;
}
.aside .featuredLeagues.lg a {
  padding: 5px 10px 5px 10px !important;
}
.aside .featuredLeagues.lg > h3 {
  margin: 0 !important;
  border-radius: 7px 7px 0px 0px;
}
.aside .featuredLeagues.lg > div > a:last-child {
  border-radius: 0px 0px 7px 7px;
}
.aside .randomBets {
  padding: 0 20px;
}
.aside .randomBets button {
  background: #f3b90f;
  color: black;
  border: none;
  border-radius: 6px;
}
.aside .randomBets button:hover {
  border: none !important;
}
@media (max-width: 1023px) {
  .aside .randomBets button:last-of-type {
    margin-bottom: 20px;
  }
}
.aside h3 {
  display: flex;
  justify-content: space-between;
  font-size: 15px !important;
  margin: 0px 5px 10px 0px !important;
  padding-bottom: 10px;
  background: var(--main-background-color-featured);
  font-weight: 300;
  padding: 10px 20px;
}
.aside h3.no-border {
  border: none;
}
.aside h3.active {
  color: var(--category-sidebar-color);
  font-weight: bold;
}
.aside ::-webkit-scrollbar {
  width: 10px;
}
.aside ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.aside ::-webkit-scrollbar-thumb {
  background: #888;
}
.aside ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.aside .logo {
  padding: 20px 30px;
  margin: 0;
}
.aside .logo .img-logo {
  width: 214px;
  background: var(--img-logo);
  height: 70px;
  background-size: contain;
  margin-left: 12px;
}
.aside .logo span {
  display: none;
}
.aside a {
  color: var(--main-text-color);
}
@media (max-width: 1023px) {
  .aside a {
    color: var(--main-text-color) !important;
  }
}
.aside nav {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.aside nav a {
  padding: 5px !important;
}
.aside button {
  width: 100%;
  font-size: 16px;
}
.aside button:last-of-type {
  margin-bottom: 30px;
}
.aside.casino-sidebar nav h3 {
  font-weight: 600;
}
.aside.casino-sidebar h3 {
  justify-content: flex-start;
  align-items: center;
}
.aside.casino-sidebar i.star {
  width: 20px;
  height: 18px;
  filter: brightness(5);
}
.aside.casino-sidebar a h3 i, .aside.casino-sidebar a i {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.aside.casino-sidebar a div {
  display: flex;
}
.aside.casino-sidebar a div i {
  background-color: var(--sidear-casino-background-featured-icons);
  border-radius: 50%;
}
.aside.casino-sidebar ul {
  padding-left: 30px;
}
.aside.casino-sidebar ul li {
  margin-bottom: 10px;
}
.aside.casino-sidebar ul li span {
  cursor: pointer;
}
.aside.casino-sidebar ul li span:hover {
  color: var(--main-brand-primary);
}
.aside.casino-sidebar ul li i {
  margin-right: 10px;
}
.aside.casino-sidebar a:hover {
  transition: all 0.5s;
  color: var(--category-sidebar-color);
}
.aside.casino-sidebar a:hover h3.active {
  font-weight: bold;
}
@media (max-width: 1023px) {
  .aside.casino-sidebar nav h3 {
    color: var(--main-text-color) !important;
  }
  .aside.casino-sidebar h3 {
    padding: 10px 20px;
    background: var(--sidebar-sport-bg) !important;
  }
  .aside.casino-sidebar h3.casino-categories {
    color: var(--main-text-color) !important;
  }
  .aside.casino-sidebar h3.active {
    color: var(--main-brand-primary) !important;
  }
  .aside.casino-sidebar a {
    color: var(--main-text-color) !important;
  }
  .aside.casino-sidebar a:hover {
    transition: all 0.5s !important;
    color: var(--category-sidebar-color) !important;
  }
  .aside.casino-sidebar a:hover h3 {
    transition: all 0.5s !important;
    color: #46bd5d !important;
  }
  .aside.casino-sidebar a:hover h3.active {
    color: #46bd5d !important;
    font-weight: bold !important;
  }
}
@media (min-width: 1024px) {
  .aside.casino-sidebar.fullwidth {
    display: none;
  }
}

.asidebanner {
  background: url("/bingocasinos.co/img/asidebanner.jpg");
}

.aside nav a, .main nav a {
  text-decoration: none;
  cursor: pointer;
  transition: all 0.5s;
  line-height: 1.4;
  font-size: 14px;
  margin-right: 15px;
}

.aside nav a:hover, .main nav a:hover {
  color: var(--main-brand-primary) !important;
}

.aside > nav > a, .aside > nav > a:hover {
  color: var(--main-text-color);
}

.aside > nav > a:active, .aside > nav > a.active, .main > nav > a:active, .main > nav > a.active {
  color: var(--main-brand-primary);
}

.aside .sidebar-container {
  height: calc(100% - 100px);
}
.aside .sidebar-container .mybet {
  padding: 0 20px;
}
.aside .sidebar-container .featured-casino-games {
  margin: 0 !important;
}
.aside .sidebar-container .container-nav-casino {
  border-radius: 7px;
  padding: 0 20px;
  margin-bottom: 20px;
}
.aside .sidebar-container .container-nav-casino > h3 {
  border-radius: 7px 7px 0px 0px;
  color: var(--primary-text-color);
}
.aside .sidebar-container .container-nav-casino ul {
  padding-left: 0;
}
.aside .sidebar-container .container-nav-casino ul a:last-child {
  border-radius: 0px 0px 7px 7px;
}
.aside .sidebar-container .container-nav-casino a {
  margin-right: 0;
  padding: 7px 20px 7px 30px !important;
  background: var(--sidebar-sport-bg);
}
.aside .sidebar-container .container-nav-casino a:last-child {
  border: none;
}
.aside .sidebar-container .casino-categories {
  font-weight: 600;
  margin: 0px !important;
}
.aside .sidebar-container .container-casino-categories {
  padding-bottom: 100px;
  padding: 0 20px;
}
.aside .sidebar-container .container-casino-categories > h3 {
  border-radius: 7px 7px 0px 0px;
  color: var(--primary-text-color);
}
.aside .sidebar-container .container-casino-categories > div:last-child {
  border-radius: 0px 0px 7px 7px;
}
.aside .sidebar-container .container-casino-categories div:last-child {
  border-bottom: none;
}
.aside .sidebar-container .container-casino-categories a h3 {
  margin: 0 !important;
  background-color: var(--sidebar-sport-bg);
}

.time-sesion {
  color: var(--main-text-color);
}
@media (max-width: 1023px) {
  .time-sesion {
    color: #ffffff;
  }
}

.user-notifications ul {
  max-width: 960px;
}
.user-notifications ul li {
  padding: 20px;
  border: 1px solid #0D0E16;
  background: #222433;
  margin-bottom: 10px;
}

.user .notifications {
  display: none;
}

.main {
  box-sizing: border-box;
  background: var(--main-background-color-3);
  margin-left: 300px;
  min-height: 80vh;
  position: relative;
}
.main .header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.main .header .user-bar {
  margin-top: 15px;
}
.main .header .user-bar .modal-container {
  max-width: 600px;
}
.main .header .user-bar .login {
  display: flex;
  justify-content: flex-end;
}
.main .header .user-bar .login > button {
  font-size: 13px;
  color: var(--button-color);
  border: var(--border-button-login);
  border-radius: 6px;
  padding: 10px 45px;
}
.main .header .user-bar .login > button:hover {
  border: 1px solid #27BC60;
  color: var(--button-color-hover);
}
.main .header .user-bar .login > button:first-child {
  margin-right: 7px;
}
@media (max-width: 1023px) {
  .main .header .user-bar .login > button {
    color: #ffffff;
  }
}
.main .header .user-bar .login button.active {
  background-color: #27BC60;
  border: 1px solid #27BC60;
  color: #ffffff !important;
}
.main .header .user-bar .login button {
  margin-bottom: 0;
}
.main .header .user-bar .login .login-modal {
  position: absolute;
  top: 113px;
  right: 113px;
  background: var(--main-background-color);
  display: block;
  display: flex;
  flex-direction: column;
  padding: 1em;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 999;
  min-width: 270px;
}
.main .header .user-bar .login .login-modal form {
  display: flex;
  flex-direction: column;
}
.main .header .user-bar .login .login-modal ::before {
  content: "";
  top: -7px;
  position: absolute;
  right: 12px;
  margin-left: -8px;
  border-bottom: 8px solid var(--main-brand-primary);
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.main .header .user-bar .login .login-modal input {
  background: transparent;
  border: 1px solid #27bc60;
  margin-bottom: 1em;
  padding: 7px;
  font-size: 14px;
}
.main .header .user-bar .login .login-modal button {
  margin-top: 5px;
  background: #27bc60;
  color: #000000;
}
.main .header .user-bar .login .login-modal button:hover {
  background: #27bc60;
  color: #ffffff !important;
}
.main .header .user-bar .login .login-modal .forgot-pass {
  font-size: 12px;
  text-align: center;
  padding: 10px 0;
}
.main .header .user-bar .login .login-modal .forgot-pass:hover {
  text-decoration: underline;
}
.main .header .user-bar .login .register-modal {
  position: absolute;
  top: 113px;
  right: 0;
  background: var(--main-background-color);
  display: block;
  display: flex;
  flex-direction: column;
  padding: 1em;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 999;
  min-width: 270px;
}
.main .header .user-bar .login .register-modal form {
  display: flex;
  flex-direction: column;
}
.main .header .user-bar .login .register-modal::before {
  content: "";
  top: -7px;
  position: absolute;
  right: 12px;
  margin-left: -8px;
  border-bottom: 8px solid var(--main-brand-primary);
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.main .header .user-bar .login .register-modal input {
  background: transparent;
  border: 1px solid var(--main-brand-primary);
  margin-bottom: 1em;
  color: white;
  padding: 7px;
  font-size: 14px;
}
.main .header .user-bar .login .register-modal button {
  margin-top: 5px;
  background: #2ECC71;
  color: #000000;
}
.main .header .user-bar .login .register-modal button:hover {
  background: #2ECC71;
  color: #ffffff;
}
.main .header .user-bar .login .register-modal .forgot-pass {
  font-size: 12px;
  text-align: center;
  padding: 10px 0;
}
.main .header .user-bar .login .register-modal .forgot-pass:hover {
  text-decoration: underline;
}
.main .header .user-bar .user {
  display: flex;
  align-items: center;
  position: relative;
  gap: 5px;
}
.main .header .user-bar .user .amounts span {
  width: 100%;
  display: flex;
  /* border: 1px solid red; */
  justify-content: space-between;
  margin: 0 auto;
  padding: 0px 10px 0px 16px;
}
.main .header .user-bar .user .amounts span:nth-child(1) {
  margin-bottom: 5px;
  margin-top: -8px;
}
.main .header .user-bar .user .amounts span:nth-child(2) {
  color: var(--balance-color);
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 5px;
  background: var(--balance-bg);
  padding: 3px 10px 3px 16px;
}
.main .header .user-bar .user .amounts span:nth-child(4) {
  margin-top: 5px;
}
.main .header .user-bar .user .amounts span:nth-child(5) {
  font-weight: bold;
  margin-top: 5px;
}
.main .header .user-bar .user .notifications {
  margin-right: 50px;
  z-index: 4;
  position: relative;
}
.main .header .user-bar .user .notifications i {
  cursor: pointer;
}
.main .header .user-bar .user .notifications .value {
  position: absolute;
  top: -4px;
  right: -12px;
  background: #27BC60;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  text-align: center;
  font-size: 11px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.main .header .user-bar .user .notifications button {
  display: block;
  margin: 20px auto;
}
.main .header .user-bar .user .notifications ul {
  position: absolute;
  background: #0D0E16;
  top: 20px;
  right: -10px;
  font-size: 13px;
  width: 300px;
  box-shadow: 0px 3px 20px -1px rgba(0, 0, 0, 0.75);
}
.main .header .user-bar .user .notifications ul h4 {
  padding: 10px 20px;
}
.main .header .user-bar .user .notifications ul li {
  border-bottom: 1px solid #222433;
  padding: 10px 20px;
}
.main .header .user-bar .user .notifications ul li:last-child {
  border: none;
}
.main .header .user-bar .user .notifications .icon {
  position: relative;
  display: block;
}
.main .header .user-bar .user .notifications .icon img {
  width: 20px;
}
.main .header .user-bar .user .profile {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  /* &:hover{
      background-color: $brand-secondary;
  } */
}
.main .header .user-bar .user .profile .amounts {
  flex-direction: column;
  display: flex;
  cursor: initial;
  padding: 15px 0;
  font-size: 13px;
  background: var(--sidebar-sport-bg);
}
.main .header .user-bar .user .profile .icon {
  margin: 0 11px 0px 8px;
  cursor: pointer;
}
.main .header .user-bar .user .profile .icon img {
  max-width: 12px;
  height: 12px;
}
.main .header .user-bar .user .profile .icon-media {
  background: var(--icon-chevron-desktop);
  width: 12px;
  height: 12px;
  display: flex;
}
.main .header .user-bar .user .profile .avatar {
  margin-right: 5px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 50%;
  justify-content: center;
}
.main .header .user-bar .user .profile .avatar .dinamyc_avatar {
  background-image: var(--img-avatar);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.main .header .user-bar .user .profile .avatar.horizontal img {
  width: auto;
  height: 100%;
}
.main .header .user-bar .user .profile .avatar.vertical img {
  width: 100%;
  height: auto;
}
.main .header .user-bar .user .profile .avatar img {
  height: auto;
  width: 100%;
}
.main .header .user-bar .user .profile .text-info {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.main .header .user-bar .user .profile .text-info .name {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 2px;
  text-overflow: ellipsis;
  max-width: 7.5vw;
  white-space: nowrap;
  overflow: hidden;
}
.main .header .user-bar .user .profile .text-info .balance {
  white-space: nowrap;
  font-size: 13px;
  color: var(--balance-color);
  font-weight: bold;
  text-overflow: ellipsis;
  max-width: 9.5vw;
  white-space: nowrap;
  overflow: hidden;
}
.main .header .user-bar .user .profile .text-info .user-id {
  margin-top: 2px;
}
.main .header .user-bar .user .profile ul {
  position: absolute;
  top: 55px;
  left: 0;
  background-color: var(--main-background-color);
  width: 300px;
  z-index: 15;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  margin-bottom: 20px;
}
.main .header .user-bar .user .profile ul li {
  border-bottom: 1px solid #3b3b3b;
  transition: all 0.5s;
  text-align: left;
}
.main .header .user-bar .user .profile ul li a {
  padding: 7px 15px;
  display: block;
  width: 100%;
  transition: all 0.5s;
}
.main .header .user-bar .user .profile ul li a:hover {
  color: var(--main-brand-primary);
}
.main .header .user-bar .user .profile ul li a.active, .main .header .user-bar .user .profile ul li a:active {
  background-color: var(--main-brand-primary);
  color: #0D0E16;
}
.main .header .user-bar .user .profile ul li:hover {
  opacity: 1;
}
.main .header .user-bar .user .profile ul li:last-of-type {
  border-bottom: none;
  text-align: center;
  margin-bottom: 20px;
}
.main .header .user-bar .user .profile ul .sm-text {
  margin-top: 10px;
}
.main .header .user-bar .user .profile ul .button {
  margin: 20px auto;
}
.main .header .user-bar .user .button {
  padding: 10px 30px;
  white-space: nowrap;
  margin-bottom: 0;
}
.main .container {
  padding: 5px 20px 15px 20px;
  height: 100%;
}

.main.fullwidth {
  min-height: 100px;
}
.main.fullwidth .container {
  padding: 0px;
}
.main.fullwidth .container .game-info .border {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 20px;
  margin-bottom: 0;
  padding-left: 15px;
}
.main.fullwidth .search {
  display: none;
}
@media (min-width: 1024px) {
  .main.fullwidth {
    margin-left: 0;
  }
}
@media (max-width: 1023px) {
  .main.fullwidth {
    padding-top: 0 !important;
  }
  .main.fullwidth .container {
    padding: 0 !important;
  }
  .main.fullwidth .search {
    display: block;
  }
}

.grid {
  position: relative;
}
.grid .error-msg {
  height: auto;
  margin-top: 7em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.selection {
  width: 100%;
  padding: 0px;
}
.selection button {
  color: white;
}
.selection button .tooltip {
  animation: tooltips-vert 300ms ease-out forwards;
}
.selection .sprite {
  height: 10px;
  width: 10px;
  background-image: url(/bingocasinos.co/img/icons-sprite.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: 5px;
  bottom: 14px;
}
.selection .sprite.down {
  background-position: -79px;
}
.selection .sprite.up {
  background-position: -67px;
}
.selection .sprite.none {
  background-image: unset;
  background-image: none;
}
.selection .odd {
  display: flex;
}
.selection.one {
  width: 100% !important;
}
.selection.two {
  width: 49% !important;
}
.selection.more:nth-child(3n) {
  margin: 0;
}

.container-flexbet {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}
.container-flexbet .flexbet {
  display: flex;
  justify-content: space-around;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  font-size: 12px;
  padding: 5px;
}
.container-flexbet .flexbet-primary {
  display: flex;
  flex-direction: row;
  padding: 5px;
  justify-content: center;
}
.container-flexbet .flexbet-primary.two {
  justify-content: space-around;
}

.events .match strong {
  font-weight: 600;
  font-size: 1.2em;
}

.live-icon {
  width: 5px;
  height: 5px;
  font-size: 0;
  border: 0;
  border-radius: 35px;
  margin: 18px;
  outline: none;
  background-color: darkred;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.liveframeoff {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: red;
  margin: 0px 0px 2px 5px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 0px;
}

.liveframe {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: red;
  animation: liveframe 1.5s;
  -moz-animation: liveframe 1.5s infinite;
  -webkit-animation: liveframe 1.5s infinite;
  margin: 0px 0px 2px 5px;
  display: inline-block;
}

.fixture-header {
  display: flex;
  justify-content: space-between;
}

.liveframecasino {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: greenyellow;
  animation: liveframecasino 1.5s;
  -moz-animation: liveframecasino 1.5s infinite;
  -webkit-animation: liveframecasino 1.5s infinite;
  margin: 0px 0px 2px 5px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 0px;
}

.by-date.small {
  position: relative;
}

.by-status.sm select, .by-date.small select {
  background-color: var(--background-filter) !important;
  color: var(--main-text-color) !important;
}

.by-status.large {
  margin-right: 20px;
  display: flex;
}
.by-status.large .button {
  border: var(--border-button-login);
  margin-bottom: 0px;
  transition: none;
}
.by-status.large .button:hover {
  background-color: #43ae61 !important;
  transition: none !important;
}
.by-status.large .button:hover .filter-icon-featured {
  background: var(--filter-icon-featured);
  width: 20px;
  height: 20px;
  margin-right: 3px;
}
.by-status.large .button:hover .filter-icon-live {
  background: var(--filter-icon-live);
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.by-status.large .button:hover .filter-icon-coming {
  background: var(--filter-icon-coming);
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.by-status.large .button .filter-icon-featured {
  background: var(--filter-icon-featured);
  width: 20px;
  height: 20px;
  margin-right: 3px;
}
.by-status.large .button .filter-icon-live {
  background: var(--filter-icon-live);
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.by-status.large .button .filter-icon-coming {
  background: var(--filter-icon-coming);
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.by-status.large .button.fill {
  background-color: #43ae61 !important;
  border: #43ae61 !important;
  color: black;
}
.by-status.large .button.fill .filter-icon-featured {
  background: var(--filter-icon-featured-selected);
  width: 20px;
  height: 20px;
  margin-right: 3px;
}
.by-status.large .button.fill .filter-icon-live {
  background: var(--filter-icon-live-selected);
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.by-status.large .button.fill .filter-icon-coming {
  background: var(--filter-icon-coming-selected);
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.by-status.large .button.fill:hover {
  border: #43ae61 !important;
}

.by-date.small {
  display: none;
}

.by-date.large {
  display: flex;
  margin-right: 7px;
}
.by-date.large .button {
  border: none !important;
  background: transparent !important;
  border-right: 1px solid var(--border-right-filter) !important;
  margin-right: 0px !important;
  padding-right: 8px !important;
  padding-left: 8px !important;
  margin-bottom: 0px !important;
}
.by-date.large .button:hover {
  background: transparent;
  border: none !important;
  color: #43ae61 !important;
}
.by-date.large .button.fill {
  background: transparent;
  border: none !important;
  color: #43ae61 !important;
}

.by-status, .by-date {
  overflow: auto;
}
.by-status .button, .by-date .button {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 12px;
}

.all-markets {
  padding-top: 20px;
}
.all-markets .nav-tabs {
  border-bottom: 2px solid var(--main-brand-primary);
  width: 100%;
  margin: 0 auto 2em;
  justify-content: center;
}
.all-markets .nav-tabs .container-li-tabs {
  display: flex;
  overflow-x: hidden;
  width: 100%;
}
.all-markets .nav-tabs .container-li-tabs .leftArrow, .all-markets .nav-tabs .container-li-tabs .rightArrow {
  display: flex;
  align-items: center;
}
.all-markets .nav-tabs .container-li-tabs .leftArrow button, .all-markets .nav-tabs .container-li-tabs .rightArrow button {
  margin-bottom: -2px;
  padding: 20px 10px;
  border: none;
  background: var(--bg-arrow-grid);
  position: absolute;
  opacity: 0.7;
  display: none;
}
.all-markets .nav-tabs .container-li-tabs .leftArrow button:hover, .all-markets .nav-tabs .container-li-tabs .rightArrow button:hover {
  border: none !important;
  color: #ffffff !important;
}
.all-markets .nav-tabs .container-li-tabs .rightArrow button {
  right: 0;
}
.all-markets .nav-tabs .container-li-tabs .leftArrow button {
  z-index: 1;
}
.all-markets .nav-tabs .container-li-tabs .leftArrow .left_icon {
  background-image: var(--arrow-left-desktop);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}
.all-markets .nav-tabs .container-li-tabs .rightArrow .right_icon {
  background-image: var(--arrow-right-desktop);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}
.all-markets .nav-tabs .container-li-tabs:hover .leftArrow button, .all-markets .nav-tabs .container-li-tabs:hover .rightArrow button {
  display: flex;
}
@media (max-width: 767px) {
  .all-markets .nav-tabs .container-li-tabs {
    overflow-x: auto;
  }
  .all-markets .nav-tabs .container-li-tabs .leftArrow button {
    display: none !important;
  }
  .all-markets .nav-tabs .container-li-tabs .rightArrow button {
    display: none !important;
  }
}
.all-markets .nav-tabs button, .all-markets .nav-tabs .button {
  border: none;
  margin-bottom: 0;
}
.all-markets .nav-tabs button:hover, .all-markets .nav-tabs .button:hover {
  background: var(--main-brand-primary);
  color: #0D0E16;
  border: none !important;
}
.all-markets .nav-tabs li .active {
  background: var(--main-brand-primary);
  color: #0D0E16;
  border: none !important;
}
.all-markets .nav-tabs li {
  text-align: center;
  align-self: center;
  min-width: 100px;
  width: 100%;
}
.all-markets iframe {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  margin-bottom: 30px;
  min-height: 476px;
}
.all-markets .market-containers {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 80%;
  margin: 0 auto;
}
.all-markets .market-containers .selection {
  width: 100%;
  padding: 0px;
}
.all-markets .market-containers .selection.one {
  width: 100%;
}
.all-markets .market-containers .selection.two {
  width: 49%;
}
.all-markets .market-containers .selection.two .button:hover {
  background: var(--main-brand-primary);
  color: #0D0E16;
  border: 1px solid var(--main-brand-primary) !important;
}
.all-markets .market-containers .selection.two .button.active {
  background: var(--main-brand-primary);
  color: #0D0E16;
  border: 1px solid var(--main-brand-primary) !important;
}
.all-markets .market-containers .selection.more {
  width: 32%;
}
.all-markets .market-containers .selection.more:nth-child(3n) {
  margin: 0;
}
.all-markets .market-containers .selection.more .button:hover {
  background: var(--main-brand-primary);
  color: #0D0E16;
  border: 1px solid var(--main-brand-primary) !important;
}
.all-markets .market-containers .selection.more .button.active {
  background: var(--main-brand-primary);
  color: #0D0E16;
  border: 1px solid var(--main-brand-primary) !important;
}
.all-markets .market {
  margin-bottom: 15px;
}
.all-markets .market .cashout {
  margin-left: 5px;
}
.all-markets .market .icon-info {
  margin-right: 5px !important;
  float: left;
  margin-top: 1px;
  width: 15px !important;
  overflow: hidden;
}
.all-markets .market .icon-info.hide {
  visibility: hidden;
  opacity: 0;
}
.all-markets .market header {
  display: flex;
  width: 100%;
  border-bottom: 2px solid var(--main-brand-primary);
  margin-bottom: 15px;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5px;
  cursor: pointer;
}
.all-markets .market header .tooltip.open {
  visibility: visible;
  opacity: 1;
  bottom: 17px;
}
.all-markets .market header i.icon-arrow {
  background-image: url(/bingocasinos.co/img/icons-sprite.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 20px;
  transition: transform 0.25s;
  background-position-x: 0;
  transform: scale(0.5);
}
.all-markets .market header i.icon-arrow.open {
  transform: scale(0.5) rotate(180deg);
}
.all-markets .market header i.question {
  background-position-x: -45px;
  width: 16px;
  height: 16px;
}
.all-markets .market header h3 {
  font-weight: 500;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.all-markets .market header h3 i {
  font-size: 12px;
  color: var(--main-brand-primary);
  margin-left: 10px;
}
.all-markets .market .odds {
  display: flex;
  flex-wrap: wrap;
  transition: all 0.5s;
  justify-content: space-between;
}
.all-markets .market .odds.open {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.all-markets .market .odds .button {
  width: 100%;
  display: flex;
  margin-right: 0px;
  height: 45px;
  min-height: 45px;
  font-size: 11.5px;
  font-weight: 500;
  flex-direction: column;
  padding: 4px;
  justify-content: center;
  background: var(--input-fixture-show);
  border: none;
  cursor: pointer;
  margin-bottom: 0;
  padding-left: 10px;
}
.all-markets .market .odds .button span {
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-weight: 600;
  transition: all 0.1s;
}
.all-markets .market .odds .button span:first-child i {
  position: absolute;
  top: 0;
  right: 0;
}
.all-markets .market .odds .button span.odd {
  overflow: visible;
  text-overflow: initial;
  max-width: 100%;
  font-weight: bold;
  font-size: 1.1em;
  color: var(--main-brand-primary);
  transition: all 0.5s;
  margin-bottom: 0px;
}
.all-markets .market .odds .button span.odd img {
  padding: 2px 0;
}
.all-markets .market .odds .button.active, .all-markets .market .odds .button:active {
  background: var(--main-brand-primary);
  border-color: var(--main-brand-primary);
  color: #000;
}
.all-markets .market .odds .button.active span, .all-markets .market .odds .button:active span {
  color: #000;
}
.all-markets .market .odds .selection.more:hover .button {
  background: var(--main-brand-primary);
}
.all-markets .market .odds .selection.more:hover .button span {
  color: #000 !important;
}
.all-markets .market .odds .selection.two:hover .button {
  background: var(--main-brand-primary);
}
.all-markets .market .odds .selection.two:hover .button span {
  color: #000 !important;
}
.all-markets .market .odds .button:last-child {
  margin-right: 0;
}
.all-markets .grouper {
  margin-bottom: 0;
}

.all-markets .event-info {
  display: flex;
  border: 2px solid var(--main-brand-primary);
  justify-content: space-between;
  width: 100%;
  height: 100px;
  background-color: var(--main-background-color);
  margin-bottom: 30px;
}
.all-markets .event-info span.name {
  font-size: 20px;
}
.all-markets .event-info .event-data {
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: var(--secondary-text-color);
  color: var(--main-text-color);
  width: 30%;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.all-markets .event-info .event-data span {
  margin-bottom: 5px;
}
.all-markets .event-info .team {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-size: 13px;
  padding: 10px;
  text-align: center;
  flex-direction: column;
}
.all-markets .event-info .team .score {
  font-size: 1.5rem;
}

.center.search {
  z-index: auto !important;
}

.search {
  position: relative;
  z-index: 3;
  margin-top: 20px;
}
.search i.fas.fa-search {
  font-size: 20px;
}
.search input {
  width: 100%;
  background: var(--main-background-color-search);
  border: solid 1px var(--main-brand-primary);
  color: var(--main-text-color);
}
.search ::-webkit-input-placeholder {
  color: #c2c8cc;
}
.search .searchContainer {
  position: relative;
}
.search .searchContainer i {
  background: var(--main-search);
  width: 27px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 8px;
  left: 10px;
  filter: invert(0.5);
}
.search .searchContainer input {
  padding: 8px;
  padding-left: 45px;
  height: 38px;
  border: none;
  color: #88898C;
  background: var(--search-input-bg);
  border-radius: 5px;
}

.searchResults {
  background: var(--main-background-color);
  text-align: left;
  color: var(--main-text-color);
  padding: 10px;
  position: absolute;
  left: 0px;
  width: 100%;
  box-sizing: border-box;
  top: 35px;
  min-height: 300px;
  max-height: 300px;
  overflow-y: auto;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  font-size: 13px;
}
.searchResults fieldset {
  border-width: 2px;
  border-style: groove;
  border-color: threedface;
  -o-border-image: initial;
     border-image: initial;
}
.searchResults fieldset legend {
  color: var(--main-text-color);
  padding: 5px 10px;
  margin-left: 20px;
}
.searchResults fieldset li {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin: 10px 20px;
  height: 80px;
}
.searchResults fieldset li img {
  max-height: 70px;
  max-width: 70px;
  height: 70px;
  width: 70px;
  margin-right: 20px;
}
.searchResults fieldset li .details {
  display: flex;
  flex-flow: column;
}
.searchResults fieldset.fixtures li img {
  width: 24px;
  max-width: 24px;
  height: unset;
  max-height: unset;
}
.searchResults li {
  padding: 10px 5px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #272833;
}
.searchResults li .match {
  font-size: 12px;
  font-weight: 500;
}
.searchResults li .sportname, .searchResults li .league, .searchResults li .date {
  font-size: 11px;
}
.searchResults li .sportname {
  font-weight: 500;
}
.searchResults li.selected, .searchResults li:hover {
  background: var(--bg-search-selected);
}
.searchResults h3 {
  font-weight: 500;
}

.no-results {
  display: flex;
  height: 280px;
  align-items: center;
  justify-content: center;
}

.bets-container {
  padding: 1em 0;
}

.in_play {
  color: var(--main-brand-primary);
  font-weight: 500;
  position: relative;
}
.in_play .tooltip {
  width: 200px;
}

.bets {
  padding: 1em 0;
}
.bets .sport {
  margin-bottom: 30px;
}
.bets .sport > header > h3 {
  width: auto;
  padding-bottom: 10px;
}
.bets .sport > header > h3 div {
  cursor: pointer;
}
.bets h2 {
  font-weight: 500;
  margin-bottom: 30px;
}
.bets .filter {
  display: flex;
  justify-content: space-between;
  margin: 15px 0 0 0;
  height: 35px;
  background: var(--background-filter);
  border-radius: 6px;
}
.bets .filter .button {
  margin-right: 10px;
  border: none;
  color: var(--main-text-color);
  font-size: 13px;
  border-right: 1px solid var(--border-right-filter);
}
.bets .filter .button:hover {
  color: var(--main-brand-primary) !important;
  border: none !important;
  background: transparent !important;
  border-right: 1px solid var(--border-right-filter) !important;
}
.bets .filter .button:last-child {
  border: none !important;
  margin-right: 0;
  border-right: none !important;
}
.bets .filter .button:last-child:hover {
  border-right: none !important;
}
.bets .filter .button.fill {
  color: var(--input-variant) !important;
  border: none !important;
  background: var(--bg-selection-button-hover) !important;
  border-radius: 6px;
  border-right: 1px solid var(--border-right-filter) !important;
}
.bets .filter .button.fill:last-child {
  border: none !important;
  margin-right: 0;
  border-right: none !important;
}
.bets .date {
  font-size: 11px;
  line-height: 1.2;
  display: inline;
}
.bets .match {
  font-size: 13px;
  line-height: 1.2;
  margin: 5px 0;
  cursor: pointer;
  display: block;
  font-weight: 500;
}
.bets .match span {
  transition: all 0.5s;
  font-weight: 600;
}
.bets .match span:hover {
  opacity: 1;
}
.bets .match span.score {
  margin-left: 10px;
}
.bets .match.live {
  display: flex !important;
  justify-content: space-between !important;
}
.bets .in_play {
  color: #FFFFFF;
  font-size: 9px;
  font-weight: bold;
  position: relative;
  background: #e71919;
  padding: 2px;
  margin-right: 5px;
  text-transform: uppercase;
  text-align: center;
}
.bets .container_wait_in_play {
  margin-top: 13px;
  min-width: 45px;
}
.bets .container_wait_in_play .wait_in_play {
  color: #444751;
  font-size: 9px;
  border: 1px solid #444751;
  padding: 2px;
  text-transform: uppercase;
}
.bets .container_wait_in_play .tooltip {
  opacity: 1;
  visibility: visible;
  white-space: nowrap;
  bottom: auto;
  margin-top: -56px;
  margin-left: -71px;
}
.bets .container_wait_in_play .tooltip:before {
  content: "";
  bottom: -10px;
  position: absolute;
  top: 100%;
  border-top: 5px solid #c2c8cc;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
@media (max-width: 630px) {
  .bets .container_wait_in_play .tooltip {
    z-index: 9 !important;
  }
}
@media (max-width: 767px) {
  .bets .container_wait_in_play {
    position: absolute;
    right: 13px;
    margin-top: 30px;
  }
  .bets .container_wait_in_play .tooltip {
    margin-left: -150px;
  }
  .bets .container_wait_in_play .tooltip:before {
    left: 91%;
  }
}
.bets .info {
  font-size: 10px;
  margin-bottom: 5px;
  cursor: pointer;
}
.bets .info a {
  transition: all 0.5s;
  opacity: 0.7;
}
.bets .info a:hover {
  opacity: 1;
}
.bets .preloader-sports {
  text-align: center;
}
.bets .all-events .sport h3 {
  display: flex;
  align-items: center;
}
.bets .all-events .sport h3 > a {
  display: flex;
  align-items: center;
  font-size: 18px;
  margin: 6px 0px -4px 5px;
  font-weight: 600;
}
.bets .all-events .sport h3 i {
  margin-right: 10px;
  background-position: left center;
  background-size: contain !important;
  background-repeat: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  width: 31px;
  height: 25px;
  display: inline-block;
}
.bets .all-events .sport header .headerMain {
  background-color: var(--headerMain-background-color);
  margin-bottom: 6px;
  margin-top: 6px;
  padding: 4px 0px 7px 0px;
  justify-content: space-between;
  border-radius: 7px;
}
.bets .all-events .sport header .headerMain i {
  margin-left: 10px;
}
.bets .all-events .sport header .headerMain .flag {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background-position: -6px -6px;
  border: 1px solid transparent;
}
.bets .all-events .sport header .headerMain .flag.world {
  background: url(/bingocasinos.co/img/world.png) no-repeat;
  width: 24px;
  height: 24px;
  background-size: contain;
  margin-left: -1px;
}
.bets .all-events .sport header .headerMain .container-text-competition {
  margin-left: 8px;
}
.bets .all-events .sport header .headerMain .text-competition {
  font-weight: 600;
  vertical-align: middle;
  font-size: 17px;
  color: var(--primary-text-color);
}
.bets .all-events .sport header .headerMain:hover {
  cursor: pointer;
}
.bets .all-events .sport header .headerMain .show-grid {
  background-image: var(--icon-chevron-desktop);
  background-size: 15px;
  background-repeat: no-repeat;
  float: right;
  width: 15px;
  height: 15px;
}
.bets .all-events .sport header .headerMain .show-grid-close {
  background-image: var(--icon-chevron-up-desktop);
  background-size: 15px;
  background-repeat: no-repeat;
  float: right;
  width: 15px;
  height: 15px;
}
.bets .slider-component {
  margin-bottom: 11px;
  margin-top: 11px;
}
.bets .slider-component.mobile {
  display: none;
}
@media (max-width: 767px) {
  .bets .slider-component.desktop {
    display: none !important;
  }
  .bets .slider-component.mobile {
    display: block !important;
  }
}
.bets .event-container:nth-child(odd) .event {
  background: var(--background-fixtures-odd);
}
.bets .event-container:nth-child(even) .event {
  background: var(--background-fixtures);
}
.bets .event {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  justify-content: space-between;
  background: var(--background-fixtures);
  padding: 5px 8px;
  border-radius: 10px;
}
.bets .event header {
  display: flex;
  font-size: 14px;
  align-items: center;
  color: grey;
  position: relative;
  cursor: pointer;
}
.bets .event .info-event {
  width: 20%;
  margin-right: 15px;
  padding: 4px 0px;
}
.bets .event .info-event .date, .bets .event .info-event .info {
  color: var(--date-info-color);
}
.bets .market-containers {
  display: flex;
  width: 70%;
}
.bets .container-more-markets {
  align-self: center;
  background: var(--bg-selection-button-hover);
  margin-top: 16px;
  padding: 17px 5px;
  margin-left: -6%;
  min-width: 40px;
  text-align: center;
  border-radius: 3px;
}
.bets .market {
  margin-right: 3%;
  width: 30.33%;
  align-self: center;
}
.bets .market .icons-container-mobile {
  width: 100%;
}
.bets .market .show-mobile {
  display: none;
}
.bets .market .tooltip-content {
  width: calc(100% - 10px);
  display: flex;
  justify-content: space-between;
  margin-left: 10px;
  display: flex;
  align-items: center;
  color: var(--main-text-color);
}
.bets .market:first-child:nth-last-child(1) {
  width: 100%;
}
.bets .market:first-child:nth-last-child(1) .odds {
  overflow: hidden;
}
.bets .market:first-child:nth-last-child(1) .odds::-webkit-scrollbar {
  width: 2px;
  background-color: transparent;
}
.bets .market:first-child:nth-last-child(1) .odds::-webkit-scrollbar-thumb {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #0D0E16;
}
.bets .market:first-child:nth-last-child(1) .odds::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #2e3248;
}
.bets .market:first-child:nth-last-child(1) .odds::-webkit-scrollbar-thumb:hover {
  background-color: var(--main-brand-primary);
}
.bets .market:first-child:nth-last-child(1) .odds::-webkit-scrollbar-thumb:active {
  background-color: var(--main-brand-primary);
}
.bets .market:first-child:nth-last-child(2), .bets .market:last-child:nth-child(2) {
  width: 49%;
}
.bets .market:first-child:nth-last-child(2) .odds::-webkit-scrollbar, .bets .market:last-child:nth-child(2) .odds::-webkit-scrollbar {
  width: 2px;
  background-color: transparent;
}
.bets .market:first-child:nth-last-child(2) .odds::-webkit-scrollbar-thumb, .bets .market:last-child:nth-child(2) .odds::-webkit-scrollbar-thumb {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #0D0E16;
}
.bets .market:first-child:nth-last-child(2) .odds::-webkit-scrollbar-track, .bets .market:last-child:nth-child(2) .odds::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #2e3248;
}
.bets .market:first-child:nth-last-child(2) .odds::-webkit-scrollbar-thumb:hover, .bets .market:last-child:nth-child(2) .odds::-webkit-scrollbar-thumb:hover {
  background-color: var(--main-brand-primary);
}
.bets .market:first-child:nth-last-child(2) .odds::-webkit-scrollbar-thumb:active, .bets .market:last-child:nth-child(2) .odds::-webkit-scrollbar-thumb:active {
  background-color: var(--main-brand-primary);
}
.bets .market.one {
  width: 100%;
}
.bets .market.two {
  width: 50%;
}
.bets .market header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
  color: #919191;
}
.bets .market header .tooltip {
  width: 200px;
  line-height: 1.2;
}
.bets .market header h3 {
  margin: 0;
  font-size: 10px;
  font-weight: 600;
  max-width: 80%;
}
.bets .selection span {
  margin-bottom: 3px;
  overflow: hidden;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.bets .more-markets span {
  font-weight: bold;
  color: var(--secondary-text-color);
}
.bets .more-markets i {
  color: var(--main-brand-primary);
}
.bets .more-markets h3 {
  margin: 0;
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 5px;
  width: 100%;
}
.bets .odds {
  display: flex;
  justify-content: space-between;
}
.bets .odds.more {
  overflow-x: auto;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
.bets .odds.more::-webkit-scrollbar {
  width: 0 !important;
}
.bets .odds .selection {
  width: 100%;
  margin-right: 5px;
  display: flex;
  position: relative;
}
.bets .odds .selection.more {
  width: 33.33%;
}
.bets .odds .selection:last-of-type {
  margin-right: 0;
}
.bets .odds .button {
  width: 100%;
  display: flex;
  margin-right: 0px;
  height: 50px;
  min-height: 50px;
  font-size: 11.5px;
  font-weight: 500;
  flex-direction: column;
  padding: 4px;
  justify-content: center;
  background: var(--input-variant);
  border: 1px solid #59657F;
  cursor: pointer;
  margin-bottom: 0;
  border-radius: 6px;
}
.bets .odds .button .tooltip {
  visibility: hidden;
  opacity: 0;
  z-index: 9;
  min-width: 100%;
  width: auto;
  left: 0;
}
.bets .odds .button .tooltip.show {
  opacity: 1;
  visibility: visible;
  bottom: 50px;
}
.bets .odds .button:hover {
  background-color: var(--main-brand-primary) !important;
  border-color: var(--main-brand-primary) !important;
}
.bets .odds .button:hover span.odd {
  color: #0d0e15;
}
.bets .odds .button:last-child {
  margin-right: 0;
}
.bets .odds .button span {
  font-weight: 600;
}
.bets .odds .button span.odd {
  overflow: visible;
  text-overflow: initial;
  max-width: 100%;
  font-weight: bold;
  font-size: 1.1em;
  color: var(--main-brand-primary);
  transition: all 0.5s;
}
.bets .odds .button.active, .bets .odds .button:active {
  background: var(--main-brand-primary);
  border-color: var(--main-brand-primary) !important;
  color: #0d0e15;
}
.bets .odds .button.active span, .bets .odds .button:active span {
  color: #0d0e15;
}

.featured {
  padding: 8px 0 1em 0;
}
.featured > header {
  display: flex;
  justify-content: space-between;
}
.featured .container-grid-sport {
  margin-bottom: 25px;
  display: flex;
  overflow-x: hidden;
  width: 100%;
  white-space: nowrap;
  border-radius: 7px;
}
.featured .container-grid-sport .sport_sprite_32 {
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
}
.featured .container-grid-sport .count-fixtures {
  position: absolute;
  background: var(--bg-count-fixtures);
  color: black;
  top: 25px;
  border-radius: 10px;
  min-width: 17px;
  min-height: 17px;
  padding: 4px 5px 0px 5px;
  margin-left: 41px;
  font-size: 11px;
  font-weight: 600;
}
.featured .container-grid-sport .count-fixtures:hover {
  color: black;
}
.featured .container-grid-sport > a {
  display: grid;
  font-weight: 500;
  background-color: var(--header-sport-filter-bg);
  padding: 10px 25px;
  width: 100%;
  position: relative;
  border-right: 1px solid var(--border-right-filter);
}
.featured .container-grid-sport > a div {
  display: flex;
  justify-content: center;
}
.featured .container-grid-sport > a div img {
  margin-bottom: 5px;
  background-repeat: no-repeat !important;
  height: 24px;
  background-size: contain !important;
}
.featured .container-grid-sport > a:hover {
  color: var(--main-brand-primary);
}
.featured .container-grid-sport > a span {
  text-align: center;
}
.featured .container-grid-sport .selected {
  background: var(--bg-selection-button-hover);
  color: var(--secondary-text-color);
  font-weight: 600;
  border-radius: 6px;
}
.featured .container-grid-sport .selected:hover {
  color: #000000 !important;
}
.featured .container-grid-sport .selected .count-fixtures {
  background: var(--bg-count-fixtures-selected);
  color: var(--main-text-color);
}
.featured .container-grid-sport .selected .count-fixtures:hover {
  color: var(--main-text-color) !important;
}
.featured .container-grid-sport .leftArrow button, .featured .container-grid-sport .rightArrow button {
  margin-bottom: 0px;
  padding: 37px 10px;
  border: none;
  background: var(--bg-arrow-grid);
  position: absolute;
  opacity: 0.7;
  display: none;
}
.featured .container-grid-sport .leftArrow button:hover, .featured .container-grid-sport .rightArrow button:hover {
  border: none !important;
  color: #ffffff !important;
}
.featured .container-grid-sport .rightArrow button {
  right: 0;
}
.featured .container-grid-sport .leftArrow button {
  z-index: 1;
}
.featured .container-grid-sport .leftArrow .left_icon {
  background-image: var(--arrow-left-desktop);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}
.featured .container-grid-sport .rightArrow .right_icon {
  background-image: var(--arrow-right-desktop);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}
.featured .container-grid-sport:hover .leftArrow button, .featured .container-grid-sport:hover .rightArrow button {
  display: flex;
}
@media (max-width: 767px) {
  .featured .container-grid-sport {
    overflow-x: auto;
  }
  .featured .container-grid-sport .leftArrow button {
    display: none !important;
  }
  .featured .container-grid-sport .rightArrow button {
    display: none !important;
  }
}

.tooltip-container {
  position: relative;
}
.tooltip-container i {
  width: 20px;
  height: 20px;
  background-size: cover !important;
  display: block;
}

.ticket {
  position: fixed;
  bottom: 0;
  color: var(--main-text-color);
  right: 2em;
  background: var(--main-background-color);
  z-index: 99999;
  box-shadow: 2px -2px 22px -1px rgba(0, 0, 0, 0.75);
  height: 45px;
  transition: height 0.5s;
}
.ticket i.cashout:hover {
  filter: brightness(0);
}
.ticket .action button {
  color: #0D0E16;
}
.ticket .error:not(.bet) {
  position: relative;
  padding: 20px;
  background: #DE513C;
}
.ticket .error:not(.bet) p {
  margin-bottom: 0;
}
.ticket .error:not(.bet) i {
  position: absolute;
  right: 10px;
  top: 5px;
  filter: brightness(5);
}
.ticket i.sport {
  margin-left: -4px;
  margin-bottom: 0;
}
.ticket .sporticon {
  position: absolute;
  bottom: 4px;
  right: 10px;
}
.ticket .sporticon .tooltip {
  left: initial;
  right: 0;
  bottom: 40px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}
.ticket .sporticon .tooltip:before {
  left: initial;
  right: 5px;
}
.ticket .sporticon:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.ticket .combination {
  font-size: 12px;
  cursor: pointer;
}
.ticket .combination .name {
  font-weight: bold;
}
.ticket .combination input {
  font-size: 12px;
}
.ticket .combination .arrow {
  /*  background-position-x: -94px; */
  transform: rotate(-90deg) scale(0.5);
}
.ticket .combination .arrow.show {
  transform: rotate(0deg) scale(0.5);
}
.ticket .bets {
  margin-top: inherit;
  padding: 0;
}
.ticket .value {
  background: gray;
  color: white;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  float: left;
  margin-right: 5px;
}
.ticket .bet span.value {
  position: absolute;
  left: 5px;
  top: 5px;
}
.ticket .fill {
  width: 100%;
  font-size: 20px;
}
.ticket .nav-tabs {
  display: flex;
  width: 100%;
  margin-top: 5px;
}
.ticket .nav-tabs a.button {
  background: #232433;
  padding: 15px 0;
  color: white;
  font-size: 14px;
  transition: all 0.5s;
  border: none;
  width: 33.33%;
  text-align: center;
  margin: 0;
  border-right: 2px solid #161825;
}
.ticket .nav-tabs a.button:last-child {
  border: none;
}
.ticket .nav-tabs a.button:hover {
  background: #0D0E16;
  border: none !important;
  color: white !important;
}
.ticket .nav-tabs a.button.active {
  background: var(--main-brand-primary);
  color: #0D0E16;
  border: 1px solid var(--main-brand-primary) !important;
}
.ticket.abierto {
  height: auto;
  max-height: 97vh;
  overflow: auto;
  bottom: 0;
  border: 0;
  overflow-x: hidden;
}
.ticket.bingo {
  height: 40px;
}
.ticket .pending {
  text-align: center;
}
.ticket .pending button {
  padding: 20px 30px;
  margin: 30px;
  font-size: 1rem;
  opacity: 0.7;
}
.ticket .pending button:hover {
  opacity: 1 !important;
  background: unset;
}
.ticket > header {
  padding-top: 40px;
  position: relative;
  background: #1e3a40;
  cursor: pointer;
}
.ticket > header.active {
  background: #f3b90f;
}
.ticket > header.active .title {
  color: #000000;
}
.ticket > header .title {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  height: 0px !important;
  color: #f6f6f6;
}
.ticket > header .title p {
  margin-bottom: 0;
}
.ticket > header .title .options {
  display: flex;
  align-items: center;
}
.ticket > header .title .options .clearticket {
  background-image: var(--ticket-header-clear-bg);
  margin-right: 1rem;
  position: relative;
}
.ticket > header .title .options i {
  width: 24px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
}
.ticket > header .title .options i.show {
  background-image: var(--ticket-header-hide-bg);
}
.ticket > header .title .options i.hide {
  background-image: var(--ticket-header-show-bg);
}
.ticket > header .title {
  cursor: pointer;
}
.ticket > header .title .clearticket {
  display: block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 48px;
  top: 13px;
  background-image: url("/bingocasinos.co/img/trash.png");
}
.ticket > header .title .clearticket .text {
  display: block;
  position: absolute;
  font-size: 10px;
  top: 8px;
  left: -50px;
  text-align: right;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.ticket > header .title .clearticket:hover .text {
  visibility: visible;
  opacity: 1;
  left: -77px;
}
.ticket > header .title p span {
  font-weight: 500;
}
.ticket > header .title i {
  background: url(/bingocasinos.co/img/icons-sprite.png);
  width: 25px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  right: 10px;
  top: 14px;
}
.ticket > header .title i.hide {
  background-position-x: -208px;
}
.ticket > header .title i.show {
  background-position-x: -185px;
}
.ticket > header .title.open i {
  background-position-x: -185px;
}
.ticket > header p {
  position: absolute;
  top: 11px;
  left: 10px;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0;
}
.ticket > header .toggleView {
  position: absolute;
  top: 4px;
  right: 10px;
  font-size: 20px;
  color: var(--main-text-color);
}
.ticket .bet {
  background: #f6f6f6;
  color: #0c0c0c;
  padding: 5px;
  font-size: 12px;
  line-height: 1.2;
  position: relative;
  border-bottom: 1px solid #a9a9a9;
  padding-left: 30px;
}
.ticket .bet .label {
  font-size: 11px;
  font-weight: bold;
}
.ticket .bet .match {
  margin-bottom: 0px;
  margin-top: 0;
}
.ticket .bet .match .matchinfo i.sport {
  margin-bottom: 0;
}
.ticket .bet .match span {
  display: block;
  width: 82%;
  font-size: 13px;
}
.ticket .bet .date {
  text-align: right;
  display: block;
  right: 16px;
  font-size: 11px;
}
.ticket .bet .matchinfo span.router-link-exact-active.router-link-active {
  transition: all 0.5s;
}
.ticket .bet .matchinfo span.router-link-exact-active.router-link-active:hover {
  text-decoration: underline;
  color: #0c0c0c;
}
.ticket .bet .matchinfo span {
  color: #0D0E16;
  opacity: 1;
  font-weight: bold;
}
.ticket .bet .competition-region {
  width: 86%;
  font-size: 11px;
  color: #393939;
}
.ticket .bet.caution .close,
.ticket .bet.caution .amount label, .ticket .bet.success .close,
.ticket .bet.success .amount label, .ticket .bet.error .close,
.ticket .bet.error .amount label, .ticket .bet.attention .close,
.ticket .bet.attention .amount label {
  color: var(--main-text-color);
}
.ticket .bet.disabled .competition-region, .ticket .bet.disabled .competition-region span, .ticket .bet.caution .competition-region, .ticket .bet.caution .competition-region span, .ticket .bet.success .competition-region, .ticket .bet.success .competition-region span, .ticket .bet.error .competition-region, .ticket .bet.error .competition-region span, .ticket .bet.attention .competition-region, .ticket .bet.attention .competition-region span {
  color: white;
}
.ticket .bet.trading-disabled {
  background: rgba(224, 224, 224, 0.8);
  color: #383838;
}
.ticket .bet.trading-disabled .close {
  color: #CACACA;
}
.ticket .bet.trading-disabled .alert {
  color: #FFFFFF;
  background: #373737;
}
.ticket .bet.update-odd .close {
  color: #CACACA;
}
.ticket .bet.update-odd .alert {
  color: #FFFFFF;
  background: #565656;
}
.ticket .bet.trading-closed {
  background: rgb(202, 68, 68);
  color: #ffdbdb;
}
.ticket .bet.trading-closed .ticket .bet .matchinfo span {
  color: white;
}
.ticket .bet.trading-closed .competition-region, .ticket .bet.trading-closed .competition-region span {
  color: white;
}
.ticket .bet.trading-closed .close {
  color: white;
}
.ticket .bet.trading-closed .alert {
  color: #fff;
  background: #DE513C;
}
.ticket .bet.trading-suspended {
  background: #cfcdc3;
}
.ticket .bet.trading-suspended .close {
  color: #CACACA;
}
.ticket .bet.trading-suspended .alert {
  color: #000000;
  background: #E5C519;
}
.ticket .bet.disabled {
  background: #c2c8cc;
  color: #CACACA;
}
.ticket .bet.disabled .close {
  color: #CACACA;
}
.ticket .bet.caution {
  background: #e3da9d;
  color: #262626;
}
.ticket .bet.caution .alert {
  background: #D9BC00;
}
.ticket .bet.success {
  background: #2ECC71;
  color: var(--main-text-color);
}
.ticket .bet.error {
  background: #DE513C;
  color: var(--main-text-color);
}
.ticket .bet.error .alert {
  background: #f17b6e;
}
.ticket .bet.attention {
  background: #F69B4C;
  color: var(--main-text-color);
}
.ticket .bet span.alert {
  position: absolute;
  top: 0;
  padding: 5px 10px;
  right: 0;
  z-index: 1;
  font-weight: 900;
  font-size: 10px;
  text-transform: uppercase;
}
.ticket .bet .amount {
  display: flex;
  flex-direction: column;
}
.ticket .bet .amount input {
  height: 20px;
  width: 8em;
  background: #f6f6f6;
  border: 1px solid #a1a1a1;
  margin-top: 5px;
  color: #0D0E16;
}
.ticket .bet .amount p {
  float: right;
}
.ticket .bet .close {
  position: absolute;
  left: 0;
  top: 0;
  color: #979797;
  height: 100%;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-right: 5px;
  padding-left: 5px;
  text-indent: -99999px;
  transition: all 0.5s;
}
.ticket .bet .close:hover {
  background: #CACACA;
}
.ticket .bet .close i {
  background: url(/bingocasinos.co/img/close.png) no-repeat;
  background-size: contain;
  display: block;
  height: 10px;
  width: 10px;
}
.ticket .bet .bet-type {
  font-weight: 500;
  align-items: center;
}
.ticket .bet .bet-type div.cashout {
  margin-left: 10px;
}
.ticket .bet .bet-result {
  font-weight: 500;
}
.ticket .bet .odd {
  position: absolute;
  top: 30px;
  right: 15px;
  font-weight: 500;
  font-size: 14px;
}
.ticket .bet .odd i {
  height: 15px;
  width: 15px;
  display: block;
  float: left;
  margin-right: 10px;
  background-size: cover;
  background-repeat: no-repeat;
}
.ticket .bet .odd i.up {
  background-image: url(/bingocasinos.co/img/up.png);
}
.ticket .bet .odd i.down {
  background-image: url(/bingocasinos.co/img/down.png);
}
.ticket .split-bet {
  padding: 15px;
  background: #1D3A40;
  color: #f6f6f6;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
}
.ticket .bet-amount {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 20px 15px;
}
.ticket .bet-amount span {
  font-weight: 500;
}
.ticket .bet-amount input {
  border: 1px solid var(--main-brand-primary);
  max-width: 200px;
  margin: 0 auto 10px;
  text-align: center;
  color: var(--main-text-color);
  font-size: 15px;
}
.ticket .bet-amount ::-webkit-input-placeholder {
  color: #c2c8cc;
  font-size: 12px;
}
.ticket .bet-amount .info {
  font-size: 12px;
  margin-top: 24px;
  font-weight: 500;
}
.ticket .bet-amount .info .bg-total-cartons {
  background-color: var(--background-bonuses-fond);
  padding: 7px 10px;
  align-self: center;
  margin-bottom: 5px;
}
.ticket .bet-amount .info .bg-total-cartons .total-cartons {
  margin-bottom: 0px !important;
}
.ticket .bet-amount .info .bg-total-cartons .bet-amount-cartons {
  margin-bottom: 0px !important;
}
.ticket .bet-amount .info .ticket-value {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.ticket .bet-amount .info .freebet {
  background-image: url(/bingocasinos.co/img/icon-freebet.svg);
  width: 40px;
  height: 20px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
.ticket .bet-amount .info div {
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.ticket .bet-amount .action-bingo div {
  padding: 0px 15px;
}
.ticket .bet-amount .action-bingo div button {
  background-color: #27BC60;
}
.ticket .bet-amount button {
  font-size: 20px;
  background: #28bc60;
  border: none;
  margin-top: 1em;
  width: 100%;
  padding: 20px 10px;
  text-transform: uppercase;
  transition: all 0.5s;
}
.ticket .bet-amount button span {
  font-weight: bold !important;
}
.ticket .bet-amount button:hover {
  background: #175e2e;
  color: #000000;
  border: none !important;
}
.ticket .bet-amount button.request-ticket {
  padding: 0px;
}
.ticket .bet-amount button.request-ticket img {
  width: 30px;
  height: auto;
}
.ticket .bet-amount button:disabled {
  pointer-events: none;
  opacity: 0.6;
  background: transparent;
  border: 1px solid gray;
}
.ticket .bet-amount .help {
  font-size: 11px;
  text-decoration: underline;
  transition: opacity 0.25s;
}
.ticket .bet-amount .help:hover {
  opacity: 0.75;
}
.ticket .anonymous-bet {
  padding: 5px 40px;
}
.ticket .anonymous-bet button {
  color: var(--ticket-anonymous-submit-color);
  border: var(--ticket-anonymous-submit-border);
  background: var(--ticket-anonymous-submit-bg);
  margin-top: 0;
  border: 1px solid gray;
}
.ticket .anonymous-bet button.success-close {
  color: var(--ticket-anonymous-submit-color);
  border: none;
  background: transparent;
}
.ticket .anonymous-bet button.success-close:hover {
  border: none;
  background: transparent;
}
.ticket .anonymous-bet button:hover {
  color: var(--ticket-anonymous-submit-hover-color);
  border: 1px solid #28bc60 !important;
  background: #28bc60;
}
.ticket .success-message {
  padding: 20px 10px;
  border-bottom: 2px solid var(--main-brand-primary);
}
.ticket .success-message h3 {
  font-weight: 500;
}
.ticket .success-message span {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}
.ticket .success-message span.inline {
  display: inline-block;
}
.ticket .success-close {
  display: flex;
  margin: 0 auto;
  margin-bottom: 20px;
  border: none;
  color: var(--button-color);
  font-size: 11px;
}
.ticket .success-close:hover {
  background: none;
  color: var(--main-brand-primary);
}
.ticket button.btndetail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 120px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
  padding: 5px;
  margin: 20px auto;
  border: none;
}
.ticket button.btndetail:hover {
  background: transparent;
  width: 125px;
  color: white;
}
.ticket button.btndetail img {
  max-width: 20px;
  transform: rotate(-90deg);
}
.ticket .ticket-summary {
  padding: 20px 10px;
  border-bottom: 2px solid var(--main-brand-primary);
}
.ticket .ticket-summary > div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  font-size: 14px;
}
.ticket .events-bet {
  padding: 0px 10px;
  font-size: 14px;
}
.ticket .events-bet i.sport {
  filter: brightness(1);
}
.ticket .events-bet li {
  display: flex;
  flex-direction: column;
  padding: 10px 0;
  border-bottom: 1px solid var(--main-brand-primary);
  position: relative;
}
.ticket .events-bet li span {
  font-size: 11px;
}
.ticket .events-bet li .match,
.ticket .events-bet li .bet-type,
.ticket .events-bet li .bet-result {
  font-weight: 500;
}
.ticket .events-bet li:last-child {
  border: none;
}
.ticket .ticket-bonuses {
  max-height: 19.4vh;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  background: var(--bg-more-regions);
  gap: 2px;
  margin-top: 5px;
  padding-bottom: 2px;
}
.ticket .ticket-bonuses .ticket-bonus {
  padding: 10px 10px 5px 5px;
  width: 100%;
  background: var(--main-background-color);
  border-left: 3px solid #27BC60;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.ticket .ticket-bonuses .ticket-bonus p {
  margin-bottom: 0;
}
.ticket .ticket-bonuses .ticket-bonus .terms_link {
  padding-left: 3px;
  opacity: 0.5;
  text-decoration: underline;
}
.ticket .ticket-bonuses .ticket-bonus .expire-date {
  color: #27BC60;
}
.ticket .ticket-bonuses .ticket-bonus.disabled {
  filter: opacity(0.5);
}
.ticket .ticket-bonuses .ticket-bonus.bonus_general_booster_odds {
  padding-left: 30px;
}
.ticket .ticket-bonuses .ticket-bonus .bonus-title {
  color: #27BC60;
}
.ticket .ticket-bonuses .ticket-bonus .general-booster-odd-text p {
  display: inline;
}

.icon-betbuilder {
  position: absolute;
  right: 4px;
  top: 5px;
  box-shadow: 0px 0px 3px;
  border-radius: 5px;
  background: #f3b90f;
  color: #000;
  font-weight: 600;
  font-size: 12px;
  padding-bottom: 0px;
  padding: 0 2px;
}

#bet-history .filterbonus {
  display: none;
}
#bet-history div:nth-child(5) > ul > li > header > div > span:nth-child(3) > a {
  color: var(--history-bread-crumbs);
}
#bet-history .league {
  width: 80%;
  line-height: 1.2;
}
#bet-history .sporticon {
  position: absolute;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  /* 
          .tooltip-content{
              position: relative;
          }

          .tooltip{
              white-space: nowrap;
              left: -3px;
              bottom: 0;
              top:0;
              width: auto;
              z-index: 9;
              animation: tooltips-horz 300ms ease-out forwards;

               &:before{
                  right: initial;
                  left:15px;
              }
          } */
}
#bet-history .sporticon .tooltip-content {
  margin: 0;
}
#bet-history .sporticon .tooltip {
  left: -14px;
  bottom: 43px;
  visibility: hidden;
  opacity: 0;
}
#bet-history .sporticon:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
#bet-history .clearfilters {
  font-size: 11px;
  margin-left: 20px;
  cursor: pointer;
}
#bet-history .clearfilters span:hover {
  text-decoration: underline;
}
#bet-history .filters {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
#bet-history .filters ul {
  padding: 0 55px;
  display: flex;
  align-items: center;
}
#bet-history .filters ul.border-right {
  border-right: var(--border-section-title-my-bets);
}
#bet-history .filters ul li {
  cursor: pointer;
  margin: 0 20px;
  opacity: 0.5;
  border-bottom: 2px solid transparent;
  padding-bottom: 3px;
}
#bet-history .filters ul li.active {
  cursor: default;
  opacity: 1;
  border-color: inherit;
}
#bet-history .filters .sports-group {
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
}
#bet-history .filters .sports-group ul li {
  padding-bottom: unset;
}
#bet-history .filters .sports-group span {
  font-size: 9px;
  opacity: 0.7;
  text-align: center;
  margin-top: 2px;
}
#bet-history .filters-all {
  align-items: center;
  max-width: 90%;
  margin: 10px auto 30px;
  justify-content: space-between;
}
#bet-history .filters-all > div {
  display: flex;
  align-items: center;
}
#bet-history .filters-all > div > div {
  margin-right: 20px;
}
#bet-history .all-bets-history {
  max-width: 960px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.4;
}
#bet-history .all-bets-history span.bet-type {
  flex-basis: 23%;
}
#bet-history .all-bets-history .my-bet {
  border-top: 4px solid;
  margin-bottom: 30px;
  background: var(--secondary-background-color);
}
#bet-history .all-bets-history .my-bet .label {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}
#bet-history .all-bets-history .my-bet span.market {
  font-weight: 500;
  font-size: 11px;
}
#bet-history .all-bets-history .my-bet .date {
  font-size: 11px;
}
#bet-history .all-bets-history .my-bet .bet-id {
  margin-right: 10px;
}
#bet-history .all-bets-history .my-bet .btndetail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 155px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
  border: 1px solid;
  padding: 5px;
  margin: 20px auto;
}
#bet-history .all-bets-history .my-bet .btndetail img {
  width: 18px;
  height: auto;
  margin-left: 10px;
}
#bet-history .all-bets-history .my-bet .btndetail.close img {
  transform: rotate(180deg);
}
#bet-history .all-bets-history .my-bet .btndetail:hover {
  background: transparent;
}
#bet-history .all-bets-history .my-bet .match strong {
  font-size: 1em !important;
}
#bet-history .all-bets-history .my-bet button {
  border: none !important;
}
#bet-history .all-bets-history .my-bet.won {
  border-color: #2ECC71 !important;
}
#bet-history .all-bets-history .my-bet.lost {
  border-color: #DE513C !important;
}
#bet-history .all-bets-history .my-bet.pending {
  border-color: #D9BC00 !important;
}
#bet-history .all-bets-history .my-bet.rejected {
  border-color: #646464 !important;
}
#bet-history .all-bets-history .my-bet header {
  background: #0D0E16;
  color: #f6f6f6;
  display: flex;
}
#bet-history .all-bets-history .my-bet header .status {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
}
#bet-history .all-bets-history .my-bet header .freebet {
  background-image: url(/bingocasinos.co/img/icon-freebet.svg);
  width: 60px;
  height: 30px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -13px;
  right: 0;
}
@media (max-width: 768px) {
  #bet-history .all-bets-history .my-bet header .freebet {
    top: 0;
  }
}
#bet-history .all-bets-history .my-bet .status.won {
  color: #2ECC71;
}
#bet-history .all-bets-history .my-bet .status.lost {
  color: #DE513C;
}
#bet-history .all-bets-history .my-bet .status.pending {
  color: #D9BC00;
}
#bet-history .all-bets-history .my-bet.simple header {
  justify-content: space-between;
}
#bet-history .all-bets-history .my-bet.simple header > div {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #222433;
  width: 33.33%;
  padding: 10px;
  position: relative;
}
#bet-history .all-bets-history .my-bet.simple header > div:nth-child(2) {
  text-align: center;
  justify-content: center;
}
#bet-history .all-bets-history .my-bet.simple header > div:last-child {
  border: none;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
#bet-history .all-bets-history .my-bet.simple header > div .bet-info {
  display: flex;
  flex-direction: column;
}
#bet-history .all-bets-history .my-bet.simple header > div .bet-info .bet-amount {
  margin-right: 5px;
}
#bet-history .all-bets-history .my-bet.simple .event {
  display: flex;
  justify-content: space-between;
}
#bet-history .all-bets-history .my-bet.simple .event > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 33.33%;
  border-right: 1px solid #0D0E16;
  padding: 5px 10px;
  position: relative;
}
#bet-history .all-bets-history .my-bet.simple .event > div:nth-child(2) {
  text-align: center;
}
#bet-history .all-bets-history .my-bet.simple .event > div .date {
  font-size: 11px;
}
#bet-history .all-bets-history .my-bet.simple .event > div .league {
  font-size: 11px;
  color: gray;
}
#bet-history .all-bets-history .my-bet.simple .event > div:last-child {
  border: none;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
#bet-history .all-bets-history .my-bet.simple .result {
  text-align: right;
}
#bet-history .all-bets-history .my-bet.parley header {
  justify-content: space-between;
  align-items: center;
}
#bet-history .all-bets-history .my-bet.parley header > div {
  display: flex;
  padding: 10px;
  width: 33.33%;
  border-right: 1px solid #222433;
  flex-direction: column;
  position: relative;
}
#bet-history .all-bets-history .my-bet.parley header > div:nth-child(2) {
  text-align: center;
}
#bet-history .all-bets-history .my-bet.parley header > div:last-child {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
#bet-history .all-bets-history .my-bet.parley header > div > div {
  display: inline;
}
#bet-history .all-bets-history .my-bet.parley .events li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #0D0E16;
}
#bet-history .all-bets-history .my-bet.parley .events li > div {
  display: flex;
  flex-direction: column;
  width: 33.33%;
  border-right: 1px solid #0D0E16;
  padding: 10px;
  position: relative;
}
#bet-history .all-bets-history .my-bet.parley .events li > div:nth-child(2) {
  text-align: center;
}
#bet-history .all-bets-history .my-bet.parley .events li > div:last-child {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
#bet-history .all-bets-history .my-bet.parley .events li > div .date {
  font-size: 11px;
  color: gray;
}
#bet-history .all-bets-history .my-bet.parley .events li:last-child {
  border: none;
}
#bet-history .all-bets-history .my-bet.parley .events .status {
  font-weight: normal;
  font-size: 1em;
}
#bet-history .all-bets-history .my-bet.system {
  clear: both;
  position: relative;
  border-color: #F69B4C;
  /* .btn{
  position: absolute;
     right: 0;
     bottom: 0;
  } */
}
#bet-history .all-bets-history .my-bet.system header {
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
#bet-history .all-bets-history .my-bet.system header .date {
  font-size: 11px;
}
#bet-history .all-bets-history .my-bet.system header > div {
  display: flex;
  padding: 10px;
  width: 33.33%;
  border-right: 1px solid #222433;
  flex-direction: column;
  position: relative;
}
#bet-history .all-bets-history .my-bet.system header > div:nth-child(2) {
  text-align: center;
}
#bet-history .all-bets-history .my-bet.system header > div:last-child {
  text-align: right;
  border: none;
}
#bet-history .all-bets-history .my-bet.system header > div > div {
  display: inline;
}
#bet-history .all-bets-history .my-bet.system .value {
  background: gray;
  color: white;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  float: left;
  margin-right: 5px;
}
#bet-history .all-bets-history .my-bet.system .events {
  clear: both;
  position: relative;
}
#bet-history .all-bets-history .my-bet.system .events li {
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
}
#bet-history .all-bets-history .my-bet.system .events li > div {
  padding: 5px;
  border: none;
}
#bet-history .all-bets-history .my-bet.system .events li > div:nth-child(2) {
  text-align: center;
}
#bet-history .all-bets-history .my-bet.system .events li:last-child {
  border: none;
}
#bet-history .all-bets-history .my-bet.system .events li > span {
  /* flex-basis: 33.33%; */
}
#bet-history .all-bets-history .my-bet.system .events li > span.won {
  color: #2ECC71;
}
#bet-history .all-bets-history .my-bet.system .events li > span.lost {
  color: #DE513C;
}
#bet-history .all-bets-history .my-bet.system .events li > span.pending {
  color: #D9BC00;
}
#bet-history .all-bets-history .my-bet.system .events li > span.match {
  flex-basis: 40%;
  width: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px;
}

ul.account-summary p {
  margin: 0;
}

.drop-details {
  margin-top: -17px;
}

.all-system-details .events li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #0D0E16;
}
.all-system-details .events li .league {
  font-size: 11px;
  color: gray;
}
.all-system-details .events li .date {
  font-size: 11px;
}
.all-system-details .events li > div {
  flex-basis: 33.33%;
  border-right: 1px solid #0D0E16;
  padding: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.all-system-details .events li > div:nth-child(2), .all-system-details .events li > div:nth-child(3) {
  text-align: center;
}
.all-system-details .events li > div:last-child {
  border: none;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.all-system-details .status {
  font-size: 1em !important;
  font-weight: normal !important;
}
.all-system-details strong {
  font-weight: 500 !important;
}
.all-system-details header {
  background: none !important;
}
.all-system-details h3 {
  border-bottom: 4px solid #F69B4C;
  padding-bottom: 10px;
  font-weight: 500;
}
.all-system-details .system-detail {
  margin: 0 10px;
}
.all-system-details .system-detail header {
  display: flex !important;
  justify-content: space-between !important;
  flex-direction: row !important;
  background-color: #0D0E16 !important;
}
.all-system-details .system-detail header span {
  font-weight: 500;
}
.all-system-details .system-detail ul {
  padding: 5px 10px;
}
.all-system-details .system-detail li {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
.all-system-details .system-detail li.labels > label {
  flex-basis: 25%;
  text-align: center;
  border-right: 1px solid #0D0E16;
}
.all-system-details .system-detail li.labels > label:first-child {
  text-align: left;
}
.all-system-details .system-detail li.labels > label:last-child {
  border: none;
}
.all-system-details .system-detail li div {
  flex-basis: 25%;
  border-right: 1px solid #0D0E16;
}
.all-system-details .system-detail li div:nth-child(2) {
  text-align: center;
}
.all-system-details .system-detail li div:last-child {
  border: none;
  text-align: center;
}
.all-system-details .system-detail li:first-child {
  margin-bottom: 5px;
}
.all-system-details .system-detail li .odd {
  text-align: center;
}
.all-system-details .system-detail li .status {
  text-align: right;
  display: flex;
  flex-direction: column;
}
.all-system-details .system-detail li .status span {
  display: block;
  text-align: center;
}
.all-system-details .system-detail li .status span.date {
  color: white !important;
}

.modal.forgot-pass .success {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 30px;
}

.modal.forgot-pass .modal-container, .modal.inactivity .modal-container {
  padding: 0;
  width: 40em;
}
.modal.forgot-pass .modal-container header h2, .modal.inactivity .modal-container header h2 {
  margin: 0 !important;
}
.modal.forgot-pass .modal-container .modal-body, .modal.inactivity .modal-container .modal-body {
  padding: 10px 20px;
  padding-bottom: 30px;
  padding-top: 20px;
}
.modal.forgot-pass .modal-container .modal-body button, .modal.inactivity .modal-container .modal-body button {
  margin: 0 auto;
  display: flex;
  background: #27bc60;
}

.modal.withdrawal .code span {
  font-size: 1.5em;
}
.modal.withdrawal header h3 {
  margin-bottom: 0;
}
.modal.withdrawal .modal-container {
  padding: 0;
}
.modal.withdrawal .modal-body {
  padding: 20px;
}
.modal.withdrawal .modal-body p {
  text-align: center;
  max-width: 30em;
  margin-bottom: 1em;
}
.modal.withdrawal .modal-body fieldset {
  text-align: center;
}
.modal.withdrawal .modal-body .buttons {
  margin-top: 50px;
}

#login {
  background: url("/bingocasinos.co/img/login-bg.jpg") center no-repeat;
  background-size: cover;
  height: 90vh;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -20px;
  overflow: hidden;
}
#login .modal-container {
  max-width: 600px;
}
#login .modal input {
  width: 100%;
}
#login main {
  padding: 0;
}
#login .login-modal {
  display: flex !important;
  flex-direction: column;
  max-width: 400px;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
#login .login-modal.new-pass {
  max-width: 280px;
}
#login .login-modal.new-pass h2 {
  margin-bottom: 0;
}
#login .login-modal.new-pass input {
  width: 100%;
  margin-bottom: 3px;
  margin-top: 2px;
}
#login .login-modal.new-pass label {
  width: 100%;
  margin-bottom: 10px;
}
#login .login-modal.new-pass .is-danger {
  text-align: left;
  margin-bottom: 25px;
}
#login .login-modal .is-danger {
  font-size: 12px;
  margin-bottom: 20px;
  text-align: center;
  color: #ffffff;
}
#login .login-modal input {
  border: 1px solid #27bc60;
  width: 280px;
  margin: 0 auto 1em;
}
#login .login-modal .forgot-pass {
  text-align: center;
  color: darkgray;
  text-decoration: underline;
  margin-top: 10px;
  font-size: 12px;
}
#login .login-modal button {
  padding: 10px 20%;
  font-size: 1.1em;
  margin-top: 20px;
}
#login .login-modal button.small {
  font-size: 13px;
  padding: 10px 12%;
  margin-top: 5px;
}
#login .login-modal .logo-register-success {
  background: url(/bingocasinos.co/img/logo.svg);
  width: 271px;
  background-repeat: no-repeat;
  height: 90px;
}
@media (max-width: 1023px) {
  #login .login-modal .logo-register-success {
    background: var(--img-logo);
  }
}
#login .login-modal .text-register-success {
  color: #ffffff;
}
@media (max-width: 1023px) {
  #login .login-modal .text-register-success {
    color: var(--main-text-color);
  }
}
#login h3 {
  margin: 0;
  font-size: 15px;
  color: darkgray;
  margin-top: 2em;
}
#login h2 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 2em;
  color: #ffffff;
}

.responsible-game {
  padding-bottom: 5em;
  margin-top: 20px;
  /* The slider itself */
  /* Mouse-over effects */
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
}
.responsible-game .nav.inline button {
  color: var(--main-text-color);
  padding: 5px;
  font-size: 12px;
  width: 100%;
  height: 5em;
  margin-bottom: 1px;
  background: var(--bg-deposit) !important;
}
.responsible-game .nav.inline button:hover {
  background: #27bc60 !important;
  color: #0D0E16;
}
.responsible-game .nav.inline button.active {
  background: #27bc60 !important;
}
.responsible-game .nav.inline button.active:hover {
  color: #0D0E16;
}
.responsible-game .history table {
  margin-top: 20px;
}
.responsible-game .history h4 {
  border-bottom: 2px solid var(--main-brand-primary);
  padding-bottom: 5px;
}
.responsible-game .history .filter {
  display: flex;
  overflow: auto;
}
.responsible-game .history .filter select {
  margin-right: 10px;
}
.responsible-game .deposit-limits li > span:first-of-type {
  width: 20em;
}
.responsible-game .deposit-limits ul li, .responsible-game .bet-limits ul li, .responsible-game .set-limits ul li {
  display: flex;
  align-items: center;
  margin-top: 20px !important;
}
.responsible-game .deposit-limits ul li .schedule-time, .responsible-game .bet-limits ul li .schedule-time, .responsible-game .set-limits ul li .schedule-time {
  display: flex;
  align-items: center;
  margin-left: 3em;
}
.responsible-game .deposit-limits ul li .time, .responsible-game .bet-limits ul li .time, .responsible-game .set-limits ul li .time {
  display: flex;
  align-items: center;
  margin-left: 1em;
  font-size: 1.2em;
}
.responsible-game .deposit-limits ul li .time i.clock, .responsible-game .bet-limits ul li .time i.clock, .responsible-game .set-limits ul li .time i.clock {
  margin-right: 5px;
}
.responsible-game .deposit-limits section, .responsible-game .bet-limits section, .responsible-game .set-limits section {
  margin-bottom: 3em;
}
.responsible-game .set-limits > .dflex {
  margin-bottom: 10px;
}
.responsible-game .set-limits .label {
  margin-right: 10px;
  width: 10em;
  display: flex;
  flex-direction: column;
}
.responsible-game .set-limits .label span {
  display: flex;
}
.responsible-game .set-limits input {
  margin-right: 20px;
  width: 12em;
  background: var(--bg-selects);
}
.responsible-game .set-limits button {
  margin-right: 4em;
  margin-bottom: 0;
  width: 8em;
}
.responsible-game .set-limits .current-limits {
  margin-bottom: 3em;
}
.responsible-game .set-limits .current-limits p {
  margin-bottom: 0;
}
.responsible-game .set-btn {
  margin: 0 auto;
}
.responsible-game .input-label {
  width: 20%;
}
.responsible-game .input-label label {
  font-size: 11px;
}
.responsible-game .input-label:first-child {
  text-align: right;
  margin-right: 10px;
}
.responsible-game .input-label:last-child {
  margin-left: 10px;
}
.responsible-game .alert {
  color: #f17b6e;
  padding: 20px;
  text-align: center;
  width: 100%;
  display: block;
}
.responsible-game .selfexclusion .time {
  margin-left: 20px;
}
.responsible-game .selfexclusion .time i {
  margin-right: 10px;
}
.responsible-game .selfexclusion .schedule-time, .responsible-game .selfexclusion .time {
  display: flex;
}
.responsible-game .selfexclusion button, .responsible-game .selfexclusion .button {
  width: 10em;
  color: var(--button-color);
}
.responsible-game .selfexclusion .checkbox-container {
  align-items: flex-start !important;
}
.responsible-game .selfexclusion select {
  margin-right: 10px;
}
.responsible-game .selfexclusion .filter {
  display: flex;
  overflow: auto;
}
.responsible-game .selfexclusion .filter select {
  margin-right: 10px;
}
.responsible-game .selfexclusion .button-revoke {
  margin-top: 20px;
  width: 200px;
}
.responsible-game .selfexclusion .modal-confirmation header h3 {
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 0;
}
.responsible-game .selfexclusion .modal-confirmation p {
  margin-bottom: 0;
}
.responsible-game .selfexclusion .modal-confirmation footer {
  padding-bottom: 10px;
}
.responsible-game .selfexclusion .modal-confirmation footer button:nth-child(2) {
  margin-left: 20px;
}
.responsible-game .time-limits .set-limits {
  margin: 0 auto;
  margin-top: 3em;
}
.responsible-game .time-limits .set-limits .lg {
  text-align: center;
}
.responsible-game .time-limits .set-limits .lg h4 {
  text-align: left;
}
.responsible-game .time-limits section > div.lg > button {
  color: var(--button-color) !important;
}
.responsible-game .time-limits .set-btn {
  margin-top: 20px;
}
.responsible-game .time-limits input[type=range] {
  width: 100%;
  /*   -webkit-appearance: none; */
  padding: 0;
}
.responsible-game .time-limits .scale {
  width: 104%;
  display: flex;
  justify-content: space-between;
  margin-left: -2%;
  margin-top: 17px;
  margin-bottom: 20px;
}
.responsible-game .time-limits .scale li {
  position: relative;
  cursor: pointer;
  width: 4.1%;
  font-size: 12px;
  text-align: center;
}
.responsible-game .time-limits .scale li::before {
  position: absolute;
  content: "";
  height: 6px;
  width: 2px;
  background: grey;
  left: 50%;
  top: -15px;
}
.responsible-game .time-limits .scale .active {
  color: #37adbf;
}
.responsible-game .time-limits .scale .selected::before {
  background: #37adbf;
}
.responsible-game .time-limits .scale .active.selected::before {
  display: none;
}
.responsible-game .inline {
  justify-content: space-between;
  align-items: center;
  margin: 2em 0;
}
.responsible-game section {
  margin: 3em 0;
  margin-bottom: 0;
}
.responsible-game .tooltip-content {
  position: relative;
}
.responsible-game h2,
.responsible-game h3 {
  padding-bottom: 15px;
  font-weight: 500;
  border-bottom: 1px solid var(--main-brand-primary);
}
.responsible-game p {
  line-height: 1.6;
  margin-bottom: 1em;
}
.responsible-game .account-summary {
  margin: 0 auto;
  margin-bottom: 3em;
  margin-top: 3rem;
}
.responsible-game .account-summary strong {
  font-weight: 600;
}
.responsible-game .account-summary p {
  margin-bottom: 0;
  font-size: 0.9em;
}
.responsible-game .account-summary li strong, .responsible-game .account-summary li p {
  width: 20%;
  text-align: center;
}
.responsible-game .account-summary li,
.responsible-game .account-limits li {
  display: flex;
  padding: 10px;
  justify-content: space-between;
}
.responsible-game .account-summary li:first-child {
  background: #0D0E16;
}
.responsible-game .slidecontainer {
  width: 750px;
  margin-right: 20px;
  margin-left: 20px;
}
.responsible-game .valueslider {
  -webkit-appearance: none;
  /* Override default CSS styles */
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  /* Full-width */
  height: 5px;
  /* Specified height */
  background: #d3d3d3;
  /* Grey background */
  outline: none;
  /* Remove outline */
  opacity: 0.7;
  /* Set transparency (for mouse-over effects on hover) */
  /* 0.2 seconds transition on hover */
  transition: opacity 0.2s;
  padding: 0;
}
.responsible-game .valueslider:hover {
  opacity: 1;
  /* Fully shown on mouse-over */
}
.responsible-game .valueslider::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  width: 25px;
  /* Set a specific slider handle width */
  height: 25px;
  /* Slider handle height */
  background: var(--main-brand-primary);
  /* Green background */
  cursor: pointer;
  /* Cursor on hover */
  border-radius: 50%;
  border: 2px solid white;
}
.responsible-game .valueslider::-moz-range-thumb {
  width: 25px;
  /* Set a specific slider handle width */
  height: 25px;
  /* Slider handle height */
  background: var(--main-brand-primary);
  /* Green background */
  cursor: pointer;
  /* Cursor on hover */
  border-radius: 50%;
  border: 2px solid white;
}
.responsible-game .slide {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.responsible-game .slide > label {
  font-weight: 500;
}
.responsible-game .slide .value {
  font-size: 12px;
  white-space: nowrap;
  margin-right: 5px;
}
.responsible-game .nav.inline button {
  background: #0D0E16;
}
.responsible-game .nav.inline button.active {
  background: var(--main-brand-primary);
}

.learn {
  margin-top: 20px;
}
.learn .inline {
  justify-content: space-between;
  margin: 2em 1em;
}
.learn .inline button {
  font-weight: normal;
  font-size: 1.05em;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.learn .bet-type {
  padding: 1em;
  border-bottom: 1px solid var(--main-brand-primary);
}
.learn .bet-type h3 {
  font-weight: 500;
}
.learn .bet-type strong {
  color: var(--main-brand-primary);
  font-weight: 600;
}
.learn .bet-type:last-child {
  border: none;
}

.bonus,
.blog {
  margin-top: 20px;
  position: relative;
}
.bonus ul,
.blog ul {
  display: flex;
  flex-wrap: wrap;
}
.bonus ul li,
.blog ul li {
  display: flex;
  flex-direction: column;
  width: 31%;
  margin: 10px 10px 50px 10px;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-x: hidden;
}
.bonus ul li p,
.blog ul li p {
  line-height: 1.5;
  height: 3em;
  margin-bottom: 2.5em;
  overflow: hidden;
}
.bonus ul li img,
.blog ul li img {
  width: 100%;
  margin-bottom: 1em;
}
.bonus ul li h4,
.blog ul li h4 {
  font-size: 18px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.bonus ul li button,
.blog ul li button {
  margin: 0 auto;
  color: var(--button-color);
}
.bonus ul li button:hover,
.blog ul li button:hover {
  color: var(--button-color-hover);
}

.blog-post {
  width: 100%;
  max-width: 630px;
  padding: 20px;
  margin: 0 auto;
}
.blog-post img {
  max-width: 100%;
  margin-bottom: 20px;
}

.my-bonuses a.info {
  color: var(--main-brand-primary);
  font-weight: bold;
  font-size: 0.8em;
  transition: all 0.5s;
}
.my-bonuses a.info i {
  margin-right: 5px;
}
.my-bonuses a.info:hover {
  opacity: 0.8;
}

.bonus {
  padding: 20px 10px 20px 10px;
  padding: 20px;
}
.bonus div.info {
  margin-right: 100px;
}
.bonus button.info {
  margin-top: 15px;
}
.bonus button.info i {
  margin-right: 5px;
}
.bonus .date {
  font-size: 12px;
  font-weight: bold;
  display: block;
}
.bonus .date:last-of-type {
  margin-bottom: 10px;
}
.bonus .progress {
  background: #0D0E16;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.bonus .progress .slide {
  margin: 5px 0;
  border: 1px solid;
}

.account-status {
  padding-bottom: 3em;
  margin-top: 20px;
}
.account-status table {
  margin-top: 20px;
}
.account-status .print {
  position: absolute;
  right: 0;
  top: 87px;
}
.account-status .inline select {
  border: 1px solid var(--main-brand-primary);
  width: 220px;
  margin-right: 10px;
}
.account-status .account-summary {
  margin-top: 2em !important;
}
.account-status .account-summary .print {
  position: relative;
  top: initial;
  right: initial;
  justify-content: flex-end;
  padding-bottom: 30px;
}
.account-status .account-summary,
.account-status .account-limits {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 3em;
}
.account-status .account-summary p,
.account-status .account-limits p {
  margin: 0;
}
.account-status .account-summary header {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.account-status .account-summary header h3 {
  font-weight: 500;
}
.account-status .account-summary header h3 span {
  font-size: 0.8em;
  font-weight: normal;
}
.account-status .account-summary li,
.account-status .account-limits li {
  display: flex;
  padding: 10px;
  justify-content: space-between;
}
.account-status .account-summary li:nth-child(odd),
.account-status .account-limits li:nth-child(odd) {
  background: var(--secondary-background-color);
}

.withdrawals .dflex button,
.deposit .dflex button {
  color: var(--button-color);
}
.withdrawals .click-here,
.deposit .click-here {
  display: flex;
  flex-direction: column;
}
.withdrawals .click-here img,
.deposit .click-here img {
  margin-top: 15px;
}
.withdrawals .click-here .panelimgcontent,
.deposit .click-here .panelimgcontent {
  display: flex;
  justify-content: space-between;
  word-break: break-word;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .withdrawals .click-here .panelimgcontent,
  .deposit .click-here .panelimgcontent {
    justify-content: center !important;
  }
}
.withdrawals .click-here .panelimgcontent .imgPuntos,
.deposit .click-here .panelimgcontent .imgPuntos {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 0 10px;
}
.withdrawals .click-here .panelimgcontent .imgPuntos img,
.deposit .click-here .panelimgcontent .imgPuntos img {
  padding: 2vh 2vh;
  background: var(--proportion-container-bonus-background);
  width: 200px;
  height: 83px;
}
.withdrawals .click-here .panelimgcontent .imgPuntos img.facilito,
.deposit .click-here .panelimgcontent .imgPuntos img.facilito {
  content: var(--img-logofacilito);
}
.withdrawals .click-here .panelimgcontent .imgPuntos img.bakan,
.deposit .click-here .panelimgcontent .imgPuntos img.bakan {
  content: var(--img-logobakan);
}
.withdrawals .click-here .panelimgcontent .imgPuntos img.red-activa,
.deposit .click-here .panelimgcontent .imgPuntos img.red-activa {
  content: var(--img-logoredactiva);
}
.withdrawals .click-here .panelimgcontent .imgPuntos img.bemovil,
.deposit .click-here .panelimgcontent .imgPuntos img.bemovil {
  content: var(--img-logobemovil);
}
.withdrawals .click-here .panelimgcontent .imgPuntos button,
.deposit .click-here .panelimgcontent .imgPuntos button {
  width: 100%;
  color: #ffffff;
}
.withdrawals .cancel-link,
.deposit .cancel-link {
  color: var(--main-brand-primary);
  margin-left: 10px;
  cursor: pointer;
}
.withdrawals .cancel-link:hover,
.deposit .cancel-link:hover {
  text-decoration: underline;
}
.withdrawals h3,
.deposit h3 {
  border-bottom: 1px solid var(--main-brand-primary);
  padding-bottom: 5px;
}
.withdrawals ol,
.deposit ol {
  list-style: inside decimal;
  padding-top: 13px;
}
.withdrawals ol li,
.deposit ol li {
  margin-bottom: 16px;
}
.withdrawals ul,
.deposit ul {
  margin-bottom: 20px;
}
.withdrawals ul li,
.deposit ul li {
  padding: 5px;
}
.withdrawals .withdraw-form,
.deposit .withdraw-form {
  display: flex;
  width: 100%;
  justify-content: space-between;
  max-width: 800px;
  align-items: center;
  margin: 20px 0;
}
.withdrawals .withdraw-form label,
.deposit .withdraw-form label {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.withdrawals .withdraw-form label span,
.deposit .withdraw-form label span {
  margin-bottom: 5px;
}
.withdrawals .deposit-form,
.deposit .deposit-form {
  justify-content: space-between;
  max-width: 800px;
}

.withdrawals {
  padding-bottom: 50px;
  margin-top: 25px;
}
.withdrawals .withdraw-form {
  justify-content: flex-start;
  align-items: center;
}
.withdrawals .withdraw-form fieldset {
  margin-right: 17px;
}
.withdrawals .withdraw-form button {
  margin-bottom: 0;
  padding: 10px 30px;
}
.withdrawals .withdraw-form span.label {
  font-size: 11px;
}
.withdrawals .withdraw-form label > div > input[type=text] {
  border: 1px solid #ccc;
  padding: 2px 5px;
  margin-left: 5px;
}
.withdrawals .withdraw-form .value {
  color: var(--main-text-color);
  font-weight: 500;
  padding: 10px;
}
.withdrawals .recent-withdrawal {
  margin-top: 40px;
}
.withdrawals .limits {
  font-weight: 500;
  margin-bottom: 30px;
  font-size: 0.8em;
}
.withdrawals h4 {
  margin-bottom: 10px;
}
.withdrawals .withdrawal-venues {
  margin-top: 30px;
}
.withdrawals .withdrawal-venues strong {
  font-weight: 600;
}
.withdrawals .withdrawal-venues li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 40%;
}
.withdrawals .withdrawal-venues a {
  font-size: 10px;
  text-decoration: underline;
}
.withdrawals .modal-container {
  text-align: left;
}
.withdrawals .modal-container span {
  width: 100% !important;
  text-align: left !important;
  padding-bottom: 5px;
}
.withdrawals .modal-container fieldset {
  margin-bottom: 10px;
}

.spinner-loader {
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner-loader.casino {
  min-height: 300px;
}
.spinner-loader img {
  width: 50px;
  height: 50px;
}

.help {
  margin-top: 25px;
}
.help .form {
  padding-top: 0;
  width: 100%;
}
.help .action {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60vh;
}
.help .action > div {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.help .action > div img {
  height: 110px;
  width: auto;
  background: #28bc5f;
  border-radius: 50%;
  margin-bottom: 20px;
}
.help .action > div button {
  color: var(--button-color);
  font-size: 2em;
  width: 10em;
}
.help .action > div button:hover {
  color: var(--button-color-hover);
}

.footer {
  background: var(--main-bg-footer);
  margin-left: 300px;
  border: 0;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.19), 0px 0px 10px 0px rgba(0, 0, 0, 0.23);
  color: #f6f6f6;
}
.footer .child1 {
  content: url(/bingocasinos.co/img/pay/visa-master.svg);
}
.footer .child2 {
  content: url(/bingocasinos.co/img/pay/redActiva.svg);
}
.footer .child3 {
  content: url(/bingocasinos.co/img/pay/payPhone.svg);
}
.footer .child4 {
  content: url(/bingocasinos.co/img/pay/facilito.svg);
}
.footer .child5 {
  content: url(/bingocasinos.co/img/pay/bakan.svg);
}
.footer .child6 {
  content: url(/bingocasinos.co/img/pay/bemovil.png);
}
.footer .payment-methods {
  display: flex;
  background: var(--bg-payment-methods);
  border-bottom: 1px solid #060812;
  white-space: nowrap;
  justify-content: space-around;
  align-items: center;
  padding: 17px 10px 13px 10px;
}
.footer .payment-methods img {
  width: 95px;
}
.footer .payment-methods .child3 {
  width: 120px !important;
}
.footer .payment-methods .child2, .footer .payment-methods .child5 {
  width: 80px !important;
}
.footer .payment-methods .child4 {
  padding-top: 4px;
}
.footer .payment-methods .child6 {
  padding-top: 3px;
}
@media (max-width: 767px) {
  .footer .payment-methods {
    display: none;
  }
}
.footer .container-footer {
  display: flex;
  justify-content: space-around;
  margin-bottom: 25px;
}
.footer .container-footer .copyright-footer {
  margin-top: 20px;
  margin-left: 25px;
  max-width: 330px;
}
.footer .container-footer .copyright-footer .img-log {
  width: 150px;
  height: 48px;
  background: var(--img-logo-footer);
  background-size: 150px;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
.footer .container-footer .copyright-footer p {
  line-height: 1.4;
}
.footer .container-footer .license {
  margin-top: 30px;
  margin-left: 25px;
  max-width: 355px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.footer .container-footer .license > div {
  gap: 10px;
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  margin-bottom: 20px;
}
.footer .container-footer .footer-extra-content .general-links {
  margin-top: 30px;
  margin-left: 25px;
}
.footer .container-footer .footer-extra-content .general-links .text-links {
  font-weight: 600;
  margin-bottom: 23px;
  color: var(--main-brand-primary);
}
.footer .container-footer .footer-extra-content .general-links ul li {
  margin-bottom: 5px;
}
.footer .container-footer .footer-extra-content .general-links ul li a {
  text-decoration: underline;
  color: white;
}
.footer .container-footer .footer-extra-content .social-media {
  margin-top: 30px;
  margin-left: 15px;
  margin-right: 10px;
}
.footer .container-footer .footer-extra-content .social-media .text-social-media {
  color: var(--main-brand-primary);
  font-weight: 600;
  margin-bottom: 20px;
  padding-left: 15px;
}
@media (max-width: 1190px) {
  .footer .container-footer .footer-extra-content .social-media .text-social-media {
    margin-bottom: 35px;
  }
}
.footer .container-footer .footer-extra-content .social-media ul {
  display: flex;
}
.footer .container-footer .footer-extra-content .social-media ul li {
  margin: 0px 5px;
  background: #071727;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
.footer .container-footer .footer-extra-content .social-media ul li a img {
  width: 25px;
  padding: 4px;
  margin-top: 5px;
  margin-left: 5px;
}
.footer .container-footer .footer-extra-content .social-media ul li a svg {
  width: 25px;
  padding: 4px;
  margin-top: 5px;
  margin-left: 5px;
}
.footer .container-footer .footer-extra-content .social-media ul li:hover {
  background: var(--main-brand-primary);
}
.footer .container-footer .footer-extra-content .social-media ul li:hover img, .footer .container-footer .footer-extra-content .social-media ul li:hover svg {
  filter: invert(0.9);
}
@media (max-width: 767px) {
  .footer .container-footer {
    display: none;
  }
}
.footer .container-footer-sm {
  display: none;
}
@media (max-width: 767px) {
  .footer .container-footer-sm {
    display: block;
  }
  .footer .container-footer-sm .copyright-footer {
    padding-top: 20px;
    margin-left: 25px;
    margin-right: 25px;
    display: grid;
    border-bottom: 2px solid #2a2e42;
  }
  .footer .container-footer-sm .copyright-footer .img-log {
    width: 150px;
    height: 48px;
    background: url(/bingocasinos.co/img/logo.svg);
    background-size: 150px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    justify-self: center;
  }
  .footer .container-footer-sm .copyright-footer p {
    line-height: 1.4;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  .footer .container-footer-sm .general-links {
    margin-top: 10px;
    margin-left: 25px;
    margin-right: 25px;
    border-bottom: 2px solid #2a2e42;
  }
  .footer .container-footer-sm .general-links .img-general-links {
    display: flex;
    margin-bottom: 12px;
    margin-top: 12px;
  }
  .footer .container-footer-sm .general-links .img-general-links:hover {
    cursor: pointer;
  }
  .footer .container-footer-sm .general-links img {
    width: 11px;
    margin-right: 7px;
    margin-left: 5px;
  }
  .footer .container-footer-sm .general-links .text-links {
    font-weight: 600;
  }
  .footer .container-footer-sm .general-links ul {
    margin-bottom: 10px;
    margin-top: 20px;
    margin-left: 23px;
  }
  .footer .container-footer-sm .general-links ul li {
    margin-bottom: 5px;
  }
  .footer .container-footer-sm .general-links ul li a {
    text-decoration: underline;
  }
  .footer .container-footer-sm .payment-methods-sm {
    margin-top: 10px;
    margin-left: 25px;
    margin-right: 25px;
    border-bottom: 2px solid #2a2e42;
  }
  .footer .container-footer-sm .payment-methods-sm .img-payment-methods {
    display: flex;
    margin-bottom: 12px;
    margin-top: 12px;
  }
  .footer .container-footer-sm .payment-methods-sm .img-payment-methods img {
    width: 11px;
    margin-right: 7px;
    margin-left: 5px;
  }
  .footer .container-footer-sm .payment-methods-sm .img-payment-methods:hover {
    cursor: pointer;
  }
  .footer .container-footer-sm .payment-methods-sm .text-payment {
    font-weight: 600;
  }
  .footer .container-footer-sm .payment-methods-sm .container-img-payment {
    display: flex;
    margin-left: 24px;
    margin-top: 20px;
  }
  .footer .container-footer-sm .payment-methods-sm .container-img-payment img {
    width: 95px;
    margin-bottom: 15px;
  }
  .footer .container-footer-sm .payment-methods-sm .container-img-payment .child3 {
    width: 120px !important;
    margin-bottom: 5px;
    margin-top: -2px;
    margin-left: 2px;
  }
  .footer .container-footer-sm .payment-methods-sm .container-img-payment .child2, .footer .container-footer-sm .payment-methods-sm .container-img-payment .child5 {
    width: 80px !important;
  }
  .footer .container-footer-sm .payment-methods-sm .container-img-payment .child4 {
    padding-top: 3px;
    margin-left: 7px;
  }
  .footer .container-footer-sm .payment-methods-sm .container-img-payment .child6 {
    margin-bottom: 9px;
    margin-left: 5px;
  }
  .footer .container-footer-sm .payment-methods-sm .container-img-payment .img-group-first {
    display: grid;
    margin-right: 10px;
  }
  .footer .container-footer-sm .payment-methods-sm .container-img-payment .img-group-last {
    display: grid;
  }
  .footer .container-footer-sm .license {
    margin-top: 10px;
    margin-left: 25px;
    margin-right: 25px;
    border-bottom: 2px solid #939498;
  }
  .footer .container-footer-sm .license > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
  }
  .footer .container-footer-sm .social-media {
    margin-top: 20px;
  }
  .footer .container-footer-sm .social-media ul {
    display: flex;
    justify-content: center;
  }
  .footer .container-footer-sm .social-media ul li {
    margin: 0px 10px;
    background: #060812;
    border-radius: 50%;
    width: 35px;
    height: 35px;
  }
  .footer .container-footer-sm .social-media ul li a img {
    width: 25px;
    padding: 4px;
    margin-top: 5px;
    margin-left: 5px;
  }
  .footer .container-footer-sm .social-media ul li a svg {
    width: 25px;
    padding: 4px;
    margin-top: 5px;
    margin-left: 5px;
  }
  .footer .container-footer-sm .social-media ul li:hover {
    background: #43af60;
  }
}
.footer hr {
  border: 1px solid #6a6c71;
  margin: 0px 20px;
}
@media (max-width: 767px) {
  .footer hr {
    display: none;
  }
}
.footer .copyright {
  text-align: center;
  background: transparent;
  border: 0;
  padding: 20px 25px;
  line-height: 1.4;
  font-weight: 600;
  padding-top: 12px;
}
.footer .copyright a {
  color: #fff !important;
}

.copyright-fullwidth {
  text-align: center;
  background: #11131C;
  border: 0;
  padding: 10px 25px;
  line-height: 1.4;
  font-weight: 600;
  height: 37px;
  margin-left: 300px;
  color: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .copyright-fullwidth {
    padding: 8px 25px;
  }
}
@media (max-width: 1023px) {
  .copyright-fullwidth {
    font-size: 10px;
    margin-left: 0;
  }
}

.copyright-fullwidth.full {
  margin-left: 0;
}

.all-markets .market-containers .market .odds.disabled,
.all-markets .market-containers .market .odds .selection.disabled,
.sport .event.disabled,
.sport .event .market-containers .market .odds.disabled,
.sport .event .market-containers .market .odds .selection.disabled,
.slider-component .market .selection.disabled {
  pointer-events: none;
  opacity: 0.6;
}

.combinations {
  margin-top: 10px;
}
.combinations header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  padding: 2px 0 2px 0px;
}
.combinations .combination {
  margin-top: 3px;
}
.combinations .combination .info {
  display: flex;
  align-items: center;
  margin-right: 7px;
}
.combinations .combination .info span {
  margin-right: 5px;
}
.combinations .combination input {
  width: 140px;
  color: var(--main-text-color);
  border: 1px solid var(--main-brand-primary);
}
.combinations .combination .label,
.combinations .combination .details {
  display: flex;
  justify-content: space-between;
}
.combinations .combination .details {
  padding: 5px 10px;
  background: white;
  font-size: 11px;
  color: #0D0E16;
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  overflow: auto;
}
.modal .modal-all {
  position: relative;
}
.modal .modal-container.checkContainer header {
  background: #222433 !important;
  color: white !important;
  padding: 20px !important;
}
.modal .modal-container.checkContainer header h3 {
  font-weight: bold;
}
.modal .modal-container.checkContainer .ticket-info .text-check {
  text-align: center;
  padding: 20px;
}
.modal .modal-container.checkContainer .ticket-info footer button {
  font-size: 1em !important;
  min-width: 200px !important;
  color: black !important;
  font-weight: bold !important;
  background: #27bc60;
}
.modal .modal-container.checkContainer .ticket-info footer button:hover {
  background: transparent;
  color: #ffffff !important;
}
.modal .modal-container {
  background: var(--main-background-color);
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
@media (min-width: 1152px) {
  .modal .modal-container {
    min-width: 600px;
  }
}
.modal .modal-container .modal-title {
  width: 100%;
  text-align: center;
}
.modal .modal-container .modal-title * {
  font-weight: bold;
}
.modal .modal-container header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: var(--main-background-color);
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.modal .modal-container header h2 {
  color: var(--main-text-color);
  font-size: 20px;
  margin-bottom: 0;
}
.modal .modal-container .buttons {
  text-align: center;
  margin-top: 20px;
}
.modal .modal-container .buttons .checkbox-container {
  margin-bottom: 20px;
}
.modal .modal-container .buttons button {
  margin-right: 20px;
}
.modal .modal-container .preloader {
  height: auto;
  position: relative;
}
.modal .modal-container.full {
  padding: 0;
  width: 500px;
}
.modal .modal-container h3 {
  border: none;
}
.modal .modal-container p {
  margin-bottom: 30px;
}
.modal .modal-container main {
  padding: 15px;
}
@media (min-width: 1152px) {
  .modal .modal-container main {
    min-width: 600px;
  }
}
.modal .modal-container input,
.modal .modal-container select {
  border: 2px solid #27bc60;
  color: var(--main-text-color);
}
.modal .modal-container label span {
  font-size: 14px;
  margin-bottom: 10px;
}
.modal .modal-container label input {
  background: var(--main-background-color);
  color: var(--main-text-color);
}
.modal .modal-container .close:hover {
  opacity: 0.8;
}
.modal .modal-container button {
  font-size: 17px;
  padding: 5px 30px;
}
.modal .modal-container .fixture-header {
  flex-wrap: wrap;
}
.modal .modal-container .error-msg {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px;
  color: #fe5d5d;
}
.modal .modal-container-recharge {
  background: var(--main-background-color);
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
@media (min-width: 1152px) {
  .modal .modal-container-recharge {
    min-width: 854px;
  }
}
@media (max-width: 630px) {
  .modal .modal-container-recharge {
    min-width: 360px !important;
  }
}
@media (max-width: 360px) {
  .modal .modal-container-recharge {
    min-width: 310px !important;
  }
}
.modal .modal-container-recharge header {
  justify-content: space-between;
  align-items: center;
  padding: 1vh;
  background: var(--main-background-color);
  display: flex;
  position: relative;
  width: 98%;
}
.modal .modal-container-recharge header .titulos_modal {
  font-size: 20px;
  color: var(--main-text-color);
  line-height: 0;
  margin-bottom: 0;
}
.modal .modal-container-recharge header .titlemodales {
  text-align: center;
  width: 100%;
}
.modal .modal-container-recharge header .titlemodales .titulos_modals {
  font-size: 20px;
  color: var(--main-text-color);
  width: 100%;
  line-height: 0;
  margin-bottom: 0;
}
.modal .modal-container-recharge header h2 {
  color: var(--main-text-color);
  font-size: 20px;
  margin-bottom: 0;
}
.modal .modal-container-recharge .buttons {
  text-align: center;
  margin-top: 20px;
}
.modal .modal-container-recharge .buttons .checkbox-container {
  margin-bottom: 20px;
}
.modal .modal-container-recharge .buttons button {
  margin-right: 20px;
}
.modal .modal-container-recharge .preloader {
  height: auto;
  position: relative;
}
.modal .modal-container-recharge.full {
  padding: 0;
  width: 500px;
}
.modal .modal-container-recharge h3 {
  border: none;
}
.modal .modal-container-recharge p {
  margin-bottom: 30px;
}
.modal .modal-container-recharge main {
  padding: 15px;
}
@media (min-width: 1152px) {
  .modal .modal-container-recharge main {
    min-width: 600px;
  }
}
@media (max-width: 360px) {
  .modal .modal-container-recharge main {
    min-width: 310px !important;
  }
}
.modal .modal-container-recharge input,
.modal .modal-container-recharge select {
  border: 2px solid var(--main-brand-primary);
  color: var(--main-text-color);
}
.modal .modal-container-recharge label span {
  font-size: 14px;
  margin-bottom: 10px;
}
.modal .modal-container-recharge label input {
  background: var(--main-background-color);
  color: var(--main-text-color);
}
.modal .modal-container-recharge .close:hover {
  opacity: 0.8;
}
.modal .modal-container-recharge button {
  font-size: 17px;
  padding: 5px 30px;
}
.modal .modal-container-recharge .fixture-header {
  flex-wrap: wrap;
}
.modal .modal-container-recharge .error-msg {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px;
  color: #fe5d5d;
}
.modal.revoke .modal-container {
  max-width: 650px;
}
.modal.revoke .modal-container .ticket-info {
  width: 100%;
}
.modal.revoke .modal-container header h3 {
  width: 100%;
  margin: 0;
  padding: 0;
}
.modal.revoke .modal-container section {
  margin: 0;
}
.modal.revoke .modal-container section label span {
  margin-bottom: 2px;
  margin-top: 10px;
}
.modal.revoke .modal-container section label select {
  margin-right: 0;
}
.modal.revoke .modal-container section label input[readonly] {
  border: 2px solid #424d6b;
  background: #2a3b59 !important;
  color: rgb(194, 194, 194);
  cursor: not-allowed;
}

.modal.lotobet.search {
  display: grid !important;
}
.modal.lotobet.search .header-container {
  margin: 0px 10px !important;
}
.modal.lotobet.search li {
  list-style: none !important;
}
.modal.lotobet.search .modal-container {
  width: 600px !important;
}
.modal.lotobet.search .date {
  margin-top: 3px !important;
}
.modal.lotobet.search .bets-data, .modal.lotobet.search .bets-amount, .modal.lotobet.search .result {
  padding: 0px !important;
}
.modal.lotobet.search .result {
  border-right: none !important;
}
.modal.lotobet.search .event-info {
  padding: 0px !important;
}
.modal.lotobet.search .event-info .sporticon {
  top: 15px !important;
}
.modal.lotobet.search .event {
  padding: 10px !important;
}
.modal.lotobet.search .event .event-info .event-detail {
  display: flex !important;
  flex-direction: column !important;
}
.modal.lotobet.search .event .event-info .event-detail .league {
  margin-top: 3px !important;
}
.modal.lotobet.search .events .event > div {
  padding: 0px !important;
}
.modal.lotobet.search .events .event .container-event-info {
  margin-left: 5px !important;
}
.modal.lotobet.search .events .event .status-contain {
  border-right: none !important;
}
.modal.lotobet.search .my-bet.system header {
  padding: 10px !important;
}
.modal.lotobet.search .show-details {
  text-align: center !important;
  margin-top: 10px !important;
}
.modal.lotobet.search .show-details button {
  background: transparent !important;
  border: 1px solid gray !important;
  color: white !important;
  display: flex !important;
}
.modal.lotobet.search .show-details button:hover {
  background: transparent !important;
  border: 1px solid #27BC60 !important;
  color: black !important;
}
.modal.lotobet.search .show-details button img {
  align-self: center !important;
  width: 15px !important;
  margin-left: 10px;
}
.modal.lotobet.search .show-details button .close {
  transform: rotate(180deg) !important;
}

.modal.autobet,
.modal.lotobet {
  z-index: 999999999999;
}
.modal.autobet .cashout .tooltip,
.modal.lotobet .cashout .tooltip {
  right: 0;
}
.modal.autobet i.cashout:hover,
.modal.lotobet i.cashout:hover {
  filter: brightness(0);
}
.modal.autobet .form-group select, .modal.autobet .form-group input,
.modal.lotobet .form-group select,
.modal.lotobet .form-group input {
  width: 170px;
}
.modal.autobet i.sport,
.modal.lotobet i.sport {
  margin-left: -4px;
}
.modal.autobet .notifications,
.modal.lotobet .notifications {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(120, 120, 120, 0.8);
}
.modal.autobet .modal-container,
.modal.lotobet .modal-container {
  width: 400px;
  padding: 0;
}
.modal.autobet .modal-container .error-msg,
.modal.lotobet .modal-container .error-msg {
  padding: 20px;
}
.modal.autobet .modal-container label,
.modal.lotobet .modal-container label {
  margin: 0;
  width: auto;
}
.modal.autobet .modal-container header,
.modal.lotobet .modal-container header {
  background: var(--bg-deposit);
}
.modal.autobet .modal-container header h3,
.modal.lotobet .modal-container header h3 {
  margin: 0 !important;
  text-align: center;
  display: block;
  width: 100%;
  border: none;
  font-size: 20px !important;
  padding: 0 !important;
  background: transparent;
}
.modal.autobet .modal-container header i.closeicon,
.modal.lotobet .modal-container header i.closeicon {
  width: 15px;
  height: 15px;
}
.modal.autobet .modal-container .betselect,
.modal.lotobet .modal-container .betselect {
  padding: 10px 15px;
  width: 100%;
  padding-bottom: 0;
  background: var(--bg-deposit);
}
.modal.autobet .modal-container .close i,
.modal.lotobet .modal-container .close i {
  background: url(/bingocasinos.co/img/close.png) no-repeat;
  background-size: contain;
  display: block;
  height: 10px;
  width: 10px;
}
.modal.autobet .modal-container .expectedamount,
.modal.lotobet .modal-container .expectedamount {
  background: var(--bg-deposit);
  width: 100%;
  padding: 15px;
  text-align: center;
  font-weight: 500;
}
.modal.autobet .modal-container .expectedamount .label,
.modal.lotobet .modal-container .expectedamount .label {
  font-size: 30px;
}
.modal.autobet .modal-container .expectedamount .value,
.modal.lotobet .modal-container .expectedamount .value {
  font-size: 40px;
  max-width: 20em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.modal.autobet .modal-container .expectedamount button,
.modal.lotobet .modal-container .expectedamount button {
  margin-top: 15px;
  font-weight: 500;
}
.modal.autobet .modal-container .autobetevents,
.modal.lotobet .modal-container .autobetevents {
  width: 100%;
  background: white;
  color: #0c0c0c;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  max-height: 150px;
}
.modal.autobet .modal-container .autobetevents .sporticon,
.modal.lotobet .modal-container .autobetevents .sporticon {
  position: absolute;
  bottom: 4px;
  right: 10px;
}
.modal.autobet .modal-container .autobetevents .sporticon .tooltip,
.modal.lotobet .modal-container .autobetevents .sporticon .tooltip {
  white-space: nowrap;
  right: 0;
  width: auto;
  z-index: 9;
  animation: tooltips-horz 300ms ease-out forwards;
}
.modal.autobet .modal-container .autobetevents .sporticon .tooltip:before,
.modal.lotobet .modal-container .autobetevents .sporticon .tooltip:before {
  left: initial;
  right: 8%;
}
.modal.autobet .modal-container .autobetevents .close,
.modal.lotobet .modal-container .autobetevents .close {
  position: absolute;
  left: 0;
  top: 0;
  color: #979797;
  height: 100%;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-right: 5px;
  padding-left: 5px;
  text-indent: -99999px;
  transition: all 0.5s;
}
.modal.autobet .modal-container .autobetevents .close:hover,
.modal.lotobet .modal-container .autobetevents .close:hover {
  background: #CACACA;
}
.modal.autobet .modal-container .autobetevents li,
.modal.lotobet .modal-container .autobetevents li {
  position: relative;
  padding: 4px;
  border-bottom: 1px solid darkgray;
  padding-left: 30px;
  margin-bottom: 0;
}
.modal.autobet .modal-container .autobetevents li:last-child,
.modal.lotobet .modal-container .autobetevents li:last-child {
  border-bottom: none;
}
.modal.autobet .modal-container .autobetevents span,
.modal.lotobet .modal-container .autobetevents span {
  display: block;
}
.modal.autobet .modal-container .autobetevents .date,
.modal.lotobet .modal-container .autobetevents .date {
  text-align: right;
  display: block;
  font-size: 11px;
}
.modal.autobet .modal-container .autobetevents .odd,
.modal.lotobet .modal-container .autobetevents .odd {
  position: absolute;
  top: 30px;
  right: 15px;
  font-weight: 500;
  font-size: 14px;
}
.modal.autobet .modal-container .autobetevents .match,
.modal.lotobet .modal-container .autobetevents .match {
  font-size: 13px;
  color: #0D0E16;
  width: 71%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: bold;
}
.modal.autobet .modal-container .autobetevents .market,
.modal.lotobet .modal-container .autobetevents .market {
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  align-items: center;
}
.modal.autobet .modal-container .autobetevents .market div.cashout,
.modal.lotobet .modal-container .autobetevents .market div.cashout {
  margin-left: 10px;
}
.modal.autobet .modal-container .autobetevents .league,
.modal.lotobet .modal-container .autobetevents .league {
  font-size: 11px;
  white-space: nowrap;
  width: 80%;
  line-height: 1.2;
  margin-bottom: 3px;
  color: #393939;
}
.modal.autobet .modal-container .autobetevents .betselection,
.modal.lotobet .modal-container .autobetevents .betselection {
  font-size: 11px;
}
.modal.autobet .modal-container button,
.modal.lotobet .modal-container button {
  margin: 15px auto !important;
  width: auto !important;
  background: #27BC60;
  color: #000000;
}
.modal.autobet .modal-container button:hover,
.modal.lotobet .modal-container button:hover {
  background: #27BC60;
  color: white !important;
}
.modal.autobet .modal-container .action,
.modal.lotobet .modal-container .action {
  width: 100%;
  text-align: center;
  background: var(--bg-deposit);
}
.modal.autobet .modal-container footer,
.modal.lotobet .modal-container footer {
  width: 100%;
  background: var(--bg-deposit);
  text-align: center;
}
.modal.autobet .ticket-info,
.modal.lotobet .ticket-info {
  width: 100%;
}

.modal.lotobet footer {
  padding: 0;
}
.modal.lotobet footer button {
  width: 100% !important;
  font-weight: 500;
  font-size: 2em;
}

.modal.error .modal-container {
  padding: 0;
  text-align: center;
}
.modal.error .modal-container p {
  text-align: left;
}
.modal.error .close {
  right: 10px;
  left: initial;
}
.modal.error header {
  padding: 0;
  padding: 5px 10px;
}
.modal.error h3 {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal.error h3 img {
  margin-right: 10px;
}
.modal.error button {
  width: auto;
  margin: 0 auto;
}

.ticket .modal {
  position: absolute;
  width: 100%;
  height: 100%;
}

.pagination-grid {
  margin-top: 50px;
}
.pagination-grid .pagination-grid-main {
  display: flex;
  justify-content: center;
  margin: 15px 25%;
}
.pagination-grid .pagination-grid-main .pagination-grid-prev a, .pagination-grid .pagination-grid-main .pagination-grid-next a {
  background: #43ae62;
  color: #000000;
  border: none;
  outline: none;
  text-align: center;
  display: flex;
  margin: 0px 2%;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 16px;
  white-space: nowrap;
  font-weight: 600;
}
.pagination-grid .pagination-grid-main .pagination-grid-prev {
  flex: 1;
  display: flex;
}
.pagination-grid .pagination-grid-main .pagination-grid-prev a {
  background: lightgray;
  color: #222433;
}
.pagination-grid .pagination-grid-main .pagination-grid-prev a i.arrow {
  transform: rotate(90deg) !important;
}
.pagination-grid .pagination-grid-main .pagination-grid-next {
  flex: 2;
  display: flex;
}

.more-regions {
  margin-bottom: 15px !important;
  margin-top: 15px;
  border: none;
}
.more-regions .span {
  padding: 10px 20px;
  background: var(--bg-more-regions);
  color: var(--main-text-color);
  font-size: 15px;
  margin: 0px 25px;
  border-radius: 5px;
}
.more-regions:hover {
  border: none !important;
  background: transparent;
}
.more-regions:hover .span {
  color: var(--main-brand-primary) !important;
}

.sidebar-sport.active-sport {
  padding: 0px 1px;
  background: var(--sidebar-sport-bg-active);
}

.sidebar-sport {
  background-color: var(--sidebar-sport-bg);
}
.sidebar-sport .sport-container {
  padding: 12px 21px 10px 10px;
}
.sidebar-sport .sport-container .get-regions {
  display: flex;
  justify-content: space-between;
}
.sidebar-sport .sport-container .get-regions .container-sprite-name {
  display: flex;
}
.sidebar-sport .sport-container .get-regions .arrow-name {
  display: flex;
}
.sidebar-sport .sport-container .get-regions .arrow-name .sports_sprite_16 {
  display: flex;
}
.sidebar-sport .sport-container .get-regions .arrow-name .sports_sprite_16 .sport_sprite_16 {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: cover !important;
}
.sidebar-sport .sport-container .get-regions span {
  align-self: center;
}
.sidebar-sport .sport-container .get-regions:hover {
  color: var(--main-brand-primary) !important;
}
.sidebar-sport .sport-container > a {
  font-size: 15px;
}
.sidebar-sport .sport-container img {
  width: 15px;
  height: 15px;
}
.sidebar-sport:hover {
  cursor: pointer;
}
.sidebar-sport .competitions {
  padding-left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: transparent !important;
}
.sidebar-sport .competitions.region-active {
  background: var(--bg-region-active) !important;
  border-radius: 6px;
}
.sidebar-sport .competitions.preloader-small img {
  max-height: 30px;
}
.sidebar-sport .competitions a {
  font-size: 12px !important;
  padding: 5px 5px 5px 0px !important;
}
.sidebar-sport .competitions a span {
  font-weight: 500;
  font-size: 12px;
  padding: 3px 0px 3px 20px;
}
.sidebar-sport .competitions a span:last-child {
  font-size: 10px;
}
.sidebar-sport .competitions.regions {
  padding-left: 27px;
  padding-right: 22px;
  background-color: #293044;
  min-height: 25px;
  padding-top: 8px;
  padding-bottom: 7px;
  display: flex;
  justify-content: space-between;
}
.sidebar-sport .competitions.regions .container-regions {
  display: flex;
  font-size: 14px;
}
.sidebar-sport .competitions.regions .container-regions i, .sidebar-sport .competitions.regions .container-regions span {
  align-self: center;
}
.sidebar-sport .competitions.regions .count {
  font-size: 13px;
}
.sidebar-sport .competitions.regions span {
  align-self: center;
}
.sidebar-sport .competitions.regions:hover {
  cursor: pointer;
  color: var(--main-brand-primary) !important;
}
.sidebar-sport .competitions.all {
  font-size: 13px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: rgba(41, 48, 68, 0.55);
  padding-left: 0px;
}
.sidebar-sport .competitions.all .count {
  font-size: 12px;
}
.sidebar-sport .competitions.all a {
  padding: 4px 5px 4px 50px !important;
  margin: 5px 0 0 0;
}
.sidebar-sport .competitions.all a.router-link-active {
  background-color: rgba(0, 45, 93, 0.5490196078);
  border-radius: 6px;
}

.time_limit {
  background-color: #dedede;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #27bc60), color-stop(100%, #27bc60));
  background-size: 50% 100%;
  background-repeat: no-repeat;
  border-radius: 10px;
  cursor: pointer;
  -webkit-appearance: none;
}

.time_limit::-webkit-slider-runnable-track {
  box-shadow: none;
  border: none;
  background: transparent;
  -webkit-appearance: none;
}

.time_limit::-webkit-slider-thumb {
  height: 18px;
  width: 28px;
  background: #fff;
  border: 1px solid #777;
  border-radius: 8px;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
}

.d-flex {
  display: flex;
}

.terms-text {
  width: 100%;
}

.terms-container {
  margin-top: 25px;
}
.terms-container .modal-container {
  width: 800px !important;
  max-width: none;
}
.terms-container .modal-container header h2 {
  margin-bottom: 0;
}
.terms-container.terms-full .text-container {
  height: 100%;
  padding-bottom: 10em;
}
.terms-container .text-container {
  height: 60vh;
  overflow-x: hidden;
  padding-bottom: 5em;
}
.terms-container .text-container table {
  margin: 40px 0px !important;
}
.terms-container .text-container table td {
  border: 1px solid white !important;
  white-space: normal;
}
.terms-container .text-container h2:first-child {
  font-size: 1.5em;
  font-weight: 500;
}
.terms-container .text-container ul {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid;
}
.terms-container .text-container ul li a {
  display: block;
  margin-left: 2em;
}
.terms-container .text-container ul li a:hover {
  color: gray;
}
.terms-container .text-container strong {
  margin-bottom: 10px;
}
.terms-container .text-container p strong {
  margin: 0;
}
.terms-container .text-container h2 {
  margin-bottom: 20px;
}
.terms-container .terms-date {
  display: block;
  width: 100%;
  font-size: 12px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--main-brand-primary);
}
.terms-container td.current {
  color: var(--main-brand-primary);
}
.terms-container td.current:after {
  content: " *";
}
.terms-container button {
  margin-left: 20px;
  margin-bottom: 0;
  padding: 0 19px;
}
.terms-container .modal .modal-container {
  padding: 0;
  width: 600px;
}
.terms-container .modal .modal-container header {
  padding: 10px;
}
.terms-container .modal .modal-container .terms-text {
  padding: 15px 20px;
}

.accept-terms .modal h2 {
  font-size: 20px;
}
.accept-terms .modal .text-container {
  height: 18em;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 20px;
  background: #020204;
  padding: 10px;
  width: 100%;
}
.accept-terms .modal .checkbox-container label a {
  text-decoration: none;
}
.accept-terms .checkbox-container input {
  background: #0d0e15;
}
.accept-terms .checkbox-container input[type=checkbox]:checked {
  background: #009B3A;
}
.accept-terms .checkbox-container label {
  font-size: 12px;
  margin-top: 10px;
}
.accept-terms .checkbox-container label a {
  text-decoration: underline;
}

.register .form form main {
  width: 400px;
}
.register .alert {
  color: #DE513C;
}
.register .alert.alert-bottom {
  text-align: center;
  padding: 3em 0 1em;
}

.tooltip-content {
  margin-left: 5px;
}

.select {
  font-size: 13px;
  border-radius: 5px 0 0 5px;
}
.select span.value {
  color: white;
  background: #1E1E1E;
  border: 1px solid gray;
  font-size: 10px;
  padding: 5px;
  margin: 0;
  border-radius: 3px 0 0 3px;
  width: 38px;
  text-align: center;
  display: inline-block;
}
.select .dropdown {
  position: absolute;
  /* display: none; */
  top: 25px;
  width: 100%;
  border-radius: 0 0 5px 5px;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
}
.select .dropdown.open {
  visibility: visible;
  opacity: 1;
}

.validate .dflex {
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.validate input {
  width: 200px !important;
  margin-right: 10px;
}
.validate button {
  margin-bottom: 0 !important;
  padding: 10px !important;
}

.multifactor p {
  font-weight: 200;
}
.multifactor .expire {
  margin-bottom: 10px;
}
.multifactor a.sm-text {
  text-decoration: underline;
  color: darkgray;
}
.multifactor li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 500px;
  margin: 0 auto;
}
.multifactor li > div {
  display: flex;
  align-items: center;
}
.multifactor li i {
  margin-right: 5px;
}
.multifactor li span {
  margin-right: 10px;
  margin-bottom: 0;
}
.multifactor li button {
  width: 10em;
}
.multifactor li .tooltip {
  left: -3.5em;
  bottom: 55px;
}

.login-modal.new-pass label {
  display: flex;
  flex-direction: column;
}

.login-modal.multifactor {
  color: #ffffff;
}
.login-modal.multifactor h2 {
  margin-bottom: 20px !important;
}
.login-modal.multifactor i {
  margin: 10px 0;
}
.login-modal.multifactor input {
  background: transparent;
  color: #ffffff;
  margin: 0 !important;
}
.login-modal.multifactor .alert {
  font-size: 11px;
  text-align: left !important;
  margin-top: 5px;
}
@media (max-width: 1023px) {
  .login-modal.multifactor {
    color: var(--main-text-color);
  }
  .login-modal.multifactor input {
    color: var(--main-text-color) !important;
  }
}

.casino-games li {
  cursor: pointer;
  color: var(--general-main-text-color);
}
.casino-games .banner {
  display: flex;
  margin-bottom: 20px;
}
.casino-games .banner li {
  width: 32%;
  margin-right: 1%;
}
.casino-games .banner li:last-child {
  margin: 0;
}
.casino-games .container-categories {
  display: flex;
  overflow-x: hidden;
  width: 100%;
  white-space: nowrap;
  border-radius: 7px;
  margin-top: 15px;
}
.casino-games .container-categories a {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
}
.casino-games .container-categories a.active {
  color: var(--secondary-text-color);
  background: var(--bg-selection-button-hover);
  font-weight: 600;
  border-radius: 7px;
}
.casino-games .container-categories a.active:hover {
  color: var(--secondary-text-color);
}
.casino-games .container-categories a i {
  width: 32px;
  height: 32px;
  display: block;
  background-size: contain;
  overflow: hidden;
  justify-self: center;
  margin-bottom: 8px;
}
.casino-games .container-categories a span {
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.casino-games .container-categories > a {
  font-weight: 500;
  background-color: var(--header-sport-filter-bg);
  padding: 10px 30px;
  width: 100%;
  position: relative;
  border-right: 1px solid var(--border-right-filter);
}
.casino-games .container-categories > a div {
  display: flex;
  justify-content: center;
}
.casino-games .container-categories > a div img {
  margin-bottom: 5px;
  background-repeat: no-repeat !important;
  height: 24px;
  background-size: contain !important;
}
.casino-games .container-categories > a:hover {
  color: var(--main-brand-primary);
}
.casino-games .container-categories > a span {
  text-align: center;
}
.casino-games .container-categories .leftArrow button, .casino-games .container-categories .rightArrow button {
  margin-bottom: 0px;
  padding: 36.5px 10px;
  border: none;
  background: var(--bg-arrow-grid);
  position: absolute;
  opacity: 0.7;
  display: none;
}
.casino-games .container-categories .leftArrow button:hover, .casino-games .container-categories .rightArrow button:hover {
  border: none !important;
  color: #ffffff !important;
}
.casino-games .container-categories .rightArrow button {
  right: 20px;
}
.casino-games .container-categories .leftArrow button {
  z-index: 1;
}
.casino-games .container-categories .leftArrow .left_icon {
  background-image: var(--arrow-left-desktop);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}
.casino-games .container-categories .rightArrow .right_icon {
  background-image: var(--arrow-right-desktop);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}
.casino-games .container-categories:hover .leftArrow button, .casino-games .container-categories:hover .rightArrow button {
  display: flex;
}
@media (max-width: 767px) {
  .casino-games .container-categories {
    overflow-x: auto;
  }
  .casino-games .container-categories .leftArrow button {
    display: none !important;
  }
  .casino-games .container-categories .rightArrow button {
    display: none !important;
  }
}
.casino-games .all-games {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.casino-games .all-games h2 {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 1000;
  padding: 10px;
  margin-bottom: 0;
  color: var(--casino-games-category-selected-color);
  background: var(--casino-games-category-selected-bg);
}
.casino-games .all-games .games {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.casino-games .all-games .games .container-games-i {
  margin-bottom: 2%;
}
.casino-games .all-games .games li {
  width: 100%;
  height: 15vw;
  height: auto;
  position: relative;
  margin: 0 10px;
  overflow: hidden;
}
.casino-games .all-games .games li img {
  width: 100%;
  height: 100%;
  display: block;
}
.casino-games .all-games .games li:hover .more-info {
  visibility: visible;
  opacity: 1;
}
.casino-games .all-games .games li:hover .favorite {
  visibility: hidden;
  opacity: 0;
}
.casino-games .all-games .games li:hover .onlinecontainer {
  visibility: hidden;
  opacity: 0;
}
.casino-games .all-games .games li .star {
  position: absolute;
  right: 5px;
  top: 5px;
  filter: brightness(5);
  transition: all 0.5s;
  cursor: pointer;
}
.casino-games .all-games .games li .star.star-on {
  filter: brightness(1);
}
.casino-games .all-games .games li .loading {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
}
.casino-games .all-games .games li .favorite {
  position: absolute;
  top: -60px;
  right: -30px;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s;
  width: 70px;
  height: 150px;
  transform: skew(45deg);
}
.casino-games .all-games .games li .onlinecontainer {
  position: absolute;
  top: 19px;
  left: 0px;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s;
  width: 70px;
  height: 24px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
}
.casino-games .all-games .games li .live {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
}
.casino-games .all-games .games li .livegame {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.5);
  padding: 2px 6px;
  border-radius: 0 0 10px 0;
  color: #fff;
}
.casino-games .all-games .games li .more-info {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}
.casino-games .all-games .games li .more-info .demo {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  font-size: 11px;
  margin: 0px 11px 10px 0px;
  display: flex;
  align-items: center;
}
.casino-games .all-games .games li .more-info .demo i {
  margin-left: 3px;
  width: 15px;
  height: 15px;
  filter: brightness(100);
}
.casino-games .all-games .games li .more-info .demo:hover {
  color: #46bd5c;
}
.casino-games .all-games .games li .more-info .demo:hover i {
  filter: unset;
}
.casino-games .all-games .games li .more-info .star {
  position: absolute;
  right: 5px;
  top: 5px;
  filter: brightness(5);
  transition: all 0.5s;
  cursor: pointer;
}
.casino-games .all-games .games li .more-info .star.star-on {
  filter: brightness(1);
}
.casino-games .all-games .games li .more-info .loading {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
}
.casino-games .all-games .games li .more-info > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.casino-games .all-games .games li .more-info > div a {
  text-decoration: underline;
  display: none;
}
.casino-games .all-games .games li .more-info button {
  width: 8em;
}
.casino-games .all-games .games li .more-info button.fill {
  background: #27bc60;
  color: var(--secondary-text-color);
}
.casino-games .all-games .games li .more-info button.fill:hover {
  background: transparent;
  color: var(--main-text-color);
}
.casino-games .all-games .games li .more-info button.info {
  border: none;
  text-decoration: underline;
  opacity: 0.7;
  color: white;
}
.casino-games .all-games .games li .more-info button.info:hover {
  background: transparent;
  opacity: 1 !important;
  color: white !important;
}
.casino-games .all-games .games li .more-info .name {
  color: #f6f6f6;
  margin-top: 18px;
}
@media (min-width: 300px) {
  .casino-games .all-games .games li {
    width: 200px;
  }
}
@media (min-width: 350px) {
  .casino-games .all-games .games li {
    width: 154px;
  }
}
@media (min-width: 400px) {
  .casino-games .all-games .games li {
    width: 174px;
  }
}
@media (min-width: 520px) {
  .casino-games .all-games .games li {
    width: 200px;
  }
}
@media (min-width: 690px) {
  .casino-games .all-games .games li {
    width: 200px;
  }
}
@media (min-width: 900px) {
  .casino-games .all-games .games li {
    width: 200px;
  }
}
@media (min-width: 1024px) {
  .casino-games .all-games .games li {
    width: 200px;
  }
}
@media (min-width: 1200px) {
  .casino-games .all-games .games li {
    width: 200px;
  }
}
@media (min-width: 1400px) {
  .casino-games .all-games .games li {
    width: 200px;
  }
}
@media (min-width: 1600px) {
  .casino-games .all-games .games li {
    width: 200px;
  }
}
@media (min-width: 2000px) {
  .casino-games .all-games .games li {
    width: 200px;
  }
}
.casino-games .all-games .games-grid .item-game:hover .more-info {
  visibility: visible;
  opacity: 1;
}
.casino-games .all-games .games-grid .item-game:hover .favorite {
  visibility: hidden;
  opacity: 0;
}
.casino-games .all-games .games-grid .item-game:hover .onlinecontainer {
  visibility: hidden;
  opacity: 0;
}
.casino-games .all-games .games-grid .star {
  position: absolute;
  right: 5px;
  top: 5px;
  filter: brightness(5);
  transition: all 0.5s;
  cursor: pointer;
}
.casino-games .all-games .games-grid .star.star-on {
  filter: brightness(1);
}
.casino-games .all-games .games-grid .loading {
  position: absolute;
  right: 20px;
  top: 5px;
  width: 20px;
  height: 20px;
}
.casino-games .all-games .games-grid .favorite {
  position: absolute;
  top: -60px;
  right: -30px;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s;
  width: 70px;
  height: 150px;
  transform: skew(45deg);
}
.casino-games .all-games .games-grid .onlinecontainer {
  position: absolute;
  top: 19px;
  left: 0px;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s;
  width: 70px;
  height: 24px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
}
.casino-games .all-games .games-grid .live {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
}
.casino-games .all-games .games-grid .livegame {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.5);
  padding: 2px 6px;
  border-radius: 0 0 10px 0;
  color: #fff;
}
.casino-games .all-games .games-grid .more-info {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}
.casino-games .all-games .games-grid .more-info .demo {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  font-size: 11px;
  margin: 0px 11px 10px 0px;
  display: flex;
  align-items: center;
}
.casino-games .all-games .games-grid .more-info .demo i {
  margin-left: 3px;
  width: 15px;
  height: 15px;
  filter: brightness(100);
}
.casino-games .all-games .games-grid .more-info .demo:hover {
  color: #46bd5c;
  cursor: pointer;
}
.casino-games .all-games .games-grid .more-info .demo:hover i {
  filter: unset;
}
.casino-games .all-games .games-grid .more-info .star {
  position: absolute;
  right: 5px;
  top: 5px;
  filter: brightness(5);
  transition: all 0.5s;
  cursor: pointer;
}
.casino-games .all-games .games-grid .more-info .star.star-on {
  filter: brightness(1);
}
.casino-games .all-games .games-grid .more-info .loading {
  position: absolute;
  right: 20px;
  top: 5px;
  width: 20px;
  height: 20px;
}
.casino-games .all-games .games-grid .more-info > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.casino-games .all-games .games-grid .more-info > div a {
  text-decoration: underline;
  display: none;
}
.casino-games .all-games .games-grid .more-info button {
  width: 8em;
}
.casino-games .all-games .games-grid .more-info button.fill {
  background: #27bc60;
  color: var(--secondary-text-color);
}
.casino-games .all-games .games-grid .more-info button.fill:hover {
  background: transparent;
  color: var(--main-text-color);
}
.casino-games .all-games .games-grid .more-info button.info {
  text-decoration: underline;
  opacity: 0.7;
  color: white;
}
.casino-games .all-games .games-grid .more-info button.info:hover {
  background: transparent;
  opacity: 1 !important;
  color: white !important;
}
.casino-games .all-games .games-grid .more-info .name {
  color: #f6f6f6;
  margin-top: 18px;
}

@media (max-width: 415px) {
  .datepicker-container {
    flex-direction: column-reverse !important;
  }
  .datepicker-container .calendar {
    width: 100vw !important;
  }
  .shortcuts-container {
    width: 100vw !important;
    min-width: 100vw !important;
  }
  .datepicker-buttons-container.is-dark {
    position: absolute;
    right: 0;
  }
}
@media (max-width: 500px) {
  .ticket .bet .competition-region {
    width: 75%;
  }
  .responsible-game .input-label label {
    display: none;
  }
  .set-limits input {
    width: 50%;
  }
  .responsible-game .deposit-limits ul li, .responsible-game .bet-limits ul li, .responsible-game .set-limits ul li {
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid gray;
    padding-bottom: 10px;
  }
  .responsible-game .deposit-limits ul li .schedule-time, .responsible-game .bet-limits ul li .schedule-time, .responsible-game .set-limits ul li .schedule-time {
    margin-left: 0;
  }
  .slider-component .owl-carousel .owl-item {
    width: 100%;
    height: auto;
  }
  .responsible-game .dflex button {
    margin-right: 25px;
  }
  .ticket {
    width: 80% !important;
    max-height: 90vh !important;
    right: 0;
  }
  .responsible-game .limits {
    text-align: left;
  }
  .responsible-game .slide {
    margin: 40px 0;
  }
  .responsible-game .percentage {
    margin-left: 0;
    height: 20px;
  }
  .responsible-game .percentage:after {
    height: 20px;
  }
  .responsible-game .percentage .text:before {
    display: none !important;
  }
  .account-status table,
  .withdrawals table,
  .deposit table, .responsible-game table {
    display: block;
    overflow: auto;
  }
}
@media (max-width: 630px) {
  .game-info.preview {
    margin-top: 15px;
  }
  .tooltip {
    white-space: normal;
    z-index: initial !important;
  }
  .cashout .tooltip {
    right: 0;
    white-space: normal;
  }
  .cashout .tooltip:before {
    display: none;
  }
  .terms-container table {
    overflow: auto;
    display: block;
  }
  #bet-history .sporticon {
    position: relative;
    right: initial;
    bottom: initial;
  }
  .modal .modal-container {
    padding: 20px;
  }
  #bet-history .all-bets-history .my-bet.system .events li {
    flex-direction: column;
  }
  .all-system-details .events li {
    flex-direction: row !important;
  }
  .account-status table, .withdrawals table, .deposit table {
    display: block;
    overflow: auto;
  }
  .main:before {
    padding-left: 60px !important;
    text-align: left !important;
    font-size: 11px;
  }
  .slider-component ul li {
    margin-right: 0 !important;
  }
  .ticket .bet .match span {
    font-size: 12px;
  }
  .ticket .bet .date {
    text-align: left;
    display: block;
    position: relative;
    right: initial;
    margin-bottom: 3px;
  }
  .ticket .nav-tabs a.button {
    padding: 15px 5px !important;
  }
  .bets .market-containers,
  .market {
    width: 100%;
  }
  .all-markets .nav-tabs {
    width: 100%;
  }
  .all-markets .market-header {
    padding-bottom: 0 !important;
  }
  .all-markets .market {
    margin-bottom: 0 !important;
    padding-bottom: 10px;
  }
  .all-markets .market header h3 {
    font-size: 12px;
  }
  .all-markets .market-containers {
    width: 100%;
  }
  .all-markets iframe {
    width: 100%;
  }
  .all-markets .event-info span.name {
    font-size: 13px;
  }
  .breadcrumb {
    display: inline;
  }
  .all-games .breadcrumb {
    display: flex;
  }
  .withdrawals .withdrawal-venues li {
    width: 100%;
  }
  .bonus ul li,
  .blog ul li {
    width: 100%;
    margin-bottom: 3em;
  }
  .learn .inline {
    display: flex;
    flex-direction: column;
    margin: 0;
  }
  .learn .inline button {
    width: 100%;
  }
  .help .action {
    flex-direction: column;
  }
  .withdrawals .withdraw-form,
  .deposit .withdraw-form {
    flex-wrap: wrap;
    max-width: none;
  }
  .withdrawals .withdraw-form button,
  .deposit .withdraw-form button {
    flex-basis: 100%;
  }
  .withdrawals .withdraw-form fieldset,
  .deposit .withdraw-form fieldset {
    margin-bottom: 20px;
  }
  .withdrawals ol,
  .deposit ol {
    list-style: inside decimal;
    padding-top: 13px;
  }
  .deposit-form {
    flex-direction: column;
    max-width: 100%;
  }
  .deposit-form label {
    margin-bottom: 20px;
    margin-right: 0;
  }
}
@media (max-width: 1023px) {
  .footer {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  iframe#launcher {
    bottom: 11% !important;
    margin: 5px !important;
  }
  .slider-component .desktop {
    display: none !important;
  }
  .slider-component .mobile {
    display: block !important;
  }
  .my-bet .cashout {
    display: flex;
    flex-direction: column;
  }
  .my-bet .cashout .buttons {
    display: flex;
  }
  .all-markets .market-containers .selection.two, .all-markets .market-containers .selection.more {
    width: 100% !important;
  }
  .all-markets .market-containers .selection.more .button {
    width: 100%;
    display: flex;
    margin-right: 0px;
    height: 45px;
    min-height: 45px;
    font-size: 11.5px;
    font-weight: 500;
    flex-direction: column;
    padding: 4px;
    justify-content: center;
    background: var(--input-fixture-show);
    border: none;
    cursor: pointer;
    margin-bottom: 4px;
    padding-left: 10px;
  }
  .all-markets .market-containers .selection.two {
    margin-bottom: 4px;
  }
  .all-markets .odds .button .tooltip {
    display: none;
  }
  .select-exclusion {
    display: flex;
    align-items: center;
  }
  .multifactor li {
    width: auto;
  }
  .set-limits div.sm .dflex {
    justify-content: space-around;
  }
  .set-limits h4 {
    margin-bottom: 25px;
  }
  .footer {
    margin-left: 0;
  }
  .responsible-game .set-limits .label {
    margin-bottom: 10px;
    margin-right: 0;
    text-align: center;
  }
  .responsible-game .set-limits input {
    margin-right: 0;
    width: 70%;
    margin-bottom: 10px;
  }
  .responsible-game .dflex button {
    margin-right: 0;
  }
  .responsible-game .set-limits > .dflex {
    flex-direction: column;
    border-bottom: 2px solid #0D0E16;
    padding: 12px;
  }
  .pagination-grid-main {
    display: flex;
    justify-content: space-around;
  }
  #bet-history .filters-all {
    overflow: auto;
    max-width: none;
    padding-left: 10px;
  }
  #bet-history .filters-all .filter-label, #bet-history .filters-all .clearfilters span {
    white-space: nowrap;
    padding-right: 20px;
  }
  .all-system-details .events li > div {
    flex-basis: 100%;
    border: none;
  }
  #bet-history .all-bets-history .my-bet.simple header > div {
    width: 100%;
  }
  .bets .market:first-child:nth-last-child(2), .bets .market:last-child:nth-child(2) {
    width: 100%;
  }
  .bets .event {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 8px;
  }
  .bets .event .info-event {
    width: 100% !important;
    flex-basis: 100%;
    margin-right: 0;
    padding: 0;
  }
  .bets .event .info-event .dflex {
    width: 70vw;
  }
  .bets .event .info-event .match span {
    display: block;
    max-width: 60vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .bets .event .market-containers {
    width: 100%;
  }
  .bets .event .market-containers .market {
    margin-right: 0;
    width: 100%;
    display: flex;
    gap: 5px;
  }
  .bets .event .market-containers .market header {
    justify-content: space-between;
    font-size: 13px;
    width: 25%;
  }
  .bets .event .market-containers .market .odds {
    width: 75%;
  }
  .bets .event .market-containers .market .odds .button {
    flex-direction: column;
    height: auto;
    justify-content: center;
    padding: 5px;
    height: 50px;
  }
  .bets .event .market-containers .market .hide-mobile {
    display: none;
  }
  .bets .event .market-containers .market .show-mobile {
    display: flex;
  }
  .bets .event .market-containers .market .icons-container-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
  }
  .bets .event .market-containers .market .icons-container-mobile div.cashout {
    margin: 5px;
  }
  .bets .event .container-more-markets {
    margin-top: 10px;
    padding: 10px 5px;
    margin-left: 0;
    position: absolute;
    top: 0;
    right: 10px;
  }
  .form button[type=button] {
    padding: 5px 10px;
  }
  input {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .bets .filter {
    justify-content: flex-start;
  }
  .bets .filter .button {
    border-right: none;
    min-width: 80px;
  }
  .bets .filter .button.fill {
    border-right: none !important;
  }
  .bets .filter .button.fill:hover {
    border-right: none !important;
  }
  .bets .filter .by-status.large {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }
  .by-date.large {
    display: none;
  }
  .by-date.small {
    display: grid;
    min-width: 80px;
  }
  .by-date.small .filter-icon-date {
    background: var(--filter-icon-date);
    width: 15px;
    height: 15px;
    justify-self: center;
    margin-top: 6px;
    background-repeat: no-repeat;
  }
  .by-date.small i.selected {
    background: var(--filter-icon-date-selected) !important;
  }
  .by-date.small select {
    padding: 0px 20px 0px 0px;
    font-size: 11px;
    background-size: 10px;
    background-position: 56px center;
    text-align: center;
    font-weight: 600;
    margin-bottom: 2px;
    background-image: var(--filter-icon-chevron);
    align-self: center;
    outline: none;
  }
  .by-date.small select option {
    color: var(--main-text-color) !important;
    font-weight: 600 !important;
  }
  .by-date.small select.selected {
    background-image: var(--filter-icon-chevron-selected) !important;
    color: var(--main-brand-primary) !important;
  }
  .by-date.small select.selected option {
    color: var(--main-text-color) !important;
  }
}
@media (max-width: 320px) {
  .bets .filter .button {
    padding: 7px 8px;
  }
}
.container-group-functionalities {
  display: none;
}

.group-functionalities {
  display: none;
}

.functionality {
  display: none;
}

@media (max-width: 1023px) {
  .sm {
    display: inherit;
  }
  .by-date.large {
    margin-right: 0px;
  }
  .by-status.large {
    margin-right: 0px;
  }
  .by-status.large .button {
    display: grid;
    align-self: center;
    margin-right: 0px;
  }
  .by-status.large .button i {
    width: 17px !important;
    height: 17px !important;
    margin-right: 0px !important;
    justify-self: center;
    margin-bottom: 3px;
  }
  .by-status.large .button span {
    font-size: 11px;
  }
  .bets .filter {
    height: 45px;
  }
  .lg {
    display: none !important;
  }
  .modal.autobet .form-group select, .modal.autobet .form-group input,
  .modal.lotobet .form-group select, .modal.lotobet .form-group input {
    width: 100% !important;
  }
  .slider-component .owl-carousel .owl-item .featured img {
    width: 100% !important;
  }
  .right-options .odd-format, .right-options .dark-ligth-mode {
    display: none;
  }
  .aside .dark-ligth-mode {
    display: block;
    margin: 20px;
  }
  .all-markets .event-info .event-data span {
    font-size: 11px;
  }
  .aside fieldset.languageSelect label, .aside fieldset.odd-format label {
    visibility: visible;
    opacity: 1;
  }
  .breadcrumb a {
    font-size: 11px;
  }
  .main .container {
    padding: 10px;
  }
  .pagination li a {
    font-size: 16px;
    margin: 0 13px;
  }
  .pagination i.arrow {
    width: 10px;
    height: 10px;
    background-position-x: -94px;
  }
  .login {
    position: fixed;
    top: 5px;
    right: 5px;
    z-index: 9;
    display: none !important;
  }
  .login button {
    font-size: 10px !important;
    padding: 7px 5px;
  }
  .login button:first-child {
    margin-right: 5px;
  }
  .aside.open fieldset.languageSelect label, .aside.open fieldset.languageSelect .aside.open fieldset.odd-format label {
    display: block !important;
    text-align: left;
    margin: 0 !important;
    font-size: 10px;
  }
  .aside.open select {
    padding-right: 20px;
  }
  .register.form {
    margin-top: 39px;
  }
  .main .header .user-bar {
    margin-top: 0;
  }
  .main .header .user-bar .login {
    text-align: center;
    margin-top: 2px;
    text-align: center;
    margin-top: 6px;
    margin-right: 8px;
  }
  #login h2 {
    font-size: 17px;
  }
  .main .header .user-bar .user .profile .text-info {
    font-size: 10px;
    margin-right: 15px;
    margin-left: 5px;
    color: #ffffff;
  }
  .main .header .user-bar .user .profile .avatar {
    width: 30px;
    height: 30px;
    background-color: gray;
    margin-right: 0;
  }
  .main .header .user-bar .user .profile {
    position: fixed !important;
    top: 8px !important;
    right: -10px;
    z-index: 9;
    width: 121px;
  }
  .main .header .user-bar .user .profile ul {
    right: 0;
    position: fixed;
    top: 50px;
    left: initial;
    width: 100%;
    max-width: 300px;
  }
  .main .header .user-bar .user .profile .icon {
    display: block !important;
    position: fixed;
    margin-left: 23px;
    margin-top: 22px;
  }
  .main .header .user-bar .user .profile .container-icon-media {
    background: #070915;
    border-radius: 50%;
    width: 7px;
    height: 7px;
  }
  .main .header .user-bar .user .profile .icon-media {
    background: var(--icon-chevron-mobile);
    max-width: 7px !important;
    height: 7px !important;
  }
  .main .header .user-bar .user .profile.wallet {
    top: 11px !important;
    right: -23px;
  }
  .main .header .user-bar .user > .button, .main .header .user-bar .user .profile .icon {
    display: none;
  }
  .main .header .user-bar .user .profile .text-info .balance, .main .header .user-bar .user .profile .text-info .name {
    font-size: 11px;
  }
  .main .header .user-bar .user .profile .text-info .name {
    text-overflow: ellipsis;
    width: 67px;
    max-width: 67px;
    white-space: nowrap;
    overflow: hidden;
  }
  .main .header .user-bar .user .profile .text-info .balance {
    text-overflow: ellipsis;
    width: 71px;
    max-width: 71px;
    white-space: nowrap;
    overflow: hidden;
  }
  .main .header .user-bar .user .profile .text-info .balance span {
    font-size: 10px;
  }
  .form {
    padding-top: 0;
  }
  .deposit, .myaccount, #bet-history, .withdrawals, .responsible-game, .account-status, .terms-container, .myaccount {
    padding-top: 20px !important;
  }
  #bet-history .all-bets-history {
    font-size: 11px;
  }
  #bet-history .all-bets-history .my-bet.simple .event > div {
    width: 100%;
  }
  .responsible-game .account-summary {
    overflow: auto;
  }
  .responsible-game .account-summary li strong, .responsible-game .account-summary li p {
    white-space: nowrap;
    padding: 0 10px;
    width: auto !important;
  }
  .responsible-game .set-limits .inline {
    flex-direction: column;
  }
  .responsible-game .set-limits > div, .responsible-game .limits {
    padding: 0;
  }
  .main .header .user-bar .login .login-modal {
    width: 100%;
    flex-direction: column;
    padding: 5% 30%;
    display: none;
  }
  .main .header .user-bar .login .login-modal input {
    width: 100%;
  }
  .bets .market {
    width: 100%;
  }
  #bet-history .all-bets-history .my-bet.parley header > div {
    flex-direction: column;
  }
  #bet-history .all-bets-history .my-bet.system .events li > span.match {
    flex-basis: 100%;
    width: 100%;
  }
  .ticket {
    width: 340px;
  }
  .main-container {
    margin-top: 50px;
  }
  .modal.autobet .modal-container .expectedamount .value {
    font-size: 20px;
  }
  .modal.autobet .modal-container .form-group {
    margin-bottom: 10px;
  }
  .modal.autobet .modal-container select,
  .modal.autobet .modal-container input {
    padding: 5px;
    border-radius: 0;
    font-size: 11px;
    border: 1px solid #27BC60;
  }
  .modal.autobet .modal-container h3 {
    font-size: 16px;
  }
  .modal.autobet .modal-container button {
    font-weight: 500;
    background: #27BC60;
    color: #000000;
  }
  .modal.autobet .modal-container button:hover {
    background: transparent;
    color: white !important;
  }
  .main {
    margin-left: 0;
    padding-top: 10px !important;
  }
  fieldset.languageSelect.sm {
    margin-bottom: 0 !important;
    padding: 0 20px;
    margin-bottom: 0px !important;
  }
  .breadcrumb {
    max-width: 100%;
  }
  .breadcrumb li {
    display: inline;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .form form main {
    width: 90%;
  }
  .fixture-header {
    font-size: 17px;
  }
  .pageNav {
    padding-right: 0;
    width: 100%;
  }
  .slider-component {
    margin-bottom: 0;
  }
  .grid {
    position: relative;
  }
  .modal-container {
    width: 95% !important;
    max-width: 95% !important;
    margin: 0 auto !important;
  }
  .menuToggle {
    position: fixed;
    top: 13px;
    left: 15px;
    /* padding: 10px 0 0 15px; */
    color: #f6f6f6 !important;
    font-size: 20px;
    z-index: 9;
    display: block;
  }
  .menuToggle i {
    background-image: url(/bingocasinos.co/img/bar-light.png);
    height: 24px;
    width: 27px;
    display: block;
    background-size: cover;
  }
  .menuToggle i.close {
    background-image: url(/bingocasinos.co/img/close-menu.svg);
    height: 24px;
    width: 27px;
    display: block;
    background-size: cover;
  }
  .aside {
    z-index: 999999999;
    left: -100vw;
    width: 80vw;
    max-width: 320px;
    background: var(--main-background-color);
    transition: all 0.5s;
  }
  .aside.open {
    left: 0;
    top: 50px;
    overflow-y: auto;
  }
  .aside .randomBets, .aside h3 {
    padding: 0 20px;
  }
  .aside .logo {
    width: 70%;
    max-width: 300px;
    margin: 0 auto;
    display: none;
  }
  .aside .sports {
    display: none;
  }
  .learn .tab-content {
    font-size: 13px;
    line-height: 20px;
  }
  nav.pageNav.sm {
    display: grid;
    padding-left: 18px;
    margin-top: 30px;
  }
  nav.pageNav.sm div {
    padding-left: 5px;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    margin-bottom: 15px;
    display: flex;
  }
  nav.pageNav.sm div img {
    width: 25px;
    margin-right: 20px;
  }
  nav.pageNav.sm a {
    text-align: left;
    margin-bottom: 15px;
    display: flex;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
  }
  nav.pageNav.sm a img {
    width: 25px;
    margin-right: 20px;
  }
  nav.pageNav.sm a:hover {
    color: #33aa52 !important;
  }
  nav.pageNav.sm a.active, nav.pageNav.sm div.active {
    color: #33aa52 !important;
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 0;
  }
  nav.pageNav.sm a, nav.pageNav.sm div {
    text-align: left;
    margin-bottom: 15px;
    display: flex;
  }
  nav.pageNav.sm a:hover, nav.pageNav.sm div:hover {
    color: #33aa52 !important;
  }
  nav.pageNav.sm a img, nav.pageNav.sm div img {
    width: 25px;
    margin-right: 20px;
  }
  nav.pageNav.sm a img:hover, nav.pageNav.sm div img:hover {
    color: #33aa52 !important;
  }
  nav.pageNav.sm a span, nav.pageNav.sm div span {
    align-self: center;
  }
  nav.pageNav.sm a span:hover, nav.pageNav.sm div span:hover {
    color: #33aa52 !important;
  }
  .headermobile {
    background: var(--main-background-color-header);
    position: fixed;
    top: 0;
    height: 50px;
    z-index: 4;
    box-shadow: 0px 2px 10px black;
  }
  .container-group-functionalities {
    display: block;
  }
  .group-functionalities {
    display: flex;
    position: fixed;
    top: 13px;
    right: 0px;
  }
  .group-functionalities img {
    width: 28px;
    background: #020511;
    border-radius: 50%;
    margin-right: 8px;
  }
  .group-functionalities img:hover {
    cursor: pointer;
  }
  .group-functionalities img.active {
    background: #33aa52;
  }
  .group-functionalities.right {
    right: 113px;
  }
  .group-functionalities.right img {
    margin-right: 5px;
  }
  .group-functionalities.wallet {
    right: 99px !important;
  }
  .functionality {
    height: 0;
    display: flex;
    background: var(--main-background-color-header);
    margin-top: -9px;
    justify-content: center;
    transition: height 0.3s ease;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.4705882353);
  }
  .functionality.show {
    height: 57px;
  }
  .search.search-functionality {
    display: flex;
    margin: 0px;
    width: 100%;
    padding-top: 7px;
    justify-content: center;
    max-width: 97%;
  }
  .search.search-functionality .searchContainer {
    width: 100%;
  }
  .search.search-functionality .searchContainer i {
    top: 6.5px;
  }
  .search.search-functionality .searchContainer #mysearch2 {
    height: 33px;
  }
  .user-functionality .login {
    display: flex !important;
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    margin: 12px 0px 0px 0px !important;
  }
  .user-functionality .login button:first-child {
    margin-right: 10px !important;
  }
  .user-functionality .login button {
    display: flex;
    align-items: center;
    transition: none;
    padding: 3px 10px;
    font-size: 12px !important;
  }
  .user-functionality .login button i {
    width: 17px;
    height: 17px;
    margin-right: 3px;
  }
  .user-functionality .login button .login-icon {
    background: url(/bingocasinos.co/img/login-dark.svg) no-repeat;
  }
  .user-functionality .login button .register-icon {
    background: url(/bingocasinos.co/img/register-dark.svg) no-repeat;
  }
  .user-functionality .login button:hover {
    background-color: #f3b90f !important;
    border: 1px solid #f3b90f !important;
  }
  .user-functionality .login button:hover i {
    width: 17px;
    height: 17px;
    margin-right: 3px;
  }
  .user-functionality .login button:hover i.login-icon {
    background: url(/bingocasinos.co/img/login.svg) no-repeat;
  }
  .user-functionality .login button:hover i.register-icon {
    background: url(/bingocasinos.co/img/register.svg) no-repeat;
  }
  .user-functionality .login button.active {
    background-color: #f3b90f !important;
    border: 1px solid #f3b90f !important;
  }
  .user-functionality .login button.active i {
    width: 17px;
    height: 17px;
    margin-right: 3px;
  }
  .user-functionality .login button.active i.login-icon {
    background: url(/bingocasinos.co/img/login.svg) no-repeat;
  }
  .user-functionality .login button.active i.register-icon {
    background: url(/bingocasinos.co/img/register.svg) no-repeat;
  }
  .option-list {
    display: flex;
    align-items: center;
  }
  .option-list .odd-format .select-item-theme img {
    margin-right: 0;
  }
  .option-list .languageSelect.lg {
    display: flex !important;
    padding: 0 20px;
  }
  .option-list .languageSelect.lg a {
    padding-right: 0 !important;
    min-width: 0;
  }
  .option-list .languageSelect.lg a .select-list {
    margin-left: -5.5px;
  }
  .option-list .languageSelect.lg a .select-selected span {
    color: white !important;
  }
  .option-list .languageSelect.lg a .select-selected span:hover {
    color: white !important;
  }
  .option-list .odd-format .select-container-format {
    padding-right: 0 !important;
    min-width: 0;
  }
  .option-list .odd-format .select-container-format .select-list {
    right: auto;
    margin-left: -30px;
  }
  .option-list .odd-format .select-container-format .select-selected span {
    color: white !important;
  }
  .option-list .odd-format .select-container-format .select-selected span:hover {
    color: white !important;
  }
  h1.logo.sm {
    display: inline-block;
    padding: 0;
    z-index: 9;
    text-align: left;
    margin: 6px auto 0 50px;
  }
  h1.logo.sm .img-logo {
    width: 120px;
    height: 51px;
    background: url(/bingocasinos.co/img/logo-footer.png) no-repeat;
    background-size: contain;
    background-position-y: 12px;
  }
  h1.logo.sm span {
    display: none;
  }
  .sports {
    justify-content: center;
    margin: 0 auto;
    padding-left: 5px;
  }
  .sports,
  .featuredLeagues {
    display: flex;
  }
  .sports i,
  .featuredLeagues i {
    width: 35px;
    height: 35px;
    display: block;
    background-size: cover;
    overflow: hidden;
    margin-right: 0;
  }
  .sports h3,
  .featuredLeagues h3 {
    display: none;
  }
  .sports a,
  .featuredLeagues a {
    color: var(--main-text-color);
    font-size: 20px;
    text-align: center;
    align-items: center;
    flex-direction: column;
  }
  .sports span,
  .featuredLeagues span {
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    display: inline !important;
  }
  nav.sports a {
    padding: 0 10px 0 0 !important;
    width: 60px;
  }
  nav.sports a span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .search {
    position: relative;
    width: 96%;
    margin: 10px auto;
    margin-bottom: 10px;
    display: none;
  }
  .search ::-webkit-input-placeholder {
    color: #c2c8cc;
    font-size: 13px;
  }
  .search i {
    font-size: 20px;
    color: var(--main-text-color);
  }
  .search .searchContainer .close {
    position: absolute;
    right: 8px;
    top: 8px;
  }
  .navcontainer {
    display: flex;
    overflow-x: auto;
    width: 100%;
    z-index: 1;
    margin-left: 0px;
  }
  ::-webkit-scrollbar {
    display: none;
  }
  .main .header {
    padding: 0;
  }
  .main .header > div {
    width: 100%;
  }
  fieldset.languageSelect select#odd-format-toggle, fieldset.odd-format {
    padding: 0 20px;
  }
  .user .notifications {
    position: fixed;
    top: 15px;
    right: 12%;
  }
  #login {
    height: auto !important;
    background: none !important;
  }
  #login h2, #login .is-danger {
    color: var(--main-text-color) !important;
  }
  #login .login-modal {
    padding: 10px;
    justify-content: flex-start;
    padding-top: 40px;
  }
  .modal.autobet .modal-container .autobetevents .betselection,
  .modal.lotobet .modal-container .autobetevents .betselection {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
  }
  .leaguename {
    font-weight: 500 !important;
  }
  .alert-top {
    width: 100% !important;
    margin-top: 0;
    margin-left: 0;
    padding-top: 15px;
  }
  .footer .parts {
    flex-direction: column !important;
    padding: 30px 20px;
    margin-left: 0px;
  }
  .footer .parts .logo {
    margin-left: -5px;
    max-width: 140px;
  }
}
@media (min-width: 1024px) {
  .sm {
    display: none !important;
  }
  .lg {
    display: inherit;
  }
  .main .header .headerLg {
    color: white !important;
    background: var(--main-background-color-header);
    min-height: 50px;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5019607843);
  }
  .main .header .headerLg nav a:hover {
    color: #f3b90f !important;
  }
  .main .header > div {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }
  .main .header .right-options {
    display: flex;
    align-items: center;
    margin-top: 5px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .main .header .right-options.fullwidth {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .main .header .user-bar {
    flex-basis: 28%;
    margin-right: 15px;
  }
  .main .header .user-bar.fullwidth {
    flex-basis: 0;
    margin-top: 0;
  }
  .main .header .user-bar.fullwidth .login button {
    color: white;
    border: 1px solid white;
  }
  .main .header .user-bar.fullwidth .login button:hover {
    background: #f3b90f;
    border: 1px solid #f3b90f !important;
  }
  .main .header .user-bar.fullwidth .login button.active {
    background: #f3b90f;
    border: 1px solid #f3b90f !important;
  }
  .main .header .user-bar.fullwidth .login-modal, .main .header .user-bar.fullwidth .register-modal {
    top: 57px;
  }
  .main .header .user-bar.fullwidth .profile .amounts span {
    color: var(--main-text-color);
  }
  .main .header .user-bar.fullwidth .profile .amounts span:nth-child(2) {
    color: var(--balance-color) !important;
  }
  .main .header .user-bar.fullwidth .profile .text-info .balance {
    color: #4aee79;
  }
  .main .header .user-bar.fullwidth .user .button.fill {
    background: #f3b90f;
    border: 1px solid #f3b90f;
  }
  .main .header .user-bar.fullwidth .user .button.fill:hover {
    border: 1px solid #f3b90f !important;
  }
  .main .header .search {
    flex-basis: 80%;
    margin-right: 30px;
    margin-left: 15px;
  }
  .login {
    top: 60px;
  }
  .ticket {
    width: 40%;
    max-width: 400px;
  }
  .aside .close {
    display: none;
  }
  .aside .modal .close {
    display: flex;
  }
  .aside .odd-format {
    display: none;
  }
  .modal.autobet .modal-container,
  .modal.lotobet .modal-container {
    max-width: none;
    padding: 0;
  }
  .search.searchContainer input {
    max-width: 550px;
  }
  .game-info #game-container {
    margin-left: 0px !important;
  }
}
@media (max-width: 500px) {
  .bets .market {
    margin-right: 5px;
  }
  .grid .all-events .hide,
  .market-containers .hide, .all-events .market-containers .market:not(.hide):nth-child(1n+2) {
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    width: 0 !important;
    align-items: unset !important;
    margin-bottom: unset !important;
    margin-right: unset !important;
    padding: 0 !important;
  }
}
@media (max-width: 767px) {
  .bets .market {
    margin-right: 5px;
  }
  .grid .all-events .hide,
  .market-containers .hide, .all-events .market-containers .market:not(.hide):nth-child(1n+3) {
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    width: 0 !important;
    align-items: unset !important;
    margin-bottom: unset !important;
    margin-right: unset !important;
    padding: 0 !important;
  }
}
@media (max-width: 1279px) and (min-width: 768px) {
  .bets .market {
    width: 46%;
  }
  .bets .market:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1919px) {
  .grid .all-events .hide,
  .market-containers .hide, .all-events .market-containers .market:not(.hide):nth-child(1n+4) {
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    width: 0 !important;
    align-items: unset !important;
    margin-bottom: unset !important;
    margin-right: unset !important;
    padding: 0 !important;
  }
}
@media (min-width: 1920px) and (max-width: 2499px) {
  .bets .market-containers {
    width: 70%;
  }
  .bets .market {
    width: 23%;
    margin-right: 2%;
  }
  .all-events .hide,
  .market-containers .hide, .all-events .market-containers .market:not(.hide):nth-child(1n+5) {
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    width: 0 !important;
    align-items: unset !important;
    margin-bottom: unset !important;
    margin-right: unset !important;
  }
}
@media (min-width: 2500px) {
  .bets .market {
    width: 18%;
    margin-right: 2%;
  }
  .all-events .hide,
  .market-containers .hide, .all-events .market-containers .market:not(.hide):nth-child(1n+6) {
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    width: 0 !important;
    align-items: unset !important;
    margin-bottom: unset !important;
    margin-right: unset !important;
  }
}
.block-click {
  cursor: not-allowed;
}

.version-build {
  color: #4e4e4e;
  font-size: 10px;
  margin-bottom: -10px !important;
}
@media (max-width: 767px) {
  .version-build {
    margin-bottom: 0 !important;
  }
}

.event-info .event-data .in_play .tooltip {
  right: -80px;
}

.game-info.preview {
  text-align: center;
}
.game-info.preview .image_preview {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  position: absolute;
  top: 0;
  left: 0;
}
.game-info.preview .image_1, .game-info.preview .image_2 {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.game-info.preview .slider-component.mobile {
  display: none !important;
}
@media (max-width: 767px) {
  .game-info.preview .slider-component.desktop {
    display: none !important;
  }
  .game-info.preview .slider-component.mobile {
    display: block !important;
  }
}
.game-info.preview .container-info-hipica {
  background: #1b1e2d;
  padding: 20px;
  color: #ffffff;
  margin-top: 20px;
  margin-bottom: 20px;
  display: grid;
  justify-content: center;
  text-align: left;
  line-height: 1.8;
}
.game-info.preview .login-info {
  color: #fcc200;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.game-info.preview .register-info {
  color: #fcc200;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.game-info.preview .game-img {
  width: 100%;
}
.game-info.preview .game-name {
  margin: 20px 0;
}
.game-info.preview .container {
  margin-top: 30px;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
}
.game-info.preview .livegame {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
  border-radius: 0 0 10px 0;
  color: #fff;
}
.game-info.preview .livegamelogin {
  position: relative;
  bottom: 231px;
  right: 139px;
  font-size: 16px;
  color: #fff;
}
.game-info.preview .onlinecontainer {
  background: rgba(0, 0, 0, 0.5);
  width: 70px;
  height: 24px;
  position: relative;
  top: -161px;
  left: 3px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
}
.game-info.preview .onlinecontainerlogin {
  background: rgba(0, 0, 0, 0.5);
  width: 70px;
  height: 24px;
  position: relative;
  top: -211px;
  left: 8px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
}
.game-info.preview .buttons {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.game-info.preview .buttons .game-play {
  margin: 5px;
}
.game-info.preview .game-description {
  position: relative;
  top: 16px;
}

.game-info #game-container {
  text-align: center;
  max-width: 100vw;
  line-height: 0;
}

.casino-games .all-games .games li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.casino-games .all-games .games li img[lazy=loading] {
  content: url("/bingocasinos.co/img/logoanim4.svg");
  width: 50px;
  height: 50px;
  margin: 75px auto;
}

.casino-games .all-games .games-grid .item-game img[lazy=loading] {
  content: url("/bingocasinos.co/img/logoanim4.svg");
  height: 50px;
  margin: auto;
  width: 100%;
  contain: size;
  position: absolute;
  margin-top: -25px;
  top: 50%;
}

.game-info {
  position: relative;
}
.game-info .icon-fullscreen {
  z-index: 99999999;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 2px 0px;
}
.game-info .icon-fullscreen div {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #13151f;
  padding: 5px 10px;
  border-radius: 3px;
  color: #ffffff;
}
.game-info .icon-fullscreen div img {
  width: 25px;
  height: 25px;
  margin-right: 3px;
}
.game-info .icon-fullscreen div span {
  text-decoration: underline;
}
.game-info .error-msg {
  position: relative;
  padding: 20px;
  background: #de513c;
  display: flex;
  flex-flow: column;
  color: white;
}
.game-info .error-msg span {
  margin-bottom: 10px;
}
.game-info .error-msg a {
  text-decoration: underline;
}

*[draggable=true] .dropzone {
  border: 3px dashed #27bc60;
}

.accept-terms .modal .modal-container h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 1rem;
}
.accept-terms .modal .modal-container h2 span {
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.accept-terms .modal .modal-container .checkbox-container label {
  cursor: pointer;
}
.accept-terms .modal .modal-container .checkbox-container label span {
  display: inline-block;
}

.register.form span i {
  width: 22px;
  height: 22px;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  margin-right: 1rem;
}
.register.form span i.name {
  background-image: url(/bingocasinos.co/img/register-name.png);
}
.register.form span i.email {
  background-image: url(/bingocasinos.co/img/register-email.png);
}
.register.form span i.birthdate {
  background-image: url(/bingocasinos.co/img/register-birthdate.png);
}
.register.form span i.phone {
  background-image: url(/bingocasinos.co/img/register-phone.png);
}
.register.form span i.password {
  background-image: url(/bingocasinos.co/img/register-password.png);
}
.register.form span i.idtipocode {
  background-image: url(/bingocasinos.co/img/cedula-40-2.png);
}
.register.form span i.referido {
  background-image: url(/bingocasinos.co/img/referidos-40-2.png);
}
.register.form input, .register.form select {
  border: 1px solid var(--main-text-color) !important;
}
.register.form input.invalid, .register.form select.invalid {
  border: 2px solid #DE513C !important;
}
.register.form input.valid, .register.form select.valid {
  border: 2px solid #2ECC71 !important;
}
.register.form input:-webkit-autofill,
.register.form input:-webkit-autofill:hover,
.register.form input:-webkit-autofill:focus,
.register.form textarea:-webkit-autofill,
.register.form textarea:-webkit-autofill:hover,
.register.form textarea:-webkit-autofill:focus,
.register.form select:-webkit-autofill,
.register.form select:-webkit-autofill:hover,
.register.form select:-webkit-autofill:focus {
  border: 1px solid var(--main-text-color);
  -webkit-text-fill-color: var(--main-text-color);
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.register.form .container-label {
  display: flex;
  flex-wrap: wrap;
}
.register.form .container-label div {
  flex: 1;
  margin: 0 5px;
}
.register.form .phone-container {
  display: flex;
  align-items: center;
  border: 1px solid var(--main-text-color);
}
.register.form .phone-container.invalid {
  border: 2px solid #DE513C;
}
.register.form .phone-container.valid {
  border: 2px solid #2ECC71;
}
.register.form .phone-container input {
  border: none !important;
  margin-bottom: 0 !important;
}
.register.form .phone-container span {
  margin-bottom: 0 !important;
  margin-left: 1rem;
}
.register.form .accept-terms p {
  line-height: unset;
  margin-top: unset;
  text-align: center;
}
.register.form .accept-terms span {
  display: unset;
  margin-bottom: unset;
  align-items: unset;
  font-weight: unset;
  color: unset;
}
.register.form .accept-terms a {
  text-decoration: underline;
}

.register-modal .register.form {
  padding-top: 0 !important;
  max-width: 300px;
}
.register-modal .register.form .steps > h2 {
  display: none;
}

.kyc section {
  text-align: center;
}
.kyc section .label.saved {
  opacity: 0.5;
}
.kyc section .label.saved .upload-file .filename {
  border: 1px solid #5E6062;
}
.kyc section .label.saved .upload-file .filename .img {
  background: #5E6062;
}
.kyc section .fill {
  padding: 10px 40px;
}
.kyc section .success, .kyc section .rejected {
  display: flex;
  justify-content: center;
  text-align: left;
  flex-wrap: wrap;
  color: #27BD60;
}
.kyc section .success i, .kyc section .rejected i {
  margin-right: 0.5rem;
}
.kyc section .success .wait, .kyc section .rejected .wait {
  color: #FFF;
  flex-basis: 100%;
  text-align: center;
  margin-top: 1rem;
}
.kyc section .rejected {
  color: #E2574C;
  margin-bottom: 1rem;
}

.kyc_pending_validation {
  color: #E2574C;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 600;
  margin-bottom: 15px;
}
.kyc_pending_validation i {
  margin-right: 1rem;
}
.kyc_pending_validation a {
  color: #E2574C;
  margin-left: 0.5rem;
  cursor: pointer;
  text-decoration: underline;
}
.kyc_pending_validation a:focus {
  outline: none;
}

.pagebutton {
  text-align: center;
}
.pagebutton button {
  background: #27BC60;
  color: #000000;
}

.select-item-theme img {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  width: 16px;
  height: 16px;
  display: flex;
}
.select-item-theme img:hover {
  cursor: pointer;
}

.select-container-format {
  padding-right: 5px !important;
  border: none;
  min-width: 60px;
  background: var(--general-chevrond-bg-image);
  background-repeat: no-repeat;
  background-position: 97% center;
  position: static;
  color: var(--header-select-color);
  background-color: var(--header-select-bg);
}
.select-container-format .select-selected {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.select-container-format .select-selected img {
  width: 16px;
  height: 16px;
}
.select-container-format .select-selected .simulateSelect {
  border: none !important;
  background-repeat: no-repeat;
  background-position: 75% center;
  width: 10px;
  height: 10px;
  margin-left: 5px;
}
.select-container-format .select-selected span {
  font-weight: bold;
  font-size: 12px;
}
.select-container-format .select-list {
  position: absolute;
  color: white;
  z-index: 9;
  min-width: 100px;
  background-color: var(--main-background-color-header);
  margin-top: 10px;
  border: 0.5px solid;
  right: 1px;
}
@media (max-width: 1023px) {
  .select-container-format .select-list {
    right: 30px;
  }
}
@media (max-width: 430px) {
  .select-container-format .select-list {
    right: 1px;
  }
}
.select-container-format .select-list .select-item {
  display: block;
  white-space: pre;
  padding: 10px;
  font-size: 13px;
  text-align: start;
  display: flex;
  align-items: center;
}
.select-container-format .select-list .select-item:hover {
  background-color: #f3b90f;
  color: black;
}
.select-container-format .select-list .select-item img {
  margin-right: 0.5rem;
  width: 16px;
  height: 16px;
}

.select-container-lang {
  padding-right: 5px !important;
  border: none;
  min-width: 60px;
  background: var(--general-chevrond-bg-image);
  background-repeat: no-repeat;
  background-position: 97% center;
  position: static;
  color: var(--header-select-color);
  background-color: var(--header-select-bg);
}
.select-container-lang .select-selected {
  display: flex;
  align-items: center;
  justify-content: center;
}
.select-container-lang .select-selected img {
  width: 16px;
  height: 16px;
}
.select-container-lang .select-selected .simulateSelect {
  border: none !important;
  background-repeat: no-repeat;
  background-position: 75% center;
  width: 10px;
  height: 10px;
  margin-left: 5px;
}
.select-container-lang .select-selected span {
  font-weight: bold;
  font-size: 12px;
}
.select-container-lang .select-list {
  position: absolute;
  color: white;
  z-index: 9;
  min-width: 41px;
  background-color: var(--main-background-color-header);
  margin-top: 10px;
  border: 0.5px solid;
  right: 73px;
}
@media (max-width: 1023px) {
  .select-container-lang .select-list {
    right: auto;
  }
}
.select-container-lang .select-list .select-item {
  display: block;
  white-space: pre;
  padding: 10px;
  font-size: 13px;
  text-align: start;
  display: flex;
  align-items: center;
}
.select-container-lang .select-list .select-item:hover {
  background-color: #f3b90f;
  color: black;
}
.select-container-lang .select-list .select-item img {
  margin-right: 0.5rem;
  width: 16px;
  height: 16px;
}

@media (max-width: 1023px) {
  main.noFullWidth {
    min-height: 100px;
    padding-top: 0 !important;
  }
  main.noFullWidth .container {
    padding: 0 !important;
  }
  main.noFullWidth .container .game-info .border {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    margin-bottom: 0;
    padding-left: 15px;
  }
}

.container-check-marketing {
  display: flex;
  margin-top: 15px;
  font-size: 12px;
}
.container-check-marketing input, .container-check-marketing span {
  margin-bottom: 0 !important;
  align-self: center;
}
.container-check-marketing input[type=checkbox] {
  border: 1px solid #27bc60 !important;
}
.container-check-marketing input[type=checkbox]:checked {
  background: #27bc60 !important;
}

.register-modal input[type=checkbox] {
  border: 1px solid #27bc60 !important;
}
.register-modal input[type=checkbox]:checked {
  background: #27bc60 !important;
}
.register-modal input[type=checkbox]:checked::before {
  top: -1px !important;
  left: -2px !important;
  font-size: 22px !important;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

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

.container-bonus-show {
  display: flex;
  padding: 20px;
}
.container-bonus-show .bonus-show-img {
  width: 25%;
  display: flex;
  align-items: flex-start;
  margin-right: 20px;
}
.container-bonus-show .bonus-show-img img {
  width: 100%;
}
.container-bonus-show .bonus-show-body {
  flex: 1;
}
@media (max-width: 768px) {
  .container-bonus-show {
    flex-direction: column;
  }
  .container-bonus-show .bonus-show-img {
    width: 100%;
    margin-bottom: 20px;
  }
}

.phone-validate > a {
  padding: 10px;
  font-size: 12px;
  display: block;
  color: var(--main-brand-primary);
  margin-bottom: 10px;
  text-decoration: underline;
  cursor: pointer;
}

.register-validate {
  margin-top: 1em;
  border: 1px solid;
  padding: 20px;
}
.register-validate input {
  width: 70% !important;
}
.register-validate .subtitle, .register-validate .counter {
  font-weight: bold;
}
.register-validate .subtitle {
  width: 70%;
}

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

.bak-account-form span {
  font-size: 14px;
}

.footer-responsible-message {
  font-size: 9px;
  font-weight: 100;
  text-align: center;
}

.limit_request {
  display: flex;
  align-items: center;
}
.limit_request button {
  margin-left: 10px;
}
.limit_request .close {
  margin-left: 10px;
  cursor: pointer;
}
.limit_request .tooltip {
  opacity: 1;
  visibility: visible;
  white-space: nowrap;
  bottom: 50px;
  right: 60px;
  height: 30px;
  position: relative;
}
.limit_request .tooltip:before {
  content: "";
  bottom: -10px;
  position: absolute;
  top: 100%;
  border-top: 5px solid #c2c8cc;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
@media (max-width: 630px) {
  .limit_request .tooltip {
    z-index: 9 !important;
  }
}

.icon-sport {
  width: 20px !important;
  height: 20px !important;
  display: block;
  margin: 10px;
}

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

@media print {
  body * {
    display: none;
  }
  a[href]::after {
    content: none !important;
  }
  .only-print,
  .only-print * {
    display: block !important;
    color: #000 !important;
  }
  .ticket-print {
    width: 300px !important;
    margin: 0 auto !important;
    font-family: Arial, Helvetica, Verdana !important;
  }
  .ticket-print .ticket-print-header {
    text-align: center !important;
    padding: 10px 0 20px !important;
    border-bottom: 1px dashed #000 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-weight: 600;
  }
  .ticket-print .ticket-print-header img {
    width: 150px !important;
    height: auto !important;
  }
  .ticket-print .ticket-summary {
    padding: 15px 0 !important;
    border-bottom: 1px dashed #000 !important;
  }
  .ticket-print .ticket-summary > div {
    margin: 5px 0 !important;
    display: flex !important;
    justify-content: space-between !important;
  }
  .ticket-print .ticket-summary .label {
    font-weight: bold !important;
  }
  .ticket-print .ticket-summary .bet-type {
    display: block !important;
    text-align: center !important;
    margin-top: 10px !important;
    font-weight: bold !important;
  }
  .ticket-print .events-bet {
    list-style: none !important;
    padding: 15px 0 !important;
    margin: 0 !important;
  }
  .ticket-print .events-bet li {
    padding: 10px 0 !important;
    border-bottom: 1px solid #eee !important;
  }
  .ticket-print .events-bet li:last-child {
    border-bottom: none !important;
  }
  .ticket-print .events-bet li span {
    display: block !important;
    margin: 3px 0 !important;
  }
  .ticket-print .events-bet li .bet-id {
    font-size: 0.9em !important;
    color: #000 !important;
  }
  .ticket-print .events-bet li .match {
    font-weight: bold !important;
    font-size: 1.1em !important;
  }
  .ticket-print .events-bet li .date, .ticket-print .events-bet li .sport {
    font-weight: 600 !important;
    font-size: 0.9em !important;
    color: #000 !important;
  }
  .ticket-print .events-bet li .bet-type, .ticket-print .events-bet li .bet-result {
    margin-top: 5px !important;
  }
  @page {
    margin: 0;
  }
  a::after {
    content: "" !important;
  }
}
.container-ticket-bingo {
  display: flex;
}
.container-ticket-bingo .bingo-raffle-ticket {
  display: flex;
  align-self: center;
  padding: 30px 0px;
  margin-left: -5px;
  margin-right: 6px;
  background-color: #e9e9e9;
}
.container-ticket-bingo .bingo-raffle-ticket .bingo-icon-style {
  width: 35px;
  height: 35px;
}
.container-ticket-bingo .remove-raffle-ticket {
  display: flex;
  align-self: center;
  cursor: pointer;
  padding: 34px 0px;
  padding-left: 8px;
  margin-left: -5px;
  margin-right: 6px;
}
.container-ticket-bingo .remove-raffle-ticket:hover {
  background-color: #c2c2c2;
  transition: all 0.5s;
}
.container-ticket-bingo .remove-raffle-ticket .close-icon-style {
  margin-right: 10px;
  width: 12px;
  height: 12px;
}
.container-ticket-bingo h5 {
  color: black;
  font-weight: bold;
  margin-top: 5px;
}
.container-ticket-bingo .raffle-initial-close {
  display: flex;
  font-size: 12px;
  margin-top: -10px;
}
.container-ticket-bingo .raffle-initial-close .raffle-initial {
  margin-right: 30px;
}
.container-ticket-bingo h6 {
  margin-top: 2px;
  font-weight: 300;
  color: gray;
}
.container-ticket-bingo .total-raffle-cards {
  display: flex;
  justify-content: space-between;
}
.container-ticket-bingo .total-raffle-cards .raffle-selection {
  display: flex;
  align-items: center;
  padding: 4px 0;
}
.container-ticket-bingo .total-raffle-cards .raffle-selection span:nth-child(1) {
  padding: 5px 9.3px;
  background: #444444;
}
.container-ticket-bingo .total-raffle-cards .raffle-selection span {
  color: white;
  font-weight: 600;
  padding: 5px 8px;
  border-radius: 50%;
  cursor: pointer;
  background: #191919;
}
.container-ticket-bingo .total-raffle-cards .raffle-selection input {
  width: 100%;
  height: 25px;
  text-align: center;
  margin: 0 5px;
  font-weight: 600;
  background-color: gray;
}
.container-ticket-bingo .total-raffle-cards .total-raffle {
  color: black;
  font-weight: bold;
  margin-top: 10px;
  align-self: center;
  padding-top: 5px;
  margin-left: 120px;
}

@media (max-width: 1023px) {
  .total-raffle-cards .total-raffle {
    margin-left: 60px !important;
  }
}
@media (max-width: 501px) {
  .total-raffle-cards .total-raffle {
    margin-left: 60px !important;
  }
}
@media (max-width: 500px) {
  .total-raffle-cards .total-raffle {
    margin-left: 90px !important;
  }
}
@media (max-width: 460px) {
  .total-raffle-cards .total-raffle {
    margin-left: 70px !important;
  }
}
@media (max-width: 430px) {
  .total-raffle-cards .total-raffle {
    margin-left: 40px !important;
  }
}
.ticket-summary-purchase {
  border-bottom: 1px solid #27bc60 !important;
}

.bet-amount-bingo {
  padding: 20px 0px !important;
}
.bet-amount-bingo .info {
  margin-top: 0px !important;
}
.bet-amount-bingo .errors {
  margin-top: 10px;
  padding: 0px 5px;
  color: #fe5d5d;
  word-break: break-all;
}
.bet-amount-bingo .action-bingo .request-ticket {
  background-color: transparent !important;
}

.bet-ticket-bingo {
  padding: 0px 5px !important;
}

.cart-icon-style {
  align-self: center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-bottom: -2px;
}

.bets {
  margin-top: inherit;
  padding: 0;
}
.bets .room {
  background-color: #27bc60;
  border-top: 1px solid #27bc60;
  padding: 12px 13px;
  font-weight: 600;
  color: black;
}

.betsPurchase {
  margin-top: inherit;
  padding: 0;
}
.betsPurchase .roomPurchase {
  padding-top: 10px;
  padding-left: 10px;
  margin-bottom: 8px;
  font-weight: bold;
}
.betsPurchase .successful-raffle-purchase .bet {
  border-bottom: 1px solid transparent;
}
.betsPurchase .successful-raffle-purchase .bet-ticket-bingo {
  color: var(--main-text-color) !important;
  background-color: var(--bg-ticket-bingo) !important;
}
.betsPurchase .successful-raffle-purchase .bet-ticket-bingo .container-ticket-bingo {
  margin-left: 5px;
  margin-right: 5px;
  border-bottom: 1px solid #27bc60;
}
.betsPurchase .successful-raffle-purchase .bet-ticket-bingo .container-ticket-bingo .raffle-initial-close {
  font-size: 12px;
  margin-top: 2px !important;
}
.betsPurchase .successful-raffle-purchase .bet-ticket-bingo h5 {
  margin-top: 7px;
  font-weight: normal;
  color: var(--main-text-color) !important;
  font-size: 12px;
  margin-bottom: 0px !important;
}
.betsPurchase .successful-raffle-purchase .bet-ticket-bingo h6 {
  color: var(--main-text-color) !important;
  font-size: 12px;
}
.betsPurchase .successful-raffle-purchase .bet-ticket-bingo .total-raffle-cards {
  margin-bottom: 7px !important;
}
.betsPurchase .successful-raffle-purchase .bet-ticket-bingo .total-raffle-cards .total-raffle {
  font-weight: normal;
  color: var(--main-text-color) !important;
  margin-top: -3px !important;
  margin-left: 0px !important;
  font-size: 12px;
}
.betsPurchase .successful-raffle-purchase .bet-ticket-bingo .total-raffle-cards .bingo-icon-style {
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-right: 10px;
}

.close-purchased-bingo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 20px !important;
  margin-bottom: -15px !important;
}
.close-purchased-bingo button {
  padding: 9px 55px !important;
  font-size: 16px !important;
}

.containter_share_anonymous_bet_ticket {
  background-color: var(--anonymous-ticket-color1);
}
.containter_share_anonymous_bet_ticket .share-anonymous-bet {
  display: flex;
  justify-content: center;
  padding-bottom: 7px;
  padding-top: 15px;
}
.containter_share_anonymous_bet_ticket .share-anonymous-bet .share_icon_anonymous_bet {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  align-self: center;
}
.containter_share_anonymous_bet_ticket .share-anonymous-bet h4 {
  font-weight: bold !important;
  margin-bottom: 0px !important;
  font-size: 19px !important;
}
.containter_share_anonymous_bet_ticket h6 {
  font-weight: bold;
  font-size: 10px;
  margin-bottom: 25px;
}
.containter_share_anonymous_bet_ticket .group-share-icons {
  display: flex;
  justify-content: space-evenly;
  grid-template-columns: repeat(4, 1fr);
}
.containter_share_anonymous_bet_ticket .group-share-icons .print_icon_anonymous_bet,
.containter_share_anonymous_bet_ticket .group-share-icons .whatsapp_icon_anonymous_bet,
.containter_share_anonymous_bet_ticket .group-share-icons .sms_icon_anonymous_bet,
.containter_share_anonymous_bet_ticket .group-share-icons .email_icon_anonymous_bet {
  grid-column: 1/1;
  grid-row: 1;
  align-items: center;
}
.containter_share_anonymous_bet_ticket .group-share-icons .print_icon_anonymous_bet:hover,
.containter_share_anonymous_bet_ticket .group-share-icons .whatsapp_icon_anonymous_bet:hover,
.containter_share_anonymous_bet_ticket .group-share-icons .sms_icon_anonymous_bet:hover,
.containter_share_anonymous_bet_ticket .group-share-icons .email_icon_anonymous_bet:hover {
  cursor: pointer;
}
.containter_share_anonymous_bet_ticket .group-share-icons-text {
  display: flex;
  justify-content: space-evenly;
  grid-template-columns: repeat(4, 1fr);
}
.containter_share_anonymous_bet_ticket .group-share-icons-text .print_icon_anonymous_bet,
.containter_share_anonymous_bet_ticket .group-share-icons-text .whatsapp_icon_anonymous_bet,
.containter_share_anonymous_bet_ticket .group-share-icons-text .sms_icon_anonymous_bet,
.containter_share_anonymous_bet_ticket .group-share-icons-text .email_icon_anonymous_bet {
  grid-column: 1/1;
  grid-row: 1;
  align-items: center;
}
.containter_share_anonymous_bet_ticket .group-share-icons-text .print_icon_anonymous_bet:hover,
.containter_share_anonymous_bet_ticket .group-share-icons-text .whatsapp_icon_anonymous_bet:hover,
.containter_share_anonymous_bet_ticket .group-share-icons-text .sms_icon_anonymous_bet:hover,
.containter_share_anonymous_bet_ticket .group-share-icons-text .email_icon_anonymous_bet:hover {
  cursor: pointer;
}
.containter_share_anonymous_bet_ticket .group-share-icons-text span {
  color: gray;
  font-size: 11px;
  font-weight: bold;
}

.share_email_sms {
  background-color: var(--anonymous-ticket-color1);
  padding-top: 10px;
  padding-bottom: 10px;
}
.share_email_sms .request-ticket {
  padding: 0px;
}
.share_email_sms .request-ticket img {
  width: 30px;
  height: auto;
}
.share_email_sms .share_sms_style {
  margin-top: 10px;
}
.share_email_sms .share_sms_style h6 {
  margin-bottom: 7px;
  font-weight: bold;
  font-size: 11px;
}
.share_email_sms .share_sms_style input {
  width: 166px;
  margin-bottom: 5px;
  height: 35px;
  background-color: #353535;
  border-left: none;
}
.share_email_sms .share_sms_style input:disabled {
  background-color: #272727 !important;
  width: 62px !important;
  border-right: none !important;
  border-left: 1px solid white;
  margin-right: -3px !important;
}
.share_email_sms .share_sms_style .cancel {
  background-color: transparent;
  color: white;
  font-size: 12px;
  border: none;
  font-weight: 100;
}
.share_email_sms .share_sms_style .cancel:hover {
  background-color: transparent;
  color: white;
  font-size: 12px;
  border: none;
  font-weight: 100;
}
.share_email_sms .share_sms_style .continue {
  background-color: #009b3a;
  height: 32px;
  width: 40%;
  margin-bottom: 3px;
  font-size: 15px;
  margin-top: 8px;
  border: none;
}
.share_email_sms .share_sms_style .continue:hover {
  background-color: #009b3a;
  height: 32px;
  width: 40%;
  margin-bottom: 3px;
  font-size: 15px;
  margin-top: 8px;
  border: none;
}
.share_email_sms .share_sms_style .continue:disabled {
  background-color: transparent;
  border: 1px solid gray;
}
.share_email_sms .share_email_style {
  margin-top: 10px;
}
.share_email_sms .share_email_style h6 {
  margin-bottom: 7px;
  font-weight: bold;
  font-size: 11px;
}
.share_email_sms .share_email_style input {
  background-color: #353535;
  height: 35px;
  margin-bottom: 5px;
}
.share_email_sms .share_email_style .cancel {
  background-color: transparent;
  color: white;
  font-size: 12px;
  border: none;
  font-weight: 100;
}
.share_email_sms .share_email_style .cancel:hover {
  background-color: transparent;
  color: white;
  font-size: 12px;
  border: none;
  font-weight: 100;
}
.share_email_sms .share_email_style .continue {
  background-color: #009b3a;
  height: 32px;
  width: 40%;
  margin-bottom: 3px;
  font-size: 15px;
  margin-top: 8px;
  border: none;
}
.share_email_sms .share_email_style .continue:hover {
  background-color: #009b3a;
  height: 32px;
  width: 40%;
  margin-bottom: 3px;
  font-size: 15px;
  margin-top: 8px;
  border: none;
}
.share_email_sms .share_email_style .continue:disabled {
  background-color: transparent;
  border: 1px solid gray;
}

.sent_success {
  background-color: #1e1e1e;
  color: #009b3a;
  font-weight: bold;
  font-size: 17px;
  padding-bottom: 15px;
}

.error_send {
  background-color: #1e1e1e;
  color: #fe5d5d;
  font-weight: bold;
  font-size: 17px;
  padding-bottom: 15px;
}

.logo-display-print {
  background: #009b2d;
  height: 85px;
  text-align: center;
  display: none;
}
.logo-display-print img {
  width: 200px;
  padding-top: 5px;
}

.anonymous-bet {
  width: 100%;
  text-align: center;
  padding: 0px !important;
}
.anonymous-bet .container-header-anonymous-bet {
  background-color: #232323;
  background: #ececec;
  background-color: var(--anonymous-ticket-color1);
}
.anonymous-bet .container-header-anonymous-bet .title {
  font-size: 2rem;
  color: var(--ticket-color);
  font-weight: 800;
  margin-bottom: 1rem;
  padding-top: 10px;
}
.anonymous-bet .container-header-anonymous-bet .description {
  font-size: 1rem;
  padding-bottom: 10px;
}
.anonymous-bet .container-code-anonymous-bet {
  background-color: var(--anonymous-ticket-color2);
}
.anonymous-bet .container-code-anonymous-bet .code {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 1rem;
  padding-top: 15px;
}
.anonymous-bet .container-code-anonymous-bet .barcode {
  margin-bottom: 10px;
}
.anonymous-bet .container_repeat_anonymous_bet {
  background-color: var(--anonymous-ticket-color2);
  padding: 25px 35px 12px 35px;
}
.anonymous-bet .container_repeat_anonymous_bet .fill {
  display: flex;
  justify-content: center;
  padding-bottom: 10px !important;
  align-items: center;
  align-self: center;
  padding-top: 10px;
  background: #28bc60;
  border: 1px solid #28bc60;
  color: #000000;
}
.anonymous-bet .container_repeat_anonymous_bet .fill .repeat_icon_anonymous_bet {
  margin-right: 10px;
}
.anonymous-bet .container_repeat_anonymous_bet .fill h5 {
  margin-bottom: 0px !important;
  font-weight: 600 !important;
}
.anonymous-bet .container_close_anonymous_bet {
  background-color: var(--anonymous-ticket-color1);
}
.anonymous-bet .container_close_anonymous_bet .success-close {
  margin-bottom: 0px !important;
  font-size: 15px !important;
}
.anonymous-bet .container_close_anonymous_bet .success-close:hover {
  border: none !important;
  color: white !important;
}

.odds button {
  opacity: 0;
  transition: all 300ms ease;
}

.floating-cart {
  position: fixed !important;
  background: #27BC60;
  border: 1px solid #27BC60;
  color: #fff;
  z-index: 99999999;
  overflow: hidden;
  box-shadow: 0px 5px 31px -1px rgba(0, 0, 0, 0.15);
  transition: all 300ms ease;
}
.floating-cart .odd {
  color: #fff !important;
}

.ticket header .title {
  height: 30px;
}

#cookie_consent {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000000;
  background-color: rgb(37, 46, 57);
  color: #f9fcff;
  width: 100%;
  padding: 15px;
}
#cookie_consent .content {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 5px;
  justify-content: center;
}
#cookie_consent .content .disclaim {
  margin-right: 1rem;
}
#cookie_consent .content .disclaim a {
  text-decoration: underline;
}
#cookie_consent .content .accept {
  display: flex;
  align-items: center;
  justify-content: center;
}
#cookie_consent .content .accept a {
  color: rgb(0, 0, 0);
  border-color: transparent;
  background-color: rgb(182, 201, 170);
  border-radius: 5px;
  min-width: 140px;
  padding: 0.4rem 0.8rem;
  font-size: 0.9rem;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
}
@media (max-width: 1024px) {
  #cookie_consent .content {
    flex-direction: column;
  }
  #cookie_consent .content .accept {
    margin-bottom: 0.5rem;
  }
  #cookie_consent .content .disclaim {
    margin-right: unset;
    text-align: center;
  }
}

/*Footer*/
/* bonuses */
/* img bingo iconos */
/* Anonymous */
/*Search*/
/*Fixtures*/
/*ui components*/
:root {
  --dark--body-color: #002D5D;
  --dark--main-background-color: #011C35;
  --dark--main-background-color-search: #020511;
  --dark--main-background-color-featured: #001826;
  --dark--main-background-color-3: #002D5D;
  --dark--main-background-color-header: #001728;
  --dark--headerMain-background-color: rgba(0, 23, 40, 0.8509803922);
  --dark--header-sport-filter-bg: rgba(0, 23, 40, 0.8509803922);
  --dark--main-color-line: #ffffff;
  --dark--main-brand-primary: #f3b90f;
  --dark--secondary-background-color: #001728;
  --dark--bg-selection-button: #161824;
  --dark--bg-selection-button-hover: #f3b90f;
  --dark--pageNav-active-color: #f3b90f;
  --dark--background-fixtures: rgba(16, 17, 28, 0.58);
  --dark--background-fixtures-odd: rgba(16, 17, 28, 0.46);
  --dark--main-text-color: #f6f6f6;
  --dark--secondary-text-color: #0c0c0c;
  --dark--main-filter-all: url("/bingocasinos.co/img/all-dark.svg?id=1778514418472") no-repeat;
  --dark--secondary-filter-all: url("/bingocasinos.co/img/all-dark.png?id=1778514418472") no-repeat;
  --dark--main-search: url("/bingocasinos.co/img/search.png?id=1778514418472") no-repeat;
  --dark--date-info-color: #adadad;
  --dark--secondary-search: url("/bingocasinos.co/img/search-dark.png?id=1778514418472") no-repeat;
  --dark--img-logo: url("/bingocasinos.co/img/logo.svg?id=1778514418472") no-repeat;
  --dark--input-variant: #002D5D;
  --dark--input-fixture-show: #161824;
  --dark--sidear-casino-background-featured-icons: transparent;
  --dark--sidear-casino-background-featured-icon: url("/bingocasinos.co/img/star-yellow.png?id=1778514418472") no-repeat;
  --dark--category-sidebar-color: #46bd5d;
  --dark--border-right-filter: #1d2334;
  --dark--border-button-user-fullwidth: 1px solid #FFFFFF;
  --dark--primary-text-color: #f6f6f6;
  --dark--button-color: #f6f6f6;
  --dark--button-color-hover: #0c0c0c;
  --dark--sprite-icons: url("/bingocasinos.co/img/icons-sprite.png?id=1778514418472");
  --dark--headermobile-background: #0D0E16;
  --dark--aside-background: #0D0E16;
  --dark--border-section-title-my-bets: 1px solid #fff;
  --dark--border-button: 1px solid #27BC60;
  --dark--border-button-login: 1px solid #acaeb6;
  --dark--history-bread-crumbs: #f6f6f6;
  --dark--background-limits: #fff;
  --dark--img-avatar: url("/bingocasinos.co/img/avatar.svg?id=1778514418472");
  --dark--balance-bg: #002D5D;
  --dark--balance-color: #4aee79;
  --dark--img-chevron: url("/bingocasinos.co/img/chevron.svg?id=1778514418472");
  --dark--bg-deposit: #00192D;
  --dark--img-withdrawal-facilito: url("/bingocasinos.co/img/pay/facilito.svg?id=1778514418472");
  --dark--icon-chevron-mobile: url("/bingocasinos.co/img/chevron.svg?id=1778514418472");
  --dark--icon-chevron-desktop: url("/bingocasinos.co/img/chevron.svg?id=1778514418472");
  --dark--icon-chevron-up-desktop: url("/bingocasinos.co/img/arrow-up.svg?id=1778514418472");
  --dark--arrow-left-desktop: url("/bingocasinos.co/img/arrow-left.svg?id=1778514418472");
  --dark--arrow-right-desktop: url("/bingocasinos.co/img/arrow-right.svg?id=1778514418472");
  --dark--anonymous-ticket-color1: #232323;
  --dark--anonymous-ticket-color2: #282828;
  --dark--bg-arrow-grid: #000000;
  --dark--bg-sports-lg: #011C35;
  --dark--bg-sports-lg-active: #002D5D;
  --dark--bg-featured-grid: #00192D;
  --dark--sidebar-sport-bg: #00192D;
  --dark--sidebar-sport-bg-active: #001F3C;
  --dark--border-sport-container: #0d121e;
  --dark--bg-more-regions: #002D5D;
  --dark--bg-search-selected: #002D5D;
  --dark--bg-categories: #1b1e2d;
  --dark--bg-region-active: #002D5D;
  --dark--filter-icon-featured: url("/bingocasinos.co/img/featured-filter-white.svg?id=1778514418472");
  --dark--filter-icon-live: url("/bingocasinos.co/img/live-filter-white.svg?id=1778514418472");
  --dark--filter-icon-coming: url("/bingocasinos.co/img/coming-filter-white.svg?id=1778514418472");
  --dark--filter-icon-date: url("/bingocasinos.co/img/calendar-white.svg?id=1778514418472");
  --dark--filter-icon-chevron: url("/bingocasinos.co/img/chevron-white.svg?id=1778514418472");
  --dark--filter-icon-featured-selected: url("/bingocasinos.co/img/featured-filter-black.svg?id=1778514418472");
  --dark--filter-icon-live-selected: url("/bingocasinos.co/img/live-filter-black.svg?id=1778514418472");
  --dark--filter-icon-coming-selected: url("/bingocasinos.co/img/coming-filter-black.svg?id=1778514418472");
  --dark--filter-icon-date-selected: url("/bingocasinos.co/img/calendar-black.svg?id=1778514418472");
  --dark--filter-icon-chevron-selected: url("/bingocasinos.co/img/chevron-black.svg?id=1778514418472");
  --dark--bg-ticket-bingo: #161824;
  --dark--img-logo-fullwidth: url("/bingocasinos.co/img/logo-footer.png?id=1778514418472");
  /* bonuses */
  --dark--background-bonuses-fond: #011C35;
  --dark--background-raffle2: #1f212f;
  --dark--background-bonuses-nv1: #0d0e16;
  --dark--background-bonuses-nv2: #00192D;
  --dark--background-filter: rgba(0, 23, 40, 0.8509803922);
  --dark--background-bonuses-nv2-border: #181818;
  --dark--proportion-container-bonus-color: #44bf5d;
  --dark--proportion-container-bonus-background: #00192D;
  --dark--label-playthrough-progress: #3faf57;
  --dark--div2nv4: #13151f;
  --dark--tbodyTd: #13151f;
  --dark--tbodyTdBackground: #1a1c29;
  --dark--theadThBackground: #10121b;
  --dark--img-ojo-bonos: url("/bingocasinos.co/img/bonos/Ojo-Bonos.svg?id=1778514418472");
  --dark--img-flecha-bonos: url("/bingocasinos.co/img/bonos/Flecha-Bonos.svg?id=1778514418472");
  --dark--img-info-bonos: url("/bingocasinos.co/img/bonos/info-green.svg?id=1778514418472");
  --dark--color-trebalia: #27bc60;
  /* pays deposit */
  --dark--img-safetypage: url("/bingocasinos.co/img/pay/safetypaydark.svg?id=1778514418472");
  --dark--img-safetypage1: url("/bingocasinos.co/img/pay/bankpichinadark.svg?id=1778514418472");
  --dark--img-safetypage2: url("/bingocasinos.co/img/pay/bankguayaquildark.svg?id=1778514418472");
  --dark--img-payphone: url("/bingocasinos.co/img/pay/payphonedark.svg?id=1778514418472");
  --dark--img-payphone1: url("/bingocasinos.co/img/pay/visa-master.svg?id=1778514418472");
  --dark--img-payphone2: url("/bingocasinos.co/img/pay/mastercard.png?id=1778514418472");
  --dark--img-logofacilito: url("/bingocasinos.co/img/pay/facilito.svg?id=1778514418472");
  --dark--img-logobakan: url("/bingocasinos.co/img/pay/bakan.svg?id=1778514418472");
  --dark--img-logoredactiva: url("/bingocasinos.co/img/pay/redActiva.svg?id=1778514418472");
  --dark--img-logobemovil: url("/bingocasinos.co/img/pay/bemovil.png?id=1778514418472");
  --dark--img-cobre: url("/bingocasinos.co/img/cobre.png?id=1778514418472");
  /* img bingo */
  --dark--img-bingomoney: url("/bingocasinos.co/img/bingo/money-icon.png?id=1778514418472");
  --dark--img-bingotimer: url("/bingocasinos.co/img/bingo/timer-icon.png?id=1778514418472");
  --dark--img-bingoraffle: url("/bingocasinos.co/img/bingo/raffle-icon.png?id=1778514418472");
  --dark--img-bingoprize: url("/bingocasinos.co/img/bingo/prize-icon.png?id=1778514418472");
  --dark--img-bingocardboard: url("/bingocasinos.co/img/bingo/cardboard-icon.png?id=1778514418472");
  --dark--img-bingolive: url("/bingocasinos.co/img/bingo/live-icon.png?id=1778514418472");
  /* table */
  --dark--bonuses-label-playthrough-progress: #f6f6f6;
  --dark--bonuses-tbodyTd: #1f212f;
  --dark--bonuses-tbodyTdBackground: #2c2f42;
  --dark--bonuses-tbodyTdBackgroundEven: #303449;
  --dark--bonuses-theadThBackground: #1b1c28;
  --dark--main-filter-category: none;
  /* Anonymous */
  --dark--anonymous-submit-color: #FFF;
  --dark--anonymous-submit-border: 1px solid #FFF;
  --dark--anonymous-submit-bg: transparent;
  --dark--anonymous-submit-hover-color: #FFF;
  --dark--anonymous-submit-hover-border: 1px solid #FFF;
  --dark--anonymous-submit-hover-bg: #009B2D;
  /*Footer*/
  --dark--main-bg-footer:#001728;
  --dark--bg-payment-methods:#071727;
  --dark--img-logo-footer:url("/bingocasinos.co/img/logo-footer.png?id=1778514418472") no-repeat;
  /*Search*/
  --dark--search-input-bg:#ffffff;
  /*Fixtures*/
  --dark--bg-count-fixtures-selected:#002D5D;
  --dark--bg-count-fixtures:#F3B90F;
  /*ui components*/
  --dark--bg-selects:#001728;
  --dark--filter-cobre:invert(1) ;
}

/*Footer*/
/* bonuses */
/* img bingo iconos */
/* Anonymous */
/*Search*/
/*Fixtures*/
/*ui components*/
:root {
  --light--body-color: #0c0c0c;
  --light--main-background-color: #ffffff;
  --light--main-background-color-search: #ffffff;
  --light--main-background-color-featured: #203668;
  --light--main-background-color-3: #ffffff;
  --light--main-background-color-header: #203668;
  --light--headerMain-background-color: #203668;
  --light--header-sport-filter-bg: #e6e6e8;
  --light--secondary-background-color: #ececec;
  --light--main-brand-primary: #f3b90f;
  --light--pageNav-active-color: #f3b90f;
  --light--background-fixtures: #e6e6e8;
  --light--background-fixtures-odd: #f2f2f3;
  --light--main-text-color: #001826;
  --light--main-color-line: #000000;
  --light--secondary-text-color: #f6f6f6;
  --light--main-filter-all: url("/bingocasinos.co/img/all-dark.svg?id=1778514418472") no-repeat;
  --light--secondary-filter-all: url("/bingocasinos.co/img/all.png?id=1778514418472") no-repeat;
  --light--main-search: url("/bingocasinos.co/img/search-dark.png?id=1778514418472") no-repeat;
  --light--secondary-search: url("/bingocasinos.co/img/search.png?id=1778514418472") no-repeat;
  --light--bg-selection-button: #cecece;
  --light--bg-selection-button-hover: #203668;
  --light--date-info-color: #4e4e4e;
  --light--img-logo: url("/bingocasinos.co/img/logol.svg?id=1778514418472") no-repeat;
  --light--input-variant: #cecece;
  --light--input-fixture-show: #cecece;
  --light--sidear-casino-background-featured-icon: url("/bingocasinos.co/img/star-yellow.png?id=1778514418472") no-repeat;
  --light--sidear-casino-background-featured-icons: #27bc60;
  --light--category-sidebar-color: #fcc200;
  --light--border-right-filter: #d1d1d1;
  --light--border-button-user-fullwidth: 1px solid #000000;
  --light--primary-text-color: #f6f6f6;
  --light--button-color: #001826;
  --light--button-color-hover: #f6f6f6;
  --light--sprite-icons: url("/bingocasinos.co/img/icons-sprite3.png?id=1778514418472");
  --light--headermobile-background: #ffffff;
  --light--aside-background: #ffffff;
  --light--border-section-title-my-bets: 1px solid #0c0c0c;
  --light--border-button: 1px solid #27BC60;
  --light--border-button-login: 1px solid #acaeb6;
  --light--history-bread-crumbs: #f6f6f6;
  --light--background-limits: #cecece;
  --light--img-avatar: url("/bingocasinos.co/img/avatar.svg?id=1778514418472");
  --light--balance-bg: #cecece;
  --light--balance-color: #399950;
  --light--img-chevron: url("/bingocasinos.co/img/chevronD.svg?id=1778514418472");
  --light--bg-deposit: #e9e9e9;
  --light--img-withdrawal-facilito: url("/bingocasinos.co/img/Logo-Facilito-red.svg?id=1778514418472");
  --light--icon-chevron-mobile: url("/bingocasinos.co/img/chevron.svg?id=1778514418472");
  --light--icon-chevron-desktop: url("/bingocasinos.co/img/chevron.svg?id=1778514418472");
  --light--icon-chevron-up-desktop: url("/bingocasinos.co/img/arrow-up.svg?id=1778514418472");
  --light--arrow-left-desktop: url("/bingocasinos.co/img/arrow-left.svg?id=1778514418472");
  --light--arrow-right-desktop: url("/bingocasinos.co/img/arrow-right.svg?id=1778514418472");
  --light--anonymous-ticket-color1: #ececec;
  --light--anonymous-ticket-color2: #ffffff;
  --light--bg-arrow-grid: #00242d;
  --light--bg-sports-lg: #f7f7f7;
  --light--bg-sports-lg-active: #eaeaed;
  --light--bg-featured-grid: #f7f7f7;
  --light--sidebar-sport-bg: #EFF3F6;
  --light--sidebar-sport-bg-active: #EFF3F6;
  --light--border-sport-container: #bbbbbb;
  --light--bg-more-regions: #cecece;
  --light--bg-search-selected: #e6e6e8;
  --light--bg-categories: #e9e9e9;
  --light--bg-region-active: #e9e9e9;
  --light--filter-icon-featured: url("/bingocasinos.co/img/featured-filter-black.svg?id=1778514418472");
  --light--filter-icon-live: url("/bingocasinos.co/img/live-filter-black.svg?id=1778514418472");
  --light--filter-icon-coming: url("/bingocasinos.co/img/coming-filter-black.svg?id=1778514418472");
  --light--filter-icon-date: url("/bingocasinos.co/img/calendar-black.svg?id=1778514418472");
  --light--filter-icon-chevron: url("/bingocasinos.co/img/chevron-black.svg?id=1778514418472");
  --light--filter-icon-featured-selected: url("/bingocasinos.co/img/featured-filter-white.svg?id=1778514418472");
  --light--filter-icon-live-selected: url("/bingocasinos.co/img/live-filter-white.svg?id=1778514418472");
  --light--filter-icon-coming-selected: url("/bingocasinos.co/img/coming-filter-white.svg?id=1778514418472");
  --light--filter-icon-date-selected: url("/bingocasinos.co/img/calendar-white.svg?id=1778514418472");
  --light--filter-icon-chevron-selected: url("/bingocasinos.co/img/chevron-white.svg?id=1778514418472");
  --light--bg-ticket-bingo: #e6e6e8;
  --light--img-logo-fullwidth: url("/bingocasinos.co/img/logo-footer.png?id=1778514418472");
  /* bonuses */
  --light--background-bonuses-fond: #f8f8f8;
  --light--background-raffle2: #cecece;
  --light--background-bonuses-nv1: #ececec;
  --light--background-bonuses-nv2: #e9e9e9;
  --light--background-bonuses-nv2-border: #d1d1d1;
  --light--background-filter: #EFF3F6;
  --light--proportion-container-bonus-color: #0d0e15;
  --light--proportion-container-bonus-background: #f3f3f3;
  --light--label-playthrough-progress: #1a1c29;
  --light--div2nv4: #cacaca;
  --light--tbodyTd: hsla(0, 0%, 100%, 0.7);
  --light--tbodyTdBackground: #e9e9e9;
  --light--theadThBackground: #e9e9e9;
  --light--img-ojo-bonos: url("/bingocasinos.co/img/bonos/Ojo-Bonos-black.svg?id=1778514418472");
  --light--img-flecha-bonos: url("/bingocasinos.co/img/bonos/Flecha-Bonos-black.svg?id=1778514418472");
  --light--img-info-bonos: url("/bingocasinos.co/img/bonos/info-black.svg?id=1778514418472");
  --light--color-trebalia: #0D0E16;
  /* pays deposit */
  --light--img-safetypage: url("/bingocasinos.co/img/pay/safetypaylight.svg?id=1778514418472");
  --light--img-safetypage1: url("/bingocasinos.co/img/pay/bankpichinalight.svg?id=1778514418472");
  --light--img-safetypage2: url("/bingocasinos.co/img/pay/Banco-Guayaquil-color.svg?id=1778514418472");
  --light--img-payphone: url("/bingocasinos.co/img/pay/payphonelight.svg?id=1778514418472");
  --light--img-payphone1: url("/bingocasinos.co/img/pay/visa-master.svg?id=1778514418472");
  --light--img-payphone2: url("/bingocasinos.co/img/pay/mastercard.png?id=1778514418472");
  --light--img-logofacilito: url("/bingocasinos.co/img/Logo-Facilito-red.svg?id=1778514418472");
  --light--img-logobakan: url("/bingocasinos.co/img/pay/bakan-color.svg?id=1778514418472");
  --light--img-logoredactiva: url("/bingocasinos.co/img/pay/redActiva.svg?id=1778514418472");
  --light--img-logobemovil: url("/bingocasinos.co/img/pay/bemovil-red.png?id=1778514418472");
  --light--img-cobre: url("/bingocasinos.co/img/cobre.png?id=1778514418472");
  /* img bingo */
  --light--img-bingomoney: url("/bingocasinos.co/img/bingo/money-iconlight.png?id=1778514418472");
  --light--img-bingotimer: url("/bingocasinos.co/img/bingo/timer-iconlight.png?id=1778514418472");
  --light--img-bingoraffle: url("/bingocasinos.co/img/bingo/raffle-iconlight.png?id=1778514418472");
  --light--img-bingoprize: url("/bingocasinos.co/img/bingo/prize-iconlight.png?id=1778514418472");
  --light--img-bingocardboard: url("/bingocasinos.co/img/bingo/cardboard-iconlight.png?id=1778514418472");
  --light--img-bingolive: url("/bingocasinos.co/img/bingo/live-iconlight.png?id=1778514418472");
  /* table */
  --light--bonuses-label-playthrough-progress: #0c0c0c;
  --light--bonuses-tbodyTd: hsla(0, 0%, 100%, 0.7);
  --light--bonuses-tbodyTdBackground: #e9e9e9;
  --light--bonuses-tbodyTdBackgroundEven: #f0f0f0;
  --light--bonuses-theadThBackground: #d5d5d5;
  --light--main-filter-category: invert(68%) sepia(36%) saturate(969%) hue-rotate(88deg) brightness(84%) contrast(82%);
  /* Anonymous */
  --light--anonymous-submit-color: #000;
  --light--anonymous-submit-border: 1px solid #000;
  --light--anonymous-submit-bg: transparent;
  --light--anonymous-submit-hover-color: #000;
  --light--anonymous-submit-hover-border: 1px solid #000;
  --light--anonymous-submit-hover-bg: #009B2D;
  /*Footer*/
  --light--main-bg-footer:#001728;
  --light--bg-payment-methods:#071727;
  --light--img-logo-footer:url("/bingocasinos.co/img/logo-footer.png?id=1778514418472") no-repeat;
  /*Search*/
  --light--search-input-bg:#EFF3F6;
  /*Fixtures*/
  --light--bg-count-fixtures-selected:#F3B90F;
  --light--bg-count-fixtures:#F3B90F;
  /*ui components*/
  --light--bg-selects:#E9E9E9;
  --light--filter-cobre:invert(0) ;
}

.lobby-container {
  font-family: "Montserrat", sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow-y: auto;
  position: relative;
}
.lobby-container .img-main-bingo {
  width: 100%;
  padding-bottom: 5px;
}
.lobby-container .room_container {
  display: flex;
  background-color: var(--background-bonuses-fond);
  margin: auto;
  margin-bottom: 8px;
  cursor: pointer;
}
.lobby-container .room_container .icon_arrow {
  display: flex;
  margin-left: 10px;
}
.lobby-container .room_container .icon_arrow .arrow-icon-style {
  width: 12px;
  height: 17px;
  align-self: center;
  margin-right: 10px;
}
.lobby-container .room_container .icon_arrow img {
  width: 110px;
  height: 95px;
  -o-object-fit: cover;
     object-fit: cover;
}
.lobby-container .room_container .name_bingo {
  margin-left: auto;
  align-self: center;
}
.lobby-container .room_container .name_bingo h3 {
  color: var(--main-text-color);
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 25px;
  line-height: 1;
}
.lobby-container .room_container .name_bingo h3 span {
  font-size: 20px;
  color: #27BC60;
}
.lobby-container .room_container .name_bingo h3 span img {
  width: 12px;
  height: 15px;
  margin-left: 8px;
  max-width: 12px;
  content: var(--img-bingomoney);
}
.lobby-container .room_container .name_bingo h3 span small {
  color: var(--main-text-color);
  font-size: 15px;
}
.lobby-container .room_container .vertical_line {
  border-left: 1px solid #27BC60;
  height: 70px;
  align-self: center;
  margin-left: auto;
}
.lobby-container .room_container .time_container {
  display: flex;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--background-bonuses-nv2);
  color: var(--main-text-color);
  padding: 0px 30px 0px 40px;
  min-width: 295px;
}
.lobby-container .room_container .time_container img {
  align-self: center;
  width: 25px;
  height: 30px;
  content: var(--img-bingotimer);
}
.lobby-container .room_container .time_container h3 {
  margin: 10px;
  font-weight: 600;
}
.lobby-container .back-iframe {
  display: flex;
  justify-content: space-between;
  background: var(--background-bonuses-fond);
  flex-direction: column;
}
@media (min-width: 768px) {
  .lobby-container .back-iframe {
    flex-direction: row;
  }
}
.lobby-container .back-iframe button {
  margin-bottom: 0;
  border: none;
  color: black;
  background: #f3b90f;
  display: flex;
  align-items: center;
  gap: 20px;
}
.lobby-container .back-iframe button .icon-arrow-back {
  background-image: url("/bingocasinos.co/img/arrow-left-l.svg");
  width: 10px;
  height: 15px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 10px;
}
.lobby-container .back-iframe button:hover {
  background: #f3b90f;
  border-color: #f3b90f !important;
  color: black !important;
}
.lobby-container .back-iframe .raffle-prize-iframe {
  display: flex;
  font-size: 12px;
  font-weight: 600;
  padding-right: 10px;
  align-items: center;
}
.lobby-container .back-iframe .container_prize {
  display: flex;
}
.lobby-container .back-iframe .container_prize .prize_carton, .lobby-container .back-iframe .container_prize .min_max_cartons {
  margin-right: 15px;
}
.lobby-container .back-iframe .raffle-selection {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
.lobby-container .back-iframe .raffle-selection span {
  border-radius: 50%;
  cursor: pointer;
  background: #191919;
  color: white;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lobby-container .back-iframe .raffle-selection input {
  width: 50px;
  height: 30px;
  text-align: center;
  margin: 0 5px;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .lobby-container .back-iframe .raffle-prize-iframe {
    font-size: 10px;
  }
  .lobby-container .back-iframe .raffle-prize-iframe .container_prize {
    display: block;
  }
  .lobby-container .back-iframe .raffle-prize-iframe .container_prize .prize_carton {
    padding-bottom: 5px;
  }
  .lobby-container .back-iframe .raffle-prize-iframe .container_prize .prize_carton, .lobby-container .back-iframe .raffle-prize-iframe .container_prize .min_max_cartons {
    margin-right: 0;
  }
  .lobby-container .back-iframe .raffle-selection {
    margin-left: 10px;
  }
}
.lobby-container .room_container_media {
  background-color: var(--background-bonuses-nv2);
  margin: 0px 10px 5px 10px;
  cursor: pointer;
}
.lobby-container .room_container_media .room_logo {
  display: block;
  position: relative;
}
.lobby-container .room_container_media .room_logo .container_logo_name_arrow {
  display: flex;
  justify-content: space-between;
}
.lobby-container .room_container_media .room_logo .container_logo_name_arrow img {
  width: 100px;
  height: 85px;
}
.lobby-container .room_container_media .room_logo .container_logo_name_arrow .container_logo_name {
  display: flex;
}
.lobby-container .room_container_media .room_logo i {
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  padding: 0px 10px;
  position: absolute;
  right: 0;
  top: 45%;
}
.lobby-container .room_container_media .room_logo .show-grid {
  background-image: var(--icon-chevron-desktop);
}
.lobby-container .room_container_media .room_logo .show-grid-close {
  background-image: var(--icon-chevron-up-desktop);
  width: 11px;
  height: 11px;
}
.lobby-container .room_container_media .name_bingo {
  margin-left: 10px;
  margin-top: 5px;
}
.lobby-container .room_container_media .name_bingo h3 {
  color: var(--main-text-color);
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
}
.lobby-container .room_container_media .name_bingo span {
  font-size: 16px;
  color: #27BC60;
  font-weight: bold;
}
.lobby-container .room_container_media .name_bingo span .container_acumulated {
  display: flex;
  margin-top: 4px;
}
.lobby-container .room_container_media .name_bingo span .container_acumulated img {
  width: 10px;
  height: 13px;
  margin-right: 8px;
  max-width: 10px;
  content: var(--img-bingomoney);
}
.lobby-container .room_container_media .name_bingo span .container_acumulated small {
  color: var(--main-text-color);
  font-size: 12px;
}
.lobby-container .room_container_media .time_container {
  display: flex;
  align-self: center;
  color: var(--main-text-color);
  justify-content: center;
  margin-left: 25px;
}
.lobby-container .room_container_media .time_container img {
  align-self: center;
  width: 25px;
  height: 30px;
  content: var(--img-bingotimer);
}
.lobby-container .room_container_media .time_container h3 {
  margin: 17px 0px;
  font-weight: 600;
  font-size: 15px;
}
.lobby-container .room_container_media .time_container span {
  padding-left: 8px;
}
.lobby-container > ul {
  margin: 0;
  padding: 0;
}
.lobby-container > ul li {
  align-items: center;
  min-height: 60px;
  background: #123261;
  margin-bottom: 20px;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  overflow: hidden;
  padding: 15px;
}
.lobby-container > ul li .room {
  display: flex;
  justify-content: space-between;
  margin: 0 30px;
}
.lobby-container > ul li .raffles {
  display: flex;
  flex-direction: column;
  margin: 0 30px;
}
.lobby-container > ul li .raffles .raffle {
  display: flex;
  justify-content: space-between;
  margin-left: 30px;
}
.lobby-container .payment {
  background: #123261;
}
.lobby-container .payment .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  margin-bottom: 2rem;
  font-weight: 1000;
  color: #FFF;
}
.lobby-container .payment label {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.lobby-container .payment label span {
  text-align: center;
  flex: 1;
}
.lobby-container .payment .actions {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lobby-container .payment .actions button {
  padding: 15px 50px;
  background: transparent;
  border: 1px solid #27BC60;
  color: #f6f6f6;
  font-weight: 600;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}
.lobby-container .payment .actions button:disabled {
  opacity: 0.4;
}
.lobby-container a.icon-tyc {
  position: fixed;
  left: 110px;
  bottom: 50px;
}
.lobby-container a.icon-tyc img {
  width: 70px;
  cursor: pointer;
}
.lobby-container h1.tittle-bingo {
  font-size: 40px;
  color: #000;
  text-align: center;
  margin-bottom: 5px;
  font-weight: 600;
}

.lobby-container.live {
  overflow-y: unset;
}

label {
  display: flex;
  flex-flow: column;
}
label .title {
  opacity: 0.5;
  color: #fff;
}
label .value {
  color: #fff;
}

button {
  background: transparent;
  border: 1px solid #27BC60;
  color: #f6f6f6;
  padding: 7px 9px;
  margin-bottom: 10px;
  transition: all 0.5s;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}
button:hover {
  background: #27BC60;
  color: #0D0E16;
}

.error-msg {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: #fe5d5d;
}

.raffles-component {
  margin-bottom: 10px;
}
@media (max-width: 724px) {
  .raffles-component {
    margin: 0px 10px 10px 10px;
  }
}
.raffles-component .raffle {
  width: 100%;
  margin: auto;
  margin-bottom: 5px;
}
.raffles-component .raffle div.raffle-info,
.raffles-component .raffle div.raffle-prize,
.raffles-component .raffle div.raffle-live,
.raffles-component .raffle div.raffle-reward {
  background: var(--background-bonuses-fond);
  display: flex;
  flex-direction: column;
}
.raffles-component .raffle div.raffle-info .raffle-header,
.raffles-component .raffle div.raffle-prize .raffle-header,
.raffles-component .raffle div.raffle-live .raffle-header,
.raffles-component .raffle div.raffle-reward .raffle-header {
  background: var(--background-bonuses-nv2);
  display: flex;
}
.raffles-component .raffle div.raffle-info .raffle-header .img-raffle,
.raffles-component .raffle div.raffle-prize .raffle-header .img-raffle,
.raffles-component .raffle div.raffle-live .raffle-header .img-raffle,
.raffles-component .raffle div.raffle-reward .raffle-header .img-raffle {
  content: var(--img-bingoraffle);
}
.raffles-component .raffle div.raffle-info .raffle-header .img-prize,
.raffles-component .raffle div.raffle-prize .raffle-header .img-prize,
.raffles-component .raffle div.raffle-live .raffle-header .img-prize,
.raffles-component .raffle div.raffle-reward .raffle-header .img-prize {
  content: var(--img-bingoprize);
}
.raffles-component .raffle div.raffle-info .raffle-header .img-cardboard,
.raffles-component .raffle div.raffle-prize .raffle-header .img-cardboard,
.raffles-component .raffle div.raffle-live .raffle-header .img-cardboard,
.raffles-component .raffle div.raffle-reward .raffle-header .img-cardboard {
  content: var(--img-bingocardboard);
}
.raffles-component .raffle div.raffle-info .raffle-header .img-live,
.raffles-component .raffle div.raffle-prize .raffle-header .img-live,
.raffles-component .raffle div.raffle-live .raffle-header .img-live,
.raffles-component .raffle div.raffle-reward .raffle-header .img-live {
  content: var(--img-bingolive);
}
.raffles-component .raffle div.raffle-info .raffle-header img,
.raffles-component .raffle div.raffle-prize .raffle-header img,
.raffles-component .raffle div.raffle-live .raffle-header img,
.raffles-component .raffle div.raffle-reward .raffle-header img {
  height: 20px;
}
.raffles-component .raffle div.raffle-info .raffle-header div,
.raffles-component .raffle div.raffle-prize .raffle-header div,
.raffles-component .raffle div.raffle-live .raffle-header div,
.raffles-component .raffle div.raffle-reward .raffle-header div {
  padding: 15px 10px;
  width: 100%;
  text-align: center;
  font-size: 24px;
}
.raffles-component .raffle div.raffle-info .figure,
.raffles-component .raffle div.raffle-prize .figure,
.raffles-component .raffle div.raffle-live .figure,
.raffles-component .raffle div.raffle-reward .figure {
  display: flex;
}
.raffles-component .raffle div.raffle-info .raffle-title,
.raffles-component .raffle div.raffle-prize .raffle-title,
.raffles-component .raffle div.raffle-live .raffle-title,
.raffles-component .raffle div.raffle-reward .raffle-title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  margin-top: 15px;
  font-weight: bold;
}
.raffles-component .raffle div.raffle-info .raffle-container,
.raffles-component .raffle div.raffle-prize .raffle-container,
.raffles-component .raffle div.raffle-live .raffle-container,
.raffles-component .raffle div.raffle-reward .raffle-container {
  padding: 15px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.raffles-component .raffle div.raffle-info .raffle-container .raffle-container-info,
.raffles-component .raffle div.raffle-prize .raffle-container .raffle-container-info,
.raffles-component .raffle div.raffle-live .raffle-container .raffle-container-info,
.raffles-component .raffle div.raffle-reward .raffle-container .raffle-container-info {
  display: flex;
  align-items: center;
}
.raffles-component .raffle div.raffle-info .raffle-container .raffle-container-info > img,
.raffles-component .raffle div.raffle-prize .raffle-container .raffle-container-info > img,
.raffles-component .raffle div.raffle-live .raffle-container .raffle-container-info > img,
.raffles-component .raffle div.raffle-reward .raffle-container .raffle-container-info > img {
  height: 93px;
  width: 93px;
  margin-right: 20px;
}
.raffles-component .raffle div.raffle-info {
  width: 100%;
}
.raffles-component .raffle div.raffle-info .raffle-container {
  justify-content: center;
}
.raffles-component .raffle div.raffle-info .raffle-container .raffle-name {
  padding-bottom: 10px;
  font-weight: 600;
  font-size: 18px;
}
.raffles-component .raffle div.raffle-info .raffle-container .raffle-date {
  display: flex;
  padding-bottom: 10px;
}
.raffles-component .raffle div.raffle-info .raffle-container .raffle-date div:nth-child(1) {
  margin-right: 20px;
}
.raffles-component .raffle div.raffle-info .raffle-container .raffle-date div > div {
  margin-bottom: 5px;
}
.raffles-component .raffle div.raffle-info .raffle-container .raffle-date small {
  font-weight: 600;
  font-size: 10px;
}
.raffles-component .raffle div.raffle-info .raffle-container .raffle-timer {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.raffles-component .raffle div.raffle-info .raffle-container .raffle-timer img {
  height: 22px;
  content: var(--img-bingotimer);
}
.raffles-component .raffle div.raffle-info .raffle-container .raffle-timer span {
  padding-left: 5px;
}
.raffles-component .raffle div.raffle-prize .raffle-container .raffle-selection {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
.raffles-component .raffle div.raffle-prize .raffle-container .raffle-selection span:nth-child(1) {
  padding: 5px 9.3px;
}
.raffles-component .raffle div.raffle-prize .raffle-container .raffle-selection span {
  padding: 5px 8px;
  border-radius: 50%;
  cursor: pointer;
  background: #191919;
  color: var(--main-brand-primary);
  font-weight: bold;
}
.raffles-component .raffle div.raffle-prize .raffle-container .raffle-selection input {
  width: 100px;
  height: 30px;
  text-align: center;
  margin: 0 5px;
  color: var(--main-brand-primary);
  font-weight: bold;
}
.raffles-component .raffle div.raffle-prize .raffle-container .raffle-total {
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
}
.raffles-component .raffle div.raffle-prize .raffle-container .min_max_cartons {
  margin-bottom: 15px;
  margin-top: 5px;
  text-align: center;
}
.raffles-component .raffle div.raffle-reward .raffle-container {
  font-weight: 600;
  flex-wrap: wrap;
}
.raffles-component .raffle div.raffle-reward .raffle-container .table-bingo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2.5px 2px;
}
.raffles-component .raffle div.raffle-reward .raffle-container .table-bingo-container .name-bingo {
  font-size: 7px;
  margin-bottom: 1px;
  letter-spacing: 2.6px;
  margin-left: 3px;
}
.raffles-component .raffle div.raffle-reward .raffle-container .table-bingo-container .figure {
  display: flex;
  background: #ddd;
  width: 35px;
}
.raffles-component .raffle div.raffle-reward .raffle-container .table-bingo-container .figure div > div {
  width: 5px;
  height: 5px;
  background: grey;
  margin: 1px;
  border-radius: 2px;
}
.raffles-component .raffle div.raffle-reward .raffle-container .table-bingo-container .figure .f-center {
  background: transparent;
}
.raffles-component .raffle div.raffle-reward .raffle-container .table-bingo-container .figure .f-black {
  background: black;
}
.raffles-component .raffle div.raffle-reward .raffle-container .table-bingo-container .prize-table-award {
  margin-top: 3px;
  font-size: 10px;
}
.raffles-component .raffle div.raffle-reward .raffle-container .table-bingo-container .tooltip-text-bingo {
  display: none;
}
.raffles-component .raffle div.raffle-reward .raffle-container .table-bingo-container:hover {
  cursor: pointer;
}
.raffles-component .raffle div.raffle-reward .raffle-container .table-bingo-container:hover .tooltip-text-bingo {
  font-size: 10px;
  display: grid;
  color: var(--main-text-color);
  background: #c2c8cc;
  position: absolute;
  z-index: 999;
  margin-top: -35px;
  padding: 8px;
  border-radius: 5px;
  text-align: center;
  color: black;
}
.raffles-component .raffle div.raffle-reward .raffle-container .table-bingo-container:hover .tooltip-text-bingo::before {
  content: "";
  position: absolute;
  top: 98%;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #c2c8cc;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.raffles-component .raffle div.raffle-live .raffle-container {
  flex-direction: column;
}
.raffles-component .raffle div.raffle-live .raffle-container > img {
  cursor: pointer;
  border-radius: 50%;
}
.raffles-component .raffle_media {
  width: 100%;
  display: block;
  background: var(--background-bonuses-fond);
  margin-bottom: 5px;
}
.raffles-component .raffle_media .character_play {
  font-size: 50px;
  text-align: center;
}
.raffles-component .raffle_media .character_play .container_icon_play {
  display: flex;
  justify-content: center;
  margin: 45px 0px;
}
.raffles-component .raffle_media .character_play .icon_play_text {
  padding: 0px 15px;
  background: var(--bg-selection-button-hover);
  border-radius: 2px;
}
.raffles-component .raffle_media .character_play .raffle-header {
  background: var(--background-bonuses-nv2);
  display: flex;
}
.raffles-component .raffle_media .character_play .raffle-header .img-live {
  content: var(--img-bingolive);
}
.raffles-component .raffle_media .character_play .raffle-header img {
  height: 20px;
}
.raffles-component .raffle_media .character_play .raffle-header div {
  padding: 15px 10px;
  width: 100%;
  text-align: center;
  font-size: 24px;
}
.raffles-component .raffle_media .character_play:hover {
  cursor: pointer;
}
@media (max-width: 724px) {
  .raffles-component .raffle_media .character_play {
    width: 100%;
  }
}
@media (max-width: 425px) {
  .raffles-component .raffle_media .character_play {
    width: 65%;
  }
}
@media (max-width: 360px) {
  .raffles-component .raffle_media .character_play {
    width: 45%;
  }
}
.raffles-component .raffle_media .container_info_reward, .raffles-component .raffle_media .container_prize_live {
  display: flex;
}
.raffles-component .raffle_media .container_info_reward .raffle-container, .raffles-component .raffle_media .container_prize_live .raffle-container {
  font-size: 13px;
}
.raffles-component .raffle_media div.raffle-info,
.raffles-component .raffle_media div.raffle-prize,
.raffles-component .raffle_media div.raffle-live,
.raffles-component .raffle_media div.raffle-reward {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.raffles-component .raffle_media div.raffle-info .raffle-header,
.raffles-component .raffle_media div.raffle-prize .raffle-header,
.raffles-component .raffle_media div.raffle-live .raffle-header,
.raffles-component .raffle_media div.raffle-reward .raffle-header {
  background: transparent !important;
  display: flex;
  font-weight: 600;
}
.raffles-component .raffle_media div.raffle-info .raffle-header .img-raffle,
.raffles-component .raffle_media div.raffle-prize .raffle-header .img-raffle,
.raffles-component .raffle_media div.raffle-live .raffle-header .img-raffle,
.raffles-component .raffle_media div.raffle-reward .raffle-header .img-raffle {
  content: var(--img-bingoraffle);
}
.raffles-component .raffle_media div.raffle-info .raffle-header .img-prize,
.raffles-component .raffle_media div.raffle-prize .raffle-header .img-prize,
.raffles-component .raffle_media div.raffle-live .raffle-header .img-prize,
.raffles-component .raffle_media div.raffle-reward .raffle-header .img-prize {
  content: var(--img-bingoprize);
}
.raffles-component .raffle_media div.raffle-info .raffle-header .img-cardboard,
.raffles-component .raffle_media div.raffle-prize .raffle-header .img-cardboard,
.raffles-component .raffle_media div.raffle-live .raffle-header .img-cardboard,
.raffles-component .raffle_media div.raffle-reward .raffle-header .img-cardboard {
  content: var(--img-bingocardboard);
}
.raffles-component .raffle_media div.raffle-info .raffle-header .img-live,
.raffles-component .raffle_media div.raffle-prize .raffle-header .img-live,
.raffles-component .raffle_media div.raffle-live .raffle-header .img-live,
.raffles-component .raffle_media div.raffle-reward .raffle-header .img-live {
  content: var(--img-bingolive);
}
.raffles-component .raffle_media div.raffle-info .raffle-header img,
.raffles-component .raffle_media div.raffle-prize .raffle-header img,
.raffles-component .raffle_media div.raffle-live .raffle-header img,
.raffles-component .raffle_media div.raffle-reward .raffle-header img {
  height: 20px;
}
.raffles-component .raffle_media div.raffle-info .raffle-header div,
.raffles-component .raffle_media div.raffle-prize .raffle-header div,
.raffles-component .raffle_media div.raffle-live .raffle-header div,
.raffles-component .raffle_media div.raffle-reward .raffle-header div {
  padding: 15px 10px;
  width: 100%;
  text-align: center;
  font-size: 24px;
}
.raffles-component .raffle_media div.raffle-info .figure,
.raffles-component .raffle_media div.raffle-prize .figure,
.raffles-component .raffle_media div.raffle-live .figure,
.raffles-component .raffle_media div.raffle-reward .figure {
  display: flex;
}
.raffles-component .raffle_media div.raffle-info .raffle-title,
.raffles-component .raffle_media div.raffle-prize .raffle-title,
.raffles-component .raffle_media div.raffle-live .raffle-title,
.raffles-component .raffle_media div.raffle-reward .raffle-title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
}
.raffles-component .raffle_media div.raffle-info .raffle-container,
.raffles-component .raffle_media div.raffle-prize .raffle-container,
.raffles-component .raffle_media div.raffle-live .raffle-container,
.raffles-component .raffle_media div.raffle-reward .raffle-container {
  padding: 15px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.raffles-component .raffle_media div.raffle-info .raffle-container .raffle-container-info,
.raffles-component .raffle_media div.raffle-prize .raffle-container .raffle-container-info,
.raffles-component .raffle_media div.raffle-live .raffle-container .raffle-container-info,
.raffles-component .raffle_media div.raffle-reward .raffle-container .raffle-container-info {
  display: flex;
  align-items: center;
}
.raffles-component .raffle_media div.raffle-info .raffle-container .raffle-container-info > img,
.raffles-component .raffle_media div.raffle-prize .raffle-container .raffle-container-info > img,
.raffles-component .raffle_media div.raffle-live .raffle-container .raffle-container-info > img,
.raffles-component .raffle_media div.raffle-reward .raffle-container .raffle-container-info > img {
  height: 93px;
  width: 93px;
  margin-right: 20px;
}
.raffles-component .raffle_media div.raffle-info {
  width: 100%;
}
.raffles-component .raffle_media div.raffle-info .raffle-container {
  justify-content: center;
}
.raffles-component .raffle_media div.raffle-info .raffle-container .raffle-name {
  padding-bottom: 10px;
  font-weight: 600;
  font-size: 18px;
}
.raffles-component .raffle_media div.raffle-info .raffle-container .raffle-date {
  display: flex;
  padding-bottom: 10px;
}
.raffles-component .raffle_media div.raffle-info .raffle-container .raffle-date div:nth-child(1) {
  margin-right: 20px;
}
.raffles-component .raffle_media div.raffle-info .raffle-container .raffle-date div > div {
  margin-bottom: 5px;
}
.raffles-component .raffle_media div.raffle-info .raffle-container .raffle-date small {
  font-weight: 600;
  font-size: 10px;
}
.raffles-component .raffle_media div.raffle-info .raffle-container .raffle-timer {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.raffles-component .raffle_media div.raffle-info .raffle-container .raffle-timer img {
  height: 22px;
  content: var(--img-bingotimer);
}
.raffles-component .raffle_media div.raffle-info .raffle-container .raffle-timer span {
  padding-left: 5px;
}
.raffles-component .raffle_media div.raffle-prize .raffle-header div {
  padding: 10px 10px 0px 10px;
}
.raffles-component .raffle_media div.raffle-prize .raffle-container {
  padding: 8px;
  text-align: center;
}
.raffles-component .raffle_media div.raffle-prize .raffle-container .raffle-selection {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
.raffles-component .raffle_media div.raffle-prize .raffle-container .raffle-selection span:nth-child(1) {
  padding: 5px 9.3px;
}
.raffles-component .raffle_media div.raffle-prize .raffle-container .raffle-selection span {
  padding: 5px 8px;
  border-radius: 50%;
  cursor: pointer;
  background: #191919;
  color: var(--main-brand-primary);
  font-weight: bold;
}
.raffles-component .raffle_media div.raffle-prize .raffle-container .raffle-selection input {
  width: 50px;
  height: 30px;
  text-align: center;
  margin: 0 5px;
  color: var(--main-brand-primary);
  font-weight: bold;
}
.raffles-component .raffle_media div.raffle-prize .raffle-container .raffle-total {
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
}
.raffles-component .raffle_media div.raffle-prize .raffle-container .min_max_cartons {
  text-align: center;
}
.raffles-component .raffle_media div.raffle-reward .raffle-container {
  font-weight: 600;
  flex-wrap: wrap;
  padding: 15px 0px;
}
.raffles-component .raffle_media div.raffle-reward .raffle-container .table-bingo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2.5px 2px;
}
.raffles-component .raffle_media div.raffle-reward .raffle-container .table-bingo-container .name-bingo {
  font-size: 7px;
  margin-bottom: 1px;
  letter-spacing: 2.6px;
  margin-left: 3px;
}
.raffles-component .raffle_media div.raffle-reward .raffle-container .table-bingo-container .figure {
  display: flex;
  background: #ddd;
  width: 35px;
}
.raffles-component .raffle_media div.raffle-reward .raffle-container .table-bingo-container .figure div > div {
  width: 5px;
  height: 5px;
  background: grey;
  margin: 1px;
  border-radius: 2px;
}
.raffles-component .raffle_media div.raffle-reward .raffle-container .table-bingo-container .figure .f-center {
  background: transparent;
}
.raffles-component .raffle_media div.raffle-reward .raffle-container .table-bingo-container .figure .f-black {
  background: black;
}
.raffles-component .raffle_media div.raffle-reward .raffle-container .table-bingo-container .prize-table-award {
  margin-top: 3px;
  font-size: 10px;
}
.raffles-component .raffle_media div.raffle-reward .raffle-container .table-bingo-container .tooltip-text-bingo {
  display: none;
}
.raffles-component .raffle_media div.raffle-reward .raffle-container .table-bingo-container:hover {
  cursor: pointer;
}
.raffles-component .raffle_media div.raffle-reward .raffle-container .table-bingo-container:hover .tooltip-text-bingo {
  font-size: 10px;
  display: grid;
  color: var(--main-text-color);
  background: #c2c8cc;
  position: absolute;
  z-index: 999;
  margin-top: -35px;
  padding: 8px;
  border-radius: 5px;
  text-align: center;
  color: black;
}
.raffles-component .raffle_media div.raffle-reward .raffle-container .table-bingo-container:hover .tooltip-text-bingo::before {
  content: "";
  position: absolute;
  top: 98%;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #c2c8cc;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.raffles-component .raffle_media div.raffle-live {
  width: 50%;
  border-left: 1px solid #000;
}
.raffles-component .raffle_media div.raffle-live .raffle-container {
  flex-direction: column;
}
.raffles-component .raffle_media div.raffle-live .raffle-container > img {
  cursor: pointer;
  border-radius: 50%;
}
.raffles-component .raffle_media:nth-child(odd) {
  background: var(--background-fixtures-odd);
}
@media (min-width: 1301px) {
  .raffles-component .raffles-component .raffle div.raffle-info,
  .raffles-component div.raffle-prize,
  .raffles-component div.raffle-live,
  .raffles-component div.raffle-reward {
    min-width: 190px !important;
  }
}
@media (min-width: 1115px) {
  .raffles-component .raffles-component .raffle div.raffle-info,
  .raffles-component div.raffle-prize,
  .raffles-component div.raffle-live,
  .raffles-component div.raffle-reward {
    min-width: 160px !important;
  }
}
@media (min-width: 1024px) {
  .raffles-component .raffle-container-info > img {
    display: none;
  }
}
@media (min-width: 975px) {
  .raffles-component .raffles-component .raffle div.raffle-info,
  .raffles-component div.raffle-prize,
  .raffles-component div.raffle-live,
  .raffles-component div.raffle-reward {
    min-width: 190px !important;
  }
  .raffles-component .raffle-container-info > img {
    display: grid;
  }
}
@media (min-width: 795px) {
  .raffles-component .raffles-component .raffle div.raffle-info,
  .raffles-component div.raffle-prize,
  .raffles-component div.raffle-live,
  .raffles-component div.raffle-reward {
    min-width: 160px !important;
  }
}
@media (max-width: 794px) {
  .raffles-component .raffle-container-info > img {
    display: none;
  }
}
@media (min-width: 725px) {
  .raffles-component .raffle {
    display: flex;
  }
  .raffles-component .raffle_media {
    display: none;
  }
}
@media (max-width: 724px) {
  .raffles-component .raffle {
    display: none;
  }
  .raffles-component .raffle-header {
    background-color: #161824 !important;
  }
  .raffles-component .raffle-header img {
    height: 15px !important;
  }
  .raffles-component .raffle-header div {
    font-size: 17px !important;
  }
  .raffles-component div.raffle-live {
    border-left: none !important;
  }
  .raffles-component div.raffle-live .raffle-container > img {
    width: 45px;
    height: 45px;
  }
  .raffles-component div.raffle-info .raffle-container {
    padding: 10px 5px !important;
  }
  .raffles-component div.raffle-info .raffle-container .raffle-container-info > img {
    height: 65px !important;
    width: 65px !important;
    margin-right: 10px !important;
  }
  .raffles-component div.raffle-info .raffle-container .raffle-name {
    font-size: 18px !important;
  }
  .raffles-component div.raffle-info .raffle-container .raffle-date div {
    margin-right: 12px !important;
    font-size: 13px !important;
  }
  .raffles-component div.raffle-info .raffle-container .raffle-timer {
    min-width: 150px;
  }
  .raffles-component .raffle-container-info > img {
    display: grid;
  }
}

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

/* se encarga de toda la parte de ul de los bonuses publicos tengan un tamaño mas  */
button {
  color: var(--main-text-color);
}

.bonus2,
.blog2 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  position: relative;
}
.bonus2 ul,
.blog2 ul {
  display: flex;
  flex-wrap: wrap;
}
.bonus2 ul .listBonus,
.blog2 ul .listBonus {
  display: flex;
  flex-direction: column;
  width: 31%;
  margin: 10px 10px 10px 10px;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-x: hidden;
}
.bonus2 ul li,
.blog2 ul li {
  display: flex;
  flex-direction: column;
  width: 31%;
  margin: 1% 1% 1% 1%;
  justify-content: flex-start;
  align-items: center;
  overflow-x: hidden;
  background: #1b1c28;
  padding: 2% 1% 2% 1%;
}
.bonus2 ul li p,
.blog2 ul li p {
  line-height: 1.5;
  height: 6em;
  margin-bottom: 2.5em;
  margin-top: 1em;
  overflow: hidden;
  padding: 0% 3% 0% 4%;
}
.bonus2 ul li .imgcontend,
.blog2 ul li .imgcontend {
  width: 95%;
  height: 14em;
  display: flex;
  overflow: hidden;
  justify-content: center;
}
.bonus2 ul li .imgcontend img,
.blog2 ul li .imgcontend img {
  -o-object-fit: contain;
     object-fit: contain;
}
.bonus2 ul li span,
.blog2 ul li span {
  margin-top: -4%;
  color: #61be62;
  font-weight: 900;
}
.bonus2 ul li h4,
.blog2 ul li h4 {
  font-size: 18px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-top: 4%;
  text-align: center;
}
.bonus2 ul li button,
.blog2 ul li button {
  margin: 0 auto;
  color: var(--button-color);
}
.bonus2 ul li button:hover,
.blog2 ul li button:hover {
  color: var(--button-color-hover);
}

.bonus2.container-bonuses ul li {
  background: var(--background-bonuses-fond) !important;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.884) !important;
}
.bonus2.container-bonuses ul li p {
  margin-bottom: 0.5em !important;
  margin-top: 0px !important;
}
.bonus2.container-bonuses .imgcontend {
  width: auto !important;
  height: 17em !important;
}
.bonus2.container-bonuses .imgcontend img {
  border: 8px solid var(--background-bonuses-nv2);
}
.bonus2.container-bonuses .button-bonus {
  background: #44bf5d !important;
  color: white !important;
  font-size: 18px !important;
  padding: 8px 25px !important;
}
.bonus2.container-bonuses .button-bonus:hover {
  background: #27BC60 !important;
  color: black !important;
}

@media (max-width: 1150px) {
  .bonus2.container-bonuses ul li {
    width: 48% !important;
  }
}
@media (max-width: 1023px) {
  .bonus2.container-bonuses ul li {
    width: 31% !important;
  }
}
@media (max-width: 765px) {
  .bonus2.container-bonuses ul li {
    width: 48% !important;
  }
}
@media (max-width: 500px) {
  .bonus2.container-bonuses ul li {
    width: 98% !important;
  }
}
.toggleBonus .titleBonus {
  font-weight: 900;
  font-size: 15px;
}

.textBonus {
  font-weight: 900;
  font-size: 15px;
  padding: 6% 2% 2% 20%;
}

.TextPdate {
  font-weight: 100;
  font-size: 15px;
  padding: 2px;
}

.toggleBonus {
  display: flex;
  align-items: center;
}
.toggleBonus span {
  font-size: 18px;
  margin-right: 10px;
}

.bonus-loader {
  margin-bottom: 20px;
}
.bonus-loader .preloader-bonus {
  position: absolute;
  top: 10em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.bonus-loader .preloader-bonus img {
  width: 60px;
}

.tglBonus {
  display: none !important;
}

.tglBonus,
.tglBonus:after,
.tglBonus:before,
.tglBonus *,
.tglBonus *:after,
.tglBonus *:before,
.tglBonus + .tglBonus-btn {
  box-sizing: border-box;
}

.tglBonus::-moz-selection,
.tglBonus:after::-moz-selection,
.tglBonus:before::-moz-selection,
.tglBonus *::-moz-selection,
.tglBonus *:after::-moz-selection,
.tglBonus *:before::-moz-selection,
.tglBonus + .tglBonus-btn::-moz-selection {
  background: none;
}

.tglBonus::-moz-selection, .tglBonus:after::-moz-selection, .tglBonus:before::-moz-selection, .tglBonus *::-moz-selection, .tglBonus *:after::-moz-selection, .tglBonus *:before::-moz-selection, .tglBonus + .tglBonus-btn::-moz-selection {
  background: none;
}

.tglBonus::selection,
.tglBonus:after::selection,
.tglBonus:before::selection,
.tglBonus *::selection,
.tglBonus *:after::selection,
.tglBonus *:before::selection,
.tglBonus + .tglBonus-btn::selection {
  background: none;
}

.tglBonus + .tglBonus-btn {
  outline: 0;
  display: block;
  width: 3em;
  height: 1.5em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.tglBonus + .tglBonus-btn:after,
.tglBonus + .tglBonus-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}

.tglBonus + .tglBonus-btn:after {
  left: 0;
}

.tglBonus + .tglBonus-btn:before {
  display: none;
}

.tglBonus:checked + .tglBonus-btn:after {
  left: 50%;
}

.tglBonus-light + .tglBonus-btn {
  background: darkgray;
  border-radius: 2em;
  padding: 2px;
  transition: all 0.4s ease;
}

.tglBonus-light + .tglBonus-btn:after {
  border-radius: 50%;
  background: #fff;
  transition: all 0.2s ease;
}

.tglBonus-light:checked + .tglBonus-btn {
  background: #27BC60;
}

.parentnv1 {
  display: grid;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background: var(--background-bonuses-nv1);
  padding: 10px 2% 10px 3%;
}

.div1nv1 {
  grid-area: 1/1/2/3;
  justify-content: space-between;
  display: flex;
}

@media (max-width: 1440px) {
  .container-bonus .content-bonus {
    flex-direction: column !important;
    align-items: center !important;
  }
  .container-bonus .content-bonus .img-bonus {
    margin-right: 0 !important;
  }
  .container-bonus .content-bonus .container-info-bonus {
    align-self: 0 !important;
    padding-top: 1em !important;
    align-self: auto !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-values {
    padding-bottom: 1% !important;
  }
}
@media (max-width: 1180px) {
  .container-bonus .content-bonus .img-bonus {
    margin-right: 0 !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info {
    align-items: center !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-values .values-table {
    margin: 0 auto !important;
    width: 287px !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr {
    padding: 4px 0 !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr .values-table-td {
    font-size: 17px !important;
    padding-right: 1em !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr .values-table-td .title {
    padding-right: 1em !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-dates {
    width: 27% !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-buttons {
    align-items: center;
    flex-direction: column;
    align-self: center;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-buttons button, .container-bonus .content-bonus .container-info-bonus .container-info .container-buttons a {
    align-self: center !important;
  }
}
@media (max-width: 1100px) {
  .container-bonus .content-bonus .container-playthrough-meter {
    font-size: 14px !important;
  }
  .container-bonus .content-bonus .img-bonus {
    margin-right: 0 !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info {
    flex-direction: column !important;
    align-items: center !important;
    margin-bottom: 5px !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-values {
    width: 100% !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-values .values-table {
    margin: 0 auto !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr {
    padding: 2px 0 !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-dates {
    width: 100% !important;
    padding: 4px 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-buttons {
    padding-left: 0 !important;
    width: 100% !important;
    padding-top: 2% !important;
    padding-right: 0 !important;
    align-items: center;
    justify-content: space-evenly !important;
    flex-direction: row !important;
    align-self: center;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-buttons button, .container-bonus .content-bonus .container-info-bonus .container-info .container-buttons a {
    align-self: center !important;
  }
  .container-bonus .div4nv4 {
    display: block;
    overflow-x: auto;
  }
  .container-playthrough-bonus {
    padding-top: 0 !important;
  }
  .see-more-bonus {
    padding: 10px 40px !important;
  }
}
@media (max-width: 580px) {
  .container-bonus .content-bonus {
    padding: 0px 10px 0px 10px !important;
    display: block !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-values {
    padding-bottom: 3% !important;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-buttons {
    align-items: center;
    flex-direction: column !important;
    align-self: center;
  }
  .container-bonus .content-bonus .container-info-bonus .container-info .container-buttons button, .container-bonus .content-bonus .container-info-bonus .container-info .container-buttons a {
    align-self: center !important;
  }
  .container-bonus .container-playthrough-bonus {
    text-align: center !important;
  }
  .container-bonus .container-playthrough-meter .labels-playthrough {
    font-size: 12px !important;
    text-align: -webkit-center !important;
  }
}
@media (max-width: 1440px) {
  .container-bonusHistory .content-bonus {
    flex-direction: inherit !important;
    align-items: center !important;
  }
  .container-bonusHistory .content-bonus .img-bonus {
    margin-right: 0 !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus {
    align-self: 0 !important;
    padding-top: 1em !important;
    align-self: auto !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values {
    padding-bottom: 1% !important;
  }
}
@media (max-width: 1180px) {
  .container-bonusHistory .content-bonus .img-bonus {
    margin-right: 0 !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info {
    align-items: center !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values .values-table {
    margin: 0 auto !important;
    width: 287px !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr {
    padding: 4px 0 !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr .values-table-td {
    font-size: 17px !important;
    padding-right: 1em !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr .values-table-td .title {
    padding-right: 1em !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-dates {
    width: 27% !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-buttons {
    align-items: center;
    flex-direction: column;
    align-self: center;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-buttons button, .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-buttons a {
    align-self: center !important;
  }
}
@media (max-width: 1100px) {
  .container-bonusHistory .content-bonus .img-bonus {
    margin-right: 0 !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info {
    flex-direction: column !important;
    align-items: center !important;
    margin-bottom: 5px !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values {
    width: 100% !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values .values-table {
    margin: 0 auto !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr {
    padding: 2px 0 !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-dates {
    width: 100% !important;
    padding: 4px 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-buttons {
    padding-left: 0 !important;
    width: 100% !important;
    padding-top: 2% !important;
    padding-right: 0 !important;
    align-items: center;
    flex-direction: row !important;
    align-self: center;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-buttons button, .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-buttons a {
    align-self: center !important;
  }
  .container-bonusHistory .div4nv4 {
    display: block;
    overflow-x: auto;
  }
}
@media (max-width: 580px) {
  .container-bonusHistory .content-bonus {
    padding: 0px 10px 0px 10px !important;
    display: block !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values {
    padding-bottom: 3% !important;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-buttons {
    align-items: center;
    flex-direction: column !important;
    align-self: center;
  }
  .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-buttons button, .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-buttons a {
    align-self: center !important;
  }
  .container-bonusHistory .container-playthrough-bonus {
    text-align: center !important;
  }
  .container-bonusHistory .container-playthrough-meter .labels-playthrough {
    font-size: 12px !important;
    text-align: -webkit-center !important;
  }
}
.parentnv2 {
  display: grid;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background: #1b1c28;
  padding: 10px 2% 10px 3%;
}

.div1nv2 {
  grid-area: 1/1/2/3;
  justify-content: space-between;
  display: flex;
}

.imgBonus {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  border: 0.5em solid #1b1c28;
}

.parent {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(0, 1fr);
  grid-column-gap: 4px;
  grid-row-gap: 0px;
  background: #1f212f;
}

.div1 {
  grid-area: 1/1/3/2;
  padding: 1.5em;
  width: 100%;
  height: 18em;
  display: flex;
}

.div2 {
  grid-area: 1/2/2/3;
  display: inline-grid;
  align-content: center;
}
.div2 .core {
  justify-content: space-between;
  display: flex;
  padding-left: 2px;
  padding-bottom: 2px;
}
.div2 .titlebonus1 {
  font-weight: 900;
  font-size: 15.5px;
  color: #27bc60;
}
.div2 .titlebonus2 {
  font-weight: 900;
  font-size: 15px;
  color: #fff;
}

.div3 {
  grid-area: 1/3/2/4;
  display: flow-root;
  padding: 3% 0% 0% 8%;
}
.div3 .div3n1 {
  display: flex;
  border-right: 1px solid rgb(12, 11, 11);
  border-left: 1px solid rgb(12, 11, 11);
}
.div3 .div3n2 {
  border-right: 1px solid rgb(12, 11, 11);
  border-left: 1px solid rgb(12, 11, 11);
  display: flex;
}

.div4 {
  grid-area: 1/4/2/5;
  display: flow-root;
  padding: 8% 0 0 7%;
}
.div4 .div4n1 {
  padding: 3%;
  display: flex;
}
.div4 .div4n1 p {
  font-size: 12px;
}
.div4 .div4n2 {
  padding: 3%;
  display: flex;
}
.div4 .div4n2 p {
  font-size: 12px;
}

.div5 {
  grid-area: 2/2/3/5;
  justify-content: space-between;
  display: flex;
  width: 51.5em;
  height: 5.1em;
}
.div5 .contend2 {
  padding: 1%;
  background-color: #13141c;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
}
.div5 .contend2 .titlebonus1 {
  font-weight: 100;
  font-size: 15px;
  color: #27bc60;
}
.div5 .contend {
  padding: 2% 5% 0 0;
  background-color: #13141c;
  width: 100%;
  height: 100%;
}
.div5 .contend .range {
  position: relative;
}
.div5 .contend .range__input {
  width: 100%;
  height: 0px;
  background: #fff;
  border: 1px solid black;
  background-image: linear-gradient(to right, #27bc60 0%, #27bc60 100%);
  background-repeat: no-repeat;
  -webkit-appearance: none;
  border-radius: 1em;
}
.div5 .contend .range__input::-webkit-slider-runnable-track {
  background: transparent;
  border-radius: 1em;
  margin-right: -2em;
}
.div5 .contend .range__input::-webkit-slider-thumb {
  box-shadow: none;
  border: 2px solid #000;
  height: 2em;
  width: 1em;
  border-radius: 20%;
  background: #61be62;
  cursor: pointer;
  margin-top: -1.5em;
  margin-left: -1em;
  -webkit-appearance: none;
}
.div5 .contend .range__input::-moz-range-thumb {
  background: #61be62;
}
.div5 .contend .range__input::-ms-track {
  background: transparent;
}
.div5 .contend .range__input::-ms-fill-lower {
  background: #61be62;
  border-radius: 10px;
}
.div5 .contend .range__input::-ms-fill-upper {
  background: #61be62;
}
.div5 .contend .range__list {
  display: flex;
  justify-content: space-between;
  height: auto;
  overflow: hidden;
  margin-top: 4px;
  font-size: 11px;
  margin-left: 0em;
  margin-right: -1em;
}
.div5 .contend .range__list__opt:before {
  content: "";
  display: block;
  width: 0;
  height: auto;
  padding-left: 1px;
  text-indent: 0;
}

.div6 {
  grid-area: 4/1/5/5;
  padding: 1% 3% 4% 2%;
  background-color: #13141c;
}
.div6 p {
  color: #27bc60;
  font-weight: bold;
  font-size: 15px;
}
.div6 .componentbonus {
  justify-content: space-between;
  display: flex;
}
.div6 .componentbonus p {
  color: #27bc60;
  font-weight: bold;
  font-size: 15px;
}
.div6 .componentbonus p span {
  font-weight: 900;
  font-size: 14px;
  color: #61be62;
}

.div7 {
  grid-area: 3/1/4/5;
  padding: 1% 1% 1% 2%;
}
.div7 .componentbonus {
  justify-content: space-between;
  display: flex;
}
.div7 .componentbonus p {
  color: white;
  font-weight: bold;
  font-size: 15px;
}

meter#meter {
  width: 100%;
  height: 50%;
  display: block;
}
meter#meter::-webkit-meter-suboptimum-value {
  background: #27bc60;
}

.parentnv4 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.div1nv4 {
  grid-area: 1/1/2/2;
  padding: 1% 2% 1% 2%;
  background: #1f212f;
}
.div1nv4 a {
  border-bottom: 1px solid;
}

.div2nv4 {
  grid-area: 2/1/3/2;
  padding: 1% 2% 1% 2%;
  background: var(--div2nv4);
}
.div2nv4 .figurestate {
  width: 100%;
  display: flex;
  justify-content: center;
}

.div3nv4 {
  grid-area: 3/1/4/2;
  padding: 1% 2% 1% 2%;
  background: var(--background-bonuses-nv1);
}

.button-see-more {
  display: flex;
  justify-content: center;
  padding-top: 7px;
  background: var(--background-bonuses-fond);
}
.button-see-more button:hover {
  background: #27BC60;
  color: #000000;
}

.div4nv4 {
  grid-area: 4/1/5/2;
  padding: 1% 2% 0% 2%;
  background: var(--background-bonuses-fond);
}
.div4nv4 table.bet {
  width: 100%;
  text-align: center;
}
.div4nv4 table.bet td,
.div4nv4 table.bet th {
  border: 0px solid #aaaaaa;
}
.div4nv4 table.bet tbody td {
  font-size: 13px;
  background: var(--tbodyTdBackground);
  border: solid 4px var(--tbodyTd);
}
.div4nv4 table.bet thead {
  background: #0d0e16;
  border-bottom: 0.7em solid var(--tbodyTd);
}
.div4nv4 table.bet thead th {
  border: solid 4px var(--tbodyTd);
  font-size: 15px;
  font-weight: bold;
  color: var(--body-color);
  background: var(--theadThBackground);
  text-align: center;
  padding: 1% 0% 1% 0%;
}

.historys h2 {
  border-bottom: 2px solid #27bc60;
}
.historys h1 {
  text-align: center;
}
.historys .parent_history {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.historys .div1_history {
  grid-area: 1/1/2/4;
  justify-content: space-between;
  display: flex;
  background: #13141c;
  padding: 1% 5% 1% 1%;
}
.historys .div1_history .TextBonus3 {
  display: flex;
}
.historys .div1_history .textBonus2 {
  font-weight: 900;
  font-size: 15px;
}
.historys .div1_history .TextPdate2 {
  font-weight: 100;
  font-size: 15px;
}
.historys .div2_history {
  grid-area: 2/1/3/2;
  display: inline-grid;
  align-content: center;
  padding: 1% 4% 1% 11%;
}
.historys .div2_history .core2 {
  justify-content: space-between;
  display: flex;
  padding-left: 2px;
}
.historys .div2_history .titlebonus2 {
  font-weight: 900;
  font-size: 15.5px;
  color: #27bc60;
}
.historys .div2_history .titlebonus3 {
  font-weight: 900;
  font-size: 15px;
  color: #fff;
}
.historys .div3_history {
  grid-area: 2/2/3/3;
  display: flow-root;
  padding: 1em;
}
.historys .div3_history .div3_historyn1 {
  display: flex;
  border-left: 1px solid rgb(12, 11, 11);
}
.historys .div3_history .div3_historyn2 {
  border-left: 1px solid rgb(12, 11, 11);
  display: flex;
}
.historys .div4_history {
  grid-area: 2/3/3/4;
  display: flow-root;
  padding: 1em;
}
.historys .div4_history .div4_historyn1 {
  padding: 6% 0% 3% 26%;
  border-left: 1px solid rgb(12, 11, 11);
  display: flex;
}
.historys .div4_history .div4_historyn1 p {
  font-size: 12px;
}
.historys .div4_history .div4_historyn2 {
  padding: 3% 0% 3% 26%;
  border-left: 1px solid rgb(12, 11, 11);
  display: flex;
}
.historys .div4_history .div4_historyn2 p {
  font-size: 12px;
}
.historys .div5_history {
  grid-area: 3/1/4/4;
  padding: 0% 1% 1% 4%;
  margin-top: -1%;
}
.historys .div5_history .componentbonus {
  justify-content: space-between;
  display: flex;
}
.historys .div5_history .componentbonus p {
  color: white;
  font-weight: bold;
  font-size: 15px;
}
.historys .div6_history {
  grid-area: 4/1/5/4;
  padding: 1% 5% 4% 4%;
  background-color: #13141c;
}
.historys .div6_history p {
  font-weight: bold;
  font-size: 15px;
}
.historys .div6_history .componentbonus {
  justify-content: space-between;
  display: flex;
}
.historys .div6_history .componentbonus p {
  color: #27bc60;
  font-weight: bold;
  font-size: 15px;
}
.historys .div6_history .componentbonus p span {
  font-weight: 900;
  font-size: 14px;
  color: #61be62;
}
.historys .div7_history {
  grid-area: 5/1/6/4;
  padding: 1% 2% 1% 4%;
  background: #0d0e16;
}
.historys .div8_history {
  grid-area: 6/1/7/4;
  padding: 1% 5% 1% 4%;
  background: #13151f;
}
.historys .div8_history table.bet {
  width: 100%;
  text-align: center;
}
.historys .div8_history table.bet td,
.historys .div8_history table.bet th {
  border: 0px solid #aaaaaa;
}
.historys .div8_history table.bet tbody td {
  font-size: 13px;
  background: #1e202e;
  border: solid 4px #13151f;
}
.historys .div8_history table.bet thead {
  background: #0d0e16;
  border-bottom: 0.7em solid #13151f;
}
.historys .div8_history table.bet thead th {
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  background: #10121b;
  text-align: center;
  padding: 1% 0% 1% 0%;
}

/* detalles bonus */
.descripBonus .mediimg {
  margin-right: 10px;
  width: 38%;
  height: 12em;
  display: flex;
  overflow: hidden;
  justify-content: center;
}
.descripBonus .mediimg img {
  -o-object-fit: contain;
     object-fit: contain;
}
.descripBonus .contend_bonuses {
  padding: 1em;
}
.descripBonus .contend_bonuses h4 {
  margin-bottom: 0;
  font-size: 20px;
}
.descripBonus .contend_bonuses span {
  color: #61be62;
  font-weight: 900;
}
.descripBonus .contend_bonuses p {
  margin-top: 1em;
}
.descripBonus .contend_bonusesn2 {
  padding: 1% 10% 1% 10%;
}
.descripBonus .contend_bonusesn2 .contend_bonusesn3 {
  background: #13151f;
  padding: 1em;
}
.descripBonus .contend_bonusesn2 .contend_bonusesn3 table.bet {
  width: 100%;
  text-align: center;
}
.descripBonus .contend_bonusesn2 .contend_bonusesn3 table.bet td,
.descripBonus .contend_bonusesn2 .contend_bonusesn3 table.bet th {
  border: 0px solid #aaaaaa;
}
.descripBonus .contend_bonusesn2 .contend_bonusesn3 table.bet tbody td {
  font-size: 13px;
  background: #1e202e;
  border: solid 4px #13151f;
}
.descripBonus .contend_bonusesn2 .contend_bonusesn3 table.bet thead {
  background: #0d0e16;
  border-bottom: 0.7em solid #13151f;
}
.descripBonus .contend_bonusesn2 .contend_bonusesn3 table.bet thead th {
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  background: #10121b;
  text-align: center;
  padding: 1% 0% 1% 0%;
}
.descripBonus #text-container {
  padding: 1%;
}
.descripBonus .contend_bonuses_button {
  padding: 0% 37% 0% 38%;
}

.container-bonus {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.884);
  background: var(--background-bonuses-fond);
  margin-bottom: 20px;
}
.container-bonus .header-bonus {
  background: var(--background-bonuses-nv2);
  border-bottom: 1px solid var(--background-bonuses-nv2-border);
  display: flex;
  padding: 15px 40px;
  justify-content: space-between;
  align-items: center;
  font-weight: 900;
}
.container-bonus .header-bonus .toggle-container-bonus {
  display: flex;
  align-items: center;
}
.container-bonus .header-bonus .toggle-container-bonus label {
  margin-left: 10px;
}
.container-bonus .content-bonus {
  padding: 15px 40px;
  display: flex;
}
.container-bonus .content-bonus .img-bonus {
  width: 230px;
  height: 230px;
  border: 8px solid var(--background-bonuses-nv2);
  margin-right: 20px;
}
.container-bonus .content-bonus .img-bonus img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.container-bonus .content-bonus .container-info-bonus {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-self: end;
}
.container-bonus .content-bonus .container-info-bonus .container-info {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
.container-bonus .content-bonus .container-info-bonus .container-info .container-values {
  width: 40%;
}
.container-bonus .content-bonus .container-info-bonus .container-info .container-values .values-table {
  width: 300px;
}
.container-bonus .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}
.container-bonus .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr .values-table-td {
  font-size: 18px;
}
.container-bonus .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr .values-table-td.title {
  font-size: 20px;
  font-weight: 900;
  color: var(--body-color);
}
.container-bonus .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr .values-table-td.title2 {
  font-size: 20px;
  font-weight: 900;
  color: var(--color-trebalia);
}
.container-bonus .content-bonus .container-info-bonus .container-info .container-dates {
  width: 30%;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  text-align: center;
}
.container-bonus .content-bonus .container-info-bonus .container-info .container-dates h4 {
  margin: 0;
}
.container-bonus .content-bonus .container-info-bonus .container-info .container-buttons {
  width: 30%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 3em;
}
.container-bonus .content-bonus .container-info-bonus .container-info .container-buttons button, .container-bonus .content-bonus .container-info-bonus .container-info .container-buttons a {
  width: 210px;
  align-self: self-end;
}
.container-bonus .content-bonus .container-info-bonus .container-info .container-buttons button p, .container-bonus .content-bonus .container-info-bonus .container-info .container-buttons a p {
  max-width: 208px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container-bonus .content-bonus .container-info-bonus .proportion-container-bonus {
  width: 100%;
  color: var(--proportion-container-bonus-color);
  background: var(--proportion-container-bonus-background);
  display: flex;
  padding: 20px;
  flex-direction: column-reverse;
}
.container-bonus .content-bonus .container-info-bonus .proportion-container-bonus .proportion-text {
  display: flex;
  margin-top: 20px;
}
.container-bonus .content-bonus .container-info-bonus .proportion-container-bonus .proportion-text i {
  width: 30px;
  height: 30px;
  flex: none;
  margin-right: 10px;
}
.container-bonus .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range {
  flex: 1;
}
.container-bonus .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.container-bonus .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__input {
  width: 100%;
  height: 0px;
  background: #fff;
  border: 1px solid black;
  background-image: linear-gradient(to right, #27bc60 0%, #27bc60 100%);
  background-repeat: no-repeat;
  -webkit-appearance: none;
  border-radius: 1em;
  padding: 3px;
}
.container-bonus .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__input::-webkit-slider-runnable-track {
  background: transparent;
  border-radius: 1em;
  margin-right: -2em;
}
.container-bonus .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__input::-webkit-slider-thumb {
  box-shadow: none;
  border: 5px solid #2c3e50;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
  margin-top: -1.3em;
  margin-left: -17px;
  -webkit-appearance: none;
}
.container-bonus .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__input::-moz-range-thumb {
  background: #61be62;
}
.container-bonus .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__input::-ms-track {
  background: transparent;
}
.container-bonus .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__input::-ms-fill-lower {
  background: #61be62;
  border-radius: 10px;
}
.container-bonus .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__input::-ms-fill-upper {
  background: #61be62;
}
.container-bonus .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__list {
  display: flex;
  justify-content: space-between;
  height: auto;
  overflow: hidden;
  margin-top: 10px;
  font-size: 11px;
  margin-left: 0em;
  margin-right: -1em;
}
.container-bonus .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__list__opt:before {
  content: "";
  display: block;
  width: 0;
  height: auto;
  padding-left: 1px;
  text-indent: 0;
}
.container-bonus .container-playthrough-bonus {
  padding: 15px 40px;
  padding-top: 10px;
  margin-bottom: 0;
}
.container-bonus .container-playthrough-bonus h3 {
  font-weight: bold;
  margin-bottom: 0;
}
.container-bonus .container-playthrough-meter {
  background: var(--background-bonuses-nv2);
  padding: 15px 40px;
}
.container-bonus .container-playthrough-meter .labels-playthrough {
  display: flex;
  justify-content: space-between;
  color: var(--label-playthrough-progress);
  font-size: 17px;
}
.container-bonus .container-playthrough-meter .labels-playthrough p {
  margin-bottom: 0;
}
.container-bonus .container-playthrough-meter .labels-playthrough p span {
  font-weight: bold;
}
.container-bonus .container-playthrough-meter meter {
  height: 30px;
  width: 100%;
}
.container-bonus .container-playthrough-meter meter::-webkit-meter-optimum-value {
  background: rgb(1, 184, 54);
  background: linear-gradient(0deg, rgb(1, 184, 54) 0%, rgb(1, 184, 54) 50%, rgb(55, 210, 99) 50%, rgb(151, 255, 180) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01b836", endColorstr="#97ffb4", GradientType=1);
}
.container-bonus .container-playthrough-meter .label-playthrough-progress {
  position: relative;
  width: 250px;
  text-align: center;
  margin-left: -120px;
  font-size: 11px;
  font-weight: bold;
  margin-top: 10px;
  color: var(--label-playthrough-progress);
}
.container-bonus .container-playthrough-meter meter::-webkit-meter-optimum-value {
  background: #3dbc60;
}
.container-bonus .container-playthrough-meter meter::-webkit-meter-suboptimum-value {
  background: #3dbc60;
}
.container-bonus .container-playthrough-meter .label-playthrough-progress:before {
  content: "";
  position: absolute;
  top: -14px;
  left: 120px;
  width: 0;
  height: 0;
  border-width: 0 5px 10px;
  border-style: solid;
  border-color: transparent transparent #27bc60;
}
.container-bonus .see-more-bonus {
  padding: 30px 40px;
}

.titleMessage {
  text-align: center;
  font-size: 18px;
  font-weight: 900;
}

.reload-bonus {
  padding-left: 48%;
  padding-bottom: 20px;
}
.reload-bonus img {
  width: 50px;
}

.container-bonusHistory {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.884);
  background: var(--background-bonuses-fond);
  margin-bottom: 20px;
}
.container-bonusHistory .header-bonus {
  background: var(--background-bonuses-nv2);
  border-bottom: 1px solid var(--background-bonuses-nv2-border);
  display: flex;
  padding: 10px 50px 10px 10px;
  justify-content: space-between;
  align-items: center;
}
.container-bonusHistory .header-bonus .TextBonus3 {
  display: flex;
}
.container-bonusHistory .header-bonus .textBonus2 {
  font-weight: 900;
  font-size: 15px;
}
.container-bonusHistory .header-bonus .TextPdate2 {
  font-weight: 100;
  font-size: 15px;
}
.container-bonusHistory .header-bonus .toggle-container-bonus {
  display: flex;
  align-items: center;
}
.container-bonusHistory .header-bonus .toggle-container-bonus label {
  margin-left: 10px;
}
.container-bonusHistory .content-bonus {
  padding: 20px 40px 0px 40px;
  display: flex;
}
.container-bonusHistory .content-bonus .img-bonus {
  width: 230px;
  height: 230px;
  border: 8px solid var(--background-bonuses-nv2);
  margin-right: 20px;
}
.container-bonusHistory .content-bonus .img-bonus img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.container-bonusHistory .content-bonus .container-info-bonus {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-self: end;
}
.container-bonusHistory .content-bonus .container-info-bonus .container-info {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
.container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values {
  width: 40%;
}
.container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values .values-table {
  width: 300px;
}
.container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}
.container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr .values-table-td {
  font-size: 18px;
}
.container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr .values-table-td.title {
  font-size: 20px;
  font-weight: 900;
  color: #44bf5d;
}
.container-bonusHistory .content-bonus .container-info-bonus .container-info .container-values .values-table .values-table-tr .values-table-td.title2 {
  font-size: 20px;
  font-weight: 900;
  color: var(--color-trebalia);
}
.container-bonusHistory .content-bonus .container-info-bonus .container-info .container-dates {
  width: 30%;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  text-align: center;
}
.container-bonusHistory .content-bonus .container-info-bonus .container-info .container-dates h4 {
  margin: 0;
}
.container-bonusHistory .content-bonus .container-info-bonus .container-info .container-buttons {
  width: 30%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 3em;
}
.container-bonusHistory .content-bonus .container-info-bonus .container-info .container-buttons button, .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-buttons a {
  width: 210px;
  align-self: self-end;
}
.container-bonusHistory .content-bonus .container-info-bonus .container-info .container-buttons button p, .container-bonusHistory .content-bonus .container-info-bonus .container-info .container-buttons a p {
  max-width: 208px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container-bonusHistory .content-bonus .container-info-bonus .proportion-container-bonus {
  width: 100%;
  color: #44bf5d;
  background: #1a1c29;
  display: flex;
  padding: 20px;
  flex-direction: column-reverse;
}
.container-bonusHistory .content-bonus .container-info-bonus .proportion-container-bonus .proportion-text {
  display: flex;
  margin-top: 20px;
}
.container-bonusHistory .content-bonus .container-info-bonus .proportion-container-bonus .proportion-text i {
  width: 30px;
  height: 30px;
  flex: none;
  margin-right: 10px;
}
.container-bonusHistory .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range {
  flex: 1;
}
.container-bonusHistory .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.container-bonusHistory .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__input {
  width: 100%;
  height: 0px;
  background: #fff;
  border: 1px solid black;
  background-image: linear-gradient(to right, #27bc60 0%, #27bc60 100%);
  background-repeat: no-repeat;
  -webkit-appearance: none;
  border-radius: 1em;
  padding: 3px;
}
.container-bonusHistory .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__input::-webkit-slider-runnable-track {
  background: transparent;
  border-radius: 1em;
  margin-right: -2em;
}
.container-bonusHistory .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__input::-webkit-slider-thumb {
  box-shadow: none;
  border: 5px solid #2c3e50;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
  margin-top: -1.3em;
  margin-left: -17px;
  -webkit-appearance: none;
}
.container-bonusHistory .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__input::-moz-range-thumb {
  background: #61be62;
}
.container-bonusHistory .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__input::-ms-track {
  background: transparent;
}
.container-bonusHistory .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__input::-ms-fill-lower {
  background: #61be62;
  border-radius: 10px;
}
.container-bonusHistory .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__input::-ms-fill-upper {
  background: #61be62;
}
.container-bonusHistory .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__list {
  display: flex;
  justify-content: space-between;
  height: auto;
  overflow: hidden;
  margin-top: 10px;
  font-size: 11px;
  margin-left: 0em;
  margin-right: -1em;
}
.container-bonusHistory .content-bonus .container-info-bonus .proportion-container-bonus .proportion-range .range__list__opt:before {
  content: "";
  display: block;
  width: 0;
  height: auto;
  padding-left: 1px;
  text-indent: 0;
}
.container-bonusHistory .container-playthrough-bonus {
  padding: 15px 40px;
  padding-top: 10px;
  margin-bottom: 0;
}
.container-bonusHistory .container-playthrough-bonus h3 {
  font-weight: bold;
  margin-bottom: 0;
}
.container-bonusHistory .container-playthrough-meter {
  background: var(--background-bonuses-nv2);
  padding: 15px 40px;
}
.container-bonusHistory .container-playthrough-meter .labels-playthrough {
  display: flex;
  justify-content: space-between;
  color: var(--label-playthrough-progress);
  font-size: 17px;
}
.container-bonusHistory .container-playthrough-meter .labels-playthrough p {
  margin-bottom: 0;
}
.container-bonusHistory .container-playthrough-meter .labels-playthrough p span {
  font-weight: bold;
}
.container-bonusHistory .container-playthrough-meter meter {
  height: 30px;
  width: 100%;
}
.container-bonusHistory .container-playthrough-meter meter::-webkit-meter-optimum-value {
  background: rgb(1, 184, 54);
  background: linear-gradient(0deg, rgb(1, 184, 54) 0%, rgb(1, 184, 54) 50%, rgb(55, 210, 99) 50%, rgb(151, 255, 180) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01b836", endColorstr="#97ffb4", GradientType=1);
}
.container-bonusHistory .container-playthrough-meter .label-playthrough-progress {
  position: relative;
  width: 250px;
  text-align: center;
  margin-left: -120px;
  font-size: 11px;
  font-weight: bold;
  margin-top: 10px;
  color: var(--label-playthrough-progress);
}
.container-bonusHistory .container-playthrough-meter meter::-webkit-meter-optimum-value {
  background: #3dbc60;
}
.container-bonusHistory .container-playthrough-meter meter::-webkit-meter-suboptimum-value {
  background: #3dbc60;
}
.container-bonusHistory .container-playthrough-meter .label-playthrough-progress:before {
  content: "";
  position: absolute;
  top: -14px;
  left: 120px;
  width: 0;
  height: 0;
  border-width: 0 5px 10px;
  border-style: solid;
  border-color: transparent transparent #27bc60;
}
.container-bonusHistory .see-more-bonus {
  padding: 30px 40px;
}

* {
  margin: 0;
  padding: 0;
}

.recharge-main {
  padding: 0 !important;
  padding-top: 5px !important;
}

.recharge-form {
  margin: 0 !important;
  max-width: 850px !important;
}

.inframe_recharge {
  /* width: 800px;
     height: 500px; */
  width: 100vw;
  height: 39vw;
}
@media (min-width: 1497px) {
  .inframe_recharge {
    width: 100vw !important;
    height: 85vh !important;
  }
}
@media (max-width: 1439px) {
  .inframe_recharge {
    width: 100vw !important;
    height: 92vh !important;
  }
}
@media (max-width: 1151px) {
  .inframe_recharge {
    width: 500px !important;
    height: 92vh !important;
  }
}
@media (max-width: 1010px) {
  .inframe_recharge {
    width: auto !important;
    height: 92vh !important;
  }
}
@media (max-width: 800px) {
  .inframe_recharge {
    width: auto !important;
    height: 92vh !important;
  }
}
@media (max-width: 665px) {
  .inframe_recharge {
    width: 360px !important;
    height: 92vh !important;
  }
}
@media (max-width: 450px) {
  .inframe_recharge {
    width: 360px !important;
    height: 92vh !important;
  }
}
@media (max-width: 360px) {
  .inframe_recharge {
    width: 310px !important;
    height: 92vh !important;
  }
}

.inframe_rechargepayphone {
  /* width: 800px;
     height: 500px; */
  width: 100vw;
  height: 39vw;
}
@media (min-width: 1497px) {
  .inframe_rechargepayphone {
    width: 100vw !important;
    height: 92vh !important;
  }
}
@media (max-width: 1439px) {
  .inframe_rechargepayphone {
    width: 100vw !important;
    height: 92vh !important;
  }
}
@media (max-width: 1151px) {
  .inframe_rechargepayphone {
    width: 500px !important;
    height: 92vh !important;
  }
}
@media (max-width: 1010px) {
  .inframe_rechargepayphone {
    width: 500px !important;
    height: 92vh !important;
  }
}
@media (max-width: 800px) {
  .inframe_rechargepayphone {
    width: 500px !important;
    height: 92vh !important;
  }
}
@media (max-width: 630px) {
  .inframe_rechargepayphone {
    width: 500px !important;
    height: 92vh !important;
  }
}
@media (max-width: 450px) {
  .inframe_rechargepayphone {
    width: 500px !important;
    height: 92vh !important;
  }
}
@media (max-width: 360px) {
  .inframe_rechargepayphone {
    width: 310px !important;
    height: 92vh !important;
  }
}

.container_fond {
  background-color: #161824;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Montserrat";
}

.success_container {
  padding: calc(20% - 2em);
  text-align: center;
}
.success_container .success_container_title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.success_container .success_container_title img {
  width: 100px;
}
.success_container .success_container_title span {
  font-size: 3vw;
  font-weight: bold;
  color: #32C983;
}
.success_container .success_container_subtitle {
  text-align: end;
}
.success_container p {
  color: #f6f6f6;
  font-weight: bold;
  padding-bottom: 6px;
}
.success_container button {
  background: transparent;
  border: 1px solid #27BC60;
  color: #f6f6f6;
  padding: 7px 9px;
  margin-bottom: 10px;
  transition: all 0.5s;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}
.success_container button:hover {
  background-color: #27BC60;
  color: #1A1A1A;
}
.success_container button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.error_container {
  padding: calc(20% - 2em);
  text-align: center;
}
.error_container .error_container_title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.error_container .error_container_title img {
  width: 100px;
}
.error_container .error_container_title span {
  font-size: 3vw;
  font-weight: bold;
  color: #cf5050;
}
.error_container .error_container_subtitle {
  text-align: end;
}
.error_container p {
  color: #f6f6f6;
  font-weight: bold;
  padding-bottom: 6px;
}

@media (max-width: 600px) {
  .success_container .success_container_title {
    flex-direction: column !important;
  }
  .success_container .success_container_title img {
    padding-bottom: 10px;
  }
  .success_container .success_container_title span {
    margin-top: -20px !important;
    font-size: 25px !important;
    padding-bottom: 10px !important;
  }
  .success_container .success_container_subtitle {
    text-align: center !important;
  }
  .error_container .error_container_title {
    flex-direction: column !important;
  }
  .error_container .error_container_title img {
    padding-bottom: 10px;
  }
  .error_container .error_container_title span {
    margin-top: -20px !important;
    font-size: 25px !important;
    padding-bottom: 10px !important;
  }
  .error_container .error_container_subtitle {
    text-align: center !important;
  }
}
.border-deposit {
  border-bottom: 2px solid #44bf5d;
  background: var(--bg-deposit);
  font-weight: 600;
  font-size: 25px;
  padding: 8px 0px 8px 20px;
  color: var(--main-text-color);
}

/* Disenio Deposit  */
.parentDeposit {
  display: flex;
  flex-direction: column;
  width: 100%;
  grid-row-gap: 17px;
}
.parentDeposit .parentDepositn1 {
  display: flex;
  flex-direction: row;
  width: 100%;
  grid-column-gap: 18px;
}
@media (max-width: 1200px) {
  .parentDeposit .parentDepositn1 {
    flex-direction: column !important;
  }
}

.divDep1 {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.88);
  width: 60%;
  background: var(--background-bonuses-fond);
}
@media (max-width: 1200px) {
  .divDep1 {
    width: 100% !important;
  }
}
.divDep1 .paneltitle1 p {
  padding: 10px 17px;
  background: var(--background-bonuses-nv2);
  font-weight: 900;
}
.divDep1 .panelInfo1 {
  padding: 30px 17px;
}
.divDep1 .panelInfo1 .panelinfobuttons {
  margin-bottom: 3vh;
  display: flex;
  justify-content: space-around;
  word-break: break-word;
  flex-wrap: wrap;
}
.divDep1 .panelInfo1 .panelinfobuttons .form-group-recharge {
  margin-bottom: 0 !important;
}
.divDep1 .panelInfo1 .panelinfobuttons .form-group-recharge span {
  font-size: 10px;
  width: 45px;
}
.divDep1 .panelInfo1 .panelinfobuttons input {
  padding: 4px;
  width: 73%;
  text-align: center;
}
.divDep1 .panelInfo1 .panelinfobuttons .xinput:hover {
  background: transparent !important;
  color: var(--primary-text-color) !important;
}
.divDep1 .panelInfo1 .panelinfobuttons .x {
  padding: 7px 0 !important;
}
@media (min-width: 1600px) {
  .divDep1 .panelInfo1 .panelinfobuttons .x {
    width: 90px !important;
    font-size: 10px !important;
  }
}
@media (max-width: 1599px) {
  .divDep1 .panelInfo1 .panelinfobuttons .x {
    width: 85px !important;
    font-size: 10px !important;
  }
}
@media (max-width: 350px) {
  .divDep1 .panelInfo1 .panelinfobuttons .x {
    font-size: 8px !important;
  }
}
.divDep1 .panelInfo1 .panelinfobuttons .focus {
  background: #27BC60;
  color: var(--secondary-text-color);
}
.divDep1 .panelInfo1 .panelinfo {
  display: flex;
  align-items: center;
  background: var(--proportion-container-bonus-background);
  padding: 10px 20px;
  margin-bottom: 6vh;
}
.divDep1 .panelInfo1 .panelinfo i {
  transform: scale(1.75) !important;
  margin-right: 3vh;
  height: 15px;
  width: 15px;
}
@media (max-width: 540px) {
  .divDep1 .panelInfo1 .panelinfo i {
    height: 13px;
    width: 18px;
  }
}
@media (max-width: 425px) {
  .divDep1 .panelInfo1 .panelinfo i {
    height: 13px;
    width: 21px;
  }
}
@media (max-width: 390px) {
  .divDep1 .panelInfo1 .panelinfo i {
    height: 13px;
    width: 24px;
  }
}
@media (max-width: 375px) {
  .divDep1 .panelInfo1 .panelinfo i {
    height: 13px;
    width: 30px;
  }
}
@media (max-width: 350px) {
  .divDep1 .panelInfo1 .panelinfo i {
    height: 13px;
    width: 35px;
  }
}
.divDep1 .panelInfo1 .panelinfo p {
  color: #44bf5d;
  font-weight: 600;
}
.divDep1 .panelInfo1 .panelinfoselectpage {
  border-top: dashed #0e111e;
  padding: 4vh 0px 2vh;
}
.divDep1 .panelInfo1 .panelinfoselectpage .focusradio {
  border: 1px solid #44bf5d;
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages {
  display: flex;
  padding: 20px 2vh;
  align-items: center;
  background: var(--proportion-container-bonus-background);
  margin-bottom: 4vh;
}
@media (max-width: 450px) {
  .divDep1 .panelInfo1 .panelinfoselectpage .pages {
    justify-content: space-around !important;
    word-break: break-word !important;
    flex-wrap: wrap !important;
  }
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages [type=radio]:checked + label, .divDep1 .panelInfo1 .panelinfoselectpage .pages [type=radio]:not(:checked) + label {
  line-height: 25px;
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages [type=radio]:checked + label:before,
.divDep1 .panelInfo1 .panelinfoselectpage .pages [type=radio]:not(:checked) + label:before {
  width: 17px;
  height: 17px;
  border: 2px solid #0e111e;
  background: #f6f6f6;
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages [type=radio]:checked + label:after,
.divDep1 .panelInfo1 .panelinfoselectpage .pages [type=radio]:not(:checked) + label:after {
  top: 4.1px;
  left: 4.1px;
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages .justy {
  display: flex;
  margin-right: 2vh;
}
@media (max-width: 500px) {
  .divDep1 .panelInfo1 .panelinfoselectpage .pages .justy {
    margin-right: 0 !important;
  }
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages .radiocheck {
  display: flex;
  align-self: center;
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages .img {
  display: flex;
  align-items: center;
  word-break: break-word;
  flex-wrap: wrap;
  justify-content: center;
  /* deposit pay */
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages .img .bankimgs {
  display: flex;
  margin-top: 5px;
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages .img img.safetypays {
  content: var(--img-safetypage);
  height: 26px;
  background-size: cover !important;
  background-repeat: no-repeat;
  display: block;
  margin-top: 6px;
  align-self: center;
  margin-right: 4vh;
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages .img img.safetypays1 {
  content: var(--img-safetypage1);
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 13px;
  height: 26px;
  align-self: center;
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages .img img.safetypays2 {
  content: var(--img-safetypage2);
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 13px;
  height: 30px;
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages .img img.payphones {
  content: var(--img-payphone);
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 30px;
  margin-top: 6px;
  margin-right: 4vh;
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages .img img.payphones1 {
  content: var(--img-payphone1);
  background-size: cover !important;
  background-repeat: no-repeat;
  height: 30px;
  margin-right: 13px;
  margin-top: 5px;
  background-position: center;
}
@media (max-width: 350px) {
  .divDep1 .panelInfo1 .panelinfoselectpage .pages .img img.payphones1 {
    height: 30px !important;
    margin-right: 0 !important;
  }
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages .img img.payphones2 {
  /* content: var(--img-payphone2); */
  background-size: cover !important;
  background-repeat: no-repeat;
  height: 30px;
  background-position: center;
}
@media (max-width: 350px) {
  .divDep1 .panelInfo1 .panelinfoselectpage .pages .img img.payphones2 {
    height: 30px !important;
  }
}
.divDep1 .panelInfo1 .panelinfoselectpage .pages .img img.cobres {
  content: var(--img-cobre);
  background-size: cover !important;
  background-repeat: no-repeat;
  height: 30px;
  margin-right: 13px;
  margin-top: 5px;
  filter: var(--filter-cobre);
  background-position: center;
}
@media (max-width: 350px) {
  .divDep1 .panelInfo1 .panelinfoselectpage .pages .img img.cobres {
    height: 30px !important;
    margin-right: 0 !important;
  }
}

.divDep2 {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.88);
  width: 40%;
  background: var(--background-bonuses-fond);
}
@media (max-width: 1200px) {
  .divDep2 {
    width: 100% !important;
  }
}
.divDep2 .paneltitle2 p {
  padding: 10px 17px;
  background: var(--background-bonuses-nv2);
  font-weight: 900;
}
.divDep2 .panelInfo2 {
  padding: 10px 17px;
}
.divDep2 .panelInfo2 h1 {
  margin-bottom: 2vh;
}
.divDep2 .panelInfo2 .valueRecharge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #0e111e;
  border-bottom: 1px solid #0e111e;
  padding: 3vh 0px;
  margin-bottom: 3vh;
}
.divDep2 .panelInfo2 .valueRecharge span {
  color: var(--main-text-color);
  font-weight: 900;
  font-size: 17px;
}
.divDep2 .panelInfo2 .codediscount {
  display: flex;
  align-items: center;
}
.divDep2 .panelInfo2 .codediscount span {
  color: var(--main-text-color);
  font-weight: 600;
  font-size: 17px;
  margin-left: 4vh;
}
.divDep2 .panelInfo2 .insertcode {
  padding: 3vh 0vh;
}
.divDep2 .panelInfo2 .insertcode input {
  border-bottom: 1px solid #44bf5d;
  width: 100%;
  margin-bottom: 2vh;
  background: var(--background-bonuses-fond);
}
.divDep2 .panelInfo2 .insertcode input::-webkit-input-placeholder {
  color: var(--main-text-color);
}
.divDep2 .panelInfo2 .insertcode .insercodebutton {
  display: flex;
  justify-content: center;
  margin-bottom: 3vh;
}
.divDep2 .panelInfo2 .insertcode .panelinfocode {
  display: flex;
  align-items: center;
  margin-bottom: 4vh;
}
.divDep2 .panelInfo2 .insertcode .panelinfocode i {
  transform: scale(1.75) !important;
  margin-right: 3vh;
  height: 2vh;
  width: 2vh;
}
.divDep2 .panelInfo2 .insertcode .panelinfocode p {
  color: #f94654;
  font-weight: 500;
}
.divDep2 .panelInfo2 .insertcode .valueRechargeTotal {
  margin-bottom: 4vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.divDep2 .panelInfo2 .insertcode .valueRechargeTotal span {
  color: #44bf5d;
  font-weight: 900;
  font-size: 19px;
}
.divDep2 .panelInfo2 .insertcode .insercodebuttonpay {
  display: flex;
  justify-content: center;
}
.divDep2 .panelInfo2 .insertcode .insercodebuttonpay button {
  width: 100%;
  font-size: 3vh;
}
.divDep2 .panelInfo2 .insertcode .insercodebuttonpay .fill {
  color: #f6f6f6;
}

.divDep3 {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.88);
  width: 100%;
  background: var(--background-bonuses-fond);
}
.divDep3 img.facilito {
  content: var(--img-logofacilito);
}
.divDep3 img.bakan {
  content: var(--img-logobakan);
}
.divDep3 img.red-activa {
  content: var(--img-logoredactiva);
}
.divDep3 img.bemovil {
  content: var(--img-logobemovil);
}
.divDep3 .paneltitle3 p {
  padding: 10px 17px;
  background: var(--background-bonuses-nv2);
  font-weight: 900;
}
.divDep3 .panelInfo3 {
  padding: 30px 17px;
}
.divDep3 .panelInfo3 .descripinfo3 p span {
  font-weight: 900;
}
.divDep3 .panelInfo3 .descripinfo3 p span.t {
  font-weight: 100;
}
.divDep3 .panelInfo3 .panelimgcontent {
  display: flex;
  justify-content: space-between;
  word-break: break-word;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .divDep3 .panelInfo3 .panelimgcontent {
    justify-content: center !important;
  }
}
.divDep3 .panelInfo3 .panelimgcontent .imgPuntos {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 0 10px;
}
.divDep3 .panelInfo3 .panelimgcontent .imgPuntos img {
  padding: 2vh 2vh;
  background: var(--proportion-container-bonus-background);
  width: 200px;
  height: 83px;
}
.divDep3 .panelInfo3 .panelimgcontent .imgPuntos button {
  width: 100%;
  color: #ffffff;
}
.divDep3 .panelInfo3 .panelimgcontent .imgPuntos.facilito {
  cursor: pointer;
}

.divDep4 {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.88);
  width: 100%;
  background: var(--background-bonuses-fond);
}
.divDep4 .paneltitle4 p {
  padding: 10px 17px;
  background: var(--background-bonuses-nv2);
  font-weight: 900;
}
.divDep4 .panelInfo4 {
  padding: 30px 17px;
}
.divDep4 .panelInfo4 table.d {
  width: 100%;
  text-align: center;
}
.divDep4 .panelInfo4 table.d td,
.divDep4 .panelInfo4 table.d th {
  border: 0px solid #aaaaaa;
}
.divDep4 .panelInfo4 table.d tbody tr:nth-child(odd) {
  background: var(--bonuses-tbodyTdBackground);
}
.divDep4 .panelInfo4 table.d tbody tr:nth-child(even) {
  background: var(--bonuses-tbodyTdBackgroundEven);
}
.divDep4 .panelInfo4 table.d tbody td {
  font-size: 13px;
  border: solid 4px var(--bonuses-tbodyTd);
}
.divDep4 .panelInfo4 table.d thead {
  background: #0d0e16;
  /* border-bottom: 0.7em solid var(--bonuses-tbodyTd); */
}
.divDep4 .panelInfo4 table.d thead th {
  border: solid 2px var(--bonuses-tbodyTd);
  font-size: 15px;
  font-weight: bold;
  color: var(--bonuses-label-playthrough-progress);
  background: var(--bonuses-theadThBackground);
  text-align: center;
  padding: 1% 0% 1% 0%;
}
.divDep4 .button-see-more {
  padding-top: 0;
  background: transparent;
}

.container-home {
  margin: -10px -20px;
  background: #002D5D;
  color: white;
}
.container-home header {
  background: var(--main-background-color-header);
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #fcc200;
}
.container-home header .container-nav-header {
  display: flex;
  align-self: center;
  text-align: center;
}
.container-home header .container-nav-header a .close {
  background-image: url(/bingocasinos.co/img/close-menu.svg);
  height: 24px;
  width: 27px;
  display: block;
  background-size: cover;
}
.container-home header .menuToggle {
  position: absolute !important;
}
.container-home header .nav-header {
  margin: 0px 10px;
  align-self: center;
}
.container-home header .nav-header a, .container-home header .nav-header div {
  color: #ffffff;
}
.container-home header .nav-header a:hover, .container-home header .nav-header div:hover {
  cursor: pointer;
  color: #fcc200;
}
.container-home header img {
  width: 200px;
  margin-right: 20px;
}
.container-home header .container-button-header {
  align-self: center;
  padding-top: 10px;
  text-align: center;
  display: flex;
}
.container-home header .container-button-header .button-login {
  background: transparent;
  color: white;
  border: 1px solid white;
  min-width: 100px;
  margin-right: 5px;
}
.container-home header .container-button-header .button-login:hover {
  color: white;
  background: #fcc200;
  border: 1px solid #fcc200 !important;
}
.container-home header .container-button-header .button-register {
  background: #fcc200;
  color: black;
  border: 1px solid #fcc200;
  min-width: 100px;
}
.container-home header .container-button-header .button-register a {
  color: black;
}
.container-home header .container-button-header .button-register a:hover {
  color: white !important;
  border: 1px solid #fcc200 !important;
}
.container-home header .container-button-header .button-register:hover {
  color: white !important;
  border: 1px solid #fcc200 !important;
}
.container-home header .container-button-header > button {
  border-radius: 7px;
  padding: 10px 45px;
}
.container-home header .user {
  display: flex;
  align-items: center;
  position: relative;
}
.container-home header .user .amounts span {
  width: 100%;
  display: flex;
  /* border: 1px solid red; */
  justify-content: space-between;
  margin: 0 auto;
  padding: 0px 10px 0px 16px;
}
.container-home header .user .amounts span:nth-child(1) {
  margin-bottom: 5px;
  margin-top: -8px;
}
.container-home header .user .amounts span:nth-child(2) {
  color: var(--balance-color);
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 5px;
  background: var(--balance-bg);
  padding: 3px 10px 3px 16px;
}
.container-home header .user .amounts span:nth-child(4) {
  margin-top: 5px;
}
.container-home header .user .amounts span:nth-child(5) {
  font-weight: bold;
  margin-top: 5px;
}
.container-home header .user .notifications {
  margin-right: 50px;
  z-index: 4;
  position: relative;
}
.container-home header .user .notifications i {
  cursor: pointer;
}
.container-home header .user .notifications .value {
  position: absolute;
  top: -4px;
  right: -12px;
  background: #27BC60;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  text-align: center;
  font-size: 11px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.container-home header .user .notifications button {
  display: block;
  margin: 20px auto;
}
.container-home header .user .notifications ul {
  position: absolute;
  background: #0D0E16;
  top: 20px;
  right: -10px;
  font-size: 13px;
  width: 300px;
  box-shadow: 0px 3px 20px -1px rgba(0, 0, 0, 0.75);
}
.container-home header .user .notifications ul h4 {
  padding: 10px 20px;
}
.container-home header .user .notifications ul li {
  border-bottom: 1px solid #222433;
  padding: 10px 20px;
}
.container-home header .user .notifications ul li:last-child {
  border: none;
}
.container-home header .user .notifications .icon {
  position: relative;
  display: block;
}
.container-home header .user .notifications .icon img {
  width: 20px;
}
.container-home header .user .profile {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  /* &:hover{
      background-color: $brand-secondary;
  } */
}
.container-home header .user .profile .amounts {
  flex-direction: column;
  display: flex;
  cursor: initial;
  padding: 15px 0;
  font-size: 13px;
  background: var(--secondary-background-color);
}
.container-home header .user .profile .icon {
  margin: 0px 5px;
  cursor: pointer;
}
.container-home header .user .profile .icon-media {
  background-image: url(/bingocasinos.co/img/chevron.svg);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  display: flex;
}
@media (max-width: 1023px) {
  .container-home header .user .profile .container-icon-media {
    background: #070915;
    border-radius: 50%;
    width: 7px;
    height: 7px;
  }
  .container-home header .user .profile .icon-media {
    background-image: var(--icon-chevron-mobile);
    max-width: 7px !important;
    height: 7px !important;
  }
}
.container-home header .user .profile .avatar {
  margin-right: 5px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 50%;
  justify-content: center;
}
.container-home header .user .profile .avatar .dinamyc_avatar {
  background-image: var(--img-avatar);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.container-home header .user .profile .avatar.horizontal img {
  width: auto;
  height: 100%;
}
.container-home header .user .profile .avatar.vertical img {
  width: 100%;
  height: auto;
}
.container-home header .user .profile .avatar img {
  height: auto;
  width: 100%;
  margin-right: 0px;
}
.container-home header .user .profile .text-info {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.container-home header .user .profile .text-info .name {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 2px;
  text-overflow: ellipsis;
  max-width: 7.5vw;
  white-space: nowrap;
  overflow: hidden;
}
.container-home header .user .profile .text-info .balance {
  white-space: nowrap;
  font-size: 13px;
  color: #4aee79;
  font-weight: bold;
  text-overflow: ellipsis;
  max-width: 9.5vw;
  white-space: nowrap;
  overflow: hidden;
}
.container-home header .user .profile .text-info .user-id {
  margin-top: 2px;
}
.container-home header .user .profile ul {
  position: absolute;
  top: 70px;
  left: 0;
  background-color: var(--main-background-color);
  width: 300px;
  z-index: 15;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  margin-bottom: 20px;
}
.container-home header .user .profile ul li {
  border-bottom: 1px solid #3b3b3b;
  transition: all 0.5s;
  text-align: left;
  color: var(--main-text-color);
}
.container-home header .user .profile ul li a {
  padding: 7px 15px;
  display: block;
  width: 100%;
  transition: all 0.5s;
}
.container-home header .user .profile ul li a:hover {
  color: var(--main-brand-primary);
}
.container-home header .user .profile ul li a.active, .container-home header .user .profile ul li a:active {
  background-color: var(--main-brand-primary);
  color: #0D0E16;
}
.container-home header .user .profile ul li:hover {
  opacity: 1;
}
.container-home header .user .profile ul li:last-of-type {
  border-bottom: none;
  text-align: center;
  margin-bottom: 20px;
}
.container-home header .user .profile ul .sm-text {
  margin-top: 10px;
}
.container-home header .user .profile ul .button {
  margin: 20px auto;
}
.container-home header .user .button {
  padding: 10px 30px;
  white-space: nowrap;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .container-home {
    margin-top: -70px;
  }
  .container-home header {
    background: var(--main-background-color-header);
    position: fixed;
    top: 0;
    height: 50px;
    border-bottom: none;
    z-index: 12;
    width: 100%;
    box-shadow: 0px 2px 10px black;
    display: block;
    padding: 0;
  }
  .container-home .group-functionalities {
    display: flex;
    position: fixed;
    top: 13px;
    right: 0px;
  }
  .container-home .group-functionalities img {
    width: 28px;
    background: #020511;
    border-radius: 50%;
    margin-right: 8px;
  }
  .container-home .group-functionalities img:hover {
    cursor: pointer;
  }
  .container-home .group-functionalities img.active {
    background: #33aa52;
  }
  .container-home .group-functionalities.right {
    right: 113px;
  }
  .container-home .group-functionalities.right img {
    margin-right: 5px;
  }
  .container-home .functionality {
    height: 0;
    display: flex;
    background: #161823;
    margin-top: -6px;
    justify-content: center;
    transition: height 0.3s ease;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.4705882353);
  }
  .container-home .functionality.show {
    height: 48px;
  }
  .container-home .search.search-functionality {
    display: flex;
    margin: 0px;
    width: 100%;
    padding-top: 7px;
    justify-content: center;
    max-width: 97%;
  }
  .container-home .search.search-functionality .searchContainer {
    width: 100%;
  }
  .container-home .search.search-functionality .searchContainer i {
    top: 6.5px;
  }
  .container-home .search.search-functionality .searchContainer #mysearch2 {
    height: 33px;
  }
  .container-home .user-functionality .login {
    display: flex !important;
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    margin: 12px 0px 0px 0px !important;
  }
  .container-home .user-functionality .login button:first-child {
    margin-right: 10px !important;
  }
  .container-home .user-functionality .login button {
    display: flex;
    align-items: center;
    transition: none;
    padding: 3px 10px;
    border: 1px solid #acaeb6;
    font-size: 12px;
  }
  .container-home .user-functionality .login button i {
    width: 17px;
    height: 17px;
    margin-right: 3px;
  }
  .container-home .user-functionality .login button .login-icon {
    background: url(/bingocasinos.co/img/login-dark.svg) no-repeat;
  }
  .container-home .user-functionality .login button .register-icon {
    background: url(/bingocasinos.co/img/register-dark.svg) no-repeat;
  }
  .container-home .user-functionality .login button:hover {
    background-color: #f3b90f !important;
    border: 1px solid #f3b90f !important;
  }
  .container-home .user-functionality .login button:hover i {
    width: 17px;
    height: 17px;
    margin-right: 3px;
  }
  .container-home .user-functionality .login button:hover i.login-icon {
    background: url(/bingocasinos.co/img/login.svg) no-repeat;
  }
  .container-home .user-functionality .login button:hover i.register-icon {
    background: url(/bingocasinos.co/img/register.svg) no-repeat;
  }
  .container-home .user-functionality .login button:hover span {
    color: black;
  }
  .container-home .user-functionality .login button span {
    color: white;
  }
  .container-home .user-functionality .login button.active {
    background-color: #f3b90f !important;
    border: 1px solid #f3b90f !important;
  }
  .container-home .user-functionality .login button.active i {
    width: 17px;
    height: 17px;
    margin-right: 3px;
  }
  .container-home .user-functionality .login button.active i.login-icon {
    background: url(/bingocasinos.co/img/login.svg) no-repeat;
  }
  .container-home .user-functionality .login button.active i.register-icon {
    background: url(/bingocasinos.co/img/register.svg) no-repeat;
  }
  .container-home .user-functionality .login button.active span {
    color: black;
  }
  .container-home .user-functionality .login button.active span:hover {
    color: black;
  }
  .container-home .option-list {
    display: flex;
    align-items: center;
  }
  .container-home .option-list .odd-format .select-item-theme img {
    width: 16px;
    margin-right: 0;
  }
  .container-home .option-list .languageSelect.lg {
    display: flex !important;
    padding: 0 20px;
  }
  .container-home .option-list .languageSelect.lg a {
    padding-right: 0 !important;
    min-width: 0;
  }
  .container-home .option-list .languageSelect.lg a .select-list {
    margin-left: -5.5px;
  }
  .container-home .option-list .languageSelect.lg a .select-selected span {
    color: white !important;
  }
  .container-home .option-list .languageSelect.lg a .select-selected span:hover {
    color: white !important;
  }
  .container-home .option-list .languageSelect.lg a .select-selected img {
    margin-right: 0;
  }
  .container-home .option-list .odd-format .select-container-format {
    padding-right: 0 !important;
    min-width: 0;
  }
  .container-home .option-list .odd-format .select-container-format .select-list {
    right: auto;
    margin-left: -30px;
  }
  .container-home .option-list .odd-format .select-container-format .select-selected span {
    color: white !important;
  }
  .container-home .option-list .odd-format .select-container-format .select-selected span:hover {
    color: white !important;
  }
  .container-home .option-list .odd-format .select-container-format .select-selected img {
    margin-right: 0;
  }
}
.container-home aside {
  display: none !important;
}
.container-home aside .pageNav {
  margin-top: 30px;
}
.container-home aside .pageNav a {
  font-weight: 600;
  font-size: 16px;
}
.container-home .mobile {
  display: none !important;
}
.container-home .parallax {
  width: 100%;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
}
.container-home .parallax .container-step {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  padding-bottom: 40px;
}
.container-home .parallax .container-step .step {
  display: flex;
  padding: 10px;
  width: 320px;
  font-weight: bold;
  border-radius: 17px;
}
.container-home .parallax .container-step .step .number {
  color: white;
  font-size: 150px;
  margin-right: 20px;
  margin-left: 15px;
}
.container-home .parallax .container-step .step .container-text {
  display: grid;
}
.container-home .parallax .container-step .step .top-text {
  font-size: 23px;
  margin-top: 21px;
}
.container-home .parallax .container-step .step .mid-text {
  color: #172b2f;
  margin-top: -30px;
  font-style: italic;
}
.container-home .parallax .container-step .step .bot-text {
  font-size: 12px;
  margin-top: -38px;
}
.container-home .parallax .container-step .step.one {
  background: #FCC200;
  margin-left: 30px;
  margin-right: 20px;
}
.container-home .parallax .container-step .step.two {
  background: #33AA52;
}
.container-home .parallax .container-step .step.three {
  background: #F29100;
  margin-left: 15px;
  margin-right: 30px;
}
.container-home .parallax .container-button-place-bet {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
.container-home .parallax .place-bet {
  background: #172b2f !important;
  color: white !important;
  min-width: 150px !important;
  border: 1px solid #172b2f !important;
  font-size: 25px;
  padding: 10px 30px;
  margin-top: 40px;
  font-weight: 600;
}
.container-home .parallax .place-bet:hover {
  background: #f3b90f !important;
  color: black !important;
  border: 1px solid #f3b90f !important;
}
.container-home .informative-text {
  background: #161824;
}
.container-home .informative-text h3 {
  text-align: center;
  font-weight: bold;
  padding-top: 30px;
  margin-bottom: 5px;
}
.container-home .informative-text .line {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.container-home .informative-text .line hr {
  height: 3px;
  width: 150px;
  background: #f2b70f;
  border: 1px solid #f2b70f;
}
.container-home .informative-text span p {
  padding-bottom: 30px;
  text-align: justify;
  margin: 0px 35px;
}
.container-home .deposit-withdrawal {
  background: #001728;
  border-top: 7px solid #071727;
  border-bottom: 7px solid #071727;
}
.container-home .deposit-withdrawal h3 {
  text-align: center;
  font-weight: bold;
  padding-top: 40px;
  margin-bottom: 30px;
}
.container-home .deposit-withdrawal .line {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.container-home .deposit-withdrawal .line hr {
  height: 3px;
  width: 150px;
  background: #f2b70f;
  border: 1px solid #f2b70f;
}
.container-home .deposit-withdrawal .container-logo {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 25px;
  gap: 50px;
  align-items: center;
}
.container-home .deposit-withdrawal .container-logo .pay-visa-master {
  height: 42px;
}
.container-home .deposit-withdrawal .container-logo .pay-payu {
  height: 62px;
}
.container-home .deposit-withdrawal .container-logo .pay-baloto {
  height: 65px;
}
.container-home .deposit-withdrawal .container-logo .pay-efecty {
  height: 50px;
}
.container-home .deposit-withdrawal .container-logo .pay-nequi {
  height: 53px;
}
.container-home .deposit-withdrawal .container-logo .pay-pse {
  height: 71px;
}
.container-home .deposit-withdrawal .container-logo .pay-exito {
  height: 71px;
}
.container-home .banner-footer {
  background: #002D5D;
  padding: 30px;
}
.container-home .banner-footer .slider-component {
  margin-bottom: 0px !important;
}
.container-home .casinos-section {
  background: #002D5D;
  text-align: center;
}
.container-home .casinos-section > h1 {
  font-weight: bold;
  font-size: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.container-home .casinos-section > h1 .diamond {
  width: 25px;
  height: 25px;
}
@media (max-width: 1023px) {
  .container-home header .container-nav-header {
    margin-right: 0;
    padding: 10px 30px;
  }
  .container-home header .container-nav-header img {
    width: 120px;
    margin-left: 20px;
    margin-top: 7px;
  }
  .container-home header .nav-header {
    display: none;
  }
  .container-home header .container-button-header {
    display: none;
  }
  .container-home header .user .profile .text-info {
    font-size: 10px;
    margin-right: 15px;
    margin-left: 5px;
  }
  .container-home header .user .profile .avatar {
    width: 30px;
    height: 30px;
    background-color: gray;
    margin-right: 0;
  }
  .container-home header .user .profile {
    position: fixed !important;
    right: -10px;
    z-index: 9;
    top: 8px;
    width: 121px;
  }
  .container-home header .user .profile ul {
    right: 0;
    position: fixed;
    top: 50px;
    left: initial;
    width: 100%;
    max-width: 300px;
  }
  .container-home header .user .profile .icon {
    display: block !important;
    position: fixed;
    margin-left: 23px;
    margin-top: 20px;
  }
  .container-home header .user .profile .icon img {
    max-width: 7px;
    height: 7px;
    background: #070915;
    border-radius: 50%;
  }
  .container-home header .user > .button, .container-home header .profile .icon {
    display: none;
  }
  .container-home header .user .profile .text-info .balance, .container-home header .user .profile .text-info .name {
    font-size: 11px;
  }
  .container-home header .user .profile .text-info .name {
    text-overflow: ellipsis;
    width: 67px;
    max-width: 67px;
    white-space: nowrap;
    overflow: hidden;
  }
  .container-home header .user .profile .text-info .balance {
    text-overflow: ellipsis;
    width: 71px;
    max-width: 71px;
    white-space: nowrap;
    overflow: hidden;
  }
  .container-home header .user .profile .text-info .balance span {
    font-size: 10px;
  }
  .container-home aside {
    display: block !important;
  }
  .container-home aside .pageNav.sm {
    display: grid !important;
  }
  .container-home aside .pageNav.sm div {
    padding-left: 5px;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
  }
  .container-home aside .pageNav.sm a, .container-home aside .pageNav.sm div {
    text-align: left;
    margin-bottom: 15px;
    display: flex;
  }
  .container-home aside .pageNav.sm a:hover, .container-home aside .pageNav.sm div:hover {
    color: #33aa52 !important;
  }
  .container-home aside .pageNav.sm a img, .container-home aside .pageNav.sm div img {
    width: 25px;
    margin-right: 20px;
  }
  .container-home aside .pageNav.sm a img:hover, .container-home aside .pageNav.sm div img:hover {
    color: #33aa52 !important;
  }
  .container-home aside .pageNav.sm a span, .container-home aside .pageNav.sm div span {
    align-self: center;
  }
  .container-home aside .pageNav.sm a span:hover, .container-home aside .pageNav.sm div span:hover {
    color: #33aa52 !important;
  }
  .container-home .aside.open {
    top: 50px !important;
  }
  .container-home .parallax .slider-component {
    padding-top: 50px !important;
  }
  .container-home .parallax .container-step {
    flex-wrap: wrap;
  }
  .container-home .parallax .container-step .step.two {
    margin-right: 30px;
  }
  .container-home .parallax .container-step .step.three {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .container-home .desktop {
    display: none !important;
  }
  .container-home .mobile {
    display: block !important;
  }
  .container-home .parallax {
    background-image: none !important;
  }
  .container-home .parallax .slider-component {
    padding: 15px;
    padding-top: 70px !important;
  }
  .container-home .parallax .container-step {
    margin-top: 0px;
    display: grid;
  }
  .container-home .parallax .container-step .step .number {
    font-size: 100px;
  }
  .container-home .parallax .container-step .step .top-text {
    font-size: 22px;
    margin-top: 14px;
  }
  .container-home .parallax .container-step .step .mid-text {
    margin-top: -10px;
  }
  .container-home .parallax .container-step .step .bot-text {
    margin-top: 0px;
  }
  .container-home .parallax .container-step .step.one, .container-home .parallax .container-step .step.two, .container-home .parallax .container-step .step.three {
    margin-right: 15px;
    margin-left: 15px;
  }
  .container-home .parallax .container-step .step.two {
    margin-top: 15px;
  }
  .container-home .parallax .container-button-place-bet {
    padding-bottom: 10px;
  }
  .container-home .parallax .place-bet {
    margin-top: 25px;
  }
  .container-home .informative-text .line {
    margin-bottom: 20px;
  }
  .container-home .informative-text span p {
    margin: 0px 25px;
  }
  .container-home .deposit-withdrawal h3 {
    padding-top: 20px;
  }
  .container-home .banner-footer {
    padding: 10px;
  }
}

.footer {
  background: var(--main-bg-footer);
  border-top: 12px solid #071727;
  padding-top: 30px;
}

.diamond {
  background: url(/bingocasinos.co/img/diamond.png);
  height: 17px;
  width: 17px;
  display: inline-block;
  background-size: cover;
}

.casino-card {
  background: #001728;
  display: inline-block;
  padding: 50px 20px;
  border-radius: 7px;
}
.casino-card .casino-title > h1 {
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 600;
  color: #FABD00;
  margin-top: 19px;
}
.casino-card img {
  width: 160px;
}

.casinos-section {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.casinos-section > h1 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.casino-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
  max-width: 1010px;
  align-self: center;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .casino-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .casino-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  .casino-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.pattern {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.pattern.mobile {
  display: none;
}
.pattern .gap {
  height: 10px;
}
.pattern .container-grid-games {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(50px, auto);
  margin-bottom: 10px;
}
.pattern .container-grid-games img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  position: absolute;
  top: 0;
  left: 0;
}
.pattern .container-grid-games img.pragmatic {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.pattern .container-grid-games .item-game {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.pattern .container-grid-games .item-1 {
  grid-column: 1/3;
  grid-row: 1/3;
}
.pattern .container-grid-games .item-6 {
  grid-column: 4/6;
  grid-row: 2/3;
}
.pattern .container-grid-games:nth-child(2) {
  grid-template-columns: repeat(4, 1fr);
}
.pattern .container-grid-games:nth-child(2) .item-1 {
  grid-column: 1/2;
  grid-row: 1/2;
}
.pattern .container-grid-games:nth-child(2) .item-2 {
  grid-column: 2/4;
  grid-row: 1/2;
}
.pattern .container-grid-games:nth-child(3) .item-1 {
  grid-column: 1/2;
  grid-row: 1/2;
}

.slider-component.mobile {
  display: none !important;
}

.slider-component.desktop {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .slider-component.desktop {
    display: none !important;
  }
  .slider-component.mobile {
    display: block !important;
    margin-bottom: 10px;
  }
  .pattern {
    display: none;
  }
  .pattern.mobile {
    display: flex;
  }
  .pattern .container-grid-games {
    margin-bottom: 10px;
    grid-template-columns: repeat(2, 1fr);
  }
  .pattern .container-grid-games:nth-child(2) {
    grid-template-columns: repeat(2, 1fr);
  }
  .pattern .container-grid-games:nth-child(3) .item-1 {
    grid-column: 1/3;
    grid-row: 1/3;
  }
  .pattern .container-grid-games:nth-child(1) .item-1, .pattern .container-grid-games:nth-child(2) .item-1, .pattern .container-grid-games:nth-child(5) .item-1, .pattern .container-grid-games:nth-child(6) .item-1, .pattern .container-grid-games:nth-child(8) .item-1 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .pattern .container-grid-games:nth-child(1) .item-2, .pattern .container-grid-games:nth-child(2) .item-2, .pattern .container-grid-games:nth-child(5) .item-2, .pattern .container-grid-games:nth-child(6) .item-2, .pattern .container-grid-games:nth-child(8) .item-2 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .pattern .container-grid-games:nth-child(9) .item-1 {
    grid-column: 1/3;
    grid-row: 1/3;
  }
  .pattern .container-grid-games:last-child {
    margin-bottom: 0;
  }
}
.deposit .panelinfobuttons {
  justify-content: unset !important;
  gap: 20px !important;
}
.deposit .panelinfobuttons .xinput {
  width: 150px !important;
}
.deposit .panelinfobuttons .xinput .form-group-recharge {
  width: 100% !important;
}
.deposit .modal-container.cobre {
  max-width: 400px;
  min-width: unset !important;
  padding: 30px;
  position: relative;
}
.deposit .modal-container.cobre header {
  padding-bottom: 0;
  text-align: center;
}
.deposit .modal-container.cobre header h1 {
  margin: 0;
}
.deposit .modal-container.cobre header .modal-title {
  text-align: unset;
}
.deposit .modal-container.cobre header .close {
  position: absolute;
  top: -20px;
  right: -20px;
}
.deposit .modal-container.cobre .modal-body {
  min-width: unset !important;
}
.deposit .modal-container.cobre .modal-body .deposit-cobre-success .image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
  font-size: 12px;
}
.deposit .modal-container.cobre .modal-body .deposit-cobre-success .image-container img {
  content: url("/bingocasinos.co/img/Aprobado.svg?id=1778514418472");
  width: 72px;
  margin-bottom: -8px;
}

.lobby-container {
  background: url("/bingocasinos.co/img/new-bingo/back-balotas.png"), #FFF;
  background-attachment: fixed;
}
.lobby-container .spinner-loader {
  height: calc(100vh - 100px);
}
.lobby-container .container-rooms {
  max-width: 1300px;
  margin: auto;
}
.lobby-container .container-rooms .room_container {
  background: #223a6e;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.lobby-container .container-rooms .room_container .room-image {
  background-color: #192b61;
  display: flex;
  align-items: center;
}
.lobby-container .container-rooms .room_container .room-image img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  border: 3px solid #fdbf01;
  margin: 15px 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.lobby-container .container-rooms .room_container .container-room-timer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.lobby-container .container-rooms .room_container .container-room-timer .room-timer {
  display: flex;
  align-self: center;
  justify-content: center;
  padding: 10px 5px;
  width: 220px;
  border-radius: 10px;
  border: 1px solid #fff;
}
.lobby-container .container-rooms .room_container .container-room-timer .room-timer img {
  width: 35px;
  margin-right: 7px;
}
.lobby-container .container-rooms .room_container .container-room-timer .room-timer > div {
  width: 150px;
}
.lobby-container .container-rooms .room_container .container-room-timer .room-timer > div .room-clock-title {
  display: block;
  margin-bottom: 10px;
}
.lobby-container .container-rooms .room_container .container-room-timer .room-timer > div .room-clock {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}
.lobby-container .container-rooms .room_container .container-headers-room-general {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room {
  display: flex;
  flex: 1;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room .room-name {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
  flex: 1;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room .room-name .tag {
  margin-bottom: 2px;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room .room-name .tag img {
  width: 50px;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room .room-name .name {
  font-size: 25px;
  font-weight: bold;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room .vertical_line {
  border-left: 1px solid #fff;
  margin: 0 20px;
  height: 55px;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room .room-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  border-left: 1px solid #1c335e;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room .room-arrow img {
  width: 40px;
  border-radius: 50%;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room .room-arrow img.reverse {
  transform: scaleY(-1);
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room .room-arrow img.bought {
  background: #4aee78;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-promos {
  display: flex;
  flex: 1;
  background: #fab708;
  padding: 10px;
  align-items: center;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-promos .name-promos {
  display: flex;
  align-items: center;
  color: #090e49;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-promos .name-promos img {
  width: 24px;
  padding-right: 5px;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-promos .name-promos span {
  font-size: 18px;
  font-weight: bold;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-promos .vertical_line {
  border-left: 1px solid #fff;
  margin: 0 20px;
  height: 30px;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-promos .container-promo {
  flex: 1;
  text-align: center;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-promos .container-promo > span {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-right: 10px;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-promos .container-promo .promo-amount {
  display: flex;
  align-items: center;
  background: #223872;
  border-radius: 16px;
  padding: 2px 18px 2px 2px;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-promos .container-promo .promo-amount img {
  width: 30px;
  margin-right: 8px;
}
.lobby-container .container-rooms .room_container .container-headers-room-general .container-promos .container-promo .promo-amount span {
  font-size: 18px;
  font-weight: 600;
  color: #fab708;
}
.lobby-container .container-rooms .raffles-component.new .raffle {
  background: #e9f0ff;
  color: #223a6e;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle.opened {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.lobby-container .container-rooms .raffles-component.new .raffle .raffle-image {
  width: 60px;
  margin: 10px;
}
.lobby-container .container-rooms .raffles-component.new .raffle .raffle-name {
  flex: 1;
}
.lobby-container .container-rooms .raffles-component.new .raffle .raffle-name .name {
  font-size: 18px;
  font-weight: bold;
}
.lobby-container .container-rooms .raffles-component.new .raffle .raffle-name .date {
  font-size: 10px;
}
.lobby-container .container-rooms .raffles-component.new .raffle .raffle-separator {
  border-left: 1px solid #090e49;
  height: 50px;
  margin: 10px 20px;
}
.lobby-container .container-rooms .raffles-component.new .raffle .raffle-new-reward {
  flex: 1;
}
.lobby-container .container-rooms .raffles-component.new .raffle .raffle-new-reward .title-reward {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle .raffle-new-reward .title-reward .icon-reward {
  width: 20px;
  margin-right: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle .raffle-new-reward .total-reward {
  font-size: 20px;
  font-weight: bold;
}
.lobby-container .container-rooms .raffles-component.new .raffle .container-raffle-timer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.lobby-container .container-rooms .raffles-component.new .raffle .container-raffle-timer .raffle-timer {
  display: flex;
  align-self: center;
  justify-content: center;
  padding: 10px 5px;
  width: 220px;
  border-radius: 10px;
  border: 1px solid #fff;
  color: #fff;
  background: #223a6e;
}
.lobby-container .container-rooms .raffles-component.new .raffle .container-raffle-timer .raffle-timer img {
  width: 30px;
  margin-right: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle .container-raffle-timer .raffle-timer > div {
  width: 150px;
}
.lobby-container .container-rooms .raffles-component.new .raffle .container-raffle-timer .raffle-timer > div .raffle-clock-title {
  display: block;
  margin-bottom: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle .container-raffle-timer .raffle-timer > div .raffle-clock {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
}
.lobby-container .container-rooms .raffles-component.new .raffle .raffle-new-info {
  flex: 1;
  text-align: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle .raffle-new-info .raffle-price {
  font-weight: bold;
}
.lobby-container .container-rooms .raffles-component.new .raffle .raffle-shop {
  flex: 1;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle .raffle-shop .raffle-selection span, .lobby-container .container-rooms .raffles-component.new .raffle .raffle-shop .raffle-selection input[type=text] {
  width: 50px;
  background: #fbbe03;
  color: #090e49;
  padding: 5px;
  text-align: center;
  border-radius: 3px;
}
.lobby-container .container-rooms .raffles-component.new .raffle .raffle-shop .raffle-selection span {
  cursor: pointer;
  padding: 5px 10px;
}
.lobby-container .container-rooms .raffles-component.new .raffle .button-detail-raffle {
  width: 50px;
  align-items: center;
  justify-content: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle .button-detail-raffle img {
  width: 35px;
  cursor: pointer;
  border-radius: 50%;
}
.lobby-container .container-rooms .raffles-component.new .raffle .button-detail-raffle img.bought {
  background: #4aee78;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile {
  background: #e9f0ff;
  color: #223a6e;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  flex-direction: column;
  margin-bottom: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-r1, .lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-r2, .lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-r3 {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-r2 {
  justify-content: space-around;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-r2 .raffle-new-reward {
  padding-left: 20px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-r3 {
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  border: 0;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile.opened {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-image {
  width: 60px;
  margin: 10px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-name {
  flex: 1;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-name .name {
  font-size: 18px;
  font-weight: bold;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-name .date {
  font-size: 10px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-separator {
  border-left: 1px solid #090e49;
  height: 50px;
  margin: 10px 20px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-new-reward {
  flex: 1;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-new-reward .title-reward {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-new-reward .title-reward .icon-reward {
  width: 15px;
  margin-right: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-new-reward .total-reward {
  font-size: 16px;
  font-weight: bold;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .container-raffle-timer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .container-raffle-timer .raffle-timer {
  display: flex;
  align-self: center;
  padding: 10px;
  width: 180px;
  border-radius: 10px;
  border: 1px solid #fff;
  color: #fff;
  background: #223a6e;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .container-raffle-timer .raffle-timer img {
  width: 30px;
  margin-right: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .container-raffle-timer .raffle-timer > div {
  width: 100px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .container-raffle-timer .raffle-timer > div .raffle-clock-title {
  display: block;
  margin-bottom: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .container-raffle-timer .raffle-timer > div .raffle-clock {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-new-info {
  flex: 1;
  text-align: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-new-info .raffle-price {
  font-weight: bold;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-shop {
  flex: 1;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-shop .raffle-selection span, .lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-shop .raffle-selection input[type=text] {
  width: 50px;
  background: #fbbe03;
  color: #090e49;
  padding: 5px;
  text-align: center;
  border-radius: 3px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .raffle-shop .raffle-selection span {
  cursor: pointer;
  padding: 5px 10px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .button-detail-raffle {
  width: 50px;
  align-items: center;
  justify-content: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .button-detail-raffle img {
  width: 25px;
  cursor: pointer;
  border-radius: 50%;
}
.lobby-container .container-rooms .raffles-component.new .raffle-mobile .button-detail-raffle img.bought {
  background: #4aee78;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail {
  background: #e9f0ff;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: -5px;
  margin-bottom: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail {
  background: #f2f6fc;
  border-radius: 5px;
  color: #090e49;
  padding: 20px;
  display: flex;
  justify-content: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .image-raffle {
  width: 230px;
  height: 347px;
  -o-object-fit: cover;
     object-fit: cover;
  background: #ccc;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .container-detail-info {
  padding: 20px;
  padding-left: 50px;
  padding-top: 0;
  align-self: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .container-detail-info .detail-info {
  flex: 1;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .container-detail-info .detail-info .detail-status {
  background: #42ba60;
  font-size: 18px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  margin: auto;
  width: 144px;
  margin-bottom: 20px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .container-detail-info .detail-info > div {
  margin-bottom: 20px;
  line-height: normal;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .container-detail-info .detail-info > div span.title {
  font-weight: 600;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-separator {
  border-left: 1px solid #090e49;
  height: 300px;
  margin: 10px 30px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-rewards {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  flex: 1;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-rewards .detail-reward-title {
  display: flex;
  align-items: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-rewards .detail-reward-title img {
  width: 24px;
  margin-right: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-rewards .detail-reward-title span {
  font-size: 17px;
  font-weight: 600;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-rewards .detail-reward-figures {
  font-weight: 600;
  flex-wrap: wrap;
  padding: 15px 0px;
  max-height: 250px;
  overflow: auto;
  gap: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-rewards .detail-reward-figures .table-bingo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #e9f0ff;
  padding: 8px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-rewards .detail-reward-figures .table-bingo-container .name-bingo {
  font-size: 9px;
  margin-bottom: 3px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-rewards .detail-reward-figures .table-bingo-container .figure {
  display: flex;
  background: #fab708;
  padding: 6px;
  gap: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-rewards .detail-reward-figures .table-bingo-container .figure > div {
  gap: 5px;
  display: flex;
  flex-direction: column;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-rewards .detail-reward-figures .table-bingo-container .figure div > div {
  width: 6px;
  height: 6px;
  background: #fddb85;
  border-radius: 3px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-rewards .detail-reward-figures .table-bingo-container .figure .f-center {
  background: transparent;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-rewards .detail-reward-figures .table-bingo-container .figure .f-black {
  background: #261649;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-rewards .detail-reward-figures .table-bingo-container .prize-table-award {
  margin-top: 4px;
  font-size: 10px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards {
  display: flex;
  flex: 1;
  justify-content: space-between;
  flex-direction: column;
  padding: 20px 10px 30px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .my-cards {
  display: flex;
  align-items: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .my-cards img {
  width: 25px;
  margin-right: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .my-cards span {
  font-weight: 600;
  margin-right: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .card-bought {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  max-height: 150px;
  overflow: auto;
  padding: 10px 0px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .card-bought .spinner-loader {
  flex: 1;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .total-bet-cards {
  font-size: 16px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .total-bet-cards span {
  font-weight: 600;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .show-raffle {
  text-align: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .show-raffle button {
  background: #223a6e;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  padding: 10px 30px;
  border-radius: 5px;
  outline: none;
  border: 0;
  max-width: 250px;
  width: 100%;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .show-raffle button:hover {
  color: #fff !important;
  border: none !important;
  outline: none;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .not-bought {
  display: flex;
  justify-content: center;
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .not-bought img {
  width: 100px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .not-bought div {
  display: flex;
  gap: 10px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .not-bought div span {
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 7px 5px;
  border: 2px solid #162d5e;
  border-radius: 3px;
  width: 40px;
  height: 45px;
  cursor: pointer;
  border-top: 7px solid #162d5e;
  background: #f4bf03;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail .content-detail .detail-cards .not-bought button {
  padding: 10px 20px;
  width: 100%;
  max-width: 250px;
  color: #fff;
  border: 0;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  background: #42ba60;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile {
  background: #e9f0ff;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: -5px;
  margin-bottom: 5px;
  display: none;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail {
  background: #f2f6fc;
  border-radius: 5px;
  color: #090e49;
  padding: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-r1 {
  display: flex;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .image-raffle {
  width: 150px;
  height: 226px;
  -o-object-fit: cover;
     object-fit: cover;
  background: #ccc;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .container-detail-info {
  padding: 20px;
  padding-top: 0;
  align-self: center;
  padding-bottom: 0;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .container-detail-info .detail-info {
  flex: 1;
  font-size: 12px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .container-detail-info .detail-info .detail-status {
  background: #42ba60;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  border-radius: 5px;
  padding: 8px 15px;
  margin: auto;
  width: 115px;
  margin-bottom: 20px;
  text-align: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .container-detail-info .detail-info > div {
  margin-bottom: 20px;
  line-height: normal;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .container-detail-info .detail-info > div span.title {
  font-weight: 600;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-separator {
  border-left: 1px solid #090e49;
  height: 300px;
  margin: 10px 30px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-rewards {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  flex: 1;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-rewards .detail-reward-title {
  display: flex;
  align-items: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-rewards .detail-reward-title img {
  width: 24px;
  margin-right: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-rewards .detail-reward-title span {
  font-size: 17px;
  font-weight: 600;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-rewards .detail-reward-figures {
  font-weight: 600;
  flex-wrap: wrap;
  padding-top: 10px;
  max-height: 250px;
  overflow: auto;
  gap: 12px;
  display: flex;
  align-items: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-rewards .detail-reward-figures .table-bingo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #e9f0ff;
  padding: 8px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-rewards .detail-reward-figures .table-bingo-container .name-bingo {
  font-size: 9px;
  margin-bottom: 3px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-rewards .detail-reward-figures .table-bingo-container .figure {
  display: flex;
  background: #fab708;
  padding: 6px;
  gap: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-rewards .detail-reward-figures .table-bingo-container .figure > div {
  gap: 5px;
  display: flex;
  flex-direction: column;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-rewards .detail-reward-figures .table-bingo-container .figure div > div {
  width: 6px;
  height: 6px;
  background: #fddb85;
  border-radius: 3px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-rewards .detail-reward-figures .table-bingo-container .figure .f-center {
  background: transparent;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-rewards .detail-reward-figures .table-bingo-container .figure .f-black {
  background: #261649;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-rewards .detail-reward-figures .table-bingo-container .prize-table-award {
  margin-top: 4px;
  font-size: 10px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards {
  display: flex;
  flex: 1;
  justify-content: space-between;
  flex-direction: column;
  padding: 20px 10px 0;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .my-cards {
  display: flex;
  align-items: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .my-cards img {
  width: 25px;
  margin-right: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .my-cards span {
  font-weight: 600;
  margin-right: 5px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .card-bought {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  max-height: 150px;
  overflow: auto;
  padding: 10px 0px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .card-bought .spinner-loader {
  flex: 1;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .total-bet-cards {
  font-size: 16px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .total-bet-cards span {
  font-weight: 600;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .show-raffle {
  text-align: center;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .show-raffle button {
  background: #223a6e;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  padding: 10px 30px;
  border-radius: 5px;
  outline: none;
  border: 0;
  max-width: 250px;
  width: 100%;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .show-raffle button:hover {
  color: #fff !important;
  border: none !important;
  outline: none;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .not-bought {
  display: flex;
  justify-content: center;
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .not-bought img {
  width: 100px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .not-bought > div {
  display: flex;
  gap: 10px;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .not-bought > div span {
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 7px 5px;
  border: 2px solid #162d5e;
  border-radius: 3px;
  width: 40px;
  height: 45px;
  cursor: pointer;
  border-top: 7px solid #162d5e;
  background: #f4bf03;
}
.lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile .content-detail .detail-cards .not-bought button {
  padding: 10px 20px;
  width: 100%;
  max-width: 250px;
  color: #fff;
  border: 0;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  background: #42ba60;
}
.lobby-container .room_container.mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .lobby-container .rm-mobile {
    display: none;
  }
  .lobby-container .container-rooms .raffles-component.new .raffle-mobile {
    display: flex;
  }
  .lobby-container .container-rooms .raffles-component.new .raffle-detail-mobile {
    display: block;
  }
  .lobby-container .container-rooms .raffles-component.new .raffle, .lobby-container .container-rooms .raffles-component.new .raffle-detail {
    display: none;
  }
  .lobby-container .container-rooms .room_container {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #1c335e;
  }
  .lobby-container .container-rooms .room_container .room-image img {
    width: 60px;
    height: 60px;
  }
  .lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room .vertical_line.mobile {
    display: none;
  }
  .lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room .container-room-timer.mobile {
    display: none;
  }
  .lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room .room-arrow {
    width: 40px;
  }
  .lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room .room-arrow img {
    width: 20px;
  }
  .lobby-container .container-rooms .room_container .container-headers-room-general .container-headers-room .room-name .name {
    font-size: 14px;
  }
  .lobby-container .container-rooms .room_container .container-headers-room-general .container-promos {
    display: none;
  }
  .lobby-container .container-rooms .room_container.mobile {
    padding: 10px;
    margin-bottom: 8px;
    display: block;
  }
}

.table-card-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fab708;
  padding: 8px;
  border-radius: 3px;
}
.table-card-container .table-card {
  display: flex;
  gap: 1px;
}
.table-card-container .table-card > div {
  gap: 1px;
  display: flex;
  flex-direction: column;
}
.table-card-container .table-card > div > div {
  width: 15px;
  height: 15px;
  font-size: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fefefe;
}
.table-card-container .table-card > div:nth-child(1) > div:nth-child(1), .table-card-container .table-card > div:nth-child(1) > div:nth-child(5), .table-card-container .table-card > div:nth-child(3) > div:nth-child(1), .table-card-container .table-card > div:nth-child(5) > div:nth-child(1), .table-card-container .table-card > div:nth-child(5) > div:nth-child(5) {
  color: #fff;
  background: #261649;
}
.table-card-container .table-card > div:nth-child(3) > div:nth-child(3) {
  background: #fab708;
}
.table-card-container .card-number {
  padding: 2px 6px;
  background: #fefefe;
  color: #261649;
  margin-top: 5px;
  font-size: 8px;
  font-weight: 600;
}

.bingo-summary {
  width: 100%;
}
.bingo-summary .bingo-summary__item {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.bingo-summary .bingo-summary__item :last-child {
  font-weight: 600;
}
.bingo-summary .bingo-title {
  text-align: center;
  padding-bottom: 10px;
}

.print-ticket-container {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px 0;
}
.print-ticket-container .print-ticket-btn {
  width: 100%;
  max-width: 200px;
}