/* Copyright (c) 2016 ZipSocket, Inc.  */
/* All rights reserved.      */

/*--- Dark / Light Header Color Switching ---*/


/*--- Header Background ---*/
.headerDefaultColors {
   color: rgb(90,90,90);
   background-color: rgb(245,245,245);
}

.headerDarkColors {
   color: rgb(220,220,220);
   background-color: rgb(68, 73, 75);
}

.cpDefaultColors {
   color: rgb(90,90,90);
   background-color: rgba(234,234,234, 0.92);
}

.cpDarkColors {
   color: rgb(220,220,220);
   background-color: rgba(50,50,50, 0.88);
}

.analyzerDefaultColors {
   color: rgba(42, 182, 215, 1);
}

.analyzerDarkColors {
   color: rgba(42, 182, 215, 1);
}

.listeningOnColor {
   color: rgb(230,0,0);
}

.listeningOffColor {
   color: currentColor;
}


.expandTabDefaultColors {
   background-color: rgb(250,250,250);
   border-left: 1px solid rgba(0,0,0,0.25);
   border-right: 1px solid rgba(0,0,0,0.25);
   border-bottom: 1px solid rgba(0,0,0,0.25);
}

.expandTabDarkColors {
   background-color: rgb(73, 78, 80);
   border-left: 1px solid rgb(60,60,60);
   border-right: 1px solid rgb(60,60,60);
   border-bottom: 1px solid rgb(60,60,60);
}

html.useHover .expandTabDefaultColors:hover {
   background-color: rgb(230, 250, 255);
   border-left: 1px solid rgba(81,203,238,1.0);
   border-right: 1px solid rgba(81,203,238,1.0);
   border-bottom: 1px solid rgba(81,203,238,1.0);
}

html.useHover .expandTabDarkColors:hover {
   background-color: rgb(100,100,100);
   border-left: 1px solid rgba(81,203,238,0.7);
   border-right: 1px solid rgba(81,203,238,0.7);
   border-bottom: 1px solid rgba(81,203,238,0.7);
}

.progressBarDefaultColors {
   background-color: rgba(58,172,214,.7);
}

.progressBarDarkColors {
   background-color: rgba(58,172,214,.8);
}

/*--- Connect Logo Button ---*/

html.useHover .svgLogoDefaultColors:hover {
/*   filter: drop-shadow( 0px 0px 2px rgba(147, 223, 245, 0.5) );*/
}

html.useHover .svgLogoDarkColors:hover {
/*   filter: drop-shadow( 0px 0px 3px rgba(147, 223, 245, 0.5) );*/
}

.logoDefaultColors {
   color: rgb(40,40,40);
}

.logoDarkColors {
   color: rgb(245,245,245);
}

.logoListeningColors {
   filter: drop-shadow( 0px 0px 3px rgba(147, 223, 245, 0.8) );
}


html.useHover .logoDefaultColors:hover {
   color: rgb(70,70,70);
}

.logoDefaultColors:active {
   color: rgb(81, 203, 238);
}

html.useHover .logoDarkColors:hover {
   color: rgb(255,255,255);
}

.logoDarkColors:active {
   color: rgb(81, 203, 238);
}


.connectTabDefaultColors {
   background-color: rgb(250,250,250);
   border-left: 1px solid rgba(0,0,0,0.25);
   border-right: 1px solid rgba(0,0,0,0.25);
   border-top: 1px solid rgba(0,0,0,0.25);
   box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.connectTabDarkColors {
   background-color: rgb(73, 78, 80);
   border-left: 1px solid rgb(60,60,60);
   border-right: 1px solid rgb(60,60,60);
   border-top: 1px solid rgb(60,60,60);
   box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

.connectTabListeningColors {
   /*background-color: rgba(81,203,238,0.03) !important;*/

   box-shadow: inset 0px 0px 30px rgba(81,203,238,0.2) !important;
}

html.useHover .connectTabDefaultColors:hover {
   background-color: rgb(230, 250, 255);
   border-left: 1px solid rgba(81,203,238,1.0) !important;
   border-right: 1px solid rgba(81,203,238,1.0) !important;
   border-top: 1px solid rgba(81,203,238,1.0) !important;
}

html.useHover .connectTabDarkColors:hover {
   background-color: rgb(110,110,110);
   border-left: 1px solid rgba(81,203,238,0.7) !important;
   border-right: 1px solid rgba(81,203,238,0.7) !important;
   border-top: 1px solid rgba(81,203,238,0.7) !important;
}



/*--- Control Panel ---*/

.paneTitleDefaultColors {
   color: rgb(255,255,255);
   background-color: rgb(150,150,150);
}

.paneTitleDarkColors {
   color: rgb(230,230,230);
   background-color: rgb(73, 78, 80);
}

.linkDefaultColors {
   color: #007EB2;
   font-weight: 400;
}

.linkDarkColors {
   color: #5FCBF8;
   font-weight: 300;
}