body{
	background-color: #111!important;
	color: #fff;
}
.popup, .popup2 {
	background-color: #333333;
	color: #CCCCCC!important;
}
.popover ul.list li, .popoverCustom ul.list li{
	color:#CCCCCC!important;
}
#spinner{
	/*background-image: url(../img/spritesLoadBlack.png);*/
}
#spinner .fa.fa-spinner.fa-spin.fa-4x {
	color: #CCCCCC;
}
.spinner-group {
	background-color: #333333;
}
.spinner-group, .spinner-group header > h1 {
	color: #CCCCCC!important;
}
.textPanel{
	color: #888;
}
article.article-init {
	background: #222;
}
article.article-action-panel, article.article-action-panel-without-top{
	background: #222;
}

nav{
	background-color: #111;
	color:#FFFFFF;
}
.nav-logo-container {
    /*background-image: url();*/
}

a.button.button-announcement-info.navtap i,
a.button.button-edit-info.navtap i,
a.button.button-share-info.navtap i {
	color: #FFFFFF;
}
a.button.custom-button.cancelBt {
	color: #FFFFFF;
}
.current .button.backStyle i {
	color: #FFFFFF;
}
.tabbar {
	background-color: #222;
	border-top: 1px solid #000;
}
.list{
	background-color: #222;
	color: #fff;
}
ul.list li{
	color: #fff;
}
li.sequences{
	background-color: #1E1E18;
}
.article-init li.sequences .sequence-name-wrap>span.date-creation-span {
	color: #CCCCCC;
}
.article-init li.sequences .sequence-name-wrap>div>span.date-creation-span {
	color: #CCCCCC;
}
li.comp {
	border-bottom: 1px solid rgba(0,0,0,.5);
}
.action-panel{
	background-color: #222;
	border-bottom: 1px solid rgba(0,0,0,.5);
}
.panel-timers{
	float: left;
	position: relative;
	left: 5px;
	top: 5px;
	max-width: 480px;
	height: 92px;
	background-color: #3A3A3A;
	border-radius: 5px;
}
.panel-controls{
	float: right;
	position: absolute;
	width: auto;
	height: 92px;
	top: 5px;
	right: 5px;
	background-color: #3A3A3A;
	border-radius: 5px;
}
.info-title{
	color:#bbb;
}
.info-panel{
	background-color: #222;
	color: #fff;
	border-bottom: 1px solid rgba(0,0,0,.5);
}
.more-info-panel{
	background-color: #2a2a2a!important;
	border-bottom: 1px solid rgba(0,0,0,.5);
	border-left: 1px solid rgba(0,0,0,.5)!important;
}
.info-panel.openInfo {
	height: auto;
	background-color: #222;
}
.info-panel p{
	border-bottom: 1px dotted rgba(0,0,0,.5);
}
li.sequenceDefault{
	background-color: #333!important;
	color: #fff!important;
}
li.sequenceActive{
	background-color: #191919!important;
	color:#fff!important;
	border-bottom: 0px none;
}
li.sequenceDisabled{
	background-color: #444!important;
	color: #1a1a1a!important;
}
li.sequenceSelected{
	background-color: #0099cc!important;
	color: #fff!important;
}

li.ui-sortable-item {
	background: #111;
	height: 24px;
	box-shadow: inset 0px 0px 8px 2px #000;
	border:0px none #000!important;
}
.sequence-progress-bar {
	background-color: #000;
}
.element-form input {
	color:#fff;
}
.btnPause{
	background-image: url(../img/pause.svg);
	opacity: 1;
}
.btnStop{
	background-image: url(../img/stop.svg);
	opacity: 1;
}
.btnStop.btnStopActive, .btnStopActive{
	background-image: url(../img/stop-active.svg);
	opacity: 1!important;	
}
.btnNext{
	background-image: url(../img/next.svg);
	z-index: 5;
	opacity: 1;
}
.btnPauseActive{
	background-image: url(../img/pause-active.svg);
	opacity: 1!important;
}
.btnNextActive{
	background-image: url(../img/next-active.svg);
	z-index: 5;
	opacity: 1!important;
}
.disabled{
	opacity: 0.25;
	cursor: not-allowed!important;
}
.btnPlay{
	background-image: url(../img/play-active.svg);
	opacity: 1!important;
}
.btnPlay.btnPauseActive{
	background-image: url(../img/pause-active.svg)!important;
	opacity: 1!important;
}
.btnPlayActive{
	background-image: url(../img/play-active.svg);
	opacity: 1!important;
}
.btnNextActive.btnAirActive {
	background-image: url(../img/next-active-white-blink.svg);
	opacity: 1!important;
    /* Chrome, Safari, Opera */
    webkit-animation-name: parpadeo;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: parpadeo;
    animation-duration: 0.8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}
/*@-webkit-keyframes indicator
{
from {background-image: url(../img/next-active-hidden.svg);}
to {background-image: url(../img/next-active-white-blink.svg);}
}

@keyframes indicator
{
from {background-image: url(../img/next-active-hidden.svg);}
to {background-image: url(../img/next-active-white-blink.svg);}
}*/

