$bg-color: rgb(37, 41, 57);

$card-color: rgb(34, 35, 43);
$card-color-light: rgb(49, 52, 72);

$header-color: rgb(38, 40, 54);

$shadow: 0 5px 19px 0 rgba(0, 0, 0, 0.15);

$font-color: rgb(183, 186, 205);
$font-color-light: rgb(174, 174, 174);
$title-color: rgb(222, 225, 233);

$white: #ffffff;
$black: #000000;
$primary-color: rgb(77, 121, 177);
$pink-color: rgb(186, 119, 202);
$red-color: rgb(216, 87, 82);
$blue-color: rgb(53, 172, 172);
$yellow-color: rgb(248, 215, 73);
$orange-color: rgb(207, 106, 50);
$green-color: rgb(71, 188, 138);

$theme-colors: (
		"primary": $primary-color,
		"success": $green-color,
		"info": $blue-color,
		"warning": $orange-color,
		"danger": $red-color,
		"error": $red-color,
);

$input-color: rgb(41, 43, 55);
$input-border-color: rgb(53, 56, 71);

$border-radius-sm: 2px;
$border-radius: 2px;

@import 'theme';

html, body {
	background: url(../img/theme_ghost_bg_1.png) no-repeat scroll center top, $bg-color url(../img/theme_ghost_bg_2.png) repeat scroll 100% 0px;
	color: $font-color;
}

.wapper {
	.header {
		background: rgb(38, 40, 54);
	}
	.navigation {
		box-shadow: 0 5px 19px 0 rgba(0, 0, 0, 0.25);
	}
}

.wapper .monitoring .server {
	border-bottom: 0 !important;
}

.purse .row .col-lg-3 {
	&:nth-child(1) > div, &:nth-child(2) > div, &:nth-child(3) > div, &:nth-child(4) > div {
		color: $title-color;
	}
}