/** LCARS SDK 16323.311 - USS Not Affiliated Theme
* This file is a part of the LCARS SDK.
* https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md
* For more information please go to http://www.lcarssdk.org.
**/

[class*="bg-"], 
[class*="bg-"] > *:not([class*="bg-"]){
	background-color:#003366;
	border-color:#003366;	
}

.bg-blue-1,
.bg-blue-1 > *:not([class*="bg-"]){
	background-color:#99ccff;
	border-color:#99ccff;	
}
.bg-blue-2,
.bg-blue-2 > *:not([class*="bg-"]){
	background-color:#3399cc;
	border-color:#3399cc;	
}
.bg-blue-3,
.bg-blue-3 > *:not([class*="bg-"]){
	background-color:#006699;
	border-color:#006699;
}
.bg-blue-4,
.bg-blue-4 > *:not([class*="bg-"]){
	background-color:#003366;
	border-color:#003366;	
}

.bg-green-1,
.bg-green-1 > *:not([class*="bg-"]){
	background-color:#ccddbb;
	border-color:#ccddbb;	
}
.bg-green-2,
.bg-green-2 > *:not([class*="bg-"]){
	background-color:#00cc99;
	border-color:#00cc99;	
}
.bg-green-3,
.bg-green-3 > *:not([class*="bg-"]){
	background-color:#009999;
	border-color:#009999;	
}
.bg-green-4,
.bg-green-4 > *:not([class*="bg-"]){
	background-color:#006666;
	border-color:#006666;	
}

/* Color by Name for Complex Buttons */

.bg-red-1,
.bg-red-1 > *:not([class*="bg-"]){
	background-color:#ff0000; 
    border-color:#ff0000;
}
	
.bg-red-2,
.bg-red-2 > *:not([class*="bg-"]){
	background-color:#cc0000; 
    border-color:#cc0000;
}

.bg-red-3,
.bg-red-3 > *:not([class*="bg-"]){
	background-color:#990000; 
    border-color:#990000;
}

.bg-grey-1,
.bg-grey-1 > *:not([class*="bg-"]){
	background-color:#eeeeee; 
    border-color:#eeeeee;
}
	
.bg-grey-2,
.bg-grey-2 > *:not([class*="bg-"]){
	background-color:#cccccc; 
    border-color:#cccccc;
}

.bg-grey-3,
.bg-grey-3 > *:not([class*="bg-"]){
	background-color:#666666; 
    border-color:#666666;
}

.bg-white,
.bg-white > *:not([class*="bg-"]){
	background-color:#ffffff; 
	border-color:#ffffff;
}

.bg-black,
.bg-black > *:not([class*="bg-"]){
	background-color:#000000; 
	border-color:#000000;
}


/* Colors for Text */

