body {
  background-color: #212429 !important;
  color: #ffffff !important;
}

.items a {
  color: #5d6069;
}

.items a:hover {
  color: #ffffff;
  background-color: #fe5e00;
}

.activeNav {
  color: #ffffff !important;
  background-color: #fe5e00;
}

.items a:focus {
  color: #ffffff;
  background-color: #fe5e00;
}

.accord h2 {
  background-color: #212429;
  color: #ffffff;
}

.accord .accordion-button {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
  background-color: #212429;
  color: #ffffff;
}

.accord .accordion-item {
  background-color: #212429;
}

.accord .accordion-button:focus {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.accord .accordion-button:not(.collapsed) {
  border: 1px solid #45464c;
  /* background-color: #35363b !important; */
  background: linear-gradient(90deg,
      rgba(59, 60, 66, 1) 0%,
      rgba(33, 36, 41, 1) 100%);

  color: #ffffff !important;
}

.accord .accordion-body:not(.collapsed) {
  border: 1px solid #45464c;
  /* background-color: #35363b !important; */
  background: linear-gradient(90deg,
      rgba(59, 60, 66, 1) 0%,
      rgba(33, 36, 41, 1) 100%);

  color: #ffffff !important;
}

.search_bar {
  background: rgba(59, 60, 64, 0.9);
  border: 1px solid #494a4f;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 20px;
}

.search_bar input {
  background-color: #212429;
  color: #9c9daf;
  background: linear-gradient(90deg,
      rgba(59, 60, 64, 0.9) 0%,
      rgba(33, 36, 41, 1) 100%);
}

.search_bar input:focus {
  background-color: #212429;
  color: #9c9daf;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.btn_mode {
  background-color: #272528 !important;
  color: #fd5e00 !important;
}

.btn_m_s {
  background: linear-gradient(90deg,
      rgba(255, 89, 15, 1) 0%,
      rgba(208, 51, 192, 1) 100%);
  color: white !important;
}

.btn_radio_grp {
  background: linear-gradient(0deg,
      rgba(44, 45, 50, 1) 0%,
      rgba(15, 18, 25, 1) 100%);
}

.btn_radio {
  color: #b8b9bb !important;
}

.nav_th {
  color: #ffffff;
}

.btn_radio:hover {
  color: #fbfbfc !important;
  background: linear-gradient(0deg,
      rgba(32, 35, 44, 1) 0%,
      rgba(75, 76, 81, 1) 100%);
}

.focus {
  color: #fbfbfc;
  background: linear-gradient(0deg,
      rgba(32, 35, 44, 1) 0%,
      rgba(75, 76, 81, 1) 100%);
}

.btn_gray_white {
  color: #c0c1c4 !important;
  background-color: #272a31 !important;
}

.btn_gray_white:hover {
  color: #cecece !important;
  background-color: #24272e !important;
}

.btn_gray_white2 {
  color: #c0c1c4 !important;
  background-color: #272a31 !important;
}

.btn_gray_white2:hover {
  color: #cecece !important;
  background-color: #24272e !important;
}

.btn_orange2 {
  background-color: #2d2b2e !important;
  color: #fd5e00 !important;
}

.btn_orange2:hover {
  background-color: #272528 !important;
  color: #ff7424 !important;
}

.btn_orange {
  background-color: #2d2b2e !important;
  color: #fd5e00 !important;
}

.btn_orange:hover {
  background-color: #272528 !important;
  color: #ff7424 !important;
}

.header .icn_btn {
  background-color: #2b2e33;
  color: #9c9bab;
}

.icn_btn {
  background-color: #2b2e33 !important;
  color: #9c9bab !important;
}

.bg-theme {
  background-color: #212429 !important;
}

.color1 {
  color: rgb(151, 153, 168);
}

.color2 {
  color: #0c9a9e;
}

.offcanvasCloseBtn {
  background-color: transparent;
  color: #9c9bab;
}

.chartDiv svg>rect {
  /*#salesChart is ID of your google chart*/
  fill: #212429;
}

.chartDiv svg g>text {
  /*#salesChart is ID of your google chart*/
  fill: #ffffff;
}

.burnSwap {
  background:
    rgba(59, 60, 66, 1);
}

.currencyInput {
  background-color: #272a31 !important;
}

.currencyInput:hover {
  border-color: #c0c1c4 !important;
  border: 1px solid;
}

::placeholder {
  opacity: 0.25;
}

.currencyInputField {
  background-color: #272a31 !important;
  color: #c0c1c4;
}

.tokenName {
  color: #c0c1c4 !important;
}

.balanceAmount {
  color: #c0c1c4 !important;
}

@media (max-width: 576px) {
  .accord .accordion-button {
    background-color: #35363b;
    border: 1px solid #45464c !important;
  }

  .accord .accordion-button:not(.collapsed) {
    background-color: #35363b;
    border: 1px solid #45464c !important;
  }
}

#exampleModal1 .modal-content,
#exampleModal2 .modal-content,
#exampleModal3 .modal-content,
#exampleModal4 .modal-content {
  background-color: #212429;
  border-radius: 20px;
  border: 0px;
}

#exampleModal1 .color1,
#exampleModal2 .color1,
#exampleModal3 .color1,
#exampleModal4 .color1{
  color: #87868d !important;
}

.stakedInput {
  border-color: #35363b !important;
  background-color: #35363b;
}

a {
  color: #fff !important;
}

.arrowImg {
  filter: invert(100);
}