/* Add here all your CSS customizations */
@import url('../fonts2/Montserrat.css');


table.Trending_Table_Root tr td {
    /* padding: 2px 0px; */
    padding: 2px 3px;
    font-size: 12px;
}

.header-container.container .pb-4, .header-container.container .py-4
{
    padding-bottom: 0.5rem!important;
    padding-top: 0.5rem!important;
}

.color-white
{
    color:#FFF;
}

.font-weight-semiboldd
{
    font-weight:500;
}

.pad-5px-tb
{
   padding: 5px 0;
}


/*Live Rates Right Side*/
.right-app-cover {
    width: 100%;
    float: left;
    padding: 0px 10px;
    box-shadow: 1px 1px 5px 0px #000;
    border-radius: 10px;
}
.right-app-cover {
    padding-top: 0px !important;
}
.right-app-details {
    border-radius: 10px;
    margin-bottom: 6px;
    border: 4px groove #648577;
    margin-top: 5px;
}
.app-available {
    padding: 5px 0 5px 0;
}
.anroid-app-cover {
    display: inline-block;
    width: 48%;
    text-align: center;
}
.ios-app-cover {
    display: inline-block;
    width: 48%;
    text-align: center;
}
.adrs {
    padding: 5px 0 5px 0;
    border-top: 1px solid #648577;
    margin-top: 8px;
}
.app-available h4 {
    padding: 5px 0px;
    text-align: center;
    color: #648577;
    font-weight: bold;
    font-size: 20px;
}
.anroid-app-cover a {
    background: #648577;
    display: inline-block;
    border-radius: 20px;
    padding: 5px 0px;
    height: 40px;
    width: 40px;
    text-align: center;
}
.ios-app-cover a {
    background: #648577;
    display: inline-block;
    border-radius: 20px;
    padding: 5px 0px;
    height: 40px;
    width: 40px;
    text-align: center;
}
.adrs h4 {
    padding: 5px 0px;
    text-align: center;
    color: #648577;
    font-weight: bold;
    font-size: 20px;
    margin: 0px !important;
}
.adrs p {
    color: #000;
    padding: 5px 3px;
    font-weight: bold;
    word-wrap: break-word;
    margin: 0 0 0.9em;
}


div#gvDataLiveRateMessage p {
    margin: 0;
}
div#marqueeData p {
    margin: 0;
}





 @media (max-width: 500px)
 {
     
   .main_logoo
   {
       max-height:65px;
   }
   
   html.svg.history.video.supports.boxshadow.csstransforms3d.csstransitions.webkit.chrome.linux.js.mobile.touch.sticky-header-enabled.sticky-header-active img.main_logoo {
        max-height: 60px;
        display:none;
    }
    
    
    .font1_LR
    {
        font-size:15px !Important
    }
    
     .liverates_sec
    {
       /*background: #6a1f24;*/
       /*background: linear-gradient(rgba(0, 0, 0, 0.53), rgba(0, 0, 0, 0.22)), url(../img/bg1.jpg) repeat;
       background-size: 70%;*/
       background: #f7f9f8;
       
    }
    
    .div_spott
    {
        background: linear-gradient(rgba(228, 243, 236, 0.95), rgba(229, 244, 237, 0.95)), url(../img/trans_logo.png) center 69% no-repeat;
        background-size: 80%, 80% !important;
    }
    
}

@media (min-width: 501px){
   
   .main_logoo
   {
       /*max-height:95px;*/
       max-height:100px;
       padding: 5px 0;
   }
   
   html.svg.history.video.supports.boxshadow.csstransforms3d.csstransitions.webkit.chrome.win.js.sticky-header-enabled.sticky-header-active .pad-5px-tb {
        display: none;
    }
   
   html.svg.history.video.supports.boxshadow.csstransforms3d.csstransitions.webkit.chrome.win.js.sticky-header-enabled.sticky-header-active img.main_logoo {
        /*max-height: 80px;*/
        display:none;
    }
    
    
    
    .liverates_sec
    {
       /*background: #6a1f24;*/
         /*background: linear-gradient(rgba(0, 0, 0, 0.53), rgba(0, 0, 0, 0.22)), url(../img/bg1.jpg) repeat;*/
        /*background-size: 25%;*/
        background: #f7f9f8;
    }
    
    .div_spott
    {
        background: linear-gradient(rgba(228, 243, 236, 0.90), rgba(229, 244, 237, 0.90)), url(../img/trans_logo.png) center 0% no-repeat;
        background-size: 80%, 80% !important;
    }
    
    td.sell {
        font-size: 12px !important;
    }
    
    td.buy_sell_label {
        font-size: 14px !important;
    }

}