@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;
    }
    
    #orderBookStyle{
        overflow-x: scroll !important;    
    }


}

    @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);}
    }
    
    
    /* Index Css */
    
    * {
  scrollbar-width: thin;
  scrollbar-color: #888 #535454;
}

*::-webkit-scrollbar-track {
  background: #f1f1f1;
}

*::-webkit-scrollbar-thumb {
  background-color: #888;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

 #loaderbuy {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    display: none;
    margin: 20px auto;
 }

 #loadersell {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    display: none;
    margin: 20px auto;
 }

 #loaderbuystop {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    display: none;
    margin: 20px auto;
 }

 #loadersellstop {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    display: none;
    margin: 20px auto;
 }

 @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
 }

.buysaletabsstyle{ padding: 5px 25px; }

.refreshOrderClass{ margin-bottom:10px;cursor: pointer;font-size: 12px;border:1px solid #2e2e2d;padding:4px; }

.refreshTradeClass{ margin-bottom:10px;cursor: pointer;font-size: 12px;border:1px solid #2e2e2d;padding:4px }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #000; background-color: #d2970a; }

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

@media screen and (max-width: 992px) {
.topnav {
    position: fixed;
    left: 8px;
    right: 9px;
    top: 51px;
    z-index: 99999;
    background: #121319;
    -webkit-box-shadow: 0 2px 3px rgb(52 58 64 / 6%);
    box-shadow: 0 2px 3px rgb(52 58 64 / 6%);
  }
}
.login_buy_lmt{
  background-color: #089981;
  border: 2px solid #089981;
  color: #f2f0eb;
}  

.login_sell_lmt{
  background-color: #f23645;
  border: 2px solid #f23645;
  color: #f2f0eb;
}

.login_buy_stp_lmt{
  background-color: #089981;
  border: 2px solid #089981;
  color: #f2f0eb;
}  

.login_sell_stp_lmt{
  background-color: #f23645;
  border: 2px solid #f23645;
  color: #f2f0eb;
}

.text-red-light{
    color: #f23645;
}

.text-green-light{
    color: #089981;
}

.progress-container1 {
  position: relative;
  height: 9px;
  width: 95%;
  background-color: #0f0f0f;
  border: 1px solid #8c898926;
  margin-left: 6px;
}

.progress-bar1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-color: #3734348a;
}

.progress-button {
    width: 10px;
    height: 10px;
    border: 2px double #5b5b5b; /* Red color, you can change it */
    position: relative;
    transform: rotate(45deg);
    margin: -2px;
    position: absolute;
}

 #previewDiv{
    margin:10px 10px 0px;border-bottom: 1px solid #2f2c2c;font-size: 12px;
 }

.btn_confirm:hover{
    background-color: #089981;
    color:white !important;
}

.btn_cancel:hover{
    background-color: #f23645;
    color:white !important;
}    

.nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: rgba(247, 245, 243, 0.21);
  border-color: rgba(26,32,44,.3);
}
/* end index css */