/* HEADER */

.webclient.headerBackColor{
	background-color:#312828;
}

.webclient.headerForeColor{
	color:#bfbebe;
}


.webclient.headerFocus{
	border-bottom-color: deepskyblue;
	
}

.webclient.headerFocusColor{
	color:deepskyblue;
}
.webclient.headerSelectedTextColor{
	color:deepskyblue;
	border-color:deepskyblue;
}

/* FOOTER */

.webclient.footerBackColor{
	background-color:#312828;
}
.webclient.footerForeColor{
	color:#bfbebe;
}

.webclient.footerSelectedTextColor:hover,
.webclient.footerSelectedTextColor:focus,
.webclient.footerSelectedTextColor:active,
.webclient.footerSelectedTextColor{
	color:#f7fdff;
}

/*Message BOX*/

.webclient.messageboxBackColor{
	background-color:#000;
}
.webclient.messageboxInputBorderColor{
	border-color:deepskyblue;
}

.webclient.messageboxInputForeColor{
	color:#fff;
}

.webclient.messageboxInputSelectedColor{
	border-color: deepskyblue;
}
.webclient.messageboxLoadingscreenBackColor{
	background-color:#000;
}

.webclient.messageboxTitleForeColor{
	color:#fff;
}
/* BODY */

.webclient.screenBackColor{
	background-color:#f7fdff;
}
.webclient.screenForeColor{
	color:#f7fdff;
}


/*WIDGET GESTALTUNG*/

.webclient.widgetLabelBackColor{
    background-color: #e0e1e1;
}
.webclient.widgetBackColor{
    background-color: #bfbebd;
}
.webclient.widgetLabelForeColor {
    color: #000;
	border-color: #000;	/* Workaround for radio bars */
}

.webclient.channellogoBackColor{
	    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255, 255, 255, 0) 100%);
}
.channellogoBackColor {
    background-color: Transparent!important;
}

/*SETTINGS*/

.webclient.listBackColor{
	background-color: #e8ebeb;
}

.webclient.listForeColor{
	color:#000;
}

.webclient.listBorderColor{
	border: solid 1px #fff;
}

.webclient.listSelectedBackColor{
	background-color:#fff;
}

.webclient.listSelectedForeColor{
	color:#000;
}
.webclient.optionsBackColor{
	background-color: #fff;
} 
.webclient.optionsForeColor {
	color:#000;
}
.webclient.optionsSelectedBackColor,
.webclient.optionsSelectedBackColor:hover,
.webclient.optionsSelectedBackColor:active,
.webclient.optionsSelectedBackColor:focus {
	background-color:#fff;
}
.webclient.optionsSelectedForeColor,
.webclient.optionsSelectedForeColor:hover,
.webclient.optionsSelectedForeColor:focus,
.webclient.optionsSelectedForeColor:active{
	color:#000;
}
/*SETTING DESCRIPTION BOX*/
.webclient.descriptionBorderColor {
	border:1px solid #ffffff;
}
.webclient.descriptionForeColor {
	color:#000;
}
.webclient.descriptionBackColor{
	background-color:#fff;
}
/*TEXTBOX SEARCH FILTER*/
.webclient.textboxForeColor{
	color:#000;
}
.webclient.textboxBorderColor{
	border:1px solid #bfbebe;
}
.webclient.textboxBackColor{
	background-color:#fff;
}

/*RECORDS SPEICHERPLATZ*/
.webclient.pvrScheduledColor{
	background-color:#000;
}
.webclient.pvrOccupiedColor{
	background-color:#008ba1;
}
.webclient.pvrFreeColor{
	background-color:#fff;
}

/*TV GUIDE*/
/*Dayline*/
.webclient.epgFontColor{
	color:#000;
}
.webclient.epgChannelForeColor{
	color:#fff;
}
.webclient.epgChannelSeparatorForeColor{
	border-color:#fff!important;
}
.webclient.epgFontColor{
	color:#000;
}
.webclient.epgTimelineDateBackColor{
    background-color: #dedede;
}
.webclient.epgTimelineDateForeColor {
    color: #000;
}

/*Timeline*/
.webclient.epgTimelineTimeBackColor{
    background: #bfbebe;
}

.webclient.epgTimelineTimeForeColor{
    color: #bfbebe;
}

.webclient.epgTimelineTimeForeColor::placeholder  {
    color: #000;
}
.webclient.epgCurrentTimeVerticalLineColor {/*Verticale Zeit Linie*/
    border-right: 2px solid #000;
}

