@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap);
@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /*  font-size: 100%; */
  font-family: inherit;
  vertical-align: baseline;
}

.section-login {
  background-color: #000;
  display: flex;
  background-image: url(/backoffice/img/login-bg.png);
  height: 100vh;
  justify-content: center;
  align-items: center;
  padding: 0 17%;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-login .container {
  display: flex;
  padding: 0 10%;
  align-content: center;
  justify-content: center;
}
.section-login .container .loginbox {
  display: flex;
  margin-right: 20px;
  background: #abacac;
  padding: 50px 30px;
  flex-basis: 50%;
}
.section-login .container .loginbox.forgot {
  flex-basis: 600px;
  flex-direction: column;
  align-items: center;
}
.section-login .container .loginbox.forgot p {
  color: black;
  font-size: 16px;
}
.section-login .container .loginbox.forgot input {
  margin-top: 2em;
}
.section-login .container .loginbox.forgot .logo-container {
  border: none;
}
.section-login .container .loginbox.forgot .logo-container img {
  margin: 0;
}
.section-login .container .loginbox.multi input {
  margin: 0;
}
.section-login .container .loginbox.multi h2 {
  margin-bottom: 1em;
  text-align: center;
}
.section-login .container .loginbox.multi .btn {
  margin: 1em auto;
}
.section-login .container .loginbox .logo-container {
  border-right: 2px solid #8f8f8f;
  display: flex;
  align-items: center;
}
.section-login .container .loginbox .logo-container img {
  max-width: 200px;
  margin: 2em;
  width: 13rem;
}
.section-login .container .loginbox form {
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 100%;
  justify-content: center;
}
.section-login .container .loginbox form input {
  background-color: #8f8f8f;
  outline: 0;
  padding: 8px 10px;
  margin-bottom: 5px;
  color: #000;
  font-size: 16px;
  border: 1px solid #8f8f8f;
  border-radius: 2px;
  margin-bottom: 20px;
}
.section-login .container .loginbox form button {
  margin-top: 10px;
  align-self: flex-end;
  padding: 7px 40px;
  background: #E21414;
  color: #fff;
  border: none;
  border-radius: 2px;
  cursor: pointer;
}
.section-login .container .loginbox form button:disabled {
  opacity: 0.5;
}

.section-home .header {
  background-color: #1d1d1d;
  display: flex;
  padding: 7px 50px;
  align-items: center;
  justify-content: space-between;
}
.section-home .header .logo-container {
  color: #fff;
}
.section-home .header .user-info {
  display: flex;
  align-items: center;
  margin-right: 150px;
}
.section-home .header .user-info .user {
  background-color: grey;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: block;
}
.section-home .header .user-info .textinfo {
  display: flex;
  flex-direction: column;
  color: #fff;
  margin-left: 10px;
}
.section-home .header .user-info .textinfo .name {
  font-weight: 600;
  font-size: 13px;
}
.section-home .header .user-info .textinfo .logout {
  cursor: pointer;
  font-size: 13px;
}
.section-home .header .user-info .textinfo .logout:hover {
  font-weight: 1000;
}
.section-home .container {
  display: flex;
  color: #fff;
  background: #000;
  height: 95vh;
}
.section-home .container .list {
  height: 95vh;
  flex: 1;
}
.section-home .container .aside {
  flex-basis: auto;
  border-right: 1px solid gray;
  overflow-y: scroll;
  overflow-x: visible;
  height: 100%;
  font-size: 12px;
}
.section-home .container .aside ul {
  list-style: none;
  margin-left: 20px;
}
.section-home .container .aside ul.sports {
  background: #131313;
}
.section-home .container .aside ul.fixtures {
  background: #2E2E2E;
}
.section-home .container .aside ul.markets {
  background: #373737;
}
.section-home .container .aside ul li {
  width: 100%;
}
.section-home .container .aside ul li .start_at {
  font-size: 11px;
  color: #00A131;
  display: flex;
  justify-content: flex-end;
  margin-right: 10px;
}
.section-home .container .aside ul li.active .name::before, .section-home .container .aside ul li.active .caret::before, .section-home .container .aside ul li:hover .name::before, .section-home .container .aside ul li:hover .caret::before {
  color: #000 !important;
}
.section-home .container .aside ul li.active > .name, .section-home .container .aside ul li:hover > .name {
  background: lightgray;
  cursor: pointer;
  color: #1f1f1f;
}
.section-home .container .aside ul li .name {
  width: 100%;
  display: block;
  padding: 5px 0px;
  transition: all 0.5s;
}
.section-home .container .aside ul li .name:hover {
  background: lightgray;
  cursor: pointer;
  color: #1f1f1f;
}
.section-home .container .aside ul li .name .caret {
  padding: 10px;
}
.section-home .container .aside ul li .name .caret::before {
  content: "▶";
  color: darkgray;
  display: inline-block;
  margin-right: 6px;
}
.section-home .container .aside ul li .name .caret.open::before {
  transform: rotate(90deg);
}
.section-home .container .main {
  flex: 3;
  padding: 15px;
}
.section-home .container .main h1 {
  text-align: center;
  font-size: 2rem;
  font-weight: 1000;
  margin-bottom: 1rem;
}
.section-home .container .main h2 {
  font-size: 1.2rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 1000;
}
.section-home .container .main .message {
  text-align: center;
  margin-top: 1rem;
}
.section-home .container .main .save {
  text-align: center;
  margin-top: 1rem;
}
.section-home .container .main .save button {
  margin-top: 10px;
  align-self: flex-end;
  padding: 5px 40px;
  background: #00A131;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.section-home .container .main .save button:disabled {
  background: #A8A8A8;
}
.section-home .container .main .form-group {
  display: flex;
  justify-items: center;
  align-items: flex-end;
  justify-content: space-evenly;
}
.section-home .container .main .form-group label {
  margin-bottom: 0;
  flex: 0.5;
  padding: 5px;
  font-weight: 1000;
}
.section-home .container .main .form-group input, .section-home .container .main .form-group select {
  flex: 2;
  padding: 5px;
}

.message > .textmsg > .actions {
  text-align: center;
  margin-top: 7px;
}

.message > .textmsg > .actions > button {
  padding: 4px 8px;
  border-radius: 0;
  margin-right: 12px;
  border-color: #b5b5b5;
  cursor: pointer;
}

.message > .textmsg > .actions > button.main {
  background-color: #e21415;
  border-color: #ad090f;
  color: #fff;
}

.message {
  font-family: inherit;
  border: solid 1px #e21414;
  margin-bottom: 12px;
  min-height: 66px;
}

.message.info {
  background-color: #242424;
  color: #e8e8e8;
  border-color: #242424;
}

.message.info::before {
  background-image: url(/backoffice/icons/164-information.svg);
}

.message.success {
  background-color: #ffffff;
  color: #242424;
  border-color: #ffffff;
}

.message.success::before {
  background-image: url(/backoffice/icons/231-checked-1.svg);
}

.message.warning {
  background-color: #ffd864;
  color: #161616;
  border-color: #ffd864;
}

.message.warning::before {
  background-image: url(/backoffice/icons/016-warning.svg);
}

.message.error {
  background-color: #760e12;
  border-color: #760e12;
}

.message.error::before {
  background-image: url(/backoffice/icons/052-sos.svg);
}

.message.confirm {
  background-color: #014e7b;
  color: #fff;
}

.message.confirm::before {
  background-image: url(/backoffice/img/question.svg);
}

.message > .textmsg {
  padding: 8px;
  display: inline-block;
}

.message::before {
  Content: "";
  width: 48px;
  height: 48px;
  display: inline-block;
  float: left;
  margin: 8px 10px;
  background-repeat: no-repeat;
  background-position: center;
  align-self: center;
}

.message {
  display: flex;
}
.message .close-alert {
  align-self: center;
  margin-left: auto;
  margin-right: 20px;
  cursor: pointer;
}

.image {
  text-align: center;
  padding: 20px;
}
.image .image-game {
  width: 160px;
  border-radius: 8px;
}

.members label {
  text-align: center;
  margin: 20px;
}
.members label .img-member {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.members label .img-member.winner {
  border: 2px solid rgb(6, 219, 88);
}
.members label .username-member {
  display: block;
  color: #fff;
}
.members label .span-wiiner {
  background: rgb(6, 219, 88);
  color: #fff;
  padding: 2px 5px;
  border-radius: 10px;
  margin-top: 10px;
}

.disputes .result {
  display: flex;
  align-items: center;
}

.brackets .bet-info {
  flex-basis: 100%;
  width: 100%;
}
.brackets .bet-info .container-brackets {
  padding: 25px;
  overflow: auto;
}
.brackets .bet-info .container-brackets .title-area {
  margin-left: 20px;
}
.brackets .bet-info .container-brackets .player-info-smooth {
  color: rgba(158, 166, 170, 0.699);
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child:after, .brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child:before, .brackets .bet-info .container-brackets .vtb-item-parent:after, .brackets .bet-info .container-brackets .vtb-item-parent:before, .brackets .bet-info .container-brackets .vtb-item:after, .brackets .bet-info .container-brackets .vtb-item:before {
  background-color: #4BFA7D !important;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players {
  background-color: transparent !important;
  position: relative;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .starts-at, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .starts-at, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .starts-at {
  position: absolute;
  top: -30px;
  right: 0;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .starts-at span, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .starts-at span, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .starts-at span {
  color: #4BFA7D;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .starts-at span input, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .starts-at span input, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .starts-at span input {
  background: #4BFA7D;
  color: #fff;
  border: none;
  padding: 2px 7px;
  border-radius: 3px;
  cursor: pointer;
  margin-left: 10px;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .vtb-player, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .vtb-player, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .vtb-player {
  position: relative;
  background: transparent;
  border: 3px solid #4BFA7D;
  margin: 0.5rem 0;
  min-width: 170px;
  min-height: 25px;
  text-align: center;
  padding: 0px;
  min-width: 250px;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .vtb-player.highlight, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .vtb-player.highlight, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .vtb-player.highlight {
  border: 3px solid red;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .vtb-player.vtb-player1, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .vtb-player.vtb-player1, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .vtb-player.vtb-player1 {
  margin-bottom: 1px;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .vtb-player .player-preset, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .vtb-player .player-preset, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .vtb-player .player-preset {
  display: flex;
  justify-content: center;
  align-items: center;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .vtb-player .player_info, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .vtb-player .player_info, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .vtb-player .player_info {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .vtb-player .player_info .player, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .vtb-player .player_info .player, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .vtb-player .player_info .player {
  display: flex;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .vtb-player .player_info .player .avatar, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .vtb-player .player_info .player .avatar, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .vtb-player .player_info .player .avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 2px;
  background: transparent linear-gradient(90deg, #00CFAF 1%, #4BFA7D 100%) 0% 0% no-repeat padding-box;
  margin-right: 10px;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .vtb-player .player_info .player .avatar .image, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .vtb-player .player_info .player .avatar .image, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .vtb-player .player_info .player .avatar .image {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .vtb-player .player_info .player .avatar .image .img, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .vtb-player .player_info .player .avatar .image .img, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .vtb-player .player_info .player .avatar .image .img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .vtb-player .player_info .player .username, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .vtb-player .player_info .player .username, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .vtb-player .player_info .player .username {
  display: flex;
  align-items: center;
  justify-content: center;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .vtb-player .player_info .player .username span, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .vtb-player .player_info .player .username span, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .vtb-player .player_info .player .username span {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .vtb-player .player_info .player .status, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .vtb-player .player_info .player .status, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .vtb-player .player_info .player .status {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 5px;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .vtb-player .player_info .player .status .winner, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .vtb-player .player_info .player .status .winner, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .vtb-player .player_info .player .status .winner {
  padding: 1px 2px;
  background: transparent linear-gradient(90deg, #00CFAF 1%, #4BFA7D 100%) 0% 0% no-repeat padding-box;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-players .vtb-player .player_info .player .status .winner div, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-players .vtb-player .player_info .player .status .winner div, .brackets .bet-info .container-brackets .vtb-item .vtb-item-players .vtb-player .player_info .player .status .winner div {
  font-size: 10px;
  color: #000;
}
.brackets .bet-info .container-brackets .vtb-item-children .vtb-item-child .vtb-item-parent:after, .brackets .bet-info .container-brackets .vtb-item-parent .vtb-item-parent:after, .brackets .bet-info .container-brackets .vtb-item .vtb-item-parent:after {
  background-color: #4BFA7D !important;
}

.risk-control td.rc {
  height: 30px;
}
.risk-control td.rc span {
  padding: 3px 10px;
  width: 90px;
  font-weight: 600;
  display: block;
  text-align: center;
  margin: auto;
}
.risk-control td.rc.rc-pending span {
  border: 1px solid rgb(2, 214, 83);
  color: rgb(2, 214, 83);
}
.risk-control td.rc.rc-done span {
  border: 1px solid rgb(2, 214, 83);
  color: rgb(2, 214, 83);
}
.risk-control td.rc.rc-expired span {
  border: 1px solid #adadad;
  color: #adadad;
}
.risk-control td.rc.rc-cancelled span {
  border: 1px solid #ea3a3d;
  color: #ea3a3d;
}
.risk-control td.rc.rc-on-hold span {
  border: 1px solid #f2bf5c;
  color: #f2bf5c;
}
.risk-control td.rc.rc-in-review span {
  border: 1px solid #3653b3;
  color: #3653b3;
}
.risk-control td.rc.rc-rejected span {
  border: 1px solid #ea3a3d;
  color: #ea3a3d;
}
.risk-control td.rc .default---- {
  color: #3653b3;
}

.report-general .container-section-report {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.report-general .container-section-report .section-report {
  width: calc(33% - 10px);
  flex-grow: 3;
}
.report-general .container-section-report .section-report td.right {
  width: 160px;
  height: 26px;
}
.report-general .datetime-report {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.player-info.withdrawal {
  height: 41.6%;
}
.player-info.withdrawal main {
  display: block !important;
}
.player-info.withdrawal main .error-change-withdrawal {
  margin-top: 30px;
  font-size: 20px;
  color: red;
}
.player-info.withdrawal main p {
  font-size: 16px;
}
.player-info.withdrawal main .withdrawal-status {
  margin-top: 20px;
}
.player-info.withdrawal main .buttons {
  display: flex;
  margin-top: 20px;
}
.player-info.withdrawal main .buttons button {
  padding: 10px 5px;
  background: #2e2e2e;
  border: 0;
  color: #cbcbcb;
  margin-right: 10px;
  width: 33%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.player-info.withdrawal main .buttons button i {
  margin-left: 2px;
  margin-right: 6px;
  width: 13px;
  height: 14px;
  background-size: contain;
}
.player-info.withdrawal main .buttons button i.accept, .player-info.withdrawal main .buttons button i.cancel, .player-info.withdrawal main .buttons button i.set-result {
  height: 13px;
}
.player-info.withdrawal main .buttons button:hover {
  background: #e21414;
}
.player-info.withdrawal main .buttons button:last-child {
  margin-right: 0;
}
.player-info.withdrawal .open-by {
  position: absolute;
  bottom: 0px;
  right: 0;
  color: #cbcbcb;
  background: #2e2e2e;
  padding: 5px;
}

.container-drag-and-drop {
  width: 100%;
}
.container-drag-and-drop .buttons-header {
  padding: 5px;
  margin-bottom: 15px;
}
.container-drag-and-drop .buttons-header .button-search,
.container-drag-and-drop .buttons-header .button-refresh,
.container-drag-and-drop .buttons-header .button-add {
  fill: #fff;
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-right: 8px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
         supported by Chrome, Edge, Opera and Firefox */
}
.container-drag-and-drop .table-drag-and-drop {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.container-drag-and-drop .table-drag-and-drop .item {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
.container-drag-and-drop .table-drag-and-drop .item.header {
  background: #e21413;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.container-drag-and-drop .table-drag-and-drop .item.header:hover {
  background: #e21413;
}
.container-drag-and-drop .table-drag-and-drop .item.header .row-sport,
.container-drag-and-drop .table-drag-and-drop .item.header .row-region,
.container-drag-and-drop .table-drag-and-drop .item.header .row-actions,
.container-drag-and-drop .table-drag-and-drop .item.header .row-counting {
  justify-content: center;
}
.container-drag-and-drop .table-drag-and-drop .item .row-number,
.container-drag-and-drop .table-drag-and-drop .item .row-id {
  display: block;
  border-right: 1px solid #000;
  padding-right: 5px;
  width: 41px;
  text-align: center;
  padding: 5px;
  font-size: 12px;
}
.container-drag-and-drop .table-drag-and-drop .item .row-id {
  width: 70px;
}
.container-drag-and-drop .table-drag-and-drop .item .row-name-item {
  display: flex;
  border-right: 1px solid #000;
  padding-right: 5px;
  margin-left: 5px;
  flex: 1;
  padding: 5px;
  font-size: 12px;
}
.container-drag-and-drop .table-drag-and-drop .item .row-sport,
.container-drag-and-drop .table-drag-and-drop .item .row-region,
.container-drag-and-drop .table-drag-and-drop .item .row-counting {
  display: block;
  border-right: 1px solid #000;
  width: 170px;
  padding: 5px 10px;
  font-size: 12px;
  display: flex;
  align-items: center;
  height: 25px;
}
.container-drag-and-drop .table-drag-and-drop .item .row-sport .counting,
.container-drag-and-drop .table-drag-and-drop .item .row-region .counting,
.container-drag-and-drop .table-drag-and-drop .item .row-counting .counting {
  margin: 0 auto;
  width: 50px;
}
.container-drag-and-drop .table-drag-and-drop .item .row-sport,
.container-drag-and-drop .table-drag-and-drop .item .row-region {
  width: 220px;
}
.container-drag-and-drop .table-drag-and-drop .item .row-actions {
  display: block;
  border-right: 1px solid #000;
  width: 70px;
  padding: 5px 10px;
  font-size: 12px;
  display: flex;
  align-items: center;
  height: 25px;
}
.container-drag-and-drop .table-drag-and-drop .item .row-actions i.drag {
  cursor: pointer;
  margin-left: 8px;
  height: 13px !important;
  height: 13px !important;
}
.container-drag-and-drop .table-drag-and-drop .container-items {
  overflow-y: auto;
  max-height: 600px;
  margin-bottom: 2px;
}
.container-drag-and-drop .table-drag-and-drop .container-items .item {
  border: 1px solid #000;
  background-color: #ddd;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  cursor: default;
}
.container-drag-and-drop .table-drag-and-drop .container-items .item:nth-of-type(odd) {
  background-color: #232323;
}
.container-drag-and-drop .table-drag-and-drop .container-items .item:nth-of-type(even) {
  background-color: #2d2d2d;
}
.container-drag-and-drop .table-drag-and-drop .container-items .item img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.container-drag-and-drop .table-drag-and-drop .container-items .item .close {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}
.container-drag-and-drop .table-drag-and-drop .container-items .item .row-number {
  display: block;
  border-right: 1px solid #000;
  padding-right: 5px;
  width: 40px;
  text-align: center;
  padding: 5px;
  font-size: 12px;
}
.container-drag-and-drop .table-drag-and-drop .container-items .item.over {
  border: 3px dotted #666;
}
.container-drag-and-drop .table-drag-and-drop .container-items .item:hover {
  background: #000;
}
.container-drag-and-drop .table-drag-and-drop .loading {
  height: 120px !important;
}
.container-drag-and-drop .table-drag-and-drop .not-data {
  text-align: center;
  padding: 20px;
}
.container-drag-and-drop .container-buttons {
  text-align: center;
  margin-top: 10px;
}
.container-drag-and-drop .container-buttons button {
  padding: 5px 15px;
  background: #e21413;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
}
.container-drag-and-drop .container-buttons button:disabled {
  cursor: not-allowed;
}

.container-light-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  z-index: 10;
}

.box {
  background: #202124;
  width: 100%;
  max-width: 650px;
  min-height: 546px;
  margin: 0 auto;
  border-radius: 2px;
  position: relative;
}
.box.limit-offers {
  min-height: inherit;
  padding-bottom: 10px;
  margin-top: 10px;
}
.box.limit-offers div.container-search-input > hr {
  margin-bottom: 10px;
}
.box.limit-offers .container-radio {
  text-align: center;
  margin-bottom: 10px;
}
.box.limit-offers .container-radio label:nth-child(2) {
  margin-right: 10px;
}
.box.limit-offers .container-type {
  text-align: center;
}
.box.limit-offers .container-type button {
  padding: 5px 15px;
  border-radius: 3px;
  gap: 10px;
  margin-bottom: 10px;
}
.box.limit-offers .container-type button.active {
  cursor: pointer;
  background: #e21413;
  color: #fff;
}
.box.limit-offers .bonuses-scope__filters {
  max-width: 610px !important;
  margin-top: 0 !important;
  justify-content: center;
}
.box.limit-offers .container-results, .box.limit-offers .table-container {
  padding-bottom: 0;
}
.box.limit-offers .container-results {
  height: 293px;
}
.box.limit-offers .table-container tr:nth-child(1) td {
  background: #e21413;
  font-weight: bold;
}
.box.limit-offers .table-container .title-result-type {
  text-transform: capitalize;
}
.box .container-search-input {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #303134;
}
.box .container-search-input .search {
  background: #303134;
  border-radius: 24px;
  padding: 10px 15px;
  border: none;
  display: block;
  width: 100%;
}
.box .container-search-input .search:hover {
  box-shadow: 0 4px 12px rgba(23, 23, 23, 0.9);
}
.box .container-search-input .icon-search {
  position: absolute;
  right: 25px;
  top: 19px;
  width: 17px;
}
.box .container-search-input .filters {
  display: flex;
  margin-top: 10px;
}
.box .container-search-input .filters .select-regions {
  margin-left: 28px;
}
.box .container-search-input .filters .select-scope {
  max-width: 30%;
  margin-left: 28px;
}
.box .container-search-input .filters .select-scope,
.box .container-search-input .filters .select-sports,
.box .container-search-input .filters .select-regions {
  background: #303134;
  border-radius: 24px;
  padding: 10px 15px;
  border: none;
  width: 300px;
  color: #fff;
}
.box .container-results {
  padding: 10px;
  height: 400px;
  overflow-y: auto;
}
.box .container-results.not-competitions {
  height: 445px;
}
.box .container-results table tr td {
  border: 1px solid #292929;
}
.box .container-results table tr td:nth-child(1) {
  text-align: center;
}
.box .container-results table tr td:nth-child(2) {
  display: flex;
  align-items: center;
  height: 30px;
}
.box .container-results table tr .td-checkbox {
  width: 30px;
}
.box .container-results table tr .td-checkbox input[type=checkbox] {
  margin-top: 3px;
}
.box .button-add {
  padding-top: 10px;
  text-align: center;
}
.box .button-add button {
  background: #E21414;
  padding: 5px 10px;
  width: 100px;
  color: #fff;
  border: none;
  border-radius: 15px;
  cursor: pointer;
}
.box .button-add button:hover {
  box-shadow: 0 4px 12px rgba(23, 23, 23, 0.9);
}
.box .container-close {
  position: absolute;
  right: -15px;
  top: -15px;
  background: #202124;
  padding: 10px;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(23, 23, 23, 0.9);
}
.box .container-close i.close {
  width: 10px;
  height: 10px;
}

.sport_sprite_32 {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(/trebalia.com/img/sports-sprite-16.png) no-repeat;
  background-size: cover;
  margin-right: 10px;
}
.sport_sprite_32.football {
  background-position: 0px 0px !important;
}
.sport_sprite_32.basketball {
  background-position: 0px -16px !important;
}
.sport_sprite_32.rugby {
  background-position: 0px -32px !important;
}
.sport_sprite_32.nfl {
  background-position: 0px -48px !important;
}
.sport_sprite_32.cricket {
  background-position: 0px -64px !important;
}
.sport_sprite_32.golf {
  background-position: 0px -80px !important;
}
.sport_sprite_32.baseball {
  background-position: 0px -96px !important;
}
.sport_sprite_32.futsal {
  background-position: 0px -112px !important;
}
.sport_sprite_32.volleyball {
  background-position: 0px -128px !important;
}
.sport_sprite_32.hurling {
  background-position: 0px -144px !important;
}
.sport_sprite_32.boxing {
  background-position: 0px -160px !important;
}
.sport_sprite_32.hockey {
  background-position: 0px -176px !important;
}
.sport_sprite_32.tennis {
  background-position: 0px -192px !important;
}
.sport_sprite_32.darts {
  background-position: 0px -208px !important;
}
.sport_sprite_32.table-tennis {
  background-position: 0px -224px !important;
}
.sport_sprite_32.badminton {
  background-position: 0px -240px !important;
}
.sport_sprite_32.motor-sport {
  background-position: 0px -256px !important;
}
.sport_sprite_32.horse-racing {
  background-position: 0px -272px !important;
}
.sport_sprite_32.cycling {
  background-position: 0px -288px !important;
}
.sport_sprite_32.e-sports {
  background-position: 0px -304px !important;
}
.sport_sprite_32.snooker {
  background-position: 0px -320px !important;
}
.sport_sprite_32.handball {
  background-position: 0px 0px !important;
}
.sport_sprite_32.australian-rules {
  background-position: 0px -32px !important;
}
.sport_sprite_32.rugby-league {
  background-position: 0px -32px !important;
}
.sport_sprite_32.rugby-union {
  background-position: 0px -32px !important;
}
.sport_sprite_32.american-football {
  background-position: 0px -48px !important;
}
.sport_sprite_32.beach-volleyball {
  background-position: 0px -128px !important;
}
.sport_sprite_32.ice-hockey {
  background-position: 0px -176px !important;
}

.flags {
  border-radius: 50%;
  margin-left: 10px;
  margin-right: 10px;
}
.flags .flag {
  background: url(/trebalia.com/img/flags.png) no-repeat;
  border-radius: 50%;
}
.flags ._African_Union {
  background-position: -5px -37px !important;
}
.flags ._Arab_League {
  background-position: -5px -69px !important;
}
.flags ._ASEAN {
  background-position: -5px -101px !important;
}
.flags ._CARICOM {
  background-position: -5px -133px !important;
}
.flags ._CIS {
  background-position: -5px -165px !important;
}
.flags ._Commonwealth {
  background-position: -5px -197px !important;
}
.flags ._England {
  background-position: -5px -229px !important;
}
.flags ._European_Union {
  background-position: -5px -261px !important;
}
.flags ._Islamic_Conference {
  background-position: -5px -293px !important;
}
.flags ._Kosovo {
  background-position: -5px -325px !important;
}
.flags ._NATO {
  background-position: -5px -357px !important;
}
.flags ._Northern_Cyprus {
  background-position: -5px -389px !important;
}
.flags ._Northern_Ireland {
  background-position: -5px -421px !important;
}
.flags ._Olimpic_Movement {
  background-position: -5px -453px !important;
}
.flags ._OPEC {
  background-position: -5px -485px !important;
}
.flags ._Red_Cross {
  background-position: -5px -517px !important;
}
.flags ._Scotland {
  background-position: -5px -549px !important;
}
.flags ._Somaliland {
  background-position: -5px -581px !important;
}
.flags ._Tibet {
  background-position: -5px -613px !important;
}
.flags ._United_Nations {
  background-position: -5px -645px !important;
}
.flags ._Wales {
  background-position: -5px -677px !important;
}
.flags .eu {
  background-position: -5px -261px !important;
}
.flags .and {
  background-position: -5px -709px !important;
}
.flags .are {
  background-position: -5px -741px !important;
}
.flags .afg {
  background-position: -5px -773px !important;
}
.flags .atg {
  background-position: -5px -805px !important;
}
.flags .aia {
  background-position: -5px -837px !important;
}
.flags .alb {
  background-position: -5px -869px !important;
}
.flags .arm {
  background-position: -5px -901px !important;
}
.flags .ago {
  background-position: -5px -933px !important;
}
.flags .ata {
  background-position: -5px -965px !important;
}
.flags .arg {
  background-position: -5px -997px !important;
}
.flags .asm {
  background-position: -5px -1029px !important;
}
.flags .aut {
  background-position: -5px -1061px !important;
}
.flags .aus {
  background-position: -5px -1093px !important;
}
.flags .abw {
  background-position: -5px -1125px !important;
}
.flags .ala {
  background-position: -5px -1157px !important;
}
.flags .aze {
  background-position: -5px -1189px !important;
}
.flags .bih {
  background-position: -5px -1221px !important;
}
.flags .brb {
  background-position: -5px -1253px !important;
}
.flags .bgd {
  background-position: -5px -1285px !important;
}
.flags .bel {
  background-position: -5px -1317px !important;
}
.flags .bfa {
  background-position: -5px -1349px !important;
}
.flags .bgr {
  background-position: -5px -1381px !important;
}
.flags .bhr {
  background-position: -5px -1413px !important;
}
.flags .bdi {
  background-position: -5px -1445px !important;
}
.flags .ben {
  background-position: -5px -1477px !important;
}
.flags .bmu {
  background-position: -5px -1509px !important;
}
.flags .brn {
  background-position: -5px -1541px !important;
}
.flags .bol {
  background-position: -5px -1573px !important;
}
.flags .bra {
  background-position: -5px -1605px !important;
}
.flags .bhs {
  background-position: -5px -1637px !important;
}
.flags .btn {
  background-position: -5px -1669px !important;
}
.flags .bwa {
  background-position: -5px -1701px !important;
}
.flags .blr {
  background-position: -5px -1733px !important;
}
.flags .blz {
  background-position: -5px -1765px !important;
}
.flags .can {
  background-position: -5px -1797px !important;
}
.flags .cod {
  background-position: -5px -1829px !important;
}
.flags .rca {
  background-position: -5px -1861px !important;
}
.flags .cog {
  background-position: -5px -1893px !important;
}
.flags .che {
  background-position: -5px -1925px !important;
}
.flags .civ {
  background-position: -5px -1957px !important;
}
.flags .cok {
  background-position: -5px -1989px !important;
}
.flags .chl {
  background-position: -5px -2021px !important;
}
.flags .cmr {
  background-position: -5px -2053px !important;
}
.flags .chn {
  background-position: -5px -2085px !important;
}
.flags .col {
  background-position: -5px -2117px !important;
}
.flags .cri {
  background-position: -5px -2149px !important;
}
.flags .cub {
  background-position: -5px -2181px !important;
}
.flags .cpv {
  background-position: -5px -2213px !important;
}
.flags .cyp {
  background-position: -5px -2245px !important;
}
.flags .cze {
  background-position: -5px -2277px !important;
}
.flags .deu {
  background-position: -5px -2309px !important;
}
.flags .dji {
  background-position: -5px -2341px !important;
}
.flags .dnk {
  background-position: -5px -2373px !important;
}
.flags .dma {
  background-position: -5px -2405px !important;
}
.flags .dom {
  background-position: -5px -2437px !important;
}
.flags .dza {
  background-position: -5px -2469px !important;
}
.flags .ecu {
  background-position: -5px -2501px !important;
}
.flags .est {
  background-position: -5px -2533px !important;
}
.flags .egy {
  background-position: -5px -2565px !important;
}
.flags .esh {
  background-position: -5px -2597px !important;
}
.flags .eri {
  background-position: -5px -2629px !important;
}
.flags .esp {
  background-position: -5px -2661px !important;
}
.flags .eth {
  background-position: -5px -2693px !important;
}
.flags .fin {
  background-position: -5px -2725px !important;
}
.flags .fji {
  background-position: -5px -2757px !important;
}
.flags .fsm {
  background-position: -5px -2789px !important;
}
.flags .fro {
  background-position: -5px -2821px !important;
}
.flags .fra {
  background-position: -5px -2853px !important;
}
.flags .blm {
  background-position: -5px -2853px !important;
}
.flags .cpt {
  background-position: -5px -2853px !important;
}
.flags .maf {
  background-position: -5px -2853px !important;
}
.flags .myt {
  background-position: -5px -2853px !important;
}
.flags .gab {
  background-position: -5px -2885px !important;
}
.flags .gbr {
  background-position: -5px -2917px !important;
}
.flags .shn {
  background-position: -5px -2917px !important;
}
.flags .grd {
  background-position: -5px -2949px !important;
}
.flags .geo {
  background-position: -5px -2981px !important;
}
.flags .ggy {
  background-position: -5px -3013px !important;
}
.flags .gha {
  background-position: -5px -3045px !important;
}
.flags .gib {
  background-position: -5px -3077px !important;
}
.flags .grl {
  background-position: -5px -3109px !important;
}
.flags .gmb {
  background-position: -5px -3141px !important;
}
.flags .gin {
  background-position: -5px -3173px !important;
}
.flags .glp {
  background-position: -5px -3205px !important;
}
.flags .gnq {
  background-position: -5px -3237px !important;
}
.flags .grc {
  background-position: -5px -3269px !important;
}
.flags .gtm {
  background-position: -5px -3301px !important;
}
.flags .gum {
  background-position: -5px -3333px !important;
}
.flags .gnb {
  background-position: -5px -3365px !important;
}
.flags .guy {
  background-position: -5px -3397px !important;
}
.flags .hkg {
  background-position: -5px -3429px !important;
}
.flags .hnd {
  background-position: -5px -3461px !important;
}
.flags .hrv {
  background-position: -5px -3493px !important;
}
.flags .hti {
  background-position: -5px -3525px !important;
}
.flags .hun {
  background-position: -5px -3557px !important;
}
.flags .idn {
  background-position: -5px -3589px !important;
}
.flags .mco {
  background-position: -5px -3589px !important;
}
.flags .irl {
  background-position: -5px -3621px !important;
}
.flags .isr {
  background-position: -5px -3653px !important;
}
.flags .imn {
  background-position: -5px -3685px !important;
}
.flags .ind {
  background-position: -5px -3717px !important;
}
.flags .irq {
  background-position: -5px -3749px !important;
}
.flags .irn {
  background-position: -5px -3781px !important;
}
.flags .isl {
  background-position: -5px -3813px !important;
}
.flags .ita {
  background-position: -5px -3845px !important;
}
.flags .jey {
  background-position: -5px -3877px !important;
}
.flags .jam {
  background-position: -5px -3909px !important;
}
.flags .jor {
  background-position: -5px -3941px !important;
}
.flags .jpn {
  background-position: -5px -3973px !important;
}
.flags .ken {
  background-position: -5px -4005px !important;
}
.flags .kgz {
  background-position: -5px -4037px !important;
}
.flags .khm {
  background-position: -5px -4069px !important;
}
.flags .kir {
  background-position: -5px -4101px !important;
}
.flags .com {
  background-position: -5px -4133px !important;
}
.flags .kna {
  background-position: -5px -4165px !important;
}
.flags .prk {
  background-position: -5px -4197px !important;
}
.flags .kor {
  background-position: -5px -4229px !important;
}
.flags .kwt {
  background-position: -5px -4261px !important;
}
.flags .cym {
  background-position: -5px -4293px !important;
}
.flags .kaz {
  background-position: -5px -4325px !important;
}
.flags .lao {
  background-position: -5px -4357px !important;
}
.flags .lbn {
  background-position: -5px -4389px !important;
}
.flags .lca {
  background-position: -5px -4421px !important;
}
.flags .lie {
  background-position: -5px -4453px !important;
}
.flags .lka {
  background-position: -5px -4485px !important;
}
.flags .lbr {
  background-position: -5px -4517px !important;
}
.flags .lso {
  background-position: -5px -4549px !important;
}
.flags .ltu {
  background-position: -5px -4581px !important;
}
.flags .lux {
  background-position: -5px -4613px !important;
}
.flags .lva {
  background-position: -5px -4645px !important;
}
.flags .lby {
  background-position: -5px -4677px !important;
}
.flags .mar {
  background-position: -5px -4709px !important;
}
.flags .mda {
  background-position: -5px -4741px !important;
}
.flags .mne {
  background-position: -5px -4773px !important;
}
.flags .mdg {
  background-position: -5px -4805px !important;
}
.flags .mhl {
  background-position: -5px -4837px !important;
}
.flags .mkd {
  background-position: -5px -4869px !important;
}
.flags .mli {
  background-position: -5px -4901px !important;
}
.flags .mmr {
  background-position: -5px -4933px !important;
}
.flags .mng {
  background-position: -5px -4965px !important;
}
.flags .mac {
  background-position: -5px -4997px !important;
}
.flags .mtq {
  background-position: -5px -5029px !important;
}
.flags .mrt {
  background-position: -5px -5061px !important;
}
.flags .msr {
  background-position: -5px -5093px !important;
}
.flags .mlt {
  background-position: -5px -5125px !important;
}
.flags .mus {
  background-position: -5px -5157px !important;
}
.flags .mdv {
  background-position: -5px -5189px !important;
}
.flags .mwi {
  background-position: -5px -5221px !important;
}
.flags .mex {
  background-position: -5px -5253px !important;
}
.flags .mys {
  background-position: -5px -5285px !important;
}
.flags .moz {
  background-position: -5px -5317px !important;
}
.flags .nam {
  background-position: -5px -5349px !important;
}
.flags .ncl {
  background-position: -5px -5381px !important;
}
.flags .ner {
  background-position: -5px -5413px !important;
}
.flags .nga {
  background-position: -5px -5445px !important;
}
.flags .nic {
  background-position: -5px -5477px !important;
}
.flags .nld {
  background-position: -5px -5509px !important;
}
.flags .bes {
  background-position: -5px -5509px !important;
}
.flags .nor {
  background-position: -5px -5541px !important;
}
.flags .bvt {
  background-position: -5px -5541px !important;
}
.flags .atn {
  background-position: -5px -5541px !important;
}
.flags .sjm {
  background-position: -5px -5541px !important;
}
.flags .npl {
  background-position: -5px -5573px !important;
}
.flags .nru {
  background-position: -5px -5605px !important;
}
.flags .nzl {
  background-position: -5px -5637px !important;
}
.flags .omn {
  background-position: -5px -5669px !important;
}
.flags .pan {
  background-position: -5px -5701px !important;
}
.flags .per {
  background-position: -5px -5733px !important;
}
.flags .pyf {
  background-position: -5px -5765px !important;
}
.flags .png {
  background-position: -5px -5797px !important;
}
.flags .phl {
  background-position: -5px -5829px !important;
}
.flags .pak {
  background-position: -5px -5861px !important;
}
.flags .pol {
  background-position: -5px -5893px !important;
}
.flags .pri {
  background-position: -5px -5925px !important;
}
.flags .pse {
  background-position: -5px -5957px !important;
}
.flags .prt {
  background-position: -5px -5989px !important;
}
.flags .plw {
  background-position: -5px -6021px !important;
}
.flags .pry {
  background-position: -5px -6053px !important;
}
.flags .qat {
  background-position: -5px -6085px !important;
}
.flags .reu {
  background-position: -5px -6117px !important;
}
.flags .rou {
  background-position: -5px -6149px !important;
}
.flags .srb {
  background-position: -5px -6181px !important;
}
.flags .rus {
  background-position: -5px -6213px !important;
}
.flags .rwa {
  background-position: -5px -6245px !important;
}
.flags .sau {
  background-position: -5px -6277px !important;
}
.flags .slb {
  background-position: -5px -6309px !important;
}
.flags .syc {
  background-position: -5px -6341px !important;
}
.flags .sdn {
  background-position: -5px -6373px !important;
}
.flags .swe {
  background-position: -5px -6405px !important;
}
.flags .sgp {
  background-position: -5px -6437px !important;
}
.flags .svn {
  background-position: -5px -6469px !important;
}
.flags .svk {
  background-position: -5px -6501px !important;
}
.flags .sle {
  background-position: -5px -6533px !important;
}
.flags .smr {
  background-position: -5px -6565px !important;
}
.flags .sen {
  background-position: -5px -6597px !important;
}
.flags .som {
  background-position: -5px -6629px !important;
}
.flags .sur {
  background-position: -5px -6661px !important;
}
.flags .stp {
  background-position: -5px -6693px !important;
}
.flags .slv {
  background-position: -5px -6725px !important;
}
.flags .syr {
  background-position: -5px -6757px !important;
}
.flags .swz {
  background-position: -5px -6789px !important;
}
.flags .tca {
  background-position: -5px -6821px !important;
}
.flags .tcd {
  background-position: -5px -6853px !important;
}
.flags .tgo {
  background-position: -5px -6885px !important;
}
.flags .tha {
  background-position: -5px -6917px !important;
}
.flags .tjk {
  background-position: -5px -6949px !important;
}
.flags .tls {
  background-position: -5px -6981px !important;
}
.flags .tkm {
  background-position: -5px -7013px !important;
}
.flags .tun {
  background-position: -5px -7045px !important;
}
.flags .ton {
  background-position: -5px -7077px !important;
}
.flags .tur {
  background-position: -5px -7109px !important;
}
.flags .tto {
  background-position: -5px -7141px !important;
}
.flags .tuv {
  background-position: -5px -7173px !important;
}
.flags .twn {
  background-position: -5px -7205px !important;
}
.flags .tza {
  background-position: -5px -7237px !important;
}
.flags .ukr {
  background-position: -5px -7269px !important;
}
.flags .uga {
  background-position: -5px -7301px !important;
}
.flags .usa {
  background-position: -5px -7333px !important;
}
.flags .ury {
  background-position: -5px -7365px !important;
}
.flags .uzb {
  background-position: -5px -7397px !important;
}
.flags .vat {
  background-position: -5px -7429px !important;
}
.flags .vct {
  background-position: -5px -7461px !important;
}
.flags .ven {
  background-position: -5px -7493px !important;
}
.flags .vgb {
  background-position: -5px -7525px !important;
}
.flags .vir {
  background-position: -5px -7557px !important;
}
.flags .vnm {
  background-position: -5px -7589px !important;
}
.flags .vut {
  background-position: -5px -7621px !important;
}
.flags .wsm {
  background-position: -5px -7653px !important;
}
.flags .yem {
  background-position: -5px -7685px !important;
}
.flags .zaf {
  background-position: -5px -7717px !important;
}
.flags .zmb {
  background-position: -5px -7749px !important;
}
.flags .zwe {
  background-position: -5px -7781px !important;
}
.flags .sxm {
  background-position: -5px -7813px !important;
}
.flags .cuw {
  background-position: -5px -7845px !important;
}
.flags .ssd {
  background-position: -5px -7877px !important;
}
.flags .niu {
  background-position: -5px -7909px !important;
}

.flags-small {
  border-radius: 50%;
  margin-right: 10px;
}
.flags-small .flag-small {
  display: block;
  width: 18px;
  height: 18px;
  background: url(/trebalia.com/img/flags.png) no-repeat;
  border-radius: 50%;
  background-position: -7px -6px;
}
.flags-small ._African_Union {
  background-position: -7px -39px !important;
}
.flags-small ._Arab_League {
  background-position: -7px -71px !important;
}
.flags-small ._ASEAN {
  background-position: -7px -103px !important;
}
.flags-small ._CARICOM {
  background-position: -7px -135px !important;
}
.flags-small ._CIS {
  background-position: -7px -167px !important;
}
.flags-small ._Commonwealth {
  background-position: -7px -199px !important;
}
.flags-small ._England {
  background-position: -7px -231px !important;
}
.flags-small ._European_Union {
  background-position: -7px -263px !important;
}
.flags-small ._Islamic_Conference {
  background-position: -7px -295px !important;
}
.flags-small ._Kosovo {
  background-position: -7px -327px !important;
}
.flags-small ._NATO {
  background-position: -7px -359px !important;
}
.flags-small ._Northern_Cyprus {
  background-position: -7px -391px !important;
}
.flags-small ._Northern_Ireland {
  background-position: -7px -423px !important;
}
.flags-small ._Olimpic_Movement {
  background-position: -7px -455px !important;
}
.flags-small ._OPEC {
  background-position: -7px -487px !important;
}
.flags-small ._Red_Cross {
  background-position: -7px -519px !important;
}
.flags-small ._Scotland {
  background-position: -7px -551px !important;
}
.flags-small ._Somaliland {
  background-position: -7px -583px !important;
}
.flags-small ._Tibet {
  background-position: -7px -615px !important;
}
.flags-small ._United_Nations {
  background-position: -7px -647px !important;
}
.flags-small ._Wales {
  background-position: -7px -679px !important;
}
.flags-small .eu {
  background-position: -7px -263px !important;
}
.flags-small .and {
  background-position: -7px -711px !important;
}
.flags-small .are {
  background-position: -7px -743px !important;
}
.flags-small .afg {
  background-position: -7px -775px !important;
}
.flags-small .atg {
  background-position: -7px -807px !important;
}
.flags-small .aia {
  background-position: -7px -839px !important;
}
.flags-small .alb {
  background-position: -7px -871px !important;
}
.flags-small .arm {
  background-position: -7px -903px !important;
}
.flags-small .ago {
  background-position: -7px -935px !important;
}
.flags-small .ata {
  background-position: -7px -967px !important;
}
.flags-small .arg {
  background-position: -7px -999px !important;
}
.flags-small .asm {
  background-position: -7px -1031px !important;
}
.flags-small .aut {
  background-position: -7px -1063px !important;
}
.flags-small .aus {
  background-position: -7px -1095px !important;
}
.flags-small .abw {
  background-position: -7px -1127px !important;
}
.flags-small .ala {
  background-position: -7px -1159px !important;
}
.flags-small .aze {
  background-position: -7px -1191px !important;
}
.flags-small .bih {
  background-position: -7px -1223px !important;
}
.flags-small .brb {
  background-position: -7px -1255px !important;
}
.flags-small .bgd {
  background-position: -7px -1287px !important;
}
.flags-small .bel {
  background-position: -7px -1319px !important;
}
.flags-small .bfa {
  background-position: -7px -1351px !important;
}
.flags-small .bgr {
  background-position: -7px -1383px !important;
}
.flags-small .bhr {
  background-position: -7px -1415px !important;
}
.flags-small .bdi {
  background-position: -7px -1447px !important;
}
.flags-small .ben {
  background-position: -7px -1479px !important;
}
.flags-small .bmu {
  background-position: -7px -1511px !important;
}
.flags-small .brn {
  background-position: -7px -1543px !important;
}
.flags-small .bol {
  background-position: -7px -1575px !important;
}
.flags-small .bra {
  background-position: -7px -1607px !important;
}
.flags-small .bhs {
  background-position: -7px -1639px !important;
}
.flags-small .btn {
  background-position: -7px -1671px !important;
}
.flags-small .bwa {
  background-position: -7px -1703px !important;
}
.flags-small .blr {
  background-position: -7px -1735px !important;
}
.flags-small .blz {
  background-position: -7px -1767px !important;
}
.flags-small .can {
  background-position: -7px -1799px !important;
}
.flags-small .cod {
  background-position: -7px -1831px !important;
}
.flags-small .rca {
  background-position: -7px -1863px !important;
}
.flags-small .cog {
  background-position: -7px -1895px !important;
}
.flags-small .che {
  background-position: -7px -1927px !important;
}
.flags-small .civ {
  background-position: -7px -1959px !important;
}
.flags-small .cok {
  background-position: -7px -1991px !important;
}
.flags-small .chl {
  background-position: -7px -2023px !important;
}
.flags-small .cmr {
  background-position: -7px -2055px !important;
}
.flags-small .chn {
  background-position: -7px -2087px !important;
}
.flags-small .col {
  background-position: -7px -2119px !important;
}
.flags-small .cri {
  background-position: -7px -2151px !important;
}
.flags-small .cub {
  background-position: -7px -2183px !important;
}
.flags-small .cpv {
  background-position: -7px -2215px !important;
}
.flags-small .cyp {
  background-position: -7px -2247px !important;
}
.flags-small .cze {
  background-position: -7px -2279px !important;
}
.flags-small .deu {
  background-position: -7px -2311px !important;
}
.flags-small .dji {
  background-position: -7px -2343px !important;
}
.flags-small .dnk {
  background-position: -7px -2375px !important;
}
.flags-small .dma {
  background-position: -7px -2407px !important;
}
.flags-small .dom {
  background-position: -7px -2439px !important;
}
.flags-small .dza {
  background-position: -7px -2471px !important;
}
.flags-small .ecu {
  background-position: -7px -2503px !important;
}
.flags-small .est {
  background-position: -7px -2535px !important;
}
.flags-small .egy {
  background-position: -7px -2567px !important;
}
.flags-small .esh {
  background-position: -7px -2599px !important;
}
.flags-small .eri {
  background-position: -7px -2631px !important;
}
.flags-small .esp {
  background-position: -7px -2663px !important;
}
.flags-small .eth {
  background-position: -7px -2695px !important;
}
.flags-small .fin {
  background-position: -7px -2727px !important;
}
.flags-small .fji {
  background-position: -7px -2759px !important;
}
.flags-small .fsm {
  background-position: -7px -2791px !important;
}
.flags-small .fro {
  background-position: -7px -2823px !important;
}
.flags-small .fra {
  background-position: -7px -2855px !important;
}
.flags-small .blm {
  background-position: -7px -2855px !important;
}
.flags-small .cpt {
  background-position: -7px -2855px !important;
}
.flags-small .maf {
  background-position: -7px -2855px !important;
}
.flags-small .myt {
  background-position: -7px -2855px !important;
}
.flags-small .gab {
  background-position: -7px -2887px !important;
}
.flags-small .gbr {
  background-position: -7px -2919px !important;
}
.flags-small .shn {
  background-position: -7px -2919px !important;
}
.flags-small .grd {
  background-position: -7px -2951px !important;
}
.flags-small .geo {
  background-position: -7px -2983px !important;
}
.flags-small .ggy {
  background-position: -7px -3015px !important;
}
.flags-small .gha {
  background-position: -7px -3047px !important;
}
.flags-small .gib {
  background-position: -7px -3079px !important;
}
.flags-small .grl {
  background-position: -7px -3111px !important;
}
.flags-small .gmb {
  background-position: -7px -3143px !important;
}
.flags-small .gin {
  background-position: -7px -3175px !important;
}
.flags-small .glp {
  background-position: -7px -3207px !important;
}
.flags-small .gnq {
  background-position: -7px -3239px !important;
}
.flags-small .grc {
  background-position: -7px -3271px !important;
}
.flags-small .gtm {
  background-position: -7px -3303px !important;
}
.flags-small .gum {
  background-position: -7px -3335px !important;
}
.flags-small .gnb {
  background-position: -7px -3367px !important;
}
.flags-small .guy {
  background-position: -7px -3399px !important;
}
.flags-small .hkg {
  background-position: -7px -3431px !important;
}
.flags-small .hnd {
  background-position: -7px -3463px !important;
}
.flags-small .hrv {
  background-position: -7px -3495px !important;
}
.flags-small .hti {
  background-position: -7px -3527px !important;
}
.flags-small .hun {
  background-position: -7px -3559px !important;
}
.flags-small .idn {
  background-position: -7px -3591px !important;
}
.flags-small .mco {
  background-position: -7px -3591px !important;
}
.flags-small .irl {
  background-position: -7px -3623px !important;
}
.flags-small .isr {
  background-position: -7px -3655px !important;
}
.flags-small .imn {
  background-position: -7px -3687px !important;
}
.flags-small .ind {
  background-position: -7px -3719px !important;
}
.flags-small .irq {
  background-position: -7px -3751px !important;
}
.flags-small .irn {
  background-position: -7px -3783px !important;
}
.flags-small .isl {
  background-position: -7px -3815px !important;
}
.flags-small .ita {
  background-position: -7px -3847px !important;
}
.flags-small .jey {
  background-position: -7px -3879px !important;
}
.flags-small .jam {
  background-position: -7px -3911px !important;
}
.flags-small .jor {
  background-position: -7px -3943px !important;
}
.flags-small .jpn {
  background-position: -7px -3975px !important;
}
.flags-small .ken {
  background-position: -7px -4007px !important;
}
.flags-small .kgz {
  background-position: -7px -4039px !important;
}
.flags-small .khm {
  background-position: -7px -4071px !important;
}
.flags-small .kir {
  background-position: -7px -4103px !important;
}
.flags-small .com {
  background-position: -7px -4135px !important;
}
.flags-small .kna {
  background-position: -7px -4167px !important;
}
.flags-small .prk {
  background-position: -7px -4199px !important;
}
.flags-small .kor {
  background-position: -7px -4231px !important;
}
.flags-small .kwt {
  background-position: -7px -4263px !important;
}
.flags-small .cym {
  background-position: -7px -4295px !important;
}
.flags-small .kaz {
  background-position: -7px -4327px !important;
}
.flags-small .lao {
  background-position: -7px -4359px !important;
}
.flags-small .lbn {
  background-position: -7px -4391px !important;
}
.flags-small .lca {
  background-position: -7px -4423px !important;
}
.flags-small .lie {
  background-position: -7px -4455px !important;
}
.flags-small .lka {
  background-position: -7px -4487px !important;
}
.flags-small .lbr {
  background-position: -7px -4519px !important;
}
.flags-small .lso {
  background-position: -7px -4551px !important;
}
.flags-small .ltu {
  background-position: -7px -4583px !important;
}
.flags-small .lux {
  background-position: -7px -4615px !important;
}
.flags-small .lva {
  background-position: -7px -4647px !important;
}
.flags-small .lby {
  background-position: -7px -4679px !important;
}
.flags-small .mar {
  background-position: -7px -4711px !important;
}
.flags-small .mda {
  background-position: -7px -4743px !important;
}
.flags-small .mne {
  background-position: -7px -4775px !important;
}
.flags-small .mdg {
  background-position: -7px -4807px !important;
}
.flags-small .mhl {
  background-position: -7px -4839px !important;
}
.flags-small .mkd {
  background-position: -7px -4871px !important;
}
.flags-small .mli {
  background-position: -7px -4903px !important;
}
.flags-small .mmr {
  background-position: -7px -4935px !important;
}
.flags-small .mng {
  background-position: -7px -4967px !important;
}
.flags-small .mac {
  background-position: -7px -4999px !important;
}
.flags-small .mtq {
  background-position: -7px -5031px !important;
}
.flags-small .mrt {
  background-position: -7px -5063px !important;
}
.flags-small .msr {
  background-position: -7px -5095px !important;
}
.flags-small .mlt {
  background-position: -7px -5127px !important;
}
.flags-small .mus {
  background-position: -7px -5159px !important;
}
.flags-small .mdv {
  background-position: -7px -5191px !important;
}
.flags-small .mwi {
  background-position: -7px -5223px !important;
}
.flags-small .mex {
  background-position: -7px -5255px !important;
}
.flags-small .mys {
  background-position: -7px -5287px !important;
}
.flags-small .moz {
  background-position: -7px -5319px !important;
}
.flags-small .nam {
  background-position: -7px -5351px !important;
}
.flags-small .ncl {
  background-position: -7px -5383px !important;
}
.flags-small .ner {
  background-position: -7px -5415px !important;
}
.flags-small .nga {
  background-position: -7px -5447px !important;
}
.flags-small .nic {
  background-position: -7px -5479px !important;
}
.flags-small .nld {
  background-position: -7px -5511px !important;
}
.flags-small .bes {
  background-position: -7px -5511px !important;
}
.flags-small .nor {
  background-position: -7px -5543px !important;
}
.flags-small .bvt {
  background-position: -7px -5543px !important;
}
.flags-small .atn {
  background-position: -7px -5543px !important;
}
.flags-small .sjm {
  background-position: -7px -5543px !important;
}
.flags-small .npl {
  background-position: -7px -5575px !important;
}
.flags-small .nru {
  background-position: -7px -5607px !important;
}
.flags-small .nzl {
  background-position: -7px -5639px !important;
}
.flags-small .omn {
  background-position: -7px -5671px !important;
}
.flags-small .pan {
  background-position: -7px -5703px !important;
}
.flags-small .per {
  background-position: -7px -5735px !important;
}
.flags-small .pyf {
  background-position: -7px -5767px !important;
}
.flags-small .png {
  background-position: -7px -5799px !important;
}
.flags-small .phl {
  background-position: -7px -5831px !important;
}
.flags-small .pak {
  background-position: -7px -5863px !important;
}
.flags-small .pol {
  background-position: -7px -5895px !important;
}
.flags-small .pri {
  background-position: -7px -5927px !important;
}
.flags-small .pse {
  background-position: -7px -5959px !important;
}
.flags-small .prt {
  background-position: -7px -5991px !important;
}
.flags-small .plw {
  background-position: -7px -6023px !important;
}
.flags-small .pry {
  background-position: -7px -6055px !important;
}
.flags-small .qat {
  background-position: -7px -6087px !important;
}
.flags-small .reu {
  background-position: -7px -6119px !important;
}
.flags-small .rou {
  background-position: -7px -6151px !important;
}
.flags-small .srb {
  background-position: -7px -6183px !important;
}
.flags-small .rus {
  background-position: -7px -6215px !important;
}
.flags-small .rwa {
  background-position: -7px -6247px !important;
}
.flags-small .sau {
  background-position: -7px -6279px !important;
}
.flags-small .slb {
  background-position: -7px -6311px !important;
}
.flags-small .syc {
  background-position: -7px -6343px !important;
}
.flags-small .sdn {
  background-position: -7px -6375px !important;
}
.flags-small .swe {
  background-position: -7px -6407px !important;
}
.flags-small .sgp {
  background-position: -7px -6439px !important;
}
.flags-small .svn {
  background-position: -7px -6471px !important;
}
.flags-small .svk {
  background-position: -7px -6503px !important;
}
.flags-small .sle {
  background-position: -7px -6535px !important;
}
.flags-small .smr {
  background-position: -7px -6567px !important;
}
.flags-small .sen {
  background-position: -7px -6599px !important;
}
.flags-small .som {
  background-position: -7px -6631px !important;
}
.flags-small .sur {
  background-position: -7px -6663px !important;
}
.flags-small .stp {
  background-position: -7px -6695px !important;
}
.flags-small .slv {
  background-position: -7px -6727px !important;
}
.flags-small .syr {
  background-position: -7px -6759px !important;
}
.flags-small .swz {
  background-position: -7px -6791px !important;
}
.flags-small .tca {
  background-position: -7px -6823px !important;
}
.flags-small .tcd {
  background-position: -7px -6855px !important;
}
.flags-small .tgo {
  background-position: -7px -6887px !important;
}
.flags-small .tha {
  background-position: -7px -6919px !important;
}
.flags-small .tjk {
  background-position: -7px -6951px !important;
}
.flags-small .tls {
  background-position: -7px -6983px !important;
}
.flags-small .tkm {
  background-position: -7px -7015px !important;
}
.flags-small .tun {
  background-position: -7px -7047px !important;
}
.flags-small .ton {
  background-position: -7px -7079px !important;
}
.flags-small .tur {
  background-position: -7px -7111px !important;
}
.flags-small .tto {
  background-position: -7px -7143px !important;
}
.flags-small .tuv {
  background-position: -7px -7175px !important;
}
.flags-small .twn {
  background-position: -7px -7207px !important;
}
.flags-small .tza {
  background-position: -7px -7239px !important;
}
.flags-small .ukr {
  background-position: -7px -7271px !important;
}
.flags-small .uga {
  background-position: -7px -7303px !important;
}
.flags-small .usa {
  background-position: -7px -7335px !important;
}
.flags-small .ury {
  background-position: -7px -7367px !important;
}
.flags-small .uzb {
  background-position: -7px -7399px !important;
}
.flags-small .vat {
  background-position: -7px -7431px !important;
}
.flags-small .vct {
  background-position: -7px -7463px !important;
}
.flags-small .ven {
  background-position: -7px -7495px !important;
}
.flags-small .vgb {
  background-position: -7px -7527px !important;
}
.flags-small .vir {
  background-position: -7px -7559px !important;
}
.flags-small .vnm {
  background-position: -7px -7591px !important;
}
.flags-small .vut {
  background-position: -7px -7623px !important;
}
.flags-small .wsm {
  background-position: -7px -7655px !important;
}
.flags-small .yem {
  background-position: -7px -7687px !important;
}
.flags-small .zaf {
  background-position: -7px -7719px !important;
}
.flags-small .zmb {
  background-position: -7px -7751px !important;
}
.flags-small .zwe {
  background-position: -7px -7783px !important;
}
.flags-small .sxm {
  background-position: -7px -7815px !important;
}
.flags-small .cuw {
  background-position: -7px -7847px !important;
}
.flags-small .ssd {
  background-position: -7px -7879px !important;
}
.flags-small .niu {
  background-position: -7px -7911px !important;
}

.tournament-form-container .button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tournament-form-container .button-container .button {
  margin-top: 30px;
  width: 300px;
}

.ph-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.tournament--form_card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 10px 20px 30px;
  border-bottom: 1px solid white;
}
.tournament--form_card label {
  display: flex;
  flex-direction: column;
}
.tournament--form_card .image-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tournament--form_card .image-container img {
  width: 100px;
  height: 100px;
  aspect-ratio: 1/1;
  border-radius: 200px;
}
.tournament--form_card .required {
  position: relative;
  width: 100%;
}
.tournament--form_card .required input, .tournament--form_card .required select {
  width: 100%;
}
.tournament--form_card .required::after {
  content: "*";
  color: red;
  position: absolute;
  top: 20px;
  right: -10px;
}
.tournament--form_card .form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tournament--form_card .form .col100 {
  display: flex;
  flex-direction: column;
}
.tournament--form_card .title {
  font-size: 17px;
  font-weight: bold;
  color: white;
  text-align: center;
}

.members--button_add {
  padding: 10px 20px;
  background: red;
  text-decoration: none;
  cursor: pointer;
}

.members--add_filter {
  padding-bottom: 20px;
  display: flex;
  align-content: center;
  justify-content: center;
  gap: 10px;
}

.members--add_error {
  display: flex;
  align-content: center;
  justify-content: center;
  padding-bottom: 10px;
  color: red;
}

.container-brackets {
  width: 100%;
}
.container-brackets tr {
  background: initial !important;
}
.container-brackets tr td {
  color: black !important;
}
.container-brackets .tab-titles {
  padding-left: 30px;
  padding-right: 30px;
}
.container-brackets .tab-titles ul {
  display: flex;
  width: 100%;
  color: white;
  gap: 37px;
  list-style: none;
}
.container-brackets .tab-titles ul li {
  font-size: 21px;
  padding: 15px;
  opacity: 0.4;
  border-bottom: 2px solid white;
  cursor: pointer;
}
.container-brackets .tab-titles ul li:hover {
  opacity: 1;
  border-bottom: 1px solid #4BFA7D;
}
.container-brackets .tab-titles ul .active {
  opacity: 1;
  border-bottom: 1px solid #4BFA7D;
}
.container-brackets #tournament-result__modal {
  width: 300px;
  background: black;
  position: absolute;
  left: 50%;
  margin-left: -150px;
  top: 50%;
  margin-top: -95px;
  border-radius: 5px;
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 1px 3px 42px -4px rgb(19, 19, 19);
  padding-top: 20px;
  padding-bottom: 20px;
}
.container-brackets #tournament-result__modal .close {
  position: absolute;
  top: 2px;
  right: 2px;
}
.container-brackets #tournament-result__modal .close .icon {
  background-image: url("/backoffice/img/close.png");
  display: block;
  width: 15px;
  height: 15px;
  background-size: cover;
  cursor: pointer;
}
.container-brackets #tournament-result__modal .close .icon:hover {
  filter: brightness(3);
}
.container-brackets #tournament-result__modal .error {
  color: red;
}
.container-brackets #tournament-result__modal .success {
  color: green;
}
.container-brackets #tournament-result__modal div {
  text-align: center;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tournament--buttons {
  display: flex;
  flex-direction: column;
  padding: 28px 50px;
  gap: 10px;
}
.tournament--buttons .errors, .tournament--buttons .success {
  text-align: center;
}
.tournament--buttons .errors {
  color: #e21314;
}
.tournament--buttons .success {
  color: #00A131;
}

.modal--confirm_restart {
  width: 300px;
  background: black;
  position: absolute;
  left: 50%;
  margin-left: -150px;
  top: 50%;
  margin-top: -95px;
  border-radius: 5px;
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 1px 3px 42px -4px rgb(19, 19, 19);
  padding-top: 20px;
  padding-bottom: 20px;
}
.modal--confirm_restart > div {
  padding: 20px;
}
.modal--confirm_restart h3 {
  padding-bottom: 10px;
  text-align: center;
}
.modal--confirm_restart p {
  padding-bottom: 10px;
}
.modal--confirm_restart .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.modal--confirm_restart .button-secondary {
  background: none;
  border: 1px solid white;
}
.modal--confirm_restart button {
  cursor: pointer;
}
.modal--confirm_restart .close {
  position: absolute;
  top: 2px;
  right: 2px;
}
.modal--confirm_restart .close .icon {
  background-image: url("/backoffice/img/close.png");
  display: block;
  width: 15px;
  height: 15px;
  background-size: cover;
  cursor: pointer;
}
.modal--confirm_restart .close .icon:hover {
  filter: brightness(3);
}
.modal--confirm_restart .error {
  color: red;
}
.modal--confirm_restart .success {
  color: green;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

::-moz-selection {
  background: darkgray;
}

::selection {
  background: darkgray;
}

input:focus {
  outline-color: transparent;
}

input:disabled {
  cursor: auto !important;
}

.icon-graphic {
  width: 14px;
  cursor: pointer;
}

body {
  background: #0C0C0C;
  font-family: "Montserrat", sans-serif;
  color: white;
  font-size: 14px;
  overflow-y: hidden;
}

a {
  color: white;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.posrelative {
  position: relative;
}

.posabsolute {
  position: absolute !important;
}

.posunset {
  position: unset !important;
}

.right {
  text-align: right;
}

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

.center {
  text-align: center;
}

.disabled-value {
  color: #e21413;
}

.enabled-value {
  color: green;
}

.bold {
  font-weight: bolder;
  color: white !important;
}

li {
  list-style: none;
}

.wrap {
  white-space: normal;
}

.no-margin {
  margin: 0 !important;
}

.scroll {
  height: 90vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.nowrap {
  white-space: nowrap;
}

.hidden {
  display: none !important;
}

.preloader {
  padding: 20px;
}
.preloader img {
  max-width: 30px;
}

.label {
  font-size: 11px;
  font-weight: bold;
}

.button-download {
  background: #E21414;
  cursor: pointer;
  color: white;
  padding: 5px 10px;
  border: 0;
}
.button-download:disabled {
  cursor: not-allowed;
}

.add {
  margin-bottom: 20px;
  display: block;
  border: 1px solid #fff;
  min-width: 10em;
  width: auto;
  text-align: center;
  padding: 10px;
  font-size: 12px;
  background: transparent;
  color: white;
  cursor: pointer;
  transition: all 0.5s;
  white-space: nowrap;
  max-height: 40px;
}
.add:hover {
  background: #E21414;
  border-color: #E21414;
}

button.button {
  background-color: #e21413;
  outline: none;
  border: none;
  color: white;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 12px;
}

.footer {
  margin: 20px;
  text-align: right;
  width: 100%;
  flex-basis: 100%;
}
.footer.center {
  text-align: center;
}
.footer button {
  font-weight: bold;
}
.footer button:disabled {
  opacity: 0.5;
}

.dflex {
  display: flex;
  align-items: center;
}

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

.flexrow {
  display: flex;
  flex-direction: row !important;
  align-items: center;
}
.flexrow span {
  margin-right: 5px;
}

.flexcol {
  flex-direction: column;
}

.aligncenter {
  align-items: center;
}

.justifycenter {
  justify-content: center;
}

.spacebetween {
  width: 100%;
  justify-content: space-between;
}

.container-button.limit-offers {
  padding-bottom: 0;
}

.limit-offers-confirm {
  padding-top: 0;
}
.limit-offers-confirm .bonus-scope {
  max-height: 300px;
  overflow: auto;
}
.limit-offers-confirm td {
  color: #b0b0b0 !important;
}
.limit-offers-confirm td.bold {
  font-weight: bolder;
  color: white !important;
}
.limit-offers-confirm .close-confirm {
  width: 15px;
}
.limit-offers-confirm .table-container {
  padding-bottom: 0;
}
.limit-offers-confirm hr {
  margin-bottom: 10px;
}

.center {
  margin: 0 auto;
}

.underline {
  text-decoration: underline;
}

fieldset.search {
  position: relative;
}
fieldset.search .search-container {
  position: relative;
  border: 1px solid;
  padding: 3px;
}
fieldset.search .search-container i.search {
  position: absolute;
  left: 5px;
  top: 5px;
}
fieldset.search .search-container input {
  border: none;
  padding-left: 30px;
  width: 100%;
}
fieldset.search .search-container input:focus {
  outline: none;
}
fieldset.search .search-results {
  height: 5em;
  background: #0c0c0c;
  position: absolute;
  top: 42px;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 5px;
  display: none;
}

.input-group {
  display: flex;
  align-items: center;
}
.input-group input {
  margin: 0 !important;
  border-radius: 3px 0 0 3px;
  background: white;
  color: black;
  border: 0;
}
.input-group > span {
  cursor: pointer;
  display: block;
  background: #949494;
  color: black;
  height: 100%;
  padding: 2px 5px;
  border-radius: 0 3px 3px 0;
  color: white;
  font-weight: bold;
  transition: all 0.5s;
}
.input-group > span:hover {
  background: #535353;
}

input {
  background: transparent;
  border: 1px solid lightgray;
  border-radius: 2px;
  color: white;
  padding: 2px 5px;
}
input::-moz-placeholder {
  color: white;
}
input::placeholder {
  color: white;
}
input.disabled {
  border-color: transparent;
  color: white !important;
}
input.disabled:focus {
  border-color: transparent;
}
input.value {
  padding: 5px;
}

input[type=radio] {
  border-radius: 50%;
}
input[type=radio]::after {
  border-radius: 50%;
}

input[type=radio] {
  margin: 0;
}

input[type=j], input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
}
input[type=j]:hover, input[type=radio]:hover {
  background: #9faab7;
}
input[type=j]:checked, input[type=radio]:checked {
  background: #E21414;
}
input[type=j]:checked::before, input[type=radio]:checked::before {
  height: 20px;
  width: 20px;
  position: absolute;
  content: "✔";
  display: inline-block;
  font-size: 24px;
  text-align: center;
  line-height: 1;
  top: 0;
  left: 0;
}
input[type=j]:checked::after, input[type=radio]:checked::after {
  background: #E21414;
  content: "";
  display: block;
  position: relative;
}

.check-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-top: -3px;
}

.check-container:hover input ~ .checkmark {
  background-color: #ccc;
}

.check-container input:checked ~ .checkmark {
  background-color: #E21414;
}

.check-container input:checked ~ .checkmark:after {
  display: block;
}

.check-container .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 2px;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.radio-btns li.dflex label {
  margin-bottom: 0 !important;
  cursor: pointer;
}

.radio-btns.disabled li.dflex label {
  cursor: auto;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 5px;
  margin: 0;
  width: auto;
  width: 100%;
}

textarea {
  width: 80%;
  max-width: 600px;
  background: #0C0C0C;
  color: lightgray;
  font-family: "Montserrat", sans-serif;
  resize: none;
  padding: 7px;
  font-size: 11px;
}
textarea.disabled {
  border: none;
  color: white !important;
  height: auto;
}
textarea.disabled:focus {
  border: none;
  outline: none;
}

.tgl {
  display: none !important;
}

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

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

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

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

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

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

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

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

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

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

.tgl-light:checked + .tgl-btn {
  background: #E21414;
}

.tgl-btn.disabled {
  cursor: auto;
}

.pure-tree {
  text-align: left;
  display: block;
}
.pure-tree .check-container {
  transform: scale(0.7);
  padding-left: 25px;
}
.pure-tree.main-tree {
  width: 100%;
  display: inline-block;
}
.pure-tree.main-tree > li label {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0 !important;
}
.pure-tree:not(.main-tree) {
  padding-left: 1.2em;
}
.pure-tree:not(.main-tree) li {
  overflow: hidden;
  /* height: 0; */
  display: block;
}
.pure-tree:not(.main-tree) li label {
  font-weight: normal;
  font-size: 1em;
}
.pure-tree label {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px 0;
  border-bottom: 1px solid;
  position: relative;
  display: flex !important;
}
.pure-tree label .arrow-down, .pure-tree label .arrow-right {
  margin-left: 10px;
  margin-right: 5px;
  position: absolute;
  right: 0;
}
.pure-tree label [type=checkbox] {
  margin-right: 5px;
}
.pure-tree .pure-tree_link {
  font-size: 0.9em;
}
.pure-tree .pure-tree_link a {
  padding: 1.5em 1.125em 0.75em 0;
  display: block;
  border-radius: 0.2em;
  text-decoration: none;
}
.pure-tree.nested {
  padding-left: 1.7em;
}

i.drag {
  width: 10px;
  height: 10px;
  background-image: url(/backoffice/img/drag.png);
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

i.search {
  width: 15px;
  height: 15px;
  background-image: url(/backoffice/img/search.png);
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

i.chevron-down, i.chevron-right {
  width: 7px;
  height: 11px;
  background-image: url(/backoffice/img/chevron-sm.png);
  background-size: cover;
  transition: all 0.25s;
}

i.chevron-right {
  width: 8px;
}

i.chevron-down {
  transform: rotate(90deg);
}

i.set-result {
  width: 13px;
  height: 14px;
  background-image: url(/backoffice/img/set-result.png);
  display: block;
  background-size: cover;
  cursor: pointer;
}

i.re-seattle {
  width: 13px;
  height: 15px;
  background-image: url(/backoffice/img/re-seattle.png);
  display: block;
  background-size: cover;
  cursor: pointer;
}

i.translate {
  width: 15px;
  height: 15px;
  background-image: url(/backoffice/img/translate.png);
  display: block;
  background-size: cover;
  cursor: pointer;
  transition: filter 0.5s;
  filter: brightness(0.5);
}
i.translate:hover, i.translate.active {
  filter: brightness(1);
}

i.eye {
  background-image: url(/backoffice/img/view.png);
  display: block;
  width: 12px;
  height: 8px;
  background-size: cover;
  cursor: pointer;
  background-repeat: no-repeat;
}
i.eye:hover, i.eye.open {
  background-position-y: -8px;
}

table td i.eye {
  margin-right: 5px;
  margin-left: 0 !important;
  float: right;
  margin-top: 2px;
}
table td i.eye.inline {
  margin-left: 5px !important;
  display: inline-block;
  float: unset;
}

i.change {
  background-image: url(/backoffice/img/change.png);
  display: block;
  width: 12px;
  height: 10px;
  background-size: cover;
  margin-left: 5px;
}

i.accept {
  background-image: url(/backoffice/img/accept.png);
  display: block;
  width: 12px;
  height: 12px;
  background-size: cover;
  margin-left: 5px;
}

i.inactive {
  background-image: url(/backoffice/img/inactive.png);
  display: block;
  width: 12px;
  height: 12px;
  background-size: cover;
  margin-left: 5px;
}

i.pencil {
  background-image: url(/backoffice/img/pencil.png);
  display: block;
  width: 12px;
  height: 12px;
  background-size: cover;
  margin-left: 5px;
}

i.suspend {
  background-image: url(/backoffice/img/minus.png);
  display: block;
  width: 12px;
  height: 12px;
  background-size: cover;
  margin-left: 5px;
}

i.dice {
  background-image: url(/backoffice/img/dice.png);
  display: block;
  width: 16px;
  height: 16px;
  background-size: cover;
  margin-left: 5px;
}

i.usericon {
  background-image: url(/backoffice/img/user-icon.png);
  display: block;
  width: 14px;
  height: 16px;
  background-size: cover;
  margin-left: 5px;
}

i.chat {
  background-image: url(/backoffice/img/chat.png);
  display: block;
  width: 17px;
  height: 15px;
  background-size: cover;
  margin-left: 5px;
}

i.reject {
  background-image: url(/backoffice/img/reject.png);
  display: block;
  width: 16px;
  height: 12px;
  background-size: cover;
  margin-left: 5px;
}

i.chargeback {
  background-image: url(/backoffice/img/chargeback.png);
  display: block;
  width: 12px;
  height: 12px;
  background-size: cover;
  margin-left: 5px;
}

i.cancel {
  background-image: url(/backoffice/img/cancel.png);
  display: block;
  width: 12px;
  height: 12px;
  background-size: cover;
  margin-left: 5px;
}

i.cancel2 {
  background-image: url(/backoffice/img/cancel2.png);
  display: block;
  width: 12px;
  height: 12px;
  background-size: cover;
  margin-left: 5px;
}

i.flag {
  background-image: url(/backoffice/img/flag.png);
  display: block;
  width: 12px;
  height: 12px;
  background-size: cover;
  margin-left: 5px;
}

i.reset {
  background-image: url(/backoffice/img/password.png);
  display: block;
  width: 12px;
  height: 12px;
  background-size: cover;
  margin-left: 5px;
}

i.trash {
  background-image: url(/backoffice/img/trash.png);
  display: block;
  width: 16px;
  height: 16px;
  background-size: cover;
  filter: brightness(0.5);
}

.icon {
  position: relative;
  /*  flex-direction:column!important; */
}
.icon i.translate {
  margin-left: 10px !important;
}

td.icon .tooltip {
  position: absolute;
}

i.arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid white;
  transition: all 0.3s;
}
i.arrow-up:hover, i.arrow-up.active {
  border-bottom-color: darkgray;
}

i.arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid white;
  transition: all 0.3s;
}
i.arrow-down:hover, i.arrow-down.active {
  border-top-color: darkgray;
}

i.arrow-right {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid white;
}

i.arrow-left {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid white;
}

i.arrow-up, i.arrow-down, i.arrow-right, i.arrow-left {
  cursor: pointer;
}

thead i.arrow-up {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid white;
  margin-bottom: 4px;
}

thead i.arrow-down {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid white;
}

i.close {
  background-image: url("/backoffice/img/close.png");
  display: block;
  width: 15px;
  height: 15px;
  background-size: cover;
}
i.close:hover {
  filter: brightness(3);
}

i.plus-circle {
  background-image: url("/backoffice/img/close.png");
  display: block;
  width: 15px;
  height: 15px;
  background-size: cover;
  transform: rotate(45deg);
}
i.plus-circle:hover {
  filter: brightness(3);
}

i.addicon {
  background-image: url("/backoffice/img/close.png");
  display: block;
  width: 15px;
  height: 15px;
  background-size: cover;
  transform: rotate(45deg);
}
i.addicon:hover {
  filter: brightness(3);
}

i.min {
  background-image: url("/backoffice/img/min.png");
  display: block;
  width: 16px;
  height: 16px;
  background-size: cover;
}
i.min:hover {
  filter: brightness(3);
}

i.max {
  background-image: url("/backoffice/img/max.png");
  display: block;
  width: 16px;
  height: 16px;
  background-size: cover;
}
i.max:hover {
  filter: brightness(3);
}

i.money {
  background-image: url("/backoffice/img/atm.png");
  display: block;
  width: 16px;
  height: 16px;
  background-size: cover;
}

i.refresh {
  background-image: url("/backoffice/img/refresh.png");
  display: block;
  width: 16px;
  height: 16px;
  background-size: cover;
  filter: brightness(40%);
}
i.refresh:hover {
  filter: brightness(3);
}

i.edit {
  background-image: url("/backoffice/img/edit.png");
  display: block;
  width: 15px;
  height: 17px;
  background-size: cover;
  cursor: pointer;
}
i.edit:hover {
  filter: brightness(3);
}

.buttons a:hover i {
  filter: brightness(3);
}

.sticky i.min {
  background-image: url("/backoffice/img/max.png");
}

i.user {
  background-image: url("/backoffice/img/user.png");
  display: block;
  width: 27px;
  height: 27px;
}

i.push {
  background-image: url("/backoffice/img/pushbets.png");
  display: block;
  width: 11px;
  height: 11px;
  background-size: cover;
}

i.icon-info {
  background-image: url("/backoffice/img/info.png");
  display: block;
  width: 20px;
  height: 19px;
  background-size: cover;
}

/*Styles for player tooltip*/
.tooltip {
  background: black;
  position: fixed;
  z-index: 2;
  margin-top: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  /*    visibility: hidden;
     opacity:0; */
}
.tooltip p {
  color: white !important;
}
.tooltip .col {
  text-align: left;
}
.tooltip header {
  display: flex !important;
  justify-content: flex-start !important;
  font-size: 15px !important;
  height: auto !important;
}
.tooltip header.json {
  border: 10px solid #E21414;
  width: 100%;
}
.tooltip header.json span {
  background: #E21414;
  text-align: center;
  width: 100%;
}
.tooltip .bet-info-container {
  margin-bottom: 0;
}
.tooltip .bet-info-container .bet-info, .tooltip .bet-info-container .player-info {
  background: black;
  margin-left: -15px;
}
.tooltip .bet-info-container .bet-info header:before, .tooltip .bet-info-container .player-info header:before {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #E21414;
  position: absolute;
  top: -10px;
  left: -4px;
}
.tooltip .bet-info-container .bet-info header .value, .tooltip .bet-info-container .player-info header .value {
  margin-left: 5px;
}
.tooltip .bet-info-container .bet-info main, .tooltip .bet-info-container .player-info main {
  flex-wrap: nowrap;
}
.tooltip .bet-info-container .player-info:first-of-type .col:last-child {
  margin-top: 0;
}

.button-edit {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 10px;
  fill: rgb(114, 114, 114);
  cursor: pointer;
}
.button-edit:hover {
  fill: #fff;
}

.form-edit-email button {
  cursor: pointer;
  background: #e21413;
  color: #fff;
  padding: 0px 10px;
  border-radius: 3px;
}
.form-edit-email .input-new-email {
  margin-top: 5px;
}
.form-edit-email .message-error {
  color: #e21314;
  padding: 5px;
}

.sticky .tooltip {
  position: fixed;
  right: unset;
}

[tooltip] {
  position: relative;
}

[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: 0.9em; /* opinion 3 */
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[tooltip]::before {
  content: "";
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}

[tooltip]::after {
  content: attr(tooltip);
  font-family: Helvetica, sans-serif;
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: 0.3ch;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #000;
  color: #fff;
  z-index: 1000;
}

[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}

[tooltip]:not([flow])::before,
[tooltip][flow^=up]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #000;
}

[tooltip]:not([flow])::after,
[tooltip][flow^=up]::after {
  bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^=up]::before,
[tooltip][flow^=up]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^=up]:hover::before,
[tooltip][flow^=up]:hover::after,
[tooltip][flow^=down]:hover::before,
[tooltip][flow^=down]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^=left]:hover::before,
[tooltip][flow^=left]:hover::after,
[tooltip][flow^=right]:hover::before,
[tooltip][flow^=right]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

.color-status {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin: 0 6px;
  display: inline-block;
  border: 1px solid white;
}
.color-status.green {
  background: green;
  border-color: green;
}
.color-status.red {
  background: red;
  border-color: red;
}
.color-status.orange {
  background: orange;
  border-color: orange;
}
.color-status.placed {
  background: #F3D512;
  border-color: #F3D512;
}
.color-status.pushed {
  background: #FF6600;
  border-color: #FF6600;
}
.color-status.lost {
  background: #E21414;
  border-color: #E21414;
}
.color-status.won {
  background: #41A218;
  border-color: #41A218;
}
.color-status.cash-out {
  background: #009688;
  border-color: #009688;
}
.color-status.cancelled {
  background: #000;
  border-color: #000;
}
.color-status.rejected {
  background: #717171;
  border-color: #717171;
}

.trading-status .value, .cashout-status .value {
  display: flex;
}
.trading-status .value li, .cashout-status .value li {
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}
.trading-status .value li .tooltip, .cashout-status .value li .tooltip {
  position: absolute;
  font-size: 9px;
  padding: 5px 10px;
  bottom: 28px;
  right: -48%;
}
.trading-status .value li .tooltip:after, .cashout-status .value li .tooltip:after {
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid black;
  position: absolute;
  bottom: -4px;
  left: calc(50% - 4px);
}
.trading-status .value li > span, .cashout-status .value li > span {
  padding: 3px 6px;
  border-radius: 50%;
  background: black;
  width: 20px;
  height: 20px;
  display: inline-block;
  color: white;
  font-weight: bold;
}
.trading-status .value li.green > span, .cashout-status .value li.green > span {
  background-color: #4da314;
}
.trading-status .value li.orange > span, .cashout-status .value li.orange > span {
  background-color: orange;
}
.trading-status .value li.red > span, .cashout-status .value li.red > span {
  background-color: #e21413;
}

table .trading-status .value, table .cashout-status .value {
  justify-content: center;
}

.value.icon {
  display: flex;
  align-items: center;
}
.value.icon i {
  margin-left: 10px;
}

.clear {
  display: flex;
  align-items: center;
  margin-right: 30px;
  margin-left: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.clear i {
  margin-left: 5px;
}

.highlight {
  background: #E21414;
}

.total-lines.sticky .bet-info-container .player-info main .col {
  flex-basis: 100%;
  margin-bottom: 10px !important;
}

.total-lines div.sticky thead {
  padding: 0;
}

/*Date Picker*/
.datetimepicker .datepicker {
  border-radius: 0 !important;
}
.datetimepicker .datepicker .custom-button .custom-button-effect, .datetimepicker .datepicker .custom-button svg {
  transition: none !important;
}

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

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

.header-picker.is-dark, .datepicker-container .datepicker-days .datepicker-day.between .datepicker-day-effect, .custom-button.is-selected .custom-button-effect {
  background-color: #E21414 !important;
}

.datepicker-container .datepicker-days .datepicker-day .datepicker-day-effect, .custom-button .custom-button-effect, .datepicker-buttons-container .datepicker-button .datepicker-button-effect {
  background: #E21414 !important;
}

.datepicker-buttons-container .datepicker-button:hover .datepicker-button-effect {
  transition: none !important;
}

.field.is-dark .field-input {
  background-color: transparent !important;
}

.field.sm .field-input {
  height: auto !important;
  min-height: 0 !important;
  border-radius: 2px !important;
  padding: 3px 30px 6px 10px !important;
}

.field.is-focused .field-input {
  border: 1px solid #646464 !important;
}

.field.is-dark .field-input {
  border-color: #646464 !important;
}

/*Layout*/
.container {
  display: flex;
  position: relative;
  width: auto;
  margin-top: 93px;
}
.container .tableau {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.25s;
  height: auto;
  margin-bottom: 20px;
}
.container.my-account {
  flex-direction: column;
  overflow: auto;
}
.container.my-account section {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  margin: 0 auto;
  padding: 1em;
  margin-bottom: 3em;
}
.container.my-account section h2 {
  font-size: 3em;
}
.container.my-account section h3 {
  font-size: 2em;
  margin-bottom: 1em;
}
.container.my-account section h4 {
  font-size: 1.5em;
  margin-bottom: 1em;
}
.container.my-account section label {
  margin-bottom: 1.5em;
  display: flex;
  flex-direction: column;
}
.container.my-account section label span {
  font-weight: bold;
  margin-bottom: 0.7em;
}
.container.my-account div.multifactor {
  margin-top: 3em;
}
.container.my-account div.multifactor p {
  margin-bottom: 1em;
}
.container.my-account div.multifactor .dflex {
  justify-content: space-between;
}

.hidden {
  display: none;
}

.last-log {
  display: block;
  padding: 2px 5px;
  text-align: center;
  font-size: 10px;
}

.all-bookmakers {
  background: #E21414;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
}
.all-bookmakers .toggle {
  margin-left: 5px;
  display: flex !important;
}
.all-bookmakers .toggle svg {
  width: 10px;
  height: 10px;
  fill: #fff;
  transform: rotate(90deg);
}
.all-bookmakers .dropdown {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.header .header_main .userblock > div.dropdown {
  top: 43px;
}

.header .all-bookmakers {
  width: 229px;
}
.header .header_main {
  width: 100%;
  position: fixed;
  background: #000;
  display: flex;
  align-items: center;
  top: 0;
  height: 43px;
  z-index: 99;
  justify-content: space-between;
}
.header .header_main .logo {
  padding: 0 20px 0 12px;
  display: flex;
  align-items: center;
}
.header .header_main .logo img {
  width: 160px;
  margin-top: 4px;
}
.header .header_main .nav {
  display: flex;
  justify-content: flex-start;
  flex: 1;
  width: calc(100% - 257px);
  overflow-x: auto;
  overflow-y: hidden;
}
.header .header_main .nav li, .header .header_main .nav a {
  text-decoration: none;
  display: flex;
  padding: 8px 10px 8px !important;
  position: static;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  transition: all 0.5s;
  white-space: nowrap;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.header .header_main .nav li svg, .header .header_main .nav li i, .header .header_main .nav a svg, .header .header_main .nav a i {
  margin-left: 5px;
  fill: white;
  width: 10px;
  height: 10px;
  transform: rotate(90deg);
}
.header .header_main .nav li:hover, .header .header_main .nav a:hover {
  border-bottom: 3px solid transparent;
  background: #E21414;
}
.header .header_main .nav li.active, .header .header_main .nav li:active, .header .header_main .nav a.active, .header .header_main .nav a:active {
  color: white;
  border-bottom: 3px solid #E21414;
}
.header .header_main .nav li .dropdown, .header .header_main .nav a .dropdown {
  min-width: 10em;
  background: black;
  top: 43px;
  left: unset;
  width: unset;
  margin-left: -10px;
}
.header .header_main .nav li .dropdown li, .header .header_main .nav li .dropdown a, .header .header_main .nav a .dropdown li, .header .header_main .nav a .dropdown a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .header_main .nav li .dropdown li svg, .header .header_main .nav li .dropdown li i, .header .header_main .nav li .dropdown a svg, .header .header_main .nav li .dropdown a i, .header .header_main .nav a .dropdown li svg, .header .header_main .nav a .dropdown li i, .header .header_main .nav a .dropdown a svg, .header .header_main .nav a .dropdown a i {
  transform: rotate(360deg);
}
.header .header_main .nav li .dropdown .dropdown, .header .header_main .nav a .dropdown .dropdown {
  position: absolute;
  left: 109px !important;
  top: 0 !important;
  background: #161616 !important;
}
.header .header_main .nav::-webkit-scrollbar {
  height: 5px;
}
.header .header_main .nav::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.header .header_main .nav::-webkit-scrollbar-thumb {
  background: #888;
}
.header .header_main .nav::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.header .header_main .userblock {
  width: 15%;
  min-width: 150px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 10px 10px 15px;
  position: relative;
  cursor: pointer;
  height: 43px;
}
.header .header_main .userblock .toggle svg {
  width: 10px;
  height: 10px;
  fill: #fff;
  transform: rotate(90deg);
}
.header .header_main .userblock:active {
  border-bottom: 1px solid #545454;
  background: #1d1d1d;
}
.header .header_main .userblock .dropdown {
  background: black;
}
.header .header_main .userblock .dropdown ul {
  width: 100%;
}
.header .header_main .userblock .dropdown ul li {
  opacity: 0.8;
}
.header .header_main .userblock .dropdown ul li:hover {
  opacity: 1;
}
.header .header_main .userblock > div {
  display: flex;
  align-items: center;
}
.header .header_main .userblock .userinfo {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  margin-left: 10px;
}
.header .header_main .userblock .userinfo .last-log {
  font-size: 11px;
  border: 1px solid gray;
}
.header .filters {
  position: fixed;
  width: 100%;
  background: #242424;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  color: white;
  font-size: 12px;
  padding: 0px 0 0 30px;
  border-bottom: 1px solid #535353;
  top: 43px;
  z-index: 3;
  height: 50px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.header .filters .checkbox-filter ul {
  overflow-y: auto;
}
.header .filters .checkbox-filter ul li {
  margin-bottom: 5px;
}
.header .filters .checkbox-filter ul li span {
  margin-top: 5px;
}
.header .filters > header {
  padding-bottom: 20px;
  flex-basis: 100%;
  border: 1px solid red;
}
.header .filters .header-filter {
  margin-bottom: 1em;
  padding-bottom: 10px;
  border-bottom: 1px solid #4e4e4e;
  display: flex;
  justify-content: space-between;
  flex-flow: row-reverse;
}
.header .filters .header-filter label {
  margin-bottom: 0 !important;
}
.header .filters .nav-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  width: 20px;
}
.header .filters h4 {
  display: block;
  flex-basis: 5%;
  font-weight: bold;
  font-size: 13px;
  margin-right: 15px;
}
.header .filters .overflow {
  width: 83%;
}
.header .filters ul.filters-summary {
  position: static;
  padding: 0;
  margin: 0;
  transition: margin 0.7s;
  display: flex;
  align-items: flex-end;
  padding-bottom: 6px;
  padding-top: 15px;
  /*  overflow-x: auto;
   overflow-y: visible;
   overflow: -moz-scrollbars-none;
   -ms-overflow-style: none;
   &::-webkit-scrollbar { width: 0 !important } */
}
.header .filters ul.filters-summary li {
  display: inline-block;
  padding: 0 10px;
  position: relative;
  flex-shrink: 0;
}
.header .filters ul.filters-summary li .fieldLabel {
  font-size: 10px;
  position: absolute;
  top: -13px;
  white-space: nowrap;
}
.header .filters ul.filters-summary li form {
  position: static;
}
.header .filters ul.filters-summary li form ul {
  position: static;
}
.header .filters ul.filters-summary li > button, .header .filters ul.filters-summary li button.date {
  padding: 5px 30px 5px 10px;
  background: transparent;
  outline: none;
  border: 1px solid #646464;
  color: #bebebe;
  border-radius: 2px;
  transition: all 0.5s;
  white-space: nowrap;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
  position: relative;
  /* height:36px; */
}
.header .filters ul.filters-summary li > button:after, .header .filters ul.filters-summary li button.date:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top: 9px;
  right: 7px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #bebebe;
}
.header .filters ul.filters-summary li > button i, .header .filters ul.filters-summary li button.date i {
  margin-left: 5px;
}
.header .filters ul.filters-summary li > button:hover, .header .filters ul.filters-summary li button.date:hover {
  background: #0c0c0c;
}
.header .filters ul.filters-summary li > button.unbordered:first-child, .header .filters ul.filters-summary li button.date.unbordered:first-child {
  margin-right: 10px;
}
.header .filters ul.filters-summary li > button.unbordered input, .header .filters ul.filters-summary li button.date.unbordered input {
  margin-left: 5px;
  border: none;
  font-size: 12px;
}
.header .filters ul.filters-summary li > button.unbordered:hover, .header .filters ul.filters-summary li button.date.unbordered:hover {
  background: none;
}
.header .filters ul.filters-summary li .dropdown-filters {
  position: absolute;
  background: #0c0c0c;
  top: 26px;
  padding: 15px 10px 15px;
  left: 10px;
  width: 270px;
  display: flex;
  flex-direction: column;
  /*    border:1px solid gray; */
  z-index: 2;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.header .filters ul.filters-summary li .dropdown-filters .dropdown {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  height: 20em;
  z-index: 2;
  overflow-y: auto;
}
.header .filters ul.filters-summary li .dropdown-filters .dropdown li {
  flex-direction: column;
}
.header .filters ul.filters-summary li .dropdown-filters .dropdown li div {
  padding-bottom: 3px;
}
.header .filters ul.filters-summary li .dropdown-filters li {
  width: 100%;
  padding: 5px 0;
  display: flex;
}
.header .filters ul.filters-summary li .dropdown-filters li label.dflex {
  cursor: pointer;
}
.header .filters ul.filters-summary li .dropdown-filters .nav-buttons {
  padding: 5px 0;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header .filters ul.filters-summary li .dropdown-filters .nav-buttons a {
  margin-right: 20px;
}
.header .filters ul.filters-summary li .dropdown-filters .nav-buttons .btn {
  cursor: pointer;
  background: #E21414;
  border-radius: 2px;
  margin-right: 0;
  padding: 5px 10px;
}
.header .filters ul.filters-summary li .dropdown-filters .nav-buttons .btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.header .filters .filter-toggle {
  align-items: center;
  justify-content: center;
  padding: 10px;
  height: 100%;
  width: 120px;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.header .filters .filter-toggle a {
  cursor: pointer;
}
.header .filters .filter-toggle a:hover {
  text-decoration: underline;
}
.header .filters .filters-all {
  width: 100%;
  position: absolute;
  left: 0;
  background: #242424;
  top: -1000px;
  padding: 20px 30px;
  transition: all 0.3s;
  top: -2000px;
  height: calc(100vh - 60px);
  overflow: auto;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.header .filters .filters-all .dropdown {
  top: 66px !important;
  z-index: 3;
  max-height: 30vh;
  overflow-y: auto;
}
.header .filters .filters-all .fill {
  font-size: 11px;
  border-radius: 2px;
}
.header .filters .filters-all li > button {
  background: #E21414;
  color: white;
  outline: 0;
  border: none;
  padding: 5px 10px;
  font-size: 11px;
  border-radius: 2px;
  margin: 0 5px;
}
.header .filters .filters-all select {
  border-radius: 2px;
  padding: 3px;
  font-size: 11px;
  color: #252525;
}
.header .filters .filters-all input {
  font-size: 11px;
}
.header .filters .filters-all li {
  padding: 0 0 5px 0;
}
.header .filters .filters-all.show {
  top: 0px;
  height: 90vh;
}
.header .filters .filters-all > header {
  display: flex;
  justify-content: space-between;
}
.header .filters .filters-all header .nav-buttons a {
  margin-right: 10px;
  padding: 5px 20px;
  cursor: pointer;
}
.header .filters .filters-all header .nav-buttons a.btn {
  background: #E21414;
  border-radius: 2px;
  margin-right: 0;
}
.header .filters .filters-all > ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 60px;
  overflow: auto;
}
.header .filters .filters-all > ul > li {
  padding: 10px 10px 5px 10px;
  margin: 10px;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  height: 15em;
  border: 1px solid #555;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.37);
  width: 18%;
  position: relative;
}
.header .filters .filters-all > ul > li .clear {
  margin: 0px;
  right: 10px;
  top: 10px;
  font-size: 10px;
  text-decoration: underline;
}
.header .filters .filters-all > ul > li label {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.header .filters .filters-all > ul > li label.dflex {
  flex-direction: row;
  margin-bottom: 0 !important;
  cursor: pointer;
}
.header .filters .filters-all > ul > li label.dflex span {
  font-weight: normal !important;
}
.header .filters .filters-all > ul > li label > span {
  display: block;
  font-weight: bold;
}
.header .filters .filters-all > ul > li label .dropdown {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  height: 10em;
  overflow-y: auto;
  z-index: 5;
}
.header .filters .filters-all .added-filters {
  overflow: auto;
  height: 100%;
}
.header .filters .filters-all .added-filters li label {
  flex-direction: row;
  margin-bottom: 0;
}
.header .filters .filters-all .added-filters li label.dflex {
  cursor: pointer;
}
.header .filters > button {
  position: relative;
}

.table-container {
  width: 100%;
  /*     overflow-x: auto;
      overflow-y: hidden; */
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  padding-bottom: 30px;
}
.table-container h2 {
  margin-bottom: 0.7em;
}

.icon-betbuilder {
  border-radius: 3px;
  display: inline;
  margin-right: 4px;
  width: 80px;
  background: #f3b90f;
  color: #000;
  font-weight: 600;
  font-size: 12px;
  padding-bottom: 0px;
  padding: 3px;
}

table {
  width: 100%;
  font-size: 0.8em;
  position: relative;
  border-spacing: 1px;
}
table td {
  position: relative;
  vertical-align: middle;
  /*  white-space: nowrap; */
}
table td.head {
  background: #e21413 !important;
  padding: 4px 10px;
  white-space: nowrap;
  font-size: 10px;
  position: relative;
  font-weight: bold;
}
table td.right {
  text-align: right !important;
}
table td.center {
  text-align: center !important;
}
table td.wrap {
  white-space: wrap !important;
}
table td.opaque {
  opacity: 0.7;
}
table td .color-status {
  border: none;
}
table .clickable > .dflex > span, table .clickable > span {
  cursor: pointer;
  text-decoration: underline;
}
table .clickable > .dflex > span:hover, table .clickable > span:hover {
  opacity: 0.8;
}
table .ip-overflow {
  max-width: 110px;
  text-overflow: ellipsis;
  overflow: hidden;
}
table .nav-dots {
  position: relative;
  cursor: pointer;
  width: 8px;
  height: 100%;
  margin-left: 5px;
}
table .nav-dots i.dots {
  display: block;
  height: 10px;
  width: 8px;
  background-image: url(/backoffice/img/nav-dots.png);
  background-size: cover;
  background-position: center;
  filter: brightness(0);
  transition: filter 0.5s;
}
table .nav-dots .dropdown {
  position: absolute;
  top: 0px;
  left: initial;
  right: 17px;
  background: #e21413;
  width: 120px;
  z-index: 9;
}
table .nav-dots .dropdown .dot {
  padding: 4px !important;
}
table tbody {
  position: relative;
}
table thead tr {
  background: #e21413 !important;
}
table thead tr .arrows {
  display: flex;
  align-items: center;
  margin-left: 5px;
  flex-direction: column;
  position: absolute;
  top: 2px;
  right: 0px;
  transform: scale(0.7);
}
table thead tr .nav-dots i.dots {
  /*   height: 14px;
    width: 14px; */
  filter: brightness(1);
}
table thead tr th {
  padding: 4px 10px;
  white-space: nowrap;
  font-size: 10px;
  position: relative;
  font-weight: bold;
}
table thead tr span {
  display: block;
  font-weight: bold;
  display: block;
  font-weight: bold;
  text-overflow: ellipsis;
  width: 92%;
  overflow: hidden;
  white-space: nowrap;
}
table tr {
  position: relative;
}
table tr:nth-child(even) {
  background: #2D2D2D;
}
table tr:nth-child(odd) {
  background: #232323;
}
table tr td {
  padding: 6px 10px;
}

.table-container tr {
  transition: background 0.5s;
  cursor: default;
}
.table-container tr:hover, .table-container tr.selected, .table-container tr:active {
  background: #0C0C0C;
}
.table-container tr:hover .nav-dots i, .table-container tr.selected .nav-dots i, .table-container tr:active .nav-dots i {
  filter: none;
}
.table-container tr.hoverless:hover {
  background: #2d2d2d !important;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
}
.pagination .input-group {
  align-items: center;
  height: 24px;
}
.pagination .input-group > span {
  display: flex;
  align-items: center;
  padding: 2px 8px;
}
.pagination .select {
  border: none;
  padding: 0 !important;
}
.pagination input {
  height: 100%;
  width: 3em;
  margin: 0 5px;
  border: 1px solid;
  -webkit-appearance: none;
}
.pagination input[type=number]::-webkit-inner-spin-button,
.pagination input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pagination .arrows {
  display: flex;
  margin-left: 5px;
}
.pagination .arrows > div {
  border: 1px solid #6E6E6E;
  border-radius: 2px;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s;
}
.pagination .arrows > div:hover {
  background: #E21414;
  border-color: #E21414;
}
.pagination .arrows > div.disabled {
  opacity: 0.3;
  background: unset;
  border-color: unset;
}
.pagination .arrows > div:first-child {
  margin-right: 5px;
}
.pagination .records-info {
  display: flex;
  align-items: center;
}
.pagination .records-info .arrows {
  padding: 10px;
}
.pagination .records-info .records-qt {
  margin-right: 10px;
  display: flex;
  align-items: center;
  position: relative;
}
.pagination .records-info .records-qt .arrows {
  margin: 0;
}
.pagination .records-info .records-qt i.arrow-down {
  transform: scale(0.8);
}
.pagination .records-info .records-qt .select {
  font-size: 13px;
  border-radius: 5px 0 0 5px;
}
.pagination .records-info .records-qt .select span.value {
  color: white;
  background: #1E1E1E;
  border: 1px solid gray;
  font-size: 10px;
  padding: 5px;
  margin: 0;
  border-radius: 3px 0 0 3px;
  width: 38px;
  text-align: center;
  display: inline-block;
}
.pagination .records-info .records-qt .select .dropdown {
  position: absolute;
  top: 25px;
  width: 100%;
  border-radius: 0 0 5px 5px;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
}
.pagination .records-info .records-qt .select .dropdown.open {
  visibility: visible;
  opacity: 1;
}
.pagination .records-info .records-qt .input-group label {
  margin-right: 5px;
}
.pagination .records-info .records-qt .input-group span {
  display: flex;
  align-items: center;
  padding: 10px;
  font-size: 10.5px;
}
.pagination .records-info .records-number {
  display: flex;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.pagination .records-info .records-number > span {
  margin: 0 6px;
  font-size: 11px;
}
.pagination .records-info .records-number .input-group input {
  padding: 5px;
  background: #1E1E1E;
  color: white;
  border: 1px solid gray;
  font-size: 10px;
  text-align: center;
}
.pagination .records-info .records-number .input-group span {
  font-size: 10px;
}

tr.active {
  background: #E21414;
}

div.sticky {
  width: 250px;
  padding: 10px 0px;
  border-right: 2px solid #E21414;
  border-left: 2px solid #E21414;
  transition: all 0.5s ease;
  height: calc(100vh - 93px);
  overflow: auto;
  /*  .table-container{
       overflow: visible;
   } */
}
div.sticky:last-child {
  border-right: none;
}
div.sticky:first-child {
  border-left: none;
}
div.sticky .player-info-container .player-info {
  flex-basis: 100%;
  margin: 0;
}
div.sticky .player-info-container .player-info:nth-child(2) {
  display: none;
}
div.sticky table thead tr {
  padding: 4px;
}
div.sticky table thead tr .arrows {
  right: 0px;
  transform: scale(0.5);
}
div.sticky table thead tr span {
  width: 86%;
  text-align: left;
}
div.sticky i.translate {
  display: none;
}
div.sticky .tableau {
  visibility: hidden;
  opacity: 0;
  height: 0;
}
div.sticky .bet-info header > div:first-child {
  white-space: nowrap;
}
div.sticky tr td.sticky {
  padding-right: 18px;
}
div.sticky .actions-btns {
  display: none;
}
div.sticky a {
  text-decoration: none;
}
div.sticky .nav-dots {
  height: auto;
}
div.sticky .table-container td:not(.sticky), div.sticky .table-container th:not(.sticky) {
  display: none;
}
div.sticky td.sticky .bet-info-container {
  margin: 0;
}
div.sticky td.sticky .bet-info-container .player-info {
  flex-basis: 100%;
  margin: 0;
  margin-left: -5px;
}
div.sticky .bet-info-container .col {
  text-align: left;
}
div.sticky .bet-info-container .bet-info, div.sticky .bet-info-container .player-info {
  flex-basis: 100%;
  margin-right: 0;
}
div.sticky .bet-info-container .bet-info main, div.sticky .bet-info-container .player-info main {
  padding: 20px 10px;
  justify-content: space-between;
}
div.sticky .bet-info-container .bet-info main .col100, div.sticky .bet-info-container .player-info main .col100 {
  flex-basis: 100%;
  margin-bottom: 10px;
}
div.sticky .bet-info-container .bet-info main .col50, div.sticky .bet-info-container .player-info main .col50 {
  flex-basis: 50%;
}
div.sticky .bet-info-container .bet-info main .col, div.sticky .bet-info-container .player-info main .col {
  flex-basis: 100%;
  padding: 1%;
  /* overflow: hidden; */
  margin: 0 !important;
}
div.sticky .bet-info-container .bet-info main i.eye, div.sticky .bet-info-container .player-info main i.eye {
  position: relative;
  right: initial;
  top: initial;
}
div.sticky .bet-info-container > div:nth-child(2) {
  display: none;
}
div.sticky .pagination {
  flex-direction: column;
}
div.sticky .pagination:first-of-type {
  display: none;
}
div.sticky .pagination .records-info {
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}
div.sticky .pagination .records-qt {
  margin: 0;
  width: 40%;
  display: none;
}
div.sticky .pagination .records-number {
  margin: 0;
}

div.fullsize {
  padding: 10px 10px;
  height: calc(100vh - 93px);
  overflow-y: auto;
  overflow-x: hidden;
  border-right: 2px solid #E21414;
  border-left: 2px solid #E21414;
  transition: all 0.5s ease;
}
div.fullsize:last-child {
  border-right: none;
}
div.fullsize:first-child {
  border-left: none;
}

[draggable=true] {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  cursor: move;
}

.wait {
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  width: 0 !important;
  align-items: unset !important;
  margin-bottom: unset !important;
  margin-right: unset !important;
}

.buttons {
  display: flex;
  font-size: 10px;
  margin-bottom: 10px;
  padding: 0 5px;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.buttons svg, .buttons a {
  display: block;
  margin-right: 12px;
  width: 16px;
  height: 16px;
  fill: #fff;
  cursor: pointer;
  opacity: 0.5;
}
.buttons svg:hover, .buttons a:hover {
  opacity: 1;
}
.buttons .button-withdrawal {
  margin-left: 5px;
  padding: 2px 10px;
  background: #E21414;
  color: #fff;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
}
.buttons .button-withdrawal:disabled {
  background-color: dimgrey;
  color: linen;
  opacity: 1;
  cursor: default;
}
.buttons .dialog {
  display: flex;
  align-items: center;
  border-bottom: 1px solid transparent;
  margin-right: 10px;
}
.buttons .dialog a, .buttons .dialog svg {
  margin-right: 0;
}
.buttons .dialog button {
  margin-left: 5px;
  cursor: pointer;
  padding: 4px 10px;
  border: none;
  outline: none;
  margin-bottom: 2px;
}
.buttons .dialog button.cancel {
  background: #a9a9a9;
}
.buttons .dialog.active {
  border-bottom: 1px solid #E21414;
}
.buttons .dialog.active i {
  filter: brightness(3);
}

.total {
  font-size: 10px;
  display: block;
}

.dropdown.translate:before {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid black;
  position: absolute;
  left: 5px;
  top: -5px;
}

.col100 .dropdown.translate {
  width: 50%;
}

.col {
  width: 48%;
}

.dropdown {
  position: absolute;
  top: 36px;
  left: 0;
  background: #2e2e2e;
  width: 100%;
  font-size: 11px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  padding: 0;
}
.dropdown.messages {
  top: inherit;
  bottom: 20px;
  min-width: 450px;
}
.dropdown.messages .jsoneditor-tree tr {
  background: #fff;
}
.dropdown.messages div.jsoneditor-menu > div > div.jsoneditor-frame > input[type=text] {
  margin-top: 5px;
}
.dropdown.translate {
  z-index: 2;
  top: 22px;
  padding: 10px;
  background: black;
}
.dropdown.translate .languages {
  margin-top: 10px;
}
.dropdown.translate .languages label {
  margin-bottom: 10px;
}
.dropdown.translate textarea {
  width: 100%;
  overflow-x: hidden;
  font-size: 1em;
  padding: 5px;
}
.dropdown.translate button.fill {
  width: 100%;
  background: green;
  border: none;
  outline: none;
  color: white;
  margin-top: 10px;
  padding: 5px;
  transition: all 0.5s;
}
.dropdown.translate button.fill:hover {
  background: #0b520b;
}
.dropdown li {
  padding: 10px !important;
  font-size: 10px;
  border-bottom: 1px solid darkgray;
  font-size: 11px;
  cursor: pointer;
}
.dropdown li:hover, .dropdown li.active {
  background: #000000;
}
.dropdown li:last-child {
  border: none;
}

.bet-info-container, .cms-info-container, .player-info-container, .settings-container {
  display: flex;
  margin-bottom: 2em;
  color: #A4A4A4;
}
.bet-info-container.kyc, .cms-info-container.kyc, .player-info-container.kyc, .settings-container.kyc {
  margin-top: 10px;
}
.bet-info-container.kyc .col100 > div, .cms-info-container.kyc .col100 > div, .player-info-container.kyc .col100 > div, .settings-container.kyc .col100 > div {
  margin-bottom: 2em !important;
}
.bet-info-container.kyc .col100 > div span, .cms-info-container.kyc .col100 > div span, .player-info-container.kyc .col100 > div span, .settings-container.kyc .col100 > div span {
  display: inline-block;
}
.bet-info-container.kyc .col100 > div input[type=button], .cms-info-container.kyc .col100 > div input[type=button], .player-info-container.kyc .col100 > div input[type=button], .settings-container.kyc .col100 > div input[type=button] {
  display: block;
  cursor: pointer;
  background: #961e1e;
  padding: 10px 27px;
  border: 1px solid #000;
  margin: 0 auto;
  box-shadow: 2px 2px 2px #000;
  border-radius: 2px;
  transition: 0.5s;
}
.bet-info-container.kyc .col100 > div input[type=button]:hover, .cms-info-container.kyc .col100 > div input[type=button]:hover, .player-info-container.kyc .col100 > div input[type=button]:hover, .settings-container.kyc .col100 > div input[type=button]:hover {
  background: #e21413;
}
.bet-info-container.kyc .col100 > div input[type=button]:disabled, .cms-info-container.kyc .col100 > div input[type=button]:disabled, .player-info-container.kyc .col100 > div input[type=button]:disabled, .settings-container.kyc .col100 > div input[type=button]:disabled {
  background: rgb(22, 22, 22);
  color: #eee;
  cursor: not-allowed;
}
.bet-info-container.kyc .col100 > div.documents-kyc span.documents, .cms-info-container.kyc .col100 > div.documents-kyc span.documents, .player-info-container.kyc .col100 > div.documents-kyc span.documents, .settings-container.kyc .col100 > div.documents-kyc span.documents {
  display: block;
}
.bet-info-container.kyc .col100 > div.documents-kyc .document-container, .cms-info-container.kyc .col100 > div.documents-kyc .document-container, .player-info-container.kyc .col100 > div.documents-kyc .document-container, .settings-container.kyc .col100 > div.documents-kyc .document-container {
  display: flex;
  align-items: center;
}
.bet-info-container.kyc .col100 > div.documents-kyc .document-container > div, .cms-info-container.kyc .col100 > div.documents-kyc .document-container > div, .player-info-container.kyc .col100 > div.documents-kyc .document-container > div, .settings-container.kyc .col100 > div.documents-kyc .document-container > div {
  display: flex;
  flex-direction: column;
}
.bet-info-container.kyc .col100 > div.documents-kyc .document-container > div img.document-kyc, .cms-info-container.kyc .col100 > div.documents-kyc .document-container > div img.document-kyc, .player-info-container.kyc .col100 > div.documents-kyc .document-container > div img.document-kyc, .settings-container.kyc .col100 > div.documents-kyc .document-container > div img.document-kyc {
  width: 70px;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
  margin: 10px;
  background: #000;
}
.bet-info-container.kyc .container-logs, .cms-info-container.kyc .container-logs, .player-info-container.kyc .container-logs, .settings-container.kyc .container-logs {
  background: #4f4f4f;
  padding: 10px;
  height: 500px;
  overflow-y: auto;
  margin-top: 5px;
}
.bet-info-container.kyc .container-logs .log-form, .cms-info-container.kyc .container-logs .log-form, .player-info-container.kyc .container-logs .log-form, .settings-container.kyc .container-logs .log-form {
  background: #7c7c7c;
  padding: 10px;
  border-radius: 2px;
}
.bet-info-container.kyc .container-logs .log-form .label, .cms-info-container.kyc .container-logs .log-form .label, .player-info-container.kyc .container-logs .log-form .label, .settings-container.kyc .container-logs .log-form .label {
  color: #fff;
}
.bet-info-container.kyc .container-logs .log-form .note, .cms-info-container.kyc .container-logs .log-form .note, .player-info-container.kyc .container-logs .log-form .note, .settings-container.kyc .container-logs .log-form .note {
  margin-top: 10px;
}
.bet-info-container.kyc .container-logs .log-form .note span, .cms-info-container.kyc .container-logs .log-form .note span, .player-info-container.kyc .container-logs .log-form .note span, .settings-container.kyc .container-logs .log-form .note span {
  display: block;
}
.bet-info-container.kyc .container-logs .log-form .note textarea, .cms-info-container.kyc .container-logs .log-form .note textarea, .player-info-container.kyc .container-logs .log-form .note textarea, .settings-container.kyc .container-logs .log-form .note textarea {
  width: 100%;
  max-width: inherit;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  border-radius: 2px;
  margin-bottom: 10px;
  margin-top: 5px;
}
.bet-info-container.kyc .container-logs .log-kyc, .cms-info-container.kyc .container-logs .log-kyc, .player-info-container.kyc .container-logs .log-kyc, .settings-container.kyc .container-logs .log-kyc {
  background: #5e5e5e;
  color: #fff;
  padding: 10px;
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 10px;
}
.bet-info-container.kyc .container-logs .log-kyc .date-time-log, .cms-info-container.kyc .container-logs .log-kyc .date-time-log, .player-info-container.kyc .container-logs .log-kyc .date-time-log, .settings-container.kyc .container-logs .log-kyc .date-time-log {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.bet-info-container.kyc .popup, .cms-info-container.kyc .popup, .player-info-container.kyc .popup, .settings-container.kyc .popup {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
}
.bet-info-container.kyc .popup .popup-container, .cms-info-container.kyc .popup .popup-container, .player-info-container.kyc .popup .popup-container, .settings-container.kyc .popup .popup-container {
  max-width: 1200px;
  height: 73vh;
  background-color: #1b1b1b;
  margin: auto;
  width: 100%;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  padding: 10px;
  padding-top: 40px;
  box-shadow: 0 0 5px rgb(51, 51, 51);
}
.bet-info-container.kyc .popup .popup-container .close, .cms-info-container.kyc .popup .popup-container .close, .player-info-container.kyc .popup .popup-container .close, .settings-container.kyc .popup .popup-container .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  padding: 10px;
  cursor: pointer;
}
.bet-info-container.kyc .popup .popup-container .close svg, .cms-info-container.kyc .popup .popup-container .close svg, .player-info-container.kyc .popup .popup-container .close svg, .settings-container.kyc .popup .popup-container .close svg {
  fill: #fff;
  width: 20px;
  height: 20px;
}
.bet-info-container.kyc .popup .popup-container .popup-title, .cms-info-container.kyc .popup .popup-container .popup-title, .player-info-container.kyc .popup .popup-container .popup-title, .settings-container.kyc .popup .popup-container .popup-title {
  position: absolute;
  left: 10px;
  top: 10px;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}
.bet-info-container.kyc .popup .popup-container .popup-content, .cms-info-container.kyc .popup .popup-container .popup-content, .player-info-container.kyc .popup .popup-container .popup-content, .settings-container.kyc .popup .popup-container .popup-content {
  display: flex;
  overflow-y: auto;
  align-items: center;
  height: 100%;
}
.bet-info-container.kyc .popup .popup-container .popup-content img, .cms-info-container.kyc .popup .popup-container .popup-content img, .player-info-container.kyc .popup .popup-container .popup-content img, .settings-container.kyc .popup .popup-container .popup-content img {
  width: 100%;
}
.bet-info-container.diagnostics .terminal, .cms-info-container.diagnostics .terminal, .player-info-container.diagnostics .terminal, .settings-container.diagnostics .terminal {
  padding-top: 20px;
}
.bet-info-container.diagnostics .col, .cms-info-container.diagnostics .col, .player-info-container.diagnostics .col, .settings-container.diagnostics .col {
  width: 33.3% !important;
  flex-basis: 33.3% !important;
  margin: 0 !important;
  padding: 10px;
}
.bet-info-container.diagnostics .bet-info, .cms-info-container.diagnostics .bet-info, .player-info-container.diagnostics .bet-info, .settings-container.diagnostics .bet-info {
  flex-basis: 100% !important;
}
.bet-info-container.diagnostics .button, .cms-info-container.diagnostics .button, .player-info-container.diagnostics .button, .settings-container.diagnostics .button {
  margin: 0 0 auto 0;
}
.bet-info-container .icon, .cms-info-container .icon, .player-info-container .icon, .settings-container .icon {
  padding: 0;
  display: flex !important;
  position: relative;
}
.bet-info-container .icon .tooltip, .cms-info-container .icon .tooltip, .player-info-container .icon .tooltip, .settings-container .icon .tooltip {
  position: absolute;
}
.bet-info-container i.sport, .bet-info-container i.region, .cms-info-container i.sport, .cms-info-container i.region, .player-info-container i.sport, .player-info-container i.region, .settings-container i.sport, .settings-container i.region {
  margin-left: 5px;
}
.bet-info-container .col100, .cms-info-container .col100, .player-info-container .col100, .settings-container .col100 {
  flex-basis: 100%;
}
.bet-info-container .tooltip, .cms-info-container .tooltip, .player-info-container .tooltip, .settings-container .tooltip {
  bottom: 17px;
  right: 5px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.bet-info-container .tooltip table, .cms-info-container .tooltip table, .player-info-container .tooltip table, .settings-container .tooltip table {
  margin: 0;
  width: 230px;
}
.bet-info-container .tooltip table tbody, .cms-info-container .tooltip table tbody, .player-info-container .tooltip table tbody, .settings-container .tooltip table tbody {
  height: 10em;
  overflow: auto;
}
.bet-info-container table, .cms-info-container table, .player-info-container table, .settings-container table {
  margin-top: 5px;
}
.bet-info-container table td, .cms-info-container table td, .player-info-container table td, .settings-container table td {
  text-align: center;
  color: white;
}
.bet-info-container table td .featured, .cms-info-container table td .featured, .player-info-container table td .featured, .settings-container table td .featured {
  cursor: pointer;
}
.bet-info-container table thead, .cms-info-container table thead, .player-info-container table thead, .settings-container table thead {
  background: #E21414;
  color: white;
}
.bet-info-container table thead td, .cms-info-container table thead td, .player-info-container table thead td, .settings-container table thead td {
  padding: 5px;
}
.bet-info-container h2, .cms-info-container h2, .player-info-container h2, .settings-container h2 {
  margin-bottom: 1em;
  font-size: 16px;
  color: white;
}
.bet-info-container .bet-info, .bet-info-container .player-info, .bet-info-container .cms-info, .cms-info-container .bet-info, .cms-info-container .player-info, .cms-info-container .cms-info, .player-info-container .bet-info, .player-info-container .player-info, .player-info-container .cms-info, .settings-container .bet-info, .settings-container .player-info, .settings-container .cms-info {
  background: #161616;
  flex-basis: 50%;
  margin-right: 20px;
}
.bet-info-container .bet-info.modal_preview, .bet-info-container .player-info.modal_preview, .bet-info-container .cms-info.modal_preview, .cms-info-container .bet-info.modal_preview, .cms-info-container .player-info.modal_preview, .cms-info-container .cms-info.modal_preview, .player-info-container .bet-info.modal_preview, .player-info-container .player-info.modal_preview, .player-info-container .cms-info.modal_preview, .settings-container .bet-info.modal_preview, .settings-container .player-info.modal_preview, .settings-container .cms-info.modal_preview {
  flex-basis: unset;
}
.bet-info-container .bet-info:last-of-type, .bet-info-container .player-info:last-of-type, .bet-info-container .cms-info:last-of-type, .cms-info-container .bet-info:last-of-type, .cms-info-container .player-info:last-of-type, .cms-info-container .cms-info:last-of-type, .player-info-container .bet-info:last-of-type, .player-info-container .player-info:last-of-type, .player-info-container .cms-info:last-of-type, .settings-container .bet-info:last-of-type, .settings-container .player-info:last-of-type, .settings-container .cms-info:last-of-type {
  margin-right: 0;
}
.bet-info-container .bet-info .col, .bet-info-container .player-info .col, .bet-info-container .cms-info .col, .cms-info-container .bet-info .col, .cms-info-container .player-info .col, .cms-info-container .cms-info .col, .player-info-container .bet-info .col, .player-info-container .player-info .col, .player-info-container .cms-info .col, .settings-container .bet-info .col, .settings-container .player-info .col, .settings-container .cms-info .col {
  margin-right: 20px;
  margin-bottom: 10px;
}
.bet-info-container .bet-info .col:last-of-type, .bet-info-container .player-info .col:last-of-type, .bet-info-container .cms-info .col:last-of-type, .cms-info-container .bet-info .col:last-of-type, .cms-info-container .player-info .col:last-of-type, .cms-info-container .cms-info .col:last-of-type, .player-info-container .bet-info .col:last-of-type, .player-info-container .player-info .col:last-of-type, .player-info-container .cms-info .col:last-of-type, .settings-container .bet-info .col:last-of-type, .settings-container .player-info .col:last-of-type, .settings-container .cms-info .col:last-of-type {
  margin-right: 0;
}
.bet-info-container .bet-info .col > div, .bet-info-container .player-info .col > div, .bet-info-container .cms-info .col > div, .cms-info-container .bet-info .col > div, .cms-info-container .player-info .col > div, .cms-info-container .cms-info .col > div, .player-info-container .bet-info .col > div, .player-info-container .player-info .col > div, .player-info-container .cms-info .col > div, .settings-container .bet-info .col > div, .settings-container .player-info .col > div, .settings-container .cms-info .col > div {
  margin-bottom: 1em;
}
.bet-info-container .bet-info .col100 > div, .bet-info-container .player-info .col100 > div, .bet-info-container .cms-info .col100 > div, .cms-info-container .bet-info .col100 > div, .cms-info-container .player-info .col100 > div, .cms-info-container .cms-info .col100 > div, .player-info-container .bet-info .col100 > div, .player-info-container .player-info .col100 > div, .player-info-container .cms-info .col100 > div, .settings-container .bet-info .col100 > div, .settings-container .player-info .col100 > div, .settings-container .cms-info .col100 > div {
  margin-bottom: 1em;
}
.bet-info-container .bet-info header, .bet-info-container .player-info header, .bet-info-container .cms-info header, .cms-info-container .bet-info header, .cms-info-container .player-info header, .cms-info-container .cms-info header, .player-info-container .bet-info header, .player-info-container .player-info header, .player-info-container .cms-info header, .settings-container .bet-info header, .settings-container .player-info header, .settings-container .cms-info header {
  background: #E21414;
  padding: 4px 7px;
  display: flex;
  align-items: center;
  font-size: 1.2em;
  color: white;
  height: 24px;
  justify-content: space-between;
  font-weight: bold;
  z-index: 9;
}
.bet-info-container .bet-info header label, .bet-info-container .player-info header label, .bet-info-container .cms-info header label, .cms-info-container .bet-info header label, .cms-info-container .player-info header label, .cms-info-container .cms-info header label, .player-info-container .bet-info header label, .player-info-container .player-info header label, .player-info-container .cms-info header label, .settings-container .bet-info header label, .settings-container .player-info header label, .settings-container .cms-info header label {
  white-space: nowrap;
}
.bet-info-container .bet-info header input, .bet-info-container .player-info header input, .bet-info-container .cms-info header input, .cms-info-container .bet-info header input, .cms-info-container .player-info header input, .cms-info-container .cms-info header input, .player-info-container .bet-info header input, .player-info-container .player-info header input, .player-info-container .cms-info header input, .settings-container .bet-info header input, .settings-container .player-info header input, .settings-container .cms-info header input {
  width: 100%;
  margin-left: 5px;
}
.bet-info-container .bet-info header span, .bet-info-container .player-info header span, .bet-info-container .cms-info header span, .cms-info-container .bet-info header span, .cms-info-container .player-info header span, .cms-info-container .cms-info header span, .player-info-container .bet-info header span, .player-info-container .player-info header span, .player-info-container .cms-info header span, .settings-container .bet-info header span, .settings-container .player-info header span, .settings-container .cms-info header span {
  white-space: nowrap;
}
.bet-info-container .bet-info .status, .bet-info-container .player-info .status, .bet-info-container .cms-info .status, .cms-info-container .bet-info .status, .cms-info-container .player-info .status, .cms-info-container .cms-info .status, .player-info-container .bet-info .status, .player-info-container .player-info .status, .player-info-container .cms-info .status, .settings-container .bet-info .status, .settings-container .player-info .status, .settings-container .cms-info .status {
  display: flex;
  align-items: center;
  color: white;
  font-size: 12px;
}
.bet-info-container .bet-info .status label, .bet-info-container .player-info .status label, .bet-info-container .cms-info .status label, .cms-info-container .bet-info .status label, .cms-info-container .player-info .status label, .cms-info-container .cms-info .status label, .player-info-container .bet-info .status label, .player-info-container .player-info .status label, .player-info-container .cms-info .status label, .settings-container .bet-info .status label, .settings-container .player-info .status label, .settings-container .cms-info .status label {
  margin-right: 10px;
}
.bet-info-container .bet-info .status label:last-child, .bet-info-container .player-info .status label:last-child, .bet-info-container .cms-info .status label:last-child, .cms-info-container .bet-info .status label:last-child, .cms-info-container .player-info .status label:last-child, .cms-info-container .cms-info .status label:last-child, .player-info-container .bet-info .status label:last-child, .player-info-container .player-info .status label:last-child, .player-info-container .cms-info .status label:last-child, .settings-container .bet-info .status label:last-child, .settings-container .player-info .status label:last-child, .settings-container .cms-info .status label:last-child {
  margin-right: 0;
}
.bet-info-container .bet-info .status .value, .bet-info-container .player-info .status .value, .bet-info-container .cms-info .status .value, .cms-info-container .bet-info .status .value, .cms-info-container .player-info .status .value, .cms-info-container .cms-info .status .value, .player-info-container .bet-info .status .value, .player-info-container .player-info .status .value, .player-info-container .cms-info .status .value, .settings-container .bet-info .status .value, .settings-container .player-info .status .value, .settings-container .cms-info .status .value {
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  margin-left: 5px;
}
.bet-info-container .bet-info .status .color-status, .bet-info-container .player-info .status .color-status, .bet-info-container .cms-info .status .color-status, .cms-info-container .bet-info .status .color-status, .cms-info-container .player-info .status .color-status, .cms-info-container .cms-info .status .color-status, .player-info-container .bet-info .status .color-status, .player-info-container .player-info .status .color-status, .player-info-container .cms-info .status .color-status, .settings-container .bet-info .status .color-status, .settings-container .player-info .status .color-status, .settings-container .cms-info .status .color-status {
  position: relative;
  height: 10px;
  width: 10px;
}
.bet-info-container .bet-info main, .bet-info-container .player-info main, .bet-info-container .cms-info main, .cms-info-container .bet-info main, .cms-info-container .player-info main, .cms-info-container .cms-info main, .player-info-container .bet-info main, .player-info-container .player-info main, .player-info-container .cms-info main, .settings-container .bet-info main, .settings-container .player-info main, .settings-container .cms-info main {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 10px;
  font-size: 12px;
}
.bet-info-container .bet-info main span, .bet-info-container .player-info main span, .bet-info-container .cms-info main span, .cms-info-container .bet-info main span, .cms-info-container .player-info main span, .cms-info-container .cms-info main span, .player-info-container .bet-info main span, .player-info-container .player-info main span, .player-info-container .cms-info main span, .settings-container .bet-info main span, .settings-container .player-info main span, .settings-container .cms-info main span {
  display: block;
}
.bet-info-container .bet-info main span.value, .bet-info-container .player-info main span.value, .bet-info-container .cms-info main span.value, .cms-info-container .bet-info main span.value, .cms-info-container .player-info main span.value, .cms-info-container .cms-info main span.value, .player-info-container .bet-info main span.value, .player-info-container .player-info main span.value, .player-info-container .cms-info main span.value, .settings-container .bet-info main span.value, .settings-container .player-info main span.value, .settings-container .cms-info main span.value {
  color: white;
}
.bet-info-container .bet-info main .jsoneditor-container span, .bet-info-container .player-info main .jsoneditor-container span, .bet-info-container .cms-info main .jsoneditor-container span, .cms-info-container .bet-info main .jsoneditor-container span, .cms-info-container .player-info main .jsoneditor-container span, .cms-info-container .cms-info main .jsoneditor-container span, .player-info-container .bet-info main .jsoneditor-container span, .player-info-container .player-info main .jsoneditor-container span, .player-info-container .cms-info main .jsoneditor-container span, .settings-container .bet-info main .jsoneditor-container span, .settings-container .player-info main .jsoneditor-container span, .settings-container .cms-info main .jsoneditor-container span {
  display: initial;
}
.bet-info-container .bet-info main label, .bet-info-container .player-info main label, .bet-info-container .cms-info main label, .cms-info-container .bet-info main label, .cms-info-container .player-info main label, .cms-info-container .cms-info main label, .player-info-container .bet-info main label, .player-info-container .player-info main label, .player-info-container .cms-info main label, .settings-container .bet-info main label, .settings-container .player-info main label, .settings-container .cms-info main label {
  margin-bottom: 10px;
  display: block;
}
.bet-info-container .bet-info main label.input, .bet-info-container .player-info main label.input, .bet-info-container .cms-info main label.input, .cms-info-container .bet-info main label.input, .cms-info-container .player-info main label.input, .cms-info-container .cms-info main label.input, .player-info-container .bet-info main label.input, .player-info-container .player-info main label.input, .player-info-container .cms-info main label.input, .settings-container .bet-info main label.input, .settings-container .player-info main label.input, .settings-container .cms-info main label.input {
  display: inline-block;
}
.bet-info-container .bet-info .col, .cms-info-container .bet-info .col, .player-info-container .bet-info .col, .settings-container .bet-info .col {
  flex-basis: 48%;
  width: 48%;
}
.bet-info-container .bet-info .col-md, .cms-info-container .bet-info .col-md, .player-info-container .bet-info .col-md, .settings-container .bet-info .col-md {
  width: 68%;
  margin: 15px 10px;
}
.bet-info-container .player-info .status, .cms-info-container .player-info .status, .player-info-container .player-info .status, .settings-container .player-info .status {
  padding: 0;
  margin-bottom: 10px;
}
.bet-info-container .player-info header .value, .cms-info-container .player-info header .value, .player-info-container .player-info header .value, .settings-container .player-info header .value {
  text-decoration: underline;
  cursor: pointer;
}
.bet-info-container .player-info .col, .cms-info-container .player-info .col, .player-info-container .player-info .col, .settings-container .player-info .col {
  flex-basis: 30%;
}
.bet-info-container .player-info .col .avatar, .cms-info-container .player-info .col .avatar, .player-info-container .player-info .col .avatar, .settings-container .player-info .col .avatar {
  height: 80px;
  width: 80px;
  border: 1px solid gray;
  /*   background:gray; */
  overflow: hidden;
  margin-bottom: 20px;
}
.bet-info-container .player-info .col .avatar img, .cms-info-container .player-info .col .avatar img, .player-info-container .player-info .col .avatar img, .settings-container .player-info .col .avatar img {
  height: 100%;
  width: auto;
}
.bet-info-container .player-info .col div.avatar, .cms-info-container .player-info .col div.avatar, .player-info-container .player-info .col div.avatar, .settings-container .player-info .col div.avatar {
  height: 80px;
  width: 80px;
  background: gray;
  text-align: center;
}
.bet-info-container .cms-info, .cms-info-container .cms-info, .player-info-container .cms-info, .settings-container .cms-info {
  flex-basis: 100%;
}
.bet-info-container .cms-info textarea, .cms-info-container .cms-info textarea, .player-info-container .cms-info textarea, .settings-container .cms-info textarea {
  width: 70%;
}
.bet-info-container .cms-info .col, .cms-info-container .cms-info .col, .player-info-container .cms-info .col, .settings-container .cms-info .col {
  width: auto !important;
  flex-basis: 32% !important;
}
.bet-info-container .cms-info .dflex > div, .cms-info-container .cms-info .dflex > div, .player-info-container .cms-info .dflex > div, .settings-container .cms-info .dflex > div {
  margin-right: 10px;
}
.bet-info-container .highlight, .cms-info-container .highlight, .player-info-container .highlight, .settings-container .highlight {
  background: transparent !important;
}
.bet-info-container .highlight .value, .cms-info-container .highlight .value, .player-info-container .highlight .value, .settings-container .highlight .value {
  /*    font-weight:bold; */
  color: white;
}
.bet-info-container .highlight .value.clickable, .cms-info-container .highlight .value.clickable, .player-info-container .highlight .value.clickable, .settings-container .highlight .value.clickable {
  cursor: pointer;
  text-decoration: underline;
}

.terminal header {
  background: #0c0c0c !important;
}
.terminal main {
  background: #0e0e0e;
  font-family: "Courier New", Courier, monospace;
  color: #55ab55;
  padding: 15px 20px;
  font-size: 10px;
  line-height: 1.4;
}

.bookmakers {
  width: 100%;
}

.settings-container {
  flex-direction: column;
}
.settings-container .add {
  margin: 20px auto;
}
.settings-container .bet-info {
  margin: 0;
  margin-bottom: 1em;
}

.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 250px;
}
.loading img {
  width: 40px !important;
  height: auto;
}

.loading-small {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.loading-small img {
  width: 40px !important;
  height: auto;
  align-self: center;
}

.modal {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  z-index: 99999;
}
.modal header {
  min-height: 20px;
}
.modal textarea {
  padding: 10px;
}
.modal .buttons {
  font-size: 1em;
  margin: 10px auto;
  width: 100%;
  padding: 0;
  align-items: center;
  justify-content: space-between;
}
.modal .buttons a {
  text-indent: 0;
  text-decoration: underline;
}
.modal .buttons button {
  border-radius: 1px;
}
.modal .modal-container {
  background: black;
  position: relative;
  padding: 20px;
  overflow: hidden;
}
.modal .modal-container .close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.modal .modal-container.user {
  padding: 50px;
  border: 1px solid #ccc;
  box-shadow: 0 0 6px #ccc;
  border-radius: 2px;
}
.modal.deactivate p {
  margin-bottom: 20px;
}

.modal-map {
  display: flex;
  flex-direction: column;
}
.modal-map .modal-container {
  display: flex;
  flex-direction: column;
}
.modal-map .modal-container .header {
  align-self: flex-end;
  padding: 10px 0px 10px 10px;
}
.modal-map .modal-container .header i.close {
  background-image: url(/backoffice/img/close.png);
  display: block;
  width: 15px;
  height: 15px;
  background-size: cover;
  position: unset;
  right: unset;
  top: unset;
  cursor: pointer;
}
.modal-map .modal-container .map-container {
  position: relative;
  padding: 20px;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.modal-map .modal-container .map-container #map {
  position: unset !important;
  overflow: unset !important;
}
.modal-map .modal-container .footer {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.modal-map .modal-container .footer .button {
  cursor: pointer;
  font-weight: bold;
}
.modal-map .modal-container .footer .button:hover {
  opacity: 0.7;
}

.image-th button.fill {
  padding: 2px 10px;
}
.image-th button.fill:hover i.close {
  filter: brightness(3);
}
.image-th button.fill i.close {
  width: 9px;
  height: 9px;
}

.cms.banner .image-th {
  position: relative;
  cursor: pointer;
  margin-right: 20px !important;
}
.cms.banner .image-th.slide {
  border: 1px solid #e21413;
  width: 100px;
  height: 100px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.cms.banner .image-th .img-slide {
  width: 100%;
  height: auto;
}
.cms.banner .image-th .text-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cms.banner .image-th i.drag {
  position: absolute;
  right: -10px;
  top: 0;
}
.cms.banner .image-th .fill {
  padding: 1px 5px;
}
.cms.banner .image-th .fill:hover i.close {
  filter: brightness(3);
}
.cms.banner .image-th .fill i.close {
  width: 9px;
  height: 9px;
}
.cms.banner .image-th .img-options {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.3s;
}
.cms.banner .image-th .img-options ul li {
  font-size: 10px;
  text-align: center;
  margin-bottom: 3px;
}
.cms.banner .image-th .img-options ul li:hover {
  text-decoration: underline;
}
.cms.banner .image-th:hover .img-options {
  visibility: visible;
  opacity: 1;
}
.cms.banner fieldset.search {
  margin-bottom: 1em;
}
.cms.banner .add {
  margin: 20px auto;
}

.w100 {
  width: 100% !important;
}

.bonus span.label {
  white-space: nowrap;
}
.bonus .create {
  /*  display: flex;
   flex-wrap: wrap;
   margin-bottom: 5em; */
}
.bonus .create .bet-info-container {
  /*  flex-basis:48%;
   overflow: hidden;
   margin: 0 10px; */
}
.bonus .create .col100 {
  margin-bottom: 0;
}
.bonus .create .requirements .col100 {
  flex-wrap: wrap;
}
.bonus .public-view {
  max-width: 600px;
  margin: 0 auto;
}
.bonus .public-view .label {
  font-weight: bold;
}
.bonus .public-view img {
  margin-right: 20px;
}
.bonus .public-view .extract {
  font-size: 0.8em;
}
.bonus .public-view .bodytext {
  max-height: 12em;
  overflow: auto;
}
.bonus .public-view .bodytext p {
  margin-bottom: 1em;
}
.bonus .currency {
  border: 1px solid #E21414;
  padding: 10px;
}
.bonus .currency > div {
  margin-right: 10px;
}
.bonus .bonus-channel button.add {
  padding: 7px 10px;
}
.bonus .bonus-channel .select-container {
  margin-right: 10px;
}
.bonus .bonus-channel .select-container .select {
  padding: 7px !important;
}
.bonus .bet-info-container {
  display: block;
  height: auto;
  /*         overflow-x:hidden;
          overflow-y: auto; */
}
.bonus .bet-info-container.dflex {
  display: flex !important;
}
.bonus .bet-info-container .bet-info {
  /*   overflow-x:hidden;
    overflow-y: auto; */
  height: 30em;
  margin-bottom: 20px;
  position: relative;
}
.bonus .bet-info-container .bet-info header {
  position: absolute;
  width: 100%;
}
.bonus .bet-info-container .bet-info main {
  overflow: auto;
  height: 100%;
  padding-top: 40px;
}
.bonus .bet-info-container .bet-info.bonus-channel main {
  height: initial !important;
}
.bonus .bet-info-container .bet-info .col {
  flex-basis: 24%;
  padding: 10px;
}
.bonus .requirements label {
  margin-right: 10px;
}
.bonus .requirements .currency label {
  display: inline-block;
}
.bonus .requirements label {
  margin-bottom: 10px;
}

.audit .col50 {
  width: 48% !important;
  flex-basis: 48% !important;
}
.audit .col {
  width: 32% !important;
  flex-basis: 32% !important;
}

.actions-btns {
  display: flex;
  /* justify-content: space-between; */
  margin-bottom: 2em;
  overflow: hidden;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.actions-btns button {
  cursor: pointer;
  background: #2E2E2E;
  color: white;
  padding: 5px 10px;
  outline: none;
  border: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  transition: all 0.4s;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  flex-wrap: wrap;
}
.actions-btns button i {
  margin-right: 10px;
}
.actions-btns button:hover {
  background: black;
}
.actions-btns button.active {
  background: #E21414;
}
.actions-btns .left, .actions-btns .right {
  display: flex;
  margin-bottom: 1em;
}

h2 a i {
  margin-left: 10px;
}

.sports.sticky i.trophy {
  width: 15px;
  height: 18px;
  background-image: url(/backoffice/img/trophy.png);
  display: block;
  background-size: cover;
}
.sports.sticky .roundedicon {
  background: #e21413;
  border-radius: 50%;
  display: block;
  padding: 10px 12px;
  margin-right: 10px;
}
.sports.sticky span.name:hover {
  text-decoration: underline;
}
.sports.sticky h2 {
  font-weight: bold;
  font-size: 16px;
  padding: 10px;
  display: flex;
  padding-bottom: 20px;
}
.sports.sticky ul li {
  cursor: pointer;
  transition: all 0.5s;
}
.sports.sticky ul li label {
  transition: all 0.5s;
}
.sports.sticky ul li:hover > span.name {
  text-decoration: underline;
}
.sports.sticky > ul > li > .label.active {
  background: #e21413 !important;
}
.sports.sticky > ul > li > .label.active:hover {
  background: #e21413 !important;
}
.sports.sticky > ul > li > ul > li > .label.active {
  background: #af100f !important;
}
.sports.sticky > ul > li > ul > li > ul > li > .label.active {
  background: #b52424 !important;
}
.sports.sticky ul.sports > li .sport {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.sports.sticky ul.region > li:nth-child(even) {
  background: #161616;
}
.sports.sticky ul.region > li:nth-child(odd) {
  background: #121212;
}
.sports.sticky ul.region > li span.label {
  padding-left: 15px;
}
.sports.sticky ul.region > li span.label .arrows {
  transform: scale(0.9);
}
.sports.sticky ul.competition > li:hover {
  background: black !important;
}
.sports.sticky ul.competition > li:active, .sports.sticky ul.competition > li.active {
  background: #e21413 !important;
}
.sports.sticky ul.competition > li:nth-child(odd) {
  background: #242424;
}
.sports.sticky ul.competition > li:nth-child(even) {
  background: #343434;
}
.sports.sticky ul.competition > li span.label {
  padding: 3px 3px 3px 30px;
}
.sports.sticky ul ul ul {
  background: gray;
}
.sports.sticky .label {
  display: flex;
  align-items: center;
}
.sports.sticky .label .arrows {
  padding: 5px;
}
.sports.sticky .label i {
  margin-right: 8px;
  display: block;
}

.select-container {
  position: relative;
}

.select {
  justify-content: space-between;
  border: 1px solid gray;
  padding: 5px !important;
}
.select.sm {
  width: 6em;
}

ul.select-options {
  position: absolute;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  width: 100%;
}
ul.select-options.open {
  visibility: visible;
  opacity: 1;
}
ul.select-options.sm {
  width: 6em;
}
ul.select-options li {
  padding: 5px;
  font-size: 10px;
  cursor: pointer;
  color: #e8e8e8;
}
ul.select-options li:nth-child(odd) {
  background: #232323;
}
ul.select-options li:nth-child(even) {
  background: #2D2D2D;
}
ul.select-options li:hover {
  background: #E21414;
  color: white;
}

button.fill {
  background: #E21414;
  color: white;
  cursor: pointer;
  padding: 5px 20px;
  border: none;
  outline: none;
}
button.fill.green {
  background: green;
}
button.fill.transparent {
  background: transparent;
}
button.fill:disabled {
  opacity: 0.5;
}

button.cancel {
  padding: 5px 20px;
  background: #a9a9a9;
  cursor: pointer;
  border: none;
  outline: none;
}

.sticky .lang-selector .nav-tabs.lang, .sticky .lang-selector .translations-title {
  display: none;
}
.sticky .lang-selector .select.lang {
  display: flex;
  align-items: center;
  position: absolute;
  top: -28px;
  left: -1px;
  width: 75px;
  background: #E21414;
  cursor: pointer;
  z-index: 3;
  padding: unset !important;
  border: unset !important;
  justify-content: center;
}
.sticky .lang-selector .select.lang span {
  color: white;
  font-weight: bold;
  padding: 5px 8px;
  display: flex;
  font-size: 10px;
}
.sticky .lang-selector .select.lang .dropdown {
  display: none;
  top: 28px;
}
.sticky .lang-selector .select.lang .dropdown.open {
  display: block;
}
.sticky .lang-selector .select.lang .dropdown li {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lang-selector {
  width: 100;
  border: 1px solid #E21414;
  position: relative;
  margin-top: 40px;
}
.lang-selector .select.lang {
  display: none;
}
.lang-selector .translations-title {
  display: flex;
  position: absolute;
  top: -28px;
  left: 50%;
}
.lang-selector main {
  padding: 10px !important;
}
.lang-selector main > div {
  margin-bottom: 1em;
}
.lang-selector main > div:last-child {
  margin-bottom: 0;
}
.lang-selector .nav-tabs {
  display: flex;
  border-bottom: 5px solid #E21414;
  position: absolute;
  top: -28px;
  left: -1px;
  width: calc(100% + 2px);
  z-index: 2;
}
.lang-selector .nav-tabs li {
  opacity: 0.8;
  padding: 5px 8px;
  background: gray;
  margin-right: 10px;
  display: flex;
  cursor: pointer;
  font-size: 10px;
  font-weight: bold;
}
.lang-selector .nav-tabs li.has_changes {
  opacity: 1;
}
.lang-selector .nav-tabs li:hover {
  background: #333;
}
.lang-selector .nav-tabs li:hover span {
  color: white;
}
.lang-selector .nav-tabs li.active {
  background: #E21414;
}
.lang-selector .nav-tabs li.active span {
  color: white;
}
.lang-selector .nav-tabs li i {
  margin-right: 10px;
}
.lang-selector .nav-tabs li span {
  color: black;
}
.lang-selector .nav-tabs.right {
  justify-content: flex-end;
  z-index: 1;
}
.lang-selector .nav-tabs.right li {
  margin-right: 0;
}

.value.bordered {
  border: 1px solid;
  padding: 5px;
  border-radius: 1px;
  display: flex;
}

.tags {
  display: flex;
  flex-wrap: wrap;
}
.tags .label {
  flex-basis: 100%;
}
.tags ul {
  min-width: 50%;
}
.tags li {
  border: 1px solid;
  padding: 5px;
  background: #323232;
  border-radius: 2px;
  padding: 5px 20px;
  border-color: #555555;
  margin-right: 1em;
}
.tags li.edit {
  border: none;
  padding: 0;
  background: none;
}
.tags li.edit input {
  border: none;
  padding: 5px;
}

input.title {
  width: 50%;
}

h2.title {
  margin-bottom: 0.5rem;
}

.dflex.edit {
  margin-bottom: 0.7em;
}

/* header input.title{
    width:30em;
} */
.dflex .label {
  margin-right: 10px;
}

.total-players td.icon .tooltip {
  margin-top: 20px;
}

.total-lines .player-info {
  position: relative;
}
.total-lines .player-info .col.status {
  position: absolute;
  right: 0;
  justify-content: flex-end;
}
.total-lines .player-info .codes {
  min-height: 50px;
  padding: 10px;
}
.total-lines .player-info .codes button {
  cursor: pointer;
  background: #e21413;
  color: #fff;
  padding: 5px 15px;
  border-radius: 3px;
}
.total-lines .player-info .codes .result-codes {
  padding-top: 10px;
  color: #fff;
}

.player-info-container .player-info .col {
  flex-basis: 48%;
}

.user-agent {
  /*  text-overflow: ellipsis;
   width: 10em;
   overflow: hidden;
   display: block;
   white-space: nowrap; */
  font-size: 10px;
}
.user-agent .value {
  font-size: 10px;
}

.native_select {
  background: #2e2e2e;
  color: white;
}
.native_select option {
  padding: 6px;
  border-bottom: 1px solid darkgray;
  font-size: 11px;
  cursor: pointer;
}
.native_select option:hover {
  background: #000000;
}
.native_select:disabled {
  border-color: transparent;
  background: transparent;
}

.loginbox.forgot.multi ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  text-align: center;
  margin-bottom: 15px;
}
.loginbox.forgot.multi ul li {
  border: 2px solid #fff;
  flex: 1;
  margin: 0 10px;
  height: 130px;
  padding: 7px;
  cursor: pointer;
}
.loginbox.forgot.multi ul li img {
  height: 60px;
}
.loginbox.forgot.multi ul li:hover {
  background-color: #888;
}
.loginbox.forgot.multi .multifactor-image {
  height: 60px;
}
.loginbox.forgot.multi a, .loginbox.forgot.multi button {
  cursor: pointer;
}
.loginbox.forgot.multi a:disabled, .loginbox.forgot.multi button:disabled {
  cursor: unset;
}

button:disabled {
  opacity: 0.5;
}

.table-container .empty-table {
  display: flex;
  margin: 2rem;
}
.table-container .empty-table * {
  margin: auto;
}

.vjs-tree div span {
  display: inline-block !important;
}

.json .jsoneditor-poweredBy {
  display: none;
}

.sublist {
  display: flex;
  justify-content: center;
}
.sublist ul {
  padding: 10px 10px 5px 10px;
  margin: 10px;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  max-height: 50em;
  border: 1px solid #555;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.37);
  min-width: 18%;
  position: relative;
  overflow: auto;
}
.sublist ul li {
  margin-bottom: 5px;
  padding: 0 0 5px 0;
  list-style: none;
}
.sublist ul li label {
  display: flex !important;
  position: relative;
  margin-bottom: 0 !important;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}

.overflow-y {
  overflow-y: auto;
}

.radio-btns.dflex li {
  margin-right: 20px;
}

.menu-items .sports-list {
  width: 100%;
}
.menu-items .sports-list .loading-small {
  margin: 20px 0;
}
.menu-items .sports-list li {
  cursor: auto;
}
.menu-items .sports-list ul.sports {
  margin-top: 10px;
}
.menu-items .sports-list ul.sports li {
  transition: all 0.5s;
  margin: 6px 0;
}
.menu-items .sports-list ul.sports li .label {
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 5px;
}
.menu-items .sports-list ul.sports li .label .arrows {
  margin-right: 10px;
}
.menu-items .sports-list ul.sports li .label .arrows svg {
  width: 12px;
  height: 12px;
  fill: #fff;
  transition: all 0.5s;
  cursor: pointer;
}
.menu-items .sports-list ul.sports li .label .arrows svg.chevron-down {
  transform: rotate(90deg);
}
.menu-items .sports-list ul.sports li .label .sport {
  cursor: pointer;
}
.menu-items .sports-list ul.sports ul.regions {
  padding-left: 15px;
}
.menu-items .sports-list ul.sports ul.regions li {
  transition: all 0.5s;
}
.menu-items .sports-list ul.sports ul.regions li:nth-child(odd) {
  background: #121212;
}
.menu-items .sports-list ul.sports ul.regions li:nth-child(even) {
  background: #161616;
}
.menu-items .sports-list ul.sports ul.regions li .label {
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 5px;
}
.menu-items .sports-list ul.sports ul.regions li .label .arrows {
  margin-right: 10px;
}
.menu-items .sports-list ul.sports ul.regions li .label .arrows svg {
  width: 12px;
  height: 12px;
  fill: #fff;
  transition: all 0.5s;
}
.menu-items .sports-list ul.sports ul.regions li .label .arrows svg.chevron-down {
  transform: rotate(90deg);
}
.menu-items .sports-list ul.sports ul.regions li .label .region {
  cursor: pointer;
}
.menu-items .sports-list ul.sports ul.competitions {
  padding-left: 15px;
}
.menu-items .sports-list ul.sports ul.competitions li {
  transition: all 0.5s;
}
.menu-items .sports-list ul.sports ul.competitions li:nth-child(odd) {
  background: #121212;
}
.menu-items .sports-list ul.sports ul.competitions li:nth-child(even) {
  background: #161616;
}
.menu-items .sports-list ul.sports ul.competitions li .label {
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 5px;
}
.menu-items .sports-list ul.sports ul.competitions li .label .arrows {
  margin-right: 10px;
}
.menu-items .sports-list ul.sports ul.competitions li .label .arrows svg {
  width: 12px;
  height: 12px;
  fill: #fff;
  transition: all 0.5s;
}
.menu-items .sports-list ul.sports ul.competitions li .label .arrows svg.chevron-down {
  transform: rotate(90deg);
}
.menu-items .sports-list ul.sports ul.competitions li .competition, .menu-items .sports-list ul.sports ul.competitions li .check-container {
  display: inline-block;
  cursor: pointer;
}
.menu-items .sports-list ul.sports ul.competitions li .check-container {
  margin-right: 0px;
  margin-left: 9px;
  margin-top: unset;
  padding-left: 24px;
}
.menu-items .fixtures-list, .menu-items .casino-list {
  width: 100%;
}
.menu-items .fixtures-list .search, .menu-items .casino-list .search {
  width: 100%;
}
.menu-items .fixtures-list .search .title, .menu-items .casino-list .search .title {
  text-align: center;
}
.menu-items .fixtures-list .search input, .menu-items .casino-list .search input {
  width: 100%;
}
.menu-items .fixtures-list .search .dropdown, .menu-items .casino-list .search .dropdown {
  z-index: 2;
}
.menu-items .fixtures-list .sport-icon {
  width: 20px;
}
.menu-items .fixtures-list .table-container table tbody tr td {
  padding: 10px 1px;
  vertical-align: middle;
  font-size: 11px;
}
.menu-items .fixtures-list .table-container table tbody tr td .check-container .checkmark {
  left: calc(50% - 15px);
}
.menu-items .casino-list .games .game .footer-game .buttons {
  justify-content: center;
}
.menu-items .native_select option {
  font-size: 12px;
}
.menu-items input {
  padding: 5px;
}
.menu-items .games {
  display: flex;
  flex-wrap: wrap;
}
.menu-items .games .dropzone.overlay {
  background: rgba(226, 20, 20, 0.4196078431);
}
.menu-items .games .dropzone.overlay img {
  width: 100px;
  height: 100px;
}
.menu-items .games .dropzone.overlay * {
  opacity: 0;
}
.menu-items .games .game {
  margin: 10px;
  border: 3px dashed transparent;
}
.menu-items .games .game.disabled {
  opacity: 0.5;
}
.menu-items .games .game .buttons {
  margin-top: 3px;
}
.menu-items .games .game.active {
  border: 3px dashed #E21414;
}
.menu-items .games .game img {
  width: 10vw;
  height: 10vw;
}
.menu-items .games .game .footer-game {
  width: 10vw;
}
.menu-items .games .game .footer-game .dropdown {
  z-index: 3;
}
.menu-items .games .game .footer-game .provider, .menu-items .games .game .footer-game .name {
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menu-items .games .game .footer-game .buttons {
  display: flex;
  justify-content: space-between;
}
.menu-items .games .game .footer-game .buttons i {
  cursor: pointer;
  width: 1vw;
  height: 1vw;
}
.menu-items .games .game .footer-game .buttons i.drag {
  cursor: grab;
}
.menu-items .games .game .footer-game .buttons .dropdown.config {
  min-width: 300px;
  max-width: 300px;
  background: #2e2e2e;
}
.menu-items .games .game .footer-game .buttons .dropdown.config main {
  overflow-y: scroll;
  background: #2e2e2e;
  margin-bottom: 15px;
}
.menu-items .games .game .footer-game .buttons .dropdown.config .json-editor-game {
  width: 100%;
}
.menu-items .games .game .footer-game .buttons .dropdown.config .json-editor-game .jsoneditor-poweredBy {
  display: none;
}
.menu-items .games .game .footer-game .buttons .dropdown.config .jsoneditor-container.min-box {
  width: auto !important;
  min-width: unset !important;
}
.menu-items .col50 {
  flex-basis: 50%;
}
.menu-items .col50.posrelative {
  z-index: 2;
}
.menu-items .col50.posrelative input {
  width: 100%;
}
.menu-items .items {
  flex: 1;
}
.menu-items .items .sublist {
  flex-flow: column;
  text-align: center;
}
.menu-items .items .sublist ul {
  max-height: 25em;
}
.menu-items .items.items-1 .sublist ul {
  max-height: 50em;
}
.menu-items .items .header {
  display: flex;
}
.menu-items .items .header > * {
  flex: 1;
}
.menu-items .items .header select {
  margin-right: 15px;
}
.menu-items .menu {
  flex: 2;
}
.menu-items .menu .sublist {
  flex-flow: column;
  text-align: center;
}
.menu-items .menu .sublist ul {
  min-height: 50em;
}
.menu-items .menu .sublist ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
}
.menu-items .menu .sublist ul li.overlay {
  background: rgba(226, 20, 20, 0.4196078431);
  padding: 13px 0px;
}
.menu-items .menu .sublist ul li > * {
  width: 25%;
}
.menu-items .menu .sublist ul li .translation {
  display: flex;
  margin-bottom: unset;
  position: relative;
}
.menu-items .menu .sublist ul li .translation i {
  margin-left: 5px;
}
.menu-items .menu .sublist ul li .translation .dropdown {
  min-width: 200px;
}
.menu-items .menu .sublist ul li .translation label {
  margin-bottom: 10px !important;
  display: block !important;
  position: unset;
  flex-direction: unset;
  align-items: unset;
  cursor: unset;
}
.menu-items .menu .sublist ul li .translation label span {
  text-align: left;
}
.menu-items .menu .sublist ul li .translation label textarea {
  width: 100%;
}
.menu-items .tabs {
  display: flex;
  justify-content: center;
  border-bottom: 5px solid #E21414;
  width: 100%;
}
.menu-items .tabs .tab {
  padding: 5px 8px;
  background: gray;
  margin-right: 10px;
  display: flex;
  cursor: pointer;
  font-size: 10px;
  font-weight: bold;
}
.menu-items .tabs .tab:hover {
  background: #333;
}
.menu-items .tabs .tab.active {
  background: #E21414;
}
.menu-items .tabs .tab span {
  color: white;
}
.menu-items .dropdown {
  top: unset;
}
.menu-items .dropdown .noresults, .menu-items .dropdown .loading {
  height: 120px;
}
.menu-items .dropdown .noresults {
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-items .dropdown .noresults span {
  color: #e21314;
  font-size: 16px;
}
.menu-items .dropdown.search li.casino-game-result {
  display: flex;
  align-items: center;
}
.menu-items .dropdown.search li.casino-game-result .image {
  margin-right: 15px;
}
.menu-items .dropdown.search li.casino-game-result .image img {
  width: 40px;
  height: 40px;
}
.menu-items .dropdown.search li.casino-game-result .info span {
  font-size: 13px;
  color: white;
  opacity: 0.8;
}
.menu-items .dropdown.search li.casino-game-result .info .name {
  font-size: 18px;
  opacity: 1;
}

.sublist.two ul li > * {
  width: 50% !important;
}

.dropzone {
  position: relative;
}
.dropzone .dropzone {
  position: absolute;
  width: 100%;
  height: 100%;
  flex: unset;
  z-index: 2;
}
.dropzone i.drag {
  cursor: move;
}

.margin-left-10 {
  margin-left: 10px;
}

*[draggable=true] .dropzone-image {
  border: 3px dashed #E21414;
}

.mrb2m {
  margin-bottom: 2em;
}

.toggle label.input {
  margin-bottom: 0 !important;
}

span.label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.no-position {
  position: unset !important;
}

.dropdown-float {
  top: unset !important;
  left: unset !important;
  width: unset !important;
}

.absolute {
  position: absolute;
}

.waiting-response {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  animation: wave 1.3s linear infinite;
}
.waiting-response:nth-child(2) {
  animation-delay: -1.1s;
  margin-left: 3px;
}
.waiting-response:nth-child(3) {
  animation-delay: -0.9s;
  margin-left: 3px;
}

@keyframes wave {
  0%, 60%, 100% {
    transform: initial;
  }
  30% {
    transform: translateY(-10px);
  }
}
.table-sublist .edit {
  margin-left: 5px;
}
.table-sublist td.sticky {
  padding: 4px 4px 4px 0px !important;
}

.error-message {
  display: flex;
  justify-content: center;
}

.pending-field {
  outline: 3px dashed transparent;
  animation: border-dance 3s infinite linear;
}

@keyframes border-dance {
  0% {
    outline-color: transparent;
  }
  5% {
    outline-color: #E21414;
  }
  10% {
    outline-color: transparent;
  }
  15% {
    outline-color: #E21414;
  }
  20% {
    outline-color: transparent;
  }
  25% {
    outline-color: #E21414;
  }
  30% {
    outline-color: transparent;
  }
  35% {
    outline-color: #E21414;
  }
  40% {
    outline-color: transparent;
  }
  45% {
    outline-color: #E21414;
  }
  50% {
    outline-color: transparent;
  }
  100% {
    outline-color: transparent;
  }
}
.tooltip-value {
  padding: 10px;
}

th.clickable span {
  text-decoration: none;
}

.amount-range label {
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}
.amount-range label span {
  margin-right: 5px;
}
.amount-range label input {
  width: 100%;
}
.amount-range label input.valid {
  border-color: green !important;
}
.amount-range label input.invalid {
  border-color: red !important;
}
.amount-range label input.valid:focus, .amount-range label input.invalid:focus {
  outline: none;
}

.games-pagination {
  display: flex;
  justify-content: center;
}
.games-pagination .game-page {
  border: 1px solid #6E6E6E;
  border-radius: 2px;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s;
  margin-right: 10px;
  color: #fff;
}
.games-pagination .game-page:hover, .games-pagination .game-page.overlay {
  background: #E21414;
  border-color: #E21414;
}
.games-pagination .game-page.disabled:hover {
  background: unset;
  border: 1px solid #6E6E6E;
}
.games-pagination .game-page.disabled {
  opacity: 0.5;
  cursor: auto;
}

.filters-r {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.filters-r .fieldLabel {
  font-size: 10px;
  white-space: nowrap;
}
.filters-r .datepicker.flex.flex-direction-column {
  right: 0;
}

.slides svg {
  display: block;
  margin-left: 12px;
  width: 50px;
  height: 50px;
  fill: #fff;
  cursor: pointer;
  opacity: 0.5;
}
.slides svg:hover {
  opacity: 1;
}

.mw40vw {
  max-width: 40vw;
}

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

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

.flex-center {
  justify-content: center;
  align-items: center;
}

.flex-25 {
  flex-basis: 25%;
}

.mb-25 {
  margin-bottom: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.flex-50 {
  flex-basis: 50%;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.flex-75 {
  flex-basis: 75%;
}

.mb-75 {
  margin-bottom: 75px;
}

.ml-75 {
  margin-left: 75px;
}

.flex-100 {
  flex-basis: 100%;
}

.mb-100 {
  margin-bottom: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.mt-25 {
  margin-top: 25px;
}

.grid {
  display: grid;
  width: 100%;
}

.col-3 {
  grid-template-columns: repeat(3, 1fr);
}

.w-100 {
  width: 100%;
  flex-basis: 100% !important;
}

.padding-horizontal-5 {
  padding-left: 5%;
  padding-right: 5%;
}

.mt-1 {
  margin-top: 1em;
}

.container-button {
  text-align: center;
  padding-bottom: 20px;
}
.container-button .save {
  padding: 5px 15px;
  background: #e21413;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
}

.check-title {
  padding-left: 35px;
}

.check-list {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 10px;
}

.individual-filter .header-filter {
  display: none !important;
}
.individual-filter input[type=text] {
  width: 100% !important;
}
.individual-filter .dropdown {
  position: relative !important;
  max-height: 300px !important;
  top: 0;
}
.individual-filter .dropdown li {
  background: #242424;
}
.individual-filter .added-filters {
  padding-top: 10px;
}
.individual-filter .added-filters label {
  display: flex !important;
}
.individual-filter .added-filters label span {
  padding-left: 20px !important;
}

.col100 .date-time-picker {
  max-width: unset !important;
}

.w-25 {
  width: 25%;
}

.switch_grant {
  width: 45px;
}
.switch_grant label {
  margin-bottom: 0px !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.bonus-info {
  height: auto !important;
}
.bonus-info main {
  height: auto !important;
  overflow: unset !important;
}

.bg_dark {
  background: #161616;
}

.align-items-start {
  align-items: start !important;
}

.bonus-head__checks label {
  margin-right: 20px;
}

.mr-1 {
  margin-right: 1rem;
}

.bonuses-scope__filters {
  max-width: 435px !important;
}

.limits-scope-container {
  padding-left: 30px;
  padding-right: 30px;
}

.pos_relative {
  position: relative !important;
}

.icon_with_text {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.password_input {
  -webkit-text-security: disc;
}

.box-sm {
  width: auto !important;
  height: auto !important;
  min-height: auto !important;
  padding: 20px;
}

.li-disabled {
  pointer-events: none;
  opacity: 0.6;
  cursor: inherit !important;
}

.reason_column {
  width: 100px;
}

.bool_column {
  width: 50px;
  padding: 1px 1px;
  max-width: 40px;
}

.infrastructure_node_container {
  border: 1px solid;
  padding: 10px;
}

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

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

.badge {
  display: inline-flex !important;
  padding: 3px;
  border-radius: 10px;
  font-weight: 500;
}

.badge-danger {
  background: #ff4343;
  color: darkred;
}

.container-center {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-icon {
  width: 16px;
  height: 16px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 5px;
}

.header-icon:hover {
  filter: brightness(6.5);
  curson: pointer;
}

.icon-svg-close {
  background-image: url(/backoffice/img/close.svg);
}

.icon-svg-plus {
  background-image: url(/backoffice/img/plus.svg);
}

.icon-svg-refresh {
  background-image: url(/backoffice/img/refresh.svg);
}

.icon-svg-export {
  background-image: url(/backoffice/img/export.svg);
}

.icon-svg-minimize {
  background-image: url(/backoffice/img/minimize.svg);
}

.icon-svg-maximize {
  background-image: url(/backoffice/img/maximize.svg);
}

.icon-svg-close-oultine {
  background-image: url(/backoffice/img/close-oultine.svg);
}

.icon-svg-edit {
  background-image: url(/backoffice/img/edit.svg);
}

.icon-svg-trash {
  background-image: url(/backoffice/img/trash.svg);
}