@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=Poppins:wght@100;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,900&display=swap');

@font-face {
  font-family: "BrandonGrotesque-Bold";
  src: url("../fonts/BrandonGrotesque-Bold.eot");
  src: url("../fonts/BrandonGrotesque-Bold.eot") format("embedded-opentype"), url("../fonts/BrandonGrotesque-Bold.woff2") format("woff2"), url("../fonts/BrandonGrotesque-Bold.woff") format("woff"), url("../fonts/BrandonGrotesque-Bold.ttf") format("truetype"), url("../fonts/BrandonGrotesque-Bold.svg") format("svg");
}


@font-face {
  font-family: radikal;
  src: url("../radikal/RadikalBold.ttf");
  font-weight: bold;
}

@font-face {
  font-family: radikal;
  src: url("../radikal/RadikalW03Black.ttf");
  font-weight: Black;
}

@font-face {
  font-family: radikal;
  src: url("../radikal/RadikalW03Light.ttf");
  font-weight: light;
}

@font-face {
  font-family: radikal;
  src: url("../radikal/RadikalW03Regular.ttf");
  font-weight: 300;
}


@font-face {
  font-family: radikal;
  src: url("../radikal/RadikalW03Thin.ttf");
  font-weight: thin;
}




body {
  /* font-family: radikal !important; */
  font-family: 'Poppins', sans-serif!important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  margin: 0;
  overflow-x: hidden;
  width: 100%;
  counter-reset: my-sec-counter;
   font-weight: 300;
}

header,
footer,
section {
  display: block;
}

ul {
  list-style: none;
  margin-bottom: 0px;
  padding-left: 0px;
}
ul li {
  display: inline-block;
}
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-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;
}

/*
	App Sprite
--------------------------- */
/* ----- Search bar----- */
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/icomoon.eot?i02qun");
  src: url("../fonts/icomoon/icomoon.eot?i02qun#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?i02qun") format("truetype"), url("../fonts/icomoon/icomoon.woff?i02qun") format("woff"), url("../fonts/icomoon/icomoon.svg?i02qun#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[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;
}

.ion-alert:before {
  content: "";
}

.ion-alert-circled:before {
  content: "";
}

.ion-android-add:before {
  content: "";
}

.ion-android-add-circle:before {
  content: "";
}

.ion-android-alarm-clock:before {
  content: "";
}

.ion-android-alert:before {
  content: "";
}

.ion-android-apps:before {
  content: "";
}

.ion-android-archive:before {
  content: "";
}

.ion-android-arrow-back:before {
  content: "";
}

.ion-android-arrow-down:before {
  content: "";
}

.ion-android-arrow-dropdown:before {
  content: "";
}

.ion-android-arrow-dropdown-circle:before {
  content: "";
}

.ion-android-arrow-dropleft:before {
  content: "";
}

.ion-android-arrow-dropleft-circle:before {
  content: "";
}

.ion-android-arrow-dropright:before {
  content: "";
}

.ion-android-arrow-dropright-circle:before {
  content: "";
}

.ion-android-arrow-dropup:before {
  content: "";
}

.ion-android-arrow-dropup-circle:before {
  content: "";
}

.ion-android-arrow-forward:before {
  content: "";
}

.ion-android-arrow-up:before {
  content: "";
}

.ion-android-attach:before {
  content: "";
}

.ion-android-bar:before {
  content: "";
}

.ion-android-bicycle:before {
  content: "";
}

.ion-android-boat:before {
  content: "";
}

.ion-android-bookmark:before {
  content: "";
}

.ion-android-bulb:before {
  content: "";
}

.ion-android-bus:before {
  content: "";
}

.ion-android-calendar:before {
  content: "";
}

.ion-android-call:before {
  content: "";
}

.ion-android-camera:before {
  content: "";
}

.ion-android-cancel:before {
  content: "";
}

.ion-android-car:before {
  content: "";
}

.ion-android-cart:before {
  content: "";
}

.ion-android-chat:before {
  content: "";
}

.ion-android-checkbox:before {
  content: "";
}

.ion-android-checkbox-blank:before {
  content: "";
}

.ion-android-checkbox-outline:before {
  content: "";
}

.ion-android-checkbox-outline-blank:before {
  content: "";
}

.ion-android-checkmark-circle:before {
  content: "";
}

.ion-android-clipboard:before {
  content: "";
}

.ion-android-close:before {
  content: "";
}

.ion-android-cloud:before {
  content: "";
}

.ion-android-cloud-circle:before {
  content: "";
}

.ion-android-cloud-done:before {
  content: "";
}

.ion-android-cloud-outline:before {
  content: "";
}

.ion-android-color-palette:before {
  content: "";
}

.ion-android-compass:before {
  content: "";
}

.ion-android-contact:before {
  content: "";
}

.ion-android-contacts:before {
  content: "";
}

.ion-android-contract:before {
  content: "";
}

.ion-android-create:before {
  content: "";
}

.ion-android-delete:before {
  content: "";
}

.ion-android-desktop:before {
  content: "";
}

.ion-android-document:before {
  content: "";
}

.ion-android-done:before {
  content: "";
}

.ion-android-done-all:before {
  content: "";
}

.ion-android-download:before {
  content: "";
}

.ion-android-drafts:before {
  content: "";
}

.ion-android-exit:before {
  content: "";
}

.ion-android-expand:before {
  content: "";
}

.ion-android-favorite:before {
  content: "";
}

.ion-android-favorite-outline:before {
  content: "";
}

.ion-android-film:before {
  content: "";
}

.ion-android-folder:before {
  content: "";
}

.ion-android-folder-open:before {
  content: "";
}

.ion-android-funnel:before {
  content: "";
}

.ion-android-globe:before {
  content: "";
}

.ion-android-hand:before {
  content: "";
}

.ion-android-hangout:before {
  content: "";
}

.ion-android-happy:before {
  content: "";
}

.ion-android-home:before {
  content: "";
}

.ion-android-image:before {
  content: "";
}

.ion-android-laptop:before {
  content: "";
}

.ion-android-list:before {
  content: "";
}

.ion-android-locate:before {
  content: "";
}

.ion-android-lock:before {
  content: "";
}

.ion-android-mail:before {
  content: "";
}

.ion-android-map:before {
  content: "";
}

.ion-android-menu:before {
  content: "";
}

.ion-android-microphone:before {
  content: "";
}

.ion-android-microphone-off:before {
  content: "";
}

.ion-android-more-horizontal:before {
  content: "";
}

.ion-android-more-vertical:before {
  content: "";
}

.ion-android-navigate:before {
  content: "";
}

.ion-android-notifications:before {
  content: "";
}

.ion-android-notifications-none:before {
  content: "";
}

.ion-android-notifications-off:before {
  content: "";
}

.ion-android-open:before {
  content: "";
}

.ion-android-options:before {
  content: "";
}

.ion-android-people:before {
  content: "";
}

.ion-android-person:before {
  content: "";
}

.ion-android-person-add:before {
  content: "";
}

.ion-android-phone-landscape:before {
  content: "";
}

.ion-android-phone-portrait:before {
  content: "";
}

.ion-android-pin:before {
  content: "";
}

.ion-android-plane:before {
  content: "";
}

.ion-android-playstore:before {
  content: "";
}

.ion-android-print:before {
  content: "";
}

.ion-android-radio-button-off:before {
  content: "";
}

.ion-android-radio-button-on:before {
  content: "";
}

.ion-android-refresh:before {
  content: "";
}

.ion-android-remove:before {
  content: "";
}

.ion-android-remove-circle:before {
  content: "";
}

.ion-android-restaurant:before {
  content: "";
}

.ion-android-sad:before {
  content: "";
}

.ion-android-search:before {
  content: "";
}

.ion-android-send:before {
  content: "";
}

.ion-android-settings:before {
  content: "";
}

.ion-android-share:before {
  content: "";
}

.ion-android-share-alt:before {
  content: "";
}

.ion-android-star:before {
  content: "";
}

.ion-android-star-half:before {
  content: "";
}

.ion-android-star-outline:before {
  content: "";
}

.ion-android-stopwatch:before {
  content: "";
}

.ion-android-subway:before {
  content: "";
}

.ion-android-sunny:before {
  content: "";
}

.ion-android-sync:before {
  content: "";
}

.ion-android-textsms:before {
  content: "";
}

.ion-android-time:before {
  content: "";
}

.ion-android-train:before {
  content: "";
}

.ion-android-unlock:before {
  content: "";
}

.ion-android-upload:before {
  content: "";
}

.ion-android-volume-down:before {
  content: "";
}

.ion-android-volume-mute:before {
  content: "";
}

.ion-android-volume-off:before {
  content: "";
}

.ion-android-volume-up:before {
  content: "";
}

.ion-android-walk:before {
  content: "";
}

.ion-android-warning:before {
  content: "";
}

.ion-android-watch:before {
  content: "";
}

.ion-android-wifi:before {
  content: "";
}

.ion-aperture:before {
  content: "";
}

.ion-archive:before {
  content: "";
}

.ion-arrow-down-a:before {
  content: "";
}

.ion-arrow-down-b:before {
  content: "";
}

.ion-arrow-down-c:before {
  content: "";
}

.ion-arrow-expand:before {
  content: "";
}

.ion-arrow-graph-down-left:before {
  content: "";
}

.ion-arrow-graph-down-right:before {
  content: "";
}

.ion-arrow-graph-up-left:before {
  content: "";
}

.ion-arrow-graph-up-right:before {
  content: "";
}

.ion-arrow-left-a:before {
  content: "";
}

.ion-arrow-left-b:before {
  content: "";
}

.ion-arrow-left-c:before {
  content: "";
}

.ion-arrow-move:before {
  content: "";
}

.ion-arrow-resize:before {
  content: "";
}

.ion-arrow-return-left:before {
  content: "";
}

.ion-arrow-return-right:before {
  content: "";
}

.ion-arrow-right-a:before {
  content: "";
}

.ion-arrow-right-b:before {
  content: "";
}

.ion-arrow-right-c:before {
  content: "";
}

.ion-arrow-shrink:before {
  content: "";
}

.ion-arrow-swap:before {
  content: "";
}

.ion-arrow-up-a:before {
  content: "";
}

.ion-arrow-up-b:before {
  content: "";
}

.ion-arrow-up-c:before {
  content: "";
}

.ion-asterisk:before {
  content: "";
}

.ion-at:before {
  content: "";
}

.ion-backspace:before {
  content: "";
}

.ion-backspace-outline:before {
  content: "";
}

.ion-bag:before {
  content: "";
}

.ion-battery-charging:before {
  content: "";
}

.ion-battery-empty:before {
  content: "";
}

.ion-battery-full:before {
  content: "";
}

.ion-battery-half:before {
  content: "";
}

.ion-battery-low:before {
  content: "";
}

.ion-beaker:before {
  content: "";
}

.ion-beer:before {
  content: "";
}

.ion-bluetooth:before {
  content: "";
}

.ion-bonfire:before {
  content: "";
}

.ion-bookmark:before {
  content: "";
}

.ion-bowtie:before {
  content: "";
}

.ion-briefcase:before {
  content: "";
}

.ion-bug:before {
  content: "";
}

.ion-calculator:before {
  content: "";
}

.ion-calendar:before {
  content: "";
}

.ion-camera:before {
  content: "";
}

.ion-card:before {
  content: "";
}

.ion-cash:before {
  content: "";
}

.ion-chatbox:before {
  content: "";
}

.ion-chatboxes:before {
  content: "";
}

