/** 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:#646dcc;
	border-color:#646dcc;
}
.bg-blue-2,
.bg-blue-2 > *:not([class*="bg-"]){
	background-color:#9c9cff;
	border-color:#9c9cff;
}
.bg-blue-3,
.bg-blue-3 > *:not([class*="bg-"]){
	background-color:#3399ff;
	border-color:#3399ff;
}
.bg-blue-4,
.bg-blue-4 > *:not([class*="bg-"]){
	background-color:#99ccff;
	border-color:#99ccff;
}

.bg-green-1,
.bg-green-1 > *:not([class*="bg-"]){
	background-color:#cc99cc;
	border-color:#cc99cc;
}
.bg-green-2,
.bg-green-2 > *:not([class*="bg-"]){
	background-color:#ffff9c;
	border-color:#ffff9c;
}
.bg-green-3,
.bg-green-3 > *:not([class*="bg-"]){
	background-color:#ff9c63;
	border-color:#ff9c63;
}
.bg-green-4,
.bg-green-4 > *:not([class*="bg-"]){
	background-color:#cd6363;
	border-color:#cd6363;
}

/* Color by Name for Complex Buttons */

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

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

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

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

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

.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:#646dcc;}
.text-blue-2{color:#9c9cff;}
.text-blue-3{color:#3399ff; }
.text-blue-4{color:#99ccff;}

.text-green-1{color:#cc99cc;}
.text-green-2{color:#ffff9c;}
.text-green-3{color:#ff9c63;}
.text-green-4{color:#cd6363;}

.text-red-1{color:#ff9c00;}
.text-red-2{color:#f7bd5a;}
.text-red-3{color:#ffcc99;}

.text-grey-1{color:#4c4d47;}
.text-grey-2{color:#9e9993;}
.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:#f5173c;
	border-color:#f5173c;
}
.red-alert .bg-blue-2,
.red-alert .bg-blue-2 > *:not([class*="bg-"]){
	background-color:#a30e24;
	border-color:#a30e24;
}
.red-alert .bg-blue-3,
.red-alert .bg-blue-3 > *:not([class*="bg-"]){
	background-color:#bf2d42;
	border-color:#bf2d42;
}
.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;}


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


.button:hover,
.endcap:hover > .cap,
.elbow:hover,
.complexButton:hover > *:not(.text){}

.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;}