:root {
  --light-blue-color: #5378df;
  --blue-color: #3e69dc;
  --dark-blue-color: #1c3c9b;
  --blue-black-color: #2c313f;  
  --white-blue-color: #f5f5f5;
  --orange-color: #dcb13e;

  --main-background-color: #c9cfdf;
  --font-color: #494b50;
}

/* General */

body {
	background-color: var(--main-background-color);
	color: var(--font-color);
}

/* Header */
#show_loginbox {
	background-color: var(--main-background-color);
}
#title {
	background-color: #ffffff;
	background-image: none;
	border-bottom: var(--blue-color);
}
#menu-list a, #menu-list label {
	color: var(--blue-black-color);
}
#menu-list a:hover {
	color: var(--blue-color);
	background-color: #ffffff;
}

#menu-list a.active, #menu-list a.active:hover {
	background-color: var(--main-background-color);
}

/* Menu */
#pm-menu {
	background-color: var(--blue-black-color);
	border-bottom: 4px solid var(--blue-color);
}
#pm-menu-list a.active {
	border-top: none;
	border-right: none;
}

/* Buttons and links */

tr.active, body a.button.positive, body button.positive, #pm-menu-list a.active,
#pm-menu-list a.active:hover, #s_loginbox:checked ~ #show_loginbox, #s_quickactions:checked ~ #actions,
#menu-list a#show_loginbox:hover, .pagenums .active {
	background-color: var(--blue-color);
}
body a.positive, body button.positive {
    border: 1px solid var(--dark-blue-color);
    border-top: 1px solid var(--blue-color);
    border-right: 1px solid var(--blue-color);
}
a, button.fakelinkbutton {
	color: var(--blue-color);
}
a.positive:hover, button.positive:hover {
	background-color: var(--light-blue-color);
    border: 1px solid var(--dark-blue-color);
}
#submenu a.active {
	border-top: 2px solid var(--blue-color);
}

/* Toolbox */

#toolboxmenu a.active {
	border-left: 2px solid var(--blue-color);
}
#toolboxmenu a, #submenu a {
	background-color: var(--white-blue-color);
}
#toolbox h3 {
	border-bottom: 1px solid var(--blue-color);
}

/* Accounts Table */

.account_enabled {
	background-color: var(--white-blue-color);
}
.account_enabled:nth-child(2n) {
	background-color: var(--main-background-color);
}
.account_enabled:hover, .account_enabled:nth-child(2n):hover {
	background-color: var(--orange-color);
}

/* Font icons */
.good, .perms tbody span i:first-child, .fa-check {
	color: var(--blue-color) !important;
}

/* Pop up */

#loginbox {
	background: var(--white-blue-color);
	border: 3px solid var(--blue-color);
}
div#mysearches {
	border: 3px solid var(--blue-color);
}

.warning, .perms tbody tr:hover {
	background-color: var(--orange-color) !important;
}
input[value=""]:checked ~ div.btn-group label#s_all,
input[value="0"]:checked ~ div.btn-group label#s_disabled,
input[value="1"]:checked ~ div.btn-group label#s_enabled {
    background-color: var(--blue-color) !important;
    color: #fff !important;
}
.progress_bar_container .progress_bar {
	background-color: var(--blue-color);
    background-image: -moz-linear-gradient(var(--light-blue-color), var(--dark-blue-color));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--light-blue-color)), to(var(--dark-blue-color)));
    background-image: -webkit-linear-gradient(var(--light-blue-color), var(--dark-blue-color));
    background-image: linear-gradient(var(--light-blue-color), var(--dark-blue-color));
}
del {
	text-decoration: rgba(0,0,0,0.2) line-through;
}