@-webkit-keyframes girando {
  /* Animation for rotating elements */
  from {
    /* Starting state of the animation */
    -webkit-transform: rotateY(0deg);
    /* No rotation */
  }
  to {
    /* Ending state of the animation */
    -webkit-transform: rotateY(-360deg);
    /* Full rotation */
  }
}
.webix_view.background-login.webix_layout_space {
  /* Styles for the login background */
  background: url('/sources/images/bg-login.jpg');
  /* Background image */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* No repeating of the image */
  background-position: center;
  /* Center the image */
}
#contenedor {
  /* Styles for the container element */
  margin: 0;
  /* Remove default margin */
  -webkit-perspective: 600px;
  /* Perspective for 3D effects */
}
.webix_primary2 .webix_button {
  /* Styles for primary buttons */
  background: #1ca9d1 !important;
  /* Primary button background color */
  color: white !important;
  /* Text color for primary buttons */
  border: none !important;
  /* Remove border */
}
.webix_danger2 .webix_button {
  /* Styles for danger buttons */
  background: #ff5c4c !important;
  /* Danger button background color */
  color: white !important;
  /* Text color for danger buttons */
  border: none !important;
  /* Remove border */
}
.webix_switch_on {
  /* Background color for the switch in the 'on' state */
  background-color: #33bf1c !important;
}
.webix_switch_off {
  /* Background color for the switch in the 'off' state */
  background-color: #c2c2c2 !important;
}
.webix_dbllist2 .webix_list_item {
  /* Background and text color for list items in double list component */
  background-color: #d9d9d9 !important;
  color: #ffffff !important;
}
.webix_dbllist2 .webix_list {
  /* Background color and border for the list in double list component */
  background-color: #ffffff !important;
  border: 1px solid #dadee0 !important;
}
.webix_inputNumber input[type='number']::-webkit-inner-spin-button,
.webix_inputNumber input[type='number']::-webkit-outer-spin-button {
  /* Hide the default spin buttons in number input for WebKit browsers */
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.webix_inputNumber input[type='number'] {
  /* Set appearance of number input to textfield for Firefox */
  -moz-appearance: textfield !important;
}
.girando {
  /* Animation properties for the 'girando' class */
  -webkit-animation-name: girando;
  /* Name of the animation */
  -webkit-animation-timing-function: linear;
  /* Timing function for the animation */
  -webkit-animation-iteration-count: infinite;
  /* Infinite iterations of the animation */
  -webkit-animation-duration: 3s;
  /* Duration of one iteration */
  -webkit-transform-style: preserve-3d;
  /* Preserve 3D transformations */
}
/* Styles for toolbar buttons */
.toolbar_button button {
  padding: 0;
  /* Removes padding */
  text-align: center;
  /* Centers text */
}
/* Styles for label links */
.labelLink > div {
  font-family: Roboto, sans-serif !important;
  /* Sets font family */
  font-size: 14px !important;
  /* Sets font size */
  font-weight: 500 !important;
  /* Sets font weight */
  color: #313131 !important;
  /* Sets text color */
  letter-spacing: 0.2px !important;
  /* Sets letter spacing */
}
/* Fixes border width */
.fixBorder {
  border-width: 0 !important;
  /* Removes border width */
}
/* Styles for QR code button */
.button-qr {
  font-size: 20px;
  /* Sets font size */
  height: 20px;
  /* Sets height */
  width: 20px;
  /* Sets width */
  display: inline-block;
  /* Displays as inline-block */
  text-align: center;
  /* Centers text */
  color: #94a1b3;
  /* Sets text color */
  margin-top: 8px;
  /* Adds top margin */
}
/* Styles for QR code container */
.qr-container {
  text-align: center;
  /* Centers content */
}
.tck-ganador {
  /* Styles for the winner class */
  background: #5aa95a;
  /* Green background */
  color: white;
  /* White text color */
  padding: 5px 0px;
  /* Vertical padding */
}
.tck-default {
  /* Styles for the default class */
  padding: 5px 0px;
  /* Vertical padding */
}
.tck-perdedor {
  /* Styles for the loser class */
  background: #b34a4a;
  /* Red background */
  color: white;
  /* White text color */
  padding: 5px 0px;
  /* Vertical padding */
}
.webix_view.templatemMessage .webix_template {
  /* Styles for webix template within a specific view */
  padding: 0;
  /* No padding */
}
.webix_template33 > div {
  /* Styles for direct child div of webix_template33 */
  padding: 0 !important;
  /* No padding, overrides other styles */
}
.webix_template333 {
  /* Styles for webix_template333 */
  padding: 0 !important;
  /* No padding, overrides other styles */
  width: 100% !important;
  /* Full width */
  height: 90vh !important;
  /* 90% of viewport height */
  overflow: scroll !important;
  /* Scrollable overflow */
}
.my-custom-button {
  /* Custom button styling */
  background: #263043 !important;
  /* Background color */
  color: white;
  /* Text color */
  border-radius: 5px;
  /* Rounded corners */
  cursor: pointer;
  /* Pointer cursor on hover */
  width: 140px;
  /* Button width */
  height: 38px;
  /* Button height */
  font-size: 16px;
  /* Font size */
  font-weight: 600;
  /* Font weight */
}
label.webix_inp_top_label span {
  /* Padding for label span */
  padding-right: 5px;
  /* Space to the right */
}
label.webix_inp_top_label div.tittle,
label.webix_inp_top_label label.tittle {
  /* Styling for title in labels */
  overflow: hidden !important;
  /* Prevent overflow */
  margin-right: 20px;
  /* Space to the right */
  width: -webkit-calc(100% - 20px);
  /* Responsive width calculation */
  display: inline-grid;
  /* Grid display */
}
.linkAf input {
  /* Input styling within linkAf class */
  color: #94a1b3;
  /* Text color */
  cursor: pointer;
  /* Pointer cursor on hover */
  border: none;
  /* No border */
  padding: 0;
  /* No padding */
  background: transparent;
  /* Transparent background */
  font-size: 11px;
  /* Font size */
}
/* Styles for affiliate title */
.title-affiliate > div {
  font-weight: bold !important;
  /* Makes text bold */
}
/* Styles for Webix buttons */
.webixbutton {
  width: 8px;
  /* Sets button width */
  height: 21px;
  /* Sets button height */
  padding: 3px 10px !important;
  /* Sets padding */
  line-height: 1.8;
  /* Sets line height */
  margin: 0 5px;
  /* Sets margin */
  border-radius: 30px !important;
  /* Rounds button corners */
}
/* Styles for back button */
.back-button button {
  border: 0 !important;
  /* Removes button border */
}
/* Styles for radio options */
.webix_radio_option {
  margin-right: 10px;
  /* Sets right margin */
}
/* Styles for loading icon */
.icon-loading {
  background-image: url(/sources/assets/plugins/images/icon-virtualsoft.svg);
  /* Sets background image */
  background-repeat: no-repeat !important;
  /* Prevents background image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: 65%;
  /* Sets background image size */
  height: 85px;
  /* Sets height */
  display: block;
  /* Displays as block element */
}
[class='partner 0'] {
  /* Sets background image for partner 0 */
  background-image: url(/sources/assets/plugins/images/logo-dorado.svg);
  /* Prevents background image from repeating */
  background-repeat: no-repeat !important;
  /* Removes border */
  border: 0 !important;
  /* Centers the background image */
  background-position: center !important;
  /* Sets background size */
  background-size: auto 25px;
  /* Sets height of the element */
  height: 36px;
  /* Displays the element as a block */
  display: block;
}
[class='partner 19'] {
  /* Sets background image for partner 19 */
  background-image: url(/sources/assets/plugins/images/logo-dorado.svg);
  background-repeat: no-repeat !important;
  border: 0 !important;
  background-position: center !important;
  background-size: auto 25px;
  height: 36px;
  display: block;
}
[class='partner 10'] {
  /* Sets background image for partner 10 */
  background-image: url(/sources/assets/plugins/images/logo-dorado.svg);
  background-repeat: no-repeat !important;
  border: 0 !important;
  background-position: center !important;
  background-size: auto 25px;
  height: 36px;
  display: block;
}
[class='partner 13'] {
  /* Sets the background image for partner 13 */
  background-image: url(/sources/assets/plugins/images/logo-tribet.svg);
  /* Prevents the background image from repeating */
  background-repeat: no-repeat !important;
  /* Removes any border */
  border: 0 !important;
  /* Centers the background image */
  background-position: center !important;
  /* Sets the background size */
  background-size: auto 25px;
  /* Sets the height of the element */
  height: 36px;
  /* Displays the element as a block */
  display: block;
}
[class='partner -1'] {
  /* Sets the background image for partner -1 */
  background-image: url(/sources/assets/plugins/images/logo-virtualsoft.svg);
  background-repeat: no-repeat !important;
  border: 0 !important;
  background-position: center !important;
  background-size: auto 25px;
  height: 36px;
  display: block;
}
[class='partner 1'] {
  /* Sets the background image for partner 1 */
  background-image: url(/sources/assets/plugins/images/logo-guyana.svg);
  background-repeat: no-repeat !important;
  border: 0 !important;
  background-position: center !important;
  background-size: auto 30px;
  height: 36px;
  display: block;
}
/* Styles for partner 2 logo */
[class='partner 2'] {
  background-image: url(/sources/assets/plugins/images/logo-justbet.svg);
  /* Logo image source */
  background-repeat: no-repeat !important;
  /* Prevents image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers the background image */
  background-size: auto 25px;
  /* Sets height of the image to 25px, width auto */
  height: 36px;
  /* Sets height of the element */
  display: block;
  /* Displays the element as a block */
}
/* Styles for partner 3 logo */
[class='partner 3'] {
  background-image: url(/sources/assets/plugins/images/logo-miravalle.svg);
  /* Logo image source */
  background-repeat: no-repeat !important;
  /* Prevents image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers the background image */
  background-size: auto 25px;
  /* Sets height of the image to 25px, width auto */
  height: 36px;
  /* Sets height of the element */
  display: block;
  /* Displays the element as a block */
}
/* Styles for partner 4 logo */
[class='partner 4'] {
  background-image: url(/sources/assets/plugins/images/logo-casinopalace.svg);
  /* Logo image source */
  background-repeat: no-repeat !important;
  /* Prevents image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers the background image */
  background-size: auto 25px;
  /* Sets height of the image to 25px, width auto */
  height: 36px;
  /* Sets height of the element */
  display: block;
  /* Displays the element as a block */
}
[class='partner 6'] {
  /* Styles for partner 6 */
  background-image: url(/sources/assets/plugins/images/logo-netabet.svg);
  /* Background image for partner 6 */
  background-repeat: no-repeat !important;
  /* Prevents background image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers the background image */
  background-size: auto 25px;
  /* Sets background image size */
  height: 36px;
  /* Sets height of the element */
  display: block;
  /* Displays the element as a block */
}
[class='partner 5'] {
  /* Styles for partner 5 */
  background-image: url(/sources/assets/plugins/images/logo-intercontinental.svg);
  /* Background image for partner 5 */
  background-repeat: no-repeat !important;
  /* Prevents background image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers the background image */
  background-size: auto 25px;
  /* Sets background image size */
  height: 36px;
  /* Sets height of the element */
  display: block;
  /* Displays the element as a block */
}
[class='partner 7'] {
  /* Styles for partner 7 */
  background-image: url(/sources/assets/plugins/images/logo-astonia.svg);
  /* Background image for partner 7 */
  background-repeat: no-repeat !important;
  /* Prevents background image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers the background image */
  background-size: auto 25px;
  /* Sets background image size */
  height: 36px;
  /* Sets height of the element */
  display: block;
  /* Displays the element as a block */
}
[class='partner 8'] {
  /* Sets the background image for partner 8 */
  background-image: url(/sources/assets/plugins/images/logo-ecuabet.svg);
  /* Prevents the background image from repeating */
  background-repeat: no-repeat !important;
  /* Removes any border */
  border: 0 !important;
  /* Centers the background image */
  background-position: center !important;
  /* Sets the background size */
  background-size: auto 25px;
  /* Sets the height of the element */
  height: 36px;
  /* Displays the element as a block */
  display: block;
}
[class='partner 9'] {
  /* Sets the background image for partner 9 */
  background-image: url(/sources/assets/plugins/images/logo-winbet.svg);
  background-repeat: no-repeat !important;
  border: 0 !important;
  background-position: center !important;
  background-size: auto 25px;
  height: 36px;
  display: block;
}
[class='partner 12'] {
  /* Sets the background image for partner 12 */
  background-image: url(https://images.virtualsoft.tech/m/msjT1683045925.png);
  background-repeat: no-repeat !important;
  border: 0 !important;
  background-position: center !important;
  background-size: auto 25px;
  height: 36px;
  display: block;
}
[class='partner 14'] {
  /* Sets the background image for partner 14 */
  background-image: url(/sources/assets/plugins/images/logo-lotosports.svg);
  /* Prevents the background image from repeating */
  background-repeat: no-repeat !important;
  /* Removes any border */
  border: 0 !important;
  /* Centers the background image */
  background-position: center !important;
  /* Sets the background size */
  background-size: auto 25px;
  /* Sets the height of the element */
  height: 36px;
  /* Displays the element as a block */
  display: block;
}
[class='partner 15'] {
  /* Sets the background image for partner 15 */
  background-image: url(/sources/assets/plugins/images/logo-hondubet.svg);
  background-repeat: no-repeat !important;
  border: 0 !important;
  background-position: center !important;
  background-size: auto 25px;
  height: 36px;
  display: block;
}
[class='partner 16'] {
  /* Sets the background image for partner 16 */
  background-image: url(/sources/assets/plugins/images/logo-latinbet.svg);
  background-repeat: no-repeat !important;
  border: 0 !important;
  background-position: center !important;
  background-size: auto 25px;
  height: 36px;
  display: block;
}
[class='partner 17'] {
  /* Styles for partner 17 */
  background-image: url(/sources/assets/plugins/images/logo-milbets.svg);
  /* Logo image */
  background-repeat: no-repeat !important;
  /* Prevents image repetition */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers the background image */
  background-size: auto 25px;
  /* Sets background image size */
  height: 36px;
  /* Sets height of the element */
  display: block;
  /* Displays the element as a block */
}
[class='partner 18'] {
  /* Styles for partner 18 */
  background-image: url(/sources/assets/plugins/images/logo-gangabet.svg);
  /* Logo image */
  background-repeat: no-repeat !important;
  /* Prevents image repetition */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers the background image */
  background-size: auto 25px;
  /* Sets background image size */
  height: 36px;
  /* Sets height of the element */
  display: block;
  /* Displays the element as a block */
}
[class='partner 20'] {
  /* Styles for partner 20 */
  background-image: url(https://images.virtualsoft.tech/site/Sivarbet/img/sivarbet-logo_1.png);
  /* Logo image */
  background-repeat: no-repeat !important;
  /* Prevents image repetition */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers the background image */
  background-size: auto 25px;
  /* Sets background image size */
  height: 36px;
  /* Sets height of the element */
  display: block;
  /* Displays the element as a block */
}
[class='partner 21'] {
  /* Sets background image for partner 21 */
  background-image: url(https://images.virtualsoft.tech/m/msjT1695228079.png);
  /* Prevents background image from repeating */
  background-repeat: no-repeat !important;
  /* Removes border */
  border: 0 !important;
  /* Centers the background image */
  background-position: center !important;
  /* Sets background size */
  background-size: auto 25px;
  /* Sets height */
  height: 36px;
  /* Displays as a block element */
  display: block;
}
[class='partner 22'] {
  /* Sets background image for partner 22 */
  background-image: url(https://images.virtualsoft.tech/m/msjT1695833918.png);
  background-repeat: no-repeat !important;
  border: 0 !important;
  background-position: center !important;
  background-size: auto 25px;
  height: 36px;
  display: block;
}
[class='partner 23'] {
  /* Sets background image for partner 23 */
  background-image: url(https://images.virtualsoft.tech/m/msj212T1703103288.png);
  background-repeat: no-repeat !important;
  border: 0 !important;
  background-position: center !important;
  background-size: auto 25px;
  height: 36px;
  display: block;
}
[class='partner 25'] {
  /* Sets background image and properties for elements with class 'partner 25' */
  background-image: url(https://images.virtualsoft.tech/m/msj0212T1712066153.png);
  background-repeat: no-repeat !important;
  /* Prevents background image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers the background image */
  background-size: auto 25px;
  /* Sets background image size */
  height: 36px;
  /* Sets height of the element */
  display: block;
  /* Displays the element as a block */
}
[class='partner 27'] {
  /* Sets background image and properties for elements with class 'partner 27' */
  background-image: url(https://images.virtualsoft.tech/m/msj0212T1747667964.png);
  background-repeat: no-repeat !important;
  /* Prevents background image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers the background image */
  background-size: auto 25px;
  /* Sets background image size */
  height: 36px;
  /* Sets height of the element */
  display: block;
  /* Displays the element as a block */
}
.back-button button span {
  /* Styles the text inside the back button */
  color: #263043 !important;
  /* Sets text color */
}
.back-button button:hover {
  /* Styles the back button on hover */
  background-color: #fbfbfb !important;
  /* Changes background color on hover */
}
.webix_secondary .webix_button {
  /* Styles buttons within the webix_secondary class */
  color: #263043;
  /* Sets text color */
  background: white;
  /* Sets background color */
}
.webix_secondary.dni .webix_button:hover {
  /* Styles webix buttons on hover within the dni class */
  background: #b48303 !important;
  /* Changes background color on hover */
}
.webix_message.webix_info {
  /* Styles informational messages in webix */
  font-size: 14px;
  /* Sets font size */
  color: #ffffff;
  /* Sets text color */
  box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.12), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
  /* Sets font weight */
  line-height: 20px;
  /* Sets line height */
  border-radius: 2px;
  /* Rounds the corners */
  border: 1px solid #37903b;
  /* Sets border properties */
  background-color: #37903be8;
  /* Sets background color with transparency */
}
/* Hover state for logo-login button */
body .logo-login button.webix_button:hover {
  background: none;
  /* Removes background on hover */
}
/* Styles for webix button in logo section */
body .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body .icon-preload.girando,
body .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Sets background image */
  background-repeat: no-repeat !important;
  /* Prevents background image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: contain !important;
  /* Scales background image to contain */
  height: 50px;
  /* Sets button height */
}
/* Styles for virtual body state */
body.virtual .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.virtual .icon-preload.girando,
body.virtual .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Sets background image for virtual state */
  background-repeat: no-repeat !important;
  /* Prevents background image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: contain !important;
  /* Scales background image to contain */
  height: 50px;
  /* Sets button height */
}
/* Background for virtual login view */
body.virtual .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-virtual.jpg');
  /* Set background image */
  background-size: cover;
  /* Cover entire area */
  background-repeat: no-repeat;
  /* No repeating of the image */
  background-position: center;
  /* Center the image */
}
/* Styles for buttons and logos in netabet context */
body.netabet .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.netabet .icon-preload.girando,
body.netabet .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Use variable for background image */
  background-repeat: no-repeat !important;
  /* No repeating of the image */
  border: 0 !important;
  /* Remove border */
  background-position: center !important;
  /* Center the image */
  background-size: contain !important;
  /* Contain the image within the button */
  height: 50px;
  /* Set button height */
}
/* Background for netabet login view */
body.netabet .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-netabet.jpg');
  /* Set background image */
  background-size: cover;
  /* Cover entire area */
  background-repeat: no-repeat;
  /* No repeating of the image */
  background-position: center;
  /* Center the image */
}
/* Selected state for sidebar tree items in netabet */
body.netabet .webix_sidebar .webix_tree_item.webix_selected,
body.netabet .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #072d64 !important;
}
/* Hover effect for sidebar items */
body.netabet .webix_sidebar .webix_tree_item:hover {
  background-color: #072d64;
}
/* Background gradient for left sidebar */
body.netabet .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#16478e 50%, #000000 100%) !important;
}
/* Text color for sidebar items */
body.netabet .webix_sidebar .webix_tree_item,
body.netabet .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white !important;
}
/* Icon color for sidebar */
body.netabet .webix_sidebar .webix_sidebar_icon,
body.netabet .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
}
/* Text color for selected sidebar item */
body.netabet .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
}
/* Button styles for Casinopalace logo and login */
body.casinopalace .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.casinopalace .icon-preload.girando,
body.casinopalace .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Background image */
  background-repeat: no-repeat !important;
  /* No repeat for background */
  border: 0 !important;
  /* No border */
  background-position: center !important;
  /* Center background */
  background-size: contain !important;
  /* Contain background */
  height: 50px;
  /* Button height */
}
/* Background image for the login section */
body.casinopalace .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-casinopalace.jpg');
  /* Set background image */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* No repeating of the image */
  background-position: center;
  /* Center the image */
}
/* Selected state for sidebar tree items */
body.casinopalace .webix_sidebar .webix_tree_item.webix_selected,
body.casinopalace .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #ab8848 !important;
  /* Highlight selected items */
}
/* Hover state for sidebar tree items */
body.casinopalace .webix_sidebar .webix_tree_item:hover {
  background-color: #634619;
  /* Change background on hover */
}
/* Background gradient for the sidebar */
body.casinopalace .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#4a3a21 50%, #000000 100%) !important;
  /* Gradient background */
}
/* Text color for sidebar tree items */
body.casinopalace .webix_sidebar .webix_tree_item,
body.casinopalace .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white !important;
  /* Set text color to white */
}
/* Icon color for sidebar */
body.casinopalace .webix_sidebar .webix_sidebar_icon,
body.casinopalace .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Set icon color to white */
}
/* Text color for selected tree item spans */
body.casinopalace .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* Set span text color to white for selected items */
}
body.ecuabet .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.ecuabet .icon-preload.girando,
body.ecuabet .logo-login button.webix_button {
  /* Common styles for buttons with specific classes */
  background-image: var(--bg-image) !important;
  /* Sets background image */
  background-repeat: no-repeat !important;
  /* Prevents background image repetition */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: contain !important;
  /* Scales background image to fit */
  height: 50px;
  /* Sets button height */
}
body.ecuabet .webix_view.background-login.webix_layout_space {
  /* Styles for the login background in webix layout */
  background: url('/sources/images/bg-login-ecuabet.jpg');
  /* Background image for login */
  background-size: cover;
  /* Covers the entire area with the background image */
  background-repeat: no-repeat;
  /* Prevents background image repetition */
  background-position: center;
  /* Centers background image */
}
body.ecuabet .webix_sidebar .webix_tree_item.webix_selected,
body.ecuabet .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  /* Styles for selected items in the webix sidebar */
  background-color: #5e5e5e !important;
  /* Sets background color for selected items */
}
body.ecuabet .webix_sidebar .webix_tree_item:hover {
  /* Styles for hover state of sidebar items */
  background-color: #535353;
  /* Changes background color on hover */
}
/* Sidebar background gradient for ecuabet */
body.ecuabet .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#828282 50%, #3f3f3f 100%) !important;
}
/* Text color for tree items in the sidebar */
body.ecuabet .webix_sidebar .webix_tree_item,
body.ecuabet .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white !important;
}
/* Icon color for sidebar */
body.ecuabet .webix_sidebar .webix_sidebar_icon,
body.ecuabet .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
}
/* Selected tree item text color */
body.ecuabet .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
}
/* Button styles for powerbet */
body.powerbet .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.powerbet .icon-preload.girando,
body.powerbet .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Background image from CSS variable */
  background-repeat: no-repeat !important;
  /* Prevent background image repetition */
  border: 0 !important;
  /* Remove border */
  background-position: center !important;
  /* Center background image */
  background-size: contain !important;
  /* Scale background image to fit */
  height: 50px;
  /* Set button height */
  background-color: #b1b1b7;
  /* Background color */
}
/* Background image and styling for the login page */
body.powerbet .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-winbet.jpg');
  /* Sets background image */
  background-size: cover;
  /* Ensures the background image covers the entire area */
  background-repeat: no-repeat;
  /* Prevents background image from repeating */
  background-position: center;
  /* Centers the background image */
  background-color: #b1b1b7;
  /* Fallback background color */
}
/* Selected item styling in the sidebar */
body.powerbet .webix_sidebar .webix_tree_item.webix_selected,
body.powerbet .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #00a8ed !important;
  /* Highlights selected items */
}
/* Hover effect for sidebar items */
body.powerbet .webix_sidebar .webix_tree_item:hover {
  background-color: #00a8ed;
  /* Changes background on hover */
}
/* Sidebar background gradient */
body.powerbet .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#00a8ed 50%, #444444 100%) !important;
  /* Gradient background for sidebar */
}
/* Text color for sidebar items */
body.powerbet .webix_sidebar .webix_tree_item,
body.powerbet .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white !important;
  /* Sets text color to white */
}
/* Icon color in the sidebar */
body.powerbet .webix_sidebar .webix_sidebar_icon,
body.powerbet .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Sets icon color to white */
}
/* Selected item in the sidebar for powerbet theme */
body.powerbet .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* Text color for selected item */
}
/* Button styles for winbet theme */
body.winbet .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.winbet .icon-preload.girando,
body.winbet .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Background image */
  background-repeat: no-repeat !important;
  /* Prevent background image repetition */
  border: 0 !important;
  /* Remove border */
  background-position: center !important;
  /* Center background image */
  background-size: contain !important;
  /* Scale background image to fit */
  height: 50px;
  /* Set button height */
}
/* Background for login layout in winbet theme */
body.winbet .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-winbet.jpg');
  /* Background image for login */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* Prevent repetition */
  background-position: center;
  /* Center the background image */
}
/* Selected item styles in the sidebar for winbet theme */
body.winbet .webix_sidebar .webix_tree_item.webix_selected,
body.winbet .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #072d64 !important;
  /* Background color for selected items */
}
/* Change background color on hover for tree items */
body.winbet .webix_sidebar .webix_tree_item:hover {
  background-color: #072d64;
}
/* Set gradient background for left sidebar */
body.winbet .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#16478e 50%, #000000 100%) !important;
}
/* Set text color for tree items and branches */
body.winbet .webix_sidebar .webix_tree_item,
body.winbet .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white !important;
}
/* Set icon color for sidebar icons */
body.winbet .webix_sidebar .webix_sidebar_icon,
body.winbet .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
}
/* Set text color for selected tree items */
body.winbet .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
}
/* Style for buttons and logos in miravalle */
body.miravalle .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.miravalle .icon-preload.girando,
body.miravalle .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Use variable for background image */
  background-repeat: no-repeat !important;
  /* Prevent background image repetition */
  border: 0 !important;
  /* Remove border */
  background-position: center !important;
  /* Center background image */
  background-size: contain !important;
  /* Scale background image to contain */
  height: 50px;
  /* Set button height */
}
/* Sidebar background gradient for the left sidebar */
body.miravalle .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#892c2c 50%, #000000 100%) !important;
}
/* Selected tree item background color */
body.miravalle .webix_sidebar .webix_tree_item.webix_selected,
body.miravalle .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #9e4040 !important;
}
/* Hover effect for tree items */
body.miravalle .webix_sidebar .webix_tree_item:hover {
  background-color: #590303;
}
/* Background for the login layout */
body.miravalle .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-miravalle.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* Text color for tree items */
body.miravalle .webix_sidebar .webix_tree_item,
body.miravalle .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white;
}
/* Text color for selected tree items */
body.miravalle .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
}
/* Incomplete selector for further styling */
body.miravalle .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_icon,
body.miravalle .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_icon,
body.miravalle .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_dir_icon,
body.miravalle .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_dir_icon {
  color: #792e2e !important;
  /* Sets text color for selected items */
}
/* Sidebar icon color for specific body class */
body.miravalle .webix_sidebar .webix_sidebar_icon,
body.miravalle .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Sets icon color to white */
}
/* Button styles for intercontinental body class */
body.intercontinental .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.intercontinental .icon-preload.girando,
body.intercontinental .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Sets background image */
  background-repeat: no-repeat !important;
  /* Prevents background image repetition */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: contain !important;
  /* Scales background image to fit */
  height: 50px;
  /* Sets button height */
}
/* Sidebar background gradient for intercontinental theme */
body.intercontinental .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#892c2c 50%, #000000 100%) !important;
}
/* Selected tree item background color */
body.intercontinental .webix_sidebar .webix_tree_item.webix_selected,
body.intercontinental .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #9e4040 !important;
}
/* Hover effect for tree items */
body.intercontinental .webix_sidebar .webix_tree_item:hover {
  background-color: #590303;
}
/* Background image for login layout */
body.intercontinental .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-intercontinental.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* Text color for tree items */
body.intercontinental .webix_sidebar .webix_tree_item,
body.intercontinental .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white;
}
/* Text color for selected tree item */
body.intercontinental .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
}
/* Incomplete selector for further styling */
body.intercontinental .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_icon,
body.intercontinental .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_icon,
body.intercontinental .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_dir_icon,
body.intercontinental .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_dir_icon {
  color: #ffeb3b !important;
  /* Highlight color for selected items */
}
/* Sidebar icon color for intercontinental body */
body.intercontinental .webix_sidebar .webix_sidebar_icon,
body.intercontinental .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Default color for sidebar icons */
}
/* Button styles for astonia body */
body.astonia .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.astonia .icon-preload.girando,
body.astonia .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Background image for buttons */
  background-repeat: no-repeat !important;
  /* Prevent background image repetition */
  border: 0 !important;
  /* Remove border */
  background-position: center !important;
  /* Center the background image */
  background-size: contain !important;
  /* Scale background image to fit */
  height: 50px;
  /* Set button height */
}
body.astonia .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  /* Sets a gradient background for the left sidebar */
  background: linear-gradient(#a08830 50%, #000000 100%) !important;
}
body.astonia .webix_sidebar .webix_tree_item.webix_selected,
body.astonia .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  /* Background color for selected tree items in the sidebar */
  background-color: #837027 !important;
}
body.astonia .webix_sidebar .webix_tree_item:hover {
  /* Background color for hovered tree items */
  background-color: #756323;
}
body.astonia .webix_view.background-login.webix_layout_space {
  /* Background image for the login view */
  background: url('/sources/images/bg-login-astonia.jpg');
  background-size: cover;
  /* Ensures the image covers the entire area */
  background-repeat: no-repeat;
  /* Prevents the image from repeating */
  background-position: center;
  /* Centers the background image */
}
body.astonia .webix_sidebar .webix_tree_item,
body.astonia .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  /* Text color for tree items in the sidebar */
  color: white;
}
body.astonia .webix_sidebar .webix_tree_item.webix_selected span {
  /* Text color for selected tree item spans */
  color: white !important;
}
body.astonia .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_icon,
body.astonia .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_icon,
body.astonia .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_dir_icon,
body.astonia .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_dir_icon {
  color: #7d100d !important;
  /* Sets the text color for selected sidebar items */
}
/* Styles for sidebar icons in the astonia body */
body.astonia .webix_sidebar .webix_sidebar_icon,
body.astonia .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Sets the icon color to white */
}
/* Styles for buttons in the dorado body */
body.dorado .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.dorado .icon-preload.girando,
body.dorado .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Sets background image from a CSS variable */
  background-repeat: no-repeat !important;
  /* Prevents background image from repeating */
  border: 0 !important;
  /* Removes border from buttons */
  background-position: center !important;
  /* Centers the background image */
  background-size: contain !important;
  /* Scales the background image to fit the button */
  height: 50px;
  /* Sets the height of the buttons */
}
body.vsft .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.vsft .icon-preload.girando,
body.vsft .logo-login button.webix_button {
  /* Styles for login button in vsft body */
  background-image: var(--bg-image) !important;
  /* Sets background image */
  background-repeat: no-repeat !important;
  /* Prevents background image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: contain !important;
  /* Scales background image to fit */
  height: 50px;
  /* Sets button height */
}
body.miravalle .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.miravalle .icon-preload.girando,
body.miravalle .logo-login button.webix_button {
  /* Styles for login button in miravalle body */
  background-image: var(--bg-image) !important;
  /* Sets background image */
  background-repeat: no-repeat !important;
  /* Prevents background image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: contain !important;
  /* Scales background image to fit */
  height: 50px;
  /* Sets button height */
}
body.tribet .webix_view.webix_control.webix_el_button.webix_secondary.logo .button.webix_button,
body.tribet .icon-preload.girando,
body.tribet .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Sets background image */
  background-repeat: no-repeat !important;
  /* Prevents background image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: contain !important;
  /* Scales background image to fit */
  height: 50px;
  /* Sets height of the button */
  background: #c6c6c6;
  /* Fallback background color */
}
/* Styles for selected tree items in the sidebar */
body.tribet .webix_sidebar .webix_tree_item.webix_selected,
body.tribet .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #7a001b !important;
  /* Background color for selected items */
}
/* Styles for hovered tree items in the sidebar */
body.tribet .webix_sidebar .webix_tree_item:hover {
  background-color: #7a001b;
  /* Background color on hover */
}
/* Styles for the sidebar background */
body.tribet .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#ae0a2b 50%, #000000 100%) !important;
  /* Gradient background */
}
/* Styles for tree items and branches in the sidebar */
body.tribet .webix_sidebar .webix_tree_item,
body.tribet .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white !important;
  /* Text color for tree items */
}
/* Sidebar icon color for 'tribet' body */
body.tribet .webix_sidebar .webix_sidebar_icon,
body.tribet .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Force white color */
}
/* Selected tree item color for 'tribet' body */
body.tribet .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* Force white color for selected item */
}
/* Background styling for login layout in 'tribet' body */
body.tribet .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-astonia.jpg');
  /* Background image */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* No repeating of the image */
  background-position: center;
  /* Center the image */
}
/* Button styling for 'lotosports' body */
body.lotosports .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.lotosports .icon-preload.girando,
body.lotosports .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Background image variable */
  background-repeat: no-repeat !important;
  /* No repeating of the image */
  border: 0 !important;
  /* Remove border */
  background-position: center !important;
  /* Center the background image */
  background-size: contain !important;
  /* Contain the image within the button */
  height: 50px;
  /* Fixed height for buttons */
  background: #c6c6c6;
  /* Fallback background color */
}
/* Selected tree item background color */
body.lotosports .webix_sidebar .webix_tree_item.webix_selected,
body.lotosports .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #00a54c !important;
  /* Green background for selected items */
}
/* Hover state background color for tree items */
body.lotosports .webix_sidebar .webix_tree_item:hover {
  background-color: #006c31;
  /* Darker green on hover */
}
/* Sidebar background gradient */
body.lotosports .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#00833c 50%, #000000 100%) !important;
  /* Gradient from green to black */
}
/* Text color for tree items */
body.lotosports .webix_sidebar .webix_tree_item,
body.lotosports .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white !important;
  /* White text for tree items */
}
/* Icon color for sidebar */
body.lotosports .webix_sidebar .webix_sidebar_icon,
body.lotosports .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* White color for sidebar icons */
}
/* Text color for selected tree item span */
body.lotosports .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* White text for selected item span */
}
/* Background for login view */
body.lotosports .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-justbet.jpg');
  /* Background image for login */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* No repeat of the background image */
  background-position: center;
  /* Center the background image */
}
body.ganamex .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.ganamex .icon-preload.girando,
body.ganamex .logo-login button.webix_button {
  /* Common styles for buttons with specific classes */
  background-image: var(--bg-image) !important;
  /* Sets background image */
  background-repeat: no-repeat !important;
  /* Prevents background image repetition */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: contain !important;
  /* Scales background image to fit */
  height: 50px;
  /* Sets button height */
  background: #c6c6c6;
  /* Fallback background color */
}
body.ganamex .webix_sidebar .webix_tree_item.webix_selected,
body.ganamex .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  /* Styles for selected sidebar tree items */
  background-color: #00a54c !important;
  /* Sets background color for selected items */
}
body.ganamex .webix_sidebar .webix_tree_item:hover {
  /* Styles for hovered sidebar tree items */
  background-color: #006c31;
  /* Changes background color on hover */
}
body.ganamex .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  /* Styles for left sidebar with tree view */
  background: linear-gradient(#00833c 50%, #000000 100%) !important;
  /* Gradient background */
}
body.ganamex .webix_sidebar .webix_tree_item,
body.ganamex .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  /* Styles for tree items in the sidebar */
  color: white !important;
  /* Sets text color to white */
}
/* Sidebar icon color for ganamex theme */
body.ganamex .webix_sidebar .webix_sidebar_icon,
body.ganamex .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Force white color */
}
/* Selected tree item color for ganamex theme */
body.ganamex .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* Force white color for selected item */
}
/* Background styling for login view in ganamex theme */
body.ganamex .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-justbet.jpg');
  /* Background image */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* No repeat */
  background-position: center;
  /* Center the image */
}
/* Button styling for camanbet theme */
body.camanbet .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.camanbet .icon-preload.girando,
body.camanbet .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Background image from variable */
  background-repeat: no-repeat !important;
  /* No repeat */
  border: 0 !important;
  /* Remove border */
  background-position: center !important;
  /* Center the background */
  background-size: contain !important;
  /* Contain the background */
  height: 50px;
  /* Set height */
  background: #c6c6c6;
  /* Fallback background color */
}
/* Selected tree item background color */
body.camanbet .webix_sidebar .webix_tree_item.webix_selected,
body.camanbet .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #00a8ed !important;
  /* Override default background */
}
/* Hover effect for tree items */
body.camanbet .webix_sidebar .webix_tree_item:hover {
  background-color: #00a8ed;
  /* Change background on hover */
}
/* Sidebar background gradient */
body.camanbet .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#00a8ed 50%, #000000 100%) !important;
  /* Gradient background */
}
/* Text color for tree items */
body.camanbet .webix_sidebar .webix_tree_item,
body.camanbet .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white !important;
  /* Set text color to white */
}
/* Icon color for sidebar */
body.camanbet .webix_sidebar .webix_sidebar_icon,
body.camanbet .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Set icon color to white */
}
/* Text color for selected tree item */
body.camanbet .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* Set selected item's text color to white */
}
/* Background for login view */
body.camanbet .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-winbet.jpg');
  /* Background image */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* No repeating of the image */
  background-position: center;
  /* Center the background image */
}
body.paniplay .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.paniplay .icon-preload.girando,
body.paniplay .logo-login button.webix_button {
  /* Common styles for buttons and icons */
  background-image: var(--bg-image) !important;
  /* Sets background image */
  background-repeat: no-repeat !important;
  /* Prevents background image repetition */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: contain !important;
  /* Scales background image to fit */
  height: 50px;
  /* Sets button height */
  background: #c6c6c6;
  /* Fallback background color */
}
body.paniplay .webix_sidebar .webix_tree_item.webix_selected,
body.paniplay .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  /* Styles for selected tree items in the sidebar */
  background-color: #00a8ed !important;
  /* Sets background color for selected items */
}
body.paniplay .webix_sidebar .webix_tree_item:hover {
  /* Styles for tree items on hover */
  background-color: #00a8ed;
  /* Sets hover background color */
}
body.paniplay .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  /* Styles for the left sidebar with a gradient background */
  background: linear-gradient(#00a8ed 50%, #000000 100%) !important;
  /* Gradient background */
}
body.paniplay .webix_sidebar .webix_tree_item,
body.paniplay .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  /* Styles for tree items and branches in the sidebar */
  color: white !important;
  /* Sets text color to white */
}
/* Sidebar icon color for paniplay theme */
body.paniplay .webix_sidebar .webix_sidebar_icon,
body.paniplay .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Force white color */
}
/* Selected tree item color for paniplay theme */
body.paniplay .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* Force white color */
}
/* Background styling for login view in paniplay theme */
body.paniplay .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-winbet.jpg');
  /* Background image */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* No repeating */
  background-position: center;
  /* Center the image */
}
/* Button and logo styling for redcasino theme */
body.redcasino .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.redcasino .icon-preload.girando,
body.redcasino .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Background image variable */
  background-repeat: no-repeat !important;
  /* No repeating */
  border: 0 !important;
  /* Remove border */
  background-position: center !important;
  /* Center the image */
  background-size: contain !important;
  /* Contain the image */
  height: 50px;
  /* Fixed height */
  background: #c6c6c6;
  /* Fallback background color */
}
/* Selected tree item background color */
body.redcasino .webix_sidebar .webix_tree_item.webix_selected,
body.redcasino .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #c2262c !important;
  /* Important to override other styles */
}
/* Hover effect for tree items */
body.redcasino .webix_sidebar .webix_tree_item:hover {
  background-color: #c2262c;
  /* Changes background on hover */
}
/* Sidebar background gradient */
body.redcasino .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#c2262c 50%, #000000 100%) !important;
  /* Gradient background */
}
/* Text color for tree items */
body.redcasino .webix_sidebar .webix_tree_item,
body.redcasino .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white !important;
  /* Ensures text is white */
}
/* Icon color in sidebar */
body.redcasino .webix_sidebar .webix_sidebar_icon,
body.redcasino .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Icons are white */
}
/* Selected tree item text color */
body.redcasino .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* Selected item text is white */
}
/* Background for login view */
body.redcasino .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-miravalle.jpg');
  /* Background image for login */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* No repeating of the image */
  background-position: center;
  /* Center the image */
}
body.ganaplay .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.ganaplay .icon-preload.girando,
body.ganaplay .logo-login button.webix_button {
  /* Common styles for buttons with specific classes */
  background-image: var(--bg-image) !important;
  /* Sets background image */
  background-repeat: no-repeat !important;
  /* Prevents background image repetition */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: contain !important;
  /* Scales background image to fit */
  height: 50px;
  /* Sets button height */
  background: #c6c6c6;
  /* Fallback background color */
}
body.ganaplay .webix_sidebar .webix_tree_item.webix_selected,
body.ganaplay .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  /* Styles for selected sidebar tree items */
  background-color: #00a54c !important;
  /* Sets background color for selected items */
}
body.ganaplay .webix_sidebar .webix_tree_item:hover {
  /* Styles for hovered sidebar tree items */
  background-color: #006c31;
  /* Changes background color on hover */
}
body.ganaplay .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  /* Styles for left sidebar with tree view */
  background: linear-gradient(#00833c 50%, #000000 100%) !important;
  /* Gradient background */
}
body.ganaplay .webix_sidebar .webix_tree_item,
body.ganaplay .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  /* Styles for tree items in the sidebar */
  color: white !important;
  /* Sets text color to white */
}
/* Sidebar icon color for ganaplay theme */
body.ganaplay .webix_sidebar .webix_sidebar_icon,
body.ganaplay .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Force white color */
}
/* Selected tree item color for ganaplay theme */
body.ganaplay .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* Force white color for selected item */
}
/* Background styling for login view in ganaplay theme */
body.ganaplay .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-justbet.jpg');
  /* Background image */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* No repeat */
  background-position: center;
  /* Center the image */
}
/* Styles for the body with class 'sivarbet' */
body.sivarbet .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.sivarbet .icon-preload.girando,
body.sivarbet .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Sets background image */
  background-repeat: no-repeat !important;
  /* Prevents background image repetition */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: contain !important;
  /* Scales background image to fit */
  height: 50px;
  /* Sets height of the button */
  background: #c6c6c6;
  /* Fallback background color */
}
/* Styles for selected tree items in the sidebar */
body.sivarbet .webix_sidebar .webix_tree_item.webix_selected,
body.sivarbet .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #00a8ed !important;
  /* Sets background color for selected items */
}
/* Styles for hovered tree items in the sidebar */
body.sivarbet .webix_sidebar .webix_tree_item:hover {
  background-color: #00a8ed;
  /* Sets background color on hover */
}
/* Styles for the sidebar with a linear gradient background */
body.sivarbet .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#00a8ed 50%, #000000 100%) !important;
  /* Gradient background */
}
/* Styles for tree items and branches in the sidebar */
body.sivarbet .webix_sidebar .webix_tree_item,
body.sivarbet .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white !important;
  /* Sets text color to white */
}
/* Sidebar icon color for 'sivarbet' body */
body.sivarbet .webix_sidebar .webix_sidebar_icon,
body.sivarbet .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Force white color */
}
/* Selected tree item color for 'sivarbet' body */
body.sivarbet .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* Force white color for selected item */
}
/* Background styling for login view in 'sivarbet' body */
body.sivarbet .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-winbet.jpg');
  /* Background image */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* No repeating of the image */
  background-position: center;
  /* Center the image */
}
/* Button and logo styles for 'hondubet' body */
body.hondubet .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.hondubet .icon-preload.girando,
body.hondubet .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Background image from variable */
  background-repeat: no-repeat !important;
  /* No repeating of the image */
  border: 0 !important;
  /* Remove border */
  background-position: center !important;
  /* Center the image */
  background-size: contain !important;
  /* Contain the image within the button */
  height: 50px;
  /* Set button height */
  background: #c6c6c6;
  /* Fallback background color */
}
/* Selected tree item background color */
body.hondubet .webix_sidebar .webix_tree_item.webix_selected,
body.hondubet .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #00a8ed !important;
  /* Override default background */
}
/* Hover effect for tree items */
body.hondubet .webix_sidebar .webix_tree_item:hover {
  background-color: #00a8ed;
  /* Change background on hover */
}
/* Sidebar background gradient */
body.hondubet .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#00a8ed 50%, #000000 100%) !important;
  /* Gradient background */
}
/* Text color for tree items */
body.hondubet .webix_sidebar .webix_tree_item,
body.hondubet .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white !important;
  /* Set text color to white */
}
/* Icon color for sidebar */
body.hondubet .webix_sidebar .webix_sidebar_icon,
body.hondubet .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Set icon color to white */
}
/* Selected tree item text color */
body.hondubet .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* Set text color for selected item */
}
/* Background for login view */
body.hondubet .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-winbet.jpg');
  /* Background image for login */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* Prevent image repetition */
  background-position: center;
  /* Center the background image */
}
body.latinbet .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.latinbet .icon-preload.girando,
body.latinbet .logo-login button.webix_button {
  /* Styles for login buttons */
  background-image: var(--bg-image) !important;
  /* Sets background image */
  background-repeat: no-repeat !important;
  /* Prevents background image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: contain !important;
  /* Scales background image to fit */
  height: 50px;
  /* Sets button height */
}
body.latinbet .webix_sidebar .webix_tree_item.webix_selected,
body.latinbet .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  /* Styles for selected sidebar items */
  background-color: #00a8ed !important;
  /* Sets background color for selected items */
}
body.latinbet .webix_sidebar .webix_tree_item:hover {
  /* Styles for hovered sidebar items */
  background-color: #00a8ed;
  /* Sets background color on hover */
}
body.latinbet .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  /* Styles for left sidebar */
  background: linear-gradient(#1a2643 50%, #000000 100%) !important;
  /* Sets gradient background */
}
body.latinbet .webix_sidebar .webix_tree_item,
body.latinbet .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  /* Styles for sidebar tree items */
  color: white !important;
  /* Sets text color to white */
}
/* Sidebar icon color for Latinbet theme */
body.latinbet .webix_sidebar .webix_sidebar_icon,
body.latinbet .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Force white color */
}
/* Selected tree item color for Latinbet theme */
body.latinbet .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* Force white color for selected item */
}
/* Background styling for login view in Latinbet theme */
body.latinbet .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-winbet.jpg');
  /* Background image */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* No repeating of the image */
  background-position: center;
  /* Center the image */
}
/* Button styling for Milbets theme */
body.milbets .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.milbets .icon-preload.girando,
body.milbets .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Background image from variable */
  background-repeat: no-repeat !important;
  /* No repeating of the image */
  border: 0 !important;
  /* Remove border */
  background-position: center !important;
  /* Center the background image */
  background-size: contain !important;
  /* Contain the image within the button */
  height: 50px;
  /* Set button height */
  background: #c6c6c6;
  /* Fallback background color */
}
/* Selected items in the sidebar with specific background color */
body.milbets .webix_sidebar .webix_tree_item.webix_selected,
body.milbets .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #202638 !important;
  /* Override default background */
}
/* Hover effect for sidebar items */
body.milbets .webix_sidebar .webix_tree_item:hover {
  background-color: #202638;
  /* Change background on hover */
}
/* Background gradient for the sidebar view */
body.milbets .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#202638 50%, #000000 100%) !important;
  /* Gradient background */
}
/* Text color for sidebar items */
body.milbets .webix_sidebar .webix_tree_item,
body.milbets .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white !important;
  /* Set text color to white */
}
/* Icon color in the sidebar */
body.milbets .webix_sidebar .webix_sidebar_icon,
body.milbets .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Set icon color to white */
}
/* Text color for selected sidebar items */
body.milbets .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* Set text color of selected item to white */
}
/* Background for the login view */
body.milbets .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-winbet.jpg');
  /* Background image for login */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* Prevent image repetition */
  background-position: center;
  /* Center the background image */
}
body.gangabet .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.gangabet .icon-preload.girando,
body.gangabet .logo-login button.webix_button {
  /* Common styles for buttons with specific classes */
  background-image: var(--bg-image) !important;
  /* Sets background image */
  background-repeat: no-repeat !important;
  /* Prevents background image from repeating */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: contain !important;
  /* Scales background image to fit */
  height: 50px;
  /* Sets button height */
  background: #c6c6c6;
  /* Fallback background color */
}
body.gangabet .webix_sidebar .webix_tree_item.webix_selected,
body.gangabet .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  /* Styles for selected tree items in the sidebar */
  background-color: #7dba41 !important;
  /* Sets background color for selected items */
}
body.gangabet .webix_sidebar .webix_tree_item:hover {
  /* Styles for tree items on hover */
  background-color: #7dba41;
  /* Changes background color on hover */
}
body.gangabet .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  /* Styles for the left sidebar with a gradient background */
  background: linear-gradient(#7dba41 50%, #000000 100%) !important;
  /* Gradient background */
}
body.gangabet .webix_sidebar .webix_tree_item,
body.gangabet .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  /* Styles for tree items and branches in the sidebar */
  color: white !important;
  /* Sets text color to white */
}
/* Sidebar icon color for gangabet theme */
body.gangabet .webix_sidebar .webix_sidebar_icon,
body.gangabet .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Force white color */
}
/* Selected tree item color for gangabet theme */
body.gangabet .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* Force white color for selected item */
}
/* Background styling for login view in gangabet theme */
body.gangabet .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-justbet.jpg');
  /* Background image */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* No repeating of the image */
  background-position: center;
  /* Center the image */
}
/* Button styling for guyana theme */
body.guyana .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.guyana .icon-preload.girando,
body.guyana .logo-login button.webix_button {
  background-image: var(--bg-image) !important;
  /* Background image from variable */
  background-repeat: no-repeat !important;
  /* No repeating of the image */
  border: 0 !important;
  /* Remove border */
  background-position: center !important;
  /* Center the image */
  background-size: contain !important;
  /* Contain the image within the button */
  height: 50px;
  /* Set button height */
}
/* Background image for the login view */
body.guyana .webix_view.background-login.webix_layout_space {
  background: url('/sources/images/bg-login-ibet.jpg');
  /* Set background image */
  background-size: cover;
  /* Cover the entire area */
  background-repeat: no-repeat;
  /* No repeating of the image */
  background-position: center;
  /* Center the image */
}
/* Selected state for sidebar tree items */
body.guyana .webix_sidebar .webix_tree_item.webix_selected,
body.guyana .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #072d64 !important;
  /* Highlight selected items */
}
/* Hover state for sidebar tree items */
body.guyana .webix_sidebar .webix_tree_item:hover {
  background-color: #072d64;
  /* Change background on hover */
}
/* Background gradient for the left sidebar */
body.guyana .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#16478e 50%, #000000 100%) !important;
  /* Gradient background */
}
/* Text color for sidebar tree items */
body.guyana .webix_sidebar .webix_tree_item,
body.guyana .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white !important;
  /* Set text color to white */
}
/* Icon color for sidebar */
body.guyana .webix_sidebar .webix_sidebar_icon,
body.guyana .webix_sidebar .webix_sidebar_dir_icon {
  color: white !important;
  /* Set icon color to white */
}
/* Text color for selected tree item span */
body.guyana .webix_sidebar .webix_tree_item.webix_selected span {
  color: white !important;
  /* Set span text color to white for selected items */
}
body.justbet .webix_view.webix_control.webix_el_button.webix_secondary.logo button.webix_button,
body.justbet .icon-preload.girando,
body.justbet .logo-login button.webix_button {
  /* Common styles for buttons in JustBet */
  background-image: var(--bg-image) !important;
  /* Sets background image */
  background-repeat: no-repeat !important;
  /* Prevents background image repetition */
  border: 0 !important;
  /* Removes border */
  background-position: center !important;
  /* Centers background image */
  background-size: contain !important;
  /* Scales background image to fit */
  height: 50px;
  /* Sets button height */
}
body.justbet .webix_view.background-login.webix_layout_space {
  /* Styles for the background of the login view */
  background: url('/sources/images/bg-login-justbet.jpg');
  /* Sets background image */
  background-size: cover;
  /* Covers the entire area with the background image */
  background-repeat: no-repeat;
  /* Prevents background image repetition */
  background-position: center;
  /* Centers background image */
}
body.justbet .webix_sidebar .webix_tree_item.webix_selected,
body.justbet .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  /* Styles for selected items in the sidebar */
  background-color: #00a54c !important;
  /* Sets background color for selected items */
}
body.justbet .webix_sidebar .webix_tree_item:hover {
  /* Styles for sidebar items on hover */
  background-color: #006c31;
  /* Changes background color on hover */
}
body.justbet .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  /* Sets a gradient background for the left sidebar */
  background: linear-gradient(#00833c 50%, #000000 100%) !important;
}
body.justbet .webix_sidebar .webix_tree_item,
body.justbet .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  /* Changes text color of tree items to white */
  color: white !important;
}
body.justbet .webix_sidebar .webix_sidebar_icon,
body.justbet .webix_sidebar .webix_sidebar_dir_icon {
  /* Sets the color of sidebar icons to white */
  color: white !important;
}
body.justbet .webix_sidebar .webix_tree_item.webix_selected span {
  /* Changes text color of selected tree items to white */
  color: white !important;
}
body.pe .webix_view.webix_toolbar.webix_layout_toolbar.toolbar-top {
  /* Applies a gradient background to the top toolbar */
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 40%, #da0000 100%);
  padding: 0 0 2px 0;
  /* Adds padding to the toolbar */
}
body.pe .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_icon,
body.pe .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_icon,
body.pe .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_dir_icon,
body.pe .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_dir_icon {
  color: white;
  /* Text color for selected items */
}
/* Background color for selected sidebar items */
body.pe .webix_sidebar .webix_tree_item.webix_selected,
body.pe .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #8c0000 !important;
  /* Important to override other styles */
}
/* Text color for selected item span */
body.pe .webix_sidebar .webix_tree_item.webix_selected span {
  color: white;
  /* Text color for selected item span */
}
/* Hover effect for sidebar items */
body.pe .webix_sidebar .webix_tree_item:hover {
  background-color: #b10000;
  /* Background color on hover */
}
/* Color for sidebar icons */
body.pe .webix_sidebar .webix_sidebar_icon,
body.pe .webix_sidebar .webix_sidebar_dir_icon {
  color: white;
  /* Icon color */
}
/* Background gradient for left sidebar */
body.pe .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#c11d1d 50%, #000000 100%) !important;
  /* Gradient background */
}
/* Set transparent background for the sidebar in 'pe' mode */
body.pe .webix_sidebar {
  background-color: transparent;
}
/* Set text color for tree items in the sidebar */
body.pe .webix_sidebar .webix_tree_item,
body.pe .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white;
}
/* Define gradient background for the top toolbar in 'ni' mode */
body.ni .webix_view.webix_toolbar.webix_layout_toolbar.toolbar-top {
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 40%, #22229b 100%);
  padding: 0 0 2px 0;
  /* Add padding to the toolbar */
}
/* Set color for selected tree items and their icons in the sidebar */
body.ni .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_icon,
body.ni .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_icon,
body.ni .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_dir_icon,
body.ni .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_dir_icon {
  color: white;
  /* Change icon color to white for selected items */
}
/* Sidebar background gradient */
body.ni .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#3c379e 50%, #000000 100%) !important;
}
/* Selected tree item background color */
body.ni .webix_sidebar .webix_tree_item.webix_selected,
body.ni .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #1d296d !important;
}
/* Hover effect for tree items */
body.ni .webix_sidebar .webix_tree_item:hover {
  background-color: #212589;
}
/* Text color for selected tree items */
body.ni .webix_sidebar .webix_tree_item.webix_selected span {
  color: white;
}
/* Transparent background for sidebar */
body.ni .webix_sidebar {
  background-color: transparent;
}
/* Icon color in the sidebar */
body.ni .webix_sidebar .webix_sidebar_icon,
body.ni .webix_sidebar .webix_sidebar_dir_icon {
  color: white;
}
/* Text color for tree items */
body.ni .webix_sidebar .webix_tree_item,
body.ni .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white;
}
/* Toolbar background gradient */
body.mx .webix_view.webix_toolbar.webix_layout_toolbar.toolbar-top {
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 40%, #086800 100%);
  padding: 0 0 2px 0;
}
/* Selected sidebar item icon color */
body.mx .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_icon,
body.mx .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_icon,
body.mx .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_dir_icon,
body.mx .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_dir_icon {
  color: white;
  /* Sets the icon color to white for selected items */
}
/* Sidebar background gradient */
body.mx .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#438839 50%, #000000 100%) !important;
  /* Applies a gradient background */
}
/* Selected sidebar item background color */
body.mx .webix_sidebar .webix_tree_item.webix_selected,
body.mx .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #086800 !important;
  /* Sets background color for selected items */
}
/* Hover effect for sidebar items */
body.mx .webix_sidebar .webix_tree_item:hover {
  background-color: #297123;
  /* Changes background color on hover */
}
/* Selected item text color */
body.mx .webix_sidebar .webix_tree_item.webix_selected span {
  color: white;
  /* Sets text color to white for selected items */
}
/* Set transparent background for the sidebar in 'mx' mode */
body.mx .webix_sidebar {
  background-color: transparent;
}
/* Set icon color to white for sidebar items in 'mx' mode */
body.mx .webix_sidebar .webix_sidebar_icon,
body.mx .webix_sidebar .webix_sidebar_dir_icon {
  color: white;
}
/* Set text color to white for tree items in the sidebar */
body.mx .webix_sidebar .webix_tree_item,
body.mx .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white;
}
/* Apply gradient background to the top toolbar in 'ec' mode */
body.ec .webix_view.webix_toolbar.webix_layout_toolbar.toolbar-top {
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 40%, #ffe500 100%);
  padding: 0 0 2px 0;
  /* Add padding to the toolbar */
}
/* Set icon color for selected tree items in the sidebar in 'ec' mode */
body.ec .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_icon,
body.ec .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_icon,
body.ec .webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_dir_icon,
body.ec .webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_dir_icon {
  color: white;
  /* Sets the text color for selected sidebar items and directory icons */
}
body.ec .webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  background: linear-gradient(#f0d944 50%, #785900 100%) !important;
  /* Gradient background for the left sidebar */
}
body.ec .webix_sidebar .webix_tree_item.webix_selected,
body.ec .webix_sidebar .webix_tree_item.webix_sidebar_selected {
  background-color: #c1ae00 !important;
  /* Background color for selected tree items in the sidebar */
}
body.ec .webix_sidebar .webix_tree_item:hover {
  background-color: #d7c400;
  /* Background color on hover for tree items */
}
body.ec .webix_sidebar .webix_tree_item.webix_selected span {
  color: white;
  /* Text color for selected tree item spans */
}
body.ec .webix_sidebar {
  background-color: transparent;
  /* Transparent background for the sidebar */
}
body.ec .webix_sidebar .webix_sidebar_icon,
body.ec .webix_sidebar .webix_sidebar_dir_icon {
  color: white;
  /* Sets the color for sidebar icons and directory icons */
}
/* Styles for tree items in the sidebar */
body.ec .webix_sidebar .webix_tree_item,
body.ec .webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: white;
  /* Text color for tree items */
}
/* Background color for the toolbar scroll container */
.webix_view.webix_toolbar.webix_layout_toolbar.toolbar-top .webix_scroll_cont {
  background: white;
  /* Toolbar background color */
}
/* Positioning for logo elements */
.logo,
.logo-login {
  position: relative;
  /* Relative positioning */
  top: calc(30%);
  /* Center vertically with offset */
}
/* Padding for tree leaves in the sidebar */
.webix_sidebar .webix_scroll_cont > .webix_tree_leaves {
  padding-bottom: 61px;
  /* Bottom padding for tree leaves */
}
/* Hover effect for list items */
.webix_list_item:hover {
  background: #fafafa;
  /* Background color on hover */
}
/* Icon styling for specific icon class */
.icon-doradobet:before {
  content: '\E90F';
  /* Unicode character for the icon */
  font-family: icomoon;
  /* Font family for the icon */
  font-size: 90px;
  /* Size of the icon */
  color: #b48303;
  /* Color of the icon */
  position: relative;
  /* Relative positioning */
  top: calc(30%);
  /* Center vertically with offset */
}
/* Styles for the close icon in different contexts */
span.webix_icon.wxi-close.details:before {
  content: '\E910';
  /* Icon code for details */
  font-family: icomoon;
  /* Font family for icons */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
span.webix_icon.wxi-close.info:before {
  content: '\E91A';
  /* Icon code for info */
  font-family: icomoon;
  /* Font family for icons */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
span.webix_icon.wxi-close.user:before {
  content: '\E98E';
  /* Icon code for user */
  font-family: icomoon;
  /* Font family for icons */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
span.webix_icon.wxi-close.update:before {
  content: '\E918';
  /* Icon code for update */
  font-family: icomoon;
  /* Font family for icons */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
span.webix_icon.wxi-close.commands:before {
  content: '\E99A';
  /* Icon code for commands */
  font-family: icomoon;
  /* Font family for icons */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
/* Styles for inline display of specific elements within saldoJuego and saldoRecargas */
.webix_view.webix_control.webix_el_label.saldoJuego .webix_el_box div,
.webix_view.webix_control.webix_el_label.saldoRecargas .webix_el_box div {
  display: inline-block;
  /* Sets elements to inline-block for horizontal alignment */
}
/* Styles for the last child div within saldoJuego and saldoRecargas */
.webix_view.webix_control.webix_el_label.saldoJuego .webix_el_box div:last-child,
.webix_view.webix_control.webix_el_label.saldoRecargas .webix_el_box div:last-child {
  float: right;
  /* Floats the last child div to the right */
  padding-right: 10px;
  /* Adds right padding */
}
/* Styles for the title of webix_alert popup */
.webix_alert .webix_popup_title {
  box-shadow: inset 0 4px #4caf50;
  /* Adds an inset shadow effect */
}
/* Styles for info div */
div.info {
  color: #c2c2c2;
  /* Sets text color */
  cursor: pointer;
  /* Changes cursor to pointer on hover */
  transition: width 2s,
        height 2s,
        transform 2s;
  position: relative;
  /* Positions the element relative to its normal position */
  top: -16px;
  /* Moves the element up by 16 pixels */
  white-space: normal !important;
  /* Forces normal white-space handling */
}
.div-to-display {
  /* Hides the element by default */
  display: none;
  /* Positions the element relative to its normal position */
  position: relative;
  /* Moves the element 10px to the right */
  right: 10px;
  /* Sets the background color to white */
  background-color: #fff;
  /* Sets the stacking order of the element */
  z-index: 99999;
  /* Adds padding inside the element */
  padding: 10px;
  /* Rounds the corners of the element */
  border-radius: 8px 8px 0 8px;
  /* Sets the font family */
  font-family: Roboto, sans-serif;
  /* Sets the font size */
  font-size: 11px;
  /* Sets the line height */
  line-height: 1.1;
  /* Sets the text color to grey */
  color: grey;
  /* Moves the element 35px up */
  top: -35px;
  /* Sets a different background color */
  background: #555;
  /* Sets the text color to white */
  color: white;
}
.webix_sidebar_popup_list .webix_list_item.webix_selected {
  /* Adds an inset box shadow to the selected item */
  box-shadow: inset 2px 0 #b48303;
  /* Changes the text color of the selected item */
  color: #b48303;
}
.webix_list .webix_list_item.webix_selected {
  /* Adds padding to the selected list item */
  padding: 3px;
}
.flags {
  /* Sets the width of the flag element */
  width: 25px;
  /* Sets the height of the flag element */
  height: 20px;
  /* Displays the element as an inline-block */
  display: inline-block;
  /* Sets the background size */
  background-size: 267px !important;
  /* Sets the background image for the flags */
  background: url(https://images.virtualsoft.tech/site/flags.png?v=100);
}
.flags {
  /* Sets the background position for .flags class */
  background-position: -5px 321px;
}
.pe,
.\31 73 {
  /* Sets the background position for .pe class and .173 class */
  background-position: -83px 280px;
}
.cr,
.\31 46 {
  /* Sets the background position for .cr class and .146 class */
  background-position: -1040px 128px;
}
.cl,
.\31 46 {
  /* Sets the background position for .cl class and .146 class */
  background-position: -962px 405px;
}
.mx,
.\31 46 {
  /* Sets the background position for .mx class and .146 class */
  background-position: -83px 128px;
}
.us {
  /* Sets the background position for .us class */
  background-position: -160px 23px;
}
.ni,
.\32 {
  /* Sets the background position for .ni class and .2 class */
  background-position: -239px 260px;
}
/* Class for element with background position set to specific coordinates */
.co {
  background-position: -239px 190px;
  /* Background position for .co */
}
/* Classes with the same background position */
.do,
.\36 5 {
  /* .65 */
  background-position: -135px 106px;
  /* Background position for .do and .65 */
}
/* Classes with the same background position */
.ec,
.\36 6 {
  /* .66 */
  background-position: -5px 301px;
  /* Background position for .ec and .66 */
}
/* Classes with the same background position */
.gy,
.\39 9 {
  /* .99 */
  background-position: -57px 238px;
  /* Background position for .gy and .99 */
}
/* Classes with the same background position */
.ar,
.\31 3 {
  /* .13 */
  background-position: -108px 641px;
  /* Background position for .ar and .13 */
}
/* Classes with the same background position */
.br,
.\33 3 {
  /* .33 */
  background-position: -29px 406px;
  /* Background position for .br and .33 */
}
/* Classes with the same background position */
.gt,
.\39 4 {
  /* .94 */
  background-position: -616px 364px;
  /* Background position for .gt and .94 */
}
.jm,
.\31 13 {
  /* Class with a unique identifier for background positioning */
  background-position: -642px 343px;
  /* Sets the background position */
}
.sv,
.\39 4 {
  /* Class with a unique identifier for background positioning */
  background-position: -240px 260px;
  /* Sets the background position */
}
.hn,
.\39 4 {
  /* Class with a unique identifier for background positioning */
  background-position: -377px 364px;
  /* Sets the background position */
}
.pa,
.\39 4 {
  /* Class with a unique identifier for background positioning */
  background-position: -323px 280px;
  /* Sets the background position */
}
.ve,
.\39 4 {
  /* Class with a unique identifier for background positioning */
  background-position: 80px 22px;
  /* Sets the background position */
}
.webix_list_item {
  /* Class for styling list items */
  padding: 3px;
  /* Sets padding for list items */
}
.webix_hcell {
  /* Class for styling header cells */
  line-height: 15px !important;
  /* Sets line height with importance */
  font-size: 13px;
  /* Sets font size */
  overflow: hidden;
  /* Hides overflow content */
  padding-top: 2px;
  /* Sets top padding */
  height: auto !important;
  /* Sets height to auto with importance */
}
/* Removes bottom border and sets height for last row in header */
.webix_dtable .webix_ss_header td.webix_last_row {
  border-bottom: none;
  height: 43px;
}
/* Sets height for the header */
.webix_ss_header {
  height: 43px;
}
/* Displays div on hover and adjusts width */
.info:hover > .div-to-display {
  display: block;
  width: -webkit-calc(100% - 60px);
  float: right;
}
/* Changes text color on hover */
div.info:hover {
  color: #555;
}
/* Styles for specific popup with important overrides */
.webix_view.webix_window.webix_popup.webix_sidebar_popup.webix_sidebar_popup_left.webix_selected {
  width: 176px !important;
  left: 44px !important;
  height: auto !important;
}
/* Styles for first child span in dashboard stats */
.webix_dataview_item.dashboard-stats > span:first-child {
  color: #b48303;
  font-weight: 300 !important;
}
/* Media query for larger screens to adjust font size and padding */
@media only screen and (min-width: 500px) {
  .webix_dataview_item.dashboard-stats > span:first-child {
    font-size: 23px !important;
    padding: 0 12px;
  }
}
@media only screen and (max-width: 500px) {
  /* Media query for screens with max width of 500px */
  body.webix_full_screen {
    /* Full screen body styling */
    position: fixed;
    /* Fixes position to viewport */
    top: 0;
    /* Aligns to the top */
  }
  .webix_dataview_item.dashboard-stats > span.dash-title {
    /* Title styling in dashboard stats */
    padding: 0 9px !important;
    /* Adds horizontal padding */
    font-size: 10px !important;
    /* Sets font size */
  }
  .webix_dataview_item.dashboard-stats > span.dash-result {
    /* Result styling in dashboard stats */
    font-size: 17px !important;
    /* Sets font size */
    padding: 0 !important;
    /* Removes padding */
  }
  .webix_dataview_item.dashboard-stats > span:first-child {
    /* First child span styling */
    font-size: 14px !important;
    /* Sets font size */
    padding: 0 !important;
    /* Removes padding */
  }
  .webix_view.on-row.webix_layout_line,
  .on-test {
    /* Test layout styling */
    height: auto !important;
    /* Sets height to auto */
  }
  .webix_view.on-row.webix_layout_line > div,
  .on-test > div {
    /* Child div styling in test layout */
    display: block !important;
    /* Forces block display */
    width: 100% !important;
    /* Sets width to 100% */
    margin-left: 0 !important;
    /* Removes left margin */
  }
  .webix_view.webix_window.webix_popup[view_id^='$daterangesuggest'] {
    /* Popup styling for date range suggest */
    width: 250px !important;
    /* Sets width */
    left: auto !important;
    /* Removes left positioning */
    right: 15px !important;
    /* Sets right positioning */
    height: 479px !important;
    /* Sets height */
  }
  .webix_view.webix_daterange.webix_layout_line {
    /* Date range layout styling */
    width: 250px !important;
    /* Sets width */
    height: 500px !important;
    /* Sets height */
  }
  .webix_view.webix_daterange.webix_layout_line .webix_view.webix_layout_clean {
    /* Clean layout within date range */
    width: 250px !important;
    /* Sets width */
    height: 446px !important;
    /* Sets height */
  }
  .webix_view.webix_daterange.webix_layout_line .webix_view.webix_range_footer.webix_layout_line {
    /* Footer layout within date range */
    width: 250px !important;
    /* Sets width */
  }
  .webix_view.webix_daterange.webix_layout_line .webix_view.webix_range_footer.webix_layout_line .webix_view.webix_spacer {
    /* Spacer within footer */
    display: none !important;
    /* Hides spacer */
  }
  .webix_view.webix_daterange.webix_layout_line .webix_view.webix_range_footer.webix_layout_line .webix_view.webix_control.webix_el_button {
    /* Button styling in footer */
    width: 132px !important;
    /* Sets button width */
  }
  .webix_view.webix_daterange.webix_layout_line .webix_view.webix_range_footer.webix_layout_line .webix_view.webix_control.webix_el_button .webix_el_box {
    /* Box styling within button */
    width: 123px !important;
    /* Sets box width */
  }
  .webix_view.webix_calendar.webix_range_0 {
    /* Calendar styling for range 0 */
    display: block !important;
    /* Forces block display */
    height: 235px !important;
    /* Sets height */
  }
  .webix_view.webix_calendar.webix_range_N {
    /* Calendar styling for range N */
    display: block !important;
    /* Forces block display */
  }
  .webix_view.father-container.webix_layout_line,
  .webix_view.father-container.webix_layout_line > div,
  .webix_view.father-container.webix_layout_line > div > div {
    /* Grandchild div styling */
    height: auto !important;
    /* Sets height to auto */
  }
  .webix_view.father-container.webix_layout_line > div div,
  .webix_view.father-container.webix_layout_line > div div input {
    /* Input styling within child divs */
    width: 100% !important;
    /* Sets width to 100% */
  }
  [view_id='as5'] .webix_view.father-container.webix_layout_line > div div.webix_inp_radio_border,
  [view_id='as5'] .webix_view.father-container.webix_layout_line div.webix_radio_option {
    /* Radio option styling */
    width: auto !important;
    /* Sets width to auto */
  }
  .webix_view.secutity-container.webix_layout_line div.webix_view.webix_control {
    /* Control styling in security container */
    width: 100% !important;
    /* Sets width to 100% */
    margin-left: 0 !important;
    /* Removes left margin */
  }
  .webix_view.secutity-container.webix_layout_line div.webix_view.webix_control > div,
  .webix_view.secutity-container.webix_layout_line div.webix_view.webix_control > div input {
    /* Input styling within child divs */
    width: 100% !important;
    /* Sets width to 100% */
  }
}
.webix_view.cajeros.webix_layout_line .webix_view.webix_control.webix_el_richselect,
.webix_view.cajeros.webix_layout_line .webix_view.webix_control.webix_el_text {
  /* Styles for text elements within cajeros layout */
  overflow: visible;
  /* Allows content to overflow */
}
.icon-exclamation-circle:before {
  /* Icon before the element */
  content: '\E91A';
  /* Unicode character for the icon */
  float: right;
  /* Aligns the icon to the right */
}
.webix_view.cajeros.webix_layout_line .webix_el_box {
  /* Styles for box elements within cajeros layout */
  position: absolute;
  /* Positions the box absolutely */
  overflow: visible;
  /* Allows content to overflow */
}
.webix_view.saldos.webix_layout_line > div:first-child {
  /* Styles for the first child div in saldos layout */
  margin-top: 9px !important;
  /* Adds top margin with high specificity */
}
.webix_switch_box {
  /* Styles for switch box */
}
.webix_switch_box .webix_switch_text {
  /* Styles for text within the switch box */
  padding-top: 2px;
  /* Adds padding to the top */
  color: white;
  /* Sets text color to white */
}
.webix_switch_box {
  /* Styles for switch box (duplicate) */
  left: -webkit-calc(50% - 45px);
  /* Calculates left position for the switch box */
}
/* Styles for the confirm button in a Webix popup */
.webix_popup_button.confirm {
  border-color: #b48303;
  /* Border color for confirm button */
  color: #b48303;
  /* Text color for confirm button */
  border-radius: 5px;
  /* Rounded corners */
  background: white;
  /* Background color */
}
/* Styles for items in the dashboard stats dataview */
.webix_dataview_item.dashboard-stats {
  width: calc(50%) !important;
  /* Set width to half of the container */
}
/* Positioning for flag icons */
i.flags {
  position: relative;
  /* Relative positioning */
  top: 5px;
  /* Move down by 5 pixels */
}
/* General styles for Webix popup buttons */
.webix_popup_button {
  border-color: #d6d6d6;
  /* Default border color */
  padding: 0 10px;
  /* Horizontal padding */
  border-radius: 5px;
  /* Rounded corners */
  color: #475466;
  /* Text color */
}
/* Styles for text in specific Webix layout */
.webix_view.saldos.webix_layout_line div > div {
  font-size: 11px;
  /* Font size */
  font-weight: 100;
  /* Light font weight */
  color: #94a1b3;
  /* Text color */
}
/* Styles for time icons */
.icon-time:before {
  font-size: 13px !important;
  /* Font size for time icon */
  line-height: 1.7;
  /* Line height */
}
/* Adjusts margin for the last child of webix_view layout */
.webix_view.settings .webix_view.webix_layout_line div:last-child {
  margin-left: 0 !important;
}
/* Sets font size for mdi-coin icon */
.mdi-coin:before {
  font-size: 17px !important;
}
/* Styles for logo button container */
.webix_view.webix_control.webix_el_button.logo div.webix_el_box {
  position: relative;
  /* Positions the element relative to its normal position */
  display: inline-block;
  /* Allows the element to sit inline with other elements */
  left: 0;
  /* No horizontal offset */
  top: 0;
  /* No vertical offset */
}
/* Removes background and border for specific button styles */
.logo button.webix_button.webix_img_btn,
.logo-login button.webix_button.webix_img_btn {
  background: none;
  /* No background */
  border: 0;
  /* No border */
}
/* Styles for images within logo buttons */
.logo .webix_img_btn .webix_image {
  width: 100%;
  /* Full width */
  max-width: none !important;
  /* Overrides any max-width constraints */
  max-height: none !important;
  /* Overrides any max-height constraints */
}
/* Styles for images within logo-login buttons */
.logo-login .webix_img_btn .webix_image {
  width: 90%;
  /* 90% width */
  max-width: none !important;
  /* Overrides any max-width constraints */
  max-height: none !important;
  /* Overrides any max-height constraints */
}
/* Main container for the right section with layout space */
.webix_view.right-container.webix_layout_space .webix_scroll_cont .webix_layout_wide > .webix_view.webix_layout_line .webix_view.webix_toolbar.webix_layout_toolbar .webix_scroll_cont .webix_view.webix_control.webix_el_label .webix_el_box {
  text-align: center;
  /* Center text alignment */
}
/* Duplicate right container with different alignment */
.webix_view.right-container.webix_layout_space .webix_scroll_cont .webix_layout_wide > .webix_view.webix_layout_accordion .webix_view.webix_toolbar.webix_layout_toolbar .webix_scroll_cont .webix_view.webix_control.webix_el_label .webix_el_box {
  text-align: left;
  /* Left text alignment */
}
/* Datepicker styling within the saldos view */
.webix_view.saldos.webix_layout_line .webix_el_datepicker .webix_inp_static {
  border-radius: 5px;
  /* Rounded corners */
  border-color: #ebedf0;
  /* Border color */
  line-height: 35px !important;
  /* Line height adjustment */
}
/* Sidebar transition effects for expanded and left-aligned states */
.webix_view.webix_tree.webix_sidebar.webix_sidebar_left.webix_sidebar_expanded,
.webix_view.webix_tree.webix_sidebar.webix_sidebar_left {
  transition: all 0.6s cubic-bezier(0.76, -0.11, 0, 0.99) 0s;
}
/* Margin adjustment for selected sidebar icons */
.webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_icon,
.webix_sidebar .webix_tree_item .webix_sidebar_icon {
  margin-right: 12px;
}
/* Transition effects for right container and clean form layout */
.webix_view.right-container.webix_layout_space,
.webix_view.webix_form.webix_layout_clean {
  transition: 1.3s !important;
}
/* Padding for datepicker box elements */
.webix_el_datepicker .webix_el_box {
  padding: 2px 2px;
}
/* Styling for timezone container with specific margins and borders */
.webix_view.container-timezone.webix_layout_line {
  margin-top: 8px !important;
  height: 40px !important;
  border-right: 1px solid #ebedf0;
  margin-right: 5px;
}
/* Font size and padding adjustments for label elements within timezone container */
.webix_view.container-timezone.webix_layout_line .webix_view.webix_layout_line .webix_view.webix_control.webix_el_label .webix_el_box {
  font-size: 11px !important;
  padding: 0;
}
/* Spacer view with no specific styles */
/* Form layout with a specific border color */
.webix_view.webix_form.webix_layout_form {
  border-color: #ebedf0;
}
/* Switch box in the 'on' state with a specific background color */
.webix_switch_box.webix_switch_on {
  background-color: #37903b;
}
/* Default switch box background color */
.webix_switch_box {
  background-color: #aa3536;
}
/* Label for login username with Google token icon */
.webix_view.webix_control.webix_el_label.login-username.google-token div:before {
  content: '\E90A';
  /* Icon code */
  font-family: icomoon;
  /* Font family for icons */
  content: '\E916';
  /* Icon code */
  color: #4285f4;
  /* Icon color */
  padding-right: 6px;
  /* Space between icon and text */
  margin-right: 5px;
  /* Space after icon */
  border-right: 1px solid #b2b2b2;
  /* Right border for separation */
}
/* Label for login username with reset email icon */
.webix_view.webix_control.webix_el_label.login-username.reset-email div:before {
  content: '\E90A';
  /* Icon code */
  font-family: icomoon;
  /* Font family for icons */
  content: '\E995';
  /* Icon code */
  color: #4285f4;
  /* Icon color */
  padding-right: 6px;
  /* Space between icon and text */
  margin-right: 5px;
  /* Space after icon */
  border-right: 1px solid #b2b2b2;
  /* Right border for separation */
}
/* Modal cover with reduced opacity */
div.webix_modal_cover {
  opacity: 0.5;
  /* Semi-transparent background */
}
/* Modal box styling */
.webix_modal_box {
  border: none;
  /* No border */
  border-radius: 5px;
  /* Rounded corners */
}
/* Label styling for coin type and time zone */
.webix_view.webix_control.webix_el_label.coinType,
.webix_view.webix_control.webix_el_label.timeZone {
  padding: 5px 0;
  /* Vertical padding */
  font-size: 11px;
  /* Small font size */
  margin-left: 0 !important;
  /* Override left margin */
  font-weight: normal;
  /* Normal font weight */
  color: #94a1b3;
  /* Light gray color */
}
/* Icon styling for time zone and coin type */
.webix_view.webix_control.webix_el_icon.icontimeZone,
.webix_view.webix_control.webix_el_icon.iconcoinType,
.webix_view.settings.webix_layout_line {
  margin-left: 0 !important;
  /* Override left margin */
}
/* Error styling for alert and confirm popups */
.webix_alert-error .webix_popup_text,
.webix_confirm-error .webix_popup_text,
.webix_alert-error .webix_popup_title,
.webix_confirm-error .webix_popup_title {
  box-shadow: 0 4px #d80000 inset;
  /* Red inset shadow for errors */
}
/* Remove border width for specific views in betting and bettingVirtual contexts */
.betting .webix_view,
.bettingVirtual .webix_view {
  border-width: 0 !important;
}
/* Remove box shadow for selected sidebar items */
.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_sidebar_selected + .webix_tree_leaves .webix_tree_item,
.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_selected,
.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_sidebar_selected {
  box-shadow: none !important;
}
/* Adjust padding for scroll containers in betting and bettingVirtual contexts */
.betting .webix_scroll_cont.webix_template,
.bettingVirtual .webix_scroll_cont.webix_template {
  padding: 0 11px 0 0;
}
/* Align text to the right for specific footer cells in data tables */
.webix_dtable .webix_ss_footer tr:nth-child(2) td .webix_hcell {
  text-align: right;
}
/* Style for disabled text input in dashboard stats */
.webix_view.webix_control.webix_el_text.webix_disabled_view.dashboard-stats input {
  font-weight: bold !important;
  /* Make font bold */
  font-size: 16px;
  /* Set font size */
  text-align: center !important;
  /* Center align text */
}
/* Styles for confirm button in popup on hover and active states */
.webix_popup_button.confirm:hover,
.webix_popup_button.confirm:active {
  background: #b48303;
  /* Background color on hover/active */
  color: white;
  /* Text color on hover/active */
  transition: 1s;
  /* Smooth transition effect */
}
/* Center alignment for labels in specific form layout */
.webix_view.webix_form.secutity.webix_layout_form .webix_el_label {
  text-align: center;
  /* Center text alignment */
}
/* Border color for a specific form layout */
.webix_view.webix_form.secutity.webix_layout_form {
  border-color: #ebedf0;
  /* Border color */
}
/* Shadow effect for warning alert and confirm popup text and title */
.webix_alert-warning .webix_popup_text,
.webix_confirm-warning .webix_popup_text,
.webix_alert-warning .webix_popup_title,
.webix_confirm-warning .webix_popup_title {
  box-shadow: 0 4px #b48303 inset;
  /* Inner shadow effect */
}
/* Styles for 'Salir' button in popup */
.webix_popup_button[aria-label='Salir'] {
  background-color: white;
  /* Background color */
  color: #5a5a5a;
  /* Text color */
  border: 1px solid #5a5a5a;
  /* Border style */
  border-radius: 5px;
  /* Rounded corners */
}
/* Hover styles for 'Salir' button */
.webix_popup_button[aria-label='Salir']:hover,
.webix_popup_button[aria-label='Salir']:active {
  background-color: #5a5a5a;
  /* Background color when active */
  color: white;
  /* Text color when active */
  transition: 1s;
  /* Transition effect duration */
}
/* Hover styles for various close icons */
span.webix_icon.wxi-close.info:hover,
span.webix_icon.wxi-close.details:hover,
span.webix_icon.wxi-close.user:hover,
span.webix_icon.wxi-close.edit:hover,
span.webix_icon.wxi-close.open:hover,
span.webix_icon.wxi-close.approve:hover,
span.webix_icon.wxi-close.approvecheck:hover,
span.webix_icon.wxi-close.changepassword:hover,
span.webix_icon.wxi-close.torefusecheck:hover,
span.webix_icon.wxi-close.paycheck:hover,
span.webix_icon.wxi-close.download:hover,
span.webix_icon.wxi-close.torefuse:hover,
span.webix_icon.wxi-close.pay:hover,
span.webix_icon.wxi-close.payS:hover,
span.webix_icon.wxi-close.reply:hover,
span.webix_icon.wxi-close.replyy:hover,
span.wxi-close.icon-tranfer2:hover,
span.wxi-close.icon-tranfer:hover,
span.webix_icon.wxi-close.update:hover,
span.webix_icon.wxi-close.commands:hover {
  /* Add hover styles here */
}
/* Hover effect for printer icon */
span.webix_icon.wxi-close.printer:hover {
  color: #31b85b;
  /* Change color on hover */
  transition: 0.5s;
  /* Smooth transition */
  transform: scale(1.5);
  /* Scale up on hover */
}
/* Hover effect for delete icon */
span.webix_icon.wxi-close.delete:hover {
  color: #2e2f5e;
  /* Change color on hover */
  transition: 0.5s;
  /* Smooth transition */
  transform: scale(1.5);
  /* Scale up on hover */
}
/* Styling for delete icon */
span.webix_icon.wxi-close.delete {
  position: relative;
  /* Positioning context */
  float: right;
  /* Align to the right */
  margin-top: -30px;
  /* Adjust vertical position */
}
/* Before pseudo-element for reply icon */
span.webix_icon.wxi-close.reply:before,
span.webix_icon.wxi-close.replyy:before {
  content: '\E91E';
  /* Icon content */
  font-family: icomoon;
  /* Font family for icons */
  font-size: 17px;
  /* Icon size */
  cursor: pointer;
  /* Pointer cursor on hover */
}
/* Before pseudo-element for transfer icons */
span.wxi-close.icon-tranfer2:before,
span.wxi-close.icon-tranfer:before {
  font-size: 22px;
  /* Icon size */
  cursor: pointer;
  /* Pointer cursor on hover */
}
/* Styles for the close icon with different classes */
span.webix_icon.wxi-close.pay:before {
  content: '\E914';
  /* Unicode for the close icon */
  font-family: icomoon;
  /* Font family for the icon */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
span.webix_icon.wxi-close.payS:before {
  content: '\E914';
  /* Same icon as .pay */
  font-family: icomoon;
  /* Font family for the icon */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
span.webix_icon.wxi-close.torefuse:before {
  content: '\E915';
  /* Different Unicode for another icon */
  font-family: icomoon;
  /* Font family for the icon */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
span.webix_icon.wxi-close.delete:before {
  content: '\E915';
  /* Same icon as .torefuse */
  font-family: icomoon;
  /* Font family for the icon */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
span.webix_icon.wxi-close.edit:before {
  content: '\E911';
  /* Different Unicode for the edit icon */
  font-family: icomoon;
  /* Font family for the icon */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
/* Icon styles for various actions with specific content codes */
span.webix_icon.wxi-close.approve:before {
  content: '\E913';
  /* Approve icon */
  font-family: icomoon;
  /* Font family for icons */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
span.webix_icon.wxi-close.approvecheck:before {
  content: '\E913';
  /* Approve check icon (same as approve) */
  font-family: icomoon;
  /* Font family for icons */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
span.webix_icon.wxi-close.changepassword:before {
  content: '\E91E';
  /* Change password icon */
  font-family: icomoon;
  /* Font family for icons */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
span.webix_icon.wxi-close.torefusecheck:before {
  content: '\E915';
  /* Refuse check icon */
  font-family: icomoon;
  /* Font family for icons */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
span.webix_icon.wxi-close.paycheck:before {
  content: '\E914';
  /* Pay check icon */
  font-family: icomoon;
  /* Font family for icons */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
/* Icon for download action */
span.webix_icon.wxi-close.download:before {
  content: '\E908';
  /* Unicode for download icon */
  font-family: icomoon;
  /* Font family for icons */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
/* Icon for open action */
span.webix_icon.wxi-close.open:before {
  content: '\E912';
  /* Unicode for open icon */
  font-family: icomoon;
  /* Font family for icons */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
/* Icon for printer action */
span.webix_icon.wxi-close.printer:before {
  content: '\E98D';
  /* Unicode for printer icon */
  font-family: icomoon;
  /* Font family for icons */
  font-size: 17px;
  /* Size of the icon */
  cursor: pointer;
  /* Pointer cursor on hover */
}
/* User photo styling */
.userphoto {
  display: inline-block;
  /* Inline block for layout */
  border-radius: 25px;
  /* Rounded corners */
  width: 48px;
  /* Width of the user photo */
  height: 48px;
  /* Height of the user photo */
  float: left;
  /* Float to the left */
}
.webix_cell {
  /* Aligns text to the right */
  text-align: right;
}
.text {
  /* Adds padding and sets display type */
  padding: 4px 4px 4px 16px;
  display: inline-block;
}
.webix_column div[aria-level='1'] {
  /* Sets font weight for level 1 columns */
  font-weight: bold;
}
.username {
  /* Styles for username display */
  font-size: 14px;
  /* Font size */
  letter-spacing: 0.2px;
  /* Spacing between letters */
  color: #313131;
  /* Text color */
  font-weight: 500;
  /* Font weight */
  line-height: 20px;
  /* Line height */
  display: block;
  /* Block display */
  max-width: 150px;
  /* Maximum width */
  white-space: nowrap;
  /* Prevents text wrapping */
  text-overflow: ellipsis;
  /* Adds ellipsis for overflow */
  overflow: hidden;
  /* Hides overflow */
}
.money {
  /* Styles for money display */
  color: #475466;
  /* Text color */
  display: block;
  /* Block display */
  letter-spacing: 0.2px;
  /* Spacing between letters */
  line-height: 20px;
  /* Line height */
}
.progress {
  /* Rounded corners for the progress bar */
  border-radius: 5px;
  /* Bold text for emphasis */
  font-weight: bold;
  /* Text color for the progress bar */
  color: #b48303;
}
.load-text {
  /* Background color for the loading text */
  background: #263043;
  /* Rounded corners for the loading text container */
  border-radius: 18px;
  /* Text color for the loading text */
  color: white;
  /* Fixed height for the loading text container */
  height: 25px;
  /* Vertical alignment of text */
  line-height: 24px;
  /* Centered text alignment */
  text-align: center;
}
.webix_all_tabs .webix_item_tab.webix_selected {
  /* Text color for selected tab */
  color: white !important;
  /* Background color for selected tab */
  background: #263043 !important;
}
.cajeros .webix_layout_wide {
  /* Background color for wide layout in cajeros */
  background-color: white;
}
.webix_el_button.advertising button.webixtype_base {
  /* Fixed height for the button */
  height: 25px;
  /* Border styling for the button */
  border: 1px solid #b48303;
  /* Rounded corners for the button */
  border-radius: 5px;
  /* Background color for the button */
  background: white;
}
/* Bold font for footer table cells */
tr[section='footer'] td {
  font-weight: bold !important;
}
/* Styles for active, hover, and focus states of .webixtype_base */
.webixtype_base:active,
.webixtype_base:hover,
.webixtype_base:focus {
  background: #b48303 !important;
  /* Background color */
  color: white;
  /* Text color */
  transition: 1s;
  /* Transition duration */
}
/* Circular border for close button */
.close-bottom button {
  border-radius: 50% !important;
  /* Fully rounded corners */
}
/* Circular border for tools button */
.tools-button button {
  border-radius: 50% !important;
  /* Fully rounded corners */
}
/* Circular border for apply button */
.apply-button button {
  border-radius: 50% !important;
  /* Fully rounded corners */
}
/* Right-aligned text and white background for close button view */
[view_id='close-buttom'] {
  text-align: right !important;
  /* Right alignment */
  background: white !important;
  /* Background color */
}
/* Positioning and styling for win view */
[view_id='win'] {
  left: auto !important;
  /* Automatic left positioning */
  right: -2px !important;
  /* Offset from the right */
  padding: 6px 20px 6px 8px !important;
  /* Padding */
  border-radius: 10px 0 0 10px !important;
  /* Rounded corners */
}
.close-bottom button span {
  /* Sets the text color of the button span to a specific red */
  color: #c30000 !important;
}
.close-bottom .webix_icon_button:hover:before {
  /* Changes the background color of the icon button on hover */
  background-color: #c30000;
}
.close-bottom button span:hover:before {
  /* Changes the text color of the button span on hover */
  color: #ffffff !important;
}
.webix_view.close-bottom .webix_el_box {
  /* Sets the background color of the box to white */
  background: white;
}
.tools-button button span:hover:before {
  /* Changes the text color of the tools button span on hover */
  color: #ffffff !important;
}
.webix_view.tools-button .webix_el_box {
  /* Sets the background color of the tools button box to white */
  background: white;
}
.apply-button button span {
  /* Sets the text color of the apply button span to a specific green */
  color: #183b14 !important;
}
.apply-button .webix_icon_button:hover:before {
  /* Changes the background color of the apply icon button on hover */
  background-color: #183b14;
}
.apply-button button span:hover:before {
  /* Changes the text color of the apply button span on hover */
  color: white !important;
}
/* Styles for the apply button within webix_view */
.webix_view.apply-button .webix_el_box {
  background: white;
  /* Sets background color to white */
}
/* Styles for active, hover, and focus states of webixtype_base in dashboard */
.webix_view.dashboard .webixtype_base:active,
.webix_view.dashboard .webixtype_base:hover,
.webix_view.dashboard .webixtype_base:focus {
  background: #94a1b3 !important;
  /* Sets background color with high specificity */
}
/* Styles for active username display */
.username-active div {
  display: inline-block;
  /* Displays child divs inline */
}
/* Styles for the first child span in username-active */
.username-active span:first-child {
  padding: 3px 10px;
  /* Adds padding around the span */
  margin-top: 3px;
  /* Adds top margin */
  width: 20px;
  /* Sets fixed width */
}
/* Styles for right-container and body-container with specific layout */
.webix_view.right-container.webix_layout_space,
.webix_view.body-container.webix_layout_line {
  height: 100% !important;
  /* Forces height to 100% */
}
/* Styles for the first child div in body-container */
.webix_view.body-container.webix_layout_line > div:first-child {
  height: 100% !important;
  /* Forces height to 100% */
}
/* Styles for webix_layout_line to control overflow */
.webix_view.webix_layout_line {
  overflow: visible;
  /* Allows overflow to be visible */
}
/* Styles for selected tab in all tabs */
.webix_all_tabs .webix_item_tab.webix_selected {
  box-shadow: inset 0 -2px #5c6982;
  /* Inner shadow for selected tab */
}
/* Default color for all tabs */
.webix_all_tabs .webix_item_tab {
  color: #263043;
  /* Text color for tabs */
}
/* Background color for specific layouts */
.webix_view.bg-grid.webix_layout_wide,
.webix_view.betShop.webix_layout_accordion {
  background-color: white;
  /* White background for specified views */
}
/* Background color for accordion layout */
.webix_view.bg-grid.webix_layout_accordion {
  background-color: white;
  /* White background for accordion layout */
}
/* Color for accordion item header */
.webix_accordionitem_header {
  color: #6c7490;
  /* Text color for accordion headers */
}
/* Styles for focused selected tab */
.webix_all_tabs .webix_item_tab.webix_selected:focus {
  color: #b48303;
  /* Color change on focus for selected tab */
  box-shadow: inset 0 -2px #5c6982;
  /* Inner shadow for focused selected tab */
}
/* Styles for collapsed accordion item header */
.webix_accordionitem.horizontal.collapsed .webix_accordionitem_header .webix_accordionitem_button,
.webix_accordionitem.collapsed .webix_accordionitem_header {
  /* Styles for headers of collapsed accordion items */
}
/* Button style for accordion items */
.webix_accordionitem_button {
  color: #2e2f5e;
  /* Text color */
}
/* Background style for the main accordion layout */
.webix_view.betShop.bg-grid.webix_layout_accordion {
  background: white;
  /* Background color */
}
/* Header style for collapsed accordion items */
.webix_accordionitem.horizontal.collapsed .webix_accordionitem_header,
.webix_accordionitem.collapsed .webix_accordionitem_header {
  background-color: #f4f5f9;
  /* Background color */
  color: #263043;
  /* Text color */
}
/* Style for clean layout forms */
.webix_view.webix_form.webix_layout_clean {
  border-width: 0 !important;
  /* Remove border */
}
/* Label style for top labels in input fields */
label.webix_inp_top_label {
  overflow: visible;
  /* Allow overflow */
  white-space: nowrap !important;
  /* Prevent text wrapping */
}
/* Centered style for logo in login section */
.webix_view.webix_spacer.logo-login {
  text-align: center;
  /* Center text */
  margin-bottom: 20px;
  /* Bottom margin */
}
/* Font size for logo before element */
.webix_view.webix_spacer.logo-login:before {
  font-size: 40px;
  /* Font size */
}
.container-preload {
  /* Full width and height for the preload container */
  width: 100%;
  height: 100%;
  background: #ffffffcf;
  /* Semi-transparent white background */
}
.webix_view.webix_control.webix_el_label.login-username,
.webix_view.webix_control.webix_el_label.login-password {
  /* Text color for username and password labels */
  color: #7d7d7d;
}
.webix_view.webix_control.webix_el_label.login-username > div,
.webix_view.webix_control.webix_el_label.login-password > div {
  /* Line height for label text */
  line-height: 22px !important;
}
.persons_list .webix_list_item,
.persons_list .webix_list_item.webix_selected {
  /* Padding for list items in persons list */
  padding: 8px 12px;
}
.webix_view.webix_form.login.webix_layout_form {
  /* Rounded corners for the login form */
  border-radius: 15px 0 15px 0;
}
.webix_view.webix_control.webix_el_button.button-login button {
  /* Styles for the login button */
  border-radius: 5px;
  /* Rounded corners */
  border: 1px solid #263043;
  /* Border color */
  background: white;
  /* Button background color */
}
/* Button hover state for login */
.webix_view.webix_control.webix_el_button.button-login button:hover {
  background: #263043;
  /* Background color on hover */
  color: white;
  /* Text color on hover */
}
/* Focus state and custom checkbox styling */
.webix_custom_checkbox:focus,
.webix_checkbox_1 .webix_custom_checkbox {
  color: #263043;
  /* Text color when focused */
}
/* Font size and margin for status messages */
.success,
.waiting,
.failed,
.incoming,
.payment {
  font-size: 20px;
  /* Font size for status messages */
  margin-top: 8px;
  /* Top margin for spacing */
}
/* Success message styling */
.success {
  color: #55cd97;
  /* Color for success messages */
}
/* Waiting message styling */
.waiting {
  color: orange;
  /* Color for waiting messages */
}
/* Failed message styling */
.failed {
  color: #ff5c4c;
  /* Color for failed messages */
}
.incoming {
  /* Color for incoming messages */
  color: #41ad7c;
}
.payment {
  /* Color for payment notifications */
  color: #ff5c4c;
}
.method {
  /* Margin adjustments for method elements */
  margin-bottom: -8px;
  margin-right: 8px;
}
.notifications .webix_list_item,
.notifications .webix_list_item.webix_selected {
  /* Line height and padding for notification list items */
  line-height: 20px;
  padding: 10px;
}
.notifications .webix_list_item .m_title {
  /* Font weight and color for notification titles */
  font-weight: 500;
  color: #313131;
}
.notifications .webix_list_item .message {
  /* Display and color for notification messages */
  display: block;
  color: #475466;
}
.webix_view.form_photo > div {
  /* Padding for photo form elements */
  padding: 0px;
}
/* Template styling for Webix views */
.webix_view.ifr_template .webix_template {
  padding: 0px;
  /* No padding for the template */
}
/* Ensures disabled elements are fully opaque */
.webix_view.ifr_template > .webix_disabled {
  opacity: 1 !important;
  /* Overrides default opacity */
}
/* Styling for SVG path elements */
path {
  stroke: #d9d8d7;
  /* Sets stroke color */
}
/* Center alignment for chart headers */
.webix_view.chart_header {
  text-align: center;
  /* Centers text */
}
/* Color styling for bought items */
.bought {
  color: #8664c6;
  /* Purple color for bought items */
}
/* Color styling for sold items */
.sold {
  color: #1ca1c1;
  /* Cyan color for sold items */
}
/* Styling for input labels */
.input_label {
  font-weight: 500;
  /* Medium font weight */
}
/* MCE (TinyMCE) container styling */
.mce-container,
.mce-container *,
.mce-widget,
.mce-widget * {
  /* Additional styles may follow */
}
.mce-reset {
  /* Sets the text color for the TinyMCE editor */
  color: #94a1b3 !important;
}
.mce-btn-group:not(:first-child) {
  /* Adds a left border to all button groups except the first */
  border-left: 1px solid #dadee0 !important;
}
.mce-panel {
  /* Sets the border color and removes shadow for the TinyMCE panel */
  border-color: #dadee0 !important;
  box-shadow: none !important;
}
.mce-edit-area.mce-container.mce-panel.mce-stack-layout-item {
  /* Removes border for the edit area of TinyMCE */
  border: 0px !important;
}
.mce-top-part::before {
  /* Removes shadow and adds a bottom border to the top part of TinyMCE */
  box-shadow: none !important;
  border-bottom: 1px solid #dadee0 !important;
}
.webix_el_box .webixtype_form:active,
.webix_uploader button:active {
  /* Sets background color for active state of Webix form and uploader button */
  background-color: black !important;
}
.webix_el_box .webixtype_form:hover,
.webix_uploader button:hover {
  /* Sets background color for hover state of Webix form and uploader button */
  background: #946c02;
}
/* Styles for form elements within webix_el_box */
.webix_el_box .webixtype_form,
.webix_uploader button {
  background: #c2c2c2 !important;
  /* Default background color */
  border-radius: 5px;
  /* Rounded corners */
}
/* Override styles for form elements within webix_el_box */
.webix_el_box .webixtype_form,
.webix_uploader button {
  background: white !important;
  /* Background color when active */
  border: 1px solid #757575;
  /* Border styling */
  color: #757575;
  /* Text color */
}
/* Styles for active and hover states of buttons */
.webix_el_box .webixtype_form:active,
.webix_uploader button:active,
.webix_el_box .webixtype_form:hover,
.webix_uploader button:hover {
  background-color: #757575 !important;
  /* Background color on active/hover */
  color: white;
  /* Text color on active/hover */
  transition: 1s;
  /* Smooth transition effect */
}
/* Styles for buttons within webix_el_button */
.webix_el_button button {
  border: 1px solid #263043;
  /* Border styling */
  background: white;
  /* Background color */
}
/* Styles for buttons within dateFilter */
.dateFilter .webix_el_button button {
  background: #dfe4ed;
  /* Background color for date filter buttons */
  border: none;
  /* No border */
}
/* Primary button styles */
.webix_primary .webix_button {
  background: #263043 !important;
  /* Background color for primary buttons */
  color: white;
  /* Text color for primary buttons */
}
/* Hover state for primary buttons */
.webix_primary .webix_button:hover {
  background-color: #56637d !important;
  /* Background color on hover */
  border-color: #56637d !important;
  /* Border color on hover */
}
/* Disabled button styles */
.webix_view.webix_control .webix_disabled_box .webix_button {
  background: #f2f2f2 !important;
  /* Background color for disabled buttons */
  color: #e1e1e1 !important;
  /* Text color for disabled buttons */
}
/* General button and toggle input styles */
.webix_el_button input,
.webix_el_toggle input,
.webix_el_button button,
.webix_el_toggle button,
.webixbutton {
  color: #b48303;
  /* Text color for buttons and toggles */
  border-radius: 5px;
  /* Rounded corners for buttons */
}
/* Badge styles */
.webix_badge {
  background-color: #b48303;
  /* Background color for badges */
  height: 20px;
  /* Fixed height for badges */
  min-width: 20px;
  /* Minimum width for badges */
}
/* Selected sidebar item icon color */
.webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_icon,
.webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_icon,
.webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_dir_icon,
.webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_dir_icon {
  color: #b48303;
  /* Gold color for selected icons */
}
/* Selected sidebar item text color */
.webix_sidebar .webix_tree_item.webix_selected,
.webix_sidebar .webix_tree_item.webix_sidebar_selected {
  color: #b48303;
  /* Gold color for selected text */
}
/* Selected sidebar item span text color */
.webix_sidebar .webix_tree_item.webix_selected span {
  color: #b99a49;
  /* Lighter gold color for span text */
}
/* Pager item text color */
.webix_view .webix_pager_item {
  color: #778399;
  /* Grayish color for pager items */
}
/* Hover background color for selected pager item */
.webix_view .webix_pager_item_selected:hover {
  background-color: #323e53;
  /* Dark background on hover */
}
/* Background color for selected pager item */
.webix_view .webix_pager_item_selected {
  background-color: #263043;
  /* Darker background for selected item */
}
/* Bottom border for last row in data table header */
.webix_dtable .webix_ss_header td.webix_last_row {
  border-bottom: 1px solid #263043;
  /* Border color for last row */
}
/* Styles for the second row of the footer in a Webix datatable */
.webix_dtable .webix_ss_footer tr:nth-child(2) td {
  border-top: 1px solid #263043;
  /* Top border color */
  height: 43px;
  /* Height of the footer cell */
}
/* Hover effect for the static input in the country flag list */
.webix_view.webix_control.webix_el_richselect.contryFlasgList .webix_inp_static:hover {
  background: #fbfbfb;
  /* Background color on hover */
  transition: 0.5s;
  /* Transition duration for hover effect */
  border-radius: 5px;
  /* Rounded corners */
}
/* Default styles for the static input in the country flag list */
.webix_view.webix_control.webix_el_richselect.contryFlasgList .webix_inp_static {
  border: none;
  /* No border */
  line-height: 51px !important;
  /* Line height for input */
  color: #94a1b3;
  /* Text color */
}
/* Specific line height for the country flag list input */
.webix_view.webix_control.webix_el_richselect.contryFlasgList.country .webix_inp_static {
  line-height: 35px !important;
  /* Adjusted line height */
}
/* Pointer cursor for the country flag list */
.webix_view.webix_control.webix_el_richselect.contryFlasgList {
  cursor: pointer;
  /* Change cursor to pointer */
}
/* Selected item style in the left sidebar */
.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_sidebar_selected {
  /* Styles for selected sidebar item would go here */
}
/* Styles for tree leaves and selected items in the sidebar */
.webix_tree_leaves .webix_tree_item,
.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_selected,
.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_sidebar_selected {
  box-shadow: inset 2px 0 #b48303;
  /* Inner shadow effect for selected items */
}
/* Custom style with bold font weight */
.my_style {
  font-weight: bold !important;
  /* Overrides default font weight */
}
/* Background color for specific header elements in custom style */
.my_style .webix_hcell,
.my_style .webix_ss_vscroll_header {
  background: black !important;
  /* Sets background to black */
}
/* Styles for selected list items */
.webix_list_item.webix_selected {
  box-shadow: inset 2px 0 #b58405;
  /* Inner shadow effect for selected list items */
}
/* Styles for selected rows in a data table */
.webix_dtable .webix_select_mark > div.webix_row_select {
  box-shadow: inset 2px 0 #b48303;
  /* Inner shadow effect for selected rows */
}
/* Toolbar styles for dark theme */
.webix_layout_toolbar.webix_toolbar.webix_dark {
  background: #000000;
  /* Sets background color to black */
}
/* Sidebar styles for dark theme */
.webix_sidebar.webix_dark {
  border-color: #000000;
  /* Sets border color to black */
  background-color: #000000;
  /* Sets background color to black */
}
/* Dark theme header styling */
.webix_header.webix_dark {
  background: #898989;
  /* Background color */
  border-color: #ababab;
  /* Border color */
}
/* Selected tree item styling in dark sidebar */
.webix_sidebar.webix_dark .webix_tree_item.webix_selected,
.webix_sidebar.webix_dark .webix_tree_item.webix_sidebar_selected {
  color: #b48303;
  /* Text color for selected items */
}
/* Responsive styles for screens with max-width of 900px */
@media only screen and (max-width: 900px) {
  .webix_view.left.webix_layout_line > div > div > div {
    /* Empty rule for specific layout adjustments */
  }
  .webix_view.out.webix_layout_wide {
    width: 100% !important;
    /* Force full width for wide layout */
  }
  .webix_view.out.webix_layout_line {
    margin: 3px !important;
    /* Adjust margin for line layout */
  }
}
/* Class to hide elements */
.country-hide {
  display: none;
  /* Hides elements with this class */
}
/* Light green background class */
.lightgreen {
  background-color: lightgreen;
  /* Background color */
}
/* Highlight class for emphasis */
.highlight {
  background-color: #ffaaaa;
  /* Background color for highlighted elements */
}
/* Focus state for buttons within the webix_secondary class */
.cajero.webix_secondary .webix_button:focus {
  background-color: #252a3f;
  /* Background color on focus */
  color: white;
  /* Text color on focus */
}
/* Styles for buttons with the buttonArrow class */
.buttonArrow button {
  height: 44px;
  /* Button height */
  border-radius: 60px;
  /* Rounded corners */
  font-size: 35px;
  /* Font size */
  line-height: 25px;
  /* Line height */
  box-shadow: 0px 3px 0px 1px rgba(200, 200, 200, 0.5);
  /* Shadow effect */
}
/* Padding for the divButtonArrow class */
.divButtonArrow {
  padding-top: 10px;
  /* Top padding */
}
/* Background styling for elements with the myBackground class */
.myBackground {
  padding: 15px;
  /* Padding */
  background-color: #0c141c;
  /* Background color */
}
/* Styles for the myDataview class */
.myDataview {
  border: 1px;
  /* Border width */
  padding: 5px;
  /* Padding */
  background-color: #0c141c;
  /* Background color */
}
/* Container styling for the container class */
.container {
  position: relative;
  /* Positioning context */
  text-align: center;
  /* Centered text alignment */
  color: white;
  /* Text color */
}
.top-left {
  /* Background color with transparency */
  background-color: #263043cf;
  /* Positioned absolutely within the parent */
  position: absolute;
  /* Aligns to the top of the parent */
  top: 0px;
  /* Full width of the parent */
  width: 100%;
}
.my_permissions {
  /* Background color consistent with .top-left */
  background-color: #263043cf;
}
.my_filter .webix_inp_top_label {
  /* Text color for input label */
  color: white;
}
.metadata_config_check {
  /* Floats to the left */
  float: left;
  /* Margin around the element */
  margin: 7px;
}
.metadata_config_check:hover {
  /* Text color on hover */
  color: #3498db;
}
.my-text-list {
  /* Floats to the left */
  float: left;
  /* Margin around the element */
  margin: 7px;
}
.icon-text-list {
  /* Background image for the icon */
  background: url('/sources/images/proximo.svg') no-repeat;
  /* Positioned absolutely within the parent */
  position: absolute;
  /* Width of the icon */
  width: 16px;
  /* Height of the icon */
  height: 16px;
  /* No border */
  border: none;
  /* Margin to position the icon */
  margin-left: 80%;
  /* Inline-block display for alignment */
  display: inline-block;
  /* Vertical alignment */
  vertical-align: middle;
  /* Margin to position the icon vertically */
  margin-top: 7px;
}
/* Icon styling for virtual dog in sidebar */
span.webix_icon.webix_sidebar_icon.icon-virtuales-dog {
  font-size: 16px;
  /* Set font size */
}
/* Allow vertical scrolling for dataview */
.seo_dataview1 {
  overflow-y: auto;
  /* Enable vertical overflow */
}
/* Background styling for elements with my-background class */
.my-background {
  background: #ebedf0 !important;
  /* Set background color */
}
/* Styling for dataview with no bottom border */
.seo_dataview {
  border-bottom: 0px solid;
  /* No bottom border */
  cursor: auto;
  /* Default cursor */
  width: 100%;
  /* Full width */
}
/* Padding for container */
.seo_container {
  padding: 10px;
  /* Set padding */
}
/* Grid layout for SEO panel */
#seo_panel {
  display: grid;
  /* Use grid display */
  grid-template-columns: repeat(1, auto);
  /* Single column layout */
  grid-gap: 5px;
  /* Gap between grid items */
  width: 100%;
  /* Full width */
}
/* Input field styling */
.seo_input {
  font-size: 14px;
  /* Set font size */
  height: 100px;
  /* Set height */
  width: 98%;
  /* Set width */
  padding: 0px 12px;
  /* Padding inside input */
  border: 1px solid #dadee0;
  /* Border styling */
  color: #475466;
  /* Text color */
  background: #ffffff;
  /* Background color */
  font-family: Roboto, sans-serif;
  /* Font family */
  border-color: #ccd7e6;
  /* Border color */
  -webkit-appearance: none;
  /* Remove default styling in WebKit browsers */
  border-radius: 0;
  /* No border radius */
}
/* Styles for the SEO title element */
.seo_title {
  padding-left: 12px;
  /* Left padding */
  position: relative;
  /* Positioning context */
  z-index: 2;
  /* Stacking order */
  font-family: Roboto, sans-serif;
  /* Font family */
  font-size: 16px;
  /* Font size */
  font-weight: 500;
  /* Font weight */
  color: #475466;
  /* Text color */
  letter-spacing: 0px;
  /* Letter spacing */
  line-height: 42px;
  /* Line height */
  cursor: pointer;
  /* Pointer cursor on hover */
  background-color: #f4f5f9;
  /* Background color */
  border-bottom: 1px solid #dadee0;
  /* Bottom border */
}
/* Styles for the SEO title questions element */
.seo_title_questions {
  padding-left: 12px;
  /* Left padding */
  position: relative;
  /* Positioning context */
  z-index: 2;
  /* Stacking order */
  font-family: Roboto, sans-serif;
  /* Font family */
  font-size: 16px;
  /* Font size */
  font-weight: 500;
  /* Font weight */
  color: #475466;
  /* Text color */
  letter-spacing: 0px;
  /* Letter spacing */
  line-height: 42px;
  /* Line height */
  cursor: pointer;
  /* Pointer cursor on hover */
  background-color: #f4f5f9;
  /* Background color */
  border-bottom: 1px solid #dadee0;
  /* Bottom border */
}
/* Media query for screens with a maximum width of 500px */
@media only screen and (max-width: 500px) {
  /* Class for hiding vertical overflow */
  .seo_dataview1 {
    overflow-y: hidden;
    /* Prevents vertical scrolling */
  }
  /* ID for the SEO panel layout */
  #seo_panel {
    display: grid;
    /* Uses CSS Grid layout */
    grid-template-columns: repeat(1, auto);
    /* Single column layout */
    grid-gap: 5px;
    /* Space between grid items */
    width: 100%;
    /* Full width */
  }
  /* Class for SEO input fields */
  .seo_input {
    font-size: 14px;
    /* Font size */
    height: 100px;
    /* Fixed height */
    width: 90%;
    /* Width relative to parent */
    padding: 0px 12px;
    /* Padding inside the input */
    border: 1px solid #dadee0;
    /* Border styling */
    color: #475466;
    /* Text color */
    background: #ffffff;
    /* Background color */
    font-family: Roboto, sans-serif;
    /* Font family */
    border-color: #ccd7e6;
    /* Border color */
    -webkit-appearance: none;
    /* Removes default styling in WebKit browsers */
    border-radius: 0;
    /* No border radius */
  }
  /* Class for SEO title elements */
  .seo_title {
    padding-left: 12px;
    /* Left padding */
    position: relative;
    /* Positioning context */
    z-index: 2;
    /* Stacking order */
    font-family: Roboto, sans-serif;
    /* Font family */
    font-size: 10px;
    /* Font size */
    font-weight: 800;
    /* Bold font weight */
    color: #475466;
    /* Text color */
    letter-spacing: 0px;
    /* No letter spacing */
    line-height: 42px;
    /* Line height */
    cursor: pointer;
    /* Pointer cursor on hover */
    background-color: #f4f5f9;
    /* Background color */
    border-bottom: 1px solid #dadee0;
    /* Bottom border */
  }
  /* Class for SEO title questions */
  .seo_title_questions {
    padding-left: 12px;
    /* Left padding */
    position: relative;
    /* Positioning context */
    z-index: 2;
    /* Stacking order */
    font-family: Roboto, sans-serif;
    /* Font family */
    font-size: 10px;
    /* Font size */
    font-weight: 800;
    /* Bold font weight */
    color: #475466;
    /* Text color */
    letter-spacing: 0px;
    /* No letter spacing */
    line-height: 42px;
    /* Line height */
    cursor: pointer;
    /* Pointer cursor on hover */
    background-color: #f4f5f9;
    /* Background color */
    border-bottom: 1px solid #dadee0;
    /* Bottom border */
  }
}
.seo_body {
  /* Padding around the content */
  padding: 10px;
  /* Initially hidden */
  display: none;
  /* Prevents overflow of content */
  overflow: hidden;
}
.seo_item {
  /* Border styling for SEO items */
  border: 1px solid #dadee0;
}
.seo_label {
  /* Font styling for labels */
  font-family: Roboto, sans-serif;
  /* Font family */
  font-size: 14px;
  /* Font size */
  font-weight: 500;
  /* Font weight */
  color: #313131;
  /* Text color */
  letter-spacing: 0.2px;
  /* Spacing between letters */
}
.seo_delete {
  /* Margin to the right of delete button */
  margin-right: 12px;
}
.seo_questions {
  /* Border and padding for questions section */
  border: 1px solid #dadee0;
  padding: 10px;
}
#seo_inside {
  /* Grid layout for inner SEO elements */
  display: grid;
  grid-template-columns: repeat(2, auto);
  /* Two columns */
  grid-gap: 5px;
  /* Space between grid items */
  width: 100%;
  /* Full width */
}
.seo_button {
  /* Styles for the SEO button */
  position: relative;
  /* Positioning context for child elements */
  float: right;
  /* Aligns the button to the right */
  background: #263043 !important;
  /* Background color with high specificity */
  color: white;
  /* Text color */
  border-radius: 5px;
  /* Rounded corners */
  cursor: pointer;
  /* Changes cursor to pointer on hover */
  font-size: 16px;
  /* Font size */
  font-weight: 500;
  /* Font weight */
  width: 100px;
  /* Fixed width */
  padding: 5px;
  /* Inner spacing */
  font-family: Roboto, sans-serif;
  /* Font family */
  margin-right: 12px;
  /* Right margin */
  margin-bottom: 10px;
  /* Bottom margin */
  text-align: center;
  /* Centered text */
}
.linkAf.mdi.mdi-content-copy > div {
  /* Styles for the content copy link */
  display: inline-block;
  /* Allows width and vertical alignment */
  width: 280px !important;
  /* Fixed width with high specificity */
  vertical-align: middle;
  /* Aligns vertically in the middle */
}
.col-link-af {
  /* Styles for the link container */
  border-radius: 21px;
  /* Rounded corners */
}
.black button,
.black button:hover,
.black button:focus {
  background-color: #000000;
  /* Background color on hover/focus */
  border-color: #000000;
  /* Border color on hover/focus */
}
/* Button styles for green theme and its states */
.green button,
.green button:hover,
.green button:focus {
  background-color: #26c320;
  /* Background color for normal, hover, and focus states */
  border-color: #26c320;
  /* Border color for normal, hover, and focus states */
}
/* Styles for saldoJuego label container */
.webix_view.webix_control.webix_el_label.saldoJuego > div {
  font-size: 14px;
  /* Font size */
  color: #94a1b3;
  /* Text color */
  font-weight: 100;
  /* Font weight */
  display: flex;
  /* Flexbox layout */
  gap: 5px;
  /* Space between flex items */
  flex-direction: column;
  /* Stack items vertically */
  line-height: 20px !important;
  /* Line height with !important to override other styles */
}
/* Styles for inner divs within saldoJuego label */
.webix_view.webix_control.webix_el_label.saldoJuego > div > div {
  font-size: 14px;
  /* Font size for inner divs */
  color: #94a1b3;
  /* Text color for inner divs */
}
/* Styles for block-saldos layout */
.webix_view.block-saldos.webix_layout_line {
  border-right: 1px solid #ebedf0;
  /* Right border style */
}
.confirmLogout div[result='true']:not(:only-child) {
  /* Hides divs with result='true' that are not the only child */
  display: none;
}
.movies .webix_dataview_item,
.movies .webix_dataview_item.webix_selected {
  /* Styles for movie items and selected items */
  padding: 3px 2px;
  /* Padding for items */
  border-color: #fff;
  /* White border color */
  background-image: none;
  /* No background image */
  background-color: #fff;
  /* White background color */
}
.movies .webix_dataview_item.webix_selected .overall {
  /* Styles for the overall section of selected movie items */
  background-color: #dbffb0;
  /* Light green background color */
  /* Gradient background for selected items */
  background: -o-linear-gradient(top, #dbffb0 0%, #d0f4a4 100%);
  background: -ms-linear-gradient(top, #dbffb0 0%, #d0f4a4 100%);
  background: -moz-linear-gradient(top, #dbffb0 0%, #d0f4a4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dbffb0), color-stop(1, #d0f4a4));
}
.overall {
  /* Sets width using a calculation for responsive design */
  width: -webkit-calc(50% - 27px);
  /* Displays the element as an inline-block */
  display: inline-block;
  /* Adds vertical margin */
  margin: 3px 0;
  /* Rounds the corners of the element */
  border-radius: 4px;
  /* Vendor-specific border radius for WebKit browsers */
  -webkit-border-radius: 4px;
  /* Vendor-specific border radius for Mozilla browsers */
  -moz-border-radius: 8px;
  /* Sets height to auto */
  height: auto;
  /* Adds padding inside the element */
  padding: 10px 10px 10px 15px;
  /* Sets text color */
  color: #303030;
  /* Adds a subtle text shadow */
  text-shadow: 0 1px 0 #ffffff;
  /* Sets background color */
  background-color: #e1e4ea;
  /* Defines a linear gradient background for WebKit browsers */
  /* Defines a linear gradient background for Opera */
  background: -o-linear-gradient(top, #edeff4 0%, #e1e4ea 100%);
  /* Defines a linear gradient background for Internet Explorer */
  background: -ms-linear-gradient(top, #edeff4 0%, #e1e4ea 100%);
  /* Defines a linear gradient background for Mozilla browsers */
  background: -moz-linear-gradient(top, #edeff4 0%, #e1e4ea 100%);
  /* Defines a linear gradient background for WebKit browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #edeff4), color-stop(1, #e1e4ea));
  /* Adds a subtle box shadow */
  box-shadow: 0px 1px 1px #d4d7de;
}
.rank {
  /* Font size for rank text */
  font-size: 14px;
  /* Color for rank text */
  color: #df6910;
  /* Bold font weight */
  font-weight: bold;
  /* Aligns element to the left */
  float: left;
  /* Line height for text */
  line-height: 20px;
  /* Fixed height for the element */
  height: 40px;
}
.title {
  /* Fixed height for title */
  height: 27px;
  /* Line height for text */
  line-height: 20px;
  /* Hides overflow content */
  overflow: hidden;
  /* Bold font weight */
  font-weight: bold;
  /* Capitalizes text */
  text-transform: capitalize;
  /* Fixed width for title */
  width: 200px;
}
.title_form {
  /* Forces height to 40px */
  height: 40px !important;
}
.title_long {
  /* Fixed height for long title */
  height: 40px;
  /* Line height for text */
  line-height: 20px;
  /* Hides overflow content */
  overflow: hidden;
  /* Bold font weight */
  font-weight: bold;
  /* Aligns element to the left */
  float: left;
  /* Left padding for spacing */
  padding-left: 5px;
  /* Fixed width for long title */
  width: 400px;
}
.value {
  /* Sets the width and text alignment for elements with the class 'value' */
  width: 210px;
  text-align: left;
}
#loading {
  /* Hides the loading overlay by default */
  display: none;
  /* Positions the loading overlay absolutely within its parent */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /* High z-index to ensure it appears above other elements */
  z-index: 100000;
  /* Full viewport width */
  width: 100vw;
  /* Auto height to accommodate content */
  height: auto;
  /* Semi-transparent gray background */
  background-color: rgba(192, 192, 192, 0.5);
  /* Background image for the loading overlay */
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FwYV8xIiBkYXRhLW5hbWU9IkNhcGEgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjQ1IiBoZWlnaHQ9IjQ1IiB2aWV3Qm94PSIwIDAgNDUgNDUiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IHVybCgjRGVncmFkYWRvX3Npbl9ub21icmVfNTMpOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICM2NjY7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogIzMzMzsKICAgICAgfQoKICAgICAgLmNscy00IHsKICAgICAgICBmaWxsOiB1cmwoI0RlZ3JhZGFkb19zaW5fbm9tYnJlXzUzLTIpOwogICAgICB9CgogICAgICAuY2xzLTUgewogICAgICAgIGZpbGw6ICM0ZDRkNGQ7CiAgICAgIH0KCiAgICAgIC5jbHMtNiB7CiAgICAgICAgZmlsbDogdXJsKCNEZWdyYWRhZG9fc2luX25vbWJyZV81My0zKTsKICAgICAgfQoKICAgICAgLmNscy03IHsKICAgICAgICBmaWxsOiB1cmwoI0RlZ3JhZGFkb19zaW5fbm9tYnJlXzUzLTQpOwogICAgICB9CgogICAgICAuY2xzLTggewogICAgICAgIGZpbGw6IHVybCgjRGVncmFkYWRvX3Npbl9ub21icmVfNTMtNSk7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkRlZ3JhZGFkb19zaW5fbm9tYnJlXzUzIiBkYXRhLW5hbWU9IkRlZ3JhZGFkbyBzaW4gbm9tYnJlIDUzIiB4MT0iLTI5NTUuMzIiIHkxPSIxMi41IiB4Mj0iLTI5NDAuMTciIHkyPSI0Mi43MSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMSwgMCwgMCwgMSwgLTI5MTguMzEsIDApIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2M4YzhjOCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM0NjQ2NDYiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkRlZ3JhZGFkb19zaW5fbm9tYnJlXzUzLTIiIHgxPSItMjk0Ni4wOCIgeTE9IjIxLjQ1IiB4Mj0iLTI5NDYuODciIHkyPSI2LjU4IiB4bGluazpocmVmPSIjRGVncmFkYWRvX3Npbl9ub21icmVfNTMiLz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iRGVncmFkYWRvX3Npbl9ub21icmVfNTMtMyIgeDE9Ii0yOTM1LjU1IiB5MT0iMzEuMDQiIHgyPSItMjkyMi4xOSIgeTI9IjQuMDYiIHhsaW5rOmhyZWY9IiNEZWdyYWRhZG9fc2luX25vbWJyZV81MyIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJEZWdyYWRhZG9fc2luX25vbWJyZV81My00IiB4MT0iLTI5MzAuOTkiIHkxPSI2LjYyIiB4Mj0iLTI5MjkuODUiIHkyPSIyNi44OCIgeGxpbms6aHJlZj0iI0RlZ3JhZGFkb19zaW5fbm9tYnJlXzUzIi8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkRlZ3JhZGFkb19zaW5fbm9tYnJlXzUzLTUiIHgxPSItMjk0Ny40NCIgeTE9IjUuNDciIHgyPSItMjk0NS4zNSIgeTI9IjIwLjc1IiB4bGluazpocmVmPSIjRGVncmFkYWRvX3Npbl9ub21icmVfNTMiLz4KICA8L2RlZnM+CiAgPHRpdGxlPklzb3RpcG8gLSBWaXJ0dWFsc29mdDwvdGl0bGU+CiAgPGc+CiAgICA8Zz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjIuNDIsMzUuNzIsNDAsNS4zOEExLjU3LDEuNTcsMCwwLDEsNDIuNzQsN0wyNC4yMywzOC44NGgwWiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yLjE1LDUuOTJhMS41NSwxLjU1LDAsMCwwLS4wNi4xOUExLjU2LDEuNTYsMCwwLDEsMi4xNSw1LjkyWiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yLjA2LDYuMjVzMCwuMSwwLC4xNFMyLjA2LDYuMywyLjA2LDYuMjVaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIuMzEsNS42YTEuNTYsMS41NiwwLDAsMC0uMTMuMjRBMS41NiwxLjU2LDAsMCwxLDIuMzEsNS42WiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yLjMxLDUuNTloMFoiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMi4xOCw1Ljg0bDAsLjA4WiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yLjA5LDYuMTFzMCwuMSwwLC4xNFMyLjA4LDYuMTYsMi4wOSw2LjExWiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yNC4xNSwyNy4yN2gwbC0uNDUuNzgsMCwwLC40Ny0uOFoiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy00IiBkPSJNMjIuMzQsMjQuMTUsMzEuOCw3Ljg5aDMuNjJMMjQuMTUsMjcuMjdoMGwtLjQ3LjhhMS41NiwxLjU2LDAsMCwxLS40LjQ0aDBsLS4yLjEyLS4xNS4wNy0uMTQuMDUtLjE1LDAtLjE1LDBoLS4zbC0uMTUsMC0uMTUsMC0uMTQtLjA1LS4xNS0uMDctLjEyLS4wNy0uMTQtLjEtLjExLS4xLS4xLS4xMS0uMS0uMTQsMC0uMDctLjQ2LS43OVoiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy01IiBwb2ludHM9IjI5LjY5IDExLjUyIDMxLjggNy44OSAzNS40MyA3Ljg5IDMzLjMyIDExLjUyIDI5LjY5IDExLjUyIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNiIgZD0iTTIyLjQyLDM1LjcybDEuODEsMy4xMmgwbC0uNDUuNzhhMS41NiwxLjU2LDAsMCwxLS40MS40NmgwbC0uMi4xMi0uMTUuMDctLjE0LjA1LS4xNSwwLS4xNSwwaC0uM2wtLjE1LDAtLjE1LDAtLjE0LS4wNS0uMTUtLjA3LS4xMi0uMDctLjE0LS4xLS4xMS0uMS0uMS0uMTEtLjEtLjE0LDAtLjA3TDIuNzIsOEg2LjM0WiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik0yLjA2LDYuMjVzMC0uMSwwLS4xNGExLjU1LDEuNTUsMCwwLDEsLjA2LS4xOWwwLS4wOGExLjU2LDEuNTYsMCwwLDEsLjEzLS4yNGgwYTEuNTYsMS41NiwwLDAsMSwxLjMtLjY5SDEwYTEuNTYsMS41NiwwLDAsMSwuOC4xMWwuMDUsMEwxMSw1LjFhMS41NiwxLjU2LDAsMCwxLC43MS43OEwyMi4zNCwyNC4xNWwtMS44MSwzLjExTDkuMzYsOEgyLjcybC0uNDYtLjc5QTEuNTUsMS41NSwwLDAsMSwyLDYuNFMyLjA2LDYuMywyLjA2LDYuMjVaIi8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtNSIgcG9pbnRzPSI0LjgyIDExLjY2IDIuNzIgOC4wNCA2LjM0IDguMDQgOC40NSAxMS42NiA0LjgyIDExLjY2Ii8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtNSIgcG9pbnRzPSIyMC44IDIxLjUgMjIuMzQgMjQuMTUgMjEuNTYgMjUuNSAyMC41MyAyNy4yNiAxOC45OSAyNC42MSAyMC44IDIxLjUiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy01IiBwb2ludHM9IjI0LjIzIDMyLjYyIDI2LjA0IDM1LjcyIDI1LjI2IDM3LjA3IDI0LjI0IDM4Ljg0IDIyLjQyIDM1LjczIDI0LjIzIDMyLjYyIi8+CiAgICA8L2c+CiAgICA8cGF0aCBjbGFzcz0iY2xzLTgiIGQ9Ik0yMC44OCwxNC44MWw0LjkxLTguNDloMGwuNDctLjgsMCwwLDAtLjA2YTEuNTgsMS41OCwwLDAsMSwuMTUtLjE5aDBsLjE2LS4xNGgwbC4yLS4xMkwyNyw0LjloMGwuMTQtLjA1LjEyLDBoMGwuMTUsMGg3LjA5QTEuNTYsMS41NiwwLDAsMSwzNiw1LjcxbDAsMGExLjU1LDEuNTUsMCwwLDEsLjA3LjIyczAsLjA4LDAsLjExYTEuNTcsMS41NywwLDAsMSwwLC4xNywxLjU1LDEuNTUsMCwwLDEtLjIxLjgzbC0uNDYuNzlIMjguNWwtLjksMS41NS00LDYuOTRhMS41NywxLjU3LDAsMCwxLTIuNzEtMS41N1oiLz4KICA8L2c+Cjwvc3ZnPgo=);
  /* Prevents background image from repeating */
  background-repeat: no-repeat;
  /* Centers the background image */
  background-position: 50% 50%;
  /* Sets the size of the background image */
  background-size: 70px 70px;
}
.webix_group_back .webix_arrow_icon {
  /* Hides the arrow icon in the webix group back */
  display: none !important;
}
.restore-email {
  /* Sets the text color and cursor style for elements with the class 'restore-email' */
  color: #7d7d7d;
  cursor: pointer;
}
.my_btn .webix_button {
  /* Styles for buttons within .my_btn class */
  height: 32px !important;
  /* Set button height */
  margin-top: 22px !important;
  /* Set top margin */
}
.my_input .webix_el_box {
  /* Styles for input boxes within .my_input class */
  height: 37px !important;
  /* Set input box height */
}
.my_combo .webix_el_box {
  /* Styles for combo boxes within .my_combo class */
  height: 37px !important;
  /* Set combo box height */
}
figure.image img {
  /* Styles for images within figure elements */
  width: 100%;
  /* Set image width to 100% of its container */
}
.my-accordion {
  /* Styles for accordion elements */
  background-color: #eee;
  /* Set background color */
  color: #444;
  /* Set text color */
  cursor: pointer;
  /* Change cursor to pointer on hover */
  padding: 18px 0px;
  /* Set vertical padding */
  width: 100%;
  /* Set width to 100% */
  border: none;
  /* Remove border */
  text-align: left;
  /* Align text to the left */
  outline: none;
  /* Remove outline */
  font-size: 1.1em !important;
  /* Set font size */
  font-family: Roboto, sans-serif !important;
  /* Set font family */
  transition: 0.4s;
  /* Set transition duration for hover effects */
}
/* Styles for active accordion item and hover state */
.active,
.my-accordion:hover {
  background-color: #ccc;
  /* Change background color on active or hover */
}
/* After pseudo-element for accordion header */
.my-accordion:after {
  content: '+';
  /* Plus sign for closed accordion */
  color: #777;
  /* Color of the plus sign */
  font-weight: bold;
  /* Bold font for the plus sign */
  float: right;
  /* Align to the right */
  margin-left: 5px;
  /* Space on the left */
  margin-right: 10px;
  /* Space on the right */
}
/* Before pseudo-element for accordion header */
.my-accordion:before {
  margin-right: 5px;
  /* Space on the right */
  margin-left: 10px;
  /* Space on the left */
}
/* After pseudo-element for active accordion item */
.my-accordion.active:after {
  content: '\2212';
  /* Minus sign for open accordion */
}
/* Styles for the accordion panel */
.my-panel {
  padding: 0 18px;
  /* Padding for the panel */
  background-color: white;
  /* Background color of the panel */
  max-height: 0;
  /* Initial max height for closed state */
  overflow: hidden;
  /* Hide overflow content */
  transition: max-height 0.2s ease-out;
  /* Smooth transition for height change */
}
.my-date {
  /* Aligns the date element with a left margin */
  margin-left: 5px;
  /* Positions the element to the right */
  right: 0px;
  /* Sets the position to absolute for precise placement */
  position: absolute;
  /* Sets the right margin */
  margin-right: 30px;
}
.webix_comments .webix_list .webix_list_item {
  /* Removes default margin and padding for list items */
  margin: 0 !important;
  padding: 0 !important;
}
.webix_comments .webix_list {
  /* Removes default margin and sets width to full */
  margin: 0 !important;
  width: 100% !important;
}
.my-popup {
  /* Sets the popup to full width and height */
  width: 100%;
  height: 100%;
}
.my-popup figure {
  /* Ensures figure takes full width and height */
  width: 100%;
  height: 100%;
  /* Removes default margin */
  margin: 0;
}
.my-popup figure img {
  /* Ensures image takes full width and height */
  width: 100%;
  height: 100%;
  /* Maintains aspect ratio while fitting within the container */
  object-fit: contain !important;
}
.my-popup img {
  /* Full width and height for images in the popup */
  width: 100%;
  height: 100%;
  /* Maintain aspect ratio while fitting the container */
  object-fit: contain !important;
  /* Change cursor to pointer for clickable images */
  cursor: pointer;
}
.preview {
  /* Remove border for preview */
  border: none;
  /* Padding for top and bottom */
  padding-top: 15px;
  padding-bottom: 15px;
  /* Maximum height for preview */
  max-height: 180px !important;
}
.previewImage {
  /* Center the preview image */
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* Set width to 50% */
  width: 50%;
}
.previewButton .webix_button {
  /* Center the button */
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* Set width to 50% */
  width: 50%;
}
.my-label-vc {
  /* Fixed height for label */
  height: 15px !important;
  /* Margin for spacing */
  margin: 10px !important;
}
/* Styles for label container with specific box element */
.my-label-vc .webix_el_box {
  line-height: 1 !important;
  /* Set line height to 1 */
  font-size: 12px !important;
  /* Set font size to 12px */
}
/* Styles for scroll view container */
.my-scrollview-vc {
  border-width: 0px !important;
  /* Remove border */
}
/* Media query for screens with a maximum width of 500px */
@media only screen and (max-width: 500px) {
  .previewImage {
    width: 100%;
    /* Set image width to 100% */
  }
  .previewButton .webix_button {
    width: 100%;
    /* Set button width to 100% */
  }
  .my-label-vc {
    height: 38px !important;
    /* Set label height to 38px */
  }
  .webix_view.webix_control.webix_el_label.saldoJuego > div {
    font-size: 10px;
    /* Set font size to 10px */
    line-height: 46px !important;
    /* Set line height to 46px */
  }
  .webix_view.webix_control.webix_el_label.saldoJuego > div > div {
    font-size: 10px;
    /* Set font size to 10px for nested div */
  }
}
.NewPassword .webix_el_box {
  /* Set height for NewPassword input box */
  height: 38px !important;
}
.preview2 {
  /* Remove border for preview2 element */
  border: none;
}
.divPreviewImage {
  /* Center content and set height for image preview */
  display: flex;
  justify-content: center;
  height: 100%;
  border: none;
}
.previewImage2 {
  /* Style for preview image */
  display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
  /* Maintain aspect ratio */
  width: 50%;
  /* Set width to 50% */
  border-radius: 5px;
  /* Rounded corners */
  border: 1px solid #000;
  /* Solid border */
  cursor: pointer;
  /* Pointer cursor on hover */
}
.contentnew {
  /* Style for new content box */
  border: 1px solid #000 !important;
  /* Solid border */
  padding: 10px !important;
  /* Padding inside the box */
  margin-top: 10px !important;
  /* Margin above the box */
  height: 50% !important;
  /* Set height to 50% */
  width: 99% !important;
  /* Set width to 99% */
  border-radius: 5px !important;
  /* Rounded corners */
}
.content2 {
  /* Style for content2 box */
  border: 1px solid #dadee0;
  /* Light border */
  margin-top: 30px !important;
  /* Margin above the box */
}
.json .webix_template {
  /* Enable scrolling for webix template in json class */
  overflow: scroll !important;
}
.widthSwith {
  /* Flex container for width switch */
  display: flex !important;
  justify-content: center !important;
  /* Center content */
}
.widthSwith .webix_el_box {
  /* Set width for webix element in width switch */
  width: 95px !important;
  /* Fixed width */
}
.webix_sidebar_popup {
  /* Hide sidebar popup */
  display: none !important;
}
/* FILE DOCUMENTED */


/*# sourceMappingURL=myapp.css.map*/