/* Ticker Styling */
.topbar-wrapper{
	display: flex;
	align-items: center;
	border-bottom:1px solid #e4e4e4;
	font-size:14px;
	position:relative;
	z-index:10000;
	background:#ffffff;
	padding: 0 15px;
}
.topbar-wrapper .topbar-today-date{ white-space:nowrap; padding: 6px 0 6px 12px;    height: 40px;}
.topbar-wrapper .topbar-today-date cite{ font-style:normal; color:#8e8e8e;}

.topbar-wrapper .ticker-wrapper .icon_trend{ display:inline-block; padding:0; margin:0; width:20px; height:17px; 
background:url(../images/icon_trend.png) 0 0 no-repeat; background-size:100%; vertical-align:middle;position: absolute;
top: 50%;left: 50%;transform: translate(-50%, -50%);}

.topbar-wrapper .ticker-wrapper.has-js {
	margin: 0;
	padding:0;
	width:100%;
	height: 40px;
	display: flex;
	align-items: center;
	overflow:hidden;
}
.topbar-wrapper .ticker {
	width: 100%;
	min-height: 41px;
	height:100%;
	display: flex;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
	white-space:nowrap;
}
.topbar-wrapper .ticker-title {
	padding: 7px 12px;
	color: #fcfcfc;
	background-color: #8e9293;
	text-transform: uppercase;
	position: relative;
	z-index: 10;
	height:100%;
	width: 33px;
}
.topbar-wrapper .ticker-content {
	margin: 0;
	padding: 5px 12px;
	/*position: absolute;*/
	color:#8e8e8e;
	background-color: #ffffff;
	height:100%;
	
	overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    /*max-width: 300px;
    width: auto;*/
}
.topbar-wrapper .ticker-content:focus {
	text-decoration: none;	
}
.topbar-wrapper .ticker-content a {
	text-decoration: none;	
	color:#8e8e8e;
}
.topbar-wrapper .ticker-content a:hover {
	color:#000000;
}
.topbar-wrapper .ticker-swipe {
	padding:  12px 0;
	position: absolute;
	top: 0px;
	background-color: #ffffff;
	display: block;
	width: 500px;
	height: 100%; 
}
.topbar-wrapper .ticker-swipe span {
	margin-left: 1px;
	background-color: #ffffff;
	border-bottom: 1px solid #1F527B;
	min-height: 12px;
	width: 7px;
	display: block;
}
.topbar-wrapper .ticker-controls {
	padding:  12px 0;
	list-style-type: none;
	float: none;
	height:100%;
	display:flex;
	align-items: center;
}
.topbar-wrapper .ticker-controls li {
	padding: 0;
	margin: 0;
	float: none;
	cursor: pointer;
	height: 16px;
	width: 16px;
	display: block;
}
.topbar-wrapper .ticker-controls li.jnt-play-pause {
	background-image: url('https://raw.github.com/IsraelWebDev/jQuery-News-Ticker/master/images/controls.png');
	background-position: 32px 16px;
}
.topbar-wrapper .ticker-controls li.jnt-play-pause.over {
	background-position: 32px 32px;
}
.topbar-wrapper .ticker-controls li.jnt-play-pause.down {
	background-position: 32px 0px;
}
.topbar-wrapper .ticker-controls li.jnt-play-pause.paused {
	background-image: url('https://raw.github.com/IsraelWebDev/jQuery-News-Ticker/master/images/controls.png');	
	background-position: 48px 16px;
}
.topbar-wrapper .ticker-controls li.jnt-play-pause.paused.over {
	background-position: 48px 32px;
}
.topbar-wrapper .ticker-controls li.jnt-play-pause.paused.down {
	background-position: 48px 0px;
}
.topbar-wrapper .ticker-controls li.jnt-prev {
	background-image: url('https://raw.github.com/IsraelWebDev/jQuery-News-Ticker/master/images/controls.png');
	background-position: 0px 16px;		
}
.topbar-wrapper .ticker-controls li.jnt-prev.over {
	background-position: 0px 32px;		
}
.topbar-wrapper .ticker-controls li.jnt-prev.down {
	background-position: 0px 0px;		
}
.topbar-wrapper .ticker-controls li.jnt-next {
	background-image: url('https://raw.github.com/IsraelWebDev/jQuery-News-Ticker/master/images/controls.png');	
	background-position: 16px 16px;	
}
.topbar-wrapper .ticker-controls li.jnt-next.over {
	background-position: 16px 32px;	
}
.topbar-wrapper .ticker-controls li.jnt-next.down {	
	background-position: 16px 0px;	
}
.topbar-wrapper .js-hidden {
	display: none;
}
.topbar-wrapper .no-js-news {
	padding:0; 
	color: #ffffff;
}
.topbar-wrapper .left .ticker-swipe {
	/*left: 80px;*/
}

.topbar-wrapper .left .ticker, .topbar-wrapper .left .ticker-controls, 
.topbar-wrapper .right .ticker, .topbar-wrapper .right .ticker-controls{ float:none;}

.topbar-wrapper .left .ticker-content, .topbar-wrapper .left .ticker-title{
    float: none;
}
.topbar-wrapper .left .ticker-controls {
    padding: 0;
}
.topbar-wrapper .right .ticker-swipe {
	/*right: 80px;*/
}
.topbar-wrapper .right .ticker-content, .topbar-wrapper .right .ticker-title{
    float: right;
}
.topbar-wrapper .right .ticker-controls {
    padding: 0;
}

/* Theme Ticker Block, Global Media Channels */
.ticker_layalina *{ font:normal 100% 'Janna LT W20 Bold' !important}
.ticker_layalina .ticker-title{ color:#fcfcfc; background-color:#bd006b}

.ticker_videolayalina *{ font:normal 100% 'Janna LT W20 Bold' !important}
.ticker_videolayalina .ticker-title{ color:#fcfcfc; background-color:#bd006b}

.ticker_yummy *{ font:normal 100% 'Janna LT W20 Bold' !important}
.ticker_yummy .ticker-title{ color:#fcfcfc; background-color:#f78b2d}

.ticker_3oud *{ font:normal 100% 'Helvetica Bold' !important}
.ticker_3oud .ticker-title{ color:#fcfcfc; background-color:#8e9293}

.ticker_alqiyady *{ font:normal 100% 'Janna LT W20 Bold' !important}
.ticker_alqiyady .ticker-title{ color:#fcfcfc; background-color:#2f3c4d}

.ticker_arabsturbo *{ font:normal 100% 'Janna LT W20 Bold' !important}
.ticker_arabsturbo .ticker-title{ color:#fcfcfc; background-color:#000000}

.ticker_e7aw *{ font:normal 100% 'Janna LT W20 Bold' !important}
.ticker_e7awi .ticker-title{ color:#fcfcfc; background-color:#28348a}

.ticker_ra2ej *{ font:normal 100% 'Janna LT W20 Bold' !important}
.ticker_ra2ej .ticker-title{ color:#fcfcfc; background-color:#07abe8}

.ticker_sa2eh *{ font:normal 100% 'Janna LT W20 Bold' !important}
.ticker_sa2eh .ticker-title{ color:#fcfcfc; background-color:#8f58a5}

.ticker_tajuki *{ font:normal 100% 'Janna LT W20 Bold' !important}
.ticker_tajuki .ticker-title{ color:#fcfcfc; background-color:#e3af25}
/* /Theme Ticker Block, Global Media Channels */

/* Small devices (landscape phones, 576px and down) */
@media (max-width: 576px) { 
	.topbar-wrapper{ padding:0}
	.topbar-wrapper .topbar-today-date{ display:none}
	.topbar-wrapper .ticker-title{ padding:5px 8px}
	.topbar-wrapper .ticker-title span{ display:none; /*font-size:0 !important; line-height:0 !important; overflow: hidden !important; 
	text-indent: -9999px !important;*/}
	.topbar-wrapper .ticker-wrapper .icon_trend{ margin:0}
}