.ion-chatbox-working:before {
  content: "";
}

.ion-chatbubble:before {
  content: "";
}

.ion-chatbubbles:before {
  content: "";
}

.ion-chatbubble-working:before {
  content: "";
}

.ion-checkmark:before {
  content: "";
}

.ion-checkmark-circled:before {
  content: "";
}

.ion-checkmark-round:before {
  content: "";
}

.ion-chevron-down:before {
  content: "";
}

.ion-chevron-left:before {
  content: "";
}

.ion-chevron-right:before {
  content: "";
}

.ion-chevron-up:before {
  content: "";
}

.ion-clipboard:before {
  content: "";
}

.ion-clock:before {
  content: "";
}

.ion-close:before {
  content: "";
}

.ion-close-circled:before {
  content: "";
}

.ion-closed-captioning:before {
  content: "";
}

.ion-close-round:before {
  content: "";
}

.ion-cloud:before {
  content: "";
}

.ion-code:before {
  content: "";
}

.ion-code-download:before {
  content: "";
}

.ion-code-working:before {
  content: "";
}

.ion-coffee:before {
  content: "";
}

.ion-compass:before {
  content: "";
}

.ion-compose:before {
  content: "";
}

.ion-connection-bars:before {
  content: "";
}

.ion-contrast:before {
  content: "";
}

.ion-crop:before {
  content: "";
}

.ion-cube:before {
  content: "";
}

.ion-disc:before {
  content: "";
}

.ion-document:before {
  content: "";
}

.ion-document-text:before {
  content: "";
}

.ion-drag:before {
  content: "";
}

.ion-earth:before {
  content: "";
}

.ion-easel:before {
  content: "";
}

.ion-edit:before {
  content: "";
}

.ion-egg:before {
  content: "";
}

.ion-eject:before {
  content: "";
}

.ion-email:before {
  content: "";
}

.ion-email-unread:before {
  content: "";
}

.ion-erlenmeyer-flask:before {
  content: "";
}

.ion-erlenmeyer-flask-bubbles:before {
  content: "";
}

.ion-eye:before {
  content: "";
}

.ion-eye-disabled:before {
  content: "";
}

.ion-female:before {
  content: "";
}

.ion-filing:before {
  content: "";
}

.ion-film-marker:before {
  content: "";
}

.ion-fireball:before {
  content: "";
}

.ion-flag:before {
  content: "";
}

.ion-flame:before {
  content: "";
}

.ion-flash:before {
  content: "";
}

.ion-flash-off:before {
  content: "";
}

.ion-folder:before {
  content: "";
}

.ion-fork:before {
  content: "";
}

.ion-fork-repo:before {
  content: "";
}

.ion-forward:before {
  content: "";
}

.ion-funnel:before {
  content: "";
}

.ion-gear-a:before {
  content: "";
}

.ion-gear-b:before {
  content: "";
}

.ion-grid:before {
  content: "";
}

.ion-hammer:before {
  content: "";
}

.ion-happy:before {
  content: "";
}

.ion-happy-outline:before {
  content: "";
}

.ion-headphone:before {
  content: "";
}

.ion-heart:before {
  content: "";
}

.ion-heart-broken:before {
  content: "";
}

.ion-help:before {
  content: "";
}

.ion-help-buoy:before {
  content: "";
}

.ion-help-circled:before {
  content: "";
}

.ion-home:before {
  content: "";
}

.ion-icecream:before {
  content: "";
}

.ion-image:before {
  content: "";
}

.ion-images:before {
  content: "";
}

.ion-information:before {
  content: "";
}

.ion-information-circled:before {
  content: "";
}

.ion-ionic:before {
  content: "";
}

.ion-ios-alarm:before {
  content: "";
}

.ion-ios-alarm-outline:before {
  content: "";
}

.ion-ios-albums:before {
  content: "";
}

.ion-ios-albums-outline:before {
  content: "";
}

.ion-ios-americanfootball:before {
  content: "";
}

.ion-ios-americanfootball-outline:before {
  content: "";
}

.ion-ios-analytics:before {
  content: "";
}

.ion-ios-analytics-outline:before {
  content: "";
}

.ion-ios-arrow-back:before {
  content: "";
}

.ion-ios-arrow-down:before {
  content: "";
}

.ion-ios-arrow-forward:before {
  content: "";
}

.ion-ios-arrow-left:before {
  content: "";
}

.ion-ios-arrow-right:before {
  content: "";
}

.ion-ios-arrow-thin-down:before {
  content: "";
}

.ion-ios-arrow-thin-left:before {
  content: "";
}

.ion-ios-arrow-thin-right:before {
  content: "";
}

.ion-ios-arrow-thin-up:before {
  content: "";
}

.ion-ios-arrow-up:before {
  content: "";
}

.ion-ios-at:before {
  content: "";
}

.ion-ios-at-outline:before {
  content: "";
}

.ion-ios-barcode:before {
  content: "";
}

.ion-ios-barcode-outline:before {
  content: "";
}

.ion-ios-baseball:before {
  content: "";
}

.ion-ios-baseball-outline:before {
  content: "";
}

.ion-ios-basketball:before {
  content: "";
}

.ion-ios-basketball-outline:before {
  content: "";
}

.ion-ios-bell:before {
  content: "";
}

.ion-ios-bell-outline:before {
  content: "";
}

.ion-ios-body:before {
  content: "";
}

.ion-ios-body-outline:before {
  content: "";
}

.ion-ios-bolt:before {
  content: "";
}

.ion-ios-bolt-outline:before {
  content: "";
}

.ion-ios-book:before {
  content: "";
}

.ion-ios-bookmarks:before {
  content: "";
}

.ion-ios-bookmarks-outline:before {
  content: "";
}

.ion-ios-book-outline:before {
  content: "";
}

.ion-ios-box:before {
  content: "";
}

.ion-ios-box-outline:before {
  content: "";
}

.ion-ios-briefcase:before {
  content: "";
}

.ion-ios-briefcase-outline:before {
  content: "";
}

.ion-ios-browsers:before {
  content: "";
}

.ion-ios-browsers-outline:before {
  content: "";
}

.ion-ios-calculator:before {
  content: "";
}

.ion-ios-calculator-outline:before {
  content: "";
}

.ion-ios-calendar:before {
  content: "";
}

.ion-ios-calendar-outline:before {
  content: "";
}

.ion-ios-camera:before {
  content: "";
}

.ion-ios-camera-outline:before {
  content: "";
}

.ion-ios-cart:before {
  content: "";
}

.ion-ios-cart-outline:before {
  content: "";
}

.ion-ios-chatboxes:before {
  content: "";
}

.ion-ios-chatboxes-outline:before {
  content: "";
}

.ion-ios-chatbubble:before {
  content: "";
}

.ion-ios-chatbubble-outline:before {
  content: "";
}

.ion-ios-checkmark:before {
  content: "";
}

.ion-ios-checkmark-empty:before {
  content: "";
}

.ion-ios-checkmark-outline:before {
  content: "";
}

.ion-ios-circle-filled:before {
  content: "";
}

.ion-ios-circle-outline:before {
  content: "";
}

.ion-ios-clock:before {
  content: "";
}

.ion-ios-clock-outline:before {
  content: "";
}

.ion-ios-close:before {
  content: "";
}

.ion-ios-close-empty:before {
  content: "";
}

.ion-ios-close-outline:before {
  content: "";
}

.ion-ios-cloud:before {
  content: "";
}

.ion-ios-cloud-download:before {
  content: "";
}

.ion-ios-cloud-download-outline:before {
  content: "";
}

.ion-ios-cloud-outline:before {
  content: "";
}

.ion-ios-cloud-upload:before {
  content: "";
}

.ion-ios-cloud-upload-outline:before {
  content: "";
}

.ion-ios-cloudy:before {
  content: "";
}

.ion-ios-cloudy-night:before {
  content: "";
}

.ion-ios-cloudy-night-outline:before {
  content: "";
}

.ion-ios-cloudy-outline:before {
  content: "";
}

.ion-ios-cog:before {
  content: "";
}

.ion-ios-cog-outline:before {
  content: "";
}

.ion-ios-color-filter:before {
  content: "";
}

.ion-ios-color-filter-outline:before {
  content: "";
}

.ion-ios-color-wand:before {
  content: "";
}

.ion-ios-color-wand-outline:before {
  content: "";
}

.ion-ios-compose:before {
  content: "";
}

.ion-ios-compose-outline:before {
  content: "";
}

.ion-ios-contact:before {
  content: "";
}

.ion-ios-contact-outline:before {
  content: "";
}

.ion-ios-copy:before {
  content: "";
}

.ion-ios-copy-outline:before {
  content: "";
}

.ion-ios-crop:before {
  content: "";
}

.ion-ios-crop-strong:before {
  content: "";
}

.ion-ios-download:before {
  content: "";
}

.ion-ios-download-outline:before {
  content: "";
}

.ion-ios-drag:before {
  content: "";
}

.ion-ios-email:before {
  content: "";
}

.ion-ios-email-outline:before {
  content: "";
}

.ion-ios-eye:before {
  content: "";
}

.ion-ios-eye-outline:before {
  content: "";
}

.ion-ios-fastforward:before {
  content: "";
}

.ion-ios-fastforward-outline:before {
  content: "";
}

.ion-ios-filing:before {
  content: "";
}

.ion-ios-filing-outline:before {
  content: "";
}

.ion-ios-film:before {
  content: "";
}

.ion-ios-film-outline:before {
  content: "";
}

.ion-ios-flag:before {
  content: "";
}

.ion-ios-flag-outline:before {
  content: "";
}

.ion-ios-flame:before {
  content: "";
}

.ion-ios-flame-outline:before {
  content: "";
}

.ion-ios-flask:before {
  content: "";
}

.ion-ios-flask-outline:before {
  content: "";
}

.ion-ios-flower:before {
  content: "";
}

.ion-ios-flower-outline:before {
  content: "";
}

.ion-ios-folder:before {
  content: "";
}

.ion-ios-folder-outline:before {
  content: "";
}

.ion-ios-football:before {
  content: "";
}

.ion-ios-football-outline:before {
  content: "";
}

.ion-ios-game-controller-a:before {
  content: "";
}

.ion-ios-game-controller-a-outline:before {
  content: "";
}

.ion-ios-game-controller-b:before {
  content: "";
}

.ion-ios-game-controller-b-outline:before {
  content: "";
}

.ion-ios-gear:before {
  content: "";
}

.ion-ios-gear-outline:before {
  content: "";
}

.ion-ios-glasses:before {
  content: "";
}

.ion-ios-glasses-outline:before {
  content: "";
}

.ion-ios-grid-view:before {
  content: "";
}

.ion-ios-grid-view-outline:before {
  content: "";
}

.ion-ios-heart:before {
  content: "";
}

.ion-ios-heart-outline:before {
  content: "";
}

.ion-ios-help:before {
  content: "";
}

.ion-ios-help-empty:before {
  content: "";
}

.ion-ios-help-outline:before {
  content: "";
}

.ion-ios-home:before {
  content: "";
}

.ion-ios-home-outline:before {
  content: "";
}

.ion-ios-infinite:before {
  content: "";
}

.ion-ios-infinite-outline:before {
  content: "";
}

.ion-ios-information:before {
  content: "";
}

.ion-ios-information-empty:before {
  content: "";
}

.ion-ios-information-outline:before {
  content: "";
}

.ion-ios-ionic-outline:before {
  content: "";
}

.ion-ios-keypad:before {
  content: "";
}

.ion-ios-keypad-outline:before {
  content: "";
}

