@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');
*{
  letter-spacing: 0px;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400;

}
.open-sans{
  font-family: 'Open Sans', sans-serif !important;
}
.main-container
{
    width:100%;
    padding: 5px 0px 5px 0px;
    display: flex;
    justify-content: center;
}
.middle-container{
    width:100%;
    padding: 5px 0px 5px 0px;
    display: flex;
    justify-content: center;
}
th,td{
    font-weight: normal;
    vertical-align: middle;
    font-size: 12px;
}


.table{
    font-size: 14px;
    border: none !important;
}




.skyblue{
    /* background-color: #555 !important; */
}

.yellow{
   color: red !important;
    
}
.orange{
   color: green !important;
}

.green{
 color: #60c73b !important;
  
}
.bluee{
    color:#5E17EB;
}
.gray{
    color:#CDCACA !important;
}
.black{
    background-color: #000 !important;
}
.g{
    color: #60c73b;
}
.bl{
    color:#CDCACA !important;
}

.list-bottom {
    list-style-type: none;
    color: #fff;
    font-size: 0;
}

.list-bottom>li {
    display: inline-block;
    width: 25%;
    text-align: center;
    vertical-align: middle
}

.list-bottom>li>a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
}
.score_table  td,th{
border: 1px solid lightgray;
}

.bdy{
    display: block;
    width:100%;
    transition: all 0.3s;
}

.bdy_active{
    display: none;
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}


.btn-blue{
    background-color: #290fec;
    border:1px solid #290fec;
    color:#fff;
}
.btn-blue:hover{
    color:#fff;
}
.logo{
    display: inline-block;
    vertical-align: middle;
}
.logo-span{
    display: block !important;
    font-size: 10px !important;
}
.bold{
    font-weight: bold;
}
.fs-1{
    font-size: 10px;
}
.fs-2{
    font-size: 12px;
}
.fs-3{
    font-size: 14px;
}
.fs-4{
    font-size: 16px;
}
.fs-5{
    font-size: 18px;
}
.fs-6{
    font-size: 20px;
}
.fs-big{
    font-size:36px !important;
}
.tab_bottom{
   color: #00C864 !important;
}
.popup-ul{
    list-style-type: none;padding:0;
}
.popup-ul li{
    display: inline-block;
    margin: 5px;
    vertical-align: top;
}
.popup-menu{
    width: 110px;height:110px;background-color: red;border-radius:10px;
}
/* .trade_menu .nav-item{
    margin: 0px 3px !important;
}
.trade_menu .nav-item .nav-link{
    font-size: 12px;
} */
.navbar-toggler-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.setup{
    position: relative;
}
.popup_setup{
    width: 150px;
    padding: 10px;
    height: 180px;
    background-color:#E6E4E4;
    position: absolute;
    border-radius: 20px;
    display: none;
    left:100%;
    z-index: 9999999;
    top:0%;
}
.setup:hover .popup_setup{
    display: block;
}
.rounded{
    border-radius: 20px !important;
}
.cur_tab{
    border-radius: 20px;
    background-color: rgba(230,230,230,0.3);
}
.tri-menu{
    display: none;
}
.btn-menu,.btn-menu1{
    background-color:#2103ff;color:#fff;
    font-size: 12px;
}
.btn-menu:hover{
   
        background-color: #FFDE59;
    
}
.btn-menu1:hover{
    background-color: #FFDE59;
}
.pool-bar > li{
    border: 0px;
    padding: 8px;
    background-color: transparent !important;
    font-size: 13px !important;
}
.bar-1{
    background-color: #272626 !important;
    padding: 10px 0px 10px 0px;
}

.bar-2{
    background-color: #4754FF !important;
    color:#fff !important;
   
    padding: 10px 0px 10px 5px;
    
}
.fns-2{
    font-size: 12px;
}

.bar-3{
    background-color: #2103FF !important;
    padding: 10px 0px 10px 5px;
  
}
.list-group-item{
    color: #fff;
}
.bar-4{
    background-color: #00DD6E !important;
    padding: 10px 0px 10px 0px;
}

.trade_menu > .nav-item{
    margin: 0px 10px 0px 10px;
}