@media (min-width: 320px) and (max-width: 991px){

    #forWebMenu {
        display: none;
    }

    #for-desktop {
    display: none;
    }

    #candlestick {
        display: none;
    }

    #history-tables {
        display: none;
    }

    #videos {
        display: none;
    }

}

    @media (min-width: 992px) and (max-width: 1400px) {
        #for-mobile {
            display: none;
        }
    }

    .nav-item a{
        font-size: 12px !important;
    }


.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: #1d202c;
  border-bottom: 1px solid var(--bs-card-border-color);
}

.col {
  border-right: 1px solid var(--bs-card-border-color);
}

tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border: none;
}
/*#logo_style {
  font-size: 18px;
  font-weight: bold;
  background: -webkit-linear-gradient(#fce703, #fce703);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}*/


#tot-ord {
    margin-left: 15px;
}

.nav-tabs-custom .nav-item .nav-link.active {
  color: #cda954;
}

.nav-tabs-custom .nav-item .nav-link::after {
  content: "";
  background: #cda954;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -2px;
  -webkit-transition: all 250ms ease 0s;
  transition: all 250ms ease 0s;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.w-md {
/*  min-width: 310px;*/
  min-width: 100% !important;
  margin-bottom: 20px;
}



@media (min-width: 320px) and (max-width: 767px) {
    
#tot-ord {
    margin-left: 22px;
}

#tablists {
   margin-bottom: 90px;
}

}
#scrolbars::-webkit-scrollbar {
  width: 5px !important;
}

#scrolbars::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
}
 
#scrolbars::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

 .w-md {
    min-width: 310px;
    min-width: 100% !important;
    margin-bottom: 20px;
  }

  #tabs_style{
    font-size: 12px;padding: 5px 10px;margin-bottom: 10px;
  }

  #scrolbars{
    height: 416px !important;overflow: hidden scroll !important;
  }

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

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

  .fs-12{
    font-size:12px !important;
  }

  .actives{
    background: #fcba03 !important;
    color:black !important;
    border:1px solid transparent;
  }

  .activesusd{
    background: #fcba03 !important;
    color:black !important;
    border:1px solid transparent;
  }

  .inactives{
    background: #52514e !important;
    color:white !important;
    border:1px solid transparent;
  }  

  .inactivesusd{
    background: #52514e !important;
    color:white !important;
    border:1px solid transparent;
  }

  .text-red{
    color:#f54254;
  }

  .text-green{
    color:#49f5ab;
  }

   .spinner {
       position: absolute;
       left: 45%;
       top: 50%;
       height:60px;
       width:60px;
       margin:0px auto;
       -webkit-animation: rotation .6s infinite linear;
       -moz-animation: rotation .6s infinite linear;
       -o-animation: rotation .6s infinite linear;
       animation: rotation .6s infinite linear;
       border-left:6px solid rgba(0,174,239,.15);
       border-right:6px solid rgba(0,174,239,.15);
       border-bottom:6px solid rgba(0,174,239,.15);
       border-top:6px solid rgba(0,174,239,.8);
       border-radius:100%;
    }
    
    @-webkit-keyframes rotation {
       from {-webkit-transform: rotate(0deg);}
       to {-webkit-transform: rotate(359deg);}
    }
    @-moz-keyframes rotation {
       from {-moz-transform: rotate(0deg);}
       to {-moz-transform: rotate(359deg);}
    }
    @-o-keyframes rotation {
       from {-o-transform: rotate(0deg);}
       to {-o-transform: rotate(359deg);}
    }
    @keyframes rotation {
       from {transform: rotate(0deg);}
       to {transform: rotate(359deg);}
    }