.ion-ios-lightbulb:before {
  content: "";
}

.ion-ios-lightbulb-outline:before {
  content: "";
}

.ion-ios-list:before {
  content: "";
}

.ion-ios-list-outline:before {
  content: "";
}

.ion-ios-location:before {
  content: "";
}

.ion-ios-location-outline:before {
  content: "";
}

.ion-ios-locked:before {
  content: "";
}

.ion-ios-locked-outline:before {
  content: "";
}

.ion-ios-loop:before {
  content: "";
}

.ion-ios-loop-strong:before {
  content: "";
}

.ion-ios-medical:before {
  content: "";
}

.ion-ios-medical-outline:before {
  content: "";
}

.ion-ios-medkit:before {
  content: "";
}

.ion-ios-medkit-outline:before {
  content: "";
}

.ion-ios-mic:before {
  content: "";
}

.ion-ios-mic-off:before {
  content: "";
}

.ion-ios-mic-outline:before {
  content: "";
}

.ion-ios-minus:before {
  content: "";
}

.ion-ios-minus-empty:before {
  content: "";
}

.ion-ios-minus-outline:before {
  content: "";
}

.ion-ios-monitor:before {
  content: "";
}

.ion-ios-monitor-outline:before {
  content: "";
}

.ion-ios-moon:before {
  content: "";
}

.ion-ios-moon-outline:before {
  content: "";
}

.ion-ios-more:before {
  content: "";
}

.ion-ios-more-outline:before {
  content: "";
}

.ion-ios-musical-note:before {
  content: "";
}

.ion-ios-musical-notes:before {
  content: "";
}

.ion-ios-navigate:before {
  content: "";
}

.ion-ios-navigate-outline:before {
  content: "";
}

.ion-ios-nutrition:before {
  content: "";
}

.ion-ios-nutrition-outline:before {
  content: "";
}

.ion-ios-paper:before {
  content: "";
}

.ion-ios-paper-outline:before {
  content: "";
}

.ion-ios-paperplane:before {
  content: "";
}

.ion-ios-paperplane-outline:before {
  content: "";
}

.ion-ios-partlysunny:before {
  content: "";
}

.ion-ios-partlysunny-outline:before {
  content: "";
}

.ion-ios-pause:before {
  content: "";
}

.ion-ios-pause-outline:before {
  content: "";
}

.ion-ios-paw:before {
  content: "";
}

.ion-ios-paw-outline:before {
  content: "";
}

.ion-ios-people:before {
  content: "";
}

.ion-ios-people-outline:before {
  content: "";
}

.ion-ios-person:before {
  content: "";
}

.ion-ios-personadd:before {
  content: "";
}

.ion-ios-personadd-outline:before {
  content: "";
}

.ion-ios-person-outline:before {
  content: "";
}

.ion-ios-photos:before {
  content: "";
}

.ion-ios-photos-outline:before {
  content: "";
}

.ion-ios-pie:before {
  content: "";
}

.ion-ios-pie-outline:before {
  content: "";
}

.ion-ios-pint:before {
  content: "";
}

.ion-ios-pint-outline:before {
  content: "";
}

.ion-ios-play:before {
  content: "";
}

.ion-ios-play-outline:before {
  content: "";
}

.ion-ios-plus:before {
  content: "";
}

.ion-ios-plus-empty:before {
  content: "";
}

.ion-ios-plus-outline:before {
  content: "";
}

.ion-ios-pricetag:before {
  content: "";
}

.ion-ios-pricetag-outline:before {
  content: "";
}

.ion-ios-pricetags:before {
  content: "";
}

.ion-ios-pricetags-outline:before {
  content: "";
}

.ion-ios-printer:before {
  content: "";
}

.ion-ios-printer-outline:before {
  content: "";
}

.ion-ios-pulse:before {
  content: "";
}

.ion-ios-pulse-strong:before {
  content: "";
}

.ion-ios-rainy:before {
  content: "";
}

.ion-ios-rainy-outline:before {
  content: "";
}

.ion-ios-recording:before {
  content: "";
}

.ion-ios-recording-outline:before {
  content: "";
}

.ion-ios-redo:before {
  content: "";
}

.ion-ios-redo-outline:before {
  content: "";
}

.ion-ios-refresh:before {
  content: "";
}

.ion-ios-refresh-empty:before {
  content: "";
}

.ion-ios-refresh-outline:before {
  content: "";
}

.ion-ios-reload:before {
  content: "";
}

.ion-ios-reverse-camera:before {
  content: "";
}

.ion-ios-reverse-camera-outline:before {
  content: "";
}

.ion-ios-rewind:before {
  content: "";
}

.ion-ios-rewind-outline:before {
  content: "";
}

.ion-ios-rose:before {
  content: "";
}

.ion-ios-rose-outline:before {
  content: "";
}

.ion-ios-search:before {
  content: "";
}

.ion-ios-search-strong:before {
  content: "";
}

.ion-ios-settings:before {
  content: "";
}

.ion-ios-settings-strong:before {
  content: "";
}

.ion-ios-shuffle:before {
  content: "";
}

.ion-ios-shuffle-strong:before {
  content: "";
}

.ion-ios-skipbackward:before {
  content: "";
}

.ion-ios-skipbackward-outline:before {
  content: "";
}

.ion-ios-skipforward:before {
  content: "";
}

.ion-ios-skipforward-outline:before {
  content: "";
}

.ion-ios-snowy:before {
  content: "";
}

.ion-ios-speedometer:before {
  content: "";
}

.ion-ios-speedometer-outline:before {
  content: "";
}

.ion-ios-star:before {
  content: "";
}

.ion-ios-star-half:before {
  content: "";
}

.ion-ios-star-outline:before {
  content: "";
}

.ion-ios-stopwatch:before {
  content: "";
}

.ion-ios-stopwatch-outline:before {
  content: "";
}

.ion-ios-sunny:before {
  content: "";
}

.ion-ios-sunny-outline:before {
  content: "";
}

.ion-ios-telephone:before {
  content: "";
}

.ion-ios-telephone-outline:before {
  content: "";
}

.ion-ios-tennisball:before {
  content: "";
}

.ion-ios-tennisball-outline:before {
  content: "";
}

.ion-ios-thunderstorm:before {
  content: "";
}

.ion-ios-thunderstorm-outline:before {
  content: "";
}

.ion-ios-time:before {
  content: "";
}

.ion-ios-time-outline:before {
  content: "";
}

.ion-ios-timer:before {
  content: "";
}

.ion-ios-timer-outline:before {
  content: "";
}

.ion-ios-toggle:before {
  content: "";
}

.ion-ios-toggle-outline:before {
  content: "";
}

.ion-ios-trash:before {
  content: "";
}

.ion-ios-trash-outline:before {
  content: "";
}

.ion-ios-undo:before {
  content: "";
}

.ion-ios-undo-outline:before {
  content: "";
}

.ion-ios-unlocked:before {
  content: "";
}

.ion-ios-unlocked-outline:before {
  content: "";
}

.ion-ios-upload:before {
  content: "";
}

.ion-ios-upload-outline:before {
  content: "";
}

.ion-ios-videocam:before {
  content: "";
}

.ion-ios-videocam-outline:before {
  content: "";
}

.ion-ios-volume-high:before {
  content: "";
}

.ion-ios-volume-low:before {
  content: "";
}

.ion-ios-wineglass:before {
  content: "";
}

.ion-ios-wineglass-outline:before {
  content: "";
}

.ion-ios-world:before {
  content: "";
}

.ion-ios-world-outline:before {
  content: "";
}

.ion-ipad:before {
  content: "";
}

.ion-iphone:before {
  content: "";
}

.ion-ipod:before {
  content: "";
}

.ion-jet:before {
  content: "";
}

.ion-key:before {
  content: "";
}

.ion-knife:before {
  content: "";
}

.ion-laptop:before {
  content: "";
}

.ion-leaf:before {
  content: "";
}

.ion-levels:before {
  content: "";
}

.ion-lightbulb:before {
  content: "";
}

.ion-link:before {
  content: "";
}

.ion-load-a:before {
  content: "";
}

.ion-load-b:before {
  content: "";
}

.ion-load-c:before {
  content: "";
}

.ion-load-d:before {
  content: "";
}

.ion-location:before {
  content: "";
}

.ion-lock-combination:before {
  content: "";
}

.ion-locked:before {
  content: "";
}

.ion-log-in:before {
  content: "";
}

.ion-log-out:before {
  content: "";
}

.ion-loop:before {
  content: "";
}

.ion-magnet:before {
  content: "";
}

.ion-male:before {
  content: "";
}

.ion-man:before {
  content: "";
}

.ion-map:before {
  content: "";
}

.ion-medkit:before {
  content: "";
}

.ion-merge:before {
  content: "";
}

.ion-mic-a:before {
  content: "";
}

.ion-mic-b:before {
  content: "";
}

.ion-mic-c:before {
  content: "";
}

.ion-minus:before {
  content: "";
}

.ion-minus-circled:before {
  content: "";
}

.ion-minus-round:before {
  content: "";
}

.ion-model-s:before {
  content: "";
}

.ion-monitor:before {
  content: "";
}

.ion-more:before {
  content: "";
}

.ion-mouse:before {
  content: "";
}

.ion-music-note:before {
  content: "";
}

.ion-navicon:before {
  content: "";
}

.ion-navicon-round:before {
  content: "";
}

.ion-navigate:before {
  content: "";
}

.ion-network:before {
  content: "";
}

.ion-no-smoking:before {
  content: "";
}

.ion-nuclear:before {
  content: "";
}

.ion-outlet:before {
  content: "";
}

.ion-paintbrush:before {
  content: "";
}

.ion-paintbucket:before {
  content: "";
}

.ion-paper-airplane:before {
  content: "";
}

.ion-paperclip:before {
  content: "";
}

.ion-pause:before {
  content: "";
}

.ion-person:before {
  content: "";
}

.ion-person-add:before {
  content: "";
}

.ion-person-stalker:before {
  content: "";
}

.ion-pie-graph:before {
  content: "";
}

.ion-pin:before {
  content: "";
}

.ion-pinpoint:before {
  content: "";
}

.ion-pizza:before {
  content: "";
}

.ion-plane:before {
  content: "";
}

.ion-planet:before {
  content: "";
}

.ion-play:before {
  content: "";
}

.ion-playstation:before {
  content: "";
}

.ion-plus:before {
  content: "";
}

.ion-plus-circled:before {
  content: "";
}

.ion-plus-round:before {
  content: "";
}

.ion-podium:before {
  content: "";
}

.ion-pound:before {
  content: "";
}

.ion-power:before {
  content: "";
}

.ion-pricetag:before {
  content: "";
}

.ion-pricetags:before {
  content: "";
}

.ion-printer:before {
  content: "";
}

.ion-pull-request:before {
  content: "";
}

.ion-qr-scanner:before {
  content: "";
}

.ion-quote:before {
  content: "";
}

.ion-radio-waves:before {
  content: "";
}

.ion-record:before {
  content: "";
}

.ion-refresh:before {
  content: "";
}

.ion-reply:before {
  content: "";
}

.ion-reply-all:before {
  content: "";
}

.ion-ribbon-a:before {
  content: "";
}

.ion-ribbon-b:before {
  content: "";
}

.ion-sad:before {
  content: "";
}

.ion-sad-outline:before {
  content: "";
}

.ion-scissors:before {
  content: "";
}

.ion-search:before {
  content: "";
}

.ion-settings:before {
  content: "";
}