@-moz-keyframes parpadeo{  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
  
@-webkit-keyframes parpadeo {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	 100% { opacity: 1.0; }
}
  
@keyframes parpadeo {  
	0% { opacity: 1.0; }
	 50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

.action-buttons-container {
    background-color: #222;
}


.arrow-select {
    float: right;
    color: #CCCCCC;
    margin: 2px 20px;
    position: absolute;
	right: 0px;
	font-size: 0.9em !important;
}

/** Guest Mode **/
.guest-mode-user {
	color: #CCCCCC; 
}

/** Popups **/
.popover, .popoverCustom {
	background-color: #1E1E1E;
	color: #CCCCCC;
}
.popover header, .popoverCustom header {
	background-color: #1E1E1E;
}
.popover header h1, .popoverCustom header h1{
	color: #FFFFFF !important;
}
.popover > section >ul.list li, .popoverCustom > section >ul.list li {
	background-color: #1E1E1E !important;
}
.popover > section >ul.list li i, .popoverCustom > section >ul.list li i {
	color: #FFFFFF !important;
}
.popover.inverse.largeWindow, .popoverCustom.inverse.largeWindow {
	background-color: #1E1E1E;
	color: #CCCCCC;
	top: 190px !important;
    margin: 0 auto !important;
    position: relative;
	height: 100% !important;
	right: 0 !important;
}
.popover.inverse.largeWindow header, .popoverCustom.inverse.largeWindow header {
	background-color: #1E1E1E;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 12px;
}
.popover.inverse.largeWindow header h1, .popoverCustom.inverse.largeWindow header h1 {
	color: #CCCCCC;
}
.popover.inverse.largeWindow::before, .popoverCustom.inverse.largeWindow::before {
	display: none;
}
.popover.inverse.largeWindow > section >ul.list li, .popoverCustom.inverse.largeWindow > section >ul.list li {
	background-color: #1E1E1E !important;
}
.popover::before, .popoverCustom::before {
    background-color: #1E1E1E !important;
}
.mask {
	background-color: #FFFFFF !important;
	opacity: 0.2 !important;
}
.overlay {
	background-color: transparent;
	opacity: 0.2;
} 

.overlayShare {
	background-color: #FFFFFF !important;
	opacity: 0.2;
}

#importTypePopover.popover > section,
#confirmedPurchase.popover > section {
	background-color: #1E1E1E;
}
/** Vetana Mi Cuenta **/
#AccountPopover.accountPopover .profile-container {
	border-bottom: 1px solid #000;
}	
/** Ventanas de Opciones y Favoritos **/
#optionsPopover.settingsPopover,
#AccountPopover.accountPopover,
#fvTypePopover.favouritesPopover,
#fvselectTypePopover.favouritesPopover,
#userShareList.userSharePopover {
	background-color: #1E1E1E;
}
#optionsPopover.settingsPopover header,
#AccountPopover.accountPopover header,
#fvTypePopover.favouritesPopover header,
#fvselectTypePopover.favouritesPopover header,
#userShareList.userSharePopover header,
#importTypePopover header,
#premiumPopover header,
#confirmedPurchase header {
   border-bottom: 1px solid rgba(255, 255, 255, 0.12); 
   background-color: #1E1E1E;
}
#optionsPopover.settingsPopover header h1,
#AccountPopover.accountPopover header h1,
#fvTypePopover.favouritesPopover header h1,
#fvselectTypePopover.favouritesPopover header h1,
#userShareList.userSharePopover header h1,
#importTypePopover header h1,
#confirmedPurchase header h1,
#premiumPopover header h1 {
	color: #FFF;
 }
#optionsPopover.settingsPopover header button.close,
#AccountPopover.accountPopover header button.close,
#fvTypePopover.favouritesPopover header button.close,
#fvselectTypePopover.favouritesPopover header button.close,
#userShareList.userSharePopover header button.close,
#importTypePopover header button.close,
#confirmedPurchase header button.close,
#premiumPopover header button.close {
   color: #FFF;
   text-shadow: 0 1px 0 #000; 
}
#optionsPopover.settingsPopover section ul.switchesOptions li::before ,
#AccountPopover.accountPopover section ul.switchesOptions li:before {
   border-bottom: 1px solid #000;
}
#fvTypePopover.favouritesPopover section ul#PopoverFavs li::before,
#fvselectTypePopover.favouritesPopover section ul#PopoverFavs li::before,
#userShareList.userSharePopover section ul#PopoverFavs li::before {
  border-bottom: 1px solid #000;
}
#optionsPopover.settingsPopover .popup-footer,
#AccountPopover.accountPopover .popup-footer,
#fvTypePopover.favouritesPopover .popup-footer,
#fvselectTypePopover.favouritesPopover .popup-footer,
#userShareList.userSharePopover .popup-footer,
#importTypePopover .popup-footer,
#confirmedPurchase .popup-footer,
#premiumPopover .popup-footer {
   background-color: #1E1E1E;
   border-top: 1px solid rgba(255, 255, 255, 0.12);
}
#userShareList.userSharePopover>section>ul.list li i.delete {
	color: #FFF !important;
}
#userShareList.userSharePopover ul#PopoverUsersShared li h3 {
	font-weight: normal;
	color: #FFF !important;
}
#userShareList.userSharePopover ul#PopoverUsersShared li {
	min-height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #000;
	padding: 20px 0px;
}

.dtpicker-overlay {
	background: rgba(255, 255, 255, .3) !important; 
}
.dtpicker-content {
	background-color: #333333 !important;
	color: #CCCCCC !important;
}
.dtpicker-header .dtpicker-title {
	color: #FFFFFF !important;
}
.dtpicker-header .dtpicker-value {
	color: #CCCCCC !important;
}

#saveTitleAs:focus {
	background-color:transparent;
	color: white;
}

@media (min-height:550px) {
	.popover.inverse.largeWindow{
		max-height: 402px;
		height: auto;
		top: 50px !important;
	}
}