.text-blue-1{color:#99ccff;}
.text-blue-2{color:#3399cc;}
.text-blue-3{color:#006699; }
.text-blue-4{color:#003366;} 

.text-green-1{color:#ccddbb;}
.text-green-2{color:#00cc99;}
.text-green-3{color:#009999;}
.text-green-4{color:#006666;}

.text-red-1{color:#ff0000;}
.text-red-2{color:#cc0000;}
.text-red-3{color:#990000;}

.text-grey-1{color:#eeeeee;}
.text-grey-2{color:#cccccc;}
.text-grey-3{color:#666666;}

.text-white{color:#ffffff;}


/* Red Alert */
.red-alert .bg-blue-1,
.red-alert .bg-blue-1 > *:not([class*="bg-"]){
	background-color:#cccccc;
	border-color:#cccccc;	
}
.red-alert .bg-blue-2,
.red-alert .bg-blue-2 > *:not([class*="bg-"]){
	background-color:#999999;
	border-color:#999999;	
}
.red-alert .bg-blue-3,
.red-alert .bg-blue-3 > *:not([class*="bg-"]){
	background-color:#cc0000;
	border-color:#cc0000;	
}
.red-alert .bg-blue-4,
.red-alert .bg-blue-4 > *:not([class*="bg-"]){
	background-color:#660000;
	border-color:#660000;	
}

.red-alert .bg-green-1,
.red-alert .bg-green-1 > *:not([class*="bg-"]){
	background-color:#ffff66;
	border-color:#ffff66;	
}
.red-alert .bg-green-2,
.red-alert .bg-green-2 > *:not([class*="bg-"]){
	background-color:#ff0000;
	border-color:#ff0000;	
}
.red-alert .bg-green-3,
.red-alert .bg-green-3 > *:not([class*="bg-"]){
	background-color:#990000;
	border-color:#990000;
}
.red-alert .bg-green-4,
.red-alert .bg-green-4 > *:not([class*="bg-"]){
	background-color:#330000;
	border-color:#330000;	
}

/* Colors for Text */

.red-alert .text-blue-1{color:#ffff66;}
.red-alert .text-blue-2{color:#ff0000;}
.red-alert .text-blue-3{color:#990000; }
.red-alert .text-blue-4{color:#330000;} 

.red-alert .text-green-1{color:#ffffff;}
.red-alert .text-green-2{color:#999999;}
.red-alert .text-green-3{color:#cc0000;}
.red-alert .text-green-4{color:#660000;}



.button[class*="bg-"]:hover, 
.endcap[class*="bg-"]:hover > .cap, 
.elbow[class*="bg-"]:hover,
.complexButton[class*="bg-"]:hover > *:not(.text){background-color:#003870; border-color:#003870;}

.button.bg-blue-1:hover, 
.endcap.bg-blue-1:hover > .cap, 
.elbow.bg-blue-1:hover,
.complexButton.bg-blue-1:hover > *:not(.text){background-color:#a8e0ff; border-color:#a8e0ff;}

.button.bg-blue-2:hover, 
.endcap.bg-blue-2:hover > .cap, 
.elbow.bg-blue-2:hover,
.complexButton.bg-blue-2:hover > *:not(.text){background-color:#38a8e0; border-color:#38a8e0;}

.button.bg-blue-3:hover, 
.endcap.bg-blue-3:hover > .cap, 
.elbow.bg-blue-3:hover,
.complexButton.bg-blue-3:hover > *:not(.text){background-color:#0070a8; border-color:#0070a8;}

.button.bg-blue-4:hover, 
.endcap.bg-blue-4:hover > .cap, 
.elbow.bg-blue-4:hover,
.complexButton.bg-blue-4:hover > *:not(.text),
.complexButton:hover > .bg-blue-4{background-color:#003870; border-color:#003870;}


.button.bg-green-1:hover, 
.endcap.bg-green-1:hover > .cap, 
.elbow.bg-green-1:hover,
.complexButton.bg-green-1:hover > *:not(.text){background-color:#e0f3ce; border-color:#e0f3ce;}

.button.bg-green-2:hover, 
.endcap.bg-green-2:hover > .cap, 
.elbow.bg-green-2:hover,
.complexButton.bg-green-2:hover > *:not(.text){background-color:#00e0a8; border-color:#00e0a8;}

.button.bg-green-3:hover, 
.endcap.bg-green-3:hover > .cap, 
.elbow.bg-green-3:hover,
.complexButton.bg-green-3:hover > *:not(.text){background-color:#00a8a8; border-color:#00a8a8;}

.button.bg-green-4:hover, 
.endcap.bg-green-4:hover > .cap, 
.elbow.bg-green-4:hover,
.complexButton.bg-green-4:hover > *:not(.text){background-color:#007070; border-color:#007070;}



.button.bg-red-1:hover, 
.endcap.bg-red-1:hover > .cap, 
.elbow.bg-red-1:hover,
.complexButton.bg-red-1:hover > *:not(.text){background-color:#ff0000; border-color:#ff0000;}

.button.bg-red-2:hover, 
.endcap.bg-red-2:hover > .cap, 
.elbow.bg-red-2:hover,
.complexButton.bg-red-2:hover > *:not(.text){background-color:#e00000; border-color:#e00000;}

.button.bg-red-3:hover, 
.endcap.bg-red-3:hover > .cap, 
.elbow.bg-red-3:hover,
.complexButton.bg-red-3:hover > *:not(.text){background-color:#a80000; border-color:#a80000;}

.button.bg-grey-1:hover, 
.endcap.bg-grey-1:hover > .cap, 
.elbow.bg-grey-1:hover,
.complexButton.bg-grey-1:hover > *:not(.text){background-color:#f2f2f2; border-color:#f2f2f2;}

.button.bg-grey-2:hover, 
.endcap.bg-grey-2:hover > .cap, 
.elbow.bg-grey-2:hover,
.complexButton.bg-grey-2:hover > *:not(.text){background-color:#e0e0e0; border-color:#e0e0e0;}

.button.bg-grey-3:hover, 
.endcap.bg-grey-3:hover > .cap, 
.elbow.bg-grey-3:hover,
.complexButton.bg-grey-3:hover > *:not(.text){background-color:#707070; border-color:#707070;}


.red-alert .button.bg-blue-1:hover, 
.red-alert .endcap.bg-blue-1:hover > .cap, 
.red-alert .elbow.bg-blue-1:hover,
.red-alert .complexButton.bg-blue-1:hover > *:not(.text){background-color:#e0e0e0; border-color:#e0e0e0;}

.red-alert .button.bg-blue-2:hover, 
.red-alert .endcap.bg-blue-2:hover > .cap, 
.red-alert .elbow.bg-blue-2:hover,
.red-alert .complexButton.bg-blue-2:hover > *:not(.text){background-color:#a8a8a8; border-color:#a8a8a8;}

.red-alert .button.bg-blue-3:hover, 
.red-alert .endcap.bg-blue-3:hover > .cap, 
.red-alert .elbow.bg-blue-3:hover,
.red-alert .complexButton.bg-blue-3:hover > *:not(.text){background-color:#e00000; border-color:#e00000;}

.red-alert .button.bg-blue-4:hover, 
.red-alert .endcap.bg-blue-4:hover > .cap, 
.red-alert .elbow.bg-blue-4:hover,
.red-alert .complexButton.bg-blue-4:hover > *:not(.text){background-color:#700000; border-color:#700000;}


.red-alert .button.bg-green-1:hover, 
.red-alert .endcap.bg-green-1:hover > .cap, 
.red-alert .elbow.bg-green-1:hover,
.red-alert .complexButton.bg-green-1:hover > *:not(.text){background-color:#ffff70; border-color:#ffff70;}

.red-alert .button.bg-green-2:hover, 
.red-alert .endcap.bg-green-2:hover > .cap, 
.red-alert .elbow.bg-green-2:hover,
.red-alert .complexButton.bg-green-2:hover > *:not(.text){background-color:#ff0000; border-color:#ff0000;}

.red-alert .button.bg-green-3:hover, 
.red-alert .endcap.bg-green-3:hover > .cap, 
.red-alert .elbow.bg-green-3:hover,
.red-alert .complexButton.bg-green-3:hover > *:not(.text){background-color:#a80000; border-color:#a80000;}

.red-alert .button.bg-green-4:hover, 
.red-alert .endcap.bg-green-4:hover > .cap, 
.red-alert .elbow.bg-green-4:hover,
.red-alert .complexButton.bg-green-4:hover > *:not(.text){background-color:#380000; border-color:#380000;}



/* =============================================================================
   Active/Hover States. Included for optional use.
   ==========================================================================*/


.button:hover, 
.endcap:hover > .cap, 
.elbow:hover,
.complexButton:hover > *:not(.text){-webkit-animation:none !important;animation:none !important;}

.button:not(.endcap):active, 
.endcap:active > .cap, 
.elbow:active,
.complexButton:active > *:not(.text){-webkit-animation:none !important;animation:none !important; background-color:#ffffff !important; border-color:#ffffff !important;}