.ion-share:before {
  content: "";
}

.ion-shuffle:before {
  content: "";
}

.ion-skip-backward:before {
  content: "";
}

.ion-skip-forward:before {
  content: "";
}

.ion-social-android:before {
  content: "";
}

.ion-social-android-outline:before {
  content: "";
}

.ion-social-angular:before {
  content: "";
}

.ion-social-angular-outline:before {
  content: "";
}

.ion-social-apple:before {
  content: "";
}

.ion-social-apple-outline:before {
  content: "";
}

.ion-social-bitcoin:before {
  content: "";
}

.ion-social-bitcoin-outline:before {
  content: "";
}

.ion-social-buffer:before {
  content: "";
}

.ion-social-buffer-outline:before {
  content: "";
}

.ion-social-chrome:before {
  content: "";
}

.ion-social-chrome-outline:before {
  content: "";
}

.ion-social-codepen:before {
  content: "";
}

.ion-social-codepen-outline:before {
  content: "";
}

.ion-social-css3:before {
  content: "";
}

.ion-social-css3-outline:before {
  content: "";
}

.ion-social-designernews:before {
  content: "";
}

.ion-social-designernews-outline:before {
  content: "";
}

.ion-social-dribbble:before {
  content: "";
}

.ion-social-dribbble-outline:before {
  content: "";
}

.ion-social-dropbox:before {
  content: "";
}

.ion-social-dropbox-outline:before {
  content: "";
}

.ion-social-euro:before {
  content: "";
}

.ion-social-euro-outline:before {
  content: "";
}

.ion-social-facebook:before {
  content: "";
}

.ion-social-facebook-outline:before {
  content: "";
}

.ion-social-foursquare:before {
  content: "";
}

.ion-social-foursquare-outline:before {
  content: "";
}

.ion-social-freebsd-devil:before {
  content: "";
}

.ion-social-github:before {
  content: "";
}

.ion-social-github-outline:before {
  content: "";
}

.ion-social-google:before {
  content: "";
}

.ion-social-google-outline:before {
  content: "";
}

.ion-social-googleplus:before {
  content: "";
}

.ion-social-googleplus-outline:before {
  content: "";
}

.ion-social-hackernews:before {
  content: "";
}

.ion-social-hackernews-outline:before {
  content: "";
}

.ion-social-html5:before {
  content: "";
}

.ion-social-html5-outline:before {
  content: "";
}

.ion-social-instagram:before {
  content: "";
}

.ion-social-instagram-outline:before {
  content: "";
}

.ion-social-javascript:before {
  content: "";
}

.ion-social-javascript-outline:before {
  content: "";
}

.ion-social-linkedin:before {
  content: "";
}

.ion-social-linkedin-outline:before {
  content: "";
}

.ion-social-markdown:before {
  content: "";
}

.ion-social-nodejs:before {
  content: "";
}

.ion-social-octocat:before {
  content: "";
}

.ion-social-pinterest:before {
  content: "";
}

.ion-social-pinterest-outline:before {
  content: "";
}

.ion-social-python:before {
  content: "";
}

.ion-social-reddit:before {
  content: "";
}

.ion-social-reddit-outline:before {
  content: "";
}

.ion-social-rss:before {
  content: "";
}

.ion-social-rss-outline:before {
  content: "";
}

.ion-social-sass:before {
  content: "";
}

.ion-social-skype:before {
  content: "";
}

.ion-social-skype-outline:before {
  content: "";
}

.ion-social-snapchat:before {
  content: "";
}

.ion-social-snapchat-outline:before {
  content: "";
}

.ion-social-tumblr:before {
  content: "";
}

.ion-social-tumblr-outline:before {
  content: "";
}

.ion-social-tux:before {
  content: "";
}

.ion-social-twitch:before {
  content: "";
}

.ion-social-twitch-outline:before {
  content: "";
}

.ion-social-twitter:before {
  content: "";
}

.ion-social-twitter-outline:before {
  content: "";
}

.ion-social-usd:before {
  content: "";
}

.ion-social-usd-outline:before {
  content: "";
}

.ion-social-vimeo:before {
  content: "";
}

.ion-social-vimeo-outline:before {
  content: "";
}

.ion-social-whatsapp:before {
  content: "";
}

.ion-social-whatsapp-outline:before {
  content: "";
}

.ion-social-windows:before {
  content: "";
}

.ion-social-windows-outline:before {
  content: "";
}

.ion-social-wordpress:before {
  content: "";
}

.ion-social-wordpress-outline:before {
  content: "";
}

.ion-social-yahoo:before {
  content: "";
}

.ion-social-yahoo-outline:before {
  content: "";
}

.ion-social-yen:before {
  content: "";
}

.ion-social-yen-outline:before {
  content: "";
}

.ion-social-youtube:before {
  content: "";
}

.ion-social-youtube-outline:before {
  content: "";
}

.ion-soup-can:before {
  content: "";
}

.ion-soup-can-outline:before {
  content: "";
}

.ion-speakerphone:before {
  content: "";
}

.ion-speedometer:before {
  content: "";
}

.ion-spoon:before {
  content: "";
}

.ion-star:before {
  content: "";
}

.ion-stats-bars:before {
  content: "";
}

.ion-steam:before {
  content: "";
}

.ion-stop:before {
  content: "";
}

.ion-thermometer:before {
  content: "";
}

.ion-thumbsdown:before {
  content: "";
}

.ion-thumbsup:before {
  content: "";
}

.ion-toggle:before {
  content: "";
}

.ion-toggle-filled:before {
  content: "";
}

.ion-transgender:before {
  content: "";
}

.ion-trash-a:before {
  content: "";
}

.ion-trash-b:before {
  content: "";
}

.ion-trophy:before {
  content: "";
}

.ion-tshirt:before {
  content: "";
}

.ion-tshirt-outline:before {
  content: "";
}

.ion-umbrella:before {
  content: "";
}

.ion-university:before {
  content: "";
}

.ion-unlocked:before {
  content: "";
}

.ion-upload:before {
  content: "";
}

.ion-usb:before {
  content: "";
}

.ion-videocamera:before {
  content: "";
}

.ion-volume-high:before {
  content: "";
}

.ion-volume-low:before {
  content: "";
}

.ion-volume-medium:before {
  content: "";
}

.ion-volume-mute:before {
  content: "";
}

.ion-wand:before {
  content: "";
}

.ion-waterdrop:before {
  content: "";
}

.ion-wifi:before {
  content: "";
}

.ion-wineglass:before {
  content: "";
}

.ion-woman:before {
  content: "";
}

.ion-wrench:before {
  content: "";
}

.ion-xbox:before {
  content: "";
}

.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;
}

/**
 * Grid Flex Box
 * --------------------------------------------------
 * Using flexbox for the grid, inspired by Philip Walton:
 * http://philipwalton.github.io/solved-by-flexbox/demos/grids/
 * By default each .flex-col within a .flex-row will evenly take up
 * available width, and the height of each .flex-col with take
 * up the height of the tallest .flex-col in the same .flex-row.
 */
.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-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: #ff0000;
}

.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: #00d453;
}

app-sidebar-profile .admin {
  width: 264px;
  display: inline-block;
  position: fixed;
  top: 108px;
  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 - 290px) !important;
}

.suspended {
    width: 100%;
    background-color: #00000040 !important;
    right: 0;
    height: 35px;
    border-radius: 2px;
    color: #fff !important;
    text-transform: uppercase;
    position: absolute;
}
.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: 11px;
  text-shadow:0.07px 0.998px 2.91px #000;
}


.match_card .games-heading > ul li span {
  font-weight: 300;
  color: #ffffff !important;
  /* font-family: inherit !important; */
}

.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: 4px;
  height: 6px;
  position: absolute;
}

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

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

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #999;
  overflow-y: overlay;
}



::-webkit-scrollbar-thumb:not(:hover){
  overflow-y: hidden;
}



.headtcill{
  padding: 10px 16px !important;
  background-color: var(--haverCR)!important;
  border-radius: 5px;
}

.headtcill:hover{
  background-color: var(--side-bg)!important;
}







.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 {
  background: var(--primary-color);
  border-radius: 8px 8px 0px 0px;
  text-align: right;
}
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(../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("../images/call.png");
  background-repeat: no-repeat;
  background-position: center;
}
.skin-1 .mail-img {
  background-image: url("../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:transparent !important;
}
.skin-1 .dashboard.dashboard-bg {
  background-color: white;
}
.skin-1 .dashboard .accordian-menu-bg {
  /* background-image: -o-linear-gradient(282deg, #3a5f70, #243542);
  background-image: linear-gradient(168deg, #3a5f70, #243542);
   */
   background:linear-gradient(141.93deg, #171B43 0%, #262C59 51.32%);
}
.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 {
  /* background:linear-gradient(90deg, #df9c0d 0%, #ffde00, #df9c0d 100%) !important; */
  /* border-radius: 7px 61px 0px 0 !important; */
}

.skin-1 .dashboard .custom-active-gamesliul {
  /* background:linear-gradient(227deg, #e09e0c -4.44%, #fddb00 104.44%); */
  /* box-shadow: 0px 2px 2px rgba(204, 126, 44, 0.4); */
  /* border-radius: 7px 61px 0px 0 !important; */
  margin-right: -8px !important;
}




.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: #21394B;
  cursor: pointer;
}
.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 {
  background-image: url("../images/inplay.svg");
  height: 10px;
  width: 10px;
  position: relative;
  top: 7px;
}
.skin-1 .dashboard .bg-icon-pinned {
  background-image: url("../images/pinned.svg");
  height: 10px;
  width: 10px;
  position: relative;
  top: 7px;
}
.skin-1 .dashboard .arrow-side-color {
  background-image: url("../images/arrow-side-white.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 7px;
}
.skin-1 .dashboard .lay-profit-bg {
  background:linear-gradient(90deg, #f7b9d8 0%, #fae7f1 100%);
  border-bottom: 1px solid #f8c8d3;
}
.skin-1 .dashboard .incre-decre-btn-bg {
  border:none;
  background-color: #39438F;
}
.skin-1 .dashboard .back-profit-bg {
  background: linear-gradient(140deg, rgba(188,226,253,1) 0%, rgba(246,251,255,1) 100%);
  border-top: 1px solid rgba(188,226,253, 0.4);
}
.skin-1 .dashboard .team-rating-bg-color {
  background-color: #eaebef;
  color: #26333d;
}
.skin-1 .accordion-profile {
  background-image: -o-linear-gradient(141.93deg, #171B43 0%, #262C59 51.32%);
  background-image: linear-gradient(141.93deg, #171B43 0%, #262C59 51.32%);
}

.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("../images/login-bg.png") !important; */
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: none !important; position: relative;
}
.skin-1 .login:before{ content:'';  width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.skin-1 .accordion-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.skin-1 .accordion-border.bottom {
  /* border-bottom: 1px solid rgb(67 77 124); */
}
.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::-webkit-input-placeholder {
  opacity: 0.6;

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

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

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

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

  font-size: 13px;
  color: rgba(73, 109, 125, 0.6);
}
.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 {
  background: 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-radius: 4px; */
  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%;
  /* margin-top: 17px; */
  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;
}

/* End Of Skin-1 */
/* Start Of Skin-2 */
.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-image: url("../images/call.png");
  background-repeat: no-repeat;
  background-position: center;
}
.skin-2 .mail-img {
  background-image: url("../images/mail.png");
  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 {
  background-image: url("../images/inplay-blue.png");
  position: relative;
  top: 9px;
  left: 6px;
  background-size: 47% 52%;
  background-repeat: no-repeat;
  background-position: center;
}
.skin-2 .dashboard .bg-icon-pinned {
  background-image: url("../images/pinned-blue.png");
  position: relative;
  top: 9px;
  left: 4px;
  background-size: 58% 62%;
  background-repeat: no-repeat;
  background-position: center;
}
.skin-2 .dashboard .arrow-side-color {
  background-image: url("../images/blue-arrow.png");
  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-image: url("../images/login2.jpg");
  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;
  }
}
.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-radius: 4px; */
  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%;
  /* margin-top: 17px; */
  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;
}

/* End Of Skin-2 */
/* Start Of Skin-3 */
.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("../images/call-white.png");
  background-repeat: no-repeat;
  background-position: center;
}
.skin-3 .mail-img {
  background-image: url("../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 {
  background-image: url("../images/inplay.svg");
  height: 10px;
  width: 10px;
  position: relative;
  top: 7px;
}
.skin-3 .dashboard .bg-icon-pinned {
  background-image: url("../images/pinned.svg");
  height: 10px;
  width: 10px;
  position: relative;
  top: 7px;
}
.skin-3 .dashboard .arrow-side-color {
  background-image: url("../images/arrow-side-white.svg");
  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-image: url("../images/login-bg.jpg");
  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-image: url("../images/login-bg.jpg");
  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-radius: 4px; */
  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%;
  /* margin-top: 17px; */
  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;
}

/*Menu Children Component*/
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; height: 100vh;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-dialog .modal-content {
  width: 644px;
  border-radius: 20px;
}
.modal-dialog .modal-content .modal-header {
  background-color: var(--main-bg)!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 {
  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: auto;
    /* margin: 30px auto; */
  }
}

/* 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 Grid Message*/
.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;
  height: 27px;
  border: 2px solid #395e6e;
  background-color: #e7e7e7;
  
}

.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: 40px;
  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: #42b7c7;
}

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

.onoffswitch-switch {
  display: block;
  width: 20px;
  height: 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;
}

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

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
  background-color: var(--navText) !important;
    border: 0 !important;
}

