.link-logout {
  color: white;
}
.link-logout:hover {
  color: #ffff99;
}

.forgot {
  all: unset;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
}

.regulations-clients p,
.regulations-clients span {
  margin: 0 0 10px;
  padding: 0;
  font-size: inherit;
  line-height: normal;
  line-height: initial;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  text-align: inherit;
}

.regulations-clients ol {
  font-size: 10px;
}

.regulations-clients li p {
  padding: 0px !important;
  margin: 2px;
}

.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.loading-wheel {
  width: 20px;
  height: 20px;
  margin-top: -40px;
  margin-left: -40px;

  position: absolute;
  top: 50%;
  left: 50%;

  border-width: 30px;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.style-2 .loading-wheel {
  border-style: double;
  border-color: #ccc transparent;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.contentbg {
  background: #282c3d;
}
.rounded-3 {
  border-radius: 0.3rem !important;
}

.card-otp {
  border-bottom-right-radius: 50px !important;
  border-top-left-radius: 50px !important;
}

.bggradientleft {
  background: #373d55;
  background-image: url(data:image/gif;base64,R0lGODlhSQEEAOYAAFtifFRbdDg+Vjc9VUxTbE5VbldeeEhOZ0RKY1lgelphe0pRakJIYUZNZjk/V1hfeTtBWUVMZERLZDxCWkhOZlZddzpAWEpQaU1UbU5WbkBHYEJJYlJadEtSalNaclJZckNKYj1DXFpgelVcdVFYcT1DWz9FXlphfFVcdlJZc1lgeTk/WDxCWz5EXERMZEBGXkFIYDpAWVBXcDtBWlded0tSa1pie1FYckFHX1BXcUlPaDg9VT9FXT9GXj5EXVZddkdOZ0BGX1heeEBHX1thez5FXVZcdj1EXFJYclBWcE5UbTk+Vzo/V1hfeFFXcVhfejg9Vlpge1lfeTlAVzxDW1ddd1Naczg+V2BngTtAWTlAWE9Wb1pifDpBWU9WcE1Ubj1CWz5FXFZcd0tSbFVbdVFXcD1EWztCWjg/Vjk+Vjk/VjpBWDg+VTtBWDxBWTxBWllhelRac1JYcVheeT9EXUFIX0FGXzg/VztAWD1DWj9EXD9FXEBFXkBHXj9GXVBWcSH5BAAAAAAALAAAAABJAQQAAAf/gFgAg4SFhoeGJ1w2NicnRAqPCpM2k3BwCQlRIgmcKipPKlIqDw9SpaVzDwasTawGVRVVsT8VthU/P0YoPygoI2TBcWQcZAEBHFYBcVbNcUgp0R8pSEgkSDck2jncZTky4F5b4+MZBQVJBV8FSkoYXxgE8UpjBPb1HTUXNTUdCwsXOlwYeAHIwAU6EiY8QOHAASAQKTSYSLFBhIsNEERAIIEjAo8IXCAAsQEESQYbUMJgoBKGHQ12YODAMcTOkCFBXrwI0qOHiZ886BQpsidMkRZFwLRoceRIiBIlQlBhQbXqhKtvJkBwM6PLjBkQILTJgqeLBQsxljCZwqQtEwdw/+GqWeJAwB0BaQTotasXCpsBgAHvACwIkeHDALgAsDHoBABHCgBMUhBlkojLJzZlSvAkAagnqEo1edDElZBXBmikrkBDVq1aYsSgMDLi14gAxm6jOIY7gDJm0eJwmPYBWzYkcuQ40VbGCTgZSZKU2SLuD7p1Sracg/euHQYlBMDbIzBmDD9+FwD+U59+oEKFBxY4BHKggUSJFilGsLjxgISNEoCw0UcfgTCSSSohwNKCMGjAQB0z4RCETTnl1AMfJvDgEx088KCHD0u1AGILT4UgFVQl5EHFBCxchRVYYXURllgx1IjWWVpoMcUUDrzFxApw0QWXAEtcsZdeA0AxwP8OO6ABGBSDEYbYlIcQwRgXj9gAyQmTKSBCFHAoAMcTl3mSgBRzwNHEKaSN1sQcp70ihGqqGcDaLbmIocsuvwQDzDEc8MaBcMxYkcwHHkhTXHE3ZHODE2WQ4AQ30CWRQRJbRFfApUps1ykGoIIqXj32dEDeeQHl0x5ABOlwwXtA6HCArDrQR99EEeC3n0b/XeSCSAMSSKCBJsEAAkt1MOBgHS5poAFNGlT4Qg889fCCHxl2WIQPYfjArQ8hOBWCGVFRUYK5LF7V4gxuaDUjWFlAUGMMZ9F71hJq5LgCkA4sUaSReR251wACQAHlkoFJSeXCjwFAhMORKABJl1EQIYLNmJtxMsdmT0gB2mgPCDGaEHEaEGcVdlbRmi2vzWYEbbX5uRsKxuA26DBWxJGCFdGk8MHPP2cjKQkyTJrDH8+RE904BWzxxRZKfNGOO/J8dw95SpxHwAI1LDDGP+kBpANCCZE9NgW1LnArEPa1bZFEGP2HQANyC2vS3RsouAEMKa0EA7PLKjsTTkO80IdOPv1kQhE8DOUtiEeAmMdTTpUAxuXqXnXGBF+dAQGMEMS7RhZr2HuWBVnsOwW/caFB1xVqoCGwXmwIEBiTVwQWCAA7);
  background-repeat: repeat-y;
}

.fw-light {
  font-weight: 300 !important;
}

.borderline {
  border: solid 1px #606781;
}
.fieldbg {
  background-color: #373d55;
}

.grid-btn {
  display: grid;
  grid-gap: 0.5rem !important;
  gap: 0.5rem !important;
}

.btn-countdown {
  background-color: #23272b;
  color: #7a7b7c;
}
.btn-countdown:hover {
  background-color: #23272b;
  color: #7a7b7c;
}

html {
  font-size: calc(12px + 0.290625vw) !important;
}

.withdrawal-section {
  font-size: calc(12px + 0.290625vw) !important;
  font-family: Tahoma, Helvetica !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
}
.withdrawal-section > h1,
h2,
h3,
h4,
h5,
h6 {
  font-feature-settings: "smcp" !important;
  font-variant: small-caps !important;
}
.swal2-actions {
  display: flex;
  flex-wrap: nowrap !important;
}
/* * {
    font-family: Tahoma, Helvetica !important;
  } */

.standardFont-wd {
  color: white;
  font: Tahoma, Helvetica !important;
  font-feature-settings: "smcp";
  font-variant: small-caps;
  letter-spacing: 2px;
}

.swal2-styled.swal2-confirm {
  border: 0 !important;
  border-radius: 0.25em !important;
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
  background-color: #7066e0 !important;
  color: #fff !important;
  /* font-size: 1em !important; */
}

.swal2-styled.swal2-cancel {
  border: 0 !important;
  border-radius: 0.25em !important;
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
  background-color: #6e7881 !important;
  color: #fff !important;
  /* font-size: 1em !important; */
}

.swal2-header {
  display: flex;
  align-items: center;
  background: transparent !important;
}

.datepicker-toggle {
  position: absolute;
  right: 0;
  top: 10%;
  width: 28px;
  height: 28px;
  background: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2722%27 height=%2722%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><path d=%27M3 9H21M7 3V5M17 3V5M6 12H8M11 12H13M16 12H18M6 15H8M11 15H13M16 15H18M6 18H8M11 18H13M16 18H18M6.2 21H17.8C18.9201 21 19.4802 21 19.908 20.782C20.2843 20.5903 20.5903 20.2843 20.782 19.908C21 19.4802 21 18.9201 21 17.8V8.2C21 7.07989 21 6.51984 20.782 6.09202C20.5903 5.71569 20.2843 5.40973 19.908 5.21799C19.4802 5 18.9201 5 17.8 5H6.2C5.0799 5 4.51984 5 4.09202 5.21799C3.71569 5.40973 3.40973 5.71569 3.21799 6.09202C3 6.51984 3 7.07989 3 8.2V17.8C3 18.9201 3 19.4802 3.21799 19.908C3.40973 20.2843 3.71569 20.5903 4.09202 20.782C4.51984 21 5.07989 21 6.2 21Z%27/></svg>")
    no-repeat;
  pointer-events: none;
  cursor: pointer;
}

.datepicker-toggle-topup {
  position: absolute;
  right: 0;
  top: 5%;
  width: 28px;
  height: 28px;
  background: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><path d=%27M3 9H21M7 3V5M17 3V5M6 12H8M11 12H13M16 12H18M6 15H8M11 15H13M16 15H18M6 18H8M11 18H13M16 18H18M6.2 21H17.8C18.9201 21 19.4802 21 19.908 20.782C20.2843 20.5903 20.5903 20.2843 20.782 19.908C21 19.4802 21 18.9201 21 17.8V8.2C21 7.07989 21 6.51984 20.782 6.09202C20.5903 5.71569 20.2843 5.40973 19.908 5.21799C19.4802 5 18.9201 5 17.8 5H6.2C5.0799 5 4.51984 5 4.09202 5.21799C3.71569 5.40973 3.40973 5.71569 3.21799 6.09202C3 6.51984 3 7.07989 3 8.2V17.8C3 18.9201 3 19.4802 3.21799 19.908C3.40973 20.2843 3.71569 20.5903 4.09202 20.782C4.51984 21 5.07989 21 6.2 21Z%27/></svg>")
    no-repeat;
  pointer-events: none;
  cursor: pointer;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: white;
  cursor: pointer;
}

.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  cursor: se-resize;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
.contentbg {
  background: #282c3d;
}
.rounded-3 {
  border-radius: 0.3rem !important;
}

.card-otp {
  border-bottom-right-radius: 50px !important;
  border-top-left-radius: 50px !important;
}

.bggradientleft {
  background: #373d55;
  background-image: url(data:image/gif;base64,R0lGODlhSQEEAOYAAFtifFRbdDg+Vjc9VUxTbE5VbldeeEhOZ0RKY1lgelphe0pRakJIYUZNZjk/V1hfeTtBWUVMZERLZDxCWkhOZlZddzpAWEpQaU1UbU5WbkBHYEJJYlJadEtSalNaclJZckNKYj1DXFpgelVcdVFYcT1DWz9FXlphfFVcdlJZc1lgeTk/WDxCWz5EXERMZEBGXkFIYDpAWVBXcDtBWlded0tSa1pie1FYckFHX1BXcUlPaDg9VT9FXT9GXj5EXVZddkdOZ0BGX1heeEBHX1thez5FXVZcdj1EXFJYclBWcE5UbTk+Vzo/V1hfeFFXcVhfejg9Vlpge1lfeTlAVzxDW1ddd1Naczg+V2BngTtAWTlAWE9Wb1pifDpBWU9WcE1Ubj1CWz5FXFZcd0tSbFVbdVFXcD1EWztCWjg/Vjk+Vjk/VjpBWDg+VTtBWDxBWTxBWllhelRac1JYcVheeT9EXUFIX0FGXzg/VztAWD1DWj9EXD9FXEBFXkBHXj9GXVBWcSH5BAAAAAAALAAAAABJAQQAAAf/gFgAg4SFhoeGJ1w2NicnRAqPCpM2k3BwCQlRIgmcKipPKlIqDw9SpaVzDwasTawGVRVVsT8VthU/P0YoPygoI2TBcWQcZAEBHFYBcVbNcUgp0R8pSEgkSDck2jncZTky4F5b4+MZBQVJBV8FSkoYXxgE8UpjBPb1HTUXNTUdCwsXOlwYeAHIwAU6EiY8QOHAASAQKTSYSLFBhIsNEERAIIEjAo8IXCAAsQEESQYbUMJgoBKGHQ12YODAMcTOkCFBXrwI0qOHiZ886BQpsidMkRZFwLRoceRIiBIlQlBhQbXqhKtvJkBwM6PLjBkQILTJgqeLBQsxljCZwqQtEwdw/+GqWeJAwB0BaQTotasXCpsBgAHvACwIkeHDALgAsDHoBABHCgBMUhBlkojLJzZlSvAkAagnqEo1edDElZBXBmikrkBDVq1aYsSgMDLi14gAxm6jOIY7gDJm0eJwmPYBWzYkcuQ40VbGCTgZSZKU2SLuD7p1Sracg/euHQYlBMDbIzBmDD9+FwD+U59+oEKFBxY4BHKggUSJFilGsLjxgISNEoCw0UcfgTCSSSohwNKCMGjAQB0z4RCETTnl1AMfJvDgEx088KCHD0u1AGILT4UgFVQl5EHFBCxchRVYYXURllgx1IjWWVpoMcUUDrzFxApw0QWXAEtcsZdeA0AxwP8OO6ABGBSDEYbYlIcQwRgXj9gAyQmTKSBCFHAoAMcTl3mSgBRzwNHEKaSN1sQcp70ihGqqGcDaLbmIocsuvwQDzDEc8MaBcMxYkcwHHkhTXHE3ZHODE2WQ4AQ30CWRQRJbRFfApUps1ykGoIIqXj32dEDeeQHl0x5ABOlwwXtA6HCArDrQR99EEeC3n0b/XeSCSAMSSKCBJsEAAkt1MOBgHS5poAFNGlT4Qg889fCCHxl2WIQPYfjArQ8hOBWCGVFRUYK5LF7V4gxuaDUjWFlAUGMMZ9F71hJq5LgCkA4sUaSReR251wACQAHlkoFJSeXCjwFAhMORKABJl1EQIYLNmJtxMsdmT0gB2mgPCDGaEHEaEGcVdlbRmi2vzWYEbbX5uRsKxuA26DBWxJGCFdGk8MHPP2cjKQkyTJrDH8+RE904BWzxxRZKfNGOO/J8dw95SpxHwAI1LDDGP+kBpANCCZE9NgW1LnArEPa1bZFEGP2HQANyC2vS3RsouAEMKa0EA7PLKjsTTkO80IdOPv1kQhE8DOUtiEeAmMdTTpUAxuXqXnXGBF+dAQGMEMS7RhZr2HuWBVnsOwW/caFB1xVqoCGwXmwIEBiTVwQWCAA7);
  background-repeat: repeat-y;
}

.fw-light {
  font-weight: 300 !important;
}

.borderline {
  border: solid 1px #606781;
}
.fieldbg {
  background-color: #373d55;
}

.grid-btn {
  display: grid;
  grid-gap: 0.5rem !important;
  gap: 0.5rem !important;
}

.btn-countdown {
  background-color: #23272b;
  color: #7a7b7c;
}
.btn-countdown:hover {
  background-color: #23272b;
  color: #7a7b7c;
}

