:root {
    /* Main game color (this is the classic greenish of Stellaron: 10, 20, 22) */
    --main-color-rgb: 10, 20, 22;
    --main-color: rgba(var(--main-color-rgb));
    --main-color-0: rgba(var(--main-color-rgb), 0);
    --main-color-0-03: rgba(var(--main-color-rgb), 0.03);
    --main-color-0-05: rgba(var(--main-color-rgb), 0.05);
    --main-color-0-10: rgba(var(--main-color-rgb), 0.1);
    --main-color-0-20: rgba(var(--main-color-rgb), 0.2);
    --main-color-0-25: rgba(var(--main-color-rgb), 0.25);
    --main-color-0-30: rgba(var(--main-color-rgb), 0.3);
    --main-color-0-35: rgba(var(--main-color-rgb), 0.35);
    --main-color-0-50: rgba(var(--main-color-rgb), 0.5);
    --main-color-0-70: rgba(var(--main-color-rgb), 0.7);
    --main-color-0-75: rgba(var(--main-color-rgb), 0.75);
    --main-color-0-85: rgba(var(--main-color-rgb), 0.85);
    --main-color-0-90: rgba(var(--main-color-rgb), 0.9);
    --main-color-0-95: rgba(var(--main-color-rgb), 0.9);
    /* Colors used with Bootstrap Primary (170, 255, 252) */
    --primary-rgb: 170, 255, 252;
    --primary: rgba(var(--primary-rgb));
    --primary-0: rgba(var(--primary-rgb), 0);
    --primary-0-03: rgba(var(--primary-rgb), 0.03);
    --primary-0-05: rgba(var(--primary-rgb), 0.05);
    --primary-0-10: rgba(var(--primary-rgb), 0.1);
    --primary-0-20: rgba(var(--primary-rgb), 0.2);
    --primary-0-30: rgba(var(--primary-rgb), 0.3);
    --primary-0-35: rgba(var(--primary-rgb), 0.35);
    --primary-0-70: rgba(var(--primary-rgb), 0.7);
    /* Colors used with Bootstrap Secondary (43, 237, 230) */
    --secondary-rgb: 43, 237, 230;
    --secondary: rgba(var(--secondary-rgb));
    --secondary-0: rgba(var(--secondary-rgb), 0);
    --secondary-0-03: rgba(var(--secondary-rgb), 0.03);
    --secondary-0-05: rgba(var(--secondary-rgb), 0.05);
    --secondary-0-10: rgba(var(--secondary-rgb), 0.1);
    --secondary-0-15: rgba(var(--secondary-rgb), 0.15);
    --secondary-0-20: rgba(var(--secondary-rgb), 0.2);
    --secondary-0-30: rgba(var(--secondary-rgb), 0.3);
    --secondary-0-35: rgba(var(--secondary-rgb), 0.35);
    --secondary-0-70: rgba(var(--secondary-rgb), 0.7);
    /* Colors used with Bootstrap Success (79, 227, 139) */
    --success-rgb: 79, 227, 139;
    --success: rgba(var(--success-rgb));
    --success-0: rgba(var(--success-rgb), 0);
    --success-0-03: rgba(var(--success-rgb), 0.03);
    --success-0-05: rgba(var(--success-rgb), 0.05);
    --success-0-10: rgba(var(--success-rgb), 0.1);
    --success-0-20: rgba(var(--success-rgb), 0.2);
    --success-0-30: rgba(var(--success-rgb), 0.3);
    --success-0-35: rgba(var(--success-rgb), 0.35);
    --success-0-70: rgba(var(--success-rgb), 0.7);
    /* Colors used with Bootstrap Warning (250, 146, 29) */
    --warning-rgb: 250, 146, 29;
    --warning: rgba(var(--warning-rgb));
    --warning-0: rgba(var(--warning-rgb), 0);
    --warning-0-03: rgba(var(--warning-rgb), 0.03);
    --warning-0-05: rgba(var(--warning-rgb), 0.05);
    --warning-0-10: rgba(var(--warning-rgb), 0.1);
    --warning-0-20: rgba(var(--warning-rgb), 0.2);
    --warning-0-30: rgba(var(--warning-rgb), 0.3);
    --warning-0-35: rgba(var(--warning-rgb), 0.35);
    --warning-0-70: rgba(var(--warning-rgb), 0.7);
    /* Colors used with Bootstrap Danger (237, 55, 55) */
    --danger-rgb: 237, 55, 55;
    --danger: rgba(var(--danger-rgb));
    --danger-0: rgba(var(--danger-rgb), 0);
    --danger-0-03: rgba(var(--danger-rgb), 0.03);
    --danger-0-05: rgba(var(--danger-rgb), 0.05);
    --danger-0-10: rgba(var(--danger-rgb), 0.1);
    --danger-0-20: rgba(var(--danger-rgb), 0.2);
    --danger-0-30: rgba(var(--danger-rgb), 0.3);
    --danger-0-35: rgba(var(--danger-rgb), 0.35);
    --danger-0-70: rgba(var(--danger-rgb), 0.7);
    /* Colors used with Bootstrap Light (255, 255, 255) */
    --light-rgb: 255, 255, 255;
    --light: rgba(var(--light-rgb));
    --light-0: rgba(var(--light-rgb), 0);
    --light-0-03: rgba(var(--light-rgb), 0.03);
    --light-0-05: rgba(var(--light-rgb), 0.05);
    --light-0-10: rgba(var(--light-rgb), 0.1);
    --light-0-15: rgba(var(--light-rgb), 0.15);
    --light-0-20: rgba(var(--light-rgb), 0.2);
    --light-0-30: rgba(var(--light-rgb), 0.3);
    --light-0-35: rgba(var(--light-rgb), 0.35);
    --light-0-70: rgba(var(--light-rgb), 0.7);
    /* Colors used with Bootstrap Dark (0, 0, 0) */
    --dark-rgb: 0, 0, 0;
    --dark: rgba(var(--dark-rgb));
    --dark-0: rgba(var(--dark-rgb), 0);
    --dark-0-03: rgba(var(--dark-rgb), 0.03);
    --dark-0-05: rgba(var(--dark-rgb), 0.05);
    --dark-0-10: rgba(var(--dark-rgb), 0.1);
    --dark-0-20: rgba(var(--dark-rgb), 0.2);
    --dark-0-30: rgba(var(--dark-rgb), 0.3);
    --dark-0-35: rgba(var(--dark-rgb), 0.35);
    --dark-0-50: rgba(var(--dark-rgb), 0.5);
    --dark-0-70: rgba(var(--dark-rgb), 0.7);
    /* Scrollbar */
    --webkit-scrollbar: var(--success-0-10); /* Scrollbar background */
    --webkit-scrollbar-thumb: var(--success-0-70); /* Scrollbar thumb */
    --selection-color: var(--secondary-0-35); /* Text selection */
    /* Cards */
    --card-background: linear-gradient(to bottom, rgba(var(--secondary-rgb), 0.02) 0%, rgba(var(--secondary-rgb), 0.09) 100%); /* Card background */
    --card-border: 0px solid var(--secondary-0-20); /* Card border */
    --card-header-background: linear-gradient(to right, var(--secondary-0-10) 0%, var(--main-color) 100%) 0; /* Card header background */
    --card-header-border: 0px solid var(--secondary); /* Card header border */
    --card-ogame-buildings-bkg: rgba(21, 31, 41, 0.7); /* Background of queue box */
    --card-ogame-footer: var(--secondary-0-10); /* Background of building accordion */
    --card-body-background: linear-gradient(to bottom, rgba(var(--secondary-rgb), 0.02) 0%, var(--main-color) 100%), #0e0e0e; /* Card body background */
    --card-body-background-transparent: linear-gradient(to bottom, rgba(var(--primary-rgb), 0.02) 0%, var(--dark-0-50) 100%); /* Card body background, but transparent */
    --card-body-border: 0px solid var(--secondary-0-20); /* Card body border */
    --card-box-queue-border: 1px solid rgba(54, 64, 74, .05); /* Border of queue timer box */
    --card-box-queue-color: rgba(7, 7, 17, .9); /* Color of queue box */
    --border-primary: rgb(29, 83, 106);
    /* Modals */
    --modal-fade-bg: rgba(30, 30, 30, 0.7); /* Background fade of modal */
    --modal-color: var(--secondary); /* Modal text color (header) */
    --modal-header-bg: linear-gradient(to bottom, rgba(var(--secondary-rgb), 0.25) 0%, var(--main-color) 100%), #0e0e0e;
    --modal-background: var(--main-color);
    /* Navigation bar */
    --navbar-color: var(--secondary); /* Navigation text color */
    --navbar-border-color: var(--secondary); /* Navigation border color */
    --navbar-background: linear-gradient(to bottom, var(--secondary-0-05) 0%, var(--secondary-0-10) 100%);
    --navButtons-background: linear-gradient(to right, var(--dark) 0%, var(--dark-0-20) 100%); /*  gradient */
    --navButtons-box-shadow: 0 0 10px 5px var(--secondary-0-30); /* Navigation menu buttons box shadow */
    --navLeftMenu-box-shadow: 0 0 15px 0 var(--secondary-0-10);
    --navLeftMenu-background-button-background: var(--dark);
    --navLeftMenu-background-button-box-shadow-hover: 0 0 10px 5px var(--secondary-0-10);
    --navLeftMenu-background-submenu-background: var(--dark);
    --navLeftMenu-background-submenu-box-shadow-hover: 3px 5px 10px 0 var(--secondary-0-30);
    /* Tables */
    --table-color: var(--secondary); /* Text color of default tables */
    --table-th-background: var(--main-color-0-25); /* Table th tags background */
    --table-td-background: var(--main-color); /* Table td tags background */
    --table-hover-row-background: var(--primary-0-10); /* if using table-hover on class, hover color per row */
    /* Fancybox plugin */
    --fancybox-bg: rgb(30, 30, 30); /* Fancybox background */
    /* Form control */
    --form-control-background: linear-gradient(to bottom, var(--secondary-0-10) 0%, var(--secondary-0-20) 100%); /* Background of input boxes */
    --form-control-border: 1px solid var(--secondary-0-70); /* Border of input boxes */
    --form-control-color: var(--primary); /* Text color of input boxes */
    /* Popover */
    --popover-background: var(--dark); /* Popover background */
    --popover-color: var(--secondary); /* Popover text color */
    --popover-arrow-color: var(--secondary); /* Arrow color of popovers */
    --popover-border: var(--secondary-0-70); /* Popover border */
    /* Progress bar */
    --progress-bar-border: 1px solid var(--secondary);
    --progress-bar-background: var(--primary-0-20);
    --progress-bar-color: var(--primary);
    /* Dropdowns */
    --dropdown-megamenu-background: url("../../../../theme/backgrounds/stars.gif"); /* Background of planet list picker */
    --dropdown-background: var(--dark); /* Default dropdown list background */
    --dropdown-border: 1px solid var(--secondary-0-70); /* Default dropdown border */
    --dropdown-color: var(--primary); /* Default dropdown color text */
    --dropdown-background-selected: linear-gradient(to bottom, var(--secondary-0-10) 0%, var(--secondary-0-20) 100%); /* Selected element from dropdown */
    --dropdown-border-selected: var(--secondary); /* Border of selected element */
    --dropdown-menu-selected-planet-hover: linear-gradient(to left, var(--secondary-0) 0%, var(--secondary-0-20) 100%);
}