.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: 16px;
  cursor: pointer;
  white-space: nowrap;
}
.filter-containers .games-section .games-text a {
  padding: 6px 12px 7px 11px;
  border-radius: 8px;
  min-width: 110px;
  color: #21394B;
  text-align: center;
  display: inline-block;

  cursor: pointer;
}
.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: white;
  z-index: 99999;
  right: -400px;
  width: 400px;
  border-radius: 0;
  -webkit-box-shadow: 0px 5px 9px 0px #0000004a;
  box-shadow: 0px 5px 9px 0px #0000004a;
  height: 100vh;
  top: 0;
  padding: 13px 15px 20px 15px;
  overflow: scroll;
}

div[arrow_box_admin] > div {
  padding: 9px 0px 10px 0px !important;
  margin: 0px;
}
div[arrow_box_admin] > div:not(:first-child), div[arrow_box_admin] > div:not(:last-child) {
  font-size: 14px;
  color: #3d3d3d;
  font-weight: 300;
  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;
}
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 {
  /* margin-right: 12px; */
  width: 40px;

}
div[arrow_box_admin]:last-child li a {
  color: #ffffff;
  cursor: pointer;
  font-weight: 300;
  font-size: 11px;
  text-transform: uppercase;

}
div[arrow_box_admin]:last-child li div :nth-child(1) {
  font-size: 14px;
}
div[arrow_box_admin]:last-child li:hover {
  opacity: 0.8;
}
div[arrow_box_admin].active-box {
  display: block;
  right: 0;
  background: var(--main-bg) !important;
  padding: 13px 15px 20px 15px !important;
}
div[arrow_box_admin] .btn-custom {
  display: block;
  width: 200px;
  background: var(--navText);
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 30px;
  height: 50px;
  margin: auto;
  color: #fff;
  margin-top: 20px;
}

.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: #281d2e;
  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 */
.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;
}

.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);
  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;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    top: 28px !important;
    z-index: 99999;
    transition-duration: .5s !important;
    transition-timing-function: ease !important;
    width: 400px;
    border-radius: 0px;
    height: calc(100vh - 90px) !important;
    overflow-x: hidden;
    box-shadow: 0px 5px 9px 0px #0000004a;
    padding: 13px 15px 20px 15px;
    right: -254px;
    opacity: 0;
    display: none;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] > div {
  padding: 0px 0;
}
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: 14px;
  color: #fff;
  font-weight: 400;
  margin: 0 0 10px 0;
  background-color: var(--main-bg);
  border-radius: 50px;
  border-radius: 5px;
  width: 100%;
}
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;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] > div:first-child {
  border-top: 0px;
  cursor: pointer;
  display: none;
}
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;
}

.row.logutt:hover{
  border-bottom: none !important;
}

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]:after, div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:before {
  bottom: 95%;
  left: 82%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: -1;
} */
/* div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:after {
  border-color: rgba(250, 255, 252, 0);
  border-bottom-color: #fafffc;
  border-width: 30px;
  margin-left: -30px;
} */
/* div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: white;
  border-width: 8px;
  position: fixed;
  top: 52px;
  left: 95%;
  right: 5%;
} */
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:nth-child(1) > div {

  font-size: 14px;
  color: #f9ab1b;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:last-child li {
  width: 48%;
  margin: 5px 0 !important;
  padding: 15px 0px;
  text-align: center;
  /* display: flex; */
  /* justify-content: center; */
  background-color: var(--main-bg);
  float: left;
  height: 95px;
  border-radius: 10px;


}
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: #fff;
  cursor: pointer;
  font-weight: 300;
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
}
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;
  border-bottom: solid var(--navText) 6px;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box].active-box {
  display: block !important;
  right: 0px;
  opacity: inherit;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] .btn-custom {
  display: block;
  width: 100%;
  background: var(--main-bg);
  color: #fff;
  font-weight: 600;
  /* border-radius: 10px; */
  text-transform: uppercase;
  padding: 14px 0 !important;
}
div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box] .btn-custom:hover{ border-bottom: none;}
div[header] div[headerBg] .navbar .container-fluid ul li {

  margin: 17px 0 ;
  font-weight: 600;
  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;
}
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: 1;
}
/* 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;
  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;
  }
}
@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: 14px !important;
  font-weight: 600;
  margin-right: 16px;
  color: #ffffff;
  padding: 0px 0px;
  transform: inherit;
  padding: 0px;
  border-radius: 0;
  text-transform: uppercase;
  height: 43px;
  z-index: 0;
}




@media screen and (max-width: 1050px) {
  .dashboard .container-main .navbar .container-fluid ul li {
    margin: 0;
  }
}
.dashboard .container-main .navbar .container-fluid ul li a {
    padding: 10px 0px;
    width: 160px;
    text-align: center;
    border-radius: 1px;
    cursor: pointer;
    /* height: 40px; */
    /* background:linear-gradient(90deg, #cacaca 0%, #dfdfdf, #cacaca 100%); */
    color: #5a5a5a;
    /* border-radius: 7px 61px 0px 0; */
    margin-right: -23px;
    margin-bottom: -3px;
}
@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;
}
.dashboard .container-main .navbar .container-fluid ul li a span:nth-child(2) {
  vertical-align: middle;
  position: absolute;
  z-index: 999999999;
  left: -6px;
  width: 100%;
}
@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%;
  }
}
.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.active {
  background-image: url("../images/pinned-yellow.svg");
  background-position: center;
}
.dashboard .container-main .games-heading-row-1 .teams .market-data > span.inactive {
  background-image: url("../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: 0;
  width: 360px;
  height: calc(100vh - 85px);
  height: -webkit-calc(100vh - 85px);
  /* background: #ffffff; */
  overflow-y: scroll;
  overflow-x: hidden;
  border-left: solid 1px #ccc;
}
.bet-slip-container .bet-info {
  position: relative;
  left: 0px;
  top: 0px;
  margin: 0;
  padding: 0px;
  border-radius: 0px;
  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;
}
.bet-slip-container .bet-info .available-bets .lay-container {
  color: black;
  border-bottom: 1px solid rgba(151, 151, 151, 0.5);
  background: #fff;
}
.bet-slip-container .bet-info .available-bets .lay-container .back-bg {
  background-image:none ;
}
.bet-slip-container .bet-info .available-bets .lay-container .lay-text {
  padding: 12px 15px;
  font-weight: 400;
  background-image:none ;
  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: 10px;
  color: var(--start-time);
  width: 114px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  vertical-align: top;
  margin-top: -7px;
}
.bet-slip-container .bet-info .available-bets .lay-container .lay-team .lay-team-heading p {
  color: #1e1e1e;
  font-weight: 300;
  font-size: 12px;
  margin: 0px 0 0 0;
}
.bet-slip-container .bet-info .available-bets .lay-container .profit-text {
  font-weight: 300;
  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: white;
    color: #EE7474;
    font-weight: 600;
    padding: 6px 0;
    text-align: inherit;
    border: none;
}
.bet-slip-container .bet-info .available-bets .lay-container .place-bet input[type=button] {
  display: block;
  width: 100%;
  /* border-radius: 4px; */
  /* border: solid 1px #f9ab1b; */
  color: #C20000;
  padding: 6px 0;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  background: linear-gradient(90deg, #36408C 0%, #616AAD 100%) !important;
}
.bet-slip-container .bet-info .available-bets .lay-container .wrapper_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; */
  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: #000;
  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: 28px;
  width: 28%;
  margin: 0px 7px 8px 0px;
  background: var(--primary-btn);
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  background: #f0f0f0 !important;
  border:none;
  box-sizing: border-box;
  border-radius: 3px;
}

.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: 4px 4px;
} */
/* .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%;
  }

  .bet-slip-container {
    /* display: none !important; */
  }

  .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: 30px;
  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: 38px;
  opacity: 0.9;
  left: 205px;
}
.dashboard .accordian-menu .in-play {
  position: relative;
  padding: 15px 15px;
}
.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: 16px;
  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:15px 15px 15px 6px;
}
.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: 12px;
  display: inline-block;
  margin-right: 8px;
  height: 24px;
  width: 24px;
}
.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-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0;
  padding: 16px 16px 16px 16px;
}
.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: 8px;
  position: relative;
  width: 40px;
} */
.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: 24px;
  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: 48px; */
  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%;
  /* padding-left: 2px; */
  -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;
  /* position: relative; */
  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;
  /* margin-right: 16px; */
}
.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:16px ​20px !important;
  border-radius: 0px;
  /* border: 1px solid rgba(151, 151, 151, 0.5); */
  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;
  border-radius:0px;
  /* background-color: transparent !important; */
    font-size: 16px;
    font-weight: 600;

}
.back-lay-container .unmatch-container .unmatch-text {

  font-size: 16px;
  font-weight: inherit;
  color: #000;
}
.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: #c6e2ff;
  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: #ce4f4f;
    border-radius: 50%;
    padding: 0;
    text-align: center;
}
.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: 4px 12px 4px 12px;
  /* font-family: 'Oswald', sans-serif; */
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px 4px 0px 0px;
  color: #fff !important;
  text-transform: uppercase;
  background-color: var(--main-bg) !important;
  letter-spacing: 0.5px;
}
.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-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: 6px 0;
  font-weight: 600;
  color: #3D3D3D;
}
.back-lay-container-matched table tbody tr td {
  font-size: 12px;
  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: 0;
    margin: 0;
    width: 8px;
    margin-top: 0px;
}
.back-lay-container-matched table tbody tr.faded-text td {
  font-size: 11px;
}
.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%, rgba(148, 222, 255, 0) 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%, rgba(252, 173, 212, 0) 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);
}
.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;
  /* top: 131px; */
  margin-top: 110px;
  height: calc(100vh - 78px);
}
.container-main-balance .balance-overview-box .balance-overview-text-2 {
  font-size: 16px;
  text-align: left;
  padding: 17px 0px 7px 35px;
}
.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;
  /* top: 131px; */
  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;
}

