@import "text.css";
:root {
    --popup-bg-color: #069;
    --popup-shadow: 0, 20, 40, 0.8;
    --bg-highlight-color: #588;
    --tab-bg-color: #144;
	--crumb-bg-color: 20, 100, 130, 0.95;
	--crumb-bg-selected: 70, 135, 190, 1;
    --input-bg-color: 50, 150, 150, 1;
    --tab-selected-color: #588;
    --main-bg-color: #eee;
    --logo-hue: 0deg;
    --logo-brightness: 1;
    --light-purple: #FF2EE3;
    --green: #44FF44;
    --light-blue: #9999FF;
    --light-red: #fa5353;
    --primary-text-color: #FFAE0F;
    --primary-link-color: #FFAE0F;
    --disabled-text-color: #778888;
    --inactive-text-color: #77CCCC;
	--nav-text-color: 254, 254, 254, 1;
	--nav-text-shadow: 2px 2px 2px #333;
    --warning-text-color: var(--light-red);
    --forum-header-color: 0,90,170,0.8;
    --forum-text-color: 0, 90, 170;
    --forum-row-color-even: 10,60,60,0.8;
    --forum-row-color-odd: 30,80,80,0.9;
    --forum-row-color-light-even: 50,100,150,0.8;
    --forum-row-color-light-odd: 100,200,150,0.9;
    --forum-post-bg-color: #033;
    --forum-row-subtle-color: 60, 65, 65, 0.8;
    --forum-like-color: #2525ff;
    --forum-folder-color: #888866;
    --forum-folder-unread-color: #CC7700;
    --content-bg-color: 10,50,50,0.8;
    --row-bg-color-odd: 0, 70, 140, 0.6;
    --row-bg-color-even: 0, 50, 120, 0.3;
    --row-highlight-bg: 130, 135, 135, 0.7;
	--table-title-bg: 100, 100, 200, 0.7;
    --table-border-color: #005555;
    --main-gradient-start: 72, 139, 219, 1;
    --main-gradient-end: 71, 127, 217, 1;
    --button-primary-text: 0, 50, 90, 1;
    --button-primary-bg: 241, 196, 20, 1;
    --button-primary-hover: 0, 70, 140, 1;
    --button-secondary-hover: 155, 195, 205, 1;
    --button-secondary-bg: 30, 90, 130, 1;
    --button-secondary-border: 0, 40, 60, 1;
    --button-primary-border: 20, 140, 120, 1;
    --light-grey: #c9c9c9;
    --grey: #222;
    --delete-color: red;
}
.light-purple { color: var(--light-purple); }
.light-blue { color: var(--light-blue); }
.green { color: var(--green); }
.warning {
    color: var(--warning-text-color);
}
.orange {
    color: orange;
}
.grey {
    color: grey;
}
.light-grey {
    color: var(--light-grey);
}
.red {
    color: red;
}
.light-red {
    color: var(--light-red);
}
.purple {
    color: purple;
}
.blue {
    color: blue;
}
.aqua {
    color: aqua;
}
.cyan {
    color: cyan;
}
.yellow {
    color: yellow;
}
.loading {
    display: none;
}
.blurBackground {
    display:none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    background-color: rgba(var(--popup-shadow));
}
.blurBackground.load {
    z-index: 1000;
}
.blurBackground .loading {
    display: none;
    margin: auto;
    position: relative;
    top: 400px;
    text-align: center;
    font-size: 40px;
}
.blurBackground .loading .msg {
    font-size: 80%;
}
.bold {
    font-weight: bolder;
}
.max1000 {
    max-width: 1000px;
}
.f50 {
    font-size: 50%;
}
.f60 {
    font-size: 60%;
}
.f120 {
    font-size: 120%;
}
.f140 {
    font-size: 140%;
}
.b { 
    font-weight: bold;   
}
.p2 {
    padding: 2px;
}
.spinner.mini {
    margin: auto;
    display: flex;
}
.center {
    text-align: center;
}
.spinner.mini .spinner-border {
    width: 1rem;
    height: 1rem;
    margin: auto;
}
.shadow {
    text-shadow: 2px 2px 2px #000;
}
#navbar_top {
	border-top: 2px solid #000;
    background-image: linear-gradient(to bottom,
	rgba(var(--main-gradient-start)),
	rgba(var(--main-gradient-end)));
}