:root {
  --primary-color-dark: #ffffff !important;
  --gradient-primary: linear-gradient(90deg, #31ee92, #a4f377);
  --gradient-menu: linear-gradient(100deg, #31ee92, #000000, 75%);
  --darkv: #495152;
  --darkv2: #323838;
  --darkv3: #292d2e;
  --bs-table-color: #ffffff;
}

.cursor-pointer {
  cursor: pointer;
}
p.parsley-success {
  color: #ea5455;
  background-color: #dff0d8;
  border: 1px solid #ea5455;
  font-size: 0.857rem;
}
p.parsley-error {
  color: #ea5455;
  background-color: #f2dede;
  border: 1px solid #ea5455;
  font-size: 0.857rem;
}
ul.parsley-errors-list {
  list-style: none;
  color: #ea5455;
  padding-left: 0;
  font-size: 0.857rem;
}
input.parsley-error,
textarea.parsley-error,
select.parsley-error {
  /*background: #FAEDEC;*/
  border: 1px solid #ea5455 !important; /*border-bottom: 1px solid #E85445;*/
  font-size: 0.857rem;
}
.btn-group .parsley-errors-list {
  display: none;
}
.menu .app-brand {
  height: 64px;
}
.iti {
  width: 100% !important;
}
.layout-wrapper {
  position: absolute;
}

.file-upload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}
.file-upload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.crop-box {
  position: relative;
  height: 400px;
  width: 100%;
  background: #fff;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  cursor: move;
}
.crop-box .thumb-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  box-sizing: border-box;
  box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
  background: none repeat scroll 0% 0% transparent;
}
.crop-box .spinner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 400px;
  background: rgba(0, 0, 0, 0.7);
}

.state-loading {
  position: relative;
}
.state-loading::before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: -2px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.state-loading::after {
  display: inline-block;
  font-family: tabler-icons;
  font-kerning: auto;
  line-height: 35px;
  font-size: 35px;
  font-style: normal;
  font-synthesis: weight style;
  font-weight: normal;
  animation: 2s linear 0s normal none infinite running fa-spin;
  color: #fff;
  content: "\eca3";
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  z-index: 100;
  margin-top: -10px;
  margin-left: -10px;
}
.mobile-700 {
  min-width: 100% !important;
}
@media only screen and (max-width: 600px) {
  .mobile-700 {
    min-width: 700px !important;
  }
}

/*Full Theme Customization*/

/*a {
    color: #ff0000 !important;
  	font-weight: bold !important;
}*/

body {
  font-family: monospace !important;
  background: #242626 !important;
  color: #fff !important;
  font-family: Montserrat !important;
}
.form-label {
  font-size: 1rem !important;
  margin-bottom: 0.675rem;
}
.form-control {
  color: #fff !important;
  font-size: 0.875rem !important;
  padding: 0.875rem !important;
  line-height: 1rem !important;
  background: var(--darkv);
  border: none;
  caret-color: white;
}

.form-control:focus {
  color: #fff;
}

.form-control:-webkit-autofill {
  box-shadow: 0 0 0 1000px var(--darkv) inset !important;
  -webkit-text-fill-color: #fff !important;
}

.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #31ee92;
  background: linear-gradient(
    125deg,
    rgba(49, 238, 146, 0.6) 0%,
    rgba(255, 255, 255, 0) 60%
  );
  /* background: var(--gradient-menu); */
  border: 1px solid var(--primary-color);
}
.text-muted {
  color: #ffffff !important;
}

.modal-content {
  background-color: var(--darkv2) !important;
  border: 1px solid;
}

.btn-primary:hover {
  color: var(--primary-color) !important;
}

.bg-menu-theme .menu-link,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next {
  color: #ffffff;
}

.bg-menu-theme {
  background-color: #292d2e !important;
  color: #ffffff;
}
.bg-navbar-theme {
  background-color: #292d2e !important;
}
.card-body {
  /* background-color: #323738 !important; */
  border: none !important;
  background-color: #292d2e !important;
  border-radius: 0.375rem;
  box-shadow: 0 2px 4px #0000001a;
  padding: 18px 14px;
  color: #ffffff !important;
}
.mfp-bg {
  background: #141414 !important;
}

.btn-gradient {
  color: #000;
  background: var(--gradient-primary);
  font-weight: 700;
  font-size: 0.875rem;
}