.container-main-profit-loss {
  display: inline-block;
  width: calc(100% - 264px);
  vertical-align: top;
  margin-left: 264px;
  /* top: 131px; */
  margin-top: 110px;
  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: 16px;
  cursor: pointer;
  background-color: #fff;
  text-transform: uppercase;
}
.container-main-profit-loss .games-section .games-text a {
  padding: 14px 30px;
  border-radius: 4px;
  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: 14px 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;
  /* top: 131px; */
  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;
  /* top: 131px; */
  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 {
  background-image: url("../images/admin-login-bg.jpg");
  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: 20px;
  width: 477px;
  height: auto;
  min-height: 625px;
} */


.login-panel .main {
  border-radius: 20px;
  width: 400px;
  height: 456px;
  min-height: auto;
  padding:50px 0 70px 0;
  background-size: cover;
}

.login-panel .main .icon-login {
  padding: 64px 0px 40px 50px;
}
.login-panel .main .icon-login img {
  width: 140px;
  margin-right: -50px;
  margin-top: -10px;
}
.login-panel .main .form-group {
  padding: 0px 54px 10px 64px;
  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 {
  font-weight: 800;
  font-size: 21px;
  margin-bottom: 0;
  display: inline-block;
}
.login-panel .main .form-group div input {
    border: none;
    padding-left: 24px;
    color: white;
    font-size: 13px;
    border-radius: 0px;
    background-color: #212121;
}
.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;
}
.login-panel .main .form-group div input:focus {
  border-bottom: solid 1px #f5a623;
}
.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: #42B7C7;
  height: 44px;
  width: 70%;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
          border: none;
    border-radius: 0;
    margin-left: 10px;
}
.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: #f9f7f7;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  margin: 18px 18px;
} */


.login-panel .main .close {
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: rgb(255 255 255);
  margin: 18px 18px;
  position: relative;
  top: -82px;
}

.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(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;
  /* top: 131px; */
  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;
  width: 30px;
}
.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-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;
  /* margin: -2px; */
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  /* border: 2px solid #999999; */
  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: 14px 16px;
  background: #F1F1F1;
  margin-top: 110px;
}
.main-report-container .report-heading {
  font-size: 18px;
  color: #2d4a57;

}
.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;
  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;
}
.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 16px 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: #2d4a57;
}



.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: #f9ab1b;
  font-size: 12px;
  color: #051f34;

  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 16px;
  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: var(--main-bg);
  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: #2d4a57;
}
.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: #2d4a57;
}
.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: #ff0000;
}
.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: 16px;
  background: #F1F1F1;
  margin-top: 105px;
}
.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;
}

.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;
}
#crumbs h1 {
  padding: 0 0 30px;
  /* text-transform: uppercase; */
  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: var(--main-bg);
  text-align: center;
  padding: 0 20px;
  position: relative;
  margin: 0 10px 0 0;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  line-height: 30px;
}


.filter_search .left ul li a {
  font-weight: 300;
}





#crumbs ul li a:after {
  content: "";
  border-top: 16px solid transparent;
  border-bottom: 16px solid #ffffff00;
  border-left: 16px solid var(--main-bg);
  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: var(--main-bg);
}

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: 40px 0px 110px 0px;
  text-align: center;
  margin-top: -50px;
}


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


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


.card:hover, .card_event:hover {
  border-left: solid 5px #42B7C7 !important;
}


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




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

.logutt{
  bottom: 0;
  width: 220px !important;
  margin: auto !important;
}

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

.menuiitemm{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 0;
}


.dropslider{
  background-color: #1B1F3E;
  height: 40px;
  display: flex;
  color: #fff;
}

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

.dropslider span{
  color: #fff;
}

.menuiitemm li{ opacity: 1 !important;}


.login1{
  width: 76px;
  height: 28px;
  background: #262C59;
  border: 1px solid #BBF7FF;
  box-sizing: border-box;
  box-shadow: 0px 0px 12.9572px #36B1F8;
  right: 10px;
  text-transform: uppercase;
  padding-top: 0px !important;
}

.login1 span{
  margin-left: 10px
}


.active-box {
  font-weight: 300;
}


.accordion-border1{
  background: #FFFFFF;
  height: 1px;
  box-shadow: -4px 0px 11px 2px #354AF8;
}




.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%;
    /* text-align: left; */
}


.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;
}

.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;
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;
}



.menubarss{
  padding: 40px 0;
}

.wrapper_dashboard{
  width: 100%;
}

.toggelPass{
  color: white;
  position: absolute;
  bottom: 19px !important;
  right: 19px;
}

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

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


.iconarrow{
  /* margin-right: 13px;  */
  color: #42b7c7;
}


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


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









@media screen and (max-width: 1300px) {
  app-player-bet-slip.bet-slip{
    width: 380px !important;
  }

}


.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;
}





@media screen and (max-width: 767px) {
  .main-downlinelisting-2-container {
    padding: 16px 6px;
    background: #F1F1F1;
    margin-top: 130px;
}


.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);
}

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


  width: 60%;
    display: inline-block;
    position: fixed;
    top: 110px;
    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: 0 0px 7px 12px;
}

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



}





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


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



.scroll-y {
  width: 300px;
  height: 300px;
  overflow-y: scroll; /* not to mess up scroll on touch devices */
}

.scroll-y-content {
  padding: 20px 0 20px 20px;
  width: 280px; /* 20px less than parent width */
}

/* no-touchevents class is added by modernizr
 * as we don't want to apply this on touch devices */
.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 {
      flex-wrap: wrap !important;
      justify-content: center;
  }

  .ngx-datatable .datatable-footer .datatable-pager {
    text-align: center !important;
  }

  .modalppppp{
    width: 100% !important;

  }


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

  .bg-admin.loginmainnn .login-panel .main {
    width: 100% !important;
    }

    .login-panel .main .forget-password button{
      width: 100% !important;
    }

    .bg-admin.loginmainnn .main.login-admin .mainlogin {
      width:88%;
    }

}

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

/* Ripple effect */
/* .ripple {
  background-position: center;
  transition: background 0.4s;
}
.ripple:hover {
  background: rgba(229, 149, 63, 0) radial-gradient(circle, transparent 1%, #ffffff85 1%) center/15000%;
}
.ripple:active {
  background-color: rgba(255, 255, 255, 0);
  background-size: 100%;
  transition: background 0s;
} */
.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: #333;
} */



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



/********************************************* Menubar  **********************************************/

.games > li > a{
  /* padding: 15px 32px 15px 12px !important; */
  /* font-size: 14px !important;  */
  font-weight: normal!important;
}


.dashboard .accordian-menu .game-option .games li .imageClass{
  margin-right: 8px;
  position: relative;
  width: 40px;
}


.dashboard .accordian-menu .game-option .games li .icon-sub-category > .imageClass{
  width: auto;
  margin: 0 10px;
}

.dashboard .accordian-menu .game-option .games li .imageClass{
  width: 18px;
}

.iconmenu, .imgheadcla1{
  float: left;
  margin-right: 8px !important;
  width: 20px !important;
  height: 18px !important;
  transition: 2s;

 

}

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


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

.skin-1 .dashboard .base-c.base-c-games-type.games-type-bg.custom-active-games{
  border-bottom: none !important;
  margin: 0 !important;
}


img.imgheadcla2 {
  margin: 8px;
}
img.play-img {
  margin: 8px 8px 8px 20px;
}


.mainheadinnn{
  display: none !important;
}






/****************************************** Header ***********************************************/

.announcebar{
  margin-bottom: 6px;
  border-radius: 0px;
}

/****************************************** Event Detail ***********************************************/

.iconstr{
  display: none !important;
}

.annoumenticon{
  width: 26px;
}

.anutit{
  width: 100%;
  font-weight: 400;
  color: #000;
}

.maindroppa{
  width:100%;height:35px; background-color: white;
}



.maindroppa{
  width:100%;height:35px; background-color: #e5e5e5;
}



.maincardss * {
  /* font-family: Radikal !important; */
}

.maincardss  * i  {
  font-family:'FontAwesome' !important;
}

.event_card .wrapper_card .card_event .teams > h2{
  font-weight: inherit;
}

.minmas{
  background-color: var(--navText);
  border-radius: 50px !important;
  color: #fff !important;
  padding: 2px 11px;
  font-size: 12px !important;
  font-weight: 100 !important;
  margin-right: 14px;
}

.mintp{
  text-align: center;
}

.event_card .heading{
  display: flex !important;
  align-items: center !important;
  border-bottom: solid 1px #f5f5f3 !important;
  position: relative;
}

.event_card .heading img{
  width: 18px;
  margin-left: 12px;
}



/*
.event_card{
 background-color: #fff !important;
} */


.event_card .wrapper_card .card_event .rating ul li{
  border-radius: 3px !important;
}



.maintabs li.active a{

  background: transparent !important;
  color: #000 !important;

}




.fancy_bets .wrapper_fancy-bets .card_fancy .advantages .value > ul li h2 {
  font-weight: 700 !important;
  font-size: 14px !important;
}



/* .fancy_bets .wrapper_fancy-bets .card_fancy .advantages .text span {
  font-weight: 400 !important; font-family: 'Poppins', sans-serif!important;
} */


.event_card .wrapper_card .card_event .teams > h2 {
  font-weight: 500 !important;
  color: #131313 !important;
}

.filters_matching .filter_checkbox span {
  font-weight: 600 !important;
  text-transform: uppercase !important;
  color: #150f1b !important;
  font-size: 12px !important;
  margin-top: 3px !important;
}


.match_card .wrapper_card .card .rating > div > ul li, .match_card .wrapper_card .card .rating > div > ul li > span, .uldata li:nth-child(2){
  border-radius: 3px !important;
  font-weight: 300 !important;
}

.uldata li p {
  font-weight: 300 !important;
}


.admin_header .bottom_header {
  background: var(--main-bg) !important;
}


.admin_header .top_header {
  background: var(--main-bg) !important;
}




.minminmiax{
  background-color: #464546;
  border-radius: 50px !important;
  color: #fff !important;
  padding: 2px 11px;
  font-size: 12px !important;
  font-weight: 100 !important;
  margin-left: 0px !important;
  float: right
}



.event_card .heading span{
  /* font-family: radikal !important ; */
  font-weight: 600 !important ;

}



.event_card .heading{
  font-weight: bold !important;
  border-radius: 5px 5px 0 0 !important;
  padding: 6px 10px !important;

  border-radius: 0;
  display: flex;
  color: #000 !important;
  display: flex;
  align-items: baseline;
}

.event_card .heading span{
  color: #fff !important;
}

.inputboxmain h2 {
  display: none !important;
}


.bet_popUp {
  position: absolute;
  z-index: 9999999;
  right: 43px;
  margin-top: -5px !important;
  left: 12px;
  border-radius: 4px;
  background-color: #fff;
}

