@charset "UTF-8";
/*القائمة الافقية في صفحة المشغل في الجهة اليسرى*/
.sof-horizontal-videos-menu-container{display: flex;align-items: center;padding: 0;position: relative;}
.sof-horizontal-videos-menu {overflow: hidden;white-space: nowrap;display: flex;}
ul.sof-horizontal-menu-items{list-style: none;display: flex;flex-direction: row;margin: 0;padding: 0;}
li.sof-horizontal-menu-item{padding: 5px 15px;margin-left: 8px;background-color: #EFEFEF;border-radius: 10px;font-size: 14px;cursor: pointer;}
li.sof-horizontal-menu-item.active{background-color: #383838;color: #F4F4F4}
.sof-horizontal-menu-arrow{position: absolute;padding: 10px;width: 35px;height: 35px;border-radius: 50%;display: flex;justify-content: center; background-color: rgba(255, 255, 255, 0.8);}
.sof-horizontal-menu-arrow:hover{background-color: rgba(0, 0, 0, 0.2);}/*make transparent background for arrows*/
#prev-btn{right: 10px;}
#next-btn{left: 10px;}
.tab-content { display: none; }
.tab-content.active { display: block; }
/*تحويل عناصر الفيديو من عامودي الى افقي*/
.under-onright,.under-onleft{margin-top: 10px;}
.under-onleft > .tab-content .yendif-video-share-title a {
    font-weight: 600;
    color: #0c0c0c;
	font-size: 12px;
	display: -webkit-box;
  -webkit-line-clamp: 2; /* Number of lines to show */
  -webkit-box-orient: vertical;  
  overflow: hidden;
  text-overflow: ellipsis; /* Adds the "..." */
}
.under-onleft > .tab-content .ms-3 {
    margin-left: auto !important; margin-right: 6px !important;display: flex;
}
.under-onleft > .tab-content .yendif-video-share-responsive-item{
    min-width: 160px;
	}
.under-onleft > .under-onleft-inner > .tab-content .card-body{margin-left: auto !important;margin-right: 1rem !important;}
.under-onleft > .tab-content .card-body-left{width: 100%;}