.webclient.epgReplayColor{
	background-color:#fff;
}
.webclient.epgNowColor{
	background-color:#bfbebe;
}
.webclient.epgFutureColor{
	background-color:#fff;
}
.webclient.epgPastColor{
	background-color:#dedede;
}

.webclient.epgBorderBottom { /*must be*/
    border-bottom: 1px solid;
}

.webclient.epgLogoBackColor{ /*must be*/
	background-color:#312828;
}

/* For Timepicker in tvguide we use mobile colors for now */
.mobileApplication.accentBackColor{
	background-color: #444;
}
.mobileApplication.accentForeColor{
	color: #fff;
}

/* DETAILVIEW */
.webclient.detailviewButtonBackColor{
	border-color: deepskyblue;
}

.webclient.detailviewButtonForeColor{
	color: #fff;
}

.webclient.detailviewCaptionBackColor{
	background-color: #333;
}

.webclient.detailviewDescriptionBackColor{
	background-color: rgba(0,0,0,0.7);
}

.webclient.detailviewDescriptionForeColor{
	color: #fff;
}

.webclient.detailviewForeColor{
	color: #fff;
}

.webclient.detailviewTitleForeColor{
	color: #fff;
}

/*TV OVERLAY*/

.webclient.zapperBackColor{
	background-color:black;
}
.webclient.zapperForeColor{
	color:#fff;
}
.webclient.panelBackColor{
	background-color:#fff;
}
.webclient.panelForeColor{
	color:#fff;
	border-color: grey;
}
.panel_active_color th:hover{
	background:#AFAFAF;
}
/*Senderliste Button*/

.webclient.panelButtonForeColor {
    color: #fff;
}
.webclient.panelButtonBackColor {
    background-color: #000;
}
.webclient.panelButtonSelectedForeColor {
    color: #fff;
}

.webclient.panelButtonSelectedBackColor {
    background: #000;
}

.left_button_tv_categorie_sender {
    background-color: #666666;
    color: #fff;
}
.right_button_tv_categorie_sender {
    background-color: #fff;
    color: #666666;
}
button.button_tv_categorie_sender:active {
    background: #666666;
    color: #fff;
}

button.button_tv_categorie_sender:hover {
    background: #666666;
    color: #fff;
}

/*Programmliste Button*/

button.left_button_tv_categories_programm {
    background-color: #fff;
    color: #666666;
}
button.right_button_tv_categories_programm {
    background-color: #666666;
    color: #fff;
}

button.button_tv_categories_programm:active {
    background: #666666;
    color: #fff;
}

button.button_tv_categories_programm:hover {
    background: #666666;
    color: #fff;
}

/*TIMELiNE*/
.webclient.timelineFutureColor{
    background-color: #d8e0f3; /*future*/
 }
 .webclient.timelineReplayColor { 
    background-color: red; /*aktuell*/
 }
 .webclient.timelinePvrColor{
    background-color: #fff; 
 }
  .webclient.timelineLiveColor{
    background-color: #fff; /*live*/
 }
 .webclient.timelineReplayColor.pointer1 span.rz-pointer.rz-pointer-min {
	background-color: #ffaa00;
 }
 .webclient.timelinePvrColor.pointer1 span.rz-pointer.rz-pointer-min {
	background-color: #fff;
 }

 .webclient.timelineLiveColor.liveSlider .rzslider .rz-pointer:after {
	background-color: #fff;
 }

 .webclient.zapperForeColor.pointer2 span.rz-pointer.rz-pointer-min:before{ 
	color: #fff;
}
.webclient.zapperForeColor.pointer1 span.rz-pointer.rz-pointer-min:before{ 
	color: #fff;
}

/*Live TV Slider*/ 
.webclient.timelineReplayColor.replaySlider span.rz-bar.rz-selection{
    background-color: #ffaa00;
}
.webclient.timelinePvrColor.replaySlider span.rz-bar.rz-selection{
    background-color: #fff;
}
.webclient.timelineLiveColor.liveSlider span.rz-bar.rz-selection{
    background-color:#fff;
}
.webclient.timelineFutureColor.bgSlider {
    background-color: #d8e0f3;
}

/*Loading Kringel*/
.webclient.borderColor{
	border-color:#f3f3f3;
}
.webclient.borderTopColor{
	border-top-color:#fff;
}

/* VOD */
.coverFlowCover.backgroundColor {
	background-color: white;
}
.coverFlowCover.lockedForeColor {
	color: white;
}

/* Recording Marker Programlist */
.streamV2.pvrFlagColor {
	color: red;
}