.bet_popUp:after {
  border-color: rgba(221, 221, 221, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  transform: inherit !important;
  margin: 0 !important;
}

.valuecl div {
    border-right: solid 1px var(--borderCR) !important;
    padding: 16px 20px !important;
    text-transform: uppercase;
    font-weight: 300;
}


.menuuimgg{
  margin-right: 12px;
  width: 30px;
}


.match_card .wrapper_card .card .teams > h2 span {
  font-weight: 500 !important; font-size:13px!important;
}
.match_card .wrapper_card .card .teams.specialmarket{ margin:0!important}
.match_card .wrapper_card .card .teams.specialmarket::before{ display: none!important;}




.event_card .heading .bet-type ul li {
  color: #fff !important;
  letter-spacing: 2px;
  font-weight: 300 !important;
}


.fancy_bets .heading {
   background: var(--main-bg) !important;
  }

  .fancy_bets .heading .left span {
    color: #fff !important;
}


.fancy_bets .heading .right > ul li{
  color: #fff !important;
}



.match_card{
  margin-top: 3px;
}


.navbar-nleft li input {
  padding: 0px 0px 0px 35px !important;
}

.navbar-nleft li input::placeholder{
  font-weight: 600;
}


.event_card .wrapper_card .card_event:nth-of-type(even){
 background-color: #fff;
}


.container-main-balance .balance-overview-box .balance-overview-text-2 , .container-main-history .bet-history-box .bet-history-text-2, .container-main-activitylog .activity-log-box .activity-log-text-2, .activity-log-box{
  font-size: 16px;
  text-align: left;
  padding: 10px 20px;
  background: var(--main-bg);
  margin: 0;
  color: #fff;
}

.admin_header .bottom_header ul li a.active{font-weight: 400!important;}
.admin_header .bottom_header ul li a.active, .admin_header .bottom_header ul li a:hover{
background: linear-gradient(16deg, var(--navText) 0%, var(--navText) 100%) !important;
color: #fff !important; 
}



.back-lay-container.back-lay-container-matched{
  background: transparent !important;
  /* font-family: inherit !important; */
  border: none !important;
  box-shadow: none !important;
}



ul.adminul li {
  width: 45%;
  margin: 10px 7px !important;
  padding: 28px 0px;
  float: left;
  height: 140px;
}


.fancy_bets .wrapper_fancy-bets .card_fancy .advantages .value > ul li{
  border-radius: 4px !important;
}


/**************************Blue*************************************/

  .event_card .wrapper_card .card_event .rating ul li.blue:nth-child(1){
  background: #def1ff !important;
  }

  .event_card .wrapper_card .card_event .rating ul li.blue:nth-child(2){
    background: #c8e8ff !important;
  }

  .event_card .wrapper_card .card_event .rating ul li.blue:nth-child(3){
    background: #72BBEF!important;
  }



  .match_card .wrapper_card .card .rating > div > ul li{
    background: #72BBEF!important;
  }

  .fancy_bets .wrapper_fancy-bets .card_fancy .advantages .value > ul li.matchOdds.blue{
    background: #72BBEF!important;
  }



  /**************************Pink*************************************/

  .event_card .wrapper_card .card_event .rating ul li:nth-child(4){
    background: #FAA9BA !important;
  }

  .event_card .wrapper_card .card_event .rating ul li:nth-child(5){
    background: #ffcce5 !important;
  }

  .event_card .wrapper_card .card_event .rating ul li:nth-child(6){
    background: #fae1ee !important;
  }


  .match_card .wrapper_card .card .rating > div > ul li:last-child{
    background: #FAA9BA !important;
  }


  .fancy_bets .wrapper_fancy-bets .card_fancy .advantages .value > ul li.matchOdds.red {
    background: #FAA9BA !important;
  }


  .admin_header .top_header .right_panel > ul:last-child > li .btn-add{
    font-weight: 300 !important;
  }



div[arrow_box_admin] > div.valuecl{
    background: var(--side-bg);
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding: 16px 10px !important;
    border-radius: 6px !important;
    border: none;
    color: #fff;
}

div[arrow_box_admin] > div.valuecl select{
  color: #000 !important;
}

div[arrow_box_admin] > div.valuecl div{
  padding: 0 0 !important;
}

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

ul.adminul li{
  width: 40%;
  margin: 10px 15px !important;
  padding: 24px 0px;
  text-align: center;
  background-color:var(--main-bg)!important;
  float: left;
  height: 120px !important;
  border-radius: 10px !important;
  color: #fff !important;
}


.match_card .wrapper_card .card .rating > div > ul li > h2{
  font-weight: 400 !important; font-size:13px!important;
}

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

/* .match_card .wrapper_card .card .suspended{
  height: 30px !important;
} */

.match_card .games-heading > ul {
  padding: 2px 46px 3px 0 !important;
}


.boderspr{
  display: none;
}

.app-home-page .navbar{
  margin: 20px 0 0 0 !important;
  background-color: transparent;
  border: none;
}

.match_card .wrapper_card .card {
  padding: 2px 46px 2px 10px !important;
}


.logoutimgh{
  background-color: transparent;
  float: left;
  width: 100%;
}


.logoutimgh .btn.btn-custom:hover{
  border-bottom: solid 6px transparent !important;
}

.logoutimgh .btn.btn-custom{
  border-bottom: solid 6px transparent !important;
}

ul.adminul li:hover{
  border-bottom: solid var(--navText) 6px;
}


.activeclass {
  background-color: #2a2a2a;
  color: #fff;
}

@media screen and (max-width: 767px){
.admin_header .top_header .right_panel {
    right: 0 !important;
}

.panel-heading {
  overflow-x: scroll !important;
}


.panel-title {
  width: 170px !important;
}


.main-riskmanagement-container .management-container .table-odds table tbody tr td {
  white-space: nowrap !important;
}


}




.navmain .loginbox {
  /* font-family: inherit !important; */
  position: inherit !important;
  right: 0 !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(../images/norecode.png);
    background-repeat: no-repeat;
    background-position: center, center;
    background-color: #fff;
    font-size: 0px;
}


.livescro{
  padding-top: 65px !important;
    position: absolute;
    width: 100%;
    top: 0;
    margin-top: 0 !important;
    min-height: 100vh !important;
    background-image: url(/assets/images/landing/landing-bg.png);
}


.match_card .games-heading > ul li span {
  font-weight: 600 !important;
  font-size: 14px !important;
}


.event_card .wrapper_card .card_event:first-child {
  border-radius: 0 !important;
}

.match_card{
  margin-bottom: 0 !important;
}

.navbar.navbar-default.navbar-color.margin-bottom-0{
  margin: 6px 0 0px 0px !important;
  min-height: 38px !important;
}


.match_card .games-heading > ul li img {
  margin-top: -2px  !important;
  margin-right: 9px !important;
}

.maincardss .dropdown, .event_card{
    margin: 15px 24px 0 !important;
}

.event_card{
  margin: 5px 24px !important;
}


.match_card .wrapper_card .card .teams.cricketteams::before {
  transform: scale(0.7) !important;
}

.match_card .wrapper_card .card .teams.soccerteams::before{
  transform: scale(0.7) !important;
}

.match_card .wrapper_card .card .teams.tennisteams::before{
  transform: scale(0.7) !important;
}



.notifications-menu .menuopen{
  font-size: 11px !important;
}


.announcebar {
  padding: 4px 10px;
}


.maintabs{

}




.dashboard .container-main .navbar .container-fluid ul li .base-c.base-c-games-type.games-type-bg.custom-active-games::after, .maintabs li.active a::after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  outline: 1px solid transparent;
  border-radius: 10px 10px 0 0;
  background:var(--navText);
  box-shadow: inset 0 -3px 3px rgb(0 0 0 / 5%);
  content: '';
  -webkit-transform: perspective(5px) rotateX(
0.93deg
) translateZ(-1px);
  transform: perspective(5px) rotateX(
0.93deg
) translateZ(-1px);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.maintabs li.active a::after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  outline: 1px solid transparent;
  border-radius: 10px 10px 0 0;
  background:var(--yellowGradient);
  box-shadow: inset 0 -3px 3px rgb(0 0 0 / 5%);
  content: '';
  -webkit-transform: perspective(5px) rotateX(
0.93deg
) translateZ(-1px);
  transform: perspective(5px) rotateX(
0.93deg
) translateZ(-1px);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


a.base-c.base-c-games-type.games-type-bg.custom-active-games span {
  color: #fff;
}

.maintabs a{
  background-color: transparent;
}

.maintabs li a{
  background: transparent ;
  border: none !important;
  z-index: 0;
  padding: 10px 35px 10px 15px !important;
}
.maintabs a:hover{
  background-color: transparent;
}

.dashboard .container-main .navbar .container-fluid ul li a::after, .maintabs a::after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  outline: 1px solid transparent;
  border-radius: 10px 10px 0 0;
  background:var(--grayGradient);
  box-shadow: inset 0 -3px 3px rgb(0 0 0 / 5%);
  content: '';
  -webkit-transform: perspective(5px) rotateX(
0.93deg
) translateZ(-1px);
  transform: perspective(5px) rotateX(
0.93deg
) translateZ(-1px);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

}




.base-c.base-c-games-type.games-type-bg.custom-active-games{
  color: #332600 !important;
}

.subtabsa{
  background-color: #e3e3e3 ;
  padding: 0;
  justify-content: left;
  display: flex;
}

.filters_matching .filter_switch .heading, .filters_matching .filter_delete .heading, .filters_matching .filter_dropdown span, .table-responsive *{
  color: #150f1b !important;
}

.back-lay-container-matched table thead th:nth-child(1){
  padding-left: 6px;
}

.match_card .games-heading {
  border-radius: 5px 5px 0px 0px !important;
}

.match_card .wrapper_card .card:first-child {
  border-radius: 0px 0px 0 0 !important;
}


.match_card .wrapper_card .card:last-child{
  border-radius: 0  !important;
}


.subtabsa li a {
  margin: 0 !important;
  border-radius: 0 !important;
}

.match_card .wrapper_card .card .teams p{
  font-size: 10px !important;
}


.subtabsa li.active a{
  border-bottom: solid #00d453 1px !important;
}

/************************************Login*************************************/

.bg-admin.loginmainnn .login-panel .main {
  border-radius: 0;
  width: 30%;
  height: 100vh !important;
  min-height: auto;
  padding: 50px 0 70px 0;
  background-size: cover;
  position: fixed;
  top: 0;
  right: 0;
  background: #1c1c1c !important;
  display: flex;
  align-items: center;
  justify-content: center;
}


.bg-admin.loginmainnn .login-panel .main .form-group {
  padding: 0px 0px 0px 0px !important;
  margin-bottom: 0px;
}

.bg-admin.loginmainnn .login-panel .main .forget-password button {
  background-color: #edb54d !important;
  height: 55px;
  width: 100%;
  margin-left: 0px;
  /* font-family: inherit !important; */
  color: #503300 !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  border-radius: 4px;
}

.bg-admin.loginmainnn .main.login-admin .mainlogin{
  width: 60%;
  /* font-family: Arial, Helvetica, sans-serif; */
}

.bg-admin.loginmainnn .login-panel .mainlogin h2{
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 600;
  margin-bottom: 60px;
  color: #fff;
}

.bg-admin.loginmainnn .login-panel .main .form-group div input {
  padding: 29px 19px !important;
  border-radius: 4px;
}

/* .web.modal-open{
  filter: blur(8px);
  -webkit-filter: blur(8px);
} */





/**************** Loging Playar ********************/

.login-panel .main .icon-logind2 {
  padding: 0px;
  text-align: center;
  margin-top: 0px;
  width: 100%;
  float: left;
  margin-bottom: 60px;
}

