/*DEFAULT PURTV*/
:root {
    --focus-color:  #eb9200;
    --background-color:  #eb9200;
    --border-color:  #eb9200;
    --background-app:  url('http://dev2.fxmtest.com/purtv-config/brands/purtv/app-background.jpeg');
    --tv-icon: url('http://dev2.fxmtest.com/purtv-config/brands/purtv/tv-icon-active.png');
    --logo: url('http://dev2.fxmtest.com/purtv-config/brands/purtv/logo.png');
    --logo-small: url('http://dev2.fxmtest.com/purtv-config/brands/purtv/logo-small.png');
}

/*SWLB*/

#App.swlb {
    --focus-color:  #009edf;
    --background-color:  #009edf;
    --border-color:  #009edf;
    --background-app:  url('http://dev2.fxmtest.com/purtv-config/brands/purtv/app-background.jpeg');
    --tv-icon: url('http://dev2.fxmtest.com/purtv-config/brands/swlb/tv-icon-active.png');
    --logo: url('http://dev2.fxmtest.com/purtv-config/brands/swlb/logo.png');
    --logo-small: url('http://dev2.fxmtest.com/purtv-config/brands/swlb/logo-small.png');
}

/*eutin*/

#App.eutin {
    --focus-color:  #ff9300;
    --background-color:  #ff9300;
    --border-color:   #ff9300;
    --background-app:  url('http://dev2.fxmtest.com/purtv-config/brands/eutin/bg.png');
    --tv-icon: url('http://dev2.fxmtest.com/purtv-config/brands/eutin/tv-icon-active.png');
    --logo: url('http://dev2.fxmtest.com/purtv-config/brands/eutin/logo.png');
    --logo-small: url('http://dev2.fxmtest.com/purtv-config/brands/eutin/logo-small.png');
}

/*Ahrensburg*/

#App.ahrensburg {
    --focus-color:  #5bc6f2;
    --background-color:  #5bc6f2;
    --border-color:   #5bc6f2;
    --background-app:  url('http://dev2.fxmtest.com/purtv-config/brands/ahrensburg/bg.png');
    --tv-icon: url('http://dev2.fxmtest.com/purtv-config/brands/ahrensburg/tv-icon-active.png');
    --logo: url('http://dev2.fxmtest.com/purtv-config/brands/ahrensburg/logo.png');
    --logo-small: url('http://dev2.fxmtest.com/purtv-config/brands/ahrensburg/logo-small.png');
}


/*Main focus color for text and lateral menu icon*/

#App .text-active,
#App #LateralMenu .menuSection.focus p,
#App #LateralMenu .menuSection.active span,
#App #settings #topMenu .optionMenu.focus,
#App #Player #options .videoOptions.focus{
    color: var(--focus-color) !important;
}

/*Background IMAGE*/
#App .app-bg, #App > #Loading {
    background-image: var(--background-app) !important;
}


/*Icon active for TV Programm icon*/

#LateralMenu .menuSection.active .icon {
    background-image: var(--tv-icon) !important;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Background color for buttons and progress bar */

#App #pastSelector.focus,
#App #playerProgressBar #progressTrack,
#App .dayOption.focus,
#App #switchButtons .focus,
#App #Tv > .button.focus,
#App .deleteButton.focus,
#App #settings #scrollText.focus .bar_inner,
#App #Detail .button.focus,
#App #Login .login-button:focus,
#App #Login .login-button.focus {
    background-color: var(--background-color) !important;
}

/* Border color for buttons */

#App .button.focus,
#App .channels .event.focus,
#App .matrixSlide.focus .program-mini,
#App #favoritesView .matrixSlide.focus .sender,
#App #favoritesListOptions .sender.editMode,
#App #Login .login-input.focus,
#App #Login .login-input:focus {
    border-color: var(--border-color) !important;
}

/* Border bottom color for arrows on edit mode  */

#App .arrow.allow {
    border-bottom-color: var(--border-color) !important;
}

/* Logo crop  */

#lateralLogo {
    background-image: var(--logo-small) !important;
    background-position: center;
}

/* Logo full size  */
#lateralLogo.extended,
#App #Login .login-logo  {
    background-position: center;
    background-image:   var(--logo) !important;
}

/* Logo full size  */
#App.eutin #lateralLogo.extended{
    width: 387.6px;
    height: 131px;
    object-fit: contain;
}
/* Logo full size  */
#App.ahrensburg #lateralLogo.extended{
    width: 254px;
    height: 101px;
    object-fit: contain;
}

