﻿/********** Currency & Gold Page **********/
.currGoldDiv .currencyDiv { width: calc(100% - 320px); margin-left: 20px; padding: 0; background: none; box-shadow: none; margin-bottom: 0 }
.currGoldDiv .main { padding: 0; background: none }
/** Currency & Gold Table **/
/** Currency **/
.currGoldDiv .main p { display: inline-block; width: 100%; margin: 24px 0;  font-size: 14px; color: #1d1d1d; text-align: right; direction: rtl }
.currGoldDiv .main p span { color: #666; margin-right: 5px }
.currGoldDiv .currDiv { float: right; display: inline-block; width: calc(100% - 320px); margin-left: 20px; padding: 0; background: none; box-shadow: none; margin-bottom: 0; }
.currGoldDiv .currGoldTable { float: right; width: 100%; border: 1px solid #e8e8e8; }
.currGoldDiv .currGoldTable .title { display: inline-block; width: 100%; float: right; }
.currGoldDiv .currGoldTable .title .name { float: right; width: 300px;  font-size: 14px; color: #fff; padding: 8px 0; text-align: center; background: #1d1d1d }
.currGoldDiv .currGoldTable .title .name:first-child { width: calc(100% - 300px) ;text-align:right;padding-right:10px}
.currGoldDiv .currGoldTable .currGoldDtls { display: inline-block; width: 100%; float: right; height: 46px; overflow: hidden; border-bottom: 1px solid #e8e8e8 }
.currGoldDiv .currGoldTable .currGoldDtls:last-child { border-bottom: none }
.currGoldDiv .currGoldTable .currGoldDtls .item { float: right; width: 300px;  cursor: auto; font-size: 15px; line-height: 46px; color: #1d1d1d; border-left: 1px solid #e8e8e8; text-align: center; display: block }
.currGoldDiv .currGoldTable .currGoldDtls .item:first-child { width: calc(100% - 300px) }
.currGoldDiv .currGoldTable .currGoldDtls .item:last-child { border-left: 0 }
.currGoldDiv .currGoldTable .currGoldDtls .item img { float: right; width: 20px; height: 20px; border-radius: 50%; margin: 13px 10px 0; }
.currGoldDiv .currGoldTable .currGoldDtls .item p { line-height: 46px; font-size: 15px; text-align: center }
.currGoldDiv .currGoldTable .currGoldDtls .item.flag h1 { font-size: 13px; text-align: right }
.currGoldDiv .currGoldTable .currGoldDtls:nth-child(even) { background: #f2f2f2 }
.currGoldDiv .currGoldTable .currGoldDtls:nth-child(odd) { background: #fff }


/*taboola*/
.tabolaaContainer{margin-bottom:0;display:inline-block;height:920px;width:100%;overflow:hidden;margin-bottom:15px}
.trc_rbox_container{direction:rtl}
.tabolaaContainer .trc_elastic_thumbnails-a .videoCube{height:264px;background-color:#fff}
.tabolaaContainer .videoCube,
.tabolaaContainer .trc_rbox_div{direction:rtl;    float: right;}
.tabolaaContainer .thumbnails-feed .trc_rbox_header,
.tabolaaContainer .thumbnails-a .trc_rbox_header
{display:inline-block ; float: left;   font-family:DroidKufiBold,Arial!important;font-size:20px;margin-bottom:0
}
.tabolaaContainer .trc_rbox_header_icon_div{float:left}
.tabolaaContainer .trc_elastic_thumbnails-feed .videoCube{width:31.333%}
.tabolaaContainer .thumbnails-a .trc_rbox_header_span::after{display:none}

.tabolaaContainer .tbl-feed-header{display:inline-block!important}

.tabolaaContainer .thumbnails-feed .videoCube .video-label-box .video-title,
.tabolaaContainer .thumbnails-a .videoCube .video-label-box .video-title{
    text-decoration:unset;
    font-family:DroidKufiLight, arial!important;
        font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.5;font-weight:400
}

.tabolaaContainer .videoCube a.video-cta-style .video-label-flex-cta-item{
    font-family:DroidKufiLight, arial!important;
    font-size:16px;
    margin-bottom:20px
}

.tabolaaContainer  .tbl-feed-container .videoCube .video-cta-href:not(.app-install-child) button.video-cta-button{
    font-family: DroidKufiLight, arial !important;
    font-size: 11px;
    color: #000 !important;
}

.tabolaaContainer  .videoCube a.video-cta-style .video-branding-flex-cta-item{
 font-family: DroidKufiLight, arial !important;
}
.tabolaaContainer .thumbnails-feed .syndicatedItem .video-label-box{background-color:#fff}

@media screen and (min-width: 0px) and (max-width: 480px) {
    .tabolaaContainer .trc_elastic_thumbnails-feed .videoCube {
        width: 97.99%;
    }
}
@media screen and (min-width:1360px) and (max-width:1680px){
    .tabolaaContainer{height:820px}
    .tabolaaContainer .trc_elastic_thumbnails-a .videoCube{height:230px}
}

@media screen and (min-width:1280px) and (max-width:1359px){
    .tabolaaContainer{height:765px}
    .tabolaaContainer .trc_elastic_thumbnails-a .videoCube {
    height: 214px;
}
}

@media screen and (min-width:1024px) and (max-width:1279px){
    .tabolaaContainer{height:645px}
    .tabolaaContainer .trc_elastic_thumbnails-a .videoCube {
    height: 176px;
}
}

@media screen and (min-width:900px) and (max-width:1023px){
    .tabolaaContainer{height:946px}
}
@media screen and (min-width:768px) and (max-width:900px){
    .tabolaaContainer{height:850px}
}

@media screen and (min-width:320px) and (max-width:767px){
    .tabolaaContainer {
        height: 2200px;
        width: 340px;
        margin: 0 calc((100% - 340px ) /2) 20px;
        float: right;padding:10px 30px 0;overflow-y: auto;
        background: #fff;
    }
     .tabolaaContainer .trc_elastic_thumbnails-a .videoCube{height:auto}
}

@media screen and (min-width:1024px) and (max-width:1162px) {
    .currGoldDiv .currGoldTable .title .name { width: calc((100% - 150px) / 3) }
    .currGoldDiv .currGoldTable .currGoldDtls .item { width: calc((100% - 150px) / 3) }
}
@media screen and (min-width:320px) and (max-width:638px) {
    .currGoldDiv .currGoldTable .title .name { width: calc((100% - 150px) / 3) }
    .currGoldDiv .currGoldTable .currGoldDtls .item { width: calc((100% - 150px) / 3) }
}
/** Gold **/
.currGoldDiv .goldDiv { width: calc(100% - 320px); margin-left: 20px; padding: 0; background: none; box-shadow: none; margin-bottom: 0 }
.currGoldDiv .goldDiv .currGoldTable .title .name { width: calc(100% / 2) !important }
.currGoldDiv .goldDiv .currGoldTable .title .name:first-child { min-width: initial }
.currGoldDiv .goldDiv .currGoldTable .currGoldDtls .item { width: calc(100% / 2) !important }
.currGoldDiv .goldDiv .currGoldTable .currGoldDtls .item:first-child { min-width: initial; font-size: 13px }
.currGoldDiv .goldDiv .goldProvider { width: 300px; display: inline-block; margin: 24px calc((100% - 300px) / 2) 0 }
.currGoldDiv .goldDiv .goldProvider p {  font-size: 14px; color: #1d1d1d; text-align: center; cursor: default }
.currGoldDiv .goldDiv .goldProvider p a { color: #C72D1E; cursor: pointer }
.currGoldDiv .goldDiv .goldProvider a { display: inline-block; margin-top: 12px }
.currGoldDiv .goldDiv .goldProvider a img { border: none; width: 70px; }
.currGoldDiv .goldDiv .ttl  a{float:left}
@media only screen and (max-width: 1023px) {
    .currGoldDiv .currencyDiv { width: 100%; margin-left: 0 }
    .currGoldDiv .goldDiv,
    .currGoldDiv .currDiv { width: 100%; margin-left: 0 }
    .currGoldDiv .goldDiv{padding:0 10px}

        .tabolaaContainer .thumbnails-feed .trc_rbox_header{padding-right:10px}

}

@media screen and (max-width:767px) and (orientation:portrait) {
     .currGoldDiv .currencyDiv .currGoldTable .title .name { font-size: 14px; width: calc((100% - 150px) / 2) }
    .currGoldDiv .currencyDiv .currGoldTable .title .name:first-child { width: 150px; }
    .currGoldDiv .currencyDiv .currGoldTable .title .name:nth-child(2) { display: none }
    .currGoldDiv .currencyDiv .currGoldTable .currGoldDtls .item { font-size: 14px; width: calc((100% - 150px) / 2) }
    .currGoldDiv .currencyDiv .currGoldTable .currGoldDtls .item:first-child { width: 150px; }
    .currGoldDiv .currencyDiv .currGoldTable .currGoldDtls .item:nth-child(2) { display: none }
    .currGoldDiv .goldDiv .currGoldTable .title .name:nth-child(2) { display: block }
    .currGoldDiv .goldDiv .currGoldTable .currGoldDtls .item:nth-child(2) { display: block }
}