.login-panel .main .icon-logind2 h1{
  text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    text-align: center !important;
    width: 100%;
    padding-block: 0px;
    padding: 0;
    margin: 0;

}

.formdd2{
  width: 83%;
  margin: auto;
}

.login-panel .main .icon-login {
  padding: 0px;
  text-align: center;
  margin-bottom: 67px;
  width: 100%;
  float: left;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

.login-panel .main .icon-login h2{
  font-weight: 700;
}


.formdd2  .form-group{
  padding: 0px  !important;
}

.formdd2 .form-group input {
  background: transparent !important;
  border-bottom: 2px solid #d6d6d6 !important;
  padding: 18px 0px 18px 0 !important;
  font-size: 16px !important;
}

.formdd2 .form-group input::placeholder{
  font-size: 16px !important;
  color: #fff !important;
  opacity: 1 !important;
}

.formdd2 .form-group input:focus{
  border: none;
  box-sizing: border-box;
  box-shadow: none !important;
}


.formdd2  .forget-password button{
  padding: 0px !important;
  width: 100% !important;
  margin-left: 0px !important;
  background-color: var(--navText)!important;
  height: 52px !important;
  line-height:inherit;
  margin-top: 12px;
  border-radius: 5px !important;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}


.formddmain2 .login-panel .main {
  border-radius: 10px; background-color: #030533;
  width: 400px;
  height: auto!important;
  min-height: auto!important;
  padding: 80px 0 70px 0;
  background-size: auto;
  background-position: 0 -21px;
}




.event_card .heading .match-type img {
  display: none !important;
}

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




app-market-card app-market-card:nth-child(1){
  margin-top: 0px !important;
}

app-market-card app-market-card:nth-child(2){
  margin-top: 10px !important;
}

app-market-card app-market-card:nth-child(3){
  margin-top: 10px !important;
}


.event_card .wrapper_card .card_event .rating ul li > h2 {
  margin: 0 0 -10px !important;
}

.event_card .wrapper_card .card_event .rating ul li p{
  font-size: 11px !important;
}

.nav.nav-tabs.subtabsa{
  background-color: #e3e3e3 !important;
}

.subtabsa li a{
  color: #000 !important;
  padding: 8px 16px !important;
}
/*
.fancy_bets .heading{
  display: none  !important;
} */

.bgtit .btn.btn-primary.btn-sm, .bgtit  .btn-primary{
  color: #fff !important;
}

.bgtit{
 background-color: #dedede !important;
}

.wrapper_fancy-bets .advantages.hideall.ng-star-inserted::before{
  display: none !important;
}

.wrapper_fancy-bets .advantages.hideall{
  padding: 3px 65px 3px 14px !important;
}


.player_book{
  font-size: 0px !important;
  background-color: #ededed  !important;
  border: none  !important;
  padding: 3px 6px !important;
}

/* .player_book img{
  width: 20px;
} */

.modal-title#myModalLabel img{
  width: 22px !important;
}


.modal-open .modal {
  z-index: 99999999999999;
}


.nav.nav-tabs.subtabsa{
  border-radius: 0 4px 0 0;
  border-bottom: none !important;
  position: relative;
}

.maintabs{
  border: none !important;
}


.tabconta{
  border-top: solid 0px #ccc;
  margin-top: 0px;
}

.wrapper_fancy-bets{

}

.matos{
  width: 25%;
}


.betloaderd2{
  width: 380px !important;
}

/* @media screen and (max-width: 1300px) {
  .betloaderd2{
    width: 380px !important;
  }

} */



.maidiv{
  position:inherit !important;
  margin-bottom: 10px;
  }


  /* .maintabcasi{
    display:none !important;
  } */


  .event_card .wrapper_card {
    padding: 0 0px !important;
    box-shadow: inherit !important;
    margin: 0 !important;
}

.match_card .wrapper_card{
  padding: 0 0px !important;
}


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

.wrapper_card .match_card .wrapper_card .card{
  border-radius: 0px !important;
}


.wrapper_card .card:hover, .wrapper_card .card_event:hover {
  border-left: solid 5px var(--navText) !important;
  background: linear-gradient(
140deg
, rgba(208,208,208,1) 0%, rgb(255 255 255) 12%) !important;
}


.margintopplayar .wrapper_dashboard {
  background-color: #f5f5f3 !important;
  background-image: none !important;
}



.dashboard .container-main .navbar .container-fluid ul li a span {
  margin-right: 6px;
  z-index: 999999999;
  position: inherit;
}


.dashboard.dashboard-bg {

}

.login-panel .main .form-group div input{
  background-color: none !important;
}

.login-panel .main .form-group div input::placeholder{
color: #fff !important;
}


.prodropicom {
  padding: 3px !important;
  margin-top: 2px !important;
  border-radius: 4px;
  margin-right: 5px !important;
  height: inherit !important;
  background: transparent !important;
  line-height: 26px !important;
}

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){
  color: #fff !important;
}


div[header] div[headerBg] .navbar .container-fluid ul div[arrow_box]:last-child li a {
  color: #ffffff !important;
}

.tabactive
{
  background-color: yellow !important;
}

/* .dashboard .accordian-menu .game-option .games li:hover{ background-color: var(--haverCR)!important;} */

.dashboard .accordian-menu .game-option .games li:hover a{background:none!important; border-left:solid 8px transparent!important}
.dashboard .accordian-menu .game-option .games li .rightarrowicon1{width: 5px!important; margin: 10px 0 0!important;}
.dashboard .accordian-menu .game-option .games li .accrow{stroke:#fff!important;}

.singpopup{ width:578px!important;}
.singpopup .modal-content{background: var(--haverCR)!important; padding:40px 40px} 
.singpopup .downline-heading{ text-align: center; margin: 0 0 30px; position: relative;}
.singpopup .close{ background: var(--main-color-white); width: 35px; height: 35px; color: #000 !important; border-radius:35px; text-align: center; line-height: 30px; -webkit-border-radius:35px; -moz-border-radius:35px; -ms-border-radius:35px; -o-border-radius:35px; }
.singpopup .back{ background: var(--borderCR); position: absolute; left: 0!important; width: 35px; height: 35px; border-radius:35px; text-align: center; line-height: 30px; -webkit-border-radius:35px; -moz-border-radius:35px; -ms-border-radius:35px; -o-border-radius:35px;}
.singpopup .back .fa{ color:#fff; line-height: 35px;}
.singpopup .downline-form .form-control{height: 60px!important; color:#fff; -webkit-appearance: none; background:var(--borderCR)!important; border:1px solid rgba(255,255,255,0.1)!important; border-radius:10px; padding: 0 25px; }
.singpopup .ptext{ color:rgba(255,255,255,0.4); text-align: left;}
.singpopup .btn-primary{cursor: pointer; background: var(--navText)!important; color:#fff!important; font-size:18px; padding:20px 0; width:100%; border-radius:10px; font-weight: 600;}
/* .singpopup .countrycode{ width: 50px; position: absolute; top:0; left: 0;} */
.singpopup .otptext{background: none; border: none; color:var(--navText)!important}
.datetime{ font-weight:400!important}
.dropdown .active{background: linear-gradient(16deg, #df9c0d 0%, #ffde00 100%) !important;

  color: #000 !important;}
  .negative, .positive{ font-weight: 800;}
  .match_card .games-heading > ul li span{font-family: 'Poppins', sans-serif!important;}
  .fancy_bets .heading .left span{font-family: 'Poppins', sans-serif!important; font-weight:600!important; font-size:14px!important; padding:0 0 0 3px; }
  .fancy_bets .wrapper_fancy-bets .card_fancy .advantages .text span{font-family: 'Poppins', sans-serif!important; font-weight:500;}
  .fancy_bets .wrapper_fancy-bets .card_fancy .advantages .text .text-black{ font-weight:400!important;}
  .fancy_bets .wrapper_fancy-bets .card_fancy .advantages .value > ul li.matchOdds{ margin:0 4px;}
  .event_card .wrapper_card .card_event{padding: 5px 5px 5px 10px!important;}
  .fancy_bets .wrapper_fancy-bets .card_fancy .advantages{padding: 5px 5px 5px 10px!important;}
  .mainplayarm li{font-weight: 400!important;}
  .marterTitle strong{ font-weight:500!important}
  /* .cricket-matches .games > li > a{padding: 11px 0px!important;} */
  .accordion-border span:last-child{ font-size:14px!important;}
  .cricket-matches{ background:var(--side-bg)!important}
  .cricket-matches .games > .accordion-border span:last-child{ font-size:12px!important; padding: 0 35px 0 0!important;
    display: inline-block;}

  .games .accordion-border .cricket-matches .base-c {display: none!important;}
  .games .accordion-border .cricket-matches .games .accordion-border .base-c { display: block!important; padding: 11px 0px!important;}
  /* .games .accordion-border .cricket-matches .games .accordion-border .cricket-matches .base-c { display: none!important; padding: 11px 0px!important;} */
.newnav-pills li a img{ width: inherit!important;}
.logoloader img{ max-width: 100%;}
.accordion-border:hover{ background: none!important;}
app-exposure-details button.close{ color:#fff!important}
.demoLogin a{border: solid 3px var(--navText) ;}
.demoLogin a:hover{background:var(--navText); color: #000;}
@media (max-width:1550px){
  .container-main-history .bet-history-status {
    margin: 5px 20px 0px 19px !important;
  }
}
@media (max-width:1100px){
  app-player-bet-slip.bet-slip{width:280px !important;}
  .bet-slip-container {width: 280px;}
  .anutit{ font-size:12px;}
  .event_card .wrapper_card .card_event{padding: 5px 5px 5px 5px!important;}
  .skin-1 .dashboard .custom-active-gamesliul { margin-right: -16px !important;}
  .bet-slip-container .bet-info .available-bets .lay-container .wrapper_button > div:first-child{width: 100%!important;}
}
@media(max-width:990px){
  div[header] div[headerBg] .navbar .container-fluid ul li[hover] > :first-child{ font-weight: 400;}
  .tcolort{ margin-left: 0!important;}
  div[header] div[headerBg] .navbar .container-fluid ul li{ font-size: 12px!important;}
  .dashboard .container-main .navbar .container-fluid ul li a{ width: auto; padding: 5px 15px!important; font-size: 12px;}
  .skin-1 .dashboard .custom-active-gamesliul{margin-right: -9px!important;}
  .dashboard .container-main .navbar .container-fluid ul li a{ margin-right: -12px!important;}
}

app-admin-banking input[type="search"]{
  height: 50px; border-radius: 3px;
}

@media (max-width:767px){
  .maincardss {
    height:inherit;
      overflow-y: inherit;
      margin-top: 50px;
  }
}


app-add-payment-method .modal-dialog {
  display: inline-flex !important;
}

ul.adminul li{
  background: var(--side-bg) !important;
  border: #f00 1px solid;
  box-shadow: none !important;
}

div#player-signup .modal-dialog.singpopup.modal-dialog-centered .modal-content {
  background: var(--hover-color)!important;
}
div#player-signup .modal-dialog.singpopup.modal-dialog-centered .downline-form .form-control {
  background: var(--tabhover)!important;
}
.singpopup button.btn-lg.btn.btn-primary {
  color: #fff !important;
}
div#playersignup {
  color: var(--white-color) !important;
  background:var(--navText) !important;
  border: solid 1px var(--navText) !important;
}
.admin_balance .search form input.completer-input {
  background:var(--main-color-white) !important;
  padding-left: 7px;
}
.completer-dropdown-holder .completer-dropdown {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}