@font-face {
    font-family: Century Gothic; 
    src: url('/fonts/gothic.ttf'); 
}
* {
	font-family: Century Gothic, Trebuchet MS;
}
html {
	height: 100%;
}
body {
	border: 0;
	margin: 0;
	padding: 0;
	height: 100%;
}
.base {
	width: 100%;
	min-height: 100%;
}
.topbar {
	width: 100%;
	height: 50px;
	background: #3F72B0;
	position: fixed;
}
.topbar h1 {
	margin: 0;
	padding: 0;
	color: white;
}
.brk {
	/*margin-top: 50px;*/
}
.leftspace  {
	float:left; 
	width:229px; 
	display:inline;
	padding: 5px;
	border-right: solid 1px #dddddd;
	position: fixed;
	margin-top: 50px;
}
.leftspace  h2{
	margin: 0;
	padding: 0;
}	
.leftspace  a{
	color: black;
	text-decoration: none;
}
.leftspace  a:hover{
	text-decoration: underline;
}
.leftspace  li.selected a{
	font-weight: bold;
}
.centerspace {
	margin-left:240px; 
	min-height: 100px;
	padding: 55px 5px 5px 5px;
}
.centerspace h2 {
  margin: 0;
  padding: 0;
}
.menu {
	text-align: center;
}
.menu ul {
	padding-left: 0;
	margin-left: 0;
	list-style-type: none;
}
.menu ul li {
	display: inline;
}
.menu ul li a{
	padding: 10px;
	color: white;
	text-decoration: none;
	font-size: 14px;
}

.menu ul li a:hover{
	padding: 10px;
	text-decoration: underline;
	font-size: 14px;
	color: white;
}

.menu ul li.active a{
	padding: 10px;
	font-size: 14px;
	color: white;
	font-weight: bold;
}
.menu ul li.active a:hover{
	text-decoration: underline;
	color: white;
	font-weight: bold;	
}
.frm {
	width: 300px;
	margin-top: 200px;
}
.frm  .btn {
	margin-top: 10px;
	width: 160px;
	height: 40px;
	font-size: 20px;
	background: #2185CC;
	color: white;
	border: 0;
}
input.txt {
	width: 300px;
	height: 30px;
	font-size: 16px;
	margin-bottom: 10px;
}
.label {
	padding: 10px 0 10px 0;
	background: #2185CC;
	color: white;
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	width: 300px;
}


.preloader {
  height: 100%;
  width: 100%;
  /*background: #fff;*/
  background: url('/data/uploads/bgr.png');
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  perspective: 1600px;
  perspective-origin: 20% 50%;
  transition: 0.5s all;
  opacity: 1;
}

.spinner {
  width: 80px;
  height: 80px;
  border: 2px solid #f3f3f3;
  border-top: 3px solid #0088cf;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: spin 1s infinite linear;
}

.preloader.fade {
  opacity: 0;
}

.b-ico-preloader {
  /*background: url(http://weblaboratory.in.ua/wp-content/themes/graphy/images/new_logo.svg);*/
  background-size: cover;
  width: 52px;
  height: 67px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: ico 5s infinite linear;
  transform-style: preserve-3d;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes ico {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
.trt {
	background: #E2FED6;
	height: 36px;
}
.tro {
	background: #D6D7FE;
}
.tro:hover {
	background: #FCD7C7;
	cursor: pointer;
}
.trw {
	background: #CDCEFE;
}
.trw:hover {
	background: #FCD7C7;
	cursor: pointer;
}
.trwa {
	background: #F5EB3B;
}
.trwa:hover {
	background: #FCD7C7;
	cursor: pointer;
}
.trwt {
	background: #22F50F;
}
.trwt:hover {
	background: #FCD7C7;
	cursor: pointer;
}
.trb {
	background: #D5CCBB;
}
.trb:hover {
	background: #FCD7C7;
	cursor: pointer;
}
.bll {
  width: 30px;
  height: 16px;
  padding: 7px 0 7px 0;
}
span.sam {
  color: blue;
}
span.mor {
  color: green;
}
span.low {
  color: red;
}