@import url("animation.css");

@import url("b2-style.css");
:root{
  --eventbg: #000000;
  --red-color: #d2145a;
  --light-greey: #eeeeee;
  --light-green: #39b14a;
  --text-red: #d03231;
  --navText : #ff0000;
}

@import url(./b2-style.css);

/*@charset "UTF-8"; */
/* --- FONTS --- */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@300;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500;600;700;800;900&display=swap');

 
@font-face {
  font-family: 'scoreboard';
  font-style: normal;
  src:url(./font/scoreboard.ttf)
  }

@font-face {
  font-family: 'Neue Helvetica Extended Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Oblique'), url('font/Helvetica Neue LT 53 Extended Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended'), url('font/Helvetica Neue LT 53 Extended.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Roman';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Roman'), url('font/Helvetica Neue LT 55 Roman.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Italic'), url('font/Helvetica Neue LT 56 Italic.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Oblique'), url('font/Helvetica Neue LT 57 Condensed Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed'), url('font/Helvetica Neue LT 57 Condensed.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended Ultra Light Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Ultra Light Oblique'), url('font/Helvetica Neue LT 23 Ultra Light Extended Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended Ultra Light';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Ultra Light'), url('font/Helvetica Neue LT 23 Ultra Light Extended.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Ultra Light';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Ultra Light'), url('font/Helvetica Neue LT 25 Ultra Light.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Ultra Light Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Ultra Light Italic'), url('font/Helvetica Neue LT 26 Ultra Light Italic.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Ultra Light Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Ultra Light Oblique'), url('font/Helvetica Neue LT 27 Ultra Light Condensed Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Ultra Light';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Ultra Light'), url('font/Helvetica Neue LT 27 Ultra Light Condensed.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended Thin Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Thin Oblique'), url('font/Helvetica Neue LT 33 Thin Extended Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended Thin';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Thin'), url('font/Helvetica Neue LT 33 Thin Extended.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Thin';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Thin'), url('font/Helvetica Neue LT 35 Thin.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Thin Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Thin Italic'), url('font/Helvetica Neue LT 36 Thin Italic.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Thin Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Thin Oblique'), url('font/Helvetica Neue LT 37 Thin Condensed Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Thin';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Thin'), url('font/Helvetica Neue LT 37 Thin Condensed.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended Light Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Light Oblique'), url('font/Helvetica Neue LT 43 Light Extended Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended Light';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Light'), url('font/Helvetica Neue LT 43 Light Extended.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Light';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Light'), url('font/Helvetica Neue LT 45 Light.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Light Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Light Italic'), url('font/Helvetica Neue LT 46 Light Italic.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Light Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Light Oblique'), url('font/Helvetica Neue LT 47 Light Condensed Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Light';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Light'), url('font/Helvetica Neue LT 47 Light Condensed.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended Medium Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Medium Oblique'), url('font/Helvetica Neue LT 63 Medium Extended Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended Medium';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Medium'), url('font/Helvetica Neue LT 63 Medium Extended.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Medium';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Medium'), url('font/Helvetica Neue LT 65 Medium.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Medium Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Medium Italic'), url('font/Helvetica Neue LT 66 Medium Italic.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Medium Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Medium Oblique'), url('font/Helvetica Neue LT 67 Medium Condensed Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Medium';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Medium'), url('font/Helvetica Neue LT 67 Medium Condensed.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended Bold Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Bold Oblique'), url('font/Helvetica Neue LT 73 Bold Extended Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Bold'), url('font/Helvetica Neue LT 73 Bold Extended.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Bold'), url('font/Helvetica Neue LT 75 Bold.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Bold Italic'), url('font/Helvetica Neue LT 76 Bold Italic.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Bold Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Bold Oblique'), url('font/Helvetica Neue LT 77 Bold Condensed Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Bold'), url('font/Helvetica Neue LT 77 Bold Condensed.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended Heavy Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Heavy Oblique'), url('font/Helvetica Neue LT 83 Heavy Extended Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended Heavy';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Heavy'), url('font/Helvetica Neue LT 83 Heavy Extended.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Heavy';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Heavy'), url('font/Helvetica Neue LT 85 Heavy.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Heavy Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Heavy Italic'), url('font/Helvetica Neue LT 86 Heavy Italic.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Heavy Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Heavy Oblique'), url('font/Helvetica Neue LT 87 Heavy Condensed Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Heavy';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Heavy'), url('font/Helvetica Neue LT 87 Heavy Condensed.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended Black Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Black Oblique'), url('font/Helvetica Neue LT 93 Black Extended Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Extended Black';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Extended Black'), url('font/Helvetica Neue LT 93 Black Extended.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Black';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Black'), url('font/Helvetica Neue LT 95 Black.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Black Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Black Italic'), url('font/Helvetica Neue LT 96 Black Italic.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Black Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Black Oblique'), url('font/Helvetica Neue LT 97 Black Condensed Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Black';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Black'), url('font/Helvetica Neue LT 97 Black Condensed.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Extra Black Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Extra Black Oblique'), url('font/Helvetica Neue LT 107 Extra Black Condensed Oblique.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Condensed Extra Black';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Condensed Extra Black'), url('font/Helvetica Neue LT 107 Extra Black Condensed.woff') format('woff');
  }


  @font-face {
  font-family: 'Neue Helvetica Outline Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Outline Bold'), url('font/Helvetica Neue LT 75 Bold Outline.woff') format('woff');
  }


  :root {
    --main-color: #000;
  }


body {
  /* font-family: 'Neue Helvetica Condensed Heavy' !important; */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  margin: 0;
  width: 100%;
  counter-reset: my-sec-counter;
  background-color: #fff ;
  transition: 0.2;
}

header,
footer,
section {
  display: block;
}

ul {
  list-style: none;
  margin-bottom: 0px;
  padding-left: 0px;
}

ul li a {
  text-decoration: none;
}

a {
  color: rgba(51, 51, 51, 0.6);
}
a:hover, a:active, a:focus {
  color: #337ab7;
  text-decoration: none;
}

input:focus, input:active,
button:focus,
button:active,
textarea:focus,
textarea:active {
  outline: 0px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background: #f8f9fa;
  opacity: 1;
}

ul.list-block {
  list-style: none;
  padding-left: 0px;
}
ul.list-block li {
  display: block;
}

.padding-0 {
  padding: 0px !important;
}
.padding-right-0 {
  padding-right: 0px !important;
}
.padding-left-0 {
  padding-left: 0px !important;
}
.padding-top-0 {
  padding-top: 0px !important;
}
.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.margin-0 {
  margin: 0px !important;
}
.margin-right-0 {
  margin-right: 0px !important;
}
.margin-left-0 {
  margin-left: 0px !important;
}
.margin-top-0 {
  margin-top: 0px !important;
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.border-0 {
  border: 0px !important;
}
.border-top-0 {
  border-top: 0px !important;
}
.border-bottom-0 {
  border-bottom: 0px !important;
}
.border-left-0 {
  border-left: 0px !important;
}
.border-right-0 {
  border-right: 0px !important;
}

.padding-5 {
  padding: 5px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.margin-5 {
  margin: 5px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.border-5 {
  border: 5px !important;
}
.border-top-5 {
  border-top: 5px !important;
}
.border-bottom-5 {
  border-bottom: 5px !important;
}
.border-left-5 {
  border-left: 5px !important;
}
.border-right-5 {
  border-right: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-top-25 {
  padding-top: 25px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.margin-10 {
  margin: 10px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.border-10 {
  border: 10px !important;
}
.border-top-10 {
  border-top: 10px !important;
}
.border-bottom-10 {
  border-bottom: 10px !important;
}
.border-left-10 {
  border-left: 10px !important;
}
.border-right-10 {
  border-right: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.margin-15 {
  margin: 15px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
.margin-left-15 {
  margin-left: 15px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.border-15 {
  border: 15px !important;
}
.border-top-15 {
  border-top: 15px !important;
}
.border-bottom-15 {
  border-bottom: 15px !important;
}
.border-left-15 {
  border-left: 15px !important;
}
.border-right-15 {
  border-right: 15px !important;
}

.box-shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}


[class^=ion-], [class*=" ion-"] {
  display: inline-block;
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.btn.btn-outline {
  white-space: normal;
  border-width: 1px;
}
.btn.btn-outline:not(:hover) {
  background-color: transparent;
}
.btn.btn-outline.btn-default:not(:hover) {
  color: #333;
}
.btn.btn-outline.btn-primary:not(:hover) {
  color: #337ab7;
}
.btn.btn-outline.btn-secondary:not(:hover) {
  color: #5cb85c;
}
.btn.btn-outline.btn-danger:not(:hover) {
  color: #d9534f;
}
.btn.btn-outline.btn-success:not(:hover) {
  color: #5cb85c;
}
.btn.btn-outline.btn-info:not(:hover) {
  color: #5bc0de;
}
.btn.btn-outline.btn-warning:not(:hover) {
  color: #f0ad4e;
}
.btn.btn-clear {
  background: none;
  border-color: transparent;
}
.btn.btn-clear.btn-default {
  color: #333;
}
.btn.btn-clear.btn-primary {
  color: #337ab7;
}
.btn.btn-clear.btn-secondary {
  color: #5cb85c;
}
.btn.btn-clear.btn-danger {
  color: #d9534f;
}
.btn.btn-clear.btn-success {
  color: #5cb85c;
}
.btn.btn-clear.btn-info {
  color: #5bc0de;
}
.btn.btn-clear.btn-warning {
  color: #f0ad4e;
}


.flex-row {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  width: 100%;
}

.flex-row-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-row-no-padding {
  padding: 0;
}
.flex-row-no-padding > .flex-col {
  padding: 0;
}

.flex-row + .flex-row {
  margin-top: -5px;
  padding-top: 0;
}

.flex-col {
  -webkit-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  padding: 5px;
  width: 100%;
}

/* Vertically Align Columns */
/* .flex-row-* vertically aligns every .flex-col in the .flex-row */
.flex-row-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.flex-row-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.flex-row-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

.flex-row-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}

.flex-row-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -moz-align-items: baseline;
  align-items: baseline;
}
.flex-row-between{
  justify-content: space-between;
}

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


/* .flex-col-* vertically aligns an individual .flex-col */
.flex-col-top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.flex-col-bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.flex-col-center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center;
}

/* Column Offsets */
.flex-col-offset-10 {
  margin-left: 10%;
}

.flex-col-offset-20 {
  margin-left: 20%;
}

.flex-col-offset-25 {
  margin-left: 25%;
}

.flex-col-offset-33, .flex-col-offset-34 {
  margin-left: 33.3333%;
}

.flex-col-offset-50 {
  margin-left: 50%;
}

.flex-col-offset-66, .flex-col-offset-67 {
  margin-left: 66.6666%;
}

.flex-col-offset-75 {
  margin-left: 75%;
}

.flex-col-offset-80 {
  margin-left: 80%;
}

.flex-col-offset-90 {
  margin-left: 90%;
}

/* Explicit Column Percent Sizes */
/* By default each grid column will evenly distribute */
/* across the grid. However, you can specify individual */
/* columns to take up a certain size of the available area */
.flex-col-10 {
  -webkit-box-flex: 0;
  -moz-flex: 0 0 10%;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
}

.flex-col-20 {
  -webkit-box-flex: 0;
  -moz-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.flex-col-25 {
  -webkit-box-flex: 0;
  -moz-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.flex-col-33, .flex-col-34 {
  -webkit-box-flex: 0;
  -moz-flex: 0 0 33.3333%;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}

.flex-col-40 {
  -webkit-box-flex: 0;
  -moz-flex: 0 0 40%;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}

.flex-col-50 {
  -webkit-box-flex: 0;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.flex-col-60 {
  -webkit-box-flex: 0;
  -moz-flex: 0 0 60%;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}

.flex-col-66, .flex-col-67 {
  -webkit-box-flex: 0;
  -moz-flex: 0 0 66.6666%;
  -ms-flex: 0 0 66.6666%;
  flex: 0 0 66.6666%;
  max-width: 66.6666%;
}

.flex-col-75 {
  -webkit-box-flex: 0;
  -moz-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.flex-col-80 {
  -webkit-box-flex: 0;
  -moz-flex: 0 0 80%;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}

.flex-col-90 {
  -webkit-box-flex: 0;
  -moz-flex: 0 0 90%;
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%;
}

.align-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.align-self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.align-self-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

/* Responsive Grid Classes */
/* Adding a class of responsive-X to a row */
/* will trigger the flex-direction to */
/* change to column and add some margin */
/* to any columns in the row for clearity */
@media (max-width: 767px) {
  .responsive-sm {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .responsive-sm .col, .responsive-sm .col-10, .responsive-sm .col-20, .responsive-sm .col-25, .responsive-sm .col-33, .responsive-sm .col-34, .responsive-sm .col-50, .responsive-sm .col-66, .responsive-sm .col-67, .responsive-sm .col-75, .responsive-sm .col-80, .responsive-sm .col-90 {
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 15px;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .responsive-md {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .responsive-md .col, .responsive-md .col-10, .responsive-md .col-20, .responsive-md .col-25, .responsive-md .col-33, .responsive-md .col-34, .responsive-md .col-50, .responsive-md .col-66, .responsive-md .col-67, .responsive-md .col-75, .responsive-md .col-80, .responsive-md .col-90 {
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 15px;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .responsive-lg {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .responsive-lg .col, .responsive-lg .col-10, .responsive-lg .col-20, .responsive-lg .col-25, .responsive-lg .col-33, .responsive-lg .col-34, .responsive-lg .col-50, .responsive-lg .col-66, .responsive-lg .col-67, .responsive-lg .col-75, .responsive-lg .col-80, .responsive-lg .col-90 {
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 15px;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }
}
* {
  outline-color: transparent;
}

.back-bg {
  background-image: -o-linear-gradient(153deg, #80cefe, #94deff);
  background-image: linear-gradient(297deg, #80cefe, #94deff);
}

.move_dashboard {
  margin-left: 264px;
  width: 100%;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  overflow: hidden;
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.toggle_menu {
  width: 264px !important;
  left: 0;
  -webkit-transition-duration: 0.2s !important;
       -o-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
  -webkit-transition-timing-function: ease-out !important;
       -o-transition-timing-function: ease-out !important;
          transition-timing-function: ease-out !important;
}

.text-red {
  color: #fd9b8c;
}

.btn-order {
  font-size: 16px;
  padding: 1px 25px;
  line-height: 2.25;
  text-align: center;
  color: #f96060;
  border-radius: 4px;
  border: solid 1px #f96060;
  background-color: #ffffff;
  margin-right: 8px;
  min-width: 148px;
}

.btn-place {
  font-size: 16px;
  line-height: 2.25;
  text-align: center;
  color: #3d3d3d;
  border-radius: 4px;
  border: solid 1px #f9ab1b;
  background-color: #f9ab1b;
  margin-right: 8px;
  padding: 1px 25px;
  min-width: 148px;
}

.btn-transparent {
  background: transparent;
    border: transparent;
    font-size: 14px;
    line-height: 19px;
    color: #FFFCFC;
    padding: 9px 0 9px 8px;
    border-left: solid 1px #3C3241;
}

/* .btnpdf{
  border-bottom: solid #cc0909;
}

.btnexc{
  border-bottom: solid #69a56d;
} */

.btn-transparent img {
  margin-right: 8px;
  height: 30px;
}

.text-green {
  color: #59ea92;
}

app-sidebar-profile .admin {
  width: 264px;
  display: inline-block;
  position: fixed;
  top: 110px;
  height: calc(100vh - 89px);
  left: 0;
  margin-top: 0;
}

app-admin-profile .main-profile-container {
  padding: 0;
}

app-all-bet-history .balance-status > ngx-datatable,
app-all-player-profit-loss .balance-status > ngx-datatable {
  height: calc(100vh - 200px) !important;
}

.suspended {
    width: 100%;
    background-color: #00000040 !important;
    right: 0;
    height: 42px;
    border-radius: 2px;
    color: #FFE176 !important;
    text-transform: uppercase;
    position: absolute;
    z-index: 0;
    padding-top: 15px !important;
}

.suspended *{
  font-size: 9px !important;
  color: #fff !important;
}

.suspended p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0px;
  height: 100%;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 14px;
  /* text-shadow: 0 4px 4px #000; */
}

.suspended-home {
  position: absolute;
  top: -6px;
  width: calc(63% + 24px);
  background: rgba(0, 0, 0, 0.6);
  height: 114%;
  right: 8px;
}
.suspended-home p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0px;
  height: 100%;
  color: white;
}

.badge {
  padding: 3px 7px 5px 7px;
}

.cursor {
  cursor: pointer;
}

/*Scrollbar Custom*/
/* width */


::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  position: absolute;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 1px;
  background-color: #f2f2f2;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #e5943f;
  border-radius: 1px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #e5943f;
}

::-webkit-scrollbar-thumb:hover {
  background: #e5943f;
}













.datatable-header-cell-label::after{
  display: none;
}







ngx-datatable {
  -webkit-box-shadow: 0px 4px 10px rgba(33, 57, 75, 0.2);
          box-shadow: 0px 4px 10px rgba(33, 57, 75, 0.2);
  border-radius: 8px;
}
ngx-datatable datatable-header {
  border-radius: 8px 8px 0px 0px;
  text-align: right;
}

.alignment-ui ngx-datatable datatable-header, .alignment-ui datatable-body-cell { text-align: left; }


ngx-datatable datatable-header datatable-header-cell {
  padding: 8px 12px;
  border-left: 1px solid #ccc;
}
ngx-datatable datatable-header datatable-header-cell .datatable-header-cell-template-wrap {
  color: #000;
}
ngx-datatable datatable-header datatable-header-cell .datatable-header-cell-template-wrap .datatable-header-cell-label {
  display: inline-block;
  position: relative;
}
ngx-datatable datatable-header datatable-header-cell .datatable-header-cell-template-wrap .datatable-header-cell-label:after {
  content: "";
  font-family: fontawesome;
  position: absolute;
  top: 1px;
  right: -18px;
}

ngx-datatable datatable-header datatable-header-cell:first-child .datatable-header-cell-label {
  display: inline-block;
  position: relative;
}
ngx-datatable datatable-header datatable-header-cell:first-child .datatable-header-cell-label:after {
  content: "";
  font-family: fontawesome;
  position: absolute;
  top: 1px;
  right: -18px;
}
ngx-datatable datatable-body .empty-row {
  position: absolute;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
          background-image: url(/assets/images/norecode.png);
          background-repeat: no-repeat;
    background-position: center, center;
    background-color: #fff;
    font-size: 0px;
}
ngx-datatable datatable-body datatable-row-wrapper {
  border-bottom: 1px solid var(--card-border);
}
/* ngx-datatable datatable-body datatable-row-wrapper:nth-of-type(odd) {
  background: white;
}
ngx-datatable datatable-body datatable-row-wrapper:nth-of-type(even) {
  background: #e0ecf3;
} */
ngx-datatable datatable-body datatable-row-wrapper datatable-body-row datatable-body-cell {
  padding: 4px 12px;
}
ngx-datatable datatable-body datatable-row-wrapper datatable-body-row datatable-body-cell a {
  display: inline-block;
  margin-right: 8px;
}
ngx-datatable datatable-body datatable-row-wrapper datatable-body-row datatable-body-cell strong {
  font-size: 13px;
}
ngx-datatable datatable-body datatable-row-wrapper datatable-body-row datatable-body-cell .datatable-icon-down {
  display: inline-block;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
ngx-datatable datatable-body datatable-row-wrapper:last-child {
  border-bottom: none;
}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail {
  border-top: 1px solid var(--card-border);
  padding: 0;
  background: #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div {
  width: 800px;
}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-header {
  border-radius: 0px;
  width: 100%;
  padding: 6px 0px 6px 0px;
  background: var(--sub-table-bg);
}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-header datatable-header-cell {
  text-align: left;
  padding: 0px 12px !important;
}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-header datatable-header-cell .datatable-header-cell-template-wrap {
  color: #042659;
}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-header datatable-header-cell .datatable-header-cell-template-wrap .datatable-header-cell-label {
  display: inline-block;
  position: relative;
}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-header datatable-header-cell .datatable-header-cell-template-wrap .datatable-header-cell-label:after {
  content: "";
  font-family: fontawesome;
  position: absolute;
  top: 1px;
  right: -18px;
}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-body datatable-row-wrapper {
  background: rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid #D8D8D8;
}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-body datatable-row-wrapper datatable-body-row datatable-body-cell {
  text-align: left;
  padding-left: 12px;
}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-body datatable-row-wrapper datatable-body-row datatable-body-cell strong {
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.profit-loss-status ngx-datatable > div[visibilityobserver],
.balance-status ngx-datatable > div[visibilityobserver] {
  margin-top: 0px;
}


:root {
  --primary-btn: #F2F3F7;
  --card-bg: #FAFAFA;
  --card-header-font: white;
  --card-border: #445E73;
  --card-bg: #FAFAFA;
  --card-border: #F5F5F5;
  --card-font: #26333D;
  --rating-blue: linear-gradient(316.58deg, #80CEFE 0%, #94DEFF 100%);
  --rating-red: linear-gradient(136.58deg, #F8C8D3 0%, #FCADD4 100%);
  --start-time: #000000;
  --order-border: #E2E8EA;
}

.skin-1 {
  --primary-btn: #F2F3F7;
  --color-btn: #496D7D;
  --primary-color: #262c59;
  --card-header-font: white;
  --card-border: #445E73;
  --sub-table-bg: rgba(172, 195, 206, 0.8);
  --card-bg-even: #FAFAFA;
  --card-bg-odd: white;
  --card-border: #F5F5F5;
  --card-font: #26333D;
  --rating-blue: linear-gradient(130.94deg, #75D4FF -10.8%, rgba(171, 200, 255, 0.44) 117.4%);
  --rating-red: linear-gradient(124.85deg, #FCADD4 0%, #FFDFEF 100%);
  --start-time: #000000;
  --nav-border: #A6BCCF;
  --sidebar-font: #fff;
  --active-bg: linear-gradient(89.76deg, #151841 0.04%, rgba(28, 32, 74, 0) 98.81%);;
  --match-tab: rgba(73, 109, 125, 0.1);
  --tab-active: #496D7D;
  --tab-font: rgba(38, 51, 61, .8);
  --tab-active-font: rgba(255, 255, 255, .8);
  --draw: #EAEBEF;
  --order-border: #E2E8EA;
  --input-border: #496D7D;
  --search-bar: white;
  --heading-bg: #3a5f70;
}

.skin-2 {
  --primary-btn: #F2F3F7;
  --color-btn: #496D7D;
  --card-bg-even: #FAFAFA;
  --card-bg-odd: white;
  --card-font: #26333D;
  --primary-color: #6899b0;
  --card-border: #F5F5F5;
  --rating-blue: linear-gradient(316.58deg, #80CEFE 0%, #94DEFF 100%);
  --rating-red: linear-gradient(136.58deg, #F8C8D3 0%, #FCADD4 100%);
  --start-time: #000000;
  --nav-border: #A6BCCF;
  --sidebar-font: #21394b;
  --active-bg: #E8EEF4;
  --match-tab: rgba(73, 109, 125, 0.1);
  --tab-active: #6899B0;
  --tab-font: rgba(38, 51, 61, .8);
  --tab-active-font: rgba(255, 255, 255, .8);
  --draw: #EAEBEF;
  --order-border: #E2E8EA;
  --input-border: #496D7D;
  --search-bar: black;
  --heading-bg: #6899b0;
}

.skin-3 {
  --primary-btn: rgba(255, 255, 255, .1);
  --color-btn: #FFFFFF;
  --card-bg-even: #445E73;
  --card-bg-odd: #4A6377;
  --card-font: #FFFFFF;
  --primary-color: #4a6377;
  --card-border: #445E73;
  --rating-blue: linear-gradient(316.58deg, #80CEFE 0%, #94DEFF 100%);
  --rating-red: linear-gradient(136.58deg, #F8C8D3 0%, #FCADD4 100%);
  --start-time: white;
  --card-header-font: white;
  --sub-table-bg: rgba(172, 195, 206, 0.8);
  --nav-border: #455B6C;
  --sidebar-font: #fff;
  --active-bg: rgba(255, 255, 255, 0.1);
  --match-tab: #43596B;
  --tab-active: #FFFFFF;
  --tab-font: rgba(38, 51, 61, .8);
  --tab-active-font: rgba(52, 79, 100, .8);
  --draw: #5C7385;
  --order-border: rgba(226, 232, 234, .2);
  --input-border: rgba(255, 255, 255, .2);
  --search-bar: white;
  --heading-bg: #637b8f;
}

/* Start Of Skin-1 */
.skin-1 .container-bg {
  /* background-color: #f2f3f7; */
}
.skin-1 .regulations {
  background: white;
}
.skin-1 .conditions {
  background: white;
}
.skin-1 .bb-4 {
  border-bottom: 4px solid white;
}
.skin-1 .radio-btn-filter {
  background: white;
}
.skin-1 .back-lay-container-matched {
  background-color: white;
}
.skin-1 .help-box-bg {
  background: #fffcfc;
}
.skin-1 .back-lay-container {
  background: transparent;
}
.skin-1 .icon-contact {
  background-color: #d4d6d8;
}
.skin-1 .icon-email {
  background-color: #d4d6d8;
}
.skin-1 .contact-img {
  background-image: url("/assets/images/call.png");
  background-repeat: no-repeat;
  background-position: center;
}
.skin-1 .mail-img {
  background-image: url("/assets/images/mail.png");
  background-repeat: no-repeat;
  background-position: center;
}
.skin-1 div[headerBg] {
  background-color: #3a5f70;
  border-bottom: 2px solid #FCB614;
}
.skin-1 div[menunav] {
  background-color: #2d4a57;
}
.skin-1 .custom-active-games {
  background: rgba(58, 95, 112, 0.1) !important;
}
.skin-1 .dashboard.dashboard-bg {
  background-color: white;
}
.skin-1 .dashboard .accordian-menu-bg {
   /* background:linear-gradient(141.93deg, #171B43 0%, #262C59 51.32%); */
   background: var(--main-color) !important;
}
.skin-1 .dashboard .container-main .games-container .games-heading {
  background: transparent;
}
.skin-1 .dashboard .content-card-bg,
.skin-1 .dashboard .games-grid {
  background: white;
}
.skin-1 .dashboard .navbar-color {
  background: white;
}
.skin-1 .dashboard .bet-slip-bg {
  background-color: #a6bccf;
}
.skin-1 .dashboard .custom-active-games {
  color: #000 !important;
  background: linear-gradient(99.87deg, #FFEFDE 20.02%, #FFE8CF 96.95%) !important;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}
 /* .skin-1 .dashboard .custom-active-gamesliul {
   background: linear-gradient(180deg, #F8962F -4.44%, #FFC78C 104.44%);
 } */

.skin-1 .dashboard .input-search-bg {
  background: rgba(255, 255, 255, 0.2);
}
.skin-1 .dashboard .input-search-bg::-webkit-input-placeholder {
  opacity: 0.68;

  font-size: 14px;
  font-weight: 100;
  color: white;
}
.skin-1 .dashboard .input-search-bg::-moz-placeholder {
  opacity: 0.68;

  font-size: 14px;
  font-weight: 100;
  color: white;
}
.skin-1 .dashboard .input-search-bg:-ms-input-placeholder {
  opacity: 0.68;

  font-size: 14px;
  font-weight: 100;
  color: white;
}
.skin-1 .dashboard .input-search-bg::-ms-input-placeholder {
  opacity: 0.68;

  font-size: 14px;
  font-weight: 100;
  color: white;
}
.skin-1 .dashboard .input-search-bg::placeholder {
  opacity: 0.68;

  font-size: 14px;
  font-weight: 100;
  color: white;
}
.skin-1 .dashboard .base-c {
  color: #fff;
}
.skin-1 .dashboard .base-c.base-c-games-type {
  color: var(--main-color);
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  padding: 10px 15px;
  margin-bottom: 10px;
}
.skin-1 .dashboard .base-c.base-c-games-type.active {
  background-color: #3a5f70;
  color: #fff;
}
.skin-1 .dashboard .base-c.base-c-games-type.active:hover {
  background-color: #3a5f70 !important;
  color: #fff;
}
.skin-1 .dashboard .base-c.base-c-games-type.demo.active {
  background: var(--tab-active) !important;
  color: var(--tab-active-font) !important;
}
.skin-1 .dashboard .badge-bg {
  background: rgba(255, 255, 255, 0.1);
}
.skin-1 .dashboard .active-badge {
  background-color: #f9ab1b;
}
.skin-1 .dashboard .base-c-inlay {
  color: #21394B;
}
.skin-1 .dashboard .live {
  color: #26333d;
}
.skin-1 .dashboard .score-a {
  color: #26333d;
}
.skin-1 .dashboard .score-b {
  color: #26333d;
}
.skin-1 .dashboard .hr-color {
  opacity: 0.2;
}
.skin-1 .dashboard .bg-icon {
  height: 10px;
  width: 10px;
  position: relative;
  top: 7px;
}
.skin-1 .dashboard .bg-icon-pinned {
  height: 10px;
  width: 10px;
  position: relative;
  top: 7px;
}
.skin-1 .dashboard .arrow-side-color {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 7px;
}
.skin-1 .dashboard .lay-profit-bg {
  background-color: #FFE4F2;
  border-bottom:none !important;
  border-radius: 2px ​!important;
}
.skin-1 .dashboard .incre-decre-btn-bg {
  border:none;
  background-color: var(--main-color) !important;
}
.skin-1 .dashboard .back-profit-bg {
  background: #D9F1FF;
  border-top: 1px solid rgba(166, 188, 207, 0.4);
}
.skin-1 .dashboard .team-rating-bg-color {
  background-color: #eaebef;
  color: #26333d;
}
.skin-1 .accordion-profile {
  background:#000;
}
.skin-1 .table-card-header-bg {
  background-color: #262c59 !important;
}
.skin-1 .accordion-color {
  color: white;
}
.skin-1 .accordion-color.active {
  color: #f9ab1b;
}
.skin-1 .custom-active-games {
  background: rgba(58, 95, 112, 0.1);
}
.skin-1 button:hover {
  opacity: 0.9 !important;
}
.skin-1 input[type=button]:hover {
  opacity: 0.8 !important;
}
.skin-1 .login {
  background-image: url("/assets/images/login-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.skin-1 .accordion-border {
  border-bottom: none !important;
  background:#000;
}
.skin-1 .accordion-border.bottom {
  border-bottom: 1px solid rgba(74, 126, 150, 0.2);
}
.skin-1 .accordion-border.top {
  border-top: transparent;
}
.skin-1 .date-btn-bg {
  background: white;
}
.skin-1 .primary-color {
  color: #333;
}
.skin-1 .secondry-color {
  color: white;
}
.skin-1 .skins-header {
  background-color: #262c59;
}
.skin-1 .username-mail-box {
  background-color: white;
}
.skin-1 .change-password-box {
  background: white;
}
.skin-1 .form-control {
  padding: 11px 0px 11px 16px;
  height: auto;
  border: solid 1px #496d7d;
}

.skin-1  .form-control.input-height { height: 40px; }
.skin-1 .form-control::-webkit-input-placeholder {
 
  font-size: 14px;
  color: rgba(73, 109, 125, 0.9);
  opacity: 0.6;
}
.skin-1 .form-control::-moz-placeholder {
 
  font-size: 14px;
  color: rgba(73, 109, 125, 0.9);
  opacity: 0.6;
}
.skin-1 .form-control:-ms-input-placeholder {
 
  font-size: 14px;
  color: rgba(73, 109, 125, 0.9);
  opacity: 0.6;
}
.skin-1 .form-control::-ms-input-placeholder {
 
  font-size: 14px;
  color: rgba(73, 109, 125, 0.9);
  opacity: 0.6;
}
.skin-1 .form-control::placeholder {
  font-size: 14px;
  color: rgba(73, 109, 125, 0.9);
}
.skin-1 .footer-policy-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #3a5f70;
  margin-left: -4px !important;
}
.skin-1 .footer-policy-profile button {
  padding: 21px 15px 19px 18px;
  background: transparent;
  border: transparent;
}
.skin-1 .footer-policy-profile button a {

  color: white;
  font-size: 16px;
  color: #b5cfda;
}
.skin-1 input {
  border: solid 1px #d3d3d3;
  background-color: #fff;
}
.skin-1 .container-nav-bg {
  background-color: white;
}
.skin-1 textarea::-webkit-input-placeholder {

  font-size: 14px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-1 textarea::-moz-placeholder {

  font-size: 14px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-1 textarea:-ms-input-placeholder {

  font-size: 14px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-1 textarea::-ms-input-placeholder {

  font-size: 14px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-1 textarea::placeholder {

  font-size: 14px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-1 .balance-status {
  background-color: white;
}

.skin-1 .dashboard .container-livescore .container-nav {
  background: white;
  border-bottom: 1px solid #a6bccfba;
  box-shadow: 0 1px 10px -2px #0000006b;
  display: none;
}
.skin-1 .dashboard .container-livescore .score-stats {
  background: var(--card-bg-even);
  box-shadow: 0 4px 10px rgba(33, 57, 75, 0.2) !important;
  border-radius: 8px;
}
.skin-1 .dashboard .container-livescore .base-c {
  color: #21394b;
}
.skin-1 .dashboard .container-livescore .base-c-2 {
  color: white;
}
.skin-1 .dashboard .container-livescore .match-odd-header {
  background-color: #496d7d;
}
.skin-1 .dashboard .container-livescore .card-value-bg {
  border-radius: 2px;
  background-image: -o-linear-gradient(139deg, #80cefe, #94deff);
  background-image: linear-gradient(311deg, #80cefe, #94deff);
}
.skin-1 .dashboard .container-livescore .card-value-bg:hover {
  border: 2px solid #1599d4;
}
.skin-1 .dashboard .container-livescore .card-value-fade-bg {
  opacity: 0.4;
  border-radius: 2px;
  background-image: -o-linear-gradient(139deg, #80cefe, #94deff);
  background-image: linear-gradient(311deg, #80cefe, #94deff);
}
.skin-1 .dashboard .container-livescore .card-value-bg-2 {
  border-radius: 2px;
  background-image: -o-linear-gradient(319deg, #f8c8d3, #fcadd4);
  background-image: linear-gradient(131deg, #f8c8d3, #fcadd4);
}
.skin-1 .dashboard .container-livescore .card-value-bg-2:hover {
  border: 2px solid #df4993;
}
.skin-1 .dashboard .container-livescore .card-value-fade-bg-2 {
  opacity: 0.4;
  border-radius: 2px;
  background-image: -o-linear-gradient(319deg, #f8c8d3, #fcadd4);
  background-image: linear-gradient(131deg, #f8c8d3, #fcadd4);
}
.skin-1 .dashboard .container-livescore .color-value-1 {
  color: #3ebe71;
  font-weight: 800;
}
.skin-1 .dashboard .container-livescore .color-value-2 {
  color: #f96060;
  font-weight: 800;
}
.skin-1 .dashboard .container-livescore .fancy-bets-heading {
  font-size: 16px;
  font-weight: 600;

  color: #3d3d3d;
  margin: 17px 0px;
}
@media screen and (max-width: 1291px) {
  .skin-1 .dashboard .container-livescore .fancy-bets-heading {
    font-size: 13px;
    font-weight: 100;
  }
}
.skin-1 .dashboard .container-livescore .fancy-bet-cancel-btn {
  display: inline-block;
  border-radius: 4px;
  border: solid 1px #f96060;
  background: white;
  color: red;
  padding: 11px 10px;
}
.skin-1 .dashboard .container-livescore .fancy-bet-place-btn {
  display: inline-block;
  border: solid 1px #f9ab1b;
  background: white;
  color: red;
  padding: 11px 0;
  border-radius: 4px;
  background-color: #f9ab1b;
  color: #21394b;
  font-weight: 600;
  padding: 11px 22px;
}
.skin-1 .dashboard .container-livescore .fancy-bet-input {
  width: 58%;
  padding: 10px 0;
  text-align: center;
  border: solid 1px #a6bccf;
  font-weight: bolder;
}
.skin-1 .dashboard .container-livescore .fancy-place-cancel-bg {
  background-color: #dbf1fb;
  padding: 8px 0px !important;
}
.skin-1 .dashboard .container-livescore .fancy-bet-button {
  padding: 5px 18px;
  border-radius: 20px;
  border: solid 1px #496d7d;
  background-color: #e8eef4;
}
.skin-1 .dashboard .container-livescore .fancy-bet-adv-bg {
  background-color: #f2f3f7;
  border-bottom: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
}
.skin-1 .dashboard .container-livescore .tied-match-header {
  background-color: #496d7d;
}
.skin-1 .dashboard .container-livescore .tied-match-container {
  background: white;
}
.skin-1 .dashboard .container-livescore .tied-blank-bg {
  background-color: #f3f5f7;
}
.skin-1 .dashboard .container-livescore .fancy-bet-container {
  background: white;
}
.skin-1 .dashboard .container-livescore .inning {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #fff;
}
.skin-1 div[menuChildren] {
  background: white;
}


.skin-2 ngx-datatable {
  color: #677784;
}
.skin-2 .container-main-rulesregulations {
  background: white;
}
.skin-2 .conditions {
  background: white;
}
.skin-2 .regulations {
  background: white;
}
.skin-2 .bb-4 {
  border-bottom: 4px solid white;
}
.skin-2 .radio-btn-filter {
  background: white;
}
.skin-2 .back-lay-container-matched {
  background-color: white;
}
.skin-2 .help-box-bg {
  background: #fffcfc;
}
.skin-2 .back-lay-container {
  background: white;
}
.skin-2 .balance-status {
  background-color: white;
}
.skin-2 .icon-contact {
  background-color: #d4d6d8;
}
.skin-2 .icon-email {
  background-color: #d4d6d8;
}
.skin-2 .contact-img {
  background-repeat: no-repeat;
  background-position: center;
}
.skin-2 .mail-img {
  background-repeat: no-repeat;
  background-position: center;
}
.skin-2 div[headerBg] {
  background: #6899b0;
  border-bottom: 2px solid #FCB614;
}
.skin-2 div[menunav] {
  background: #4a7e96;
}
.skin-2 .custom-active-games {
  background: rgba(58, 95, 112, 0.1) !important;
}
.skin-2 .dashboard.dashboard-bg {
  background: -o-linear-gradient(316.16deg, #DCE3EB 0%, #D5DFEB 62.33%);
  background: linear-gradient(133.84deg, #DCE3EB 0%, #D5DFEB 62.33%);
}
.skin-2 .dashboard .accordian-menu-bg {
  background-color: #ffffff;
}
.skin-2 .dashboard .container-main .games-container .games-heading {
  background-color: #6899b0;
}
.skin-2 .dashboard .content-card-bg,
.skin-2 .dashboard .games-grid {
  background: white;
}
.skin-2 .dashboard .navbar-color {
  background: white;
}
.skin-2 .dashboard .bet-slip-bg {
  background-color: #a6bccf;
}
.skin-2 .dashboard .custom-active-games {
  background: rgba(58, 95, 112, 0.1) !important;
}
.skin-2 .dashboard .games-type-bg {
  background-color: white;
}
.skin-2 .dashboard .live {
  color: #26333d;
}
.skin-2 .dashboard .score-a {
  color: #26333d;
}
.skin-2 .dashboard .score-b {
  color: #26333d;
}
.skin-2 .dashboard .input-search-bg {
  background-color: #e8eef4;
}
.skin-2 .dashboard .input-search-bg::-webkit-input-placeholder {
  opacity: 0.68;
  font-family: AvenirNext;
  font-size: 14px;
  color: #21394b;
}
.skin-2 .dashboard .input-search-bg::-moz-placeholder {
  opacity: 0.68;
  font-family: AvenirNext;
  font-size: 14px;
  color: #21394b;
}
.skin-2 .dashboard .input-search-bg:-ms-input-placeholder {
  opacity: 0.68;
  font-family: AvenirNext;
  font-size: 14px;
  color: #21394b;
}
.skin-2 .dashboard .input-search-bg::-ms-input-placeholder {
  opacity: 0.68;
  font-family: AvenirNext;
  font-size: 14px;
  color: #21394b;
}
.skin-2 .dashboard .input-search-bg::placeholder {
  opacity: 0.68;
  font-family: AvenirNext;
  font-size: 14px;
  color: #21394b;
}
.skin-2 .dashboard .base-c {
  color: #21394b;
}
.skin-2 .dashboard .base-c.base-c-games-type {
  color: #21394B;
  cursor: pointer;
}
.skin-2 .dashboard .base-c.base-c-games-type.active {
  background-color: #21394b;
  color: #fff;
}
.skin-2 .dashboard .base-c.base-c-games-type.active:hover {
  background-color: #21394b !important;
  color: #fff;
}
.skin-2 .dashboard .base-c.base-c-games-type.demo.active {
  background: var(--tab-active) !important;
  color: var(--tab-active-font) !important;
}
.skin-2 .dashboard .badge-bg {
  background-color: #e8eef4;
}
.skin-2 .dashboard .base-c-badge {
  color: #3a5f70;
}
.skin-2 .dashboard .base-c-inlay {
  color: #21394B;
}
.skin-2 .dashboard .hr-color {
  border-top: 1px solid rgba(74, 126, 150, 0.1);
}
.skin-2 .dashboard .lay-profit-bg {
  background-color: rgba(248, 200, 211, 0.8);
  border-bottom: 1px solid #f8c8d3;
}
.skin-2 .dashboard .incre-decre-btn-bg {
  border: 1px solid #496d7d;
  background-color: #496d7d;
}
.skin-2 .dashboard .back-profit-bg {
  background: rgba(207, 237, 255, 0.8);
  border-top: 1px solid rgba(166, 188, 207, 0.4);
}
.skin-2 .dashboard .bg-icon {
  position: relative;
  top: 9px;
  left: 6px;
  background-size: 47% 52%;
  background-repeat: no-repeat;
  background-position: center;
}
.skin-2 .dashboard .bg-icon-pinned {
  position: relative;
  top: 9px;
  left: 4px;
  background-size: 58% 62%;
  background-repeat: no-repeat;
  background-position: center;
}
.skin-2 .dashboard .arrow-side-color {
  background-repeat: no-repeat;
  background-size: 48% 61%;
  background-position: center;
  opacity: 0.5;
}
.skin-2 .dashboard .team-rating-bg-color {
  background-color: #eaebef;
  color: #26333d;
}
.skin-2 .accordion-profile {
  background: white;
}
.skin-2 .table-card-header-bg {
  background-color: #6899b0;
}
.skin-2 .accordion-color {
  color: #21394b;
}
.skin-2 .accordion-color.active {
  color: #f9ab1b;
}
.skin-2 .custom-active-games {
  background: rgba(58, 95, 112, 0.1) !important;
}
.skin-2 .login {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.skin-2 button:hover {
  opacity: 0.9 !important;
}
.skin-2 input[type=button]:hover {
  opacity: 0.8 !important;
}
.skin-2 .accordion-border {
  border-top: 1px solid rgba(74, 126, 150, 0.2);
}
.skin-2 .accordion-border.bottom {
  border-bottom: 1px solid rgba(74, 126, 150, 0.2);
}
.skin-2 .accordion-border.top {
  border-top: transparent;
}
.skin-2 .container-bg {
  background-color: #f2f3f7;
}
.skin-2 .date-btn-bg {
  background: white;
}
.skin-2 .primary-color {
  color: #3d3d3d;
}
.skin-2 table tr td {
  color: #3d3d3d;
}
.skin-2 table tr th {
  color: white;
}
.skin-2 .balance-status {
  color: white;
}
.skin-2 .skins-header {
  background: #6899b0;
}
.skin-2 .username-mail-box {
  background-color: white;
}
.skin-2 .change-password-box {
  background: white;
}
.skin-2 .form-control {
  padding: 11px 0px 11px 16px;
  height: auto;
  border: solid 1px #496d7d;
}
.skin-2 .form-control::-webkit-input-placeholder {
  opacity: 0.6;

  font-size: 13px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-2 .form-control::-moz-placeholder {
  opacity: 0.6;

  font-size: 13px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-2 .form-control:-ms-input-placeholder {
  opacity: 0.6;

  font-size: 13px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-2 .form-control::-ms-input-placeholder {
  opacity: 0.6;

  font-size: 13px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-2 .form-control::placeholder {
  opacity: 0.6;

  font-size: 13px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-2 .footer-policy-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #6899b0;
  margin-left: -4px !important;
}
.skin-2 .footer-policy-profile button {
  padding: 21px 15px 19px 18px;
  background: transparent;
  border: transparent;
}
.skin-2 .footer-policy-profile button a {

  color: white;
  font-size: 16px;
}
.skin-2 .container-nav-bg {
  background-color: white;
}
.skin-2 textarea::-webkit-input-placeholder {

  font-size: 14px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-2 textarea::-moz-placeholder {

  font-size: 14px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-2 textarea:-ms-input-placeholder {

  font-size: 14px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-2 textarea::-ms-input-placeholder {

  font-size: 14px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-2 textarea::placeholder {

  font-size: 14px;
  color: rgba(73, 109, 125, 0.6);
}
.skin-2 input {
  border: solid 1px #d3d3d3;
  background-color: #f8f8f8;
}
.skin-2 .dashboard {
  background-image: -o-linear-gradient(320deg, #dce3eb, #d5dfeb);
  background-image: linear-gradient(130deg, #dce3eb, #d5dfeb);
}
.skin-2 .dashboard .container-livescore .container-nav {
  background: white;
}
.skin-2 .dashboard .container-livescore .score-stats {
  background: white;
}
.skin-2 .dashboard .container-livescore .base-c {
  color: #21394b;
}
.skin-2 .dashboard .container-livescore .base-c-2 {
  color: white;
}
.skin-2 .dashboard .container-livescore .match-odd-header {
  background-color: #6899b0;
}
.skin-2 .dashboard .container-livescore .card-value-bg {
  background-image: -o-linear-gradient(139deg, #80cefe, #94deff);
  background-image: linear-gradient(311deg, #80cefe, #94deff);
}
.skin-2 .dashboard .container-livescore .card-value-bg:hover {
  border: 2px solid #1599d4;
}
.skin-2 .dashboard .container-livescore .card-value-fade-bg {
  opacity: 0.4;
  border-radius: 2px;
  background-image: -o-linear-gradient(139deg, #80cefe, #94deff);
  background-image: linear-gradient(311deg, #80cefe, #94deff);
}
.skin-2 .dashboard .container-livescore .card-value-bg-2 {
  border-radius: 2px;
  background-image: -o-linear-gradient(319deg, #f8c8d3, #fcadd4);
  background-image: linear-gradient(131deg, #f8c8d3, #fcadd4);
}
.skin-2 .dashboard .container-livescore .card-value-bg-2:hover {
  border: 2px solid #df4993;
}
.skin-2 .dashboard .container-livescore .card-value-fade-bg-2 {
  opacity: 0.4;
  border-radius: 2px;
  background-image: -o-linear-gradient(319deg, #f8c8d3, #fcadd4);
  background-image: linear-gradient(131deg, #f8c8d3, #fcadd4);
}
.skin-2 .dashboard .container-livescore .color-value-1 {
  color: #3ebe71;
}
.skin-2 .dashboard .container-livescore .color-value-2 {
  color: #f96060;
}
.skin-2 .dashboard .container-livescore .fancy-bets-heading {
  font-size: 16px;
  font-weight: 600;

  color: #3d3d3d;
  margin: 17px 0px;
}
@media screen and (max-width: 1291px) {
  .skin-2 .dashboard .container-livescore .fancy-bets-heading {
    font-size: 13px;
    font-weight: 100;
  }
  app-admin-fantasy ul.card-listing-box {
    padding: 0 30px !important;
}
}
.skin-2 .dashboard .container-livescore .fancy-bet-cancel-btn {
  display: inline-block;
  border-radius: 4px;
  border: solid 1px #f96060;
  background: white;
  color: red;
  padding: 11px 10px;
}
.skin-2 .dashboard .container-livescore .fancy-bet-place-btn {
  display: inline-block;
  border: solid 1px #f9ab1b;
  background: white;
  color: red;
  padding: 11px 0;
  border-radius: 4px;
  background-color: #f9ab1b;
  color: #21394b;
  font-weight: 600;
  padding: 11px 22px;
}
.skin-2 .dashboard .container-livescore .fancy-bet-input {
  width: 58%;
  padding: 10px 0;
  text-align: center;
  border: solid 1px #a6bccf;
  font-weight: bolder;
}
.skin-2 .dashboard .container-livescore .fancy-place-cancel-bg {
  background-color: #dbf1fb;
  padding: 8px 0px !important;
}
.skin-2 .dashboard .container-livescore .fancy-bet-button {
  padding: 5px 18px;
  border-radius: 20px;
  border: solid 1px #496d7d;
  background-color: #e8eef4;
}
.skin-2 .dashboard .container-livescore .fancy-bet-adv-bg {
  background-color: #f2f3f7;
  border-bottom: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
}
.skin-2 .dashboard .container-livescore .tied-match-header {
  background-color: #6899b0;
}
.skin-2 .dashboard .container-livescore .tied-match-container {
  background: white;
}
.skin-2 .dashboard .container-livescore .tied-blank-bg {
  background-color: #f3f5f7;
}
.skin-2 .dashboard .container-livescore .fancy-bet-container {
  background: white;
}
.skin-2 .dashboard .container-livescore .inning {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.skin-2 div[menuChildren] {
  background: white;
}

.skin-3 .cancel-order input[type=button] {
  background: transparent !important;
}
.skin-3 .lay-team-heading p {
  color: white !important;
}
.skin-3 .container-main-rulesregulations {
  background: white;
}
.skin-3 .conditions {
  background-color: #637b8f;
}
.skin-3 .regulations {
  background-color: #637b8f;
}
.skin-3 .bb-4 {
  border-bottom: 4px solid #344d60;
}
.skin-3 .radio-btn-filter {
  background-color: #637b8f;
}
.skin-3 .back-lay-container-matched {
  background-color: #344d60;
}
.skin-3 .bet-button input {
  background: none !important;
  color: white !important;
}
.skin-3 .help-box-bg {
  background-color: #637b8f;
}
.skin-3 .back-lay-container {
  background-color: #344d60;
}
.skin-3 .icon-contact {
  background-color: #344d60;
}
.skin-3 .icon-email {
  background-color: #344d60;
}
.skin-3 .icon-email {
  background-color: #344d60;
}
.skin-3 .contact-img {
  background-image: url("/assets/images/call-white.png");
  background-repeat: no-repeat;
  background-position: center;
}
.skin-3 .mail-img {
  background-image: url("/assets/images/email-white.png");
  background-repeat: no-repeat;
  background-position: center;
}
.skin-3 div[headerBg] {
  background-color: #3a586f;
  border-bottom: 2px solid #FCB614;
}
.skin-3 div[menunav] {
  background-color: #294357;
}
.skin-3 .custom-active-games {
  background: rgba(58, 95, 112, 0.1) !important;
}
.skin-3 .dashboard .input-search-bg {
  background-color: rgba(44, 65, 82, 0.71);
}
.skin-3 .dashboard .input-search-bg::-webkit-input-placeholder {
  font-family: AvenirNext;
  font-size: 14px;
  color: white;
}
.skin-3 .dashboard .input-search-bg::-moz-placeholder {
  font-family: AvenirNext;
  font-size: 14px;
  color: white;
}
.skin-3 .dashboard .input-search-bg:-ms-input-placeholder {
  font-family: AvenirNext;
  font-size: 14px;
  color: white;
}
.skin-3 .dashboard .input-search-bg::-ms-input-placeholder {
  font-family: AvenirNext;
  font-size: 14px;
  color: white;
}
.skin-3 .dashboard .input-search-bg::placeholder {
  font-family: AvenirNext;
  font-size: 14px;
  color: white;
}
.skin-3 .dashboard.dashboard-bg {
  background-image: -o-linear-gradient(323deg, #3a5970, #243542);
  background-image: linear-gradient(127deg, #3a5970, #243542);
}
.skin-3 .dashboard .accordian-menu-bg {
  background-image: -o-linear-gradient(297deg, #3a5970, #243542);
  background-image: linear-gradient(153deg, #3a5970, #243542);
}
.skin-3 .dashboard .container-main .games-container .games-heading {
  background-color: #637b8f;
}
.skin-3 .dashboard .content-card-bg,
.skin-3 .dashboard .games-grid {
  background-color: #4a6377;
}
.skin-3 .dashboard .navbar-color {
  background: rgba(255, 255, 255, 0.05);
  border: transparent;
}
.skin-3 .dashboard .bet-slip-bg {
  background-color: #637b8f;
}
.skin-3 .dashboard .live {
  color: white;
}
.skin-3 .dashboard .score-b {
  color: white;
}
.skin-3 .dashboard .score-a {
  color: white;
}
.skin-3 .dashboard .custom-active-games {
  background: rgba(255, 255, 255, 0.1) !important;
}
.skin-3 .dashboard .card-hr {
  opacity: 0.5 !important;
}
.skin-3 .dashboard .games-type-bg {
  background-color: transparent;
}
.skin-3 .dashboard .base-c {
  color: #fff;
}
.skin-3 .dashboard .base-c.base-c-games-type {
  color: white;
  cursor: pointer;
}
.skin-3 .dashboard .base-c.base-c-games-type.active {
  background-color: #496d7d;
  color: #fff;
}
.skin-3 .dashboard .base-c.base-c-games-type.demo.active {
  background: var(--tab-active) !important;
  color: var(--tab-active-font) !important;
}
.skin-3 .dashboard .hr-color {
  opacity: 0.2;
}
.skin-3 .dashboard .badge-bg {
  background: rgba(255, 255, 255, 0.1);
}
.skin-3 .dashboard .base-c-inlay {
  color: white;
}
.skin-3 .dashboard .lay-profit-bg {
  background-color: rgba(255, 255, 255, 0.1);
}
.skin-3 .dashboard .incre-decre-btn-bg {
  border: 1px solid #A6BCCF;
  background: #A6BCCF;
  color: #1E1E1E !important;
}
.skin-3 .dashboard .back-profit-bg {
  background-color: rgba(255, 255, 255, 0.1);
}
.skin-3 .dashboard .bet-input-bg {
  background-color: rgba(74, 99, 119, 0.7);
  color: white;
  border: 2px solid rgba(74, 99, 119, 0.7);
}
.skin-3 .dashboard .available-bet-bg {
  background: #3a586f;
}
.skin-3 .dashboard .bg-icon {
  height: 10px;
  width: 10px;
  position: relative;
  top: 7px;
}
.skin-3 .dashboard .bg-icon-pinned {
  height: 10px;
  width: 10px;
  position: relative;
  top: 7px;
}
.skin-3 .dashboard .arrow-side-color {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 7px;
}
.skin-3 .dashboard .team-rating-bg-color {
  background-color: rgba(166, 188, 207, 0.2);
  color: white;
}
.skin-3 .accordion-profile {
  background-image: -o-linear-gradient(314deg, #3a5970, #243542);
  background-image: linear-gradient(136deg, #3a5970, #243542);
}
.skin-3 .table-card-header-bg {
  background: #263947;
}
.skin-3 .accordion-color {
  color: white;
}
.skin-3 .accordion-color.active {
  color: #f9ab1b;
}
.skin-3 .login {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.skin-3 button:hover {
  opacity: 0.9 !important;
}
.skin-3 input[type=button]:hover {
  opacity: 0.8 !important;
}
.skin-3 .login {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.skin-3 .accordion-border {
  border-top: 1px solid rgba(74, 126, 150, 0.2);
}
.skin-3 .accordion-border.bottom {
  border-bottom: 1px solid rgba(74, 126, 150, 0.2);
}
.skin-3 .container-bg {
  background-image: -o-linear-gradient(316deg, #3a5970, #243542);
  background-image: linear-gradient(134deg, #3a5970, #243542);
}
.skin-3 .container-nav-bg {
  background-color: #435c6c;
}
.skin-3 .date-btn-bg {
  background-color: #435c6c;
}
.skin-3 .primary-color {
  color: white;
}
.skin-3 .secondry-color {
  color: black;
}
.skin-3 .form-control {
  padding: 11px 0px 11px 16px;
  height: auto;
  border: solid 1px #496d7d;
}
.skin-3 .form-control::-webkit-input-placeholder {
  opacity: 0.6;

  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
}
.skin-3 .form-control::-moz-placeholder {
  opacity: 0.6;

  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
}
.skin-3 .form-control:-ms-input-placeholder {
  opacity: 0.6;

  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
}
.skin-3 .form-control::-ms-input-placeholder {
  opacity: 0.6;

  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
}
.skin-3 .form-control::placeholder {
  opacity: 0.6;

  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
}
.skin-3 table thead tr th {
  color: white;
  border-bottom: 0px;
}
.skin-3 table tbody tr td {
  color: white;
  border-top: 0px;
}
.skin-3 table tbody tr:nth-of-type(odd) {
  background-color: #4a6377;
  border-bottom: 0px;
  border-top: 0px;
}
.skin-3 table tbody tr:nth-of-type(even) {
  background-color: #5b7285;
  border-top: 0px;
  border-bottom: 0px;
}
.skin-3 .balance-status {
  color: #4a6377;
}
.skin-3 .skins-header {
  background-color: #637b8f;
}
.skin-3 .username-mail-box {
  background-color: #4a6377;
}
.skin-3 .change-password-box {
  background-color: #4a6377;
}
.skin-3 .form-control {
  background-color: rgba(255, 255, 255, 0.2);
  border: 0px;
}
.skin-3 .footer-policy-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #3a586f;
  margin-left: -4px !important;
}
.skin-3 .footer-policy-profile button {
  padding: 21px 15px 19px 18px;
  background: transparent;
  border: transparent;
}
.skin-3 .footer-policy-profile button a {

  color: white;
  font-size: 16px;
  color: #b5cfda;
}
.skin-3 input {
  border: solid 1px #d3d3d3;
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
}
.skin-3 input::-webkit-input-placeholder {
  color: white;
}
.skin-3 input::-moz-placeholder {
  color: white;
}
.skin-3 input:-ms-input-placeholder {
  color: white;
}
.skin-3 input::-ms-input-placeholder {
  color: white;
}
.skin-3 input::placeholder {
  color: white;
}
.skin-3 textarea {
  color: white;
}
.skin-3 textarea::-webkit-input-placeholder {
  color: white;
}
.skin-3 textarea::-moz-placeholder {
  color: white;
}
.skin-3 textarea:-ms-input-placeholder {
  color: white;
}
.skin-3 textarea::-ms-input-placeholder {
  color: white;
}
.skin-3 textarea::placeholder {
  color: white;
}
.skin-3 .dashboard {
  background-image: -o-linear-gradient(316deg, #3a5970, #243542);
  background-image: linear-gradient(134deg, #3a5970, #243542);
}
.skin-3 .dashboard .container-livescore .container-nav {
  background-color: rgba(255, 255, 255, 0.05);
  color: white;
}
.skin-3 .dashboard .container-livescore .score-stats {
  background-color: #496378;
}
.skin-3 .dashboard .container-livescore .base-c {
  color: white;
}
.skin-3 .dashboard .container-livescore .base-c-2 {
  color: white;
}
.skin-3 .dashboard .container-livescore .outer {
  background: white;
}
.skin-3 .dashboard .container-livescore .match-odd-header {
  background-color: #637b8f;
}
.skin-3 .dashboard .container-livescore .match-odd_container {
  background: #496378;
}
.skin-3 .dashboard .container-livescore .adv-odd-bg {
  background: #496378;
}
.skin-3 .dashboard .container-livescore .adv-even-bg {
  background: #5b7386;
}
.skin-3 .dashboard .container-livescore .card-value-bg {
  background-image: -o-linear-gradient(139deg, #80cefe, #94deff);
  background-image: linear-gradient(311deg, #80cefe, #94deff);
}
.skin-3 .dashboard .container-livescore .card-value-bg:hover {
  border: 2px solid #1599d4;
}
.skin-3 .dashboard .container-livescore .card-value-fade-bg {
  opacity: 0.4;
  border-radius: 2px;
  background-image: -o-linear-gradient(139deg, #80cefe, #94deff);
  background-image: linear-gradient(311deg, #80cefe, #94deff);
}
.skin-3 .dashboard .container-livescore .card-value-bg-2 {
  border-radius: 2px;
  background-image: -o-linear-gradient(319deg, #f8c8d3, #fcadd4);
  background-image: linear-gradient(131deg, #f8c8d3, #fcadd4);
}
.skin-3 .dashboard .container-livescore .card-value-bg-2:hover {
  border: 2px solid #df4993;
}
.skin-3 .dashboard .container-livescore .card-value-fade-bg-2 {
  opacity: 0.4;
  border-radius: 2px;
  background-image: -o-linear-gradient(319deg, #f8c8d3, #fcadd4);
  background-image: linear-gradient(131deg, #f8c8d3, #fcadd4);
}
.skin-3 .dashboard .container-livescore .color-value-1 {
  color: #3ebe71;
}
.skin-3 .dashboard .container-livescore .color-value-2 {
  color: #f96060;
}
.skin-3 .dashboard .container-livescore .fancy-bets-heading {
  font-size: 16px;
  font-weight: 600;

  color: white;
  margin: 17px 0px;
}
@media screen and (max-width: 1291px) {
  .skin-3 .dashboard .container-livescore .fancy-bets-heading {
    font-size: 13px;
    font-weight: 100;
  }
}
.skin-3 .dashboard .container-livescore table.match tr {
  background: none;
}
.skin-3 .dashboard .container-livescore .fancy-bet-cancel-btn {
  display: inline-block;
  border-radius: 4px;
  border: solid 1px #f96060;
  background: white;
  color: red;
  padding: 11px 10px;
}
.skin-3 .dashboard .container-livescore .fancy-bet-place-btn {
  display: inline-block;
  border: solid 1px #f9ab1b;
  background: white;
  color: red;
  padding: 11px 0;
  border-radius: 4px;
  background-color: #f9ab1b;
  color: #21394b;
  font-weight: 600;
  padding: 11px 22px;
}
.skin-3 .dashboard .container-livescore .fancy-bet-input {
  width: 58%;
  padding: 10px 0;
  text-align: center;
  border: solid 1px #a6bccf;
  font-weight: bolder;
}
.skin-3 .dashboard .container-livescore .fancy-place-cancel-bg {
  background-color: #dbf1fb;
  padding: 8px 0px !important;
}
.skin-3 .dashboard .container-livescore .fancy-bet-button {
  padding: 5px 18px;
  border-radius: 20px;
  border: solid 1px #496d7d;
  background-color: #e8eef4;
}
.skin-3 .dashboard .container-livescore .fancy-bet-adv-bg {
  border-bottom: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
}
.skin-3 .dashboard .container-livescore .fancy-bet-container {
  background: #496378;
}
.skin-3 .dashboard .container-livescore .tied-match-header {
  background-color: #637b8f;
}
.skin-3 .dashboard .container-livescore .tied-match-container {
  background: #496378;
}
.skin-3 .dashboard .container-livescore .tied-blank-bg {
  background: #5b7386;
}
.skin-3 .dashboard .container-livescore .inning {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.skin-3 div[menuChildren] {
  background: #637b8f;
}
.skin-3 .teams .market-data > :first-child span {
  color: white;
}
.skin-3 .empty_message {
  border: 1px solid #657a8a !important;
}
.skin-3 .empty_message p {
  color: #9c9393;
}
.skin-3 .empty_message p img {
  margin-right: 8px;
}


div[menuChildren] {
  margin: 16px 15px 15px 15px;
  -webkit-box-shadow: 0px 2px 10px rgba(33, 57, 75, 0.2);
          box-shadow: 0px 2px 10px rgba(33, 57, 75, 0.2);
  border-radius: 4px;
}
div[menuChildren] div[childNotAll] {
  margin-top: 0px;
  background: var(--card-bg-odd);
}
div[menuChildren] div[childNotAll] li {
  margin: 12px 8px;
}
div[menuChildren] div[childNotAll] li a {
  font-weight: 600;
  padding: 9px 12px 6px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  display: block;
  border-radius: 20px;
  background: var(--match-tab);
}
div[menuChildren] div[childNotAll] li a :first-child {
  padding-right: 2px;
}
div[menuChildren] div[childNotAll] li a :nth-child(2) {
  vertical-align: middle;
}
div[menuChildren] div[childNotAll] li a.active {
  background: var(--tab-active) !important;
}

.modal-dialog {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modalMedimumSz .modal-content{width: 400px;}
.modalButtonRight {justify-content: flex-end;}
.modal-dialog .modal-content {
  width: 644px;
  border-radius: 11px;
}
.modal-small-size, .modalMedimumSz{width: 450px !important;}
.modal-xtra-small-size{width: 320px !important;}
.screen-center-modal {min-height: 100vh;}
.modal-dialog .modal-content .modal-header {
  background-color: #000000 !important;
  padding: 12px 14px 12px 14px;
  border-radius: 8px 8px 0px 0px;
  color: #fff;
}
.modal-dialog .modal-content .modal-header h5 {

  font-size: 16px;
  color: #ffffff;
}
.modal-dialog .modal-content .modal-body {
  color: rgba(61, 61, 61, 0.8);
  font-size: 16px;

}
.modal-dialog .modal-content .modal-footer {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: transparent;
}
.modal-dialog .modal-content .modal-footer .checkbox-modal {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  font-size: 18px;
  color: #3d3d3d;
}
.modal-dialog .modal-content .modal-footer .checkbox-modal input {
  height: 27px;
  width: 27px;
  border-radius: 2px;
  border: solid 2px #b7b7b7;
  background-color: #3d3d3d;
  margin-right: 12px;
}
.modal-dialog .modal-content .modal-footer .close-modal {
  width: 50%;
  text-align: right;
}
.modal-dialog .modal-content .modal-footer .close-modal button {
  border-radius: 4px;

  background-color: #f5a623;
  padding: 19px 54px 20px 52px;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 100%;
    margin:30px auto 0;
  }
}

/* End Of Skin-3 */
hr {
  margin-top: 11px !important;
}

.margin-3 {
  margin: 3px 0px 3px 0px;
}
.cursr{
  cursor: pointer;
}
.mr-12 {
  margin-right: 12px !important;
}

.badge-img {
  position: relative !important;
  top: 3px !important;
  height: 14px !important;
  padding-bottom: -1px;
  width: 14px !important;
  display: inline-block;
}

.icon-live {
  position: relative;
  top: -1px;
}

.pt-2 {
  padding-top: 2px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.hr-margin {
  margin-top: 10px !important;
}

.border-bottom {
  border-bottom: 1px solid #d2d2d2;
}

.border-top {
  border-top: 1px solid #d2d2d2;
}

.mb-5-decre {
  margin-bottom: -5px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.fw-800 {
  font-weight: 800;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.float-left {
  float: left;
  margin-right: 5px;
}

img.badge-img.r-90 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.visibiltiy-h {
  visibility: hidden;
}

.play-img {
    height: inherit !important;
    width: inherit !important;
}

.pb-32 {
  padding-bottom: 32px;
}

.opacity-none {
  opacity: 1;
}

.pr-24 {
  padding-right: 24px !important;
}

.opacity {
  opacity: 0.5;
}

.empty_message {
  width: 100%;
    margin: 0 0 20px 0;
    height: 112px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    border: 0px solid rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    box-shadow: 2px 2px 8px -1px rgba(33, 57, 75, 0.3);
    padding: 0 70px;
    font-size: 18px;
    font-weight: bold;
    color: #243542;
    text-transform: uppercase;
}
.empty_message p {
  color: #9c9393;
}
.empty_message p img {
  margin-right: 8px;
}

.onoffswitch {
  position: relative;
  width: 45px;
  top: 2px;
  margin-left: 7px;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 16px;
  border: 2px solid #395e6e;
  background-color: #ccc;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 25px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "";
  padding-left: 10px;
  background-color: #000 !important;
}

.onoffswitch-inner:after {
  content: "";
  padding-right: 10px;
  color: #4fc42b;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 20px;
  margin: 6px;
  background: #395e6e;
  position: absolute;
  top: -2px;
  bottom: 3px;
  right: 15px;
  border: 2px solid #395e6e;
  border-radius: 16px;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
  background: var(--maindark) !important;
  border: 2px solid var(--maindark) !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

.filter-containers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 0px;
  background: white;
  width: 100%;
  margin: 0px !important;
  margin-bottom: 12px !important;
  border-radius: 8px;
  margin-top: 12px !important;
}
.filter-containers .games-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 8px;
}
.filter-containers .games-section .games-text {
  margin-right: 6px;
  cursor: pointer;
  white-space: nowrap;
}
.filter-containers .games-section .games-text a {
  padding: 6px 12px 7px 11px;
  border-radius: 8px;
  min-width: 50px;
  color: #000;
  text-align: center;
  display: inline-block;
  font-weight: 600;

  cursor: pointer;
}
app-admin-payment-management .ice-text-link {font-size: 20px; line-height: normal; color: #0e64a9;} 
app-add-fancy-market-trfancy .sidebar-content-wrapper ul.card-listing {height: auto; min-height: auto; max-height: calc(100dvh - 240px);  overflow-y: auto;}

.ice-ngx-table-sticky .datatable-header .datatable-row-right {background: #dddddd;}
.ice-ngx-table-sticky .datatable-body .datatable-row-wrapper:nth-child(odd) .datatable-row-right { background: #f1f1f1;} /* STICKY COLUMN CSS */
.ice-ngx-table-sticky .datatable-body .datatable-row-wrapper:nth-child(even) .datatable-row-right { background: #d3d1d4;} /* STICKY COLUMN CSS */

.ice-ngx-table-sticky .datatable-row-wrapper:nth-child(odd) {background: #f1f1f1 !important;} /* NGX TABLE CSS */
.ice-ngx-table-sticky .datatable-row-wrapper:nth-child(even) {background: #d3d1d4 !important;} /* NGX TABLE CSS */
.ice-ngx-table-sticky .datatable-row-odd {background: none;}

/* .ice-ngx-table-sticky .datatable-body .datatable-row-wrapper .datatable-row-right {margin-left:6px;} */
.ice-ngx-table-sticky .datatable-row-right.datatable-row-group{ transform: inherit !important; position: sticky !important; right: 0;}
.ice-ngx-table-sticky .datatable-body .datatable-row-right.datatable-row-group{/*right: -6px !important;*/ border-left: 1px solid #ccc; box-shadow: -4px 0px 6px 0px rgba(0, 0, 0, 0.05);}




.iceMedimumModal .modal-content{width: 900px;}
.icetabNoBorder{border: 0px !important;}
.icetabNoBorder a:hover{border: 0px !important;}
.ice-text-link {cursor: pointer;}
.ice-display-flex{display: flex;}
.ice-resize-vertical-none{resize: vertical;}
.ice-column-12{width: 100%;}
.ice-column-6{width: 50%;}
.ice-column-3{width: 25%;}
.ice-column-9{width: 75%;}
.ice-image-fluid{max-width: 100%;}
.text-user-selectAuto { user-select: text !important;  -webkit-user-select: text !important;}
.ice-justify-content-end{justify-content: flex-end;}
.ice-justify-content-between{justify-content:space-between;}
.ice-justify-content-center{justify-content:center;}
.ice-align-items-center{align-items: center;}
.ice-mt-10{margin-top: 10px;}
.ice-ml-auto{margin-left: auto;}
.ice-m-0{margin: 0 !important;}
.ice-ml-10{margin-left: 10px;}
.ice-mb-0{margin-bottom: 0 !important;}
.ice-display-none{display: none !important;}
.ice-px-15{padding-left: 15px !important; padding-right: 15px !important;}
.ice-pt-16{padding-top: 16px;}
.ice-flex-wrap{flex-wrap: wrap;}
.ice-mt-16{margin-top: 16px;}
.ice-pl-0{padding-left: 0 !important;}
.ice-pr-0{padding-right: 0 !important;}
.ice-ml-16{margin-left: 16px !important;}

.ice-pb-0{padding-bottom: 0 !important;}
.ice-pt-0{padding-top: 0 !important;}
.ice-p-0{padding: 0 !important;}
.ice-flex-wrap{flex-wrap: wrap;}
.ice-position-relative{position: relative;}
.ice-display-inline-block{display: inline-block;}

.ice-slider {position: absolute; cursor: pointer; top: 0;left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s;border-radius: 34px;}
.ice-switch {position: relative; display: inline-block;  width: 50px; height: 20px;  margin-left: 10px; margin-right: 10px;  margin-bottom: 0;}
.ice-switch input {opacity: 0;width: 0; height: 0;}
.ice-slider:before {position: absolute; content: ""; height: 15px;  width: 15px; left: 4px;  bottom: 2px;  background-color: #fff; transition: .4s; border-radius: 50%;}
.ice-switch input:checked + .ice-slider {background-color: #2196f3;}
.ice-switch input:checked + .ice-slider:before {transform: translateX(26px);}
.ice-slider {background-color: #9d9999;}
.ice-admin-filter{display: flex;padding: 8px; margin-bottom: 6px; align-items: center;justify-content: space-between;background: white;}
.ice-admin-filter .admin-filter-search-input{width: 200px;padding: 8px 16px; margin-right: 16px; border-radius: 8px;  background: rgba(58, 95, 112, 0.1);}
.ice-admin-filter-date {width: 175px; padding: 8px !important;  border-radius: 4px !important; background: rgba(58, 95, 112, 0.1); border: solid 1px #cdcdcd;  margin-right: 12px;}
.ice-admin-filter-applybtn { border-radius: 4px; font-weight: 600; line-height: 19px; padding: 9px 30px;  border: none;}


app-admin-betlive-list .skin-1 .form-control::placeholder { text-align: center !important; }

.filter-containers .games-section .games-text a img {
  height: 18px;
  width: 18px;
}
.filter-containers .games-section .games-text a:first-child img {
  height: 24px;
  width: 24px;
}
.filter-containers .games-section .games-text a.active {
  background: rgba(40, 29, 46, 0.1);
}
.filter-containers .date-btn-main {
  padding: 0px 8px;
}
.filter-containers .date-btn-main .date-btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 8px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.filter-containers .date-btn-main .date-btn-box > span {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  color: #000000;
  opacity: 0.7;
  margin-right: 13px;
}
.filter-containers .date-btn-main .date-btn-box .from-date-box {
  margin-right: 20px;
}
.filter-containers .date-btn-main .date-btn-box .from-date-box .from-text {

  font-size: 13px;
  text-align: left;
}
.filter-containers .date-btn-main .date-btn-box .from-date-box .from-date-input input {
  width: 175px;
  height: 37px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  border-radius: 4px;
  padding: 10px 16px;
}
.filter-containers .date-btn-main .date-btn-box .to-date-box {
  margin-right: 20px;
}
.filter-containers .date-btn-main .date-btn-box .to-date-box .to-text {

  font-size: 13px;
  text-align: left;
}
.filter-containers .date-btn-main .date-btn-box .to-date-box .to-date-input input {
  width: 156px;
  height: 37px;
  border-radius: 4px;
  padding: 2px 2px 2px 12px;
}
.filter-containers .date-btn-main .date-btn-box .balance-custom-btn {
  border-radius: 4px;
  background: #FCB614;
  padding: 8px 27px 8px 27px;

  text-align: left;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
}
.filter-containers .date-btn-main .date-btn-box .balance-custom-btn:hover {
  opacity: 0.9;
}

div[arrow_box_admin] {
  position: absolute;
  text-align: left;
  background: #fffff9;
  z-index: 99999;
  right: -500px;
  width: 341px;
  border-radius: 0;
  -webkit-box-shadow: 0px 5px 9px 0px #0000004a;
  box-shadow: 0px 5px 9px 0px #0000004a;
  top: 0;
}

div[arrow_box_admin] > div {
  padding: 9px 0px 10px 0px !important;
  margin: 0px;
  width: 98%;
    box-shadow: 0 0 3px #b3b3b3;
    margin: auto;
    border-radius: 4px;
    margin-top: 10px;
    font-weight: 700;
}


div[arrow_box_admin] > div.dropslider{
  width: 100%;
  margin-top: 0px;
}

div[arrow_box_admin] > div:not(:first-child), div[arrow_box_admin] > div:not(:last-child) {
  font-size: 14px;
  color: #3d3d3d;
  border-bottom: 1px solid rgba(225, 225, 225, 0.4);
  border-top: 1px solid rgba(225, 225, 225, 0.4);
}
div[arrow_box_admin] > div:not(:first-child) > :nth-child(2), div[arrow_box_admin] > div:not(:last-child) > :nth-child(2) {
  text-align: right;
}
div[arrow_box_admin] > div:first-child {
  border-top: 0px;
  cursor: pointer;
  font-family: "Raleway", sans-serif !important;
}
div[arrow_box_admin] > div:first-child div {
  text-align: right;
}
div[arrow_box_admin] > div:last-child {
  border-bottom: 0px;
}
div[arrow_box_admin] > div:last-child:first-child:nth-child(2) {
  text-align: right;
}
div[arrow_box_admin] > div:last-child:nth-child(2) {
  margin: 0px;
  padding: 0px;
}
div[arrow_box_admin]:after, div[arrow_box_admin]:before {
  bottom: 95%;
  left: 82%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: -1;
  display: none;
}
div[arrow_box_admin]:after {
  border-color: rgba(250, 255, 252, 0);
  border-bottom-color: #fafffc;
  border-width: 30px;
  margin-left: -30px;
}
div[arrow_box_admin]:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: white;
  border-width: 53px;
  margin-left: -58px;
}
div[arrow_box_admin]:nth-child(1) > div {
  font-size: 14px;
  color: #f9ab1b;
}
div[arrow_box_admin]:last-child li {
  width: 100%;
  margin: 0;
  padding: 8px 0px;
}
div[arrow_box_admin]:last-child li img {
  position: relative;
  top: -3px;
  width: 20px;
}
div[arrow_box_admin]:last-child li a {
  color: #3d3d3d;
  cursor: pointer;
  font-weight: 600;
}
div[arrow_box_admin]:last-child li div :nth-child(1) {
  font-size: 14px;
  margin: 0;
}
div[arrow_box_admin]:last-child li:hover {
  opacity: 0.8;
}
div[arrow_box_admin].active-box {
  display: block;
  right: 0;
}
div[arrow_box_admin] .btn-custom {
  display: block;
  width: 50%;
  background: var(--maindark);
  color: #fff;
  font-weight: 600;
  border-top: 1px solid rgba(62, 69, 79, 0.19);
  border-radius: 10px;
  text-transform: uppercase;
  margin: auto;
  padding: 8px 0;
}

.table-report {
  padding: 0px !important;
}
.table-report .table {
  margin-bottom: 0px !important;
}
.table-report ngx-datatable .deposit-withdraw-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-report ngx-datatable .deposit-withdraw-container .dw-box {
  margin-right: 11px;
}
.table-report ngx-datatable .deposit-withdraw-container .dw-box .btn {
  border: 1px solid #1a1a1a;
  display: inline-block;
  padding: 3px 0;
  position: relative;
  text-align: center;
  -webkit-transition: background 600ms ease, color 600ms ease;
  -o-transition: background 600ms ease, color 600ms ease;
  transition: background 600ms ease, color 600ms ease;
}
.table-report ngx-datatable .deposit-withdraw-container .dw-box input[type=radio].toggle {
  display: none;
}
.table-report ngx-datatable .deposit-withdraw-container .dw-box input[type=radio].toggle + label {
  cursor: pointer;
  min-width: 40px;
  border: solid 1px #b7b7b7;
  background-color: #f5f7f8;
}
.table-report ngx-datatable .deposit-withdraw-container .dw-box input[type=radio].toggle + label:hover {
  background: none;
  color: #1a1a1a;
}
.table-report ngx-datatable .deposit-withdraw-container .dw-box input[type=radio].toggle + label:after {
  background: white;
  content: "";
  position: absolute;
  top: 0;
  -webkit-transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
  width: 100%;
  z-index: -1;
}
.table-report ngx-datatable .deposit-withdraw-container .dw-box input[type=radio].toggle.toggle-left + label {
  border-radius: 5px 0 0 5px;
}
.table-report ngx-datatable .deposit-withdraw-container .dw-box input[type=radio].toggle.toggle-left + label:after {
  left: 100%;
}
.table-report ngx-datatable .deposit-withdraw-container .dw-box input[type=radio].toggle.toggle-right + label {
  border-radius: 0 5px 5px 0;
  border-left: 0;
}
.table-report ngx-datatable .deposit-withdraw-container .dw-box input[type=radio].toggle.toggle-right + label:after {
  left: -100%;
}
.table-report ngx-datatable .deposit-withdraw-container .dw-box input[type=radio].toggle:checked + label {
  cursor: default;
  color: #ffb016;
  -webkit-transition: color 200ms;
  -o-transition: color 200ms;
  transition: color 200ms;
  background: #2d4a57;
}
.table-report ngx-datatable .deposit-withdraw-container .dw-box input[type=radio].toggle:checked + label:after {
  left: 0;
}
.table-report ngx-datatable .deposit-withdraw-container .input-dw {
  margin-right: 12px;
}
.table-report ngx-datatable .deposit-withdraw-container .input-dw input {
  width: 100%;
  padding: 2px 0;
  border-radius: 4px;
  text-align: center;
}
.table-report ngx-datatable .deposit-withdraw-container .full .btn-full {
  border-radius: 4px;
  border: solid 1px #b7b7b7;
  background-color: #f5f7f8;
  padding: 1px 5px;
}
.table-report ngx-datatable .remark-input {
  width: 100%;
  padding: 1px 10px;
  border-radius: 4px;
}
.table-report ngx-datatable .remark-input::-webkit-input-placeholder {

  font-size: 14px;
  color: rgba(61, 61, 61, 0.5);
}
.table-report ngx-datatable .remark-input::-moz-placeholder {

  font-size: 14px;
  color: rgba(61, 61, 61, 0.5);
}
.table-report ngx-datatable .remark-input:-ms-input-placeholder {

  font-size: 14px;
  color: rgba(61, 61, 61, 0.5);
}
.table-report ngx-datatable .remark-input::-ms-input-placeholder {

  font-size: 14px;
  color: rgba(61, 61, 61, 0.5);
}
.table-report ngx-datatable .remark-input::placeholder {

  font-size: 14px;
  color: rgba(61, 61, 61, 0.5);
}
.table-report ngx-datatable .edit button {
  border: solid 1px #b7b7b7;
  padding: 6px 11px 6px 13px;
  border-radius: 4px;
  background-color: #637e8a;
  color: white;
  margin-left: 9px;
}
.table-report ngx-datatable datatable-body-row datatable-body-cell {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-report ngx-datatable datatable-body-row datatable-body-cell .datatable-body-cell-label {
  width: 100%;
}
.table-report ngx-datatable datatable-body-row datatable-body-cell .datatable-body-cell-label .credit-refrence-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.table-downline {
  padding: 0px !important;
}
.table-downline .table {
  margin-bottom: 0px !important;
}
.table-downline .uid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-downline .uid .sup-icon {
  background-color: var(--main-color) !important;
  color: white;
  padding: 4px;
  margin-right: 10px;
  border-radius: 4px;
  font-size: 10px;

}
.table-downline .uid .name {
  color: #0c86cc;
  text-decoration: underline;

  font-size: 12px;

}
.table-downline .credit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-downline .credit .edit button {
  background: transparent;
  border: transparent;
  border-radius: 4px;
}
.table-downline .credit .edit button img {
  padding: 5px 3px;
  height: 24px;
}
.table-downline .btn-action {
  background:transparent;
  border: transparent;
  border-radius: 4px;
  padding: 4px 3px;
}
.table-downline ngx-datatable datatable-body-row datatable-body-cell {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          text-align: end;
}
.table-downline ngx-datatable datatable-body-row datatable-body-cell .datatable-body-cell-label {
  width: 100%;
}
.table-downline ngx-datatable datatable-body-row datatable-body-cell .datatable-body-cell-label .credit-refrence-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

datatable-header-cell:nth-child(2), datatable-body-cell:nth-child(2){
  text-align: left !important;
}


datatable-header-cell:nth-child(1), datatable-body-cell:nth-child(1){
  text-align: left !important;
}

datatable-body-cell{
  text-align: right;
}



body {

  background-color: #f1f1f1;
}

.pl-12 {
  padding-left: 12px !important;
}

.card-icon {
  height: 16px;
  width: 16px;
}

.custom-active {
  border-bottom: 4px solid #f9ab1b;
  opacity: 1 !important;
}

.display-ib {
  display: inline-block;
}

app-admin-markets .dashboard.dashboard-bg {
  /* margin-top: 110px; */   margin-top: 107px;
}

.dashboard.dashboard-bg {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.dashboard.dashboard-bg .accordian-menu.accordian-menu-bg {
  /* height: calc(100vh - 65px);
  height: -webkit-calc(100vh - 65px); */     height: calc(100dvh - 116px);
  overflow-y: scroll;
  white-space: nowrap;
  overflow-x: hidden;
}


.accordian-menu.accordian-menu-bg:hover::-webkit-scrollbar {
  width: 4px;
}

div[header] {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
  left: 0;
}
div[header] > button {
  height: 75px;
  width: 65px;
  position: fixed;
  top: 0;
  background: #3a5f70;
  border: none;
  display: none;
  -webkit-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}
@media screen and (max-width: 1300px) {
  div[header] > button {
    display: block;
  }
}
div[header] > button span {
  display: block;
  height: 2px;
  width: 20px;
  background: white;
  margin-bottom: 3px;
  text-align: center;
  margin: 3px auto;
}
div[header] > button.active span {
  left: calc(50% - 10px);
  position: absolute;
}
div[header] > button.active span:first-child {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}
div[header] > button.active span:nth-child(2) {
  display: none;
}
div[header] > button.active span:last-child {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}
div[header] .navbar-mean-menu {
  display: none;
}
div[header] div[headerBg] .navbar-header {
  outline: none;
}
div[header] div[headerBg] .navbar-header img {
  margin-top: 5px;
    margin-left: 0;
    cursor: pointer;
}
@media screen and (max-width: 1300px) {
  div[header] div[headerBg] .navbar-header img {
    margin-left: 52px;
  }
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] {
  position: absolute;
    background: #fffff9;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    top: -1px;
    z-index: 99999;
    transition-duration: .5s !important;
    transition-timing-function: ease !important;
    transform: translate3d(100%, 0, 0) !important;
    right: 0;
    width: 358px;
    border-radius: 6px 0px 0px 6px;
    height: auto;
    overflow-x: hidden;
    -webkit-box-shadow: 0px 5px 9px 0px #0000004a;
    box-shadow: 0px 5px 9px 0px #0000004a;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] > div {
  padding: 9px 0px 10px 0px !important;
  margin: 0px;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] > div:not(:first-child), div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] > div:not(:last-child) {

  font-size: 16px;
  color: #3d3d3d;
  font-weight: 400;
  border-bottom: 1px solid rgba(225, 225, 225, 0.4);
  border-top: 1px solid rgba(225, 225, 225, 0.4);
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] > div:not(:first-child) > :nth-child(2), div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] > div:not(:last-child) > :nth-child(2) {
  text-align: right;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] > div:first-child {
  border-top: 0px;
  cursor: pointer;
  border-bottom: solid;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] > div:first-child div {
  text-align: right;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] > div:last-child {
  border-bottom: 0px;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] > div:last-child:first-child:nth-child(2) {
  text-align: right;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] > div:last-child:nth-child(2) {
  margin: 0px;
  padding: 0px;
}

div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:nth-child(1) > div {

  font-size: 16px;
  color: #f9ab1b;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:last-child li {
  width: 40%;
    margin: 10px 15px !important;
    padding: 16px 10px;
    text-align: center;
    float: left;
    height: 93px;
    font-size: 12px;
    border-radius: 15px;
    box-shadow: 0 0 4px 0px #adadad;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:last-child li img {
  margin-right: 12px;
  position: relative;
  top: -3px;

}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:last-child li a {
  color: #3d3d3d;
  cursor: pointer;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif !important;

}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:last-child li div :nth-child(1) {
  font-size: 14px;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:last-child li:hover {
  opacity: 0.8;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box].active-box {
  display: block !important;
  transform: translate3d(0%, 0, 0) !important;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] .btn-custom {
  display: block;
  width: 50%;
  background: var(--maindark);
  color: #fff;
  font-weight: 600;
  border-top: 1px solid rgba(62, 69, 79, 0.19);
  border-radius: 10px;
  text-transform: uppercase;
  margin: auto;
  height: 38px;
}
div[header] div[headerBg] .navbar .container-fluid ul li {

  margin: 17px 24px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  padding: 10px 0;
  cursor: pointer;
  opacity: 1;
}
div[header] div[headerBg] .navbar .container-fluid ul li[profile] {
  height: 40px;
  width: 142px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 5px 0px;
  text-align: center;
}
div[header] div[headerBg] .navbar .container-fluid ul li[profile] a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  padding-top: 4px;
  background-color: transparent !important;
  border: solid 2px var(--maindark) !important;
}
div[header] div[headerBg] .navbar .container-fluid ul li[profile] a span:first-child img {
  height: 14px;
  width: 13px;
  margin-right: 4px;
}
div[header] div[headerBg] .navbar .container-fluid ul li[profile] a div {
  display: inline-block;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 73px;
  white-space: nowrap;
  overflow: hidden;
  color: white;
  font-size: 14px;
  font-weight: 500;
}
div[header] div[headerBg] .navbar .container-fluid ul li[profile] a:hover {
    opacity: 0.9;
    background: var(--maindark) !important;
}
div[header] div[headerBg] .navbar .container-fluid ul li[hover]:hover {
  background: transparent !important;
}
div[header] div[headerBg] .navbar .container-fluid ul li a:hover {
  background: transparent !important;
}
div[header] div[headerBg] .navbar .container-fluid ul li a:focus {
  background: transparent !important;
}
div[header] div[headerBg] .navbar .container-fluid ul li[hover] > :first-child {
  font-weight: 600;
  font-family: sans-serif;
  letter-spacing: 0px;
  margin-left: 2px;
}
div[header] div[headerBg] .navbar .container-fluid ul li[hover] > :nth-child(2) {
  font-weight: 600;
  font-family: sans-serif;
  letter-spacing: 0px;
  margin-left: 2px;
}
@media screen and (max-width: 1050px) {
  div[header] div[headerBg] .navbar .container-fluid ul li {
    margin: 17px 11px;
  }
}
div[header] div[headerBg] nav {
  margin: 0px !important;
}
div[header] div[menunav] nav {
  margin-bottom: 0px;
}
div[header] div[menunav] .navbar-header a {

  width: 264px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  margin-top: 4px;
}
div[header] div[menunav] .container-fluid ul.navbar-nav li {
  margin-top: 4px;
  opacity: 0.7;
  margin-right: 15px;
  padding: 0px 4px;
}
div[header] div[menunav] .container-fluid ul.navbar-nav li:hover {
  background: rgba(75, 108, 123, 0.5);
}
div[header] div[menunav] .container-fluid ul.navbar-nav li:focus {
  background: rgba(75, 108, 123, 0.5) !important;
}
div[header] div[menunav] .container-fluid ul.navbar-nav li a {
  opacity: 0.9;

  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
div[header] div[menunav] .container-fluid ul.navbar-nav li a:hover {
  background: transparent !important;
}
div[header] div[menunav] .container-fluid ul.navbar-nav li a:focus {
  background: transparent !important;
}
@media screen and (max-width: 1000px) {
  div[header] div[menunav] .container-fluid ul.navbar-nav li a {
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media screen and (max-width: 1092px) {
  div[header] div[menunav] .container-fluid ul.navbar-nav li a {
    padding-left: 7px;
    padding-right: 9px;
  }
  .iceMedimumModal .modal-content { width: 96%;}
}
@media screen and (max-width: 1024px) {
  div[header] div[menunav] .container-fluid ul.navbar-nav li a {
    padding-left: 12px;
    padding-right: 5px;
  }
}
div[header] div[menunav] .container-fluid .navbar-right li {
  margin-right: 16px;
  opacity: 1 !important;
}
div[header] div[menunav] .container-fluid .navbar-right li a {
  margin-bottom: 0px;
  opacity: 1;
  color: white;
}
div[header] div[menunav] .container-fluid .navbar-right li:nth-child(2) a {
  padding-top: 13px;
  padding-bottom: 9px;
}
div[header] div[menunav] .container-fluid .navbar-right li:first-child a {
  padding-top: 16px;
  padding-bottom: 12px;
}
div[header] div[menunav] .container-fluid .navbar-right li:first-child a span img {
  margin-right: 6px;
}

.in-play-c {
  color: #3BC996;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 0px !important;
}

.display-ib {
  display: inline-block;
}

.dashboard .container-main {
  width: calc(100% - 619px);
  display: inline-block;
  height: -webkit-calc(100vh - 70px);
  overflow-y: scroll;
  vertical-align: top;
}
.dashboard .container-main .games-container {
  display: inline-block;
  width: 100%;
}
.dashboard .container-main .games-container .card-selection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboard .container-main .games-container .card-selection .table-card {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  margin: 0 15px;
  background: #fff;
  border-radius: 28px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dashboard .container-main .games-container .card-selection .table-card .table-card-data {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 10px 0;
  padding: 0px 10px;
  border-bottom: 1px solid #8080802e;
}
.dashboard .container-main .games-container .card-selection .table-card .table-card-data .card-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 42%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dashboard .container-main .games-container .card-selection .table-card .card-bg {
  padding: 8px;
  border-radius: 28px 32px 0px 0px;
  color: white;
  background: #3a5f70;
}
.dashboard .container-main .navbar .container-fluid ul li {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  margin-right: 10px;
  color: #ffffff;
  padding: 0px 0px;

  padding: 4px;
  border-radius: 0;
  background: transparent !important;
  box-shadow: inherit !important;
}
@media screen and (max-width: 1050px) {
  .dashboard .container-main .navbar .container-fluid ul li {
    margin: 0;
  }
}
.downline-user-logModal .modal-dialog {width: 800px}
.downline-user-logModal .modal-dialog .modal-width-100, .downline-user-logModal .modal-width-100 {width: 100% !important;}
.skin-1 .dashboard .base-c.base-c-games-type.games-type-bg.custom-active-games{
  text-align: center;
  border-radius: 1px;
  cursor: pointer;
  border-radius: 0;
  font-weight: 900;
  padding: 10px 0px !important;
  text-transform: uppercase;
  background: transparent !important;
  color: var(--main-color) !important;
  border-bottom: solid 3px var(--maindark);
  margin: 0 15px;
}
@media screen and (max-width: 1092px) {
  .dashboard .container-main .navbar .container-fluid ul li a {
    margin-top: 2px;
    margin-left: 1px;
    margin-right: 11px;
    padding: 8px 6px;
    width: auto;
  }
}
@media screen and (max-width: 1024px) {
  .dashboard .container-main .navbar .container-fluid ul li a {
    margin-right: 7px;
    padding: 5px 7px;
  }
}
.dashboard .container-main .navbar .container-fluid ul li a span {
  margin-right: 6px;
  position: relative;
}

.dashboard .container-main .navbar .container-fluid ul li a span:after {
  width: 2px;
  content: " ";
  height: 23px;
  background-color: #000;
  position: absolute;
  margin-left: 20px;
}

.dashboard .container-main .navbar .container-fluid ul li:last-child a span:after {
  display: none;
}


.dashboard .container-main .navbar .container-fluid ul li a span:nth-child(2) {
  vertical-align: middle;
}
@media screen and (max-width: 788px) {
  .dashboard .container-main .navbar .container-fluid ul li a span:nth-child(2) {
    display: none;
  }
}
@media (max-width: 1280px) {
  .dashboard .container-main .popular-container,
.dashboard .container-main .in-play-container {
    width: 100%;
  }

  .suspended {
    z-index: 0;
  }

}
.dashboard .container-main .in-play-tag {

  font-size: 16px;
  color: #21394b;
}
.dashboard .container-main .in-play-tag .inplay-img {
  position: relative;
  top: -2px;
  margin-left: -4px;
}
.dashboard .container-main .in-play-tag .popular-img {
  position: relative;
  top: -2px;
  margin-right: 7px;
}
.dashboard .container-main .flex-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.dashboard .container-main .row h5 {

  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.dashboard .container-main .in-play-container .games-grid {
  padding: 0;
  -webkit-box-shadow: 0px 6px 27px -14px;
          box-shadow: 0px 6px 27px -14px;
  border-radius: 20px;
  margin-top: 15px;
  padding-bottom: 18px;
}
.dashboard .container-main .in-play-container .games-grid hr {
  margin-top: 9px;
  margin-bottom: 0px;
}
.dashboard .container-main .in-play-container .games-grid .games-heading {
  color: white;
  border-radius: 20px 20px 0px 0px;
}
.dashboard .container-main .in-play-container .games-grid .games-heading .heading {
  display: inline-block;
  width: 58%;
}
.dashboard .container-main .in-play-container .games-grid .games-heading .heading span img {
  height: 16px;
  width: 16px;
  margin-left: 14px;
  margin-right: 4px;
  margin-top: 11px;
  margin-bottom: 11px;
}
.dashboard .container-main .in-play-container .games-grid .games-heading .rating-1 {
  display: inline-block;
  width: 9%;
  text-align: center;
}
.dashboard .container-main .in-play-container .games-grid .games-heading .rating-2 {
  display: inline-block;
  width: 9%;
  text-align: center;
}
.dashboard .container-main .in-play-container .games-grid .games-heading .rating-x {
  display: inline-block;
  width: 18%;
  text-align: center;
}
.dashboard .container-main .in-play-container .games-grid .games-heading-row-1:last-child {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 8px;
}
.dashboard .container-main .in-play-container .games-grid .empty_message {
  width: 100%;
  margin: 10px 0px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboard .container-main .in-play-container .games-grid .empty_message p {
  color: #9c9393;
}
.dashboard .container-main .games-heading-row-1 {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.dashboard .container-main .games-heading-row-1 .teams {
  display: inline-block;
  width: 100%;
}
.dashboard .container-main .games-heading-row-1 .teams .team-a .live {

  font-size: 12px;
  font-weight: 600;
}
.dashboard .container-main .games-heading-row-1 .teams .team-a .live .on {
  display: inline-block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: green;
  margin-right: 4px;
  background-color: #7ab23d;
}
.dashboard .container-main .games-heading-row-1 .teams .market-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0px 50px 0px 12px;
  position: relative;
  margin: 10px 0px;
}
.dashboard .container-main .games-heading-row-1 .teams .market-data > :first-child {
  width: 54%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboard .container-main .games-heading-row-1 .teams .market-data > :first-child span {
  font-size: 12px;
}
.dashboard .container-main .games-heading-row-1 .teams .market-data > :first-child > :nth-child(2) {
  width: 166px;
}
.dashboard .container-main .games-heading-row-1 .teams .market-data > :first-child > :nth-child(2) > :first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dashboard .container-main .games-heading-row-1 .teams .market-data > :first-child div:first-child > div:first-child {
  margin-bottom: 4px;
}
.dashboard .container-main .games-heading-row-1 .teams .market-data > :nth-child(2) {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
.dashboard .container-main .games-heading-row-1 .teams .market-data > span {
  position: absolute;
  height: 24px;
  width: 24px;
  right: 21px;
  top: calc(50% - 12px);
}

.dashboard .container-main .games-heading-row-1 .teams .market-data > span.inactive {
  background-image: url("/assets/images/pinned-inactive.svg");
  background-position: center;
}
.dashboard .container-main .team-score {
  display: inline-block;
  width: 32%;
}
.dashboard .container-main .team-score .score-a {
  margin-bottom: 6px;

  font-size: 12px;
  font-weight: 500;
  margin-right: 11px;
}
.dashboard .container-main .team-score .score-b {

  font-size: 12px;
  font-weight: 500;
  margin-right: 11px;
}
.dashboard .container-main .teams-rating-1,
.dashboard .container-main .teams-rating-x,
.dashboard .container-main .teams-rating-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 21%;
  margin-bottom: 3px;
  border-radius: 2px;
  text-align: center;

  font-size: 12px;
  font-weight: 600;
  text-align: center;
  height: 53px;
  margin-right: 8px;
}
.dashboard .container-main .teams-rating-1:hover,
.dashboard .container-main .teams-rating-x:hover,
.dashboard .container-main .teams-rating-2:hover {
  border: 1px solid #26333d;
}
.dashboard .container-main .teams-rating-1 > div:first-child,
.dashboard .container-main .teams-rating-x > div:first-child,
.dashboard .container-main .teams-rating-2 > div:first-child {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
}
.dashboard .container-main .teams-rating-1 > div:last-child,
.dashboard .container-main .teams-rating-x > div:last-child,
.dashboard .container-main .teams-rating-2 > div:last-child {
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  opacity: 0.6;
}
.dashboard .container-main .teams-rating-1:hover,
.dashboard .container-main .teams-rating-x:hover,
.dashboard .container-main .teams-rating-2:hover {
  border: 1px solid #808080ab;
}

.bet-slip-container {
  display: inline-block;
  vertical-align: top;
  padding-right: 11px;
  width: 360px;
  height: calc(100vh - 85px);
  height: -webkit-calc(100vh - 85px);
  background: #fffff9 !important;
  overflow-y: scroll;
}
.bet-slip-container .bet-info {
  position: relative;
  left: 7px;
  top: 12px;
  margin: 0;
  padding: 0px;
  border-radius: 20px;
  margin-bottom: 15px;
}
.bet-slip-container .bet-info .games-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 100%;
  border-radius: 10px;
  background-color: transparent;
}
.bet-slip-container .bet-info .bet-slip {
  border-radius: 20px 20px 0px 0px;
  margin-bottom: -15px;
}
.bet-slip-container .bet-info .bet-slip h4 {
  margin: 0;
  padding: 0;
  padding: 13px;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3f5460;
}
.bet-slip-container .bet-info .available-bets {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #8e8e8e;
  border-radius: 4px;
  border: 2px solid #FFFFFF;
}
.bet-slip-container .bet-info .available-bets .lay-container {
  color: black;
  border-bottom: 1px solid rgba(151, 151, 151, 0.5);
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 6px rgb(0 0 0 / 51%);
}
.bet-slip-container .bet-info .available-bets .lay-container .back-bg {
  background-image: linear-gradient(179.28deg, #a4d6fd 0.97%, #a4d6fd 99.05%) !important;
}
.bet-slip-container .bet-info .available-bets .lay-container .lay-text {
  padding: 12px 15px;
  font-weight: 700;
  background-image: linear-gradient(180deg, #f8c7d2  0%, #f8c7d2  100%) ;
  text-transform: uppercase;
}
.bet-slip-container .bet-info .available-bets .lay-container .lay-team {
  vertical-align: middle;
}
.bet-slip-container .bet-info .available-bets .lay-container .lay-team .lay-team-heading {
  font-weight: 600;
  margin-left: 5px;
  color: var(--start-time);
  /*width: 114px;*/  width: 116px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  vertical-align: top;
}
.bet-slip-container .bet-info .available-bets .lay-container .lay-team .lay-team-heading p {
  color: #1e1e1e;
  font-weight: 400;
  font-size: 12px;
  margin: 0px 0 0 0;
}
.bet-slip-container .bet-info .available-bets .lay-container .profit-text {
  font-weight: 600;
  color: var(--start-time);
}
.bet-slip-container .bet-info .available-bets .lay-container .profit-value {
  color: #3ebe71;
  font-weight: 600;
}
.bet-slip-container .bet-info .available-bets .lay-container .loss-value {
  color: red;
  font-weight: 600;
}
.bet-slip-container .bet-info .available-bets .lay-container .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.bet-slip-container .bet-info .available-bets .lay-container .buttons .input-value input {
  width: 78px;
  text-align: center;
  border-radius: 4px;
  padding: 5px 0;
  font-weight: bolder;
  height: 40px;
  border: solid 2px #E9E9E9;
}
.bet-slip-container .bet-info .available-bets .lay-container .buttons input[type=button] {
  padding: 6px 10px;
  color: white;
  font-weight: bolder;
  border-radius: 4px 0px 0px 4px;
}
.bet-slip-container .bet-info .available-bets .lay-container .buttons .increment-button .btn-radius {
  border-radius: 0px 4px 4px 0px;
}
.bet-slip-container .bet-info .available-bets .lay-container .input-value-2 {
  width: 100%;
  margin-top: 17px;
  padding: 5px 0;
  height: 40px;
  border: solid 2px #E9E9E9;
  font-weight: bolder;
}
.bet-slip-container .bet-info .available-bets .lay-container .add-bet .bet-button input[type=button] {
  display: block;
  width: 91%;
  padding: 7px 2px;
  margin: 9px 9px 9px 12px;
  border-radius: 20px;
  border: solid 1px #496d7d;
  background-color: #e8eef4;
}
.bet-slip-container .bet-info .available-bets .lay-container .cancel-order input[type=button] {
    display: block;
    width: 100%;
    border-radius: 4px;
    border: solid 1px #C20000;
    background: transparent;
    color: var(--maindark);
    font-weight: 600;
    padding: 6px 0;
    text-align: inherit;
    border: none;
    text-align: center;
    text-transform: uppercase;
}
.bet-slip-container .bet-info .available-bets .lay-container .place-bet button {
  display: block;
  width: 100%;
  color: #C20000;
  padding: 6px 0;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color) 100%) !important;
  border: none !important;
  display: flex;
    justify-content: space-around;
    align-items: center;
}
.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 0px 8px 0px;
  border-bottom: 1px solid var(--order-border);
}
.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0px 7px 0px 14px;
}
.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button > div:first-child > div:first-child {
  width: 100%;
}
.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button > div:first-child > div:first-child .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0px;
}
.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button > div:first-child > div:first-child .buttons input[type=button] {
  color: white;
  font-weight: bolder;
  border-radius: 3px;
  font-size: 13px;
  height: 40px;
  padding: 0px;
  width: 22px;
  border: none;
}
.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button > div:first-child > div:first-child .buttons .decrement-button {
  margin-right: 4px;
}
.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button > div:first-child > div:first-child .buttons .input-value {
  margin-right: 4px;
}
.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button > div:first-child div:last-child {
  width: 100%;
}
.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button > div:first-child div:last-child input {
  border-radius: 4px;
  margin-top: 0px;
}
.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button > div:first-child p {
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  margin: 4px 0px 5px;
  color: var(--start-time);
}

.stakecls{
  margin-top: 19px !important;
}
.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button > div:last-child button {
  height: 40px;
  width: 28%;
  margin: 0px 7px 8px 0px;
  background: var(--primary-btn);
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #3D3D3D;
  background: #f9f9f9 !important;
  border:none;
  box-sizing: border-box;
  border-radius: 4px;
}

.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button > div:last-child button:last-child{
  font-size: 16px;
}

.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button > div:last-child button:hover{
  background-color: #E6E8F5 !important;
}


.bet-slip-container .bet-info .available-bets .lay-container > div:first-child,
.bet-slip-container .bet-info .available-bets .lay-container .bet-slip-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bet-slip-container .bet-info .available-bets > div {
  width: 100%;

}
.bet-slip-container .bet-info .available-bets > div .lay-container:first-child {
  margin-bottom: 0px;
}
.bet-slip-container .bet-info .available-bets > div .lay-container:last-child {
  border: none;
}

@media only screen and (max-width: 768px) {
  .accordian-menu {
    /* display: none !important; */
  }

  .navbar-mean-menu {
    display: block !important;
  }

  .toggle-class {
    display: block !important;
    width: 100%;
    position: absolute;
    width: 50%;
  }

  .container-main {
    width: 100% !important;
  }



}

.dashboard .accordian-menu {
  position: relative;
  display: inline-block;
  -webkit-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  width: 264px;
}
@media screen and (max-width: 1300px) {
  .dashboard .accordian-menu {
    position: inherit;
    top: 70px;
    z-index: 100;
    overflow: hidden;
  }
}
.dashboard .accordian-menu .search .accordion-search {
  width: 216px;
  color: #fff;
  height: 40px;
  border-radius: 20px;
  margin-left: 16px;
  margin-top: 22px;
  border: white;
  padding: 15px;
  margin-bottom: 26px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.dashboard .accordian-menu .search .accordion-search:focus {
  background-color: white;
  color: black;
}
.dashboard .accordian-menu .search .accordion-search::-webkit-input-placeholder {
  font-size: 14px;
  color: var(--search-bar);

}
.dashboard .accordian-menu .search .accordion-search::-moz-placeholder {
  font-size: 14px;
  color: var(--search-bar);

}
.dashboard .accordian-menu .search .accordion-search:-ms-input-placeholder {
  font-size: 14px;
  color: var(--search-bar);

}
.dashboard .accordian-menu .search .accordion-search::-ms-input-placeholder {
  font-size: 14px;
  color: var(--search-bar);

}
.dashboard .accordian-menu .search .accordion-search::placeholder {
  font-size: 14px;
  color: var(--search-bar);

}
.dashboard .accordian-menu .search span {
  position: absolute;
  top: 32px;
  opacity: 0.9;
  left: 197px;
}
.dashboard .accordian-menu .in-play {
  position: relative;
  padding: 10px 0 2px 6px;
}
.dashboard .accordian-menu .in-play .badge-play {
  position: absolute;
  top: 11px;
  left: 192px;
}
.dashboard .accordian-menu .in-play .badge-play badge {
  border-radius: 12px;
  font-size: 12px;
  width: 48px;
  font-weight: 500;
  height: 24px;
  padding-top: 4px;
}
.dashboard .accordian-menu .in-play h3 {

  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}
.dashboard .accordian-menu .in-play h3 span {
  margin-left: 12px;
  display: inline-block;
  margin-right: 8px;
  height: 24px;
  width: 24px;
}
.dashboard .accordian-menu .in-play:hover {
  background: linear-gradient(89.76deg, #151841 0.04%, rgba(28, 32, 74, 0) 98.81%);
  opacity: 1;
}
.dashboard .accordian-menu .pinned {
  position: relative;
  padding:7px 15px 7px 0px !important; height: 41px;
}
.dashboard .accordian-menu .pinned .badge-pinned {
  position: absolute;
  top: 5px;
  left: 190px;
}
.dashboard .accordian-menu .pinned .badge-pinned .badge {
  position: relative;
  top: inherit;
}
.dashboard .accordian-menu .pinned h3 {
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.dashboard .accordian-menu .pinned h3 span {
  margin-left: 5px;
  display: inline-block;
  margin-right: 8px;
  display: flex;
}
.dashboard .accordian-menu .pinned:hover {
  /* background: linear-gradient(89.76deg, #151841 0.04%, rgba(28, 32, 74, 0) 98.81%);; */
  opacity: 1;
}


.dashboard .accordian-menu .market-head h3 {
  /* font-family:  'Oswald', sans-serif; */
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
  padding: 10px 15px 10px 6px;
  width: 120px;
  border-bottom: solid 3px var(--maindark) !important;
}
.dashboard .accordian-menu .game-option .games li {
  display: block;
  font-size: 13px;
  position: relative;
  font-weight: 500;
}
.dashboard .accordian-menu .game-option .games li button {
  border: transparent;
  padding: 0px;
  background: transparent;
  margin: 4px;
}
.dashboard .accordian-menu .game-option .games li img {
  margin-right: 17px;
  top: -1px;
  position: relative;
  width: 12px;
  height: 12px;
}
.dashboard .accordian-menu .game-option .games li .badge-play .badge {
  position: relative;
  top: -1px;
  left: 42%;
}
.dashboard .accordian-menu .game-option .games li .badge-play-football .badge {
  position: relative;
  top: -1px;
  left: 39%;
  height: 24px;
  width: 41px;
}
.dashboard .accordian-menu .game-option .games li .badge-play-tennis .badge {
  position: relative;
  top: -1px;
  left: 43%;
  height: 24px;
  width: 41px;
}
.dashboard .accordian-menu .game-option .games li i {
  position: absolute;
  right: 8px;
  top: 11px;
}
.dashboard .accordian-menu .game-option .games li i img {
  margin: 0;
}
.dashboard .accordian-menu .game-option .games li i.active {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.dashboard .accordian-menu .accordian-toggle {
  position: absolute;
  width: 70%;
  display: block;
}

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

.dashboard .container-livescore {
  width: calc(100% - 619px);
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.dashboard .container-livescore .container-nav {
  padding: 13px 9px 10px 5px !important;
  margin: 10px 25px !important;
}
.dashboard .container-livescore .container-nav .container-nav-text {
  font-size: 12px;
  font-weight: 600;
}
.dashboard .container-livescore .container-nav .container-nav-text img {
  height: 20px;
  width: 20px;
  position: relative;
  top: -1px;
}
.dashboard .container-livescore .container-nav .pin-match {
  margin-left: 32px;
  font-size: 12px;
  font-weight: 600;
}
.dashboard .container-livescore .container-nav .pin-match .pin-match-icon {
  margin-left: 8px;
}
.dashboard .container-livescore .container-nav .pin-match .pin-match-icon img {
  height: 24px;
  width: 24px;
}
.dashboard .container-livescore .container-nav .nav-inplay {
  opacity: 0.7;
  font-size: 12px;
  font-weight: 500;
}
.dashboard .container-livescore .score-stats {
  margin-top: 15px;
  border-radius: 8px;
  padding: 15px;
}
@media screen and (max-width: 1000px) {
  .dashboard .container-livescore .score-stats > div:first-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 14px !important;
  }
  .dashboard .container-livescore .score-stats > div:first-child > div {
    text-align: center !important;
  }
  .dashboard .container-livescore .score-stats > div:first-child .inning {
    text-align: center;
    margin: 3px 0px;
  }
}
.dashboard .container-livescore .score-stats .col-md-3 {
  font-size: 14px;
  font-weight: 600;
}
.dashboard .container-livescore .score-stats .col-md-3 span.icon-stats {
  margin-right: 10px;
}
.dashboard .container-livescore .score-stats .col-md-3 span.icon-stats img {
  position: relative;
  top: -3px;
}
.dashboard .container-livescore .score-stats .col-md-3 tr .player-1-score {
  width: 20%;
}
.dashboard .container-livescore .score-stats .col-md-3 tr .player-1-ball {
  width: 8%;
}
.dashboard .container-livescore .score-stats .col-md-3 tr .player-1-ball span {
  font-size: 12px;
}
.dashboard .container-livescore .score-stats .col-md-3 tr .player-2-ball span {
  font-size: 12px;
}
@media screen and (max-width: 1106px) {
  .dashboard .container-livescore .score-stats .batsman-stats-container {
    width: 100%;
  }
}
.dashboard .container-livescore .score-stats .scorecard-container {
  padding-top: 10px;
  border-radius: 10px;
  color: white;
  padding-left: 32px;
  position: relative;
  top: -14px;
}
@media screen and (max-width: 1024px) {
  .dashboard .container-livescore .score-stats .scorecard-container {
    top: 0;
    width: 100%;
    clear: both;
    padding: 10px !important;
  }
}
.dashboard .container-livescore .score-stats .scorecard-container .team-scorecard {
  padding-bottom: 15px;
}
.dashboard .container-livescore .score-stats .scorecard-container .team-scorecard span.team-name {
  font-size: 16px;
  font-weight: 500;
  margin-right: 24px;
}
.dashboard .container-livescore .score-stats .scorecard-container .team-scorecard span.team-score {
  font-size: 16px;
  font-weight: 500;
}
.dashboard .container-livescore .score-stats .scorecard-container .team-overs {
  width: 20%;
  padding-bottom: 15px;
  padding-right: 20px;
}
.dashboard .container-livescore .score-stats .scorecard-container .team-overs span.over-text {
  margin-right: 24px;
}
@media screen and (max-width: 1106px) {
  .dashboard .container-livescore .score-stats .scorecard-container {
    width: 100%;
    top: 0;
  }
}
@media screen and (max-width: 1106px) {
  .dashboard .container-livescore .score-stats .bowler-ball-container {
    width: 100%;
  }
}
.dashboard .container-livescore .score-stats span.runrate-text {
  margin-right: 24px;
}
.dashboard .container-livescore .score-stats .bowler {
  padding-top: 6px;
  padding-left: 8px;
  margin-bottom: 5px !important;
}
.dashboard .container-livescore .score-stats .ball-count {
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dashboard .container-livescore .score-stats .ball-count div.outer {
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 3px;
  width: 16px;
}
.dashboard .container-livescore .score-stats .ball-count div.outer.outer-color {
  background: red;
}
.dashboard .container-livescore .score-stats .ball-count div.dot-ball {
  display: inline-block;
  height: 10px;
  width: 10px;
  background-color: #262c59;
  border-radius: 50%;
}
.dashboard .container-livescore .score-stats .ball-count div.run-stats {
  position: relative;
  top: -1px;
}
.dashboard .container-livescore .score-stats .playe-1-name span {
  font-size: 14px;
  font-weight: 600;
}
.dashboard .container-livescore .score-stats .playe-2-name span {
  font-size: 14px;
  font-weight: 600;
}
.dashboard .container-livescore .match-odd_container {
  background: white;
  margin-top: 24px;
  border-radius: 20px;
  padding-bottom: 23px;
}
.dashboard .container-livescore .match-odd_container .match-odd-header {
  display: inline-block;
  width: 100%;
  border-radius: 20px 20px 0px 0px;
}
.dashboard .container-livescore .match-odd_container h3.match-odd-heading {

  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 13px;
  margin-bottom: 12px;
}
.dashboard .container-livescore .match-odd_container h3.match-odd-heading .match-odd-icon {
  margin-right: 12px;
  height: 16px;
  width: 16px;
  position: relative;
  top: -2px;
}
.dashboard .container-livescore .match-odd_container h3.match-odd-rules.text-right {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #f9ab1b;
}
.dashboard .container-livescore .match-odd_container span.match-odd-text {
  font-size: 16px;
  font-weight: 600;
  margin: 17px 0px;
}
@media screen and (max-width: 1291px) {
  .dashboard .container-livescore .match-odd_container span.match-odd-text {
    font-size: 13px;
    font-weight: 100;
  }
}
.dashboard .container-livescore .match-odd_container .card-value-1 {
  display: inline-block;
  margin-right: 5px;
  text-align: center;
  padding: 5px 4px;
  font-size: 14px;
  vertical-align: text-bottom;
  text-align: right;
}
.dashboard .container-livescore .match-odd_container .card-value {
  display: inline-block;
  margin-right: 1px;
  text-align: center;
  padding: 7px 11px;
  font-weight: 600;
}
@media screen and (max-width: 1291px) {
  .dashboard .container-livescore .match-odd_container .card-value {
    padding: 4px 6px;
  }
}
@media screen and (max-width: 1106px) {
  .dashboard .container-livescore .match-odd_container .card-value {
    padding: 3px 2px;
  }
}
@media screen and (max-width: 1024px) {
  .dashboard .container-livescore .match-odd_container .card-value {
    padding: 3px 1px;
  }
}
.dashboard .container-livescore .match-odd_container .card-value .value-2 {
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  color: rgba(30, 30, 30, 0.6);
}
@media screen and (max-width: 1211px) {
  .dashboard .container-livescore .match-odd_container .match-odd-team {
    width: 100%;
  }
}
@media screen and (max-width: 1211px) {
  .dashboard .container-livescore .match-odd_container .match-odd-value {
    width: 100%;
  }
}
.dashboard .container-livescore .fancy-bet-container {
  margin-top: 25px;
  border-radius: 20px;
  padding-bottom: 20px;
}
.dashboard .container-livescore .fancy-bet-container .fancy-bet-header {
  display: inline-block;
  width: 100%;
  border-radius: 20px 20px 0px 0px;
}
.dashboard .container-livescore .fancy-bet-container .fancy-bet-header .card-value {
  display: inline-block;
  margin-right: 1px;
  text-align: center;
  text-align: center;
  font-weight: 600;
  padding: 5px 4px;
}
.dashboard .container-livescore .fancy-bet-container .fancy-bet-header .fancy-bet-text {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: white;
  margin: 13px 0px;
}
.dashboard .container-livescore .fancy-bet-container .fancy-bet-header .fancy-bet-text .fancy-bet-icon {
  margin-right: 12px;
  height: 16px;
  width: 16px;
  position: relative;
  top: -1px;
}
.dashboard .container-livescore .fancy-bet-container .card-value {
  display: inline-block;
  margin-right: 1px;
  text-align: center;
  padding: 7px 11px;
  font-weight: 600;
  width: 77px;
}
@media screen and (max-width: 1291px) {
  .dashboard .container-livescore .fancy-bet-container .card-value {
    padding: 4px 6px;
  }
}
.dashboard .container-livescore .fancy-bet-container .card-value .value-2 {
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  color: rgba(30, 30, 30, 0.6);
}
.dashboard .container-livescore .fancy-bet-container .card-value-1 {
  display: inline-block;
  margin-right: 1px;
  text-align: center;
  padding: 7px 11px;
  font-weight: 600;
  width: 77px;
}
@media screen and (max-width: 1291px) {
  .dashboard .container-livescore .fancy-bet-container .card-value-1 {
    padding: 4px 6px;
  }
}
.dashboard .container-livescore .fancy-bet-container .card-value-1 .value-2 {
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  color: rgba(30, 30, 30, 0.6);
}
.dashboard .container-livescore .fancy-bet-container .yse-text-2 {
  font-weight: 100;
  margin-right: 10px;
  font-weight: 800;
}
.dashboard .container-livescore .fancy-bet-container .fancy-bet-buttons {
  padding: 8px 16px;
  background-color: #96c9e0;
}
.dashboard .container-livescore .fancy-bet-container .fancy-bet-rules {
  font-size: 14px;
  font-weight: 600;
  text-align: right;
  color: #f9ab1b;
  padding: 0px 17px;
}
.dashboard .container-livescore .tied-match-container {
  margin-top: 24px;
  border-radius: 20px;
  padding-bottom: 1px;
}
.dashboard .container-livescore .tied-match-container .tied-match-header {
  display: inline-block;
  width: 100%;
  border-radius: 20px 20px 0px 0px;
}
.dashboard .container-livescore .tied-match-container .tied-match-header .tied-match-heading {
  font-size: 16px;
  font-weight: 600;
  margin-top: 12px;
}
.dashboard .container-livescore .tied-match-container .tied-match-header .tied-match-heading .match-odd-a-icon {
  margin-right: 12px;
  height: 16px;
  width: 16px;
}
.dashboard .container-livescore .tied-match-container .tied-match-header .tied-match-rules {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #f9ab1b;
}
.dashboard .container-livescore .tied-match-container .tied-blank-bg {
  padding: 16px;
  border-radius: 2px;
}
.dashboard .container-livescore .tied-match-container .tied-match-yes-text {
  font-size: 16px;
  font-weight: 600;
  color: #3d3d3d;
  margin: 2px 0px;
}
.dashboard .container-livescore .tied-match-container .tied-values-box {
  margin-bottom: 9px;
}
.dashboard .container-livescore .tied-match-container .tied-values-box .tied-value {
  border-radius: 2px;
  background-color: #eaebef;
  padding: 14px 20px 14px 20px;
  margin-top: 11px;
}
.dashboard .container-livescore .tied-match-container .full-market-tab {
  padding: 12px;
}
.dashboard .container-livescore .tied-match-container .full-market-tab a {
  color: #5eaae4;
  text-decoration: underline;
}
.dashboard .container-livescore .tied-match-container .tied-match-yes-icon {
  margin-right: 8px;
  height: 16px;
  width: 16px;
}
.dashboard .container-livescore .tied-match-container .tied-match-no-icon {
  margin-right: 8px;
  height: 16px;
  width: 16px;
}
@media screen and (max-with: 1024px) {
  .dashboard .container-livescore {
    width: calc(100% - 583px);
  }
}

.mybets-container {
  width: calc(100% - 266px);
  display: inline-block;
  vertical-align: top;
}
.mybets-container .container {
  display: inline-block;
  width: calc(100% - 354px);
  overflow-y: scroll;
  height: calc(100vh - 131px);
}
.mybets-container .container .mybets-head {
  display: inline-block;
  width: 100%;
}
.mybets-container .container .mybets-head .mybets-box .mybets-text-2 {
  font-size: 16px;
  text-align: left;
  padding: 17px 0px 7px 35px;
}
.mybets-container .container .mybets-head .mybets-box .mybets-text-2 img {
  margin-right: 8px;
}
.mybets-container .container .mybets-head .select-event .select-event-text {
  font-size: 13px;
  text-align: left;
}
.mybets-container .container .mybets-head .select-event .event-input {
  width: 156px;
  height: 44px;
  border-radius: 4px;
  padding: 2px 2px 2px 12px;
}
.mybets-container .container .mybets-head .radio-btn-filter {
  padding: 17px 13px 12px 17px;
  margin: 0px 10px 17px 10px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mybets-container .container .mybets-head .radio-btn-filter .radio-btn-text {
  font-size: 14px;

}
.mybets-container .container .mybets-head .radio-btn-filter input {
  height: 20px;
  width: 20px;
  vertical-align: middle;
  margin-right: 6px;
}
.mybets-container .container .mybets-head .radio-btn-filter .sort-by-text {

  font-size: 13px;
  text-align: left;
}
.mybets-container .container .mybets-head .radio-btn-filter .apply-btn button {
  border-radius: 4px;
  background-color: #f9ab1b;
  padding: 14px 33px;
}
@media screen and (max-width: 1200px) {
  .mybets-container .container .mybets-head .radio-btn-filter {
    display: inline-block;
    width: 100%;
  }
}

.back-lay-container {
  padding-bottom: 20px;
  border-radius: 0px;
  overflow: hidden;
}
.back-lay-container .unmatch-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 0 10px 0;
  border-radius:0px;
  background-color: transparent !important;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: inherit;
}
.back-lay-container .unmatch-container .unmatch-text {
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.back-lay-container .unmatch-container .cancel-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.back-lay-container .unmatch-container .cancel-btn button {
  background-color: #ce4f4f;
  border: transparent;
  border-radius: 20px;
  font-size: 12px;
  padding: 7px 18px 7px 12px;
}
.back-lay-container .unmatch-container .cancel-btn button img {
  margin-right: 8px;
}
.back-lay-container table {
  width: 100%;
}
.back-lay-container table thead th {
  font-size: 11px;
  font-weight: 500;
  padding: 3px;
}
.back-lay-container table tbody tr td {
  font-size: 14px;
  font-weight: 600;
  padding: 2px 8px 2px 13px;
}
.back-lay-container table tbody tr td button.back {
  width: 48px;
  height: 28px;
  color: white;
  background-color: #589fcc;
  border: transparent;
}
.back-lay-container table tbody tr td button.lay {
  width: 48px;
  height: 28px;
  color: white;
  background-color: #de6d8c;
  border: transparent;
}
.back-lay-container table tbody tr td .edit-bg {
  height: 20px;
  width: 20px;
  background: white;
  border-radius: 50%;
  padding: 0;
}
.back-lay-container table tbody tr td .edit-bg img {
  padding: 0px 5px 0px 5px;
  max-width: 100%;
}
.back-lay-container table tbody tr td .delete-bg {
  height: 20px;
  width: 20px;
  background: white;
  border-radius: 50%;
  padding: 0;
}
.back-lay-container table tbody tr td .delete-bg img {
  padding: 3px;
}
.back-lay-container table tbody tr:first-child td {
  padding-left: 0px;
}
.back-lay-container table tbody tr.faded-text td {
  font-size: 11px;
  font-weight: 500;
}
.back-lay-container table tbody.back {
  background-color: #b6d4e8;
}
.back-lay-container table tbody.lay {
  background-color: #fdbbc7;
}

.back-lay-container-matched {
  padding-bottom: 20px;
  border-radius: 8px;
  border: 1px solid rgba(151, 151, 151, 0.5);
}

.back-lay-container-matched .match-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0 6px 12px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px 4px 0px 0px;
  background-color: #F2F3F7 !important;
  color: #000 !important;
}
.back-lay-container-matched .match-container .cancel-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.back-lay-container-matched .match-container .cancel-btn div {
  font-size: 13px;
}
.back-lay-container-matched .match-container .cancel-btn .onoffswitch {
  position: relative;
  width: 45px;
  top: 2px;
  margin-left: 7px;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.back-lay-container-matched .match-container .cancel-btn .onoffswitch-checkbox {
  display: none;
}
.back-lay-container-matched .match-container .cancel-btn .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 16px;
}
.back-lay-container-matched .match-container .cancel-btn .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.back-lay-container-matched .match-container .cancel-btn .onoffswitch-inner:before,
.back-lay-container-matched .match-container .cancel-btn .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 25px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.back-lay-container-matched .match-container .cancel-btn .onoffswitch-inner:before {
  content: "";
  padding-left: 10px;
  background-color: #f9ab1b;
}
.back-lay-container-matched .match-container .cancel-btn .onoffswitch-inner:after {
  content: "";
  padding-right: 10px;
  background-color: #f9ab1b;
  color: #4fc42b;
  text-align: right;
}
.back-lay-container-matched .match-container .cancel-btn .onoffswitch-switch {
  display: block;
  width: 18px;
  margin: 6px;
  background: #395e6e;
  position: absolute;
  top: -2px;
  bottom: 3px;
  right: 19px;
  border: 2px solid #395e6e;
  border-radius: 16px;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.back-lay-container-matched .match-container .cancel-btn .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.back-lay-container-matched .match-container .cancel-btn .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}
.back-lay-container-matched table {
  width: 100%;
}
.back-lay-container-matched table thead th {
  font-size: 11px;
  font-weight: 500;
  padding: 3px;
  font-weight: 600;
  color: #3D3D3D;
}
.back-lay-container-matched table tbody tr td {
  font-size: 14px;
  font-weight: 600;
  padding: 2px 8px 2px 13px;
}
.back-lay-container-matched table tbody tr td button.back {
  width: 48px;
  height: 28px;
  color: white;
  background-color: #589fcc;
  border: transparent;
}
.back-lay-container-matched table tbody tr td button.lay {
  width: 48px;
  height: 28px;
  color: white;
  background-color: #de6d8c;
  border: transparent;
}
.back-lay-container-matched table tbody tr td .edit-bg img {
  padding: 0px 5px 0px 5px;
  max-width: 100%;
}
.back-lay-container-matched table tbody tr td .delete-bg img {
  padding: 3px;
}
.back-lay-container-matched table tbody tr.faded-text td {
  font-size: 11px;
  font-weight: 500;
}
.back-lay-container-matched table tbody.back {
  background-color: #b6d4e8;
}
.back-lay-container-matched table tbody.back tr:first-child {
  position: relative;
}
.back-lay-container-matched table tbody.back tr:first-child td {
  padding: 9px 8px 9px 13px;
}
.back-lay-container-matched table tbody.back tr:first-child td:first-child {
  position: relative;
}
.back-lay-container-matched table tbody.back tr:first-child td:first-child:before {
  content: "";
  position: absolute;
  height: 37px;
  width: 5px;
  left: 0;
  top: 0;
  background: linear-gradient(169.95deg, #94DEFF 0.97%, #94DEFF 99.05%);
}
.back-lay-container-matched table tbody.back tr:last-child {
  background: rgba(255, 255, 255, 0.3);
}
.back-lay-container-matched table tbody.lay {
  background-color: #fdbbc7;
}
.back-lay-container-matched table tbody.lay tr:first-child {
  position: relative;
}
.back-lay-container-matched table tbody.lay tr:first-child td {
  padding: 9px 8px 9px 13px;
}
.back-lay-container-matched table tbody.lay tr:first-child td:first-child {
  position: relative;
}
.back-lay-container-matched table tbody.lay tr:first-child td:first-child:before {
  content: "";
  position: absolute;
  height: 37px;
  width: 5px;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #FCADD4 0%, #FCADD4 100%);
}
.back-lay-container-matched table tbody.lay tr:last-child {
  background: rgba(255, 255, 255, 0.3);
}

.back-lay-container-bet {
  padding-bottom: 0px;
}

.accordion-profile {
  width: 264px;
  display: inline-block;
  position: fixed;
  margin-top: 60px;
  height: calc(100vh - 78px); z-index: 99;
}
.accordion-profile ul li {
  display: block;
  padding: 19px 0px 19px 47px;
}
.accordion-profile ul li .profile-text {
  font-size: 13px;
  font-weight: 500;
}
.accordion-profile ul li .profile-text a:focus {
  color: #f6a91c;
}
.accordion-profile ul li:first-child {
  padding-top: 28px;
}
.accordion-profile ul li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.accordion-profile ul li div img {
  margin-right: 8px;
}

.container-main-balance {
  display: inline-block;
  width: calc(100% - 264px);
  vertical-align: top;
  margin-left: 264px;
  margin-top: 110px; height: calc(100dvh - 110px);
  /* height: calc(100vh - 78px); */
}
.container-main-balance .balance-overview-box .balance-overview-text-2 {
  font-size: 16px;
  text-align: left;
  padding: 15px 0px 7px 35px; margin-top: 0;
}

.adminTableBreadCrumb.userprofile-text-2 {margin: 0;}
.container-main-balance .balance-overview-box .balance-overview-text-2 img {
  margin-right: 8px;
}
.container-main-balance .date-btn-main {
  padding: 0px 30px 0px 20px !important;
}
.container-main-balance .date-btn-main .date-btn-box {
  border-radius: 20px;
  padding: 17px 0px 14px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.container-main-balance .date-btn-main .date-btn-box .from-date-box {
  margin-right: 20px;
}
.container-main-balance .date-btn-main .date-btn-box .from-date-box .from-text {
  font-size: 13px;
  text-align: left;
}
.container-main-balance .date-btn-main .date-btn-box .from-date-box .from-date-input input {
  width: 156px;
  height: 44px;
  border-radius: 4px;
  padding: 2px 2px 2px 12px;
}
.container-main-balance .date-btn-main .date-btn-box .to-date-box {
  margin-right: 20px;
}
.container-main-balance .date-btn-main .date-btn-box .to-date-box .to-text {
  font-size: 13px;
  text-align: left;
}
.container-main-balance .date-btn-main .date-btn-box .to-date-box .to-date-input input {
  width: 156px;
  height: 44px;
  border-radius: 4px;
  padding: 2px 2px 2px 12px;
}
.container-main-balance .date-btn-main .date-btn-box .balance-custom-btn {
  border-radius: 4px;
  background-color: #f9ab1b;
  padding: 10px 24px 10px 24px;
  font-size: 16px;
  text-align: left;
  color: #3d3d3d;
}
.container-main-balance .date-btn-main .date-btn-box .balance-custom-btn:hover {
  opacity: 0.9;
}
.container-main-balance .balance-status {
  margin: 23px 20px 0px 19px !important;
  padding-bottom: 7px;
  border-radius: 20px;
}
.container-main-balance .balance-status table {
  margin-bottom: 0px;
  border-radius: 20px;
  overflow: hidden;
}
.container-main-balance .balance-status table thead {
  border-collapse: separate;
  border-radius: 23px;
}
.container-main-balance .balance-status table thead tr {
  color: white;
  font-size: 16px;
  text-align: left;
}
.container-main-balance .balance-status table thead tr th {
  padding: 18px 0px 19px 0px !important;
}
.container-main-balance .balance-status table thead tr th:first-child {
  padding-left: 31px !important;
}
.container-main-balance .balance-status table tbody tr {
  font-size: 14px;
  color: #3d3d3d;
}
.container-main-balance .balance-status table tbody tr .color-red {
  color: #f96060;
}
.container-main-balance .balance-status table tbody tr .color-green {
  color: #3ebe71;
}
.container-main-balance .balance-status table tbody tr td {
  padding: 18px 0px 19px 0px !important;
}
.container-main-balance .balance-status table tbody tr td:first-child {
  padding-left: 31px !important;
}

.footer-policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #2d4a57;
  color: white;
  font-size: 16px;
  color: #b5cfda;
  padding: 21px 0px 19px 0px;
}

.container-main-history {
  display: inline-block;
  width: calc(100% - 264px);
  vertical-align: top;
  margin-left: 264px;
  margin-top: 110px;
  height: calc(100vh - 78px);
}
.container-main-history .bet-history-box .bet-history-text-2 {

  font-size: 16px;
  text-align: left;
  padding: 17px 0px 7px 35px;
}
.container-main-history .bet-history-box .bet-history-text-2 img {
  margin-right: 8px;
}
.container-main-history .games-section {
  padding: 13px 0px 13px 22px;
}
.container-main-history .games-section .games-text {
  margin-right: 16px;
  cursor: pointer;
}
.container-main-history .games-section .games-text a {
  padding: 8px 12px 10px 11px;
  border-radius: 18px;

  cursor: pointer;
}
.container-main-history .games-section .games-text a img {
  height: 18px;
  width: 18px;
}
.container-main-history .games-section .games-text a:first-child img {
  height: 24px;
  width: 24px;
}
.container-main-history .date-btn-main .date-btn-box {
  border-radius: 20px;
  padding: 17px 0px 14px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.container-main-history .date-btn-main .date-btn-box .from-date-box {
  margin-right: 20px;
}
.container-main-history .date-btn-main .date-btn-box .from-date-box .from-text {

  font-size: 13px;
  text-align: left;
}
.container-main-history .date-btn-main .date-btn-box .from-date-box .from-date-input input {
  width: 156px;
  height: 44px;
  border-radius: 4px;
  padding: 2px 2px 2px 12px;
}
.container-main-history .date-btn-main .date-btn-box .to-date-box {
  margin-right: 20px;
}
.container-main-history .date-btn-main .date-btn-box .to-date-box .to-text {

  font-size: 13px;
  text-align: left;
}
.container-main-history .date-btn-main .date-btn-box .to-date-box .to-date-input input {
  width: 156px;
  height: 44px;
  border-radius: 4px;
  padding: 2px 2px 2px 12px;
}
.container-main-history .date-btn-main .date-btn-box .balance-custom-btn {
  border-radius: 4px;
  background-color: #f9ab1b;
  padding: 10px 24px 10px 24px;

  font-size: 16px;
  text-align: left;
  color: #3d3d3d;
}
.container-main-history .date-btn-main .date-btn-box .balance-custom-btn:hover {
  opacity: 0.9;
}
.container-main-history .bet-history-status {
  margin: 0px 20px 0px 19px !important;
  border-radius: 8px;
}
.container-main-history .bet-history-status table {
  margin-bottom: 0px;
  border-radius: 20px 20px 0px 0px;
  overflow: hidden;
}
.container-main-history .bet-history-status table thead {
  border-collapse: separate;
  border-radius: 23px;
}
.container-main-history .bet-history-status table thead tr {

  color: white;
  font-size: 16px;
  text-align: left;
}
.container-main-history .bet-history-status table thead tr th {
  padding: 18px 0px 19px 0px !important;
}
.container-main-history .bet-history-status table thead tr th:first-child {
  padding-left: 31px !important;
}
.container-main-history .bet-history-status table tbody tr {

  font-size: 14px;
}
.container-main-history .bet-history-status table tbody tr td {
  padding: 18px 0px 19px 0px !important;
}
.container-main-history .bet-history-status table tbody tr td:first-child {
  padding-left: 31px !important;
}

.casino-management-table {
  display: inline-block;
  width: calc(100% - 264px);
  vertical-align: top;
  margin-left: 264px;
  margin-top: 110px;
 }

.container-main-profit-loss {
  display: inline-block;
  width: calc(100% - 264px);
  vertical-align: top;
  margin-left: 264px;
  margin-top: 105px;
  height: calc(100vh - 78px);
}
.container-main-profit-loss .filters {
  display: inline-block;
  width: 100%;
  padding: 0 20px;
}
.container-main-profit-loss .profit-loss-box .profit-loss-text-2 {

  font-size: 16px;
  text-align: left;
  padding: 17px 0px 7px 35px;
}
.container-main-profit-loss .profit-loss-box .profit-loss-text-2 img {
  margin-right: 8px;
}
.container-main-profit-loss .games-section {
  padding: 10px 0;
  background: transparent !important;
}
.container-main-profit-loss .games-section .games-text {
  margin-right: 8px;
  cursor: pointer;
  background-color: #fff;
  text-transform: uppercase;
}
.container-main-profit-loss .games-section .games-text a {
  padding: 14px 9px!important;
  border-radius: 0!important;
  text-align: center;
  display: inline-block;
  font-weight: 600;
  cursor: pointer;
}
.container-main-profit-loss .games-section .games-text a img {
  height: 18px;
  width: 18px;
}
.container-main-profit-loss .games-section .games-text a:first-child img {
  height: 24px;
  width: 24px;
}
.container-main-profit-loss .date-btn-main .date-btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.container-main-profit-loss .date-btn-main .date-btn-box > span {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  color: #000000;
  opacity: 0.7;
  margin-right: 13px;
}
.container-main-profit-loss .date-btn-main .date-btn-box .from-date-box {
  margin-right: 20px;
}
.container-main-profit-loss .date-btn-main .date-btn-box .from-date-box .from-text {

  font-size: 13px;
  text-align: left;
}
.container-main-profit-loss .date-btn-main .date-btn-box .from-date-box .from-date-input input {
  width: 156px;
  height: 44px;
  border-radius: 4px;
  padding: 2px 2px 2px 12px;
}
.container-main-profit-loss .date-btn-main .date-btn-box .to-date-box {
  margin-right: 20px;
}
.container-main-profit-loss .date-btn-main .date-btn-box .to-date-box .to-text {

  font-size: 13px;
  text-align: left;
}
.container-main-profit-loss .date-btn-main .date-btn-box .to-date-box .to-date-input input {
  width: 156px;
  height: 44px;
  border-radius: 4px;
  padding: 2px 2px 2px 12px;
}
.container-main-profit-loss .date-btn-main .date-btn-box .balance-custom-btn {
  border-radius: 4px;
  background-color: #f9ab1b;
  padding: 7px 24px 7px 24px;

  font-size: 16px;
  text-align: left;
}
.container-main-profit-loss .date-btn-main .date-btn-box .balance-custom-btn:hover {
  opacity: 0.9;
}
.container-main-profit-loss .profit-loss-status {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  padding: 2px 16px;
  background-color: transparent !important;
}
.container-main-profit-loss .profit-loss-status table {
  margin-bottom: 0px;
}
.container-main-profit-loss .profit-loss-status table thead {
  border-collapse: separate;
  border-radius: 23px;
}
.container-main-profit-loss .profit-loss-status table thead tr {

  font-size: 16px;
  text-align: left;
}
.container-main-profit-loss .profit-loss-status table thead tr th {
  padding: 18px 0px 19px 0px !important;
}
.container-main-profit-loss .profit-loss-status table thead tr th:first-child {
  padding-left: 31px !important;
}
.container-main-profit-loss .profit-loss-status table tbody tr {

  font-size: 14px;
}
.container-main-profit-loss .profit-loss-status table tbody tr td {
  padding: 18px 0px 19px 0px !important;
}
.container-main-profit-loss .profit-loss-status table tbody tr td.color-red {
  color: #f96060;
}
.container-main-profit-loss .profit-loss-status table tbody tr td.color-green {
  color: #3ebe71;
}
.container-main-profit-loss .profit-loss-status table tbody tr td:first-child {
  padding-left: 31px !important;
}

/* .container-main-userprofile {
  display: inline-block;
  width: calc(100% - 264px);
  vertical-align: top;
  min-height: 100vh;
  margin-left: 264px;
  margin-top: 78px;
  height: calc(100vh - 78px);
} */
.container-main-userprofile .userprofile-box .userprofile-text-2 {

  font-size: 16px;
  text-align: left;
  padding: 17px 0px 7px 0;
}
.container-main-userprofile .userprofile-box .userprofile-text-2 img {
  margin-right: 8px;
  position: relative;
  top: -1px;
}
.container-main-userprofile .username-mail-box {
  padding: 33px 24px 32px 24px;
  border-radius: 8px;
  margin-top: 9px;
}
.container-main-userprofile .username-mail-box .form-control {
  padding: 11px 0px 11px 16px;
  height: auto;
  border-radius: 2px;
}
.container-main-userprofile .username-mail-box .email-name-text {

  font-size: 13px;
  opacity: 0.8;
}
.container-main-userprofile .change-password-head-text {
  padding: 8px 0px 8px 24px;
  border-radius: 8px 8px 0px 0px;
  color: white;
  margin-top: 9px;

  font-size: 19px;
}
.container-main-userprofile .change-password-box {
  padding: 32px 24px 40px 24px;
  border-radius: 0px 0px 8px 8px;
  display: inline-block;
  width: 100%;
  min-height: 0;
}
.container-main-userprofile .change-password-box .password-text {

  font-size: 14px;
  opacity: 0.8;
}
.container-main-userprofile .change-password-box .btn-change-password button {
  border-radius: 4px;
  background-color: #f9ab1b;
  color: black;
  color: #3d3d3d;
  font-size: 14px;

  padding: 14px 22px 13px 24px;
  margin-top: 32px;
  border: transparent;
}

.pr-45 {
  padding-right: 45px;
}

.container-main-help-support {
  padding: 37px 0px 51px 0px;
  padding: 24px 16px;
  background: #F1F1F1;
  margin-top: 89px;
}
.container-main-help-support .help-support-box {
  width: 45%;
  margin: 0 auto;
  padding: 61px 79px 0px 62px;
  height: 100vh;
  border-radius: 20px;
}
.container-main-help-support .help-support-box .help-support-text {

  font-size: 40px;
  padding-bottom: 30px;
}
.container-main-help-support .help-support-box .contact-email-text {

  font-size: 14px;
}
.container-main-help-support .help-support-box .contact-email-value {

  font-size: 16px;
}
.container-main-help-support .help-support-box .contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 37px;
}
.container-main-help-support .help-support-box .contacts .icon-contact {
  height: 48px;
  width: 48px;
  padding: 15px;
  border-radius: 50%;
  margin-right: 24px;
}
.container-main-help-support .help-support-box .emails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 60px;
}
.container-main-help-support .help-support-box .emails .icon-email {
  height: 48px;
  width: 48px;
  padding: 14px;
  border-radius: 50%;
  margin-right: 24px;
}
.container-main-help-support .help-support-box .form-control {
  border-radius: 20px;
  padding: 19px 0px 0px 22px;
}
.container-main-help-support .btn-change-password button {
  padding: 16px 45px 15px 45px;
  border-radius: 4px;
  background-color: #f9ab1b;
  color: #3d3d3d;
  font-size: 16px;

  margin-top: 25px;
  border: transparent;
}
.container-main-help-support .send-message {

  font-size: 13px;
}

.container-main-rulesregulations {
  background-color: #f2f3f7;
  width: 100%;
  vertical-align: top;
  min-height: 100vh;
  padding: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 16px;
  background: #F1F1F1;
  margin-top: 89px;
}
.container-main-rulesregulations .regulations {
  padding: 62px 40px 40px 59px;
  width: 66%;
  border-radius: 20px;
}
.container-main-rulesregulations .regulations .rules-regulation-text h3 {

  font-size: 40px;
  padding-bottom: 41px;
}
.container-main-rulesregulations .regulations .para-text {

  font-size: 15px;
  font-weight: 700;
  opacity: 0.9;
}
.container-main-rulesregulations .regulations .heading-text {

  font-size: 19px;
}

.container-main-termsconditions {
  background-color: #f2f3f7;
  width: 100%;
  vertical-align: top;
  min-height: 100vh;
  padding: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 76px;
}
.container-main-termsconditions .conditions {
  padding: 62px 40px 40px 59px;
  width: 66%;
  border-radius: 20px;
  }
.container-main-termsconditions .conditions .terms-condition-text h3 {

  font-size: 40px;
  padding-bottom: 41px;
}
.container-main-termsconditions .conditions .para-text {

  font-size: 15px;
  font-weight: 700;
  opacity: 0.9;
}
.container-main-termsconditions .conditions .heading-text {

  font-size: 19px;
}

.trade-container {
  background-color: #f2f3f7;
}
.trade-container .teams {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 19px 0px 20px 56px;
  margin-bottom: 25px;
}
.trade-container .teams h3 {

  font-size: 18px;
  color: #ffffff;
  margin-right: 40px !important;
}
.trade-container .teams .match-odd-btn button {

  padding: 14px 20px;
  border-radius: 4px;
  background-color: #f9ab1b;
  color: #1d1d1d;
  border: transparent;
}
.trade-container .betting-price-container {
  margin-top: 36px;
  background: white;
}
.trade-container .betting-price-container table tbody tr td {
  border: 1px solid #b7b7b7;
}
.trade-container .betting-price-container table tbody tr td.table-text {
  font-size: 18px;

  color: rgba(29, 29, 29, 0.8);
  padding-left: 24px;
}
.trade-container .betting-price-container table tbody tr td.table-text:first-child {
  opacity: 0.9;
}
.trade-container .betting-price-container table tbody tr:first-child td {
  font-size: 20px;
}
.trade-container .lay-traded-container {
  background: white;
}
.trade-container .lay-traded-container .col-sm-12 {
  background-color: #f2f3f7;
}
.trade-container .lay-traded-container .trade-available {

  font-size: 16px;
  color: #1d1d1d;
  margin-bottom: 13px;
}
.trade-container .lay-traded-container table {
  border: 1px solid #b7b7b7;
}
.trade-container .lay-traded-container table thead tr td {
  border: 1px solid #b7b7b7;

  font-size: 15px;
  padding-left: 30px;
  border-top: 1px solid #b7b7b7 !important;
}
.trade-container .lay-traded-container table tbody tr td {
  padding: 3px 8px;
  border-right: 1px solid #b7b7b7;
  border-top: transparent;
}
.trade-container .lay-traded-container table tbody tr td span {
  width: 100%;
  display: block;
  padding-left: 30px;
  height: 40px;
  padding-top: 10px;
}
.trade-container .lay-traded-container table tbody tr td span.blue {
  background-color: rgba(136, 213, 254, 0.4);
}
.trade-container .lay-traded-container table tbody tr td span.grey {
  background-color: #ebebeb;
}
.trade-container .lay-traded-container table tbody tr td span.red {
  background-color: #fde0e5;
}
.trade-container .lay-traded-container table tbody tr:first-child td {
  padding-top: 5px;
}
.trade-container .table-values {

  font-size: 16px;
  padding-left: 24px;
}

.bg-admin {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-admin .login-admin {
  background: rgba(0, 0, 0, 0.5);
}

.login-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
}


.login-panel .main {
  border-radius: 30px;
  width: 400px;
  /* height: 456px; */
  min-height: auto;
  padding:50px 0 50px 0;
  background-size: cover;
  border: solid 3px var(--maindark);
  background: #000;
  background-image: none !important;
}

.login-panel .main .icon-login {
  padding: 64px 0px 40px 50px;
}
.login-panel .main .icon-login img {
  width: 140px; margin-top: -10px; 
}
.login-panel .main .form-group {
  padding: 10px 60px;
  margin-bottom: 0px;
}
.login-panel .main .form-group label {

  font-size: 14px;
  color: #ffffff;
  line-height: 16px;
  font-weight: 500;
  color: #8ba3af;
}
.login-panel .main .form-group > span {
  display: inline-block;

  font-size: 14px;
  font-weight: 400;
  position: relative;
  color: #ff6c6c;
  height: 16px;
  width: 100%;
  margin-top: 0px;
}
.login-panel .main .form-group > span span {
  position: absolute;
}
.login-panel .main .form-group div {
  position: relative;
}
.login-panel .main .form-group div img {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 7px;
  left: -4px;
}
.login-panel .main .form-group div input {
    border: none;
    padding-left: 24px;
    color: white;
    border-radius: 7px !important;
    font-size: 13px;
    border-radius: 0px;
    background-color: var(--main-color) !important;
    border: solid 3px var(--maindark);
}
.login-panel .main .form-group div input::-webkit-input-placeholder {

  font-size: 14px;
  color: #ffffff;
}
.login-panel .main .form-group div input::-moz-placeholder {

  font-size: 14px;
  color: #ffffff;
}
.login-panel .main .form-group div input:-ms-input-placeholder {

  font-size: 14px;
  color: #ffffff;
}
.login-panel .main .form-group div input::-ms-input-placeholder {

  font-size: 14px;
  color: #ffffff;
}
.login-panel .main .form-group div input::placeholder {

  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
}
.login-panel .main .form-group div input:focus {
  border-bottom: solid 1px var(--maindark) !important;
    box-sizing: border-box;
    box-shadow: 0px 8px 20px rgb(65 65 65 / 20%), 0px 0px 12.9572px var(--maindark) !important;
}
.login-panel .main .form-group .forget-password-text button {
  background: transparent;
  border: transparent;

  font-size: 13px;
  color: #8ba3af;
  font-size: 14px;
  font-weight: 500;
}
.login-panel .main .forget-password {
  margin-top: 0px;
}
.login-panel .main .forget-password button {
  background-color: var(--maindark) !important;
  height: 50px;
  width: 145px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
          border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
}
.login-panel .main .forget-password button img {
  height: 26px;
  width: 26px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.login-panel .main .forget-password button:hover {
  opacity: 0.8;
}


.login-panel .main .close {
  color: var(--maindark) !important;
  text-shadow: none !important;
  opacity: 1;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: transparent;
  margin: 18px 18px;
  position: relative;
  top: -52px;
  border: solid 1px var(--maindark) !important;
  padding: 4px;
}

.login-panel .main .close span {
  font-weight: 100;
  font-size: 21px;
  margin-bottom: 3px;
  display: inline-block;
}

.container-main-accountdetails {
  display: inline-block;
  width: calc(100% - 264px);
  vertical-align: top;
  margin-left: 264px;
  margin-top: 110px; height: calc(100dvh - 110px)
  /* height: calc(100vh - 78px); */
}
.container-main-accountdetails .account-details-box .account-details-text-2 {

  font-size: 16px;
  text-align: left;
  padding: 17px 0px 7px 35px;
}
.container-main-accountdetails .account-details-box .account-details-text-2 img {
  margin-right: 8px;
}
.container-main-accountdetails .date-btn-main {
  padding: 0px 30px 0px 20px !important;
}
.container-main-accountdetails .date-btn-main .date-btn-box {
  border-radius: 20px;
  padding: 17px 0px 14px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.container-main-accountdetails .date-btn-main .date-btn-box .from-date-box {
  margin-right: 20px;
}
.container-main-accountdetails .date-btn-main .date-btn-box .from-date-box .from-text {

  font-size: 13px;
  text-align: left;
}
.container-main-accountdetails .date-btn-main .date-btn-box .from-date-box .from-date-input input {
  width: 156px;
  height: 44px;
  border-radius: 4px;
  padding: 2px 2px 2px 12px;
}
.container-main-accountdetails .date-btn-main .date-btn-box .to-date-box {
  margin-right: 20px;
}
.container-main-accountdetails .date-btn-main .date-btn-box .to-date-box .to-text {

  font-size: 13px;
  text-align: left;
}
.container-main-accountdetails .date-btn-main .date-btn-box .to-date-box .to-date-input input {
  width: 156px;
  height: 44px;
  border-radius: 4px;
  padding: 2px 2px 2px 12px;
}
.container-main-accountdetails .date-btn-main .date-btn-box .balance-custom-btn {
  border-radius: 4px;
  background-color: #f9ab1b;
  padding: 10px 24px 10px 24px;

  font-size: 16px;
  text-align: left;
  color: #3d3d3d;
}
.container-main-accountdetails .date-btn-main .date-btn-box .balance-custom-btn:hover {
  opacity: 0.9;
}
.container-main-accountdetails .balance-status {
  margin: 23px 20px 0px 19px !important;
  padding-bottom: 7px;
  border-radius: 20px;
}
.container-main-accountdetails .balance-status table {
  margin-bottom: 0px;
  border-radius: 20px;
  overflow: hidden;
}
.container-main-accountdetails .balance-status table thead {
  border-collapse: separate;
  border-radius: 23px;
}
.container-main-accountdetails .balance-status table thead tr {

  color: white;
  font-size: 16px;
  text-align: left;
}
.container-main-accountdetails .balance-status table thead tr th {
  padding: 18px 0px 19px 0px !important;
}
.container-main-accountdetails .balance-status table thead tr th:first-child {
  padding-left: 31px !important;
}
.container-main-accountdetails .balance-status table tbody tr {

  font-size: 14px;
  color: #3d3d3d;
}
.container-main-accountdetails .balance-status table tbody tr .color-red {
  color: #f96060;
}
.container-main-accountdetails .balance-status table tbody tr .color-green {
  color: #3ebe71;
}
.container-main-accountdetails .balance-status table tbody tr td {
  padding: 18px 0px 19px 0px !important;
}
.container-main-accountdetails .balance-status table tbody tr td:first-child {
  padding-left: 31px !important;
}

.container-main-activitylog {
  display: inline-block;
  width: calc(100% - 264px);
  vertical-align: top;
  margin-left: 264px;
  margin-top: 110px;
  height: calc(100vh - 78px);
}
.container-main-activitylog .activity-log-box .activity-log-text-2 {

  font-size: 16px;
  text-align: left;
  padding: 8px 0px 7px 34px;
}
.container-main-activitylog .activity-log-box .activity-log-text-2 img {
  margin-right: 8px;
}
.container-main-activitylog .balance-status {
  margin: 12px 20px 0px 19px !important;
  padding-bottom: 7px;
  border-radius: 20px;
}
.container-main-activitylog .balance-status table {
  margin-bottom: 0px;
  border-radius: 20px;
  overflow: hidden;
}
.container-main-activitylog .balance-status table thead {
  border-collapse: separate;
  border-radius: 23px;
}
.container-main-activitylog .balance-status table thead tr {

  color: white;
  font-size: 16px;
  text-align: left;
}
.container-main-activitylog .balance-status table thead tr th {
  padding: 18px 0px 19px 0px !important;
}
.container-main-activitylog .balance-status table thead tr th:first-child {
  padding-left: 31px !important;
}
.container-main-activitylog .balance-status table tbody tr {

  font-size: 14px;
  color: #3d3d3d;
}
.container-main-activitylog .balance-status table tbody tr .color-red {
  color: #f96060;
}
.container-main-activitylog .balance-status table tbody tr .color-green {
  color: #3ebe71;
}
.container-main-activitylog .balance-status table tbody tr td {
  padding: 18px 0px 19px 0px !important;
}
.container-main-activitylog .balance-status table tbody tr td:first-child {
  padding-left: 31px !important;
}

.container-main-themes {
  display: inline-block;
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 264px);
  vertical-align: top;
  margin-left: 264px;
  margin-top: 78px;
  height: calc(100vh - 78px);
}
.container-main-themes .themes-box .themes-text-heading {

  font-size: 16px;
  text-align: left;
  padding: 17px 0px 7px 35px;
}
.container-main-themes .themes-box .themes-text-heading img {
  margin-right: 8px;
}
.container-main-themes .img-responsive {
  height: 54vh;
  margin: 0px auto;
}
.container-main-themes .themes-container {
  padding-left: 13px;
}
.container-main-themes .themes-container .theme-padding {
  padding: 10px 20px 0px 20px;
}
.container-main-themes .themes-container .theme-1-box .theme-text {
  padding: 12px 29px 12px 25px;
  border-radius: 8px 8px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;

  font-size: 16px;
}
.container-main-themes .themes-container .theme-1-box .theme-text input {
  height: 23px;
  width: 23px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 17px;
  margin-top: 0px;
}
.container-main-themes .themes-container .theme-1-box .theme-text .selected-theme {
  position: absolute;
  right: 27px;
}
.container-main-themes .themes-container .theme-1-box .theme-1-img {
  padding: 19px 24px 0px 25px;
  background-color: #9b83d3;
  text-align: center;
  border-radius: 0px 0px 8px 8px;
}
.container-main-themes .themes-container .theme-2-box .theme-text-2 {
  padding: 12px 29px 12px 25px;
  border-radius: 8px 8px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;

  font-size: 16px;
}
.container-main-themes .themes-container .theme-2-box .theme-text-2 input {
  height: 23px;
  width: 23px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 17px;
  margin-top: 0px;
}
.container-main-themes .themes-container .theme-2-box .theme-text-2 .selected-theme {
  position: absolute;
  right: 27px;
}
.container-main-themes .themes-container .theme-2-box .theme-2-img {
  padding: 19px 24px 0px 25px;
  background-color: #fa8ab6;
  text-align: center;
  border-radius: 0px 0px 8px 8px;
}
.container-main-themes .themes-container .theme-3-box .theme-text-3 {
  padding: 12px 29px 12px 25px;
  border-radius: 8px 8px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;

  font-size: 16px;
}
.container-main-themes .themes-container .theme-3-box .theme-text-3 input {
  height: 23px;
  width: 23px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 17px;
  margin-top: 0px;
}
.container-main-themes .themes-container .theme-3-box .theme-text-3 .selected-theme {
  position: absolute;
  right: 27px;
}
.container-main-themes .themes-container .theme-3-box .theme-3-img {
  padding: 19px 24px 0px 25px;
  background-color: #3d9fb3;
  text-align: center;
  border-radius: 0px 0px 8px 8px;
}

.main-markets-container {
  padding: 24px 16px;
  background: #F1F1F1;
  margin-top: 89px;
}
.main-markets-container .markets-heading {
  font-size: 18px;
  color: #2d4a57;

}
.main-markets-container .btn-add-market button {
  border-radius: 4px;
  background-color: #3a5f70;
  font-size: 14px;

  color: white;
  padding: 10px 25px 11px 15px;
  border: transparent;
}
.main-markets-container .btn-add-market button img {
  margin-right: 8px;
}
.main-markets-container .filter-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  padding: 18px 18px 15px 18px;
  margin-top: 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}
.main-markets-container .filter-box .filter-search-box .filter-input-search {
  margin-right: 24px;
  position: relative;
}
.main-markets-container .filter-box .filter-search-box .filter-input-search input {
  width: 321px;
  height: 39px;
  padding: 10px 10px 10px 33px;
  border-radius: 2px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}
.main-markets-container .filter-box .filter-search-box .filter-input-search input::-webkit-input-placeholder {
  font-size: 14px;
  color: rgba(45, 74, 87, 0.6);

}
.main-markets-container .filter-box .filter-search-box .filter-input-search input::-moz-placeholder {
  font-size: 14px;
  color: rgba(45, 74, 87, 0.6);

}
.main-markets-container .filter-box .filter-search-box .filter-input-search input:-ms-input-placeholder {
  font-size: 14px;
  color: rgba(45, 74, 87, 0.6);

}
.main-markets-container .filter-box .filter-search-box .filter-input-search input::-ms-input-placeholder {
  font-size: 14px;
  color: rgba(45, 74, 87, 0.6);

}
.main-markets-container .filter-box .filter-search-box .filter-input-search input::placeholder {
  font-size: 14px;
  color: rgba(45, 74, 87, 0.6);

}
.main-markets-container .filter-box .filter-search-box .filter-input-search img {
  position: absolute;
  top: 12px;
  left: 10px;
}
.main-markets-container .filter-box .date-range-box .inputs-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.main-markets-container .filter-box .date-range-box .inputs-date input {
  width: 150px;
  height: 39px;
  padding: 14px 8px 12px 8px;
  border-radius: 4px;
  background: white;

  font-size: 14px;
  color: #2d4a57;
}
.main-markets-container .filter-box .date-range-box .inputs-date input::-webkit-input-placeholder {

  font-size: 14px;
  color: #2d4a57;
}
.main-markets-container .filter-box .date-range-box .inputs-date input::-moz-placeholder {

  font-size: 14px;
  color: #2d4a57;
}
.main-markets-container .filter-box .date-range-box .inputs-date input:-ms-input-placeholder {

  font-size: 14px;
  color: #2d4a57;
}
.main-markets-container .filter-box .date-range-box .inputs-date input::-ms-input-placeholder {

  font-size: 14px;
  color: #2d4a57;
}
.main-markets-container .filter-box .date-range-box .inputs-date input::placeholder {

  font-size: 14px;
  color: #2d4a57;
}
.main-markets-container .filter-box .date-range-box .inputs-date .to-text {
  padding: 17px;
}
.main-markets-container .filter-box .button-box {
  padding-top: 11px;
  margin-left: 28px;
}
.main-markets-container .filter-box .button-box button {

  font-size: 14px;
  padding: 10px 28px 9px 29px;
  border-radius: 4px;
  background-color: #637e8a;
}
.main-markets-container .filter-box .filter-text {

  font-size: 12px;
  color: #051f34;
}
.main-markets-container .navbar .container-fluid ul li {

  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.main-markets-container .navbar .container-fluid ul li a {
  padding: 8px 8px 8px 8px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 14px;
  border-radius: 35px;
  padding: 8px 14px;
}
@media screen and (max-width: 1092px) {
  .main-markets-container .navbar .container-fluid ul li a {
    margin-top: 2px;
    margin-left: 1px;
    margin-right: 11px;
    padding: 8px 6px;
  }
}
@media screen and (max-width: 1024px) {
  .main-markets-container .navbar .container-fluid ul li a {
    margin-right: 7px;
    padding: 5px 7px;
  }
}
.main-markets-container .navbar .container-fluid ul li a span {
  margin-right: 6px;
}
.main-markets-container .navbar .container-fluid.navbar-games {
  background: white;
}
.main-markets-container .table-market {
  background: white;
  padding-bottom: 34px;
}
.main-markets-container .table-market table thead {
  background: #2d4a57;
}
.main-markets-container .table-market table thead th {
  padding: 18px 8px 19px 15px;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.main-markets-container .table-market table tbody tr td {
  padding: 18px 8px 19px 15px;
}
.main-markets-container .table-market table tbody tr td .edit-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-markets-container .table-market table tbody tr td .edit-delete .edit {
  padding-bottom: 5px;
  padding-right: 15px;
  border-right: 1px solid rgba(17, 17, 17, 0.2);
}
.main-markets-container .table-market table tbody tr td .edit-delete .edit a {
  font-size: 14px;
  color: rgba(33, 57, 75, 0.8);
  text-decoration: underline;
}
.main-markets-container .table-market table tbody tr td .edit-delete .edit img {
  margin-right: 7px;
}
.main-markets-container .table-market table tbody tr td .edit-delete .delete {
  padding-bottom: 5px;
  padding-left: 16px;
}
.main-markets-container .table-market table tbody tr td .edit-delete .delete a {

  text-decoration: underline;
  font-size: 14px;
  color: #d97474;
}
.main-markets-container .table-market table tbody tr td .edit-delete .delete img {
  margin-right: 7px;
}
.main-markets-container .table-market table tbody tr:nth-of-type(even) {
  background-color: #f5f7f8;
}
.main-markets-container .table-market table tbody tr:nth-of-type(odd) {
  background-color: white;
}
.main-markets-container .table-market table .text-table {

  font-size: 16px;
  color: #3d3d3d;
}
.main-markets-container .onoffswitch {
  position: relative;
  width: 42px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.main-markets-container .onoffswitch-checkbox {
  display: none;
}
.main-markets-container .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #e2d9d9;
  border-radius: 20px;
}
.main-markets-container .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.main-markets-container .onoffswitch-inner:before,
.main-markets-container .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 18px;
  padding: 0;
  line-height: 18px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-markets-container .onoffswitch-inner:before {
  content: "";
  padding-left: 11px;
  background-color: #56C234;
  color: #FFFFFF;
}
.main-markets-container .onoffswitch-inner:after {
  content: "";
  padding-right: 11px;
  background-color: #EEEEEE;
  color: #999999;
  text-align: right;
}
.main-markets-container .onoffswitch-switch {
  display: block;
  width: 22px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  border-radius: 20px;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
  -webkit-box-shadow: 0 2px 2.7px 0.3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2.7px 0.3px rgba(0, 0, 0, 0.2);
}
.main-markets-container .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.main-markets-container .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}
.main-markets-container .pr-4 {
  padding-right: 4px;
}

.main-report-container {
  padding: 6px;
  background: #F1F1F1;
  margin-top: 110px;
}
.main-report-container .report-heading {
  font-size: 18px;
  color: #000000;

}
.main-report-container .filter-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  padding: 18px 18px 15px 18px;
  margin-top: 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}
.main-report-container .filter-box .filter-search-box .filter-input-search {
  margin-right: 24px;
  position: relative;
}
.main-report-container .filter-box .filter-search-box .filter-input-search select {
  width: 200px;
  height: 39px;
  padding: 10px 10px 10px 8px;
  border-radius: 2px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  color: #2d4a57;
  font-size: 14px;

}
.main-report-container .filter-box .filter-search-box .filter-input-search img {
  position: absolute;
  top: 12px;
  left: 10px;
}
.main-report-container .filter-box .date-range-box .inputs-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.main-report-container .filter-box .date-range-box .inputs-date input {
  width: 150px;
  height: 39px;
  padding: 14px 8px 12px 8px;
  border-radius: 4px;
  background: white;

  font-size: 14px;
  color: #2d4a57;
}
.main-report-container .filter-box .date-range-box .inputs-date .to-text {
  padding: 17px;
}
.main-report-container .filter-box .today {
  margin-left: 27px;
  margin-right: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #3d3d3d;

}
.main-report-container .filter-box .today input {
  margin: 0px 8px 0px 0px;
  height: 23px;
  width: 23px;
}
.main-report-container .filter-box .yesterday {
  margin-right: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #3d3d3d;

}
.main-report-container .filter-box .yesterday input {
  margin: 0px 8px 0px 0px;
  height: 23px;
  width: 23px;
}
.main-report-container .filter-box .button-box {
  padding-top: 11px;
  margin-left: 28px;
}
.main-report-container .filter-box .button-box button {

  font-size: 14px;
  padding: 10px 28px 9px 29px;
  border-radius: 4px;
  background-color: #637e8a;
}
.main-report-container .filter-box .filter-text {

  font-size: 12px;
  color: #051f34;
}
.main-report-container .navbar .container-fluid ul li {

  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.main-report-container .navbar .container-fluid ul li a {
  padding: 8px 8px 8px 8px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 14px;
  border-radius: 35px;
  padding: 8px 14px;
}
@media screen and (max-width: 1092px) {
  .main-report-container .navbar .container-fluid ul li a {
    margin-top: 2px;
    margin-left: 1px;
    margin-right: 11px;
    padding: 8px 6px;
  }
}
@media screen and (max-width: 1024px) {
  .main-report-container .navbar .container-fluid ul li a {
    margin-right: 7px;
    padding: 5px 7px;
  }
}
.main-report-container .navbar .container-fluid ul li a span {
  margin-right: 6px;
}
.main-report-container .navbar .container-fluid.navbar-games {
  background: white;
}
.main-report-container .table-report {
  background: white;
  padding-bottom: 34px;
}
.main-report-container .table-report table thead {
  background: #2d4a57;
}
.main-report-container .table-report table thead th {
  padding: 8px 8px 8px 15px;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.main-report-container .table-report table tbody tr td {

  font-size: 14px;
  color: #3d3d3d;
  padding: 8px 8px 8px 15px;
}
.main-report-container .table-report table tbody tr td .uid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-report-container .table-report table tbody tr td .uid .sup-icon {
  background-color: #425c69;
  color: white;
  margin-right: 10px;
  border-radius: 100px;
  font-size: 9px;

  height: 26px;
  width: 26px;
  text-align: center;
  line-height: 26px;
}
.main-report-container .table-report table tbody tr td .uid .name {
  color: #0c86cc;
  text-decoration: underline;

  font-size: 14px;
}
.main-report-container .table-report table tbody tr:nth-of-type(even) {
  background-color: #f5f7f8;
}
.main-report-container .table-report table tbody tr:nth-of-type(odd) {
  background-color: white;
}
.main-report-container .table-report table .text-table {

  font-size: 16px;
  color: #3d3d3d;
}
.main-report-container .pages-tab {
  margin-top: 14px !important;
}
.main-report-container .pages-tab .showing-text {

  font-size: 14px;
  color: rgba(61, 61, 61, 0.9);
  padding-top: 13px;
}
.main-report-container .pages-tab .pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.main-report-container .pages-tab .pages div {
  padding: 12px;
  cursor: pointer;
}
.main-report-container .pages-tab .pages div.numbers.active {
  padding: 12px;
  background: reheight;
  height: 30px;
  width: 30px;
  position: relative;
  top: 0px;
  background-color: #637e8a;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: scale(1.01);
      -ms-transform: scale(1.01);
          transform: scale(1.01);
}
.main-report-container .pages-tab .pages div.previous {

  font-size: 14px;
  color: #faa304;
}
.main-report-container .pages-tab .pages div.last {

  font-size: 14px;
  color: #faa304;
}
.main-report-container .pages-tab .pages div.first {

  font-size: 14px;
  color: rgba(54, 54, 54, 0.9);
}
.main-report-container .pages-tab .pages div.next {

  font-size: 14px;
  color: rgba(54, 54, 54, 0.9);
}
.main-report-container .pr-4 {
  padding-right: 4px;
}

.main-betlistlive-container {
  /* padding: 24px 16px; */
  padding: 5px 4px 0;
  background: #F1F1F1;
  margin-top: 110px;
}
.main-betlistlive-container .betlistlive-heading {
  font-size: 18px;
  color: #2d4a57;

}
.main-betlistlive-container .filter-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: white;
  padding: 15px 0px 15px 18px;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 18px;
}
.main-betlistlive-container .filter-container .order-of-display-box .order-text {
  margin-bottom: 4px;
}
.main-betlistlive-container .filter-container .order-of-display-box .order-filters {
  margin-right: 32px;
}
.main-betlistlive-container .filter-container .order-of-display-box .order-filters .dropdown-stake select {
  width: 160px;
  height: 40px;
  height: 40px;
  padding: 10px 8px;
  border-radius: 2px;
  border: solid 1px rgba(0, 0, 0, 0.2);
}
.main-betlistlive-container .filter-container .order-of-display-box .order-filters .of-text {
  padding: 0px 17px;
  font-size: 16px;
}
.main-betlistlive-container .filter-container .order-of-display-box .order-filters .dropdown-sorting select {
  width: 160px;
  height: 40px;
  height: 40px;
  padding: 10px 8px;
  border-radius: 2px;
  border: solid 1px rgba(0, 0, 0, 0.2);
}
.main-betlistlive-container .filter-container .filter-btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.main-betlistlive-container .filter-container .filter-btn-box .last-txn-box {
  margin-right: 32px;
}
.main-betlistlive-container .filter-container .filter-btn-box .last-txn-box .last-txn-text {
  margin-bottom: 10px;
}
.main-betlistlive-container .filter-container .filter-btn-box .autorefresh-box {
  margin-right: 32px;
}
.main-betlistlive-container .filter-container .filter-btn-box .autorefresh-box .autorefresh-text {
  margin-bottom: 10px;
}
.main-betlistlive-container .filter-container .filter-btn-box .bet-status-box .bet-status-text {
  margin-bottom: 10px;
}
.main-betlistlive-container .filter-container .filter-btn-box .dropdown select {
  width: 150px;
  height: 40px;
  height: 40px;
  padding: 10px 8px;
  border-radius: 2px;
  border: solid 1px rgba(0, 0, 0, 0.2);
}
.main-betlistlive-container .filter-container .dropdown-text {

  font-size: 14px;
  color: #2d4a57;
}
.main-betlistlive-container .filter-container .filter-text {

  font-size: 12px;
  color: #051f34;
}
.main-betlistlive-container .navbar .container-fluid ul li {

  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.main-betlistlive-container .navbar .container-fluid ul li a {
  padding: 8px 8px 8px 8px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 14px;
  border-radius: 35px;
  padding: 8px 14px;
}
@media screen and (max-width: 1092px) {
  .main-betlistlive-container .navbar .container-fluid ul li a {
    margin-top: 2px;
    margin-left: 1px;
    margin-right: 11px;
    padding: 8px 6px;
  }
}
@media screen and (max-width: 1024px) {
  .main-betlistlive-container .navbar .container-fluid ul li a {
    margin-right: 7px;
    padding: 5px 7px;
  }
}
.main-betlistlive-container .navbar .container-fluid ul li a span {
  margin-right: 6px;
}
.main-betlistlive-container .navbar .container-fluid.navbar-games {
  background: white;
}
.main-betlistlive-container .table-betlive {
  background: white;
  padding-bottom: 14px;
}
.main-betlistlive-container .table-betlive table {
  margin-bottom: 0px;
}
.main-betlistlive-container .table-betlive table thead {
  background: #2d4a57;
}
.main-betlistlive-container .table-betlive table thead th {
  padding: 18px 8px 19px 15px;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.main-betlistlive-container .table-betlive table tbody tr td {
  padding: 12px 8px 10px 15px;
}
.main-betlistlive-container .table-betlive table tbody tr td .edit-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-betlistlive-container .table-betlive table tbody tr td .edit-delete .edit {
  padding-bottom: 5px;
  padding-right: 15px;
  border-right: 1px solid rgba(17, 17, 17, 0.2);
}
.main-betlistlive-container .table-betlive table tbody tr td .edit-delete .edit a {

  font-size: 14px;
  color: rgba(33, 57, 75, 0.8);
  text-decoration: underline;
}
.main-betlistlive-container .table-betlive table tbody tr td .edit-delete .edit img {
  margin-right: 7px;
}
.main-betlistlive-container .table-betlive table tbody tr td .edit-delete .delete {
  padding-bottom: 5px;
  padding-left: 16px;
}
.main-betlistlive-container .table-betlive table tbody tr td .edit-delete .delete a {

  text-decoration: underline;
  font-size: 14px;
  color: #d97474;
}
.main-betlistlive-container .table-betlive table tbody tr td .edit-delete .delete img {
  margin-right: 7px;
}
.main-betlistlive-container .table-betlive table tbody tr td.bet-id-text {
  color: #1756f7;
  text-decoration: underline;
}
.main-betlistlive-container .table-betlive table tbody tr td .yes {
  color: #1756f7;
}
.main-betlistlive-container .table-betlive table tbody tr td .no {
  color: #fd7059;
}
.main-betlistlive-container .table-betlive table tbody tr:nth-of-type(even) {
  background-color: #f5f7f8;
}
.main-betlistlive-container .table-betlive table tbody tr:nth-of-type(odd) {
  background-color: white;
}
.main-betlistlive-container .table-betlive table .text-table {

  font-size: 14px;
  color: #3d3d3d;
}
.main-betlistlive-container .pages-tab {
  margin-top: 14px !important;
}
.main-betlistlive-container .pages-tab .showing-text {

  font-size: 14px;
  color: rgba(61, 61, 61, 0.9);
  padding-top: 13px;
}
.main-betlistlive-container .pages-tab .pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.main-betlistlive-container .pages-tab .pages div {
  padding: 12px;
  cursor: pointer;
}
.main-betlistlive-container .pages-tab .pages div.numbers.active {
  padding: 12px;
  background: reheight;
  height: 30px;
  width: 30px;
  position: relative;
  top: 0px;
  background-color: #637e8a;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: scale(1.01);
      -ms-transform: scale(1.01);
          transform: scale(1.01);
}
.main-betlistlive-container .pages-tab .pages div.previous {

  font-size: 14px;
  color: #faa304;
}
.main-betlistlive-container .pages-tab .pages div.last {

  font-size: 14px;
  color: #faa304;
}
.main-betlistlive-container .pages-tab .pages div.first {

  font-size: 14px;
  color: rgba(54, 54, 54, 0.9);
}
.main-betlistlive-container .pages-tab .pages div.next {

  font-size: 14px;
  color: rgba(54, 54, 54, 0.9);
}
.main-betlistlive-container .pr-4 {
  padding-right: 4px;
}

.main-downlinelisting-container {
  border-radius: 3px;
}
.main-downlinelisting-container .downline-heading {
  font-size: 18px;
  color: #2d4a57;

  text-align: center;
  padding: 5px;
}
.main-downlinelisting-container .btn-add-market button {
  border-radius: 4px;
  background-color: #3a5f70;
  font-size: 14px;

  color: white;
  padding: 10px 25px 11px 15px;
  border: transparent;
}
.main-downlinelisting-container .btn-add-market button img {
  margin-right: 8px;
}
.main-downlinelisting-container .downline-container {
  width: 100%;
  margin: 0 auto !important;
}
.main-downlinelisting-container .downline-container .downline-form {
  display: block;
  margin: 0 auto;
  background: white;
  border-radius: 4px;
  margin-top: 8px;
  padding: 20px 48px;
}
.main-downlinelisting-container .downline-container .downline-form input {
  padding: 6px 12px;
  border: solid 1px #d3d3d3;
}
.main-downlinelisting-container .downline-container .downline-form select {
  padding: 6px 12px;
  border: solid 1px #d7d7d7;
  border-radius: 3px;
  background-color: #f9f9f9;
}
.main-downlinelisting-container .downline-container .downline-form .steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-downlinelisting-container .downline-container .downline-form .steps .step-1 {
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background: red;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #21394b;
  color: #21394b;
  border: solid 2px #21394b;
  background-color: #f1f1f1;
}
.main-downlinelisting-container .downline-container .downline-form .steps .step-1.active {
  background-color: #21394b;
  color: white;
}
.main-downlinelisting-container .downline-container .downline-form .steps .step-line {
  border-bottom: 1px solid rgba(33, 57, 75, 0.2);
  /* height: 10px; */
  width: 161px;
}
.main-downlinelisting-container .downline-container .downline-form .steps .step-line.change {
  border: transparent;
}
.main-downlinelisting-container .downline-container .downline-form .steps .step-line.active {
  border-bottom: 1px solid #21394b;
}
.main-downlinelisting-container .downline-container .downline-form .steps .step-text {

  font-size: 16px;
  color: rgba(33, 57, 75, 0.5);
}
.main-downlinelisting-container .downline-container .downline-form .steps .step-text.active {

  font-size: 16px;
  color: rgba(33, 57, 75, 0.8);
}
.main-downlinelisting-container .downline-container .downline-form input[type=text] {
  width: 100%;
  padding: 15px;
  border-radius: 3px;
  background-color: #f9f9f9;
}
.main-downlinelisting-container .downline-container .downline-form input[type=checkbox] {
  height: 20px;
  width: 20px;
  margin-right: 12px;
  margin-top: 0;
}
.main-downlinelisting-container .downline-container .downline-form .role-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 50px;
}
.main-downlinelisting-container .downline-container .downline-form .role-box .role {
  margin-right: 33px;

  font-size: 16px;
  color: #3d3d3d;
}
.main-downlinelisting-container .downline-container .downline-form .role-box .super-admin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 68px;
}
.main-downlinelisting-container .downline-container .downline-form .role-box .super-admin input {
  margin: 0px;
  margin-right: 8px;
  height: 23px;
  width: 23px;
}
.main-downlinelisting-container .downline-container .downline-form .role-box .super-admin .super-icon .sup-icon {
  padding: 6px;
  border-radius: 2px;
  color: white;
  background-color: #eb7070;
  margin-right: 8px;
}
.main-downlinelisting-container .downline-container .downline-form .role-box .master-admin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 71px;
}
.main-downlinelisting-container .downline-container .downline-form .role-box .master-admin input {
  margin: 0px;
  margin-right: 8px;
  height: 23px;
  width: 23px;
}
.main-downlinelisting-container .downline-container .downline-form .role-box .master-admin .master-icon .sup-icon {
  margin-right: 8px;
  border-radius: 2px;
  background-color: #63b7ab;
  padding: 6px;
  color: white;
}
.main-downlinelisting-container .downline-container .downline-form .role-box .player {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 68px;
}
.main-downlinelisting-container .downline-container .downline-form .role-box .player input {
  margin: 0px;
  margin-right: 8px;
  height: 23px;
  width: 23px;
}
.main-downlinelisting-container .downline-container .downline-form .role-box .player .player-icon .sup-icon {
  padding: 6px 11px;
  margin-right: 8px;
  border-radius: 2px;
  background-color: #637cb7;
  color: white;
}
.main-downlinelisting-container .downline-container .downline-form .role-box .accounts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-downlinelisting-container .downline-container .downline-form .role-box .accounts input {
  margin: 0px;
  margin-right: 8px;
  height: 23px;
  width: 23px;
}
.main-downlinelisting-container .downline-container .downline-form .role-box .accounts .account-icon .sup-icon {
  border-radius: 2px;
  background-color: #637cb7;
  padding: 6px 9px;
  color: white;
  margin-right: 8px;
}
.main-downlinelisting-container .downline-container .downline-form .role-box .text-box {

  font-size: 12px;
  color: #3d3d3d;
}
.main-downlinelisting-container .downline-container .downline-form .box-text {

  font-size: 16px;
  color: #3d3d3d;
  margin-bottom: 3px;
}
.main-downlinelisting-container .downline-container .downline-form .description-box {
  padding: 42px 0px 20px 0px;
}
.main-downlinelisting-container .downline-container .downline-form .description-box .description-text {
  font-size: 16px;
  color: #3d3d3d;
}
.main-downlinelisting-container .downline-container .downline-form .description-box .description-input textarea {
  max-width: 100%;
  border-radius: 3px;
  border: solid 1px #d7d7d7;
  background-color: #f9f9f9;
  width: 100%;
  margin-top: 7px;
}
.main-downlinelisting-container .downline-container .downline-form .buttons .cancel button {
  padding: 19px 34px;

  border-radius: 2px;
  font-size: 16px;
  border: transparent;
  background: white;
  color: rgba(61, 61, 61, 0.7);
  font-size: 16px;
}
.main-downlinelisting-container .downline-container .downline-form .buttons .cancel button.active {
  border: solid 1px #21394b;
  background-color: #2d4a57;
  color: white;
}
.main-downlinelisting-container .downline-container .downline-form .buttons .save button {
  padding: 19px 34px;

  border-radius: 2px;
  font-size: 16px;
  border: transparent;
  background: white;
  color: rgba(61, 61, 61, 0.7);
  font-size: 16px;
}
.main-downlinelisting-container .downline-container .downline-form .buttons .save button.active {
  border: solid 1px #21394b;
  background-color: #2d4a57;
  color: white;
}
.main-downlinelisting-container .downline-container .downline-form .access-container {
  padding-top: 49px;
}
.main-downlinelisting-container .downline-container .downline-form .access-container .access {
  padding-bottom: 24px;

  font-size: 16px;
  color: rgba(61, 61, 61, 0.8);
}
.main-downlinelisting-container .downline-container .downline-form .access-container .permission-text {

  font-size: 16px;
  color: #3d3d3d;
}
.main-downlinelisting-container .center-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-downlinelisting-container .pr-4 {
  padding-right: 4px;
}
.main-downlinelisting-container .pt-32 {
  padding-top: 10px;
}
.main-downlinelisting-container .pb-32 {
  padding-bottom: 32px;
}
.main-downlinelisting-container .pl-0 {
  padding-left: 0;
}
.main-downlinelisting-container .pr-0 {
  padding-right: 0;
}

.main-account-container {
  padding: 24px 16px;
  background: #F1F1F1;
  margin-top: 89px;
  min-height: calc(100vh - 131px);
  margin-left: 264px;
  width: calc(100% - 264px);
}
.main-account-container .account-heading {
  font-size: 18px;
  color: #2d4a57;

  min-height: 50px;
}
.main-account-container .activity-log-contsiner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
.main-account-container .activity-log-contsiner .activity-panel {
  width: 100%;
}
.main-account-container .activity-log-contsiner .activity-panel .activity-btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 9px !important;
}
.main-account-container .activity-log-contsiner .activity-panel .activity-btn-box .activity-log-heading {
  display: inline-block;
  width: 50%;
  font-size: 16px;
  color: #3d3d3d;

}
.main-account-container .activity-log-contsiner .activity-panel .activity-btn-box .download {
  width: 50%;
  display: inline-block;
  text-align: right;
}
.main-account-container .activity-log-contsiner .activity-panel .activity-btn-box .download button {
  border-radius: 4px;
  background-color: #3a5f70;
  color: white;
  padding: 8px 23px 8px 21px;
  border: transparent;

}
.main-account-container .activity-log-contsiner .activity-panel .activity-btn-box .download button img {
  margin-right: 13px;
}
.main-account-container .activity-log-contsiner .activity-panel .table-activity {
  background: white;
  padding-bottom: 34px;
  border-radius: 4px;
  overflow: hidden;
}
.main-account-container .activity-log-contsiner .activity-panel .table-activity table thead {
  background: #2d4a57;
}
.main-account-container .activity-log-contsiner .activity-panel .table-activity table thead th {
  padding: 18px 8px 19px 15px;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.main-account-container .activity-log-contsiner .activity-panel .table-activity table tbody tr td {

  font-size: 16px;
  color: #3d3d3d;
  padding: 18px 8px 19px 15px;
}
.main-account-container .activity-log-contsiner .activity-panel .table-activity table tbody tr:nth-of-type(even) {
  background-color: #f5f7f8;
}
.main-account-container .activity-log-contsiner .activity-panel .table-activity table tbody tr:nth-of-type(odd) {
  background-color: white;
}
.main-account-container .activity-log-contsiner .activity-panel .table-activity table .text-table {

  font-size: 16px;
  color: #3d3d3d;
}

.accordion-admin {
  margin-right: 14px;
}
.accordion-admin .accordion-container {
  width: 215px;
}
.accordion-admin .accordion-container .position {
  background: white;
}
.accordion-admin .accordion-container .position .position-text {
  padding: 19px 0px 15px 37px;
  border: solid 1px #21394b;
  background-color: #2d4a57;
  color: white;
}
.accordion-admin .accordion-container .position ul li {
  display: block;
  width: 100%;
  border-bottom: 1px solid rgba(61, 61, 61, 0.1);
}
.accordion-admin .accordion-container .position ul li a {
  width: 100%;
  display: block;
  padding: 14px 14px 14px 34px;
  color: #3d3d3d;
  font-size: 14px;
  font-size: 14px;
  font-weight: 500;

}
.accordion-admin .accordion-container .position ul li a.active {
  background-color: #ebebeb;
  font-size: 14px;
  font-weight: 500;

  color: #3d3d3d;
}
.accordion-admin .accordion-container .account-details {
  background: white;
}
.accordion-admin .accordion-container .account-details .account-details-text {
  padding: 19px 0px 15px 37px;
  border: solid 1px #21394b;
  background-color: #2d4a57;
  color: white;
}
.accordion-admin .accordion-container .account-details ul li {
  display: block;
  border-bottom: 1px solid rgba(61, 61, 61, 0.1);
}
.accordion-admin .accordion-container .account-details ul li a {
  width: 100%;
  display: block;
  padding: 14px 14px 14px 34px;
  color: #3d3d3d;
  font-size: 14px;
  font-size: 14px;
  font-weight: 500;

}
.accordion-admin .accordion-container .account-details ul li a.active {
  background-color: #ebebeb;
  font-size: 14px;
  font-weight: 500;

  color: #3d3d3d;
}

.main-account-container {
  padding: 24px 16px;
  background: #F1F1F1;
  margin-top: 89px;
  min-height: calc(100vh - 131px);
  margin-left: 264px;
  width: calc(100% - 264px);
}
.main-account-container .account-heading {
  font-size: 18px;
  color: #2d4a57;

}
.main-account-container .transferred-log-contsiner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
.main-account-container .transferred-log-contsiner .transferred-panel {
  width: 100%;
}
.main-account-container .transferred-log-contsiner .transferred-panel .transferred-btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 9px !important;
}
.main-account-container .transferred-log-contsiner .transferred-panel .transferred-btn-box .transferred-log-heading {
  display: inline-block;
  width: 50%;
  font-size: 16px;
  color: #3d3d3d;

}
.main-account-container .transferred-log-contsiner .transferred-panel .transferred-btn-box .download {
  width: 50%;
  display: inline-block;
  text-align: right;
}
.main-account-container .transferred-log-contsiner .transferred-panel .transferred-btn-box .download button {
  border-radius: 4px;
  background-color: #3a5f70;
  color: white;
  padding: 8px 23px 8px 21px;
  border: transparent;

}
.main-account-container .transferred-log-contsiner .transferred-panel .transferred-btn-box .download button img {
  margin-right: 13px;
}
.main-account-container .transferred-log-contsiner .transferred-panel .table-transferred {
  background: white;
  padding-bottom: 34px;
  border-radius: 4px;
  overflow: hidden;
}
.main-account-container .transferred-log-contsiner .transferred-panel .table-transferred table thead {
  background: #2d4a57;
}
.main-account-container .transferred-log-contsiner .transferred-panel .table-transferred table thead th {
  padding: 18px 8px 19px 15px;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.main-account-container .transferred-log-contsiner .transferred-panel .table-transferred table tbody tr td {

  font-size: 16px;
  color: #3d3d3d;
  padding: 18px 8px 19px 15px;
}
.main-account-container .transferred-log-contsiner .transferred-panel .table-transferred table tbody tr td.color-red {
  color: #fb907f;
}
.main-account-container .transferred-log-contsiner .transferred-panel .table-transferred table tbody tr:nth-of-type(even) {
  background-color: #f5f7f8;
}
.main-account-container .transferred-log-contsiner .transferred-panel .table-transferred table tbody tr:nth-of-type(odd) {
  background-color: white;
}
.main-account-container .transferred-log-contsiner .transferred-panel .table-transferred table .text-table {

  font-size: 16px;
  color: #3d3d3d;
}

.main-banking-container {
  padding: 24px 6px 72px;
  background: #F1F1F1;
  margin-top: 89px;
}
.main-banking-container .banking-heading {
  font-size: 18px;
  color: #2d4a57;

}
.main-banking-container .filter-container {
  background: white;
  padding: 8px 28px 6px 25px;
  border-radius: 4px;
  margin-top: 8px;
}
.main-banking-container .filter-container .balance-box {
  padding: 29px 0px 31px 0px;
  border-right: 1px solid rgba(37, 37, 37, 0.2);
}
.main-banking-container .filter-container .balance-box .balance-heading {
  display: inline-block;
  margin-right: 16px;
  font-size: 14px;

  color: rgba(5, 31, 52, 0.8);
}
.main-banking-container .filter-container .balance-box .balance-value {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;

  color: #051f34;
}
.main-banking-container .filter-container .balance-box .balance-value .pth-text {
  margin-left: 8px;
  font-size: 14px;

  color: rgba(0, 0, 0, 0.8);
}
.main-banking-container .filter-container .status-filter {
  padding-top: 4px;
}
.main-banking-container .filter-container .status-filter .status-heading {

  font-size: 12px;
  color: #051f34;
}
.main-banking-container .filter-container .status-filter .dropdown-status select {
  width: 100%;
  border-radius: 2px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 11px 8px 9px 8px;
  margin-top: 2px;
  font-size: 14px;

  color: #2d4a57;
}
.main-banking-container .filter-container .date-range-filter-box .date-range-text {
  padding-left: 15px;

  font-size: 12px;
  color: #051f34;
}
.main-banking-container .filter-container .date-range-filter-box .filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-banking-container .filter-container .date-range-filter-box .filters input {
  width: 100%;
  border-radius: 2px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 10px 8px 9px 8px;
  margin-top: 4px;
  font-size: 14px;

  color: #2d4a57;
}
.main-banking-container .filter-container .date-range-filter-box .filters .to-text {
  font-size: 14px;

  color: #3d3d3d;
}
.main-banking-container .filter-container .btn-apply {
  padding: 8px 28px 13px 29px;
  font-size: 14px;
  color: white;
  border-radius: 4px;
  background-color: #637e8a;
  margin-top: 19px;
  width: 100%;
}
.main-banking-container .table-report {
  background: white;
  padding-bottom: 12px;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 16px;
}
.main-banking-container .table-report table {
  margin-bottom: 0px;
}
.main-banking-container .table-report table thead {
  background: #2d4a57;
}
.main-banking-container .table-report table thead th {
  padding: 18px 8px 19px 15px;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.main-banking-container .table-report table tbody tr td {
  vertical-align: middle;

  font-size: 14px;
  color: #3d3d3d;
  padding: 8px 8px 7px 15px;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .dw-box {
  margin-right: 11px;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .dw-box .btn {
  border: 1px solid #1a1a1a;
  display: inline-block;
  padding: 6px;
  position: relative;
  text-align: center;
  -webkit-transition: background 600ms ease, color 600ms ease;
  -o-transition: background 600ms ease, color 600ms ease;
  transition: background 600ms ease, color 600ms ease;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .dw-box input[type=radio].toggle {
  display: none;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .dw-box input[type=radio].toggle + label {
  cursor: pointer;
  min-width: 60px;
  border: solid 1px #b7b7b7;
  background-color: #f5f7f8;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .dw-box input[type=radio].toggle + label:hover {
  background: none;
  color: #1a1a1a;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .dw-box input[type=radio].toggle + label:after {
  background: #1a1a1a;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  -webkit-transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
  width: 100%;
  z-index: -1;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .dw-box input[type=radio].toggle.toggle-left + label {
  border-right: 0;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .dw-box input[type=radio].toggle.toggle-left + label:after {
  left: 100%;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .dw-box input[type=radio].toggle.toggle-right + label {
  margin-left: -5px;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .dw-box input[type=radio].toggle.toggle-right + label:after {
  left: -100%;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .dw-box input[type=radio].toggle:checked + label {
  cursor: default;
  color: #ffb016;
  -webkit-transition: color 200ms;
  -o-transition: color 200ms;
  transition: color 200ms;
  background: #2d4a57;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .dw-box input[type=radio].toggle:checked + label:after {
  left: 0;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .input-dw {
  margin-right: 12px;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .input-dw input {
  width: 100%;
  padding: 8px 11px;
  border-radius: 4px;
}
.main-banking-container .table-report table tbody tr td .deposit-withdraw-container .full .btn-full {
  border-radius: 4px;
  border: solid 1px #b7b7b7;
  background-color: #f5f7f8;
  padding: 6px 11px 6px 13px;
}
.main-banking-container .table-report table tbody tr td .credit-refrence-container {
  text-align: right;
}
.main-banking-container .table-report table tbody tr td .credit-refrence-container .edit button {
  border: solid 1px #b7b7b7;
  padding: 6px 11px 6px 13px;
  border-radius: 4px;
  background-color: #637e8a;
  color: white;
  margin-left: 9px;
}
.main-banking-container .table-report table tbody tr td .remark-input {
  width: 100%;
  padding: 8px 11px;
  border-radius: 4px;
}
.main-banking-container .table-report table tbody tr td .remark-input::-webkit-input-placeholder {

  font-size: 14px;
  color: rgba(61, 61, 61, 0.5);
}
.main-banking-container .table-report table tbody tr td .remark-input::-moz-placeholder {

  font-size: 14px;
  color: rgba(61, 61, 61, 0.5);
}
.main-banking-container .table-report table tbody tr td .remark-input:-ms-input-placeholder {

  font-size: 14px;
  color: rgba(61, 61, 61, 0.5);
}
.main-banking-container .table-report table tbody tr td .remark-input::-ms-input-placeholder {

  font-size: 14px;
  color: rgba(61, 61, 61, 0.5);
}
.main-banking-container .table-report table tbody tr td .remark-input::placeholder {

  font-size: 14px;
  color: rgba(61, 61, 61, 0.5);
}
.main-banking-container .table-report table tbody tr:nth-of-type(even) {
  background-color: #f5f7f8;
}
.main-banking-container .table-report table tbody tr:nth-of-type(odd) {
  background-color: white;
}
.main-banking-container .table-report table .text-table {

  font-size: 16px;
  color: #3d3d3d;
}
.main-banking-container .center-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-banking-container .pr-4 {
  padding-right: 4px;
}
.main-banking-container .pad-0 {
  padding: 0;
}
.main-banking-container .pt-32 {
  padding-top: 32px;
}
.main-banking-container .pb-32 {
  padding-bottom: 32px;
}
.main-banking-container .pl-0 {
  padding-left: 0;
}
.main-banking-container .pr-0 {
  padding-right: 0;
}
.main-banking-container .pt-9 {
  padding-top: 9px;
}

.payment-confirmation .payment {
  display: inline-block;
  width: 100%;
  text-align: right;
  padding: 13px 23px 15px 0px;
  background-color: var(--main-color);
}



.skin-3 .payment-confirmation.payment-confirmation1 .payment {
  background-color: transparent !important;
  color: #fff !important;
}

.skin-3 .payment-confirmation.payment-confirmation1 .payment .enter-password-text {
  color: #fff !important;
}

.payment-confirmation .payment .enter-password-text {
  font-size: 12px;

  color: rgba(255, 255, 255, 0.5);
}
.payment-confirmation .payment input {
  width: 166px;
  height: 44px;
  border-radius: 2px;
  background-color: #ffffff;
  margin-left: 24px;
  padding: 15px 15px 15px 17px;
}
.payment-confirmation .payment input::-webkit-input-placeholder {

  font-size: 12px;
  color: rgba(5, 31, 52, 0.5);
}
.payment-confirmation .payment input::-moz-placeholder {

  font-size: 12px;
  color: rgba(5, 31, 52, 0.5);
}
.payment-confirmation .payment input:-ms-input-placeholder {

  font-size: 12px;
  color: rgba(5, 31, 52, 0.5);
}
.payment-confirmation .payment input::-ms-input-placeholder {

  font-size: 12px;
  color: rgba(5, 31, 52, 0.5);
}
.payment-confirmation .payment input::placeholder {

  font-size: 12px;
  color: rgba(5, 31, 52, 0.5);
}
.payment-confirmation .payment .btn-submit-payment {
  padding: 13px 37px;
  border-radius: 2px;
  background-color: var(--maindark);
  font-size: 12px;
  color: #fff;

  border: transparent;
  margin-left: 24px;
}

.main-profile-container {
  padding: 24px 16px;
  background: #F1F1F1;
  margin-top: 89px;
  min-height: calc(100vh - 131px);
  margin-left: 264px;
  width: calc(100% - 264px);
}
.main-profile-container .account-heading {
  font-size: 18px;
  color: #2d4a57;

}
.main-profile-container .profile-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
.main-profile-container .profile-container .profile-panel {
  width: 100%;
}
.main-profile-container .profile-container .profile-panel .profile-text .profile-heading {
  display: inline-block;
  font-size: 16px;
  color: #3d3d3d;

}
.main-profile-container .profile-container .profile-panel .username-mail-box {
  padding: 33px 40px 32px 35px;
  border-radius: 4px;
  margin-top: 9px;
}
.main-profile-container .profile-container .profile-panel .username-mail-box .form-control {
  padding: 26px 0px 22px 25px;
  border-radius: 2px;
  border: transparent;
}
.main-profile-container .profile-container .profile-panel .username-mail-box .email-name-text {

  font-size: 13px;
  opacity: 0.8;
}
.main-profile-container .profile-container .profile-panel .change-password-head-text {
  padding: 21px 0px 14px 53px;
  border-radius: 4px 4px 0px 0px;
  color: white;
  margin-top: 9px;

  font-size: 14px;
}
.main-profile-container .profile-container .profile-panel .change-password-box {
  padding: 32px 40px 40px 44px;
  border-radius: 0px 0px 4px 4px;
  display: inline-block;
  width: 100%;
}
.main-profile-container .profile-container .profile-panel .change-password-box .password-text {

  font-size: 14px;
  opacity: 0.8;
}
.main-profile-container .profile-container .profile-panel .change-password-box .btn-change-password button {
  border-radius: 4px;
  background-color: #f9ab1b;
  color: black;
  color: #3d3d3d;
  font-size: 14px;

  padding: 14px 22px 13px 24px;
  margin-top: 32px;
  border: transparent;
}

.pr-0 {
  padding-right: 0;
}

.main-riskmanagement-container {
  padding: 24px 6px;
  background: #F1F1F1;
  margin-top: 89px;
}
.main-riskmanagement-container .management-heading {
  font-size: 18px;
  color: #2d4a57;

}
.main-riskmanagement-container .management-container .matched-player-table .top-matched-text {
  padding-bottom: 10px;
  padding-left: 0;
  margin-top: 0px !important;
  font-size: 17px;
  color: #ffffff;
  background-color: #000;
  margin-right: 2px !important;
  padding: 11px 10px;
  border-radius: 4px;
}
.main-riskmanagement-container .management-container .matched-player-table .table-matched {
  background: white;
  padding-bottom: 14px;
  border-radius: 4px;
  overflow: hidden;
}
.main-riskmanagement-container .management-container .matched-player-table .table-matched table {
  margin-bottom: 0;
}
.main-riskmanagement-container .management-container .matched-player-table .table-matched table thead {
  background: rgb(32, 32, 32);
}
.main-riskmanagement-container .management-container .matched-player-table .table-matched table thead th {
  padding: 8px 8px 9px 15px;
  color: #000;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.main-riskmanagement-container .management-container .matched-player-table .table-matched table tbody tr td {

  font-size: 14px;
  color: #3d3d3d;
  padding: 13px 8px 13px 15px;
}
.main-riskmanagement-container .management-container .matched-player-table .table-matched table tbody tr td.text-blue {
  color: #2595d2;
  text-decoration: underline;
}
.main-riskmanagement-container .management-container .matched-player-table .table-matched table tbody tr td.text-red {
  color: #ff2200;
}
.main-riskmanagement-container .management-container .matched-player-table .table-matched table tbody tr:nth-of-type(even) {
  background-color: #f5f7f8;
}
.main-riskmanagement-container .management-container .matched-player-table .table-matched table tbody tr:nth-of-type(odd) {
  background-color: white;
}
.main-riskmanagement-container .management-container .matched-player-table .table-matched table .text-table {

  font-size: 16px;
  color: #3d3d3d;
}
.main-riskmanagement-container .management-container .match-odds-text {
  color: #3d3d3d;
  font-size: 16px;
  margin: 32px 0px 16px 16px;

}
.main-riskmanagement-container .management-container .table-odds {
  border-radius: 4px;
  overflow: hidden;
}
.main-riskmanagement-container .management-container .table-odds table {
  margin-bottom: 0;
}
.main-riskmanagement-container .management-container .table-odds table thead {
  background: var(--main-color) !important;
}
.main-riskmanagement-container .management-container .table-odds table thead th {
  padding: 8px 8px 9px 15px;
  color: #000;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.main-riskmanagement-container .management-container .table-odds table tbody tr .text-blue {
  color: #2595d2;
  text-decoration: underline;
}
.main-riskmanagement-container .management-container .table-odds table tbody tr .text-red {
  color: #fd9b8c;
}
.main-riskmanagement-container .management-container .table-odds table tbody tr td {
  vertical-align: middle;

  font-size: 14px;
  color: #3d3d3d;
  padding: 13px 8px 13px 15px;
}
.main-riskmanagement-container .management-container .table-odds table tbody tr td .values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 24px;
  padding-left: 24px;
}
.main-riskmanagement-container .management-container .table-odds table tbody tr td:last-child {
  background: #f9c9df;
}
.main-riskmanagement-container .management-container .table-odds table tbody tr:nth-of-type(even) {
  background-color: #f5f7f8;
}
.main-riskmanagement-container .management-container .table-odds table tbody tr:nth-of-type(odd) {
  background-color: white;
}
.main-riskmanagement-container .center-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-riskmanagement-container .pr-4 {
  padding-right: 4px;
}
.main-riskmanagement-container .pt-32 {
  padding-top: 32px;
}
.main-riskmanagement-container .pb-32 {
  padding-bottom: 32px;
}
.main-riskmanagement-container .pl-0 {
  padding-left: 0;
}
.main-riskmanagement-container .pr-0 {
  padding-right: 0;
}
.main-riskmanagement-container .pl-20 {
  padding-left: 20px;
}

.main-summary-container {
  padding: 24px 16px;
  background: #F1F1F1;
  margin-top: 89px;
  min-height: calc(100vh - 131px);
  margin-left: 264px;
  width: calc(100% - 264px);
}
.main-summary-container .summary-heading {
  font-size: 18px;
  color: #2d4a57;

  min-height: 50px;
}
.main-summary-container .summary-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
.main-summary-container .summary-container .summary-panel {
  width: 100%;
}
.main-summary-container .summary-container .summary-panel .summary-text .summary-heading {
  display: inline-block;
  font-size: 16px;
  color: #3d3d3d;
  min-height: 50px;

}
.main-summary-container .summary-container .summary-panel .balance-box {
  padding: 14px 0px 14px 20px;
  border-right: 1px solid rgba(37, 37, 37, 0.2);
  background: white;
  border-radius: 4px;
  margin-top: 8px;
}
.main-summary-container .summary-container .summary-panel .balance-box .balance-heading {
  display: inline-block;
  margin-right: 16px;
  font-size: 14px;

  color: #3d3d3d;
  padding: 10px 24px 10px 0px;
  border-right: 1px solid rgba(61, 61, 61, 0.1);
}
.main-summary-container .summary-container .summary-panel .balance-box .balance-value {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;

  color: #1055f7;
}
.main-summary-container .summary-container .summary-panel .balance-box .balance-value .pth-text {
  margin-left: 8px;
  font-size: 14px;

  color: rgba(0, 0, 0, 0.8);
}

.pr-0 {
  padding-right: 0;
}

.main-downlinelisting-2-container {
  padding: 6px;
  background: #F1F1F1;
  margin-top: 110px;
}
.main-downlinelisting-2-container .downline-heading {
  font-size: 18px;
  color: #2d4a57;

}
.main-downlinelisting-2-container .admin-levels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-downlinelisting-2-container .admin-levels .super-admin {
  margin-right: 12px;
}
.main-downlinelisting-2-container .admin-levels .super-admin .sup-logo {
  background: #ec7171;
  margin-right: 8px;
  padding: 4px 8px;
  display: inline-block;
  color: white;
  border-radius: 4px;
}
.main-downlinelisting-2-container .admin-levels .level-sign {
  margin-right: 16px;
}
.main-downlinelisting-2-container .admin-levels .ss-admin {
  margin-right: 12px;
}
.main-downlinelisting-2-container .admin-levels .ss-admin .ss-logo {
  background: #637db8;
  margin-right: 8px;
  padding: 4px 14px;
  display: inline-block;
  color: white;
  border-radius: 4px;
}
.main-downlinelisting-2-container .admin-levels .master-admin .master-logo {
  background: #63b8ad;
  margin-right: 8px;
  padding: 4px 11px;
  display: inline-block;
  color: white;
  border-radius: 4px;
}
.main-downlinelisting-2-container .admin-levels .admin-name {

  font-size: 14px;
  color: #1a2f43;
}
.main-downlinelisting-2-container .add-member-btn button {
  background: #375f71;
  color: white;
  padding: 9px 17px;
  border: transparent;
  border-radius: 4px;
}
.main-downlinelisting-2-container .add-member-btn button img {
  margin-right: 12px;
}
.main-downlinelisting-2-container .balance-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 65px 11px 21px;
  border-radius: 4px;
  margin-top: 16px;
}
.main-downlinelisting-2-container .balance-status .total-exposure {
  padding: 10px 10px 10px 31px;
  border-left: 1px solid;
}
.main-downlinelisting-2-container .balance-status .total-available-balance {
  padding: 10px 10px 10px 31px;
  border-left: 1px solid;
}
.main-downlinelisting-2-container .balance-status .balance {
  padding: 10px 10px 10px 31px;
  border-left: 1px solid;
}
.main-downlinelisting-2-container .balance-status .available-balance {
  padding: 10px 10px 10px 31px;
  border-left: 1px solid;
}
.main-downlinelisting-2-container .balance-status .selection-text {

  font-size: 14px;
}
.main-downlinelisting-2-container .balance-status .selection-value {

  font-size: 16px;
  color: #1a2f43;
}
.main-downlinelisting-2-container .table-downline {
  background: white;
  padding-bottom: 14px;
  border-radius: 4px;
  /* overflow: hidden; */
  margin-top: 12px;
}
.main-downlinelisting-2-container .table-downline table {
  margin-bottom: 0px;
}
.main-downlinelisting-2-container .table-downline table thead {
  background: #2d4a57;
}
.main-downlinelisting-2-container .table-downline table thead th {
  padding: 18px 8px 19px 15px;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.main-downlinelisting-2-container .table-downline table tbody tr td {
  vertical-align: middle;

  font-size: 14px;
  color: #3d3d3d;
  padding: 13px 8px 14px 15px;
}
.main-downlinelisting-2-container .table-downline table tbody tr td .uid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-downlinelisting-2-container .table-downline table tbody tr td .uid .sup-icon {
  background-color: #eb7070;
  color: white;
  padding: 6px 7px;
  margin-right: 10px;
  border-radius: 2px;
  font-size: 12px;

}
.main-downlinelisting-2-container .table-downline table tbody tr td .uid .name {
  color: #0c86cc;
  text-decoration: underline;

  font-size: 14px;
}
.main-downlinelisting-2-container .table-downline table tbody tr td .credit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-downlinelisting-2-container .table-downline table tbody tr td .credit .edit button {
  background: #dadcde;
  border: transparent;
  border-radius: 4px;
}
.main-downlinelisting-2-container .table-downline table tbody tr td .credit .edit button img {
  padding: 5px 3px;
  height: 24px;
}
.main-downlinelisting-2-container .table-downline table tbody tr td .btn-action {
  background: #dadcde;
  border: transparent;
  border-radius: 4px;
  padding: 4px 9px;
}
.main-downlinelisting-2-container .table-downline table tbody tr td .btn-action img {
  height: 16px;
  width: 16px;
}
.main-downlinelisting-2-container .table-downline table tbody tr td .suspended {
  display: inline-block;
  color: #ef1000;
  font-size: 12px;
  border: 1px solid red;
  padding: 3px 5px;
  border-radius: 4px;
}
.main-downlinelisting-2-container .table-downline table tbody tr td .active {
  display: inline-block;
  color: #84b68c;
  font-size: 12px;
  border: 1px solid #84b68c;
  padding: 3px 5px;
  border-radius: 4px;
}
.main-downlinelisting-2-container .table-downline table tbody tr td .locked {
  display: inline-block;
  color: #8192a5;
  font-size: 12px;
  border: 1px solid #8192a5;
  padding: 3px 5px;
  border-radius: 4px;
  background: #d4dee8;
}
.main-downlinelisting-2-container .table-downline table tbody tr:nth-of-type(even) {
  background-color: #f5f7f8;
}
.main-downlinelisting-2-container .table-downline table tbody tr:nth-of-type(odd) {
  background-color: white;
}
.main-downlinelisting-2-container .table-downline table .text-table {

  font-size: 16px;
  color: #3d3d3d;
}

.center-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pr-4 {
  padding-right: 4px;
}

.pt-32 {
  padding-top: 32px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}
.adminTabBreadCrumbSty {
  padding-left: 28px;
}
.container-main-buttons {
  width: calc(100% - 264px);
  padding: 40px;
  display: inline-block;
}
.container-main-buttons div[inputField] {
  display: inline-block;
  width: 100%;
  padding: 32px 20px;
  margin-bottom: 20px;
  background: white;
  border-radius: 4px;
}
.container-main-buttons div[inputField] input {
  width: 100%;
  border-radius: 4px;
  padding: 9px;
  border: transparent;
  margin-bottom: 20px;
  border: 1px solid #c8d4da;
}
.container-main-buttons div[inputField] span {
  display: inline-block;
  clear: both;
  width: 100%;
  text-align: right;
}
.container-main-buttons div[inputField] span button {
  background: #3a5f70;
  color: white;
  border: transparent;
  padding: 9px 22px;
  border-radius: 4px;
  margin: 20px 15px 0px 0px;
}
.container-main-buttons div[checkBox] {
  padding: 32px 40px;
  background: white;
  border-radius: 4px; 
}
.container-main-buttons div[checkBox] p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.container-main-buttons div[checkBox] p input[type=checkbox] {
  margin: 0px 13px 0px 0px;
  height: 20px;
  width: 20px;
}
.container-main-buttons div[checkBox] > span {
  display: inline-block;
  clear: both;
  width: 100%;
  text-align: right;
}
.container-main-buttons div[checkBox] > span button {
  background: #3a5f70;
  color: white;
  border: transparent;
  padding: 9px 22px;
  border-radius: 4px;
  margin-top: 20px;
}


.payment-confirmation{
  position: fixed;
  width: 100%;
  bottom: 0;
}

.bright{
  border-radius:  0 5px 5px 0  !important;

}

.bleft{
  border-radius: 5px 0 0 5px !important;
  border-right: none !important;
}


.textradu{
  padding: 2px 10px;
    text-align: left;
    border-radius: 5px;
    width: 60px;
}




#crumbs {
  overflow-x: scroll;
  margin-top: 2px;
}
#crumbs h1 {
  padding: 0 0 30px;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: .01rem;
  color: #8093A7;
}
#crumbs ul {
  list-style: none;
  display: flex;
  width: 100%;
  overflow-y: hidden;
}
#crumbs ul li {
  display: inline;
}

#crumbs ul li a:first-child{
  padding: 0 10px 0 14px;
  white-space: nowrap;
}

#crumbs ul li a {
  display: block;
  float: left;
  background: #000;
  text-align: center;
  padding: 0 20px;
  position: relative;
  margin: 0 10px 0 0;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  line-height: 30px;
}





#crumbs ul li a:after {
  content: "";
  border-top: 16px solid transparent;
  border-bottom: 16px solid #ffffff00;
  border-left: 16px solid #160f1c;
  position: absolute;
  right: -16px;
  top: 0;
  z-index: 1;
}
#crumbs ul li a:before {
  content: "";
    border-top: 15px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #fff;
    position: absolute;
    left: -5px;
    top: 0;
    background-color: #160f1c;
}

#crumbs ul li a:focus{
  background-color: #000 !important;
}


span.tag {
  background-color: #ffffff40;
  margin-left: -5px;
  border-radius: 3px;
  padding: 2px 6px;
  margin-right: 1px;
  font-size: 10px;
}

#crumbs ul li:first-child a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  white-space: nowrap;
}

#crumbs ul li:first-child a:before {
  display: none;
}

#crumbs ul li:last-child a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#crumbs ul li:last-child a:after {
  display: none;
}



input.accordion-search::-webkit-calendar-picker-indicator {
  display: none;
}

.bgco img {
  height: 16px;
  margin-top: -4px;
  margin-right: 5px;
}

.dashboard .container-livescore .container-nav {
  background-color: #fff;
}

.backlay {
  display: flex;
  justify-content: center;
  padding-right: 20px;
}

.login-panel .main .icon-login {
  padding: 0px 0px 26px 0px;
  text-align: center;
}

.runbettt label, .runbetttr label {
  width: 100%;
}

.add-bet button:last-child {
  background-color: #ced8dc !important;
}


.card:hover, .card_event:hover {
  border-left: solid 5px var(--casino-color)!important ;
}


.dashboard .base-c-inlay {
  color: #21394B;
  margin-bottom: 0;
}


.mainheadingg{
    min-height: 160px;
    text-transform: uppercase;
    font-size: 16px;
}

.mainheadingg *{
  /* font-weight: 300; */
}

.awwornv{
  float: right;
  margin-right: -7px;
}

.logutt{
  bottom: 0;
  position: fixed;
  width: 357px;
  right: 0;
  border-radius: 0;
}

.logutt button img {
  width: 14px;
  margin-top: -4px;
  margin-right: 6px;
}

.menuiitemm{
  padding: 0 0;
  overflow-y: scroll;
  height: calc(100vh - 50vh);
}


.dropslider{
  background-color:#fffff9 !important;
  height: 40px;
  display: flex;
  color: #fff;
}

.arrowflrl{
  width: 39px;
    background-color: #fffff9;
    height: 38px;
    margin-top: -10px;
    line-height: 40px;
    text-align: center;
    margin-right: 13px;
}

.dropslider span{
  color: #000;
  text-transform: uppercase;
  font-weight: 800;
}

.menuiitemm li{ opacity: 1 !important;}


.login1{
  width: 76px;
  /* height: 28px; */     height: 34px;
  background: var(--maindark) !important;
  border: none !important;
  box-sizing: border-box;
  box-shadow: none !important;
  right: 10px;
  text-transform: uppercase;
  padding-top: 0px !important;
  border-radius: 4px;
}


.accordion-border1{
  background: var(--maindark);
  height: 3px;
  width: 100px;
  box-shadow: none;
}


.iconmenu{
    float: left;
    margin-top: -10px;
    margin-right: 8px;
    width: 40px;
}

.cardngimage{
    background-size: cover !important;
    background-position: center !important;
    color: #fff !important;
    background-repeat: no-repeat;
    min-height: 200px;
    display: flex;
    flex-wrap: wrap;
}

.score-stats.cardngimage div {
    width: 100%;
}


.score-stats.cardngimage{
  padding: 10px 15px;
}




.maincardss {
  height: -webkit-calc(100vh - 110px);
    overflow-y: scroll; overflow-x: hidden;
    margin-top: 0;
    padding-top: 0px;
}

.div111{
  display: flex;
  text-align: left;
}

.div222{
  display: flex;
  width: 400px !important;
  margin: auto;
  margin-top: 20px;
  font-family: "Oswald", sans-serif !important;

}

.div222 ul{
  display: flex;
  flex-wrap: wrap;
}

.div222 ul li{
  width: 100%;
  padding: 7px 0;
  font-size: 20px;
}

.topm{margin-top: 10px;}


.numbclas{
  background-color: #DBFBFF;
  width: 60px !important;
  border-radius: 6px;
  color: #26333D !important;
  font-weight: 700;
  padding: 0 5px;
}

.div333 {
display: flex;
margin-top: 20px;
font-family: "Oswald", sans-serif !important;
align-items: center;
text-align: left;
}

.fsizeee{
  font-size: 20px;
}


.div2222{
  display: flex;
  margin-top: 40px;
  align-items: center;
  justify-content: space-between;
}

.div2222 .box1{
  width: 30% !important;
}

.div2222 .box1 ul{
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
  justify-content: space-between;
}

.div2222 .box1 ul li{
  width: 30% !important;
  font-size: 16px;
  font-weight: 600;
}

.fonsss li:first-child{
  background-color: transparent;
  color: #fff;
}


.fonsss li{
  background-color: #DBFBFF;
    border-radius: 4px;
    font-weight: 900 !important;
    text-align: center;
    padding: 10px 0;
    color: #26333D;
    font-size: 20px !important;
}

.div3333{
  font-size: 16px !important;
  display: flex;
  margin-top: 39px;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif !important;
}



.menubarss{
  padding: 10px 0;
}

.wrapper_dashboard{
  width: 100%;
  background-color: #fffff9 !important;
}

.toggelPass{
  color:  var(--maindark) !important;
  position: absolute;
  bottom: 14px !important;
  right: 5px;
}

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

.nocarddava h1{
  padding: 0;
  margin: 0;
}




.carousel-indicators .active {
  margin: 0 10px;
  width: 40px;
  height: 3px;
  background-color: #fff;
}


:focus {
  outline: -webkit-focus-ring-color auto 0px;
}














.text12 button{
  background-color: transparent !important;
  border: none !important;
  text-transform: uppercase;
  display: flex !important;
  align-items: center;
  }


  .text12 button img{
    width: 16px;
    margin-right: 5px;
  }



  app-casino-bet-slip.bet-slip {
    width: 540px !important;
}


div#welcomeUploadImage .boximage.welcomeUploadImagebox label.custom-file-upload.editbtnn {
  right: 10px;
}


@media screen and (max-width: 767px) {
  .container-main-balance{height: calc(100dvh - 110px) !important;}
  .container-main-balance .balance-overview-box .userprofile-text-2 { margin-top: 0; margin-bottom: 0;}
  .ice-mobile-flex-direction-column{flex-direction: column;}
  .ice-mobile-ml-0{margin-left: 0 !important;}
  .ice-mobile-m-0{margin: 0 !important;}
  .ice-mobile-mt-0{margin-top: 0 !important;}
  .ice-mobile-p-0{padding: 0 !important;}
  .ice-mobile-pt-0{padding-top: 0 !important;}
  #barcode-verification {top: 0; overflow-x: auto !important;}
  #barcode-verification .modal-header h5 {font-size: 14px;}
  .ROLLEDBACK span.round-tab {line-height: 19px !important;}
  .ROLLEDBACK span.round-tab::after {font-size: 20px !important;}
  .main-downlinelisting-2-container {
    padding: 0 6px 16px;
    background: #F1F1F1;
    margin-top: 130px;
}
.mobilePaddingBtn-0{padding-bottom: 0;}
app-change-status div#user-log {
  top: 0;
}
app-admin-payment-management div#update-status {
  width: 100%;
  left: 0%;
}
#rollingDetail {top: 0;}
.rolling-modal ul.bonus-ul {overflow-y: auto;max-height: calc(100vh - 200px);}


.login-panel{
  min-height: 100vh;
  padding-right: 0 !important;
  width: 90%;
  margin: auto;
}


.main-riskmanagement-container .management-container .table-odds {
  border-radius: 4px;
  overflow:scroll;
}



.filter-containers{
  overflow-x: scroll;
}



.filter-containers .date-btn-main .date-btn-box > span {
 width: 100px;
}




::-webkit-scrollbar {
  width: 1px;
  height: 5px;
}

.document_button {
  margin-right: 56px;
  height: 51px;
  display: flex;
}



.container-main-accountdetails {
  display: inline-block;
  width: 96%;
  vertical-align: top;
  margin-left: 0;
  margin-top: 110px;
  height: calc(100vh - 78px);
  overflow: auto;
}

app-player-account-details .container-main-accountdetails {height: auto;}

app-sidebar-profile .admin {
  width: 60%;
    display: inline-block;
    position: fixed;
    top: 94px;
    height: calc(100vh - 89px);
    left: 0;
    margin-top: 0;
    z-index: 99;
    overflow: scroll;


}







.readmin_header{
  position: absolute !important;
  overflow: hidden;
}

.loginbg{
  background-color: #2c1439 !important;
}


.main-riskmanagement-container {
  padding: 24px 2px;
}


.container-main-balance .balance-overview-box .balance-overview-text-2 {
  padding: 12px 0px 7px 12px;
}

#crumbs{
  margin-left: 12px !important;
}



}





.sortable .sort-btn:before {
  font-family: data-table;
  content: url(/assets/images/sort2.png);
}
.ngx-datatable .sortable .sort-btn.datatable-icon-down:before {
  content: url(/assets/images/sort23.png) !important;
}


.ngx-datatable .sortable .sort-btn.datatable-icon-up:before{
  content: url(/assets/images/sort22.png) !important;;
}
.datatable-header-cell-label.draggable::after{
  content: ""
}



.scroll-y {
  width: 300px;
  height: 300px;
  overflow-y: scroll;
}

.scroll-y-content {
  padding: 20px 0 20px 20px;
  width: 280px;
}

.no-touchevents .scroll-y {
  overflow-y: hidden;
}

.no-touchevents .scroll-y:hover {
  overflow-y: scroll;
}

.ngx-datatable{
  font-size: 13px !important;
}

.btdw{
  min-width: 24px !important;
}

@media screen and (max-width: 768px) {
  .ngx-datatable .datatable-footer .datatable-footer-inner {
      justify-content: center;
  }

  .ngx-datatable .datatable-footer .datatable-pager {
    text-align: center !important;
    flex: 1 1 50% !important;
  }

  .modalppppp{
    width: 100% !important;
  }

  .ngx-datatable{
    font-size: 13px !important;
  }

  .mobileee{
    display: none ;
  }

  .dashboard .accordian-menu {
    z-index: 1;
    top: 60px;
  }


  .ngx-datatable .datatable-footer .datatable-pager .pager, .ngx-datatable .datatable-footer .datatable-pager .pager li {
    display: flex !important; align-items: center;
}

.pager li > a, .pager li > span {
  padding: 5px 8px;
}


.ngx-datatable .datatable-footer {
  background: #fff;
}

.ngx-datatable .datatable-footer .datatable-footer-inner {
  display: flex;
  flex-wrap: wrap;
}

.main-betlistlive-container .table-betlive {
  padding-bottom: 0 !important;
  margin: 0 !important;
}


}

.ck.ck-editor__main>.ck-editor__editable {
  border-color: var(--ck-color-base-border);
  height: 400px !important;
}

.ripple{position:relative;overflow:hidden}
.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgb(255, 255, 255) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;transition:transform .5s,opacity 1s}
.ripple:active:after{transform:scale(0,0);opacity:.8;transition:0s}

.imgdiv{
       height: 100%;
       position: absolute;
       top: 1px;
      width: 100%;
       background-color: #ff000000;
      z-index: 3;
     }


     @media screen and (max-width: 768px) {

     .modal-dialog {
    margin: inherit !important;
  }

}



.close {
  opacity: 1;
}

.close span {
  color: var(--maindark);
}



.usercontan{
  margin-top: 60px !important;
}

.btn.btn-default.maindroppa {
  width: 100%;
}


.empty-row {
    position: absolute;
    height: 70%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/assets/images/norecode.png);
    background-repeat: no-repeat;
    background-position: center, center;
    background-color: #fff;
    font-size: 0px;
}

ngx-datatable datatable-body .reload{
  position: absolute;
    height: 70%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    /* background-image: url(/assets/images/norecode.png); */
    background-repeat: no-repeat;
    background-position: center, center;
    background-color: #fff;
    font-size: 0px;
}

ul.nav.navbar-nav.navbar-na11.navbar-right {
  margin: 10px 0px 0 0;
}

.prodropicom{
  padding: 3px !important;
  margin-top: 2px !important;
  border-radius: 4px;
  margin-right: 20px;
  background:transparent !important;
}


#profileMenu > button {
  background-color: transparent !important;
  border: none
}

.iconarrow {
  color: var(--casino-color) !important;
  margin-right: 6px;
}


.ng-image-slider .ng-image-slider-container .main .main-inner .img-div img, .ng-image-slider .ng-image-slider-container .main .main-inner .img-div video{
  height: auto !important;
  border-radius: 0px !important;
  border: solid 3px var(--maindark);
}

.ng-image-slider .ng-image-slider-container .main .main-inner .img-div{
  width: 300px !important;
  border-radius: 0px !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.navmain .loginbox p{
  font-weight: 900;
  color: #fed120 !important;
}

.arrowflrl {
  background-color: var(--maindark) !important;
}

::-webkit-scrollbar-thumb {
  background: var(--maindark) !important;
  border-radius: 1px;
}

.match_card .wrapper_card .card{
  display: flex;
  padding: 5px 46px 5px 10px;
  position: relative;
  border-bottom: 1px solid rgba(151, 151, 151, 0.1);
  align-items: center;
  border-left: solid 5px #fff;
  margin-bottom: 15px;
  border-radius: 4px !important;
  background-color: #fff;
  box-shadow: 0 0 5px 0px #989898;
}

.match_card .games-heading > ul {
  padding: 10px 46px 10px 0;
  display: flex;
}

.match_card .wrapper_card {
  background-color: transparent !important;
}

.filter_search ul, .main-banking-container .admin_balance ul:nth-child(2), .table-odds.table-responsive .inputDiv ul{
  display: flex;
}

.card:hover, .card_event:hover {
  border-left: solid 5px var(--maindark) !important;
}

.swiper-button-prev:after, .swiper-button-next:after {
  font-size: 20px !important;
  padding: 0;
  color: var(--maindark);
  transform: scaleY(1.9);
  font-weight: bold;
}

.swiper-button-next{
  right: -5px !important;
}

.swiper-button-prev{
  left: -2px !important;
}

.event_card .heading img {
  display: none;
}

.modal-dialog .modal-content .modal-footer .close-modal button {
  background-color: var(--maindark) !important;
  border: none !important;
}

a:focus {
  background: transparent !important;
}

.maintabs li.active a {
  color: #f7e4dd;
  background: linear-gradient( var(--main-color), var(--main-color)) !important;
  font-weight: 600;
  text-transform: uppercase;
}

.subtabsa {
  background-color: var(--main-color) !important;
  border-radius: 0px 8px 8px 8px;
  padding: 4px 0;
}

.maintabs li{
  margin-left: -1px !important;
}

.event_card {
  clear: both;
  margin: 20px;
}

.fancy_bets .wrapper_fancy-bets .card_fancy .advantages:hover {
  border-left: solid 5px  var(--maindark) !important;
}

.subtabsa li.active a, .subtabsa li:hover a {
  background: var(--maindark) !important;
  border-radius: 4px !important;
}

.subtabsa li a {
  padding: 2px ​20px !important;
  position: relative;
}

.subtabsa li a::after{
    content: " ";
    width: 2px;
    height: 20px;
    background-color: var(--maindark) !important;
    position: absolute;
    left: -16px;
}

.subtabsa li:first-child a::after{
  display: none;
}

.maintabs{
  padding: 0 0;
  border: none !important;
}

.event_card .tab-content{
  padding: 0 0;
  border: none !important;
}

.fancy_bets .heading .left img{
  display: none ;
}

.fancy_bets .heading .left span{
  font-family: inherit !important;
  font-weight: 900;
  margin-left: 3px;
}

.nav.nav-tabs.subtabsa{
  margin: 0 0;
}

.tab-content.tabconta .tab-pane{
  box-shadow:none;
  margin: 0px 5px 20px 5px !important;
}


.fancy_bets{
  position: relative;
}

.mainplayarm{
  margin: 0px 14px 0px 0px !important;
  display: flex;
  top: 2px;
  position: absolute;
}
.fancy_bets .mainplayarm{ position: inherit;}

.games > li > a{
  font-weight: 600 !important;
  color: #fff !important;
}

.rightarrowicon {
  margin-right: 6px !important;
}

.admin_header .bottom_header, .dropdown-content, .activeclass{
  background-color: var(--main-color) !important;
}

.dropdown-content a:hover {
  background-color: var(--maindark) !important;
}

.event_card .wrapper_card .card_event .rating ul li.blue{
  background: linear-gradient(130.94deg, #a4d6fd -10.8%, #a4d6fd 117.4%) !important;
}

.event_card .wrapper_card .card_event .rating ul li.red{
  background: linear-gradient(124.85deg, #f8c7d2 0%, #f8c7d2 100%) !important;
}

.match_card .wrapper_card .card .teams.cricketteams::before, .match_card .wrapper_card .card .teams.soccerteams::before, .match_card .wrapper_card .card .teams.tennisteams::before, .match_card .wrapper_card .card .teams.Kabadditeams::before, .match_card .wrapper_card .card .teams.games::before{
  display: none !important;
}

.match_card .wrapper_card .card .teams{
  margin-left: 0px !important;
}

.match_card .wrapper_card .card .rating > div > ul li{
  height: 40px !important;
}

.navbar.navbar-default.navbar-fixed-top .nav.navbar-nav li:after {
  width: 2px;
  content: " ";
  height: 23px;
  /* background-color:var(--casino-color) !important; */
  position: absolute;
  margin-left: 0;
  top: 13px;
  right: 0;
}

.navbar.navbar-default.navbar-fixed-top .nav.navbar-nav li:last-child::after {
  width: 0px;
  content: " ";
  height: 23px;
  background-color: var(--casino-color) !important;
  position: absolute;
  margin-left: 0;
  top: 13px;
  right: 0;
}


.login-panel .main .form-group div input:focus{
  border: 3px solid var(--maindark) !important;
}


.event_card .wrapper_card .card_event .rating ul li{
  height: 40px !important;
}

.games > li > a {
  padding: 10px 48px 10px 6px !important;
}

.match_card .games-heading > ul li:last-child{
  display: none !important;
}


.match_card .wrapper_card .card .teams.specialmarket::before{
  display: none !important;
}


.navbar-brand{
  cursor: pointer;
}


.fancy_bets .wrapper_fancy-bets .card_fancy .advantages .value > ul li{
  height: 43px !important;
}


.wearecasin{
  margin-top:139px !important;
}


.event_card .heading span{
  margin-left: 4px !important;
}


.navbar-nleft li input {
  background-position: 97% center !important;
}

.navbar-nleft li input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff !important;
}


/* app-loader section{
  background: #000000bf !important;
  box-shadow: inherit !important;
} */

.loader-1 .loader-outter{
  border: 4px solid #fff !important;
  border-top-color: transparent !important;
}

.loader-1 .loader-inner{
  border: 4px solid #fff !important;
  border-top-color: transparent !important;
}

.navbar-nleft li input {
  background-size: 18px !important;
}


li a i.dropwordmm{
  background-color: transparent !important;
}


.dashboard .accordian-menu .pinned:hover *, .accordian-menu .pinned.active *, .games > li > a:hover *, .accordion-border a:hover i *, div[header] div[headerBg] .navbar .container-fluid ul li:hover *{
  stroke: #fff !important;
  fill: none !important;
}

.accordion-border a:hover .kabbadi *{
  stroke-width: 20px !important;
}

.accrow{
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 4px !important;
}

.games > li > a:hover i .accrow *{
  stroke: #fff !important;
}


.iocinesu {
    font-size: 30px !important;
  }

  .unmamabottpm {
    border-top: none !important;
}


.filters_matching .filter_switch .heading, .filters_matching .filter_delete .heading{
  font-size: 20px !important;
}

.navbar-nleft li input::placeholder{
  color: rgb(114, 114, 114) !important;
  font-weight: 600 !important;
}




.menuiitemm li a {
  white-space: normal !important;
}


.navbar-default .navbar-nav > li > a:focus {
  opacity: 0.8 !important;
  font-weight: 800;
}



.iconstr{
  display: none !important;
}


.btn.active.activeact{
  background-color:  var(--maindark) !important;;
}


.datamar li, .advantages.hideall .value.text13 li{
  margin: 0 2px !important;
}

.event_card .wrapper_card .card_event {
  padding: 2px 1px 1px 5px !important;
}

.fancy_bets .wrapper_fancy-bets .card_fancy .advantages{
  padding: 2px 1px 1px 5px !important;
}

.excessTableNoScroll{ height: calc(100dvh - 245px); width: 100%;  overflow-y: auto;}
.excessTableNoScroll table {width: 100%;}
.excessTableNoScroll .gamelist {position: sticky; top: 0; z-index: 9;}

/* @media (max-width: 1439px) {
.match_card .wrapper_card .card .teams > h2 span {font-size: 11px !important;}
app-admin-fantasy ul.card-listing-box {padding: 0 40px !important;}
app-admin-fantasy .card-listing-box li {flex-basis: 48%;margin: .75% 1% 0%;}
} */


@media (max-width: 1440px) {
  .match_card .wrapper_card .card .teams > h2 span {font-size: 11px !important;}
  app-add-fancy-market-trfancy .sidebar-content-wrapper ul.nav.nav-tabs li a{font-size: 16px; padding: 12px 15px !important;}
  div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:last-child li {
    width: 40%;
    margin: 5px 15px !important;
    padding: 16px 10px;
    text-align: center;
    float: left;
    font-size: 11px;
    border-radius: 15px;
    box-shadow: 0 0 4px 0px #adadad;
}

div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:last-child li img {
  width: 24px;
}


}
.menuss .navbar-nav li a{
  opacity: 0.7;
  font-weight: 700;
}

.menuss .navbar-nav li a:hover{
  opacity: 1;
}

.activeRoute a {
  /* color: var(--maindark) !important; */
  font-weight: 500;
  text-shadow: none;
  opacity:1 !important;
}


.valuecl{
  font-weight: 600;
}

/* .card-img-top{
  border: solid 2px var(--maindark) !important;
} */


.boderbot {
  border-bottom: solid 3px var(--maindark) !important;
}

.popimgcoin{
  border: solid 3px var(--maindark) !important; margin: 15% 0 0;
}


.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


.match_card .wrapper_card .card .rating{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}







/******** Responcive ******************/







  @media only screen and (min-width: 0px) and (max-width:  1020px){
    .mainbox{
      padding: 90px 5% 0 5%;
    }
   
    .navmain .sport ul li {
      margin: 10px 0px;
      font-size: 10px;
      }

      .navmain .sport{
        margin: 0 10px;
      }

      .navmain{
        display: flex;
        justify-content: space-between;
        height: 90px;
        align-items: center;
        width: 100%;
    }



    .event_card .heading .match-type {
      width: inherit !important;
  }

    app-player-bet-slip.bet-slip {
      width: inherit !important;
    }

    /* .navbar-nleft {
      margin-left: 0px !important;
    } */

    div[header] div[headerBg] .navbar-header{
      width: 100% !important;
      display: flex;
      align-items: center;
    }


    div[header] div[headerBg] .navbar-header img {
      width: 100px !important;
  }

    div[header] div[headerBg] .navbar-header .menubarm{
      width: 21px  !important
    }

    i.menubarmw{
      margin-right: 5px !important;
      margin-top: 0 !important;
  }


    app-player-bet-slip.bet-slip {
        width: 380px !important;
      /* display: none; */
      /* position: absolute; */
      right: 0;
    }


    .navbar-nleft li input {
      width: 170px !important;
      display: none;
  }

  .dashboard .container-main .navbar .container-fluid ul li a {
    margin-right: 2px !important;
    display: flex;
    justify-content: center;
  }

      .dashboard .container-main .navbar .container-fluid ul li span{
        height: inherit !important;
        line-height: inherit !important;
        white-space: nowrap;
        font-size: 18px;
      }

      .dashboard .container-main .navbar .container-fluid ul li a span:nth-child(2) {
        display:block !important;
    }


    .accordion-profile {
      width: 224px;
  }


  .dashboard.dashboard-bg {
    /* flex-wrap: wrap ; */
  }



  /*
  .form-control.details{
    position: fixed;
    width: 10% !important;
    z-index: 99999999999999999;
    right: 120px;
    left: 0;
    margin: auto;
    float: left;
    background-color: #000;
    width: 50px;
  } */


  .mainheadeing{
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: scroll;
    }


    .nav > li {
      display: inline-block;
  }


  ul.nav.navbar-nav.navbar-na11.navbar-right {
    display: flex;
  }

  div[header] div[headerBg] .navbar .container-fluid ul li {
    display: flex;
  }

  .iconarrow {
    margin-right: 13px;
  }

  /* .bet-slip-container:before {
    content: " ";
    background-color: #f99f40;
    width: 40px;
    height: 40px;
    position: absolute;
    left: -40px;
    background-image: url(/assets/images/previous.png);
    z-index: 9999999;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
  } */




  .arroww{
    color: #fff !important;
  }


  .bet-slip-container {
    width: 100% !important;
    overflow-y: inherit !important;
    padding-right: 0;
  }


  .rightbetopen{
    right: 0;
  }

  .rightbetclose{
  right: -381px;
  }




  .scroll-bar-wrap {
    position: absolute;
    top: 0;
  }

  .suspended{
    top: 00px;
  }


  .navbar.navbar-default.navbar-color .container-fluid .nav.navbar-nav{
  display: flex;
  }

  .dashboard .container-main .navbar .container-fluid ul li {
    width: 100%;
    text-align: center;
  }


  .match_card .wrapper_card .card .rating > div:last-child {
    margin-right: 0;
    margin-top: 0;
}

.main-betlistlive-container, .main-betlistlive-container {
  margin-top: 106px;
}


.fancy_bets.dipno .event_card {
  margin: 0 11px !important;
    float: left;
    width: 93%;
}


.event_card .wrapper_card .card_event {
  padding: 0px 4px 1px 0 !important;
}


.event_card{
  margin: 0 6px !important;
}

.fancy_bets.dipno{
  margin-bottom: 0px !important;
}


.event_card {
  clear: both;
  margin: 0 0px;}

  }






  @media only screen and (min-width: 1024px) and (max-width: 1280px) {

    .form-control.details{
      width: 170px !important;
    }

    .wrapper_dashboard {
      width: 45% !important;
  }

  /* .bet-slip-container {
    width: 100% !important;
  } */

  .taitleminanan{
    display: flex !important;
  }
  .bet-slip-container.rightbetopen .col-md-8.taitleminanan { align-items: center;}

  .bet-slip-container .bet-info .available-bets .lay-container .lay-team .lay-team-heading {
    margin-top: 0 !important;
  }

  .suspended{
    top: 0px !important  ;
  }

  app-player-bet-slip.bet-slip {
    width: 380px !important;
    /* display: none; */
    right: 0;
  }

  



  }

  @media only screen and (min-width: 800px) and (max-width: 900px) {

    .navbar.navbar-default.navbar-color .container-fluid .nav.navbar-nav {
      width: 50% !important;
     }

  }



.fadeinweb{
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 2;
    animation-fill-mode: forwards;
    -webkit-animation: fadeInAnimation 2s ;
  }

  @keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    /* 60% {
      opacity: 0.7;
   } */
    100% {
        opacity: 1;
     }
  }
  .lazloadImg .card-img-top  {
    /* box-shadow: 3px 2px 2px 0px rgba(0, 0, 0, 0.3); */
    background-color: rgba(0, 0, 0, 0.3);
    background-size: cover;
    filter: blur(1px); /* blur the lowres image */
  }
 .lazloadImg img.is-loaded {
    filter: none; /* remove the blur on fullres image */
    transition: filter 1s;
  }


  .fadedownWeb{
    animation: fadedown 2s ease-in both;
  }

  @keyframes fadedown {
    from {
      opacity: 0;
      transform: translate3d(0, -20%, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }


  .casinomain {
    width: 100% !important;
}


  .completer-holder .completer-input{
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #496d7d;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.completer-dropdown-holder .completer-dropdown{
  width: 195px !important;
  max-height: 50vh !important;
  overflow-y: scroll; font-size: 13px;
}
app-admin-bet-list ::ng-deep .completer-dropdown-holder .completer-dropdown {
  height: inherit !important;
}
@media only screen and (max-width: 767px) {
.main-banking-container .admin_balance{
  flex-wrap: wrap !important;
}


.main-banking-container .admin_balance ul{
  width: 100% !important;
}

.main-banking-container .admin_balance ul:first-child{
  margin-bottom: 20px;
}
}


button.close {
  text-shadow: none !important;
}

.close span {
  color: var(--maindark);
  text-shadow: none;
}


.activeTab, .nav-pills > li > a:hover {
  border-bottom: 2px solid var(--maindark) !important;
  background-color: transparent;
}


.games > li > a:hover .rightarrowicon1 .accrow, .accordion-profile ul li a:hover * .accrow, .accordion-profile  .active * .accrow,
.games  li  a:hover * .accrow{
  stroke: #fff !important;
}


.noevent {
  background-color: #efefef !important;
}


div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]  li *{
  fill: #000 !important;
  stroke: none !important;
  margin: auto; 
}

div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] li:hover{
  background-color: var(--maindark) !important;
}

div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] li:hover * a{
  color: #fff !important;
}

div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:last-child li div:nth-child(1) svg{
  width: 20px !important;
  display: block;  
  margin-bottom: 5px;
}

div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] li:hover *{
  fill: #fff !important;
  stroke: none !important;

}


div#profileMenu {
  display: flex;
}


/* .activeTab, .nav-pills > li > a:hover{
  border-bottom: 3px solid var(--maindark) !important;
} */

.login-panel .main .form-group div input::placeholder{
  color: #4b4b4b !important;
  font-weight: 900 !important;
  opacity: 1 !important;
}

/* 
img, .swiper-slide{
  transition: transform .5s;
}
.spotimage img:hover, .livescro img:hover, .swiper-slide:hover{
  -ms-transform: scale(1.1.5); 
    transform: scale(1.1);
  }


  .swiper-button-next, .swiper-button-prev {
    height: 100% !important;
    top: 22px !important;
  }
  
  .swiper-button-next{
    background: linear-gradient(269deg, black, transparent);
  }
  
  
  .swiper-button-prev {
    background: linear-gradient(269deg, #00000099, black);
  } */

  .skin-1 .profile-panel .table-card-header-bg{
    background-color: #000 !important;
  }

  .balance-custom-btn{
    background: linear-gradient(90deg, #000 0%, #000 100%) !important;
    color: #fff;
}
.balance-custom-btn:hover, .balance-custom-btn:focus {color: #fff;}

.btn-primary{
  background-color: #000 !important;
  color: #fff !important;
}


.table-header{
  background-color: #000 !important;
}

.inputboxmain input[type=text] {
  border: solid 1px var(--maindark) !important;
}

.maidiv .btn-warning {
  color: #fff !important;
  background-color: #000 !important;
  border-color:transparent;
}


.maidiv .btn-warning:hover {
  opacity: 0.7 !important;
}


.swiper-container {
    overflow:inherit !important;
    overflow-x: clip !important;
}


.filter_search .left ul li a{
  color: #000 !important;
}


.filter_search .left ul li a:focus{
  background-color: #ebeff0 !important;
}

.filter_search{
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
}



.bgtabtitts{
  background-color: var(--main-color) !important;
  color: #fff !important;
  /* border-radius: 0px 0px 6px 6px !important; */
}

.tcolort {
  color: #fed120 !important;
}

.adminul  li *{
  fill: #000 !important ;
}

ul.adminul li:hover{
  background-color: var(--maindark);
  color: #fff;
}

ul.adminul li:hover *, .adminul li:hover .cls-1, .adminul li:hover .cls-2{
  fill: #fff !important;
  color: #fff !important;
}



.dashboard .accordian-menu .pinned:hover, .dashboard .accordian-menu .pinned.active{
  background: linear-gradient(90deg,var(--maindark) 0,var(--maindark) 100%) !important;
}

.tablezoom{
  /* overflow: visible !important; */
}
.fancy_header div input{ margin-right: 5px;}
@media only screen and (max-width: 767px) {
 
  .modal { overflow: inherit!important; width: 90%;
    top: 50px;
    right: initial; outline: none;
    bottom: 0;
    left: 5%;}

    div[arrow_box_admin].active-box {
      display: block;
      right: 0px !important;
      position: fixed;
      left: 0 !important;
      width: 374px;
  }
  .games-section{ width: 100%!important;}
  .main-downlinelisting-container .downline-container, .custom-push-notification .modal-body{  overflow-y: scroll !important; height: 550px;}
  .custom-push-notification .overlay { min-height: 200px!important; }
  .logsmodal{width: 100%!important; margin-right: 0!important;}
  .filters{ margin-bottom: 0!important;}
  .daterangepicker .ranges li{padding: 5px 12px;}
  .daterangepicker.show-ranges.ltr .drp-calendar.left{ border-left: none; padding: 0;}
  .daterangepicker .drp-calendar{ max-width: 100%;}
  .daterangepicker{height: 400px; overflow-y: scroll;}
  .main-report-container{ margin-top: 120px;}  
  /* .filter_search{margin-left: 20px;} comment report scollbar space remove left */
  .in-play{padding: 28px 15px 10px!important;}
  .historysidebar{ position: absolute!important;  z-index: 999999!important;}
  .main-downlinelisting-2-container .admin-levels .level-sign{ margin-right: 0; overflow-x: scroll;}
  .admin_header .bottom_header ul li a{padding: 15px 10px!important;}

  app-user-downline-data .risk-management-modal {margin: 0 2% !important; left: 0;}
  app-user-downline-data .risk-management-modal .modal-dialog.modal-lg {margin: 0 auto !important;} 

  .custom-push-notification .filefile { margin-bottom: 23px; }
  .custom-push-notification .image img { width: 100%; }
  .custom-push-notification .bttn button { padding: 8px 13px; font-size: 16px; }
  .custom-push-notification .first { margin-bottom: 23px; }
  .custom-push-notification .bttn { margin-top: 25px; }
   

}
.logsmodal .nav-tabs .tabactive{ background: #dfdde0!important; color: #000!important;}







/* tab */

@media screen and (min-width: 1024px) and (max-width: 1200px) {

  .main-downlinelisting-2-container {
    margin-top: 114px;
}


/* .admin_balance ul li{
  width: 30% !important;
} */

.admin_balance ul li span.text {
  font-weight: bold !important;
}

}

@media screen and (min-width: 780px) and (max-width: 890px) {
  .main-downlinelisting-2-container {
    margin-top: 114px;
}

.main-betlistlive-container, .main-betlistlive-container {
  margin-top: 114px;
}


.admin_header .top_header {
  justify-content: space-between !important;
}
}


@media screen and (min-width: 730px) and (max-width: 1200px)  {
  .container-main-profit-loss .games-section .games-text{
    padding: 0px 3px !important;
    margin-right: 5px !important;
  }

  .container-main-profit-loss .games-section .games-text a{
    padding: 10px 3px !important;
  }
} 
.daterangepicker select{ background: none!important;}
.daterangepicker select{background-image: none!important;} 

.showsidebar{ display: block;}
.hidesidebar{ display: none;} 
@media (max-width:767px){
  body{ overflow-x: hidden;}
  .d1AllInputForms .modal-body { max-height: 75vh; overflow-y: auto;}
  .subtabsa li a::after{ top:4px!important;} 
  .maincardss{ height: auto; overflow-y: inherit;}
  div[arrow_box_admin]{ display: none;}
  .modal-small-size, .modal-xtra-small-size{width: 95% !important;}
  .superAdminContainer {margin-left: 0px !important; width: 100% !important;}
}

/* hide score board on scorecard */
.hidescoreBoard{
    display: none !important
}
.player_book{font-size: 0px; background: none!important; border: none!important; padding: 0!important;}
/* .player_book { background: none!important; font-size: 0px; border: none!important;
  width: 100% !important;
  margin: auto;
  text-align: center;
  display: flex !important;
} */

.signupheader{
  margin-top: -4px;
  display: flex;
  justify-content: space-between;
}
.signupheader .loginDemo { display: none !important; }

.signupheader a{ margin: 0 10px 0 0;}
.signupheader .loginbtn{ margin: 0 10px 0 0;}

.signupheader .sigUpd1 {
  background: var(--maindark) !important; padding: 0px 0;
}
.signupheader .sigUpd1casino{background: var(--maindark) !important; padding: 6px 8px}
.signupheader .sigUpd1casino  a{color:#fff; margin-right: 0;}
.signupheader .sigUpd1 a{color:#fff;font-size: 13px;}

/* .games li a:hover span.icon-sub-category app-svg svg.rightarrowicon g{ fill: #fff!important;} */
/* ====== HEADER SEARCH CSS START ====== */
.header-front-search-filter {
  padding-right: 20px;
  margin-top: -5px;
}  
  .header-front-search-filter .completer-holder .completer-input {
    height: 38px;
    margin-top: 0;
    background-color: #ffffff29!important;
    background-position: 10px,center;
    background-repeat: no-repeat;
    padding: 0 30px 0 15px;
    border: solid 2px var(--maindark);
    color: #fff;
    background-size: 22px; 
    width: 300px;
  }
  .header-front-search-filter .completer-holder .completer-input { 
    background-size: 16% 60% !important;
    background-position: center right !important;
}
.header-front-search-filter .completer-holder .completer-input::placeholder {
  color: #fff !important;
}
/* ====== HEADER SEARCH CSS END ====== */


/****************** Durgesh  ************************************/

.event_card .heading .bet-type{
  display: block !important;
}



.event_card .heading .match-type{
  width:100% !important;
}

.event_card .heading .bet-type{
  width: 100% !important;
}

.event_card .heading .bet-type ul{
  justify-content: center !important;
}
.event_card .heading .bet-type ul li{
  width: 13%;
  text-align: center;
  margin-right: 0px;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #000;
  text-transform: uppercase;
}
.forAD{ width: 94%!important;}
@media(max-width:990px){
  .forAD{display: none!important;}
  .disNo ul{display: none!important;}
  .loginmainnn{ background-image: url(/assets/images/admin-mobile-bg.jpg)!important;}
}



.slider-toggle-wrap .switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 25px; 
  }
  
  .slider-toggle-wrap .switch input {
  opacity: 0;
  width: 0;
  height: 0;
  }
  
  .slider-toggle-wrap .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  }
  
  .slider-toggle-wrap .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  }
  
  .slider-toggle-wrap input:checked + .slider {
  background-color: #000000;
  }
  
  .slider-toggle-wrap input:focus + .slider {
  border: 1px solid #000000 !important;
  box-shadow: 1px 2px 2px 0px #000000 !important;
  }
  
  .slider-toggle-wrap input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider-toggle-wrap .slider.round {
  border-radius: 34px;
  }
  
  .slider-toggle-wrap .slider.round:before {
  border-radius: 50%;
  }
  .scrollbox{
    padding-bottom: 60px;
}


/* .mobilevv .mobile_view-flex div {
  margin-right: 16px;
}
.mobilevv .mobile_view-flex {
  display: flex;
  flex-wrap: wrap;
} */

@media(max-width:767px){
  /* .mobilevv .mobile_view-flex div span {
      display: block;
  } */
  /* .mobilevv .mobile_view-flex div {
    margin-right: 12px; font-size: 12px;
  } */
  .risk-management-modal .mainpopheader * {
    font-size: 16px;
}
.risk-management-modal .mainpopheader {
    align-items: center;
}
.mobile-center {
  justify-content: space-between !important;
}
.main-report-container .filter_search {
  margin-left: 0;
}
}

@media(max-width:400px){
  .risk-management-modal span .oddBox1 {
    font-size: 11px; margin: 0 4px;
}
.top_header ul.mainaddmembbtn li:last-child {
  white-space: nowrap;   padding-right: 10px;
}
.top_header ul.mainaddmembbtn li:last-child a span {
  margin-right: 0px !important;  width: 45px !important;
}
.top_header ul.mainaddmembbtn li button.btn-add {
  font-size: 12px !important;
  padding: 5px 8px !important;
}
.top_header ul.mainaddmembbtn li:last-child a i {
  padding-left: 0px !important;
}
.modalMedimumSz .modal-content{width: 92% !important; margin: 0px auto;}
}

@media screen and (min-device-width:1200px) and (max-device-width: 1600px) { 
  .maincardss .maidiv .dropdownsecti ul.mainulname.headerdat li {
    font-size: 13px;    padding: 5px 9px 4px 0px;
}
span.text-no-wrap { white-space: nowrap;}


.maincardss .maidiv .dropdownsecti {
  align-items: center;
}
.maincardss .maidiv .dropdownsecti ul.mainulname.headerdat li strong {
  display: block;
}
}



 

app-admin-fantasy .small-card-box h5 {color: #000; font-weight: 600; display: flex;}
.bt-listBox{ height: calc(100dvh - 235px); overflow-y: auto;}
app-admin-fantasy .card-listing-box { justify-content: flex-start !important; } 
app-admin-fantasy .card-listing-box li {flex-basis: 32.2%; cursor: pointer; margin: 0.5% .5% 0%;}
app-admin-fantasy span.view-box {font-size: 13px !important; width: 85px !important; min-height: 34px; display: flex !important; align-items: center; justify-content: center;}
app-admin-fantasy span.view-box i.fa {font-size: 16px !important;}

.text-container h4:first-child {text-align: right;}
.small-card-box h5::after {
  width: 96%;  height: 6px;  background: url(../../assets/images/player-border.png);
  position: absolute;  left: 50%;  bottom: -11px;  content: "";  transform: translateX(-50%);  background-size: 100% 100%;
}
.card-listing-box .flex-container-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 10px 6px;
}
.card-listing-box .fixed-logo {
  width: 76px;
}
.text-container strong {
  color: #ff0000;
  font-size: 28px;
  margin: 0px 8px;
}
.text-container h4 {
  font-size: 28px;
  font-weight: bold;
  margin: 0;
  line-height: 18px;
  text-transform: uppercase;
}

.text-container h4 span {
  display: block;
  color: #b1b1b1;
  font-size: 9px;
  font-weight: 600;
  padding-top: 4px;
  line-height: 13px;
}
.card-listing-box .fixed-logo > img {
  max-width: 100%;
}
.small-card-footer h6 {
  background: #e9e9e9;
  height: 100%;
  font-weight: 600;
  color: #000;
  font-size: 12px;
  position: relative;
  text-align: center;
  width: 33.33%;
  margin: 0;
  padding-top: 9px;
}
.small-card-footer strong {
  color: #ff0000; font-size: 13px;
}
.small-card-footer h6::after {
  width: 10%;
  height: 100%;
  background: #e9e9e9;
  position: absolute;
  right: -7px;
  content: "";
  top: 0;
  transform: skew(20deg, 1deg);
  z-index: 5;
}
.small-card-footer h6:last-child::after {
  background: #e9e9e9;
  right: auto;
  left: -7px;
  transform: skew(-20deg, 1deg);
}

.noGameAvailable > .fa {font-size: 44px;}
.noGameAvailable {font-size: 24px; font-weight: 600; text-align: center; padding-top: 11%;}

@media(max-width:1600px){
  .noGameAvailable > .fa {font-size: 44px;}
.noGameAvailable {padding-top: 5%;}
  .market-text-area{height: 235px !important;}
  .small-card-footer h6, .small-card-footer strong {font-size: 11px;}
.adminTabBreadCrumbSty {padding-left: 20px;}
app-admin-fantasy .small-card-box h5 {font-size: 12.5px;}
app-admin-fantasy .text-container h4 {font-size: 22px;}
app-admin-fantasy .text-container strong {font-size: 22px;}
app-admin-fantasy .small-card-footer h6, app-admin-fantasy .small-card-footer strong {font-size: 10px;}
}

@media (max-width: 1439px) {
.match_card .wrapper_card .card .teams > h2 span {font-size: 11px !important;}
app-admin-fantasy ul.card-listing-box {padding: 0 40px !important;}
app-admin-fantasy .card-listing-box li {flex-basis: 48%;margin: .75% 1% 0%;}
  .small-card-footer h6, .small-card-footer strong {font-size: 11px;}
  .adminTabBreadCrumbSty {padding-left: 20px;}
}

@media(max-width:1367px){
  .market-text-area{height: 160px !important;}
    .sidebar-content-wrapper .card-box.ice-market { padding:6px !important;}
  .card-listing-box li{flex-basis: 48%;}
  .small-card-footer h6{font-size: 12px;}
  .small-card-footer strong {font-size: 13px;}
  .profile-panel .change-password-box .btn-primary.updateprofile {border-radius: 4px;}
}

.sidebar-content-wrapper .bets-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ddd !important; padding: 0px 20px; align-items: center; margin-top: 20px;
}
.sports-category {
  margin: 0;
  font-size: 16px;
  padding: 16px 16px 14px;
  background: linear-gradient(16deg,#df9c0d 0,#ffde00 100%); 
  font-weight: 700;
  color: #000;
}
.container-main-buttons .admin-levels span.admin-name {
  font-weight: 400;
}
.eventTitle {
  font-weight: 700 !important;
  font-size: 18px !important;
}
.wrapper_filter .bttn {
  margin-bottom: 30px;
}
.admin_bck_button .arrback {
  color: #fff;
  margin-right: 5px !important;
}
.no-data-found > h1 {
  text-transform: capitalize;
  font-weight: bold;
  margin: 0;
}
.no-data-found {
  width: 100%;
  height: 70vh;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.no-data-found > h1 {
  text-transform: capitalize;
    font-weight: bold;
    margin: 0;
    font-size: 25px;
    padding-top: 20px;
}

.sidebar-content-wrapper ul.nav.nav-tabs li a {
  cursor: pointer;
}
.sidebar-content-wrapper .eventTitle .arrback {
  font-size: 16px;
}
ul.nav.nav-tabs.player-innerTab {
  border-bottom: 1px solid #ddd !important;
  padding: 0 15px;
}
.small-black-button{background: var(--main-color) !important;}
/* ======= PLAYER BATTLE CSS END  ======== */ 
  .scrollbox{
    padding-bottom: 60px;
}

@media(max-width:1600px){
  .maidiv {
    padding-left: 15px;
}

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


/* .mobilevv .mobile_view-flex div {
  margin-right: 16px;
}
.mobilevv .mobile_view-flex {
  display: flex;
  flex-wrap: wrap;
} */
app-admin-markets .sidebar-content-wrapper {padding-top: 30px;}
app-add-fancy-market-trfancy .dashboard.dashboard-bg {margin-top: 88px;}

@media(max-width:767px){
  app-admin-markets .sidebar-content-wrapper {padding: 20px 0px;}
  .mobilevv .mobile_view-flex div span {
      display: block;
  }
  /* .mobilevv .mobile_view-flex div {
    margin-right: 12px; font-size: 12px;
  } */
  .risk-management-modal .mainpopheader * {
    font-size: 16px;
}
.risk-management-modal .mainpopheader {
    align-items: center;
}

.mobile-center {
  justify-content: space-between !important;
}
}

@media(max-width:400px){
  
.top_header ul.mainaddmembbtn li:last-child {
  white-space: nowrap;   padding-right: 10px;
}
.top_header ul.mainaddmembbtn li:last-child a span {
  margin-right: 0px !important;  width: 45px !important;
}
.mainulname.headerdat {
  margin-right: 14px !important;
  padding: 5px 11px 4px 0px !important;
}
ul.mainulname.headerdat li {
  font-size: 13px;
  padding-left: 5px !important;
  margin-right: 5px !important;
}
ul.mainulname.headerdat li strong {
  display: block;
}
}
/* .buttonclasshead {
  position: relative; top: -4px;
} */
/* .maincardss .maidiv .dropdownsecti ul.mainulname.headerdat li strong {
  display: block;
} */
@media(max-width:1600px){
  .maidiv .dropdownsecti {
      align-items: inherit !important;
  }
}
@media(max-width:520px){
  td.mobile-date-left { display: flex; align-items: flex-start;  }#checkBoxesgt {height: auto !important;} 
}
@media(max-width:767px){
.buttonclasshead { position: absolute;  top: 10px;   left: 120px;}
.market-button-wrap{position: relative;}
.market-button-wrap {padding: 0 10px}
}

.status-box {
  background: #0a8830;
  opacity: 1;
  color: #fff;
  display: inline-block;
  padding: 5px 11px;
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 2;
  font-weight: 400;
  font-size: 14px;
  border-top-right-radius: 4px; border-bottom-right-radius: 4px;
  width: 134px;
  text-align: center;
}
.status-box::after {
  position: absolute;
  width: 0 !important;
  height: 0;
  content: "";
  bottom: -12px;
  right: 1px !important;
  border-top: 13px solid #086825;
  border-right: 9px solid transparent;
  z-index: 1;
  width: 130px;
}

span.status-box i.fa {
  margin-right: 9px;
  font-size: 22px;
  vertical-align: middle;
}
.status-box.status-red {
  background: #f9ab1b;
}
span.status-box.status-red::after {
  border-top: 13px solid #b87d10;
  border-right: 9px solid transparent;
}

 #mydiv .tbook-foot {
  background: black !important;
  color: #fff;
  position: absolute;
  bottom: 0px;
} 

/* @media(min-width:1367px) and (max-width:1460px){
  .card-listing-box li {
    flex-basis: 47.5%;
    margin: 0 1.1% 2%;
}
} */

@media(max-width:1200px){
  .card-listing-box li {
    flex-basis: 46%;
}
}

@media(max-width:992px){
  .downline-user-logModal .modal-dialog {width: 90%;}
  .card-listing-box li {
    flex-basis: 100%;
}
}
.scroll-table {
  height: calc(100vh - 300px);
  overflow: scroll;
  padding-bottom: 21px;
}
div#mydiv.book_table_main {
  height: auto !important;
  overflow: inherit !important;
}


@media(max-width:767px){
  .main-report-container {margin-top:105px; padding-top: 0;} 
  .main-riskmanagement-container .management-container{margin-top: 0 !important;}
  .downline-user-logModal .modal-dialog .main-downlinelisting-container, .downline-user-logModal .modal-dialog .modal-width-100, 
  .modal.downline-user-logModal .downline-heading{ width: 100% !important;}
  .downline-user-logModal .modal-dialog {width: 93% !important;  margin: 0 auto !important;}
  /* temrary css for pt rate*/
  app-player-event-detail .maidiv{ padding-top: 40px!important;} 
  app-player-event-detail .ptRate{ top: 8px!important;}
  /* temrary css for pt rate*/
}

.cashout-button{background: #000 !important; color: #fff !important;}
.cashout-button[disabled], .cashout-button[disabled]:hover {
  opacity: 0.2 !important;
}
.announcebar .scrollvertical .child.svg-red path {
  fill: var(--maindark) !important;
}

@media(max-width:767px){
  .balance-overview-box .balance-overview-text-2 svg {max-height: 19px;}
  .filter_by_date .multipleSelection div#checkBoxesgt label { font-size: 12px;}
  .filter_by_date .multipleSelection div#checkBoxesgt {/* position: absolute !important; right: 0; */ width: 160px !important;  }
  .container-main-profit-loss .filters {white-space: nowrap;}
  .container-main-profit-loss .filters  .filter-type{margin-left: 0;}
  .fancy_bets .mainplayarm { overflow-x: auto;}
}
.payment-confirmation .payment .input-password.display-ib input {
  background: #fff; width: auto !important;  border-radius: 2px;  padding: 10px 14px !important;  margin: 0px 0 0 !important;  height: auto !important;
}
.payment-confirmation .payment .input-password.display-ib input::placeholder {
  padding: 0px;
}
.table-report ngx-datatable .deposit-withdraw-container .input-dw form input, .table-report ngx-datatable .remark-input {
  background: #fff !important;
}

.table-report ngx-datatable .remark-input::placeholder {
  padding-left: 0px !important;
}

@media(max-width:460px){
  app-admin-banking .payment .submit-payment.display-ib:last-child {
    width: 30%;
}
app-admin-banking .input-password.display-ib {
  width: 145px;
}
app-admin-banking .payment .submit-payment.display-ib:last-child button.btn-submit-payment {
  border-right: 0px !important;
}
}

.comment_text_overflow {
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.check-box-alignment {
  display: flex;
  align-items: center; flex-wrap: wrap;
}
.check-box-alignment input {
  margin: 0px 10px 0px 0px !important;
}
.check-box-alignment > span {
  display: flex;
  align-items: center;
  margin-right: 6px;

}

.check-box-alignment .bankink-div {
  width: 100%;
  display: flex;
  margin-top: 12px;
}
.username .form-group.dis-flex {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.main-banking-container .admin_balance ul .select_box_column select.dropdown-text {
  border: 1px solid #d3d3d3 !important; font-weight: 400 !important; pointer-events: none;
}
.main-banking-container .admin_balance ul .select_box_column {
  margin-right: 20px; 
}
.select_box_column div#checkBoxes {
  width: auto;
}

ul.banking-listing-top li input, ul.banking-listing-top li select, ul.banking-listing-top input.completer-input {
  padding: 8px !important;
  border-radius: 4px !important;
  width: auto !important;
  height: auto !important;
  max-height: 37px;
  border: 1px solid #d3d3d3 !important;
  font-size: 14px !important;
}

.new-black-button {
 background-color: #000 !important;
}
.skin-1 .new-black-button:hover, .new-black-button:hover {
  opacity: .7 !important;
}

.mobile-text-fs-10 span.minmas {
  margin-left: 0px !important;
}

app-player-event-detail .maincardss.player-detail-mt {
  margin-top: 0px;
}


/* ================ PLAYER BATTLE CSS START ================= */

/* ====== PLAYER EVENTS START ======= */
.evetn-main-wrapper { position: relative;     margin-top: 152px;}
.events-header-bg { background: var(--side-bg); width: 100%; float: left; position: absolute; min-height: 360px;}
.card-container {margin: 0 auto; position: relative; z-index: 1; width: 1000px;  padding-top: 28px;}
.evetn-main-wrapper .card-box {background-color: #fff; overflow: hidden; border-radius: 10px; box-shadow: 0 0 20px 6px #0000001f; padding: 20px; height: calc(100vh - 205px);}
.evetns-tab ul { display: flex;}
.evetns-tab ul li { flex-grow: 1; margin: 0px 10px;}
.evetns-tab .tab-button.active{pointer-events: none}
.evetns-tab .tab-button.active, .evetns-tab .tab-button:hover {background: var(--eventbg) !important;  color: var(--main-color-white);}
.evetns-tab .tab-button {border: 0px; background: var(--light-greey); padding: 18px 20px; border-radius: 4px; font-weight: bold; color: var(--side-bg); font-size: 16px;
  text-align: left; display: flex; align-items: center; justify-content: space-between; width: 100%;
}

button.back-button {
    border: 0px;  margin-right: 15px; color: #fff;  background: transparent;
}
.contextTab > ul.match-listing {   justify-content: space-around;}
.evetns-tab .tab-button.active i.fa, .evetns-tab .tab-button:hover i.fa { color: var(--maindark);}
ul.match-listing {display: flex; flex-wrap: wrap;}
.match-listing .match_box { position: relative;}
.single-card ul.match-listing > li.match_box, .gusses_wrap li.match_box, .contextTab ul.match-listing ul.input-listing li {cursor: default;}
ul.match-listing .match_box .img-fluid { width: 100%; height: auto !important;}

ul.match-listing li { width: 48%; margin: 0px 1%;   overflow: hidden; cursor: pointer; margin-bottom: 20px;}
ul.match-listing .match_box .img-fluid, ul.match-listing li{border-radius:10px;}
.match-listing .match_box h5 {background: var(--red-color); text-align: center; color: #fff; font-size: 14px; padding: 3px 0px; text-transform: uppercase; font-weight: 800 !important;}
.match-listing .match_box p { background: var(--eventbg) !important; color: var(--main-color-white); padding: 2px 20px;
  font-size: 14px; text-align: center;  line-height: 18px; display: flex; justify-content: center; align-items: center; height: 40px;
}
.match-listing .match_box .match-overlay {
    position: absolute; left: 0; height: 42%; display: flex; justify-content: center; align-items: flex-end;
    width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 46%);
    bottom: 50px;  padding-bottom: 14px !important;  color: #fff !important;    border: 0 !important;   margin: 0 !important;
}
.match-listing-wrapper.single-card h4.match-overlay {
    bottom: 0;
}
.match-listing .match_box  .match-overlay span {
    color: #ff0000 !important;  padding: 0 2px !important;
}
.match-listing .match_box p, .match-listing .match_box h5 { font-weight: bold; margin: 0;}
.match-listing .match_box .image-caption { position: absolute; bottom: 0;  width: 100%;}
/* ====== SINGLE CARD CSS ====== */
.match-listing-wrapper.single-card ul.match-listing { justify-content: space-evenly;}
.match-listing-wrapper.single-card ul.match-listing .highest-score {margin: 7px 0px 7px;   border-radius: 6px;   border-bottom: 4px solid var(--maindark);}
.match-listing-wrapper .inner-card {border-radius: 6px; background: #fff; box-shadow:0 0 6px 4px #0000001f;  margin: 9px 6px; overflow: hidden;}
.evetns-tab .tab-button .fa-exchange { transform: rotate(90deg);}
.match-listing-wrapper.single-card ul.match-listing .input-listing li:last-child { border: 0;}
ul.match-listing .input-listing li { width: 100%; padding: 10px 10px 10px 15px;  display: flex; justify-content: space-between; align-items: flex-start; font-weight: bold; text-transform: uppercase; font-size: 18px; background: #fff;  margin-bottom: 6px; color: var(--eventbg);}
ul.match-listing .input-listing li .text-center{ width: 100%; text-align: center;}
/* ul.match-listing .input-listing li { width: 100%; font-weight: bold; display: flex; justify-content: space-between; height: 60px; font-size: 18px; background: #fff;  margin-bottom: 6px;} */
ul.match-listing .input-listing li input[type='radio']{width: 18px!important; height: 18px!important; position: relative; }
ul.match-listing .input-listing li input[type='radio']::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 18px!important; height: 18px!important; border-radius: 50%;
    transform: scale(0); box-shadow: 0 0 0 2px var(--maindark); border: 4px solid #fff; background:var(--maindark);}
ul.match-listing .input-listing li input[type='radio']:checked::before {transform: scale(1); display: block;}
/* ul.match-listing .input-listing li .radioStyle{  accent-color:var(--navText)}  */
.gusses_wrap ul.input-listing li {   color: var(--eventbg) !important;  box-shadow: none;  margin: 0; border-radius: 0px;}
.gusses_wrap h6 { text-align: center; font-weight: bold !important; font-size: 19px; color: var(--eventbg) !important;  padding: 4px 0px 0;}
.contextTab h4 {  color: var(--eventbg) !important; border: 0px !important;  padding: 25px 0px !important; }
.single-card ul.match-listing .input-listing li.active input{ background: var(--navText); border: 2px solid var(--eventbg);}
.match-listing-wrapper.single-card .input-listing li label {display: flex; align-items: center; justify-content: space-between; color: var(--eventbg) !important; font-weight: bold; font-size: 14px; text-transform: uppercase;  margin: 0px;}
.single-card picture {position: relative; height: 120px; overflow: hidden; display: block;  margin: 0 6px;}
.match-listing-wrapper.single-card ul.match-listing .img-fluid {top: 0; position: absolute;  max-width: 100%; height: auto!important;  width: 100%;}

.match-listing-wrapper.single-card .radio-btn {width: 16px; height: 16px;  border-radius: 50%;}
.single-card ul.input-listing { padding: 20px 20px 10px 20px;}
.single-card .prize { border-radius: 0px 0px 6px 6px;}
.match-listing-wrapper .submit { color: #fff;  background: var(--maindark);  width: 59%;}
.match-listing-wrapper .btn {text-transform: uppercase; font-weight: bold; font-size: 16px; padding: 3px 25px !important;border-radius: 30px; margin: 0px 0 20px 16px;}
.single-card figure, .single-card .highest-score { margin-left: 6px !important;  margin-right: 6px !important;}
.match-listing-wrapper .cancel {background: var( --main-color); color: #fff;   width: 30%;}
.single-card .match_box figure { height: 120px;  overflow: hidden;}
.single-card figure > .img-fluid { max-height: 100%; border-radius: 8px 8px 0px 0px !important;}
.gusses_wrap h4 { min-height: 120px; display: flex; align-items: center; flex-direction: column; justify-content: center; font-weight: bold; color: var(--light-green); margin: 0;  border-bottom: 25px solid var(--light-green);  padding: 14px 10px 18px;  font-size: 18px;}
.gusses_wrap li.match_box { padding-top: 0px; box-shadow: 0 7px 20px 0 #0000001f; margin-top: 20px;}
.gusses_wrap h4 strong { display: block; font-size: 42px;}
.gusses_wrap .lost h4 { color: var(--text-red); border-color: var(--text-red);}
.contextTab h4 strong {color: var( --red-color);}
.image_wrap{position: relative;}
/* ====== SINGLE CARD CSS END ====== */
.match-listing-wrapper.gusses_wrap img.img-fluid { border-radius: 8px 8px 0 0!important; }
.gusses_wrap li > p { border-bottom: 4px solid var(--maindark);}
.match-listing-wrapper > ul.match-listing {padding-bottom: 60px;  overflow-y: auto; margin-top: 20px; height: calc(100vh - 230px); align-content: flex-start;}
/* ul.match-listing .input-listing {   overflow-y: auto;   max-height: 340px;   overflow-x: hidden;} */
.gusses_wrap li.match_box { margin-top: 0;  align-self: flex-start}
.match-listing-wrapper.gusses_wrap > ul.match-listing {justify-content: space-around;}
.no_event {text-align: center;  font-weight: bold;  font-size: 28px;  margin: 30% 0 0;}
.contextTab .image-caption p, .gusses_wrap  .image-caption p {  border-bottom: 4px solid var(--maindark);}
.red-box { display: flex; justify-content: space-between; border-radius: 0 0 10px 10px; padding: 6px 10px 11px; background: #d2145a;}
.red-box h6 {  font-size: 15px; color: #fff !important;   margin: 7px 0 0 !important;   font-weight: 600 !important;   padding: 0px !important;   text-align: left;
}
.match_box .red-box h6 i.fa.fa-inr {
    margin-right: 4px; 
}
.gusses_wrap ul.input-listing li .bg-yellow {
    background: var(--maindark);
    padding: 10px 0px;
    border-radius: 4px;
}
.gusses_wrap h4 strong i.fa.fa-inr {
    font-size: 38px;
}
.totalRow{ text-align: center;}
.totalRow span{ margin:5px 6px 25px!important; border-radius: 3px; background: var(--eventbg); padding: 8px 20px!important; display: inline-block; font-size: 14px; color: #fff!important;}


.contextTab .red-box {  margin-top: -6px;}
.logo_image a{ width: 170px; display:flex; align-items: center; height: 40px;}
.logo_image a img{max-width: 100%; max-height: 100%; }
.logoo{ height: auto !important;}
.tamil div[header] .navbar-fixed-top .navbar-nav li{font-size: 16.6px;}
.tamil .bet_popUp .customBetFooter button.saveedit {padding: 5px 25px;}

@media(max-width:1680px){
  .tamil div[header] .navbar-fixed-top .navbar-nav > li > a{padding: 10px 10px;}
  .admin_header .menubares .dropdown-content.webmenu a,  .admin_header .menubares .dropdown-content.webmen a {padding: 12px 8px !important;}
}
/* ===== MEDIA QUERY CSS ====== */
@media(max-width:1600px){
  .tamil div[header] .navbar-fixed-top .navbar-nav li{font-size: 15px;}
  .tamil div[header] .navbar-fixed-top .navbar-nav > li > a{padding: 10px 8px;}
  .card-container {width: 920px;}
    .evetns-tab .tab-button {  padding: 14px 20px; }
    ul.match-listing .input-listing li {padding: 10px;}
    .gusses_wrap h6 {font-size: 16px;}
    .evetn-main-wrapper .card-box {height: calc(100vh - 130px);} 
    app-d2-casino-header div[header] div[headerBg] nav.navbar .container-fluid.navmain .sport nav ul li {font-size: 14px; margin: 0 12px !important;}
    .start-evetns .shadow-box > .display-flex.text-center {padding: 10px 0px 18px;}
    .admin_header .menubares .dropdown-content.webmenu a,  .admin_header .menubares .dropdown-content.webmen a{padding: 10.5px 8px !important;}
}

@media(max-width:1440px){
  .tamil div[header] .navbar-fixed-top .navbar-nav li {font-size: 14px;}
  app-admin-fantasy .small-card-box h5 {font-size: 13px;}
}


@media(max-width:1400px){
    
    .evetns-tab .tab-button { padding: 10px 20px; }
    .match-listing-wrapper > ul.match-listing {margin-top: 16px; }
    ul.match-listing .input-listing li { padding: 6px; font-size: 16px;}
    .match-listing-wrapper.single-card ul.match-listing .input-listing li {font-size: 14px;  margin-bottom: 2px;}
    .match-listing-wrapper .btn { font-size: 14px;     padding: 2px 25px !important; }
   
    .gusses_wrap h4 {padding: 16px 10px 18px;   font-size: 16px; }
    .gusses_wrap h4 strong {font-size: 28px; }
    .contextTab h4 { padding: 16px 0px !important;    }
    .match-listing-wrapper .btn {margin: 0px 0 16px 16px;}
    .match-listing .match_box .match-overlay { bottom: 38px;}

}

@media(max-width:1367px){
  .card-container {width: 850px;}
  app-d2-casino-header div[header] div[headerBg] nav.navbar .container-fluid.navmain .sport nav ul li {font-size: 13px; margin: 0 13px !important; }
  .start-evetns .shadow-box > .display-flex.text-center {padding: 8px 0px 18px !important;}
  .admin_header .menubares .dropdown-content.webmenu a,  .admin_header .menubares .dropdown-content.webmen a {padding: 7.75px 8px !important; font-size: 13px !important;}   
}


@media(max-width:1024px){ 
  .card-container { width: 950px;}
 
}
@media(max-width:992px){
  .card-container { width: 720px;}
  .match-listing .match_box p {padding: 2px 12px;}
  .match-listing-wrapper .submit { width: 52%;}
  .match-listing-wrapper .cancel { width: 35%;}
  .main-downlinelisting-container.container-bg.form-label-styling .downline-form {padding: 20px 16px;}
  app-admin-fantasy .card-listing-box li {
    flex-basis: 98% !important;

}
}
@media(max-width:767px){
  .evetn-main-wrapper .events-header-bg { display: none;} 
  ul.match-listing li {width: 100%; padding-top: 12px;}
  .match-listing .match_box p {font-size: 14px;  line-height: 18px;}
  .card-container {max-width: 100%;}
  .evetn-main-wrapper { margin-top: 40px;}
  .match-listing .match_box h5 { font-size: 11px;}
  .evetns-tab .tab-button { padding: 10px 7px; font-size: 11px;}
  .evetn-main-wrapper .card-box {box-shadow: none; border-radius: 0px; padding: 10px 10px; height: auto !important;}
  .evetns-tab ul li {flex-grow: 1; margin: 0px 3px;}
  app-admin-fantasy ul.card-listing-box { padding: 0 10px !important;}
 

  .match-listing-wrapper.single-card .input-listing li label { font-size: 14px;}
  .match-listing-wrapper.single-card ul.match-listing .input-listing li {padding: 8px 10px;   font-size: 14px;}
  .match-listing-wrapper .btn {font-size: 14px; padding: 4px 13px !important;}
  .gusses_wrap h4 {font-size: 16px; border-width: 15px;}
  .gusses_wrap h4 strong {font-size: 36px;}
  .contextTab h4 {padding: 16px 0px !important;}
  .match-listing-wrapper > ul.match-listing {max-height: auto !important;}
  ul.match-listing .match_box .img-fluid {height: auto !important;}
  .evetns-tab ul li i.fa {font-size: 10px !important;}
  app-sidebar-profile .admin{ top:95px}
  .container-main-balance{ width: 100%; margin: 0;}
  app-admin-signup-code .container-main-balance{ position: relative; top:120px}
  .completer-dropdown { max-height: 230px !important;  overflow-y: auto !important;   overflow-x: hidden !important;}
  .dashboard.dashboard-bg {margin-top: 92px !important;}
  app-market-analysis .margintopplayar.wrapper_dashboardrisk {margin-top: 100px !important;}
}

.wrapper_dashboardrisk .maincardss {
    margin-top: 40px;
}



/* ====== PLAYERs EVENTS END ======= */    
    .validation-message {
        font-size: 11px!important;  color: red !important;
    }    
.livescro img{ height: auto;}

app-fantasy-gamelist .imagwitex img{ height: auto; border-radius: 10px;}


/* =========== PLAYER BATTLE CSS START =========== */
.events-card-main .container-main {
    padding: 20px 20px;
}
.evetn-main-wrapper.events-card-main .evetns-tab li {
    margin: 0 15px 0 0px;   flex-grow: inherit;
}
.evetn-main-wrapper.events-card-main .evetns-tab .tab-button {
    width: 180px; padding: 16px 14px;
}
.event-box {
    background: var(--eventbg);border-bottom: 7px solid var(--navText); margin-top: 10px;  height: 60px; border-radius: 4px;
    color: #fff;  display: flex;  align-items: center; padding: 0 20px;   font-size: 22px;  font-weight: bold;
    display: flex;
    justify-content: space-between;
}
.small-card-box h5 {
    color: #b1b1b1;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    padding: 8px 0 0px 14px;
}
.small-card-box h5.text-center {
    text-align: center;
}
.left-side.start-evetns .flex-container-box .fixed-logo > img {
    width: auto;   height: 110px;
}
.left-side.start-evetns .shadow-box {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    border-radius: 16px 16px 0 0; margin-top: 14px;
    background: #fff;
}
.left-side.start-evetns .flex-container-box .fixed-logo:last-child {
    text-align: right;
}.small-card-box img {
    height: 100% !important;
}
.left-side.start-evetns.w-100{
    width: 100%;
}


.left-side.start-evetns .flex-container-box .fixed-logo {
    height: auto;
}
.left-side.start-evetns .flex-container-box {
    border-radius: 16px 16px 0 0; 
    box-shadow: none;
}
.left-side.start-evetns .display-flex {
    margin: 0;  border-radius: 0;  box-shadow: none;  background: #fff;  padding: 0 50px 10px;
}
.left-side.start-evetns .display-flex p:last-child {
    text-align: right;
}
.left-side.start-evetns .display-flex p {
    font-size: 17px; font-weight: 500;  line-height: 22px;
}
.left-side.start-evetns .display-flex p strong {
    display: block; font-weight: 600;
}
.start-evetns .shadow-box > .display-flex {
    justify-content: space-between;
}
.card-btn strong {
    font-weight: 600;
}

.start-evetns .display-flex.text-center strong span {
    color: #d2145a !important;
}
.start-evetns .display-flex.text-center span:first-child {
    color: #0071ba;
}
.pbplayer, .start-evetns .display-flex.text-center strong span.pbplayer{
    color: #0071ba !important;
}
.pbcomp{
    color: #d2145a !important;
}
.start-evetns .shadow-box > .display-flex.text-center {
    justify-content: center;
    /* padding: 30px 0px 18px;  */  padding: 10px 0px 18px;
}
.start-evetns .display-flex.text-center p strong {
    display: inline-block !important;
}
.start-evetns .display-flex.text-center p {
    color: #000;
    font-size: 18px;
}
.card-btn { background: #0071ba; border: 0; color: #fff;    font-size: 30px;  text-transform: uppercase;  padding: 20px 0;  width: 50%;  border-radius: 0 0 1px 16px;}
.right-card-box h4 span {
    font-weight: 400;
}
.card-listing-box { display: flex;  flex-wrap: wrap; justify-content: space-between;}
.card-listing-box li { flex-basis: 48.5%; margin: 20px 2px 0px;}
.fixed-logo {  height: 60px;}
.fixed-logo > img {  height: 100%; width: 100%;}
.events-card-main .text-container h4 { font-size: 28px;   font-weight: bold;   margin: 0;    line-height: 18px; text-transform: uppercase;}
.events-card-main .left-side .flex-container-box strong { font-size: 48px;  margin: 0 16px;}
.events-card-main .left-side .flex-container-box h4 span {  font-size: 13px;}
.events-card-main .left-side .text-container {   flex-wrap: wrap; position: relative;   top: 16px; }
.events-card-main .left-side .text-container .flex-items {
    width: 100%;   display: flex;   justify-content: center; flex-wrap: wrap;
}
.events-card-main .left-side .text-container .flex-items h6 {
    font-size: 14px;
    text-align: center;
    padding: 9px 10px 0;
    font-weight: 600;
    margin-bottom: 0;
}
.events-card-main .left-side .text-container .flex-items h6 span {
    display: block;  color: #ff0000;   font-weight: bold;   font-size: 24px;
}
.right-card-box.stake-box h4 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
}
.events-card-main .left-side .text-container .flex-items p span:first-child {  color: #0071ba;}
.events-card-main .left-side .text-container .flex-items p span { font-weight: bold;  color: #d2145a;}
.events-card-main .left-side .text-container .flex-items p {
    width: 100%;   text-align: center;  font-size: 18px;   font-weight: bold !important;  padding-top: 20px; margin-bottom: 0;
}
.events-card-main .left-side .flex-container-box h4{font-size: 48px; line-height: 30px;}

.events-card-main .text-container h4 span {
    display: block;  color: #b1b1b1; font-size: 10px; font-weight: 600; line-height: 12px; padding-top: 6px;
}
.events-card-main .text-container {
    display: flex;  align-items: baseline;  justify-content:center;   width: calc(100% - 140px);   padding: 0 8px;
}
/* .card-listing-box {  height: calc(100vh - 300px);  overflow-y: auto;} */
.flex-container-box {
    display: flex;  align-items: center; padding-left: 16px; padding: 14px 10px 6px 10px; justify-content: space-between;
}
.text-container strong{color: #ff0000; font-size: 24px; margin: 0px 8px;}
.text-container h4:first-child {  text-align: right;}
.small-card-footer {
    display: flex;  align-items: center; justify-content: space-between;  background: #f0f0f0;  margin-top: 8px;  height: 31px;
}
.small-card-footer h6 {
    background: #e9e9e9; margin: 0;  height: 100%; font-weight: 600;  color: #000;  font-size: 12px; padding-top: 9px; position: relative;   text-align: center; width: 33.33%;
}
.small-card-footer h6::after {
    width: 10%; height: 100%; background: #e9e9e9;  position: absolute;  right: -7px;  content: "";  top: 0;  transform: skew(20deg, 1deg);   z-index: 5;
}
.small-card-footer h6:last-child::after {
    background: #e9e9e9;  right: auto;   left: -7px;  transform: skew(-20deg, 1deg);
}
.small-card-footer h6 span {font-weight: 600;}
.small-card-box {
    box-shadow: 0px 0px 5px rgb(0 0 0 / 16%);  width: 100%;   border-radius: 10px; background: #fff; cursor: pointer;
}

.small-card-box h5::after, .right-card-box.stake-box::after {
    width: 96%;  height: 6px;  background: url(../../assets/images/player-border.png);
    position: absolute;  left: 50%;  bottom: -11px;  content: "";  transform: translateX(-50%);  background-size: 100% 100%;
}
.right-card-box.stake-box::after {
    bottom: -30px;  width: 100%; 
}
.right-card-box.bg-red { 
    position: relative;
}
.evetn-main-wrapper.events-card-main .card-container {
    width: 1180px;
}
.small-card-footer strong {color: #ff0000; font-size: 13px; }
.events-card-main {background: #fff;  padding: 20px 0px; min-height: calc(100vh - 66px);}
.back-btn {color: var(--eventbg) !important;  font-weight: bold !important; display: inline-block; margin: 20px 20px 4px 0;}
.player-card-list {display: flex;   flex-wrap: wrap;  width: 100%;   padding: 20px 0px 20px;   position: relative;}
.player-card-list:last-child .small-card {  text-align: left;}
.display-flex{display: flex;}
ul.player-card-list li {
    margin: 1% 0.5%;  background: #fff;  display: flex;   align-items: center;  
    border-radius: 10px;   padding: 12px 12px 0; text-align: right; width: 24%;   overflow: hidden;  position: relative; min-height: 110px;
}
.player-card-list li:hover::after {
    opacity: 1;
    transition: 0.3s ease;
}
.player-card-list li::after {
    width: 100%; height: 100%;  position: absolute;  top: 0;  left: 0;  content: ""; background: rgba(0, 113, 186, .5);
    border-left: 10px solid #0071ba; opacity: 0;
}
/* .player-card-list:last-child li::after {background: rgba(210, 20, 90, .6); border-right: 10px solid #d2145a; border-left: 0;} */
.player-card-list li.computer-slt::after {opacity: 1;background: rgba(210, 20, 90, .5); border-left: 10px solid #d2145a; border-right: 0;}
.player-card-list li.selected-player::after {
    opacity: 1;  transition: 0.3s ease;  border-color:#0071ba
}
.player-card-list .lock-player{
    pointer-events: none;
  }
.player-card-list .lock-player::after {
    background: rgba(51, 51, 51, .8) !important;  border: 0 !important;  content: "\f023";  font-family: FontAwesome;  display: flex;
    justify-content: center;  align-items: center;  font-size: 58px;   color: #979797;   opacity: 1;
}

.right-card-box.stake-box h4 { padding-bottom: 12px;}
.back-btn:hover {  color: var(--navText) !important;}
.right-card-box.active-stake-box button.cancel-btn {  background: #ff0000;}
.right-card-box.active-stake-box button.submit-btn {  background: #39b34a;}
.player-card-list:last-child li { text-align: left;}
ul.player-card-list li > img {
    height: 90px;
    position: absolute;
    bottom: 0; width: auto !important;
}
.events-card-main .right-side {  float: right;  width: 30%;   padding: 0px 0px 0 20px; }
.right-card-box h4 {
       text-align: center;  color: #fff;  padding: 21px;  text-transform: uppercase;   font-weight: bold;  font-size: 22px;  border-radius: 8px;
}
.right-card-box.blue-bg h4 {
    background: #0071ba;
}

.right-card-box.bg-red h4 {
    background: var(--red-color);
}
.right-card-box.bg-red ul li.select-player i {
    color: var(--red-color);
}
.bg-black-div {
    background: #333333 !important;
    /* margin: -11px 0 !important; */
    padding: 0 20px !important;
    justify-content: space-between !important;
    border-radius: 0 0 10px 10px !important;
}
 .left-side {
    width: 70%; float: left;
} 

.right-card-box ul {
    display: flex;   flex-wrap: wrap; justify-content: space-between;
}
.right-card-box ul li.select-player {
    color: #000;
}
.right-card-box ul li {
    width: 50%;   padding: 0 16px;   font-size: 12px;   text-transform: uppercase;  font-weight: bold;  color: #b1b1b1;   margin-bottom: 8px; white-space: nowrap;
    text-overflow: ellipsis;  overflow: hidden;
}
.right-card-box ul li.select-player i {
    color: #0071ba;
}
.right-card-box ul li i {
    margin-right: 6px;   font-size: 20px;   vertical-align: middle;
}
.right-card-box {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);   border-radius: 8px;   padding-bottom: 10px; margin-bottom: 35px;
}
ul.player-card-list li h6 span {
    display: block;
    font-size: 12px;
    text-transform: none;
    margin-top: 25px;
    font-weight: 600;
}


.player-card-list:last-child li {
    text-align: left;
}
.events-card-main .container-fluid {
    padding: 0 6%;
}
.left-side .flex-container-box {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);   border-radius: 16px;   padding: 10px 50px; position: relative;   z-index: 1;  background: #fff;
}
ul.player-card-list li h6 {
    font-size: 18px;
    text-transform: uppercase;
    max-width: 127px;
    cursor: pointer;
    margin-left: auto;
    text-align: right;
    font-weight: bold;
  
}

.dynamic-player-select ul.player-card-list li h6 {
  margin-top: 0px;
  margin-bottom: 0;
}
button.red-card-bg {  background: #d2145a; border-radius: 0 0 16px 0px;}


.evetn-main-wrapper.events-card-main .evetns-tab .tab-button >  svg {
    width: 20px;
}
.evetn-main-wrapper.tab-button > svg .cls-2, .cls-3 {
 
}

.evetn-main-wrapper .cls-1111{fill:red;}
/* .evetn-main-wrapper .tab-button .cls-1, .evetn-main-wrapper .tab-button .cls-2, .evetn-main-wrapper .tab-button .cls-1, .evetn-main-wrapper .tab-button .cls-2{
  fill: #000 !important;
} */




.evetns-tab .tab-button.active .cls-1111, .evetns-tab .tab-button:hover .cls-1111 {
  fill: red !important;
}



.left-side .flex-container-box .fixed-logo {
    height: 220px;
}
.left-side .flex-container-box .fixed-logo img {
     width: auto;
}
.left-div-w-70{width: 70%; float: left;}

.right-card-box.stake-box {
    background: #333333;   padding: 0px 28px;   display: block;  position: relative;  margin-bottom: 60px;
}

.stake-input-wrap {
    position: relative;
    margin-bottom: 10px;
}
.stake-input-wrap .clear_btn {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #08365b;
    border-radius: 4px;
    cursor: pointer;
}

.stake-input::placeholder{
    color: #b1b1b1;
}
.right-card-box.stake-box .stake-input {
    width: 100%;   text-align: center;  padding: 11px 10px; color: #000;  border-radius: 30px;  border: 0;  font-size: 20px; font-weight: bold;  -webkit-appearance: none;    -moz-appearance: textfield;
}

.stake-input::-webkit-outer-spin-button, .stake-input::-webkit-inner-spin-button{-webkit-appearance: none;  -webkit-appearance: none;
    -moz-appearance: none;   appearance: none;}

.right-card-box.stake-box li {
    width: 18%; padding: 3px 0;  background: #fff;  margin: 14px 0px;  color: #000;   text-align: center;  border-radius: 30px; font-size: 17px;  cursor: pointer;
}

.stake-box button.cancel-btn {
    background: #712424;   width: 35%;
}
.stake-box button.submit-btn {
    width: 61%;  background: #355a3a;
}
.events-card-main .right-card-box.stake-box .display-flex {
    margin: 0; padding: 0;  border-radius: 0; justify-content: space-between;
}
.events-card-main .right-card-box.stake-box .display-flex button {
    text-transform: uppercase; border: 0;  font-weight: bold;  cursor: pointer;  color: #fff;  padding: 8px 0px;   border-radius: 38px;  font-size: 18px;   display: inline-block;
}
.right-card-box.stake-box p {
    color: #fff;  text-align: center;   margin: 0;  padding: 13px 0; text-transform: uppercase; font-weight: bold; font-size: 13px;
}

@media(max-width:1600px){
    ul.player-card-list li{min-height: auto !important;}
    app-admin-fantasy .small-card-footer h6, .small-card-footer strong {font-size: 11px;}
    .left-side .flex-container-box .fixed-logo { height: 130px; }
    .events-card-main .left-side .flex-container-box h4 {font-size: 40px;  }
    ul.player-card-list li h6 {font-size: 15px; }
    ul.player-card-list li > img { height: 65px; }
    .events-card-main .left-side .flex-container-box strong {
        font-size: 40px;
    }
    .events-card-main .left-side .text-container .flex-items p { font-size: 16px; }
    .right-card-box h4 {padding: 16px;font-size: 21px; }
    .right-card-box.stake-box li {font-size: 15px; 
      padding: 10px 8px 10px !important;}
    .events-card-main .right-card-box.stake-box .display-flex button{font-size: 14px;}
    .right-card-box.stake-box .stake-input { padding: 7px 10px; font-size: 18px; }
    .right-card-box.stake-box p {font-size: 11px;}
    /* .events-card-main .display-flex {max-height: 338px;} */
    .event-box { font-size: 19px; }
    .left-side.start-evetns .display-flex p {font-size: 16px; line-height: 18px; }
    .events-card-main .left-side .text-container {  top: 0px;  }
    .card-btn {font-size: 25px;   padding: 13px 0; }
    .player-card-list { 
        padding: 15px 0px 15px;
    }
    ul.player-card-list li h6 {
        max-width: 120px; padding-left: 10px;
    }
    ul.player-card-list li h6 span {
      
        margin-top: 15px;
        
    }
    .right-card-box {
        margin-bottom: 25px;
    }
    .left-side .flex-container-box {
        padding: 10px 30px;
      
    }
    .events-card-main .left-side .flex-container-box h4 span {
        font-size: 12px;
    }
    .right-card-box.stake-box h4 {
        font-size: 18px;
    }
    
}




@media(max-width:1366px){
    .left-side .flex-container-box .fixed-logo { height: 100px;}
    
    .status-box {
        padding: 6px 8px !important;
        font-size: 12px !important;
        width: 118px !important;
    }
    .left-side.start-evetns ul.player-card-list p {
      font-size: 13px !important;
  }
    .events-card-main .left-side .flex-container-box h4 span {font-size: 11px;}
    .card-btn {font-size: 21px;  padding: 11px 0; }
    .events-card-main .left-side .text-container .flex-items h6 span {font-size: 22px;}
    .events-card-main .left-side .text-container .flex-items h6 {
        font-size: 14px; 
        padding: 10px 5px 0;
    }
    ul.player-card-list li h6 { font-size: 13px;}
    .small-card-footer strong {font-size: 12px; }
    .right-card-box.stake-box li, .events-card-main .right-card-box.stake-box .display-flex button {font-size: 13px;}
    .right-card-box.stake-box p { font-size: 10px;}
    .right-card-box.stake-box {padding: 0px 14px; }
    .right-card-box ul li i {font-size: 18px;}
    .events-card-main .container-fluid { padding: 0 4.5%; }
    
    .event-box {font-size: 17px; height: 60px; }
    .events-card-main .text-container h4 span {
        font-size: 9px; padding-top: 4px;
    }
    .right-card-box h4 {
       
        font-size: 18px;
    }
    .right-card-box.stake-box h4 {
        font-size: 16px;
    }
    .right-card-box.stake-box {
        margin-bottom: 50px;
    }
    .events-card-main .left-side .flex-container-box strong {
        font-size: 34px; margin: 0 10px;
    }
    ul.player-card-list li h6 {
        font-size: 13px;
    }
    ul.player-card-list li h6 span {
        font-size: 11px;
    }
    
    .small-card-footer strong {
        font-size: 11px;
    }
    ul.player-card-list li h6 {
        max-width: 100px; 
    }
    .bg-black-div {
        padding: 0 16px !important;
    }
    .small-card-box h5::after, .right-card-box.stake-box::after {
        background-size: 100% 96%;
    }
    .small-card-footer h6 {
        font-size: 11px;
    }
    
    .left-side.start-evetns .display-flex p {
        font-size: 15px;
        
    }
    .left-side.start-evetns .flex-container-box .fixed-logo > img {
      
        height: 100px;
    }
    .events-card-main .left-side .flex-container-box h4 {
        font-size: 34px; line-height: 24px;
    }
    .card-listing-box li {
        flex-basis: 49%;
        margin: 20px 0px;
    }
    .events-card-main .text-container h4 span {
        font-size: 9px;
    }
    span.status-box i.fa {
        font-size: 20px !important;
    margin-right: 6px !important;
        
    }
    .landingpage.bgColor.newGamea .livescro.maindiv {
      padding-bottom: 10px;
  }
}

@media(max-width:1300px){
    .small-card-footer strong {
        font-size: 10px;
    }
    app-d2-casino-header div[header] div[headerBg] nav.navbar .container-fluid.navmain .sport nav ul li {
        font-size: 12px;
        margin: 0 10px !important;
    }
    .events-card-main .text-container h4 span {
        font-size: 8px;
    }
    app-add-fancy-market-trfancy .sidebar-content-wrapper ul.nav.nav-tabs li a {font-size: 14px;   padding: 12px 12px !important;}
}


@media(max-width:1300px){
    .events-card-main .left-side .text-container .flex-items h6 {
        font-size: 13px;
        padding: 10px 6px 0;
    }
}



@media(max-width:1200px){
    ul.player-card-list li > img { height: 75px; }
    .left-side.start-evetns .flex-container-box .fixed-logo > img {height: 70px;}
    ul.player-card-list li {padding: 12px 10px 0;}
    .left-side .flex-container-box .fixed-logo {height: 86px; }
    .left-side .flex-container-box {padding: 10px 21px; }
    .events-card-main .left-side .flex-container-box h4,  .events-card-main .left-side .flex-container-box strong  { font-size: 32px; }
    .evetn-main-wrapper.events-card-main .card-container {  width: 1000px; }
    .small-card-box h4 span {font-size: 10px; line-height: normal; }
    .fixed-logo { height: 50px;  }
    .text-container {  width: calc(100% - 120px);  padding: 0 16px;  }
    .small-card-footer strong, .left-side.start-evetns .display-flex p { font-size: 12px; }
    .small-card-footer h6 {
        font-size: 10px;
    }
    
}
@media(max-width:992px){
    .evetn-main-wrapper.events-card-main .card-container {
        width: 100%;
    }
    .card-listing-box li {flex-basis: 100%; }
    .event-box { height: 52px;   }
}
@media(max-width:767px){
    .evetn-main-wrapper.events-card-main .card-box {padding: 20px 12px;}
    .small-card-box h4 {font-size: 24px; }
    .text-container strong {font-size: 18px;}
    .small-card-box h5, .small-card-footer strong {font-size: 11px;}
    .event-box { height: 46px;  border-bottom: 4px solid var(--navText);}
    .card-listing-box {height: auto;}
    .left-div-w-70 { width: 100%;}
    .evetn-main-wrapper.events-card-main .evetns-tab .tab-button > svg {width: 14px;}
  .evetn-main-wrapper.events-card-main .evetns-tab .tab-button {width: 100%; text-transform: uppercase; font-size: 12px;}
  .evetns-tab ul { justify-content: space-between;}
  .evetns-tab ul li {flex-grow: inherit !important; margin: 14px 0px 7px !important; width: 31%;}
  .timeh6 {
    font-size: 11px;
}
}

@media(max-width:420px){
    .fixed-logo { height: 40px;}
    .text-container { padding: 0 10px;}
    .small-card-footer h6, .small-card-footer strong {   font-size: 11px;}
    .small-card-box h5 {font-size: 12px;}
    .evetn-main-wrapper.events-card-main .evetns-tab .tab-button {font-size: 10px; padding: 10px 8px;}
.evetns-tab ul li {width: 31.5%;}
    
}

/* =========== PLAYER BATTLE CSS END ===========  */
    .maidiv{ width: 100%!important;}
    .ptRate{ left: 55px !important;}
    @media(max-width:575px){
        .logo_image {
            width: 110px;
        }
        .logo_image a { width: 100%;}
        .ptRate{ left: 15px !important;}
        .testpopup{ width: 96%!important; margin: 0 auto;}
        .pop{ display: flex; align-items: center;}
    }



.slider-toggle-wrap .switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 25px; 
    }
    
    .slider-toggle-wrap .switch input {
    opacity: 0;
    width: 0;
    height: 0;
    }
    
    .slider-toggle-wrap .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    }
    
    .slider-toggle-wrap .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    }
    
    .slider-toggle-wrap input:checked + .slider {
    background-color: #000000;
    }
    
    .slider-toggle-wrap input:focus + .slider {
    border: 1px solid #000000 !important;
    box-shadow: 1px 2px 2px 0px #000000 !important;
    }
    
    .slider-toggle-wrap input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    }
    
    /* Rounded sliders */
    .slider-toggle-wrap .slider.round {
    border-radius: 34px;
    }
    
    .slider-toggle-wrap .slider.round:before {
    border-radius: 50%;
    }

    .no-data {
        background: #eeeeee59;
        min-height: calc(100vh - 135px);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .no-data p {
        font-size: 28px !important;
        color: #000 !important;
        padding-top: 7px;
    } 
    .carousel img{ width: 100%!important;}
    .filter_search .right .filter-type select{ padding: 0px 5px!important; height: 37px!important;}
/* ------------------- */
    .main-report-container .filter_search .left > .admin-search-box::placeholder {
        padding-left: 0 !important;
    }

.main-report-container .filter_search .left > .admin-search-box {
    width: 260px !important;
    padding-left: 10px !important;
    text-align: left !important;
}
.main-report-container .report-heading {
    margin-right: 20px !important;
}

@media(max-width:767px){
    .main-report-container .report-heading {
        font-size: 14px;
        
    }
    .main-report-container .filter_search .left > .admin-search-box {
        width: 175px !important;
        
    }
}

    @media(max-width:767px){
        .payment {
            width: auto !important;  height: auto !important;  font-size: 16px !important;
        }
        .admin-levels #crumbs { 
            margin: 0 0 10px 0 !important;
        }
    }
    @media(max-width:390px){.dashboard.dashboard-bg {margin-top: 112px !important;} app-down-list .rightSearch .search {white-space: nowrap;}.dashboard.dashboard-bg.mobile-margintop94{margin-top: 94px !important;}}
    .admin_header div[arrow_box_admin] {display: none; }
    .search form .completer-input {padding-left: 10px !important; }
    .disnblesearchinpt form .completer-input {pointer-events: none;
      background: #8080809e;
      color: gray;
      border: none}

      .disnblesearchinpt form .custom-sear {pointer-events: none;
        background: #8080809e;
        color: gray;
        border: none}

    /* ====== SCAN CODE CSS START =======  */
    .qr-code-title {
        font-size: 18px;  text-transform: uppercase;   color: #0a365b;    border-bottom: solid 1px #ccc !important; font-weight: 600;  padding-bottom: 14px;
    }
    
    ul.qr-code li .accountName {
        background: var(--main-color) !important;  color: #fff;  padding: 14px 12px;  border-radius: 4px;  margin: 10px 0px 16px; text-transform: uppercase;
    }
    ul.qr-code li > .scan-code {
        width: 100%;   padding: 25px;  box-shadow: 0 0 17px rgb(0 0 0 / 10%);  border-radius: 8px;  border: 1px solid #e9e9e9;   
}
    ul.qr-code li:last-child {
        padding-left: 40px;
    }
    ul.qr-code li > button {
        background: var(--maindark); color: #fff;  border: 0;padding: 14px 10px; width: 100%; border-radius: 4px; font-weight: bold;
    }
    .qr-code {
        display: flex;  align-items: center; justify-content: center;   margin: 30px 0px 20px;
    }
    ul.qr-code li { flex-basis: 50%;}
    ul.qr-code li label, span.accountName {
        display: block; font-weight: 400;
    }
    .text-link {
        color: #0a5da3; font-size: 14px;
    }
    /* ====== SCAN CODE CSS END =======  */
    
    

    /* .carousel img{ width: 100%!important;} */

/* ====== ADMIN CSS CHANGES ====== */   
.mobilevv .mobile_view-flex div {
    margin-right: 22px;
}
.mobilevv .mobile_view-flex {
    display: flex;
    flex-wrap: wrap;
}
.filter_search .filter-type select.dropdown-text {
    font-size: 12px !important; height: auto;   padding: 8px !important;
} 
@media(max-width:767px){
  .mobilevv .mobile_view-flex div {
        margin-right: 12px;
        font-size: 12px;
    }
    .main-downlinelisting-2-container {
        margin-top: 105px; 
    }
    .mainbox .filter_dropdown .col50 {
        align-items: baseline !important;
    }
    .admin_header .bottom_header ul li a:hover, .admin_header .bottom_header ul li a:active {
        opacity: 1 !important;
    }

    .menubares .dropdown-content{
        box-shadow: none !important;
    }
    .completer-holder .completer-input {
        padding-left: 7px;
    }
    .completer-dropdown {top:50px !important;}
    .main-report-container .panel-heading .maintitbar, .filter_search {overflow-y: hidden !important; }
    .main-riskmanagement-container .management-container .table-odds {
        margin-top: 10PX;
    }
    .dashboard .accordian-menu {
        width: 100%;
    }
    h3.balance-overview-text-2 svg {
        max-height: 20px;
        display: inline-block;
    }
    .wrapper_dashboardrisk .maincardss .buttonclasshead, .maincardss.player-detail-mt .buttonclasshead  {
        padding-right: 20px;
    }
    
}    

@media(max-width:520px){
    /* .mobilevv .mobile_view-flex div span {
        display: block;
    } */
    
    .submit-payment.display-ib{
        white-space: nowrap; 
    }
    #dateRange {
        width: 165px !important;
    }
    ul.pager {
        display: flex !important;
        justify-content: center;
    }
    .pager li > a, .pager li > span {
        padding: 2px 6px;
    }
    app-sidebar-profile .admin {
        width: 75%;  

    }
    .multipleSelection #checkBoxesgt {
        width: 100% !important;  font-size: 11px !important;
    }
    .risk-management-modal span .oddBox1 {
        font-size: 13px;
       
    }
}

@media(max-width:400px){
    .admin_header .top_header .right_panel ul li:last-child a > span {
        font-size: 13px !important;  width: 48px !important;   margin-right: 2px !important;
    }
    .completer-dropdown-holder .completer-dropdown {
        width: 200px !important;
    }
    .wrapper_dashboardrisk .maincardss .buttonclasshead, .maincardss.player-detail-mt .buttonclasshead  {
        padding-right: 12px;
    }
    

}
.filters .date-btn-main div {
    padding: 0 !important;
}
/* .maincardss.player-detail-mt {
    margin-top: 50px;
} */
/* ====== ADMIN CSS CHANGES ====== */
.dashboard2 .maincardss.player-detail-mt{margin-top: 0;}
.maibody{ position: relative; z-index: 1;}
.carousel .carousel-inner .item img{ width:100%;}
.ngx-datatable .datatable-footer .datatable-pager{flex: 1 1 70%!important;}
.filter-containers .date-btn-main .display-ib{ padding: 0 0 0 5px!important;}
.filter-containers .date-btn-main .display-ib select{margin-right: 10px!important;}
.date-m{ margin:0 8px 0 15px;}

/* ====== PLAYER BATTLE CHANGE ======= */
.status-box {
    background: #0a8830;
    opacity: 1;
    color: #fff;
    display: inline-block;
    padding: 5px 11px;
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 2;
    font-weight: 400;
    font-size: 14px;
    border-top-right-radius: 4px; border-bottom-right-radius: 4px;
    width: 134px;
    text-align: center;
}
.status-box::after {
    position: absolute;
    width: 0 !important;
    height: 0;
    content: "";
    bottom: -12px;
    right: 1px !important;
    border-top: 13px solid #086825;
    border-right: 9px solid transparent;
    z-index: 1;
    width: 130px;
}

span.status-box i.fa {
    margin-right: 9px;
    font-size: 22px;
    vertical-align: middle;
}
.status-box.status-red {
    background: #f9ab1b;
}
span.status-box.status-red::after {
    border-top: 13px solid #b87d10;
    border-right: 9px solid transparent;
}

.dynamic-player-select {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.dynamic-player-select ul.player-card-list {
    width: 49.3%;
    justify-content: space-between;
}
.dynamic-player-select ul.player-card-list li {
    width: 48.5%;
    margin-left: 0;
    margin-right: 0;
}
/* ====== PLAYER BATTLE CHANGE ======= */
/* ======= transction modal start======== */
div#loyaltyHistory button.close, #loyaltyPrograme button.close {color: #fff;}
div#loyaltyHistory .modal-content {width: 100% !important;max-width: 1050px;}
.transction-modal .close, .transction-modal .close:hover {color: #fff;  opacity: 1;}
.transction-modal figure {margin: 0; position: relative;  background: #e9e9e9; border: 1px solid #ccc; overflow: hidden;  border-radius: 4px; display: flex; justify-content: center; align-items: center;}
.transction-modal figure > img { width: auto; max-width: 100%;   max-height: 200px;}
.transction-modal p {margin: 20px 0 10px;    font-size: 15px; display: flex;    word-break: break-all;}
.transction-modal p strong { padding-right: 6px;  font-size: 16px; white-space: nowrap;}
.transction-modal .view_bet {background: var(--maindark);  color: #000;   font-weight: 600;   border: 0;   padding: 7px 20px; border-radius: 4px;}
.transction-modal .footer-modal { background: var(--main-bg) !important;   padding: 12px 20px;       justify-content: end !important;   display: flex}
.transction-modal .footer-modal .close-btn {color: #000; font-weight: 600; border: 0; padding: 7px 20px;  border-radius: 4px;}
.send-notification-modal textarea {min-height: 110px; resize: vertical;  width: 100%; font-size: 15px;border-radius: 8px;}
.send-notification-modal label { display: block;  font-size: 15px;}
.send-notification-modal .modal-title{ font-size: 14px;}
.send-notification-modal .filecontrol{ width: 70%;}
.filedisables{ position: relative; width: 100%;}
.filedisables::after{ content: ''; width: 70%; height: 100%; z-index: 99999!important; position: absolute; left: 0; top: 0;}
.filedisables .input-group-btn{ width: auto; float: right!important;}
/* ======= transction modal end ======== */
.modal-content.medimum-modal{width: 450px !important;}
.modal-content.Xtramedimum-modal{width: 700px !important;}
.modal-content.modal-large{width: 950px !important;}

.stake-box ul.stake-list {
    justify-content: center; 
  }
  ul.stake-list li {
    width: auto !important;
    height: auto !important;
    border-radius: inherit !important;
    background: transparent !important;
    padding: 10px 14px 10px !important;
    color: #fff !important;
    margin: 0 !important;
}
  ul.stake-list li h6 { margin: 0;  font-size: 12px;}
  /* ul.stake-list li span { color: #ff0000;} */
  @media(max-width:1366px){
    ul.stake-list li {
        padding: 10px 10px 10px !important;
    }
    ul.stake-list li span {
        font-size: 15px;
    }
    ul.stake-list li h6 {
        font-size: 11px;
    }
  }

  .evetn-main-wrapper .tab-button.active .cls-1, .evetn-main-wrapper .tab-button.active .cls-2, .evetn-main-wrapper .tab-button:hover .cls-1, .evetn-main-wrapper .tab-button:hover .cls-2 {
    fill: var(--maindark) !important;
}

   .evetn-main-wrapper .cls-1111{fill:var(--maindark); stroke: #333;}
  .evetn-main-wrapper .tab-button:hover, .evetn-main-wrapper .tab-button.active{
    stroke: var(--maindark);
  }
  .evetns-tab .tab-button.active .cls-1111, .evetns-tab .tab-button:hover .cls-1111 {
    fill: var(--maindark) !important;
  }
  .evetns-tab .tab-button.active .cls-2, .evetns-tab .tab-button.active .cls-3, .evetns-tab .tab-button:hover .cls-2, .evetns-tab .tab-button:hover .cls-3{
    stroke: #333 !important;
  }
  .evetns-tab .cls-2, .evetns-tab .cls-3 {
    stroke: #fff !important;
  
  }
  .evetns-tab .cls-1 {
    fill: #000 !important;
  } 
  .landingpage.bgColor.newGamea .livescro.maindiv {
    min-height: 100vh !important;
}
/* =========== PLAYER BATTLE CSS END ===========  */

@media(max-width:767px){
  .main-banking-container .admin_balance ul {
    align-items: end !important; 
}
} 


.payment-confirmation .payment {display: flex; justify-content: end; align-items: end;}
.payment-confirmation .notification-box {overflow: inherit !important; width: auto !important; background: none; padding: 0px !important;}
.payment-confirmation .notification-box ul {width: auto !important; max-height: inherit !important; overflow: inherit !important;}
.payment-confirmation .notification-box ul li {color: red; font-size: 13px; margin-right: 15px !important;}


.superAdminContainer div#crumbs { padding: 30px 0px 15px 0px;  margin-left: 0 !important;}
@media(max-width:992px){
  .payment-confirmation .payment { position: relative; padding-top: 24px !important;}
  .payment-confirmation .notification-box li {font-size: 10px;  padding-right: 0; margin-left: -44px;}
  .payment-confirmation .notification-box {position: absolute; left: 0; top: 2px;  display: flex;     min-height: 22px !important;  justify-content: center;  width: 100% !important;}
  .modal-content.modal-large{width: 700px !important;}  
}
  @media(max-width:767px){
    .actionBonusBtnStyling .btn.btn-sm { padding: 4px 6px !important; font-size: 11px !important; min-width: auto !important;}
    .payment-confirmation .notification-box {top: 4px; min-height: auto !important;}
    .payment-confirmation .payment .input-password.display-ib input{width: 100% !important;}
    .payment-confirmation .payment .submit-payment:last-child .btn-submit-payment {border-right: 0px !important;}
    .payment-confirmation .notification-box ul li { margin: 0px !important; font-size: 12px;}
    .mainulname.headerdat .runrexp{width: 95% !important; right: auto !important; top:40px !important;} 
    app-dashboard-management .row, app-dashboard-management .col-md-4, .richtxt div {
      min-height: auto !important;   height: auto !important; 
    }
    app-dashboard-management .col-md-4 {   border-right: 0px !important;}
    .mobileSidebarW100{width: 100% !important; margin-left: 0px !important;}
    .modal-content.modal-large{width: 100% !important;} 
    .superAdminContainer .main-card { padding: 0px 0px !important;}
    .superAdminContainer {margin-left: 0px !important; width: 100% !important;  padding:0px 15px 0;}
    .superAdminContainer .main-card .row .col-sm-10 {width: 100% !important;}
    .superAdminContainer .main-card .smallBox {margin-bottom: 15px;}
    .superAdminContainer .heading-stripe h6 {font-size: 12.5px !important; }
    .superAdminContainer .heading-stripe {padding: 7px 10px !important;}
    .superAdminContainer .heading-stripe div .currLevel{margin: 0px 20px 0px 5px !important;}
    .superAdminContainer .main-card button.btn-loyalty {
        min-width: 100px !important;  font-size: 14px !important; padding: 10px 0px !important;margin-top: 50px !important;
    }
    div#loyaltyHistory ngx-datatable {max-height: 75vh}

    #loyaltyPrograme th, #loyaltyPrograme td {padding: 5px; font-size: 13px !important;}
    .flex-row.loyalty-flex-row label span {width: 100% !important;font-size: 12px;}

  }
@media(max-width:400px){
  .payment-confirmation .notification-box ul li {font-size: 11px;}
}  


@media(min-width:992px){
  app-admin-bet-list .main-betlistlive-container .filter_search { margin-bottom: 0px;}
}


app-admin-player-battle .main-betlistlive-container, app-admin-fancy-market .main-betlistlive-container, app-admin-fancy-market-trfancy .main-betlistlive-container, app-admin-player-contest .main-betlistlive-container {
  margin-top: 60px !important;
}

@media(min-width:1200px){
  app-admin-bet-list .filter_search .right {  padding-right: 15px !important; overflow-x: auto;}
  .mainulname.headerdat .runrexp{min-width: 250px !important; top:100% !important;}
}
@media(min-width:1400px){
  app-admin-player-contest .dropdown-content-opt { padding-bottom: 60px !important;}
}
.balance-custom-btn.table-small-btn { padding: 2px 8px !important;font-size: 11px !important;}
.footer_text_center { display: flex; justify-content: center; width: 100%;}
div#detail-marketPNL .modal-content { width: 745px; }
@keyframes marquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}

.notification-box {
  overflow: hidden; padding: 0 10px;  background: #eeeeee9e;  width: 100%;
}
.notification-box ul {
  overflow: hidden; margin: 0; align-items: center;  display: inline-block;  width: 100%; max-height: 30px;
}
.notification-box .marquee {
  -webkit-animation: marquee 18s linear infinite; animation: marquee 18s linear infinite;   white-space: nowrap;   overflow: hidden;   line-height: 36px;   display: inline-block;
}
.notification-box  li {
  width: auto !important; color: #000;  font-size: 14px;  font-weight: 500; 
}
/* app-admin-fantasy ul.card-listing-box {  min-height: calc(100vh - 250px); align-content: flex-start;} */
app-admin-fantasy .status-box, app-admin-fantasy .view-box { width: 100px !important;}
app-admin-fantasy .view-box.leftcls {  right: 89px !important;}

.d1-badge {
  padding: 3px 7px 5px 7px;
  margin-right: 10px;
  font-size: 13px;
  border-radius: 50%;
}

.d1-card-data .card-body{height: 100%;}
.card.d1-card-data ul li{margin-bottom: 6px;}
p.card-text {padding: 15px 0px 10px; word-break: break-all; display: flex; align-items: flex-start;}
.card.d1-card-data .dis-flex {display: flex; align-items: center;}
span.announcement_text {width: calc(100% - 25px);}
.dropdown-text{border: 1px solid rgba(0, 0, 0, 0.2) !important;}

.alignment-ui .dropdown-text { padding: 8px !important; border-radius: 4px !important; }

app-show-notification .transction-modal .view_bet {background: #000; color: #fff; margin-right: 12px;}
.landingpage .carousel.slide .carousel-control {opacity: .4;}
.anncoumentimg button.close.closeBTN:hover {opacity: 1 !important;} 
app-annoucment-model .modal {background: rgba(0,0,0,.5);}  
app-market-analysis app-player-event-detail .textLink{ text-decoration: underline;}
app-market-analysis app-player-event-detail .textLink:hover{text-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);}

@media(max-width:1400px){.designimg {height: 11px !important;}}
@media(max-width:450px){.designimg {height: 10px !important; margin-left: 2px !important;}
app-player-event-detail .listIcon {margin-left: 0px !important;}
app-player-event-detail .icBox{width: auto !important;}
}  
app-all-account-statement app-loader.main {left: 0;}
.tooptipclass{
  height: 25px;
  width: 38px;
  text-align: center;
  background-color: rgba(0, 143, 251, 0.85);
  position: absolute;
  cursor: grab;
  line-height: 25px;
  border-radius: 6px;
}

.toast.betmsz { right: -385px !important;}
.toast.on.betmsz { transform: translateX(-385px) !important;}
.toast.betmsz { width: 385px !important;}
.betmsz span.error-msg,  .betmsz .msga{ margin-left: 15px;}
.toast .close.tosclose {  margin: 0;}
.betmsz span > strong { display: block; font-size: 15px; padding-bottom: 3px;}
.betmsz .msga { font-size: 13px !important;}  
.betmsz i.fa { padding: 22px 22px;}   
app-revenue-report ul.pager li a {
  border: 0px !important;
}
.main-downlinelisting-container .no-space { padding-top: 0; }
.custom-navbar .menuss .navbar-nav li:first-child a { padding-left: 0;}
.custom-navbar .menuss .navbar-nav li:last-child a {padding-right: 0;}
.modal-title-d-InBlock {display: inline-block; margin: 0;}
.min-height100vh{min-height: 100vh;}
.loginDemo a{ color: #fff; text-decoration: underline; font-weight: 600; margin: 0;}
div[header] div[headerBg] .navbar .container-fluid ul li .loginDemo a {border: 0px !important; padding-top: 0 !important;margin-top: 4px;}
   div[header] div[headerBg] .navbar .container-fluid ul li .loginDemo a:hover{background: transparent !important;}   
/* .balance-overview-box h3.balance-overview-text-2 {padding-top: 0px !important;     margin-top: 0px !important;} */
.d1-theme-smallModal .modal-content {width: 330px; overflow: hidden; border-bottom-left-radius: 19px; border-bottom-right-radius: 19px;}
.d1-theme-smallModal  .modal-header h5 {font-size: 18px; color: #ffffff; margin: 0px; display: inline-block;}
.d1-theme-smallModal .btnntm {width: 50%; margin: 0px !important; border-radius: 0px;}
.d1-theme-smallModal .modal-footer { padding: 0px;}
.d1-theme-smallModal .form-control {border: solid 1px #d3d3d3;}
.d1-theme-smallModal .box-text { font-size: 16px; color: #3d3d3d;}
.d1-theme-smallModal .spaceTop {padding-top: 14px;}
.text-truncate{display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 120px;}
.text-truncate-md {max-width: 200px;}
.text-truncate-lg{max-width: 250px;}
.rightText{width: 90% !important; display: inline-block !important; text-align: right !important;}
#barcode-verification .modal-footer button.btn.btn-warning.verfication-btn {background: var(--maindark) !important;color: #fff !important;}
.navbar-nleft li .completer-holder{position: relative;}
.navbar-nleft li .completer-holder::before{content: '\f002'; font-size: 20px; font-family: FontAwesome; color: var(--maindark); position: absolute; right: 12px; top: 3px;}
.navbar-nleft li input{background-image: none!important; position: relative;}
.demoLogin {text-align: center;}
.demoLogin a{margin: 10px auto; width: 145px; color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; border-radius: 7px; border: solid 3px var(--maindark); padding: 5px 10px; display: inline-block;}
.demoLogin a:hover{background: var(--maindark); color: #fff;}
.sportifream { width: 100%;}
.centerWrap { position: relative; z-index: 0;
  padding: 0px 0 0 0;
  margin: 148px 0 0;
}

.custom-navbar{
  height: 148px!important;
  min-height:inherit!important;
}

#bredcrumbuser.disablebredcrumb{
  cursor:not-allowed;
  pointer-events: none;
  opacity:50%
}


/* #welcomeUploadImage .modal-body input[type="checkbox"]:last-child{display: none!important;} */
@media(max-width:1366px){
  .modal-content.popimgcoin {margin: 10% auto;}
}

app-downlist-search-user ul.rightSearch li form.searchres {
  width: 49% !important;
}

.dummytab-wrap ul.tabDummyBox {display: flex;}
.dummytab-wrap ul.tabDummyBox li, .gameDummyBox div, ul.nav.nav-pills.subcategoryTab li{
  background: linear-gradient(-45deg, #0d0d0d, #2f2d2d, #4c4a4a, #2f2d2d);
  background-size: 400% 400%; animation: casino-gradient 1s ease infinite;  border-radius: 4px;
}
/* ul.tabDummyBox li {height: 55px; margin: 2px 5px 0px;  width: 123px; font-size: 20px; padding: 5px;} */
ul.tabDummyBox li {
  height: 55px;
  margin: 4px 6px 0px;
  width: 121px;
  font-size: 20px;
  padding: 5px;
}
.gameDummyBox{width: 100%; float: left;}
.gameDummyBox div {height: 203px; margin: 0 7px 10px; width: calc(14.2% - 14px) !important; float: left;}
ul.nav.nav-pills.subcategoryTab {overflow-x: scroll; white-space: nowrap; display: flex;  margin: 20px 0;}
.gameTabCasino > li > a {width: 117px; height: 50px;}
ul.nav.nav-pills.subcategoryTab li {
  float: left;  padding: 5px 14px;  margin: 11px 6.5px 10px; font-size: medium;background-color: transparent;
    border-radius: 4px; min-width: 49px;  height: 37px;
}
.dummytab-wrap li.active {border: 2px solid var(--maindark) !important;}
.liveCasinoMainDiv{display: inline-block; width: 100%; margin-bottom: 0px !important;}
ul.nav.gameTabCasino {overflow-x: auto !important; padding: 6px 0px 12px !important;}
@keyframes casino-gradient{
  0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}

/* ===== SIDEBAR MENU CSS START ====== */ 
.scroll-bar-wrap{background: var(--main-color);}
/* .dashboard.dashboard-bg .animatedSideMenuAll .accordian-menu.accordian-menu-bg {min-height: 100vh; padding-bottom: 20px;} */
.animatedSideMenuAll.hideSidemenu{width: 0;  transition: .4s ease;   position: relative; left: -264px;}
.animatedSideMenuAll.showSidemenu{width: 264px; transition: .4s ease; position: relative; left: 0px; }
.animatedSideMenuAll{display: block !important;}
.navbar-header i.menubarmw {transform: inherit !important;}
button.toggleSideNavBtn { background: transparent; border: 0px; cursor: pointer; margin-top: 5px;}
.menubarmw  button.toggleSideNavBtn .line {width: 25px; height: 3px;  background: var(--casino-color); display: block;  margin-bottom: 5px; transition: .5s ease;}
.menubarmw.menubarmwrotate button.toggleSideNavBtn span.line.line-1 {transform: rotate(49deg);transform-origin: left;}
.menubarmw.menubarmwrotate button.toggleSideNavBtn span.line.line-2 {display: none;}
.menubarmw.menubarmwrotate button.toggleSideNavBtn span.line.line-3 {transform: rotate(-45deg) translateY(-11px) translateX(-1px);transform-origin: right;}
/* ===== SIDEBAR MENU CSS END ====== */
.d1-googlyexch-red app-d1-header .navbar-header img {width: 120px !important;} 
.hidecalanderOnNavigate{
  display: none !important;
}
app-admin-loyality-points .left.d-flex{
  --main-bg:#000;
}
app-admin-loyality-points .mobile-w-100 .filter_search .flex-row {
  justify-content: space-evenly !important;
}
.d1-googlyexch-red app-d1-header .navbar-header img {width: 120px !important;}

.live_pop.match .inputboxmain1{
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.live_pop.match .inputboxmain1 .ifremvid{  
  position: absolute; margin: 0!important; border: none!important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;}
  









/******************* CSS scroll animation **********************/

.fade-up {
  animation: 0.8s fadeInUp;
}


@keyframes fadeInUp {
  0% {
    transform: translateY(4%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.fade-left {
  animation: 0.6s fadeInLeft;
}


@keyframes fadeInLeft {
  0% {
     opacity: 0;
    transform: scale(0.8, 0.8);
  }
  100% {
     opacity: 1;
    transform: scale(1, 1);
  }
} 

.flip-right {
  animation: 0.8s flipright;

}

@keyframes flipright {
  0% {
    opacity: 0;
  }
  100% {
    transform: rotateX(180deg);
    opacity: 1;
  }
}

.zoom-in{
  animation: 0.6s zoomin;

}

@keyframes zoomin {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}


.section_hide{
  display: none;
}

.load_Sectionanimate{
  display: block ;
  animation: 0.6s fadeinview;
}
.showanimateView {
  display: flex !important;
  
  /* animation: 0.6s fadeinview; */

}
@keyframes fadeinview {
  0% {
    transform: translateY(5%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}


.zoom-inbetslip{
  animation: 0.4s zoomin;

}

@keyframes zoomin {
  0% {
    transform: scale(0.98);
    /* opacity: 0; */
  }
  100% {
    transform: scale(1);
  }
}   
.section_hide{
  display: none;
}

.load_Sectionanimate{
  display: block ;
  animation: 0.5s fadeinview;

}

@keyframes fadeinview {
  0% {
    transform: translateY(4%);
    /* opacity: 0.6; */
  }
  100% {
    transform: translateY(0%);
    /* opacity: 1; */
  }
}

nav.navbar li.open ul.dropdown-menu.downnotifi {
  opacity: 1;visibility: visible;transform: scale(1);transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);
}
nav.navbar ul.dropdown-menu.downnotifi {
  opacity: 0;visibility: hidden;transform: scale(0.5); display: block !important;transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);
}
.refreshRow{display: flex; justify-content: flex-end; width: 100%; padding: 10px 25px 0;}
.refreshRow .btn-warning{background-color: #000!important; border-color: #000!important;}
.marNameCell{display: flex; gap: 0 8px; align-items: center;} 
.marNameCell span{word-break: break-word; text-wrap: wrap; line-height: 14px!important; }

app-player-profile-layout .navbar-header .menubarmw{
  display: none;
}
/* ======== EVENTS LISTING ANIMATION START ======== */
.dummyEventMain .labelText { width: 60%}
.dummyEventMain .labelText span{width: 40%;}
.dummyEventMain .eventDmRow ul {display: flex; flex-grow: 1; width: 60%;}
.dummyEventMain .eventDmRow {display: flex; width: 100%; align-items: center;}
.dummyEventMain .eventTextLabelPre {background: #ccc; height: 10px; display: inline-block;  overflow: hidden; position: relative; border-radius: 6px;}


.dummyEventMain .eventDmRow ul li strong {
  display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 4px;  position: relative; background: #ccc;
}
.dummyEventMain .listEvtntTitle {padding: 10px 46px 10px 0; }

.dummyEventMain .eventDmRow ul li {
  flex: 1;text-align: center;height: 40px; border-radius: 4px; display: flex;justify-content: center;align-items: center;
  margin-right: 4px; 
}
.dummyEventMain li.eventBackBox {background: #dfdfdf;}
.dummyEventMain li.eventLayBox {background: #dfdfdf;}

/* .dummyEventMain .wrapper_card .card {
  background: linear-gradient(-45deg, #ffffff, #f1eeee, #ffffff, #fffefe);
  background-size: 400% 400%; animation: eventListAnimation 1s ease infinite;
} */
.dummyEventMain .event_card .eventDmRow .rating ul li {
  padding: 0px !important;
}
.dummyEventMain .eventTextLabelPre {
  width: 113px;
}
.dummyEventMain .eventTextLabelPre::after, .dummyEventMain .eventDmRow ul li strong::after {
  position: absolute; top: 0;display: block; width: 100%;height: 100%;
  content: "";background: linear-gradient(90deg, #e1dfdf73, #e1dfdf 50%, #e1dfdf73);
  transform: translateX(-100%); animation: eventListTxtLoad 1s infinite;will-change: transform;
}
/* ====== LISTING PAGE CSS START ====== */
.dummyEventMain .eventTextLabelPre .dummyEventHeading {
  margin: 0px 0px 0px 36px;
}
.dummyScoreBoxLive {
  width: calc(100% - 48px); height: 34px;border: 1px solid #adadad; margin: 20px 24px 6px; border-radius: 4px;  background: #fff; 
  display: flex; align-items: center;   padding-left: 14px;
}
.dummyScoreBoxLive .eventTextLabelPre {width: 311px;}
.listEvtntTitle.dummyEventHeading .eventTextLabelPre {margin-left: 11px;}
/* ===== DUMMY BOOKMARKET CSS START  ===== */
.dummyEventMain .bookHead .eventTextLabelPre{ width: 180px; height: 14px;     margin: 6px 0 6px;}
.dummyEventMain .ball-bookMaker{margin-top: 32px;}
.dummyEventMain .bookEvent { align-items: center;}
.ballByRow ul {margin-top:6px;}
.dummyEventMain .bookEvent:last-child { margin-top: 2px;}
.dummyEventMain  .bookOddvalue li {position: relative;
background: linear-gradient(-45deg, #ced5da, #ced5da, #919191, #ced5da);
    background-size: auto; background-size: 300% 300%; animation: bookmaker-gradient 2s ease infinite
}
@keyframes bookmaker-gradient{
    0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
  }
/* ===== DUMMY BOOKMARKET CSS END  ===== */  
/* ====== LISTING PAGE CSS END ====== */

@keyframes eventListTxtLoad{
  100%{transform: translateX(100%);}
}

@keyframes eventListAnimation {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}
/* ======== EVENTS LISTING ANIMATION END ======== */

/* .landingpage .slider {min-height: 242px;} */
app-player-profile-layout .navbar-header .menubarmw{
  display: none;
}
  .main-card .heading-stripe, .main-card .btn-loyalty {background: var(--main-color) !important;}
  .main-card button.btn-loyalty.redeem {background: var(--maindark) !important;}
.match_card .games-heading .Games img{filter: brightness(0);}
.match_card .wrapper_card .card .teams.gamesteams::before{display: none;}
  .landingpage .slide .item > img {cursor: pointer;} 
.match_card .teams.gamesteams .playernow {
    left: 120px !important;
}
.modalUpladImg .validation-message {
  position: absolute;
}

.apkBox a > img { margin-top: 0 !important; width: 27px;}
app-d1-header .apkBox a > img {margin-top: -6.5px !important;} /* APK SPORTS PAGE */
@media(max-width:1499px){
  .admin_header .bottom_header ul li .webmenu a{padding: 10px 5px!important;}
}
@media(max-width:1366px){
.match_card .teams.gamesteams .playernow {left: 112px;}
.match_card .teams.gamesteams .playernow p {font-size: 12px !important;}
.apkBox a > img {width: 25px;}
ul.nav.navbar-nav.navbar-nleft.navbar-left li.menuba {font-size: 14px !important;}
.tamil .navbar ul.nav.navbar-left .completer-holder .completer-input{font-size: 13px;}
}

@media(max-width:1359px){
  .tamil .navbar-fixed-top.custom-navbar ul.nav.navbar-nav > li a {font-size: 13px; padding: 15px 6px !important;}
  .b2c-class ul.nav.navbar-nav.navbar-nleft.navbar-left li.menuba {font-size: 12px !important;}
  .b2c-class button.depositclass.fillRedBtn, .b2c-class .apkButton.btn {font-size: 10px;  padding: 6px 9px;}
  .b2c-class  .langHeader i.fa.fa-caret-down {padding: 4px 8px !important;}
  .b2c-class .langHeader select {padding: 7px 32px 6px 10px;font-size: 10px !important;}
}

:root{
  --theme-primary:#000!important;
}
pagination-template{padding: 0!important;}
.pagination{background: none!important; position: fixed; bottom:0; right: 20px; padding: 0!important; margin: 20px 0!important; justify-content: flex-end!important; width: 100%!important; border-top: none!important;}
.pagination div{border: 1px solid rgba(0,0,0,0.1);}
.pagination .current .paginate_button.page-item .page-link{background-color: #000!important; color: #fff; border-radius: 0!important;}
.pagination  .page-link{cursor: pointer; display: inline-block; padding: 5px 10px; line-height: 20px;}
/* app-downlist-search-user .admin_balance ul li{width: 20%;} */
app-downlist-search-user .admin_balance ul li .searchres{ margin-right: 15px;}
.dashboardMng-fixed-bottoms {display: flex;align-items: center;padding: 0 10px 12px;position: absolute; z-index: 99; width: 100%;bottom: 0;}
.modal .dashboardMng-fixed-bottoms{justify-content: flex-end; z-index: 0;}


#welcomBannerCoinslider input.slider {min-height: auto !important;}  
@media(max-width:1499px){
  .admin_header .bottom_header ul li .webmenu a{padding: 10px 5px!important;}
}
.d1-display-block{display: block;}
.d1-position-relative{position: relative;}
#welcomBannerCoinslider input.slider {min-height: auto !important;}
#rollingHistory .modal-dialog .modal-content {max-width: 950px;}
.d1LoaderScrollNone{left: 0;} 
#welcomBannerCoinslider input.slider {min-height: auto !important;} 


.d1AllInputForms .modal-body {padding: 20px !important;}
.d1AllInputForms .labelStyle2 {margin-bottom: 3px; font-weight: normal; color: #3d3d3d; display: block;}
.d1AllInputForms .modal-footer {padding: 0px 20px 20px;}
.d1AllInputForms .form-control {border: solid 1px #d3d3d3; padding-right:16px;}
.d1AllInputForms .modal-footer {justify-content: flex-end;}
.d1AllInputForms .fs-14Label{font-size: 14px;}
.d1AllInputForms .form-group { position: relative; margin-bottom: 18px;}
.d1AllInputForms .validation-message {position: absolute; margin-top: 2px;}
.paymentIconSvg svg {margin-right: 5px;} 
#suspisiousBet .gamelist{background-color:var(--main-color) !important;}
#suspisiousBet{overflow-y: auto !important;} 
li.right-sideFilters .text-rightst .columnLi .dropdown-text.multiscelrt {height: 29px; border-radius: 4px;}
.langHeader select {
  background: none;border: solid 1px var(--maindark); color: #fff; line-height: 24px;
  appearance: none;-webkit-appearance: none;padding: 6px 34px 6px 10px;border-radius: 4px; text-transform: uppercase;
  border-right: 0; position: relative;z-index: 1; cursor: pointer;font-weight: 600;
}
span.expText {font-size: 10px;}
.english span.expText{font-size: 12px;}
.tamil span.expText{font-size: 9.5px;}
.apkBox .sepraterLineBtn {margin: 0 15px 0 0px;}
.tamil div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:last-child li{font-size: 11px !important; padding: 16px 7px !important;}
.navbar span.blink_me {position: absolute; z-index: 1;}
@media(max-width:1499px){
  .admin_header .bottom_header ul li .webmenu a{padding: 10px 5px!important;}
  .apkBox .sepraterLineBtn {margin: 0 5px 0 0px;} 
  .b2c-class  .navbar ul.nav.navbar-left .completer-holder .completer-input { width: 195px;}
  .b2c-class  .navbar ul.nav.navbar-left  .completer-dropdown-holder .completer-dropdown {width: 195px !important;}
  .tamil button.depositclass.fillRedBtn {padding: 6px 6px; font-size: 12px;}
  .tamil span.expText{font-size: 8px;}
  
}
.activity-log-text-2{color: #000 !important;}
#rollingHistory button.close.close-btn {
  color: #fff;
}
.header-front-search-filter{display: flex; align-items: center; gap: 0 10px;}
.apkBox a{padding: 10px;}
.hideapk{
  display: none;
}

.Jaydevbooks_20230786 .login-panel .main .icon-login{width: 100px; margin: 0 auto;}
.Jaydevbooks_20230786 .login-panel .main .icon-login img{ width: auto;}

.Jaydevbooks_20230786 .loginlogo{
  margin-left: 100px;
}

.spaceTop.row {margin-bottom: 50px;}
.sepraterLineBtn::before {width: 1.5%; height: 100%;position: absolute; background: #fff;top: 0%;right: -9px; content: "";}
.sepraterLineBtn{position: relative; margin: 0 15px 0 0px;}
.apkButton.btn {background: #606060 !important; color: #fff; font-weight: 600; padding: 6.5px 12px; position: relative;}
.apkButton.btn span { margin-right: 7px;}
.mainheadeing .navbar-right .apkLiSportPg {padding: 0 0px 0 0px !important; margin-left: 0px !important;}
.mainheadeing .navbar-right .apkLiSportPg .btn.apkButton:hover {background: #606060 !important;}
app-d1-casino-header .loginbox {  margin-left: 14px;}
app-d1-header .apkBox.apkBox{padding-left: 3px;} 
/* app-d1-header li.apkLiSportPg {
  margin-right: 13px !important;
} */
div[header] div[headerBg] .navbar .signupheader .login1.fillLogin, .navmain .loginbtn.fillLogin {
  background: var(--maindark) !important;
}
.apkLiSportPg .apkButton.sepraterLineBtn::before {right: -12px;}

.login1 .fillLogin > div {font-weight: bold !important;}
.isLogin .sepraterLineBtn::before{display: none;}
app-d1-casino-header .apkBox.isLogin .apkButton.sepraterLineBtn {margin: 0px; top: 0; padding: 6px 12px;}
app-d1-casino-header .apkButton.sepraterLineBtn {top: -2px; margin-right: 4px;}
app-d1-casino-header .apkButton.sepraterLineBtn::before {right: -10px;}
a.login1.fillLogin div {font-weight: 600 !important;}
.isSportsbookSuperMarginBtn {margin-bottom: 50px;}
/* ============ D1 B2C CSS START ============== */


/* ============ D1 B2C CSS END ============== */

.ifream{height: calc(100vh - 185px)!important;}
.d1-customTableAll {box-shadow: 0px 4px 10px rgba(33, 57, 75, 0.2); -webkit-box-shadow: 0px 4px 10px rgba(33, 57, 75, 0.2);  border-radius: 8px;  background: #fff;}
.allThpageTitless {color: #000; font-size: 18px;}

/* =========== VERTICAL IMAGES START  =========== */

.verticalImgMain .matos {width:14.2% !important;}
.verticalImgMain .matos .imagwitex > img {max-width: 100%;}

@media(max-width:1600px){
  .verticalImgMain .matos {width: 12.5% !important;}
  .gameDummyBox div {height: 166px; width: calc(12.5% - 14px) !important;}
}


/* =========== VERTICAL IMAGES END  =========== */

.Namo247_20230730 app-player-signup .signupB2cDesign .modal-content .downline-heading img { width: 140px; margin-top: -10px; }
.Namo247_20230730 .navbar-header img { margin-top: 9px !important; width: 88px !important; }
app-d1-header .navbar-header { height: 68px !important; display: flex; align-items: center; justify-content: space-between; }
app-d1-header .navbar-header img { margin-top: 0 !important; }
app-d1-header .navbar-header i.menubarmw { margin-right: 0; margin-top: 0; }
app-d1-casino-header .navbar-default .navbar-brand { padding: 0; max-width: 250px; }
app-d1-casino-header .navbar-default .navbar-brand img { margin: 0 !important; width: 100% !important; object-fit: contain; }
.demodeposit {min-height: 100vh;}
.demodeposit button {background: var(--maindark);}

.langHeader i.fa {
  position: absolute;background: var(--maindark);height: 100%; width: 26px; right: 0; 
  border-bottom-right-radius: 4px;border-top-right-radius: 4px; font-size: 21px; padding: 8px 6px; color: #fff;
}
app-d1-header li.langHeader.languageLi {margin-right: 12px !important;}

.langHeader select option {color: #000;}
/* .langHeader {margin-right: 15px;} */
div[header] div[headerBg] .navbar.navbar-fixed-top .header-front-search-filter li {margin-left: 6px !important;}
.langHeader.languageLi.sportLogin select {height: auto !important;}
.isLoginFixedSidebar .langHeader {padding-top: 0px !important;}
.isLoginFixedSidebar .langHeader i.fa.fa-caret-down {height: auto;}
.add-new-member-modal-style .errorMa {
  font-size: 11px !important;
}

app-d1-header .langHeader i.fa.fa-caret-down{padding: 8px 6px;} 
.profile-panel .change-password-box span.errorMa {font-size: 11px;}

.Venkateshwarbook_20230845 .login-panel .main .icon-login img {
  width: 118px;
  margin-top: -10px;
}
.Venkateshwarbook_20230845 app-d1-header .navbar-header img {
  width: 76px !important;
}




.recent-searches p{ 
  padding: 5px 10px!important;
  font-size: 10px!important;
  border-bottom: 1px solid #000!important;
  color:#343434;
  font-size: 14px!important;

}

.recent-searches {
  border: 1px solid #ccc;
  padding: 5px;
  background: #fff;
  position: absolute;
  width: 300px;
  max-height: 300px;
  overflow-y: auto;
  z-index: 1000;
  top: 70px !important;
  border-radius: 10px;
}

.recent-searches ul {
  list-style: none;
  padding: 0;
  margin: 0;
  
}

.recent-searches ul li {
  cursor: pointer;
  padding: 5px 10px!important;
  color: #505050!important; margin: 0!important;
  font-size: 12px!important; display: flex; justify-content: space-between; align-items: center;
}

.recent-searches li:hover {
  background-color: #afddf7;
}
.recent-searches li .sNameTX{flex:auto}
.recent-searches li .closeB{padding: 0 5px;}
.mainheadeing .recent-searches {top: 50px !important;}

.mainheadeing .recent-searches ul li{font-size: 12px!important;}
.mainheadeing .recent-searches ul li span{font-size: 12px;}
nav.navbar .completer-dropdown-holder .completer-dropdown{width: 300px !important;}
nav.navbar .completer-dropdown-holder .completer-dropdown .completer-row{width: 100%;}
.navbar-fixed-top .completer-dropdown-holder .completer-dropdown {color: #000;}
.Mydream247_20230855 app-d1-header .navbar-header img {
  width: 127px !important;
}

.forcetoM{margin: 30px 0 0;}
/* .copyRow{margin: 28px 0 0 0;} */
.withCopyBtn{display:flex; justify-content: space-between; align-items: center;}
.toolText{font-size:12px; position: absolute; left: 50px; bottom: -5px;}
.forSave{display: flex; justify-content: flex-end; flex:auto}

.Paradiseexch_20230254 app-player-signup .signupB2cDesign .modal-content .downline-heading img { width: 140px; margin-top: -10px; }
.Paradiseexch_20230254 .login-panel .main .icon-login img {
  width: 85px;
}
.Paradiseexch_20230254 app-d1-header .navbar-header img {
  width: 64px !important;
}
.Vipexch_20230860 app-d1-header .navbar-header img {
  width: 64px !important;
}
.designdeposit .resenOtpdBtn {background: var(--main-color);  color: #fff;}

  .refreshRow{padding:0;}
.dummyPM-Row{position: relative;}
.dummyPM-Row .lockRow{position: absolute; display: flex; justify-content: center; gap: 5px 0; align-items: center; flex-direction: column; top: 0; left: 0; right: 0; width: 100%; height: 100%;}
.dummyPM-Row .lockRow .toPlay{padding: 10px 15px; border-radius: 5px; background: var(--maindark); color: #fff; border: none; display: inline-block; font-size: 14px; font-weight: 600; text-transform: uppercase; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);}
.dummyPM-Row .lockRow .fa{font-size: 28px;}
.premiumDummy{margin: 10px 0 0; filter: blur(3.5px);}
.premiumDummy h3{font-size:16px; color: #000; margin:5px; font-weight: 800;}
.premiumDummy ul{box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.7); border-radius: 5px; margin: 0 3px 15px}
.premiumDummy li{border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 1px 5px; display: flex; align-items: center;}
.premiumDummy li h6{width: 67.2%;}
.premiumDummy li h6 span{display: block;}
.premiumDummy li:last-child{border-bottom: none;}
.premiumDummy li .mthOdd{width: 248px; height: 43px; border-radius: 4px; background: #a4d6fd; display: flex; justify-items: center; justify-content: center;}
.premiumDummy li .mthOdd span{margin: 12px 0;}


.filter_search .fa-cloud-upload { margin-top: 0.25rem; }
.transection-custom-css .modal-header .close, .upload-pdf-css .modal-header .close { margin-top: 2px; color: #fff; opacity: 1; }
.transection-custom-css td, .transection-custom-css th { padding: 0.55rem 1rem; text-align: left; border: 1px solid #dddddd; }
.upload-container { border: 1px solid #ddd; border-radius: 10px; padding: 5px 20px 20px; width: 100%; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background: #fff; }
.upload-container h2 { margin-bottom: 1.5rem; font-size: 2.3rem; color: #333; }
.upload-container .drag-drop { border: 2px dashed #0073e6; border-radius: 8px; padding: 15px; margin-bottom: 20px; background: #f1f9ff; }
.upload-container .drag-drop p { margin: 0; font-size: 14px; color: #0073e6; font-weight: bold; }
.upload-container .drag-drop span { display: block; margin: 8px 0;  font-size: 12px;  color: #555; }
.upload-container .browse-btn { padding: 8px 15px; border: 1px solid #0073e6; background: #fff; color: #0073e6; font-size: 15px; cursor: pointer; border-radius: 5px;overflow: hidden;}
.upload-container .browse-btn:hover { background: #0073e6; color: #fff; }
.upload-container .select-bank { margin-bottom: 20px; text-align: left; }
.upload-container .select-bank label { font-size: 14px; font-weight: bold; color: #333; }
.upload-container #bank-name { width: 100%; padding: 8px; margin-top: 5px; font-size: 14px; border: 1px solid #ddd; border-radius: 5px; background: #fff; color: #333; }
.upload-container .upload-btn { width: 100%; padding: 10px 0; border: none; background: var(--maindark); color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px;  cursor: pointer; }
.upload-container .upload-btn:hover { opacity: 0.8; background: var(--maindark); }
.upload-container .upload-btn.secoundry { margin-bottom: 10px; background: #000; }
.upload-pdf-css .modal-dialog .modal-content { width: 575px; }

.maincardss, .bet-slip-container{height:calc(100vh - 65px)!important;}
.streamingRow{margin:20px 24px 20px; padding: 0 0 10px; position: sticky; top:20px; z-index: 9; background:#fffff9;}
.embed-responsive{border-radius: 5px 5px 0 0;}
.info-icon{position: absolute; z-index: 11; right: 28px; top: 8px; cursor: pointer; font-size: 18px;}
.info-icon i{color: #000;}
.ballBanner{position: relative; border-radius: 5px 5px 0 0; overflow: hidden; border: 1px solid rgb(0, 0, 0, .2);  border-bottom: 0;}
.ballBanner img{width: 100%;}
.ballBanner .scoreBall{position: absolute; z-index: 999; width: 100px; height: 100px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ballBanner .scoreBall img{max-width: 100%;}
.ballBanner .scoreBall .scoreRes{color: #fff; position: absolute; text-align: center; font-size: 26px; font-weight: 600; width: 100px; height: 100px; display: flex; justify-content: center;  align-items: center;}
.roundId{width: 100%; background: var(--main-color); padding: 5px 10px; margin: 0; color: #fff; border-radius:0 0 5px 5px;}
.lastResult{width: 100%;}
.lastResult .headingText{background: var(--main-color); color: #fff; text-transform: uppercase; border-radius: 5px 5px 0 0; padding: 12px 10px; font-size: 14px; font-weight: 600; margin: 0 0 15px;}
.lastResult ul{display: flex; flex-wrap: wrap; gap: 8px;}
.lastResult li{width: 8.7%; height: 35px; background: #000; cursor: pointer; color: #fff; font-weight: 600; font-size: 14px; border-radius: 5px; padding: 5px; display: flex; justify-content: center; align-items: center;}
.centermmbox .lastResult li{width:8.7%;}
.ballByRow{margin: 10px 24px 0;}
.ballByRow ul{display: flex; flex-wrap: wrap; gap:10px;}
.ballByRow li{width: 32%; display: flex; justify-content: space-between; align-items: center; border-radius: 5px; background: #fff; padding: 5px; border: 1px solid rgba(0, 0, 0, 0.1);  position: relative;}
.ballByRow h4{font-size: 14px; font-weight: 500; color: #000; margin: 0;}
.ballByRow h4 span{display: flex; gap: 0 3px; font-size: 10px;}
.ballByRow .oddsBox{display: flex; align-items: center; gap:0 10px; position: relative; width: 50%;}
.ballByRow .ballOdds{background: #b2defd; cursor: pointer; padding: 3px; border-radius: 4px; height: 35px; width: 50%; font-weight: 600; color: #000; display: flex; justify-content: center; align-items: center;}
.ballByRow .minMaxCell{width: 45%;height: 35px; display: flex; justify-content: center; flex-direction: column; }
.ballByRow .minMaxCell span{display: block; font-size: 10px;}
.ballByRow .suspended{display: flex; justify-content: center; align-items: center; height: 45px; font-weight: 600; padding-top: 0!important; color: #fff!important;}
.timerBox {position: absolute; width: 100px; height: 100px; left: 20px; top:20px}  
.timerBox .circle {width: 100%; height: 100%; background: #fff; border: 10px solid #ddd; border-top: 10px solid #4caf50; border-radius: 50%; animation: countdown 15s linear infinite;}
.timerBox .half-time {border-top: 10px solid #ff5722; /* Change the color after half time */}  
.timerBox .countdown {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2em; font-weight: bold; color: #333;}
.no-animation {animation: none;}
#ballbyball .modal-header{display: flex; justify-content: space-between;}
#ballbyball .modal-body{padding: 0; background: #000;}
#ballbyball .modal-header h4{width: 100%; text-align: center;}
#ballbyball .modal-header .close{color: #fff;}
#ballbyball .modal-footer p{margin: 0;}
@keyframes countdown {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  #videoFrame{position: absolute; z-index: 9;}
  video#videoFrame{width: 100%!important; height: 100%!important; background: #000;}
.dummyEventMain .ballBanner{padding-bottom: 59%; background:rgba(0,0,0,0.2);  border-radius: 5px;  border-color: transparent;}

.dummyEventMain .lastResult li{animation: gradient 2s linear infinite;
    background-image: linear-gradient(120deg,rgba(255,255,255,0.8),rgba(255,255,255,0.6),rgba(255,255,255,0.6),rgba(255,255,255,0.8));
    background-size: 300% 100%;}
    @keyframes gradient {
        0% { background-position: 100% 0%;}
        100% { background-position: 0% 0%;}
      }
      
      .ptRate.riskusercount strong {font-size: 40px !important; font-family: 'scoreboard'; font-weight: 400 !important; padding: 0px !important;  background: transparent !important;   color: #333 !important;}
app-premium-market-analysis .wrapper_dashboardrisk .maincardss {margin-top: 10px;}



    .filter_search.filter_by_date #dateRange { margin-right: 0;; }
    .filter_search.filter_by_date { margin-left: 0 !important; }
    .custom-push-notification img { max-width: 100%; width: 100%; height: auto; }
    .custom-push-notification .bttn { margin-top: 30px; text-align: right; }
    .custom-push-notification .modal-body { padding: 15px 5px; overflow: hidden; }
    .custom-push-notification .note { font-size: 11px; }
    .custom-push-notification .form-group { margin-bottom: 27px; }
    .custom-push-notification .view { position: relative; }
    .custom-push-notification .overlay { padding: 10px 13px; width: 100%; min-height: 170px; position: absolute; bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .custom-push-notification .view h5 { font-weight: bold; width: 100%; margin-top: 0; margin-bottom: 2px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; width: 99%; white-space: nowrap; display: block; }
    .custom-push-notification .view span { font-size: 12px; text-overflow: ellipsis; overflow: hidden; width: 99%; white-space: nowrap; display: block; }
    .custom-push-notification .inital-view { width: 67%; }
    .custom-push-notification .image { width: 30%; }
    .custom-push-notification .expanded { width: 100%; }
    .custom-push-notification .image img { width: 100%; }




@media (max-width:1699px) {
    .lastResult ul{gap: 6px;}
}
@media (max-width:1499px) {
    .lastResult li{width: 14%;}
    .centermmbox .lastResult li {width: 8.5%;}
    .lastResult .headingText {margin: 0 0 12px;}
}
@media (max-width:1399px) {
    .ballByRow li{width: 31%;}
    .ballByRow .oddsBox{width: 60%;}
}
@media (max-width:1299px) {
    /* .lastResult li{width: 16.8%;} */
    .centermmbox .lastResult li, .lastResult li {width: 8%;}
}
.betListTableHeight .ngx-datatable {height: calc(100dvh - 258px) !important;}

@media(max-width:767px){
  .ptRate.riskusercount strong {font-size: 36px;}
  .upload-container h2 { font-size: 2rem; }
  .filter_search .fa-cloud-upload { font-size: 2.5rem !important; }
  .upload-container .browse-btn { font-size: 14px; }
  .transection-custom-css td, .transection-custom-css th { font-size: 14px; }
  app-admin-newcasino-management .ml-2 .form-control { width: 115px; }
  .transctionTable{height: calc(100dvh - 260px) !important;}
  .refreshRow{padding:0;}
  .adminTableBreadCrumb .filters {margin-top: 0 !important;}
  .adminTableBreadCrumb, .admin-excess-mng.container-main-balance {margin-top: 90px !important;}
  .admin-excess-mng .dashboard.dashboard-bg {margin-top: 0 !important;}
  .admin-excess-mng .carddbox{width: 94% !important;}
}

.bet-slip-container .bet-info .available-bets .lay-container .lay-team .lay-team-heading{overflow: inherit!important;}
.bet-slip-container .bet-info .available-bets .lay-container .lay-team .lay-team-heading p{line-height: 12.5px; text-wrap: wrap;}

.Playstar365_20230884 div div .navbar-header img {
  width: 128px !important;
}


.casinoGameRow{background: #000}
.pokerVirtual{position: relative; width: 1020px!important; height: 100%; margin: 0 auto; display: block;}
@media (max-width: 1399px) {  
	.pokerVirtual{width: 420px!important;}
}
@media (max-width: 1024px) {
	.pokerVirtual{width: 100%!important;}
}
.dashboard .accordian-menu .pinned:hover * .hoverFillIcon path, .accordian-menu .pinned.active * .hoverFillIcon path,
 .games > li > a:hover * .hoverFillIcon path {fill: #fff !important;}

.Majesticcasinos247_20230904 div div .navbar-header img {
  width: 135px !important;
}

.match_card .card .teams { flex-wrap: wrap;}
.match_card .wrapper_card .card .teams p {display: block;   width: 100%;}


.hideOwnerInfo{
  display: none!important;
  text-decoration: none;
}
.expounderline{
  text-decoration: underline!important ;
}
.custom-on-off { position: relative; }
.custom-on-off .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1.125rem; height: 1.15969rem; opacity: 0; }
.custom-on-off .custom-control-label:before { content: ''; position: absolute; top: 0.03469rem; left: -2.46875rem; width: 32px; height: 18px; pointer-events: all; border-radius: 10px; background-color: #fff; border: #adb5bd solid 2px; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
.custom-on-off .custom-control-label:after { content: ''; position: absolute; top: calc(0.03469rem + 4px);  left: -20px; width: 10px; height: 10px; border-radius: 0.5625rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
 background-color: #adb5bd; }
 .custom-on-off .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #0c86cc; background-color: #0c86cc; }
.custom-on-off .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; }
.custom-on-off .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; -webkit-transform: translateX(0.84375rem); transform: translateX(0.84375rem); }
.custom-on-off .custom-control-input:checked ~ .custom-control-label::after { left: -15px; background-color: #fff; }
#casino-provider-modal .modal-header, #casino-game-modal .modal-header { display: flex; justify-content: space-between; }
#casino-provider-modal .modal-header:before, #casino-provider-modal .modal-header:after,  #casino-game-modal .modal-header:before, #casino-game-modal .modal-header:after { display: none; }
#casino-provider-modal .modal-dialog, #casino-game-modal .modal-dialog { margin: 2.75rem auto; }
#casino-provider-modal .modal-sm { max-width: 100%; width: 400px !important; }
#casino-provider-modal .custom-file { padding: 0.8rem 1rem !important; margin-top: 15px; border: 1px solid #dee2e6; font-size: 13px; position: relative; }
#casino-provider-modal .modal-footer { justify-content: flex-end; }
#casino-provider-modal .modal-body { padding-bottom: 0; }
#casino-provider-modal .form-label { margin-bottom: 12px; font-size: 15px; }
#casino-provider-modal .upledeimg  { padding: 0 4px; background: #000; }
.custom-casino-management .fa-eye { margin-right: 0.45rem !important }
.custom-casino-management { padding: 10px 15px 0 !important; }
.custom-casino-management .editCol { margin-left: 5px; }
.custom-casino-management .edit-input { display: flex; align-items: center; float: right; }
.custom-casino-management .height-22 { max-width: 135px; }
.filter_search.main-downlinelisting-2-container  { margin-top: 12px !important; }
.filter_search.main-downlinelisting-2-container .right { display: flex; }
.filter_search.main-downlinelisting-2-container .left { width: 100%; justify-content: space-between; }
.custom-title-heading { padding: 5px 20px; }
.casino-management-filter .backBtn { padding: 6px 10px; color: #fff; border-radius: 8px; margin-right: 6px; background-color: #000; }
.casino-management-filter .search .form-control { margin-right: 10px !important; }
#casino-game-modal .upledeimg { max-width: 155px; background: #000; }
#casino-game-modal .custom-file { padding: 0.8rem 1rem !important; margin-top: 15px; border: 1px solid #dee2e6; font-size: 13px; position: relative; }
#casino-game-modal .custom-file .inputfite, #casino-provider-modal .custom-file .inputfite { position: absolute; top: 0; width: 100%; height: 100%; background: transparent; color: #fff; font-size: 0; opacity: 0; left: 0; }

#casino-game-modal .modal-footer { justify-content: flex-end; border-top: 1px solid rgba(0, 0, 0, 0.1); }
#casino-game-modal .modal-sm { max-width: 100%; width: 490px !important; }
#casino-game-modal .form-label { margin-bottom: 6px; font-size: 15px; }
#casino-game-modal .form-group { margin-bottom: 20px; }
#casino-game-modal .form-control { height: 42px; border-radius: 8px; }
.custom-casino-management .custom-on-off { margin-right: 7px; }
.custom-chose-btn { font-weight: 700; background-color: #0c86cc; color: #fff; cursor: pointer; }
#ballbyballRules .modal-body h4 { font-weight: 600; color: #000;}
#ballbyballRules .modal-dialog {min-height: 100dvh;}
#ballbyballRules .popimgcoin{margin: 0;} 
.sidebar-content-wrapper ul.card-listing li .card-box > .blue {overflow: hidden;}
.adminTableBreadCrumb{height: auto !important;}
.adminTableBreadCrumb .pb-32{padding-bottom: 0;}
.adminTableBreadCrumb .ngx-datatable {height: calc(100dvh - 230px) !important;}
.adminTableBreadCrumb .activity-log-box.titlebar-style {padding-top: 0;}
.adminTableBreadCrumb.container-main-activitylog .balance-status{padding-bottom: 0; border-radius: 0;}
.adminTableBreadCrumb.container-main-profit-loss .userprofile-text-2{margin: 0 !important;}
.adminTableBreadCrumb .document_button{height: auto !important;}
.fancyMainDiv .sidebar-content-wrapper ul.nav.nav-tabs{margin-top: 10px;}
.fancyMainDiv .sidebar-content-wrapper{padding-top: 20px;}
.tableWithHeading .ngx-datatable{height: calc(100dvh - 175px) !important;}
.admin-ice-h-auto{height: auto !important;}
.ice-bg-none{background: transparent !important;}
/* app-ggr-category .adminTableBreadCrumb .ngx-datatable {height: calc(100dvh - 185px) !important;} */
@media(max-width:767px){
  /* .ice-ngx-table-sticky .datatable-body .datatable-row-right.datatable-row-group {right: -2px !important;} */
  app-ggr-report-admin h3.userprofile-text-2 {margin-top: 0;}
  .isLoginAgentMaster > .ngx-datatable.ifNotCheatTable {height: calc(100dvh - 250px) !important;}
  .ngx-datatable.ifCheatTable {height: calc(100dvh - 232px) !important}
  .ngx-datatable.ifNotCheatTable {height: calc(100dvh - 375px) !important;}
  .tableMobileSignleFilter > .ngx-datatable {height: calc(100dvh - 210px) !important;}
  .adminTableBreadCrumb .ngx-datatable{height: calc(100dvh - 200px) !important;}
  .tableMobileDoubleFilter .ngx-datatable {height: calc(100dvh - 245px) !important;}
  .banking-mobile-text-center{text-align: center !important;}
  .filter_by_page, .filter_by_page button{margin-left: 5px!important;}
}
@media(max-width:420px){
  .ngx-datatable.ifNotCheatTable {height: calc(100dvh - 380px) !important;} 
}
@media(max-width:375px){
  .ngx-datatable .datatable-footer .datatable-footer-inner div.filter_by_page input{width: 40px!important;}
}
@media(max-width:420px){
  .ngx-datatable.ifCheatTable {height: calc(100dvh - 268px) !important}
}
.tabconta .fancy_bets .wrapper_fancy-bets .card_fancy .advantages{border-bottom: none!important;}
.tabconta .fancy_bets .wrapper_fancy-bets .card_fancy .advantages .text.textwith{position: relative;}
/* .tabconta .fancy_bets .wrapper_fancy-bets .card_fancy .advantages .text.textwith marquee{margin: 5px 0 0;} */
.tabconta .fancy_bets .wrapper_fancy-bets .card_fancy .advantages .text.textwith marquee{display: none;}
.tabconta .fancy_bets .wrapper_fancy-bets .card_fancy .advantages:first-child .text.textwith marquee{display: block;}
.tabconta .fancy_bets .wrapper_fancy-bets .card_fancy .advantages .text.textwith span{position: relative; top: 5px;}
.tabconta .fancy_bets .wrapper_fancy-bets .card_fancy .advantages .text.textwith p{margin: 10px 0 0!important;}
.tabconta .fancy_bets .wrapper_fancy-bets .card_fancy .advantages .text.textwith span i{margin-left: 5px; position: relative; top: 5px;}
.tabconta .fancy_bets .wrapper_fancy-bets .card_fancy .advantages:hover{border-left: solid 5px transparent!important;}
.tabconta .fancy_bets .wrapper_fancy-bets .card_fancy .advantages:first-child:hover{border-left: solid 5px var(--maindark) !important;}

.Namoexchange_20230730 .mainheadeing .navbar-header img {
  width: 101px !important;
}
.Namoexchange_20230730 .singpopup .downline-heading img {
  width: 30%;
}
.modal-content, .modalppppp{border: 1px solid rgba(255,255,255,0.2)!important; border-radius: 10px!important;}
.bet-slip-container{padding:0 0 0 10px!important; margin-top: 115px!important; height:calc(100vh - 120px)!important;}
.margintopplayar .maincardss{height:calc(100vh - 120px)!important;}
.margintopplayar .maincardss.ballByBallMainDiv{height:calc(100vh - 70px)!important;}
.margintopplayar .bet-slip-container{margin-top: 0!important; padding:0 11px 0 0!important; height:calc(100vh - 65px)!important;}
.payment-confirmation .notification-box{display: flex; align-items: center; min-height: 40px;}

.ice-admin-filter-area .ice-admin-input {padding: 8px 12px;  border-radius: 8px; background: rgba(58, 95, 112, 0.1);  border-width: 1px; min-width: 240px;}
.ice-admin-filter-area {display: flex;  background: #fff; padding: 10px; margin-bottom: 12px; overflow-x: auto;  white-space: nowrap; align-items: center;}
.ice-admin-filter-area .ice-filterSearch { position: relative;}
.ice-filterSearch .fa {position: absolute;  right: 10px;  top: 11px; cursor: pointer;}
.ice-admin-filter-area .form-control, .ice-admin-filter-area .btn-primary {min-height: 38px;}

.withoutngxTableIce thead {position: sticky;  top: 0;  background: #dddddd;   z-index: 9;}
.withoutngxTableIce thead th, .withoutngxTableIce td {font-size: 13px;color: #000;  font-weight: 400; vertical-align: middle !important;   padding: 8.5px 12px;}
.withoutngxTableIce table tbody tr:nth-child(even) {background: #dfdde0;}
.withoutngxTableIce table tbody tr:nth-child(odd) {background: #fff;}
.withoutngxTableIce .small-table-btn {padding: 4px 8px !important; font-size: 12px !important;}
.premiumMainStyle .ice-admin-filter-area strong {font-size: 16px;}
.settle-ptemimummktLi{float: right !important; padding: 4px 20px 0 0;}
@media(max-width:767px){
  .bet-slip-container{ margin-top: 5px!important;}
  .premiumMainRow.premiumMainStyle{margin: 60px 12px !important;}
  .premiumMainStyle .ice-ml-16 {margin-left: 10px !important;}
  .premiumMainRow.premiumMainStyle .no-market-container {height: 300px !important;}}
.maidiv.userCountStyle {padding-top: 30px;}
.maidiv.userCountStyle div.ptRate.riskusercount { top: 0px !important; left: 53px !important;}
@media(max-width:767px){
  .bet-slip-container{ margin-top: 5px!important;}
  .maidiv.userCountStyle div.ptRate.riskusercount {top: 0px !important; left: 15px !important;}
  .maidiv.userCountStyle {padding-top: 70px !important;}
.maidiv.userCountStyle .ptRate {top: 46px !important;}
}
.headgameNav{clear: both; border-top:2px solid var(--casino-color); border-bottom:2px solid var(--casino-color);}
.headgameNav ul{display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; overflow-y: hidden; }
/* .headgameNav ul::-webkit-scrollbar{display: none;} */
.headgameNav ul li{position: relative;}
.headgameNav ul li::before{content: '|'; position: absolute; left: 0; top: 7px; font-size: 24px; color: #fff;}
.headgameNav ul li:first-child:before{display:none;}
.headgameNav ul li a{display: flex; align-items: center; gap: 0 8px; padding:15px 20px;}
.headgameNav .gmIcon{width: 15px; height: 22px;}
.headgameNav .gmIcon img{max-width: 100%;}
.headgameNav .gmIcon svg{fill: #fff;}
.headgameNav .gmText{font-size: 16px; font-weight: 700; color: #fff;}

.dummyGameNav{display: flex; justify-content: center; gap: 0 15px;}
.dummyGameNav .dummyText{ margin: 4px 0; height: 15px; width: 65px;}
.dummyText{width: 60px; height: 10px; animation: gradient 1s linear infinite; background-image: linear-gradient(120deg,rgba(255,255,255,0.1),rgba(255,255,255,0.3),rgba(255,255,255,0.1),rgba(255,255,255,0.3)); background-size: 300% 100%;  border-radius: 10px; display: block; margin: 0 0 15px 15px;}
/* ===== D1 BETSLIP OVERLAP ===== */
.bet-slip-container .bet-info .available-bets .lay-container .lay-team .lay-team-heading p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;  line-clamp: 2; -webkit-box-orient: vertical;}
.bet-slip-container .text-right.text-bottom-betslip {align-self: end; padding-left: 0;}
/* ===== D1 BETSLIP OVERLAP END ===== */
/* ===== D1 BETSLIP OVERLAP END ===== */
.bookmakerheading1 {margin-left: 24px;  font-size: 16px;  color: #000; font-weight: 900;}

.ball-bookMaker{margin: 20px 24px 0;}
.ball-bookMaker .bookHead{display: flex; justify-content: space-between; align-items: center; margin: 0 0 12px;}
.ball-bookMaker .bookHead h3{flex: 0 0 50%; font-size: 16px; font-weight: 900; color: #000; margin: 0;}
.ball-bookMaker .bookHead ul.backlayText{flex: 0 0 50%; display: flex; justify-content: center; margin: 0;}
.ball-bookMaker .bookHead ul.backlayText li{width: 20%; text-align: center; font-size: 14px; color: #000;}
.ball-bookMaker .bookmarBox{background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, .2); border-radius: 5px; margin:0 0 5px;}
.ball-bookMaker .bookEvent{display: flex; justify-content: space-between;}
.ball-bookMaker .bookeventName{padding: 2px 10px; flex: 0 0 50%;}
.ball-bookMaker .bookeventName span{display:block;}
.ball-bookMaker .bookOddvalue{flex: 0 0 50%; display: flex; justify-content: center; align-items:center; gap:2px; position: relative;}
.ball-bookMaker .bookOddvalue li{flex: 0 0 16.4%; cursor: pointer; border-radius: 4px; height: 42px; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 700;}
.ball-bookMaker .back{background: #b2defd;}
.ball-bookMaker .lay{background: #f8c7d2;}
.ball-bookMaker .back-light, .ball-bookMaker .lay-light{opacity: 0.3;}
.ball-bookMaker .suspended-BM{background: rgba(0, 0, 0, .25); color: #fff; margin: 0; height: 42px; font-weight: 600; font-size: 14px; text-transform: uppercase; border-radius: 4px; width: 100%; position: absolute; z-index: 9; display: flex; justify-content:center; align-items: center;}
@keyframes smooth-blink {0%, 100% { opacity: 1;} 50% {opacity: 0;}}
.blink-animate {animation: smooth-blink 1s infinite;}