.fa-stellaron-resource-901 {
    color: #d9b03d;
    background: -webkit-linear-gradient(#d9b03d, #dd5c03);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-resource-902 {
    color: #4fc6e1;
    background: -webkit-linear-gradient(#4fc6e1, #0070bb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-resource-903 {
    color: #1abc9c;
    background: -webkit-radial-gradient(center bottom, #1abc9c, #0b5244);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-resource-911 {
    color: yellow;
    background: -webkit-radial-gradient(center bottom, yellow, goldenrod);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-resource-921 {
    color: #594fb9;
    background: -webkit-radial-gradient(center, #594fb9, #32517c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-resource-922 {
    color: #00bcd4;
    background: -webkit-radial-gradient(center, #00bcd4, #9C27B0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-resource-923 {
    color: #CDDC39;
    background: -webkit-radial-gradient(center, #CDDC39, goldenrod);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-resource-924 {
    color: #9E9E9E;
    background: -webkit-radial-gradient(center, #9E9E9E, goldenrod);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-resource-925 {
    color: #F44336;
    background: -webkit-radial-gradient(center, #F44336, goldenrod);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-terraform-Special {
    color: yellow;
    background: -webkit-radial-gradient(center bottom, yellow, goldenrod);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-terraform-Hot {
    color: #d9b03d;
    background: -webkit-linear-gradient(#d9b03d, #dd5c03);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-terraform-Cold {
    color: #4fc6e1;
    background: -webkit-linear-gradient(#4fc6e1, #0070bb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-terraform-Temperate {
    color: #1abc9c;
    background: -webkit-radial-gradient(center bottom, #1abc9c, #0b5244);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-shipdesigner-cost901 {
    color: #d9b03d;
    background: -webkit-linear-gradient(#d9b03d, #dd5c03);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-shipdesigner-cost902 {
    color: #4fc6e1;
    background: -webkit-linear-gradient(#4fc6e1, #0070bb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-shipdesigner-cost903 {
    color: #1abc9c;
    background: -webkit-radial-gradient(center bottom, #1abc9c, #0b5244);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-shipdesigner-cost911 {
    color: yellow;
    background: -webkit-radial-gradient(center bottom, yellow, goldenrod);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-shipdesigner-cost921 {
    color: #594fb9;
    background: -webkit-radial-gradient(center, #594fb9, #32517c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-shipdesigner-attack {
    color: #FF5722
}

.fa-stellaron-shipdesigner-capacity {
    color: #607D8B
}

.fa-stellaron-shipdesigner-consumption {
    color: #607D8B
}

.fa-stellaron-shipdesigner-integrity {
    color: #607D8B
}

.fa-stellaron-shipdesigner-rapidfire {
    color: inherit
}

.fa-stellaron-shipdesigner-shield {
    color: #00BCD4
}

.fa-stellaron-shipdesigner-speed {
    color: #00BCD4
}

.fa-stellaron-vars-attack {
    color: #FF5722
}

.fa-stellaron-vars-capacity {
    color: #607D8B
}

.fa-stellaron-vars-consumption {
    color: #607D8B
}

.fa-stellaron-vars-integrity {
    color: #607D8B
}

.fa-stellaron-vars-rapidfire {
    color: inherit
}

.fa-stellaron-vars-shield {
    color: #00BCD4
}

.fa-stellaron-vars-speed {
    color: #00BCD4
}

.fa-stellaron-shipyard-1 {
    color: SkyBlue;
    background: -webkit-radial-gradient(circle, #4fc6e1, #14806b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-shipyard-2 {
    color: SkyBlue;
    background: -webkit-radial-gradient(circle, #4fc6e1, #14806b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-shipyard-3 {
    color: SkyBlue;
    background: -webkit-radial-gradient(circle, #4fc6e1, #14806b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-building-1 {
    color: SkyBlue;
    background: -webkit-radial-gradient(circle, #4fc6e1, #14806b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-building-2 {
    color: #942940;
    background: -webkit-linear-gradient(#f1556c, #45525f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-building-3 {
    color: #FA924C;
    background: -webkit-radial-gradient(circle, #c4a86b, #9f6b4a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-building-4 {
    color: 594 fb9;
    background: -webkit-linear-gradient(#cc9225, #742c00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-research-1 {
    color: #b8905e;
    background: -webkit-radial-gradient(circle, #c4a86b, #9f6b4a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-research-2 {
    color: #33a0b4;
    background: -webkit-radial-gradient(circle, #1e9ab9, #0f4660);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-research-3 {
    color: #51ba88;
    background: -webkit-radial-gradient(circle, #66daa8, #103f37);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-ogame_perk-1001 {
    color: #ffbd4a;
    background: -webkit-radial-gradient(circle, #ffbd4a, #1b1710);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-ogame_perk-1002 {
    color: #f05050;
    background: -webkit-radial-gradient(circle, #f05050, #251414);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-ogame_perk-1003 {
    color: #b8905e;
    background: -webkit-radial-gradient(circle, #3b5d95, #040f1a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-ogame_perk_ext-1001 {
    color: #ffbd4a;
    background: -webkit-radial-gradient(circle, #ffbd4a, #1b1710);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-ogame_perk_ext-1002 {
    color: #f05050;
    background: -webkit-radial-gradient(circle, #f05050, #251414);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-stellaron-ogame_perk_ext-1003 {
    color: #5d9cec;
    background: -webkit-radial-gradient(circle, #5d9cec, #040f1a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.icon-glow {
    text-shadow: 0 0 10px;
}