.auth-welcome-message {
  color: #fff;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: -1%;
  vertical-align: middle;
}

.menu-item {
  margin: 0;
  margin-bottom: 0.5rem !important;
}

.menu-sub > .menu-item > .menu-link {
  margin-left: 1.125rem !important;
}

.menu-item > .menu-link {
  background-color: #323838 !important;
  border-radius: 0.25rem !important;
  padding: 1rem !important;
  /* margin-bottom: ; */
}

.text-black {
  color: #000 !important;
}

.tradingview-widget-container,
.tradingview-widget-container__widget {
  background: #292d2e !important;
}

#top-bar-bg-image-01{
    background-image: url("../../admin/img/top-bar-bg-image-01.jpg");
    background-position: top -7rem center;
}

#top-bar-bg-image-02{
    background-image: url("../../admin/img/top-bar-bg-image-02.png");
    background-position: top center;
}

.top-bar-bg-image {
	background: #000000;
	background: linear-gradient(
          90deg,
          rgba(0, 0, 0, 0.6) 80%,
   	      rgba(24, 24, 24, 0) 60%,
          rgba(102, 102, 102, 1) 0%);
	background-size: cover;
	background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .top-bar-bg-image {
      background-position: center;
      background-size: 100% 100%;
      background-repeat: no-repeat;
  }

  #top-bar-bg-image-01{
  	  background-position: center;
  }
}

.bg-blur {
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 1;
}

.candle-icons {
  width: 15%;
  position: absolute;
  right: 2rem;
  z-index: 2;
}

.btn-outline-light:hover {
  background: transparent !important;
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.bg-dark1 {
  background-color: var(--darkv) !important;
}

.bg-dark2 {
  background-color: var(--darkv2) !important;
}

.bg-dark3 {
  background-color: var(--darkv3) !important;
}

.no-cvt-img img {
  display: none !important;
}

.no-cvt-img::after {
  content: " USDT";
}

#technicals-summary-interval-tabs {
  display: flex !important;
  flex-flow: row nowrap !important;
  justify-content: center !important;
  gap: 8px !important;
}

.medal-bg-primary {
  background-color: #31ee934d;
}

.grayscale-image {
  filter: grayscale(100%);
}

.bullet-point {
  height: 1rem;
  width: 1rem;
  display: inline-block;
  margin: 0 0.5rem;
}

.donut-bg1 {
  background-color: #8d50d8;
}
.donut-bg2 {
  background-color: #80bd77;
}

/* Prevent hover change */
input[type="file"]::-webkit-file-upload-button:hover {
  background-color: var(--darkv);
  color: #fff;
}

label.file-upload-label {
  width: 100%;
  background: var(--darkv) !important;
  color: white;
  cursor: pointer;
  padding: 1.125rem !important;
}

.border-circle {
  border: 1px solid #fff !important;
  border-radius: 50% !important;
  padding: 0.5rem;
}

.file-upload-label .file-chosen {
  font-size: 0.875rem !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--darkv) !important;
  color: var(--bs-table-striped-color);
}

.table > :not(caption) > * > * {
  padding: 0.55rem 1.25rem;
  background-color: var(--darkv);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.nav-pills > .nav-item > a.nav-link:not(.active) {
  color: #fff !important;
}

.nav-pills > .nav-item > a.nav-link:not(.active):hover {
  color: var(--primary-color) !important;
}

.nav-pills > .nav-item > a.nav-link.active,
.nav-pills > .nav-item > a.nav-link.active:focus {
  background: var(--gradient-primary) !important;
  background-color: transparent;
  color: #000 !important;
}

.nav-pills > .nav-item > a.nav-link.active:hover{
	color: #fff !important;
}

.btn.btn-label-secondary.close-popup,
button.btn-close.close-popup {
  color: #000 !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #fff;
}

.custom-option {
  background: var(--darkv) !important;
  border: none !important;
}

.wrap-link {
  display: block;
  word-break: break-all;
}

.iti__country-list {
  color: #000 !important;
  width: 398px !important;
}

input[type="tel"].form-control {
  padding-left: 5.125rem !important;
}

.table{
	--bs-table-border-color: #757575 !important;
}

.dataTables_info{
  color: #fff !important;
}

.card{
 --bs-card-border-radius: 0.5rem !important; 
}