/*
main colors:
	blue: #0066CC #50ABD0
	green: #43c856
	grey: #AEAEAE #CFCFCF  #DDDDDD
*/
html {height:100%;}
body{
	margin:0;
	padding:0;
 	font-family: Helvetica, Verdana, Lucida-Grande, Arial, sans-serif;
	font-size: 12px;
	height: 100%;
	color: #666666;
}

/* footer */
#wrapper {
	min-height:100%;
	position:relative;
}
#content {
	padding-bottom:80px;
	margin: 0px auto;
	width: 976px;
}

#footer {
	height:80px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
.fcase{
	width: 976px !important;
	margin: 0 auto;
	background: #CFCFCF;
	height: 80px;
}
#footer_menu {
	text-align: center;
	color: #666;
	padding-top: 10px;
	font-size: 12px;
}
#footer_menu a{
	color: #666;
}
#banners{
	padding-top: 8px;
}
#top{
	padding-top: 21px;
	position: relative;
}
#logo{
	width: 311px;
	height: 75px;
	float: left;
}
.page-title{
	margin: 20px 0px 10px;
	padding: 0px;
	text-align: left;
        padding: 0 15px;
        
}
.page-title p, .page-title li{
	font-size: 14px !important;
	line-height: 1.5;
}

/* Меню */
#menu{
 	float: right;
 	padding-right: 13px;
	width: 636px;
	height: 70px;
	border: 0px solid green;
	text-align: right;
	/*margin-top: 40px;*/
}
#welcome{
	height: 40px;
	margin-right: 5px;
	line-height: 16px;
	/*border: 1px solid red;  */
}
#welcome a{
	color: #50ABD0;
	font-weight: normal;
}
.m-item {
	float: right;
	margin-right: 5px;
	padding: 5px;
	background-color: #EFEFEF;
	color: #999999;
	font-weight: bold;
	cursor: pointer;
}
.m-item-services{
	float: right;
	margin-right: 5px;
	padding: 5px;
	border: 1px solid #90D0FF; 
	background-color: #90D0FF; 
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.menu-item{
	float: right;
	margin-right: 5px;
	cursor: pointer;
}

#main-info{
  margin-top: 10px;
  font-size: 15px;
  line-height: 18px;
	text-align: justify;
}
#info-text{
	float: left;
	width: 660px;
}
#info-text a{
  color: #50ABD0;
}
#begin-info{
	float: right;
	border: 0px solid red;
	width: 250px;
	text-align: center;
}
#begin-info a{
 font-weight: bold;
 color: #50ABD0;
}
.begin-btn{
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	color: #ffffff;
	font-weight: normal;
	font-size: 18px;
	background-color: #43c856;
	cursor: pointer;
}
.block{
  float: left;
	width: 31%;
	padding: 0 10px 0 5px;
}
.title{
	font-size: 16px !important;

}
.one{
	color: #50ABD0;
	font: 14px Helvetica;
}
.two{
	color: #43c856;
	font: 14px Helvetica;
}
.one ul, .two ul
{
	margin-top: 5px;
}

#services-bt ul{
	color:#999; 
	background-color: #fff; 
	margin-top: 7px; 
	margin-left: -5px; 
	padding: 5px 10px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
#services-bt ul li{
	list-style: none;
	padding: 3px 0px;
	font-weight: normal;
	text-align: left;
}
#services-bt ul li a{
	color: #999;
}

.block p{
  text-align: left;
  font-size: 14px !important;
  margin: 3px 0px;
}
.info-box{
	padding: 5px;
	margin: 5px;
	text-align: center;
	color: #43c856 ;
}
#error-box{
	color: red;
	font-weight: bold;
	display: none;
	text-align: center;
	padding: 5px;
}
#info-box{
    color: green;
    font-weight: bold;
    display: none;
    text-align: center;
    padding: 5px;
}
#error{
	color: red;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
#reg-success, #login-success, #pass-success, #prof-success, #send-success{
	padding: 5px;
	margin: 5px;
	text-align: center;
	color: #43c856 ;
	font-weight: bold;
	display: none;
}
#success{
  padding: 5px;
	margin: 5px;
	text-align: center;
	color: #43c856 ;
	font-weight: bold;
}
#soundContainer {
	position: absolute;
	left: -256px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
/* Пополнение счёта */
table#money-type{
	border: none !important;
	width: auto !important;
	border-collapse: separate !important;
}
table#money-type td{
	height: 112px;
	width: 106px;
	cursor: pointer;
}
#b-wind{
 	display: none;
}
#cost-block{
	margin: 5px auto;
	width: 600px;
	border: 1px dotted #50ABD0 !important; 
	display: none;
	padding: 5px 10px 10px 10px;	
}
#payment-system{
	margin: 10px auto;
	width: 700px;
	border: 2px solid #bebebe;/*#3399cc;*/
	display: none;
	padding: 10px;
}
#money-cnt{
	display: none;
	margin-top: 10px;
	padding: 10px;
	background-color: #CCFF99;
}
.b-border{
  border: 3px solid #3399cc;
}
.w-border{
  border: 3px solid #ffffff;
}
input.btn{
	height: 30px !important;
	font-size: 14px !important;
	line-height: 28px !important ;
	/*padding: 2px 0px 4px 0px!important; */
	margin-left: 0px  !important;
}
form{
	padding:0px !important;
	margin: 0px !important;
	width: auto !important;
}

/**  Новости **/ 
 
#tbl1 td{
	padding: 0px 8px;
}
.news-title{
	font-size: 18px;
}
.news-title a{
	color: #50ABD0;
}
.news-short{
	font-size: 14px;
	line-height: 1.5;
	padding-bottom:20px;
}
.news-short a{
	color: #666666;
}
h1.full-news-title{
	color: #50ABD0;
	font-size: 26px;
}
.item-time{
	font-size: 14px;
	line-height: 16px;
	clear: both;
	height: 20px;
	color: #666;
}
.item-time img {
	border: none !important;
	margin: 0px !important;
	float: left;
	padding: 0px;
}


/** списки ресурсов  **/
 
  
table#site-list, table#site-list1{
	border: none;
}
table#site-list th, table#site-list1 th{
	background-color: #EFEFEF;
	color: #666;
  	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2px 10px;
	font-size: 11px;
	font-weight: bold !important;
}
table#site-list tr, table#site-list1 tr{
  /*background-color: #C7ECF8;*/
 /* background-color: #e2f8ff;*/
}
table#site-list td, table#site-list1 td{
  border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 20px;
	line-height: 20px;
	padding: 2px 5px;
	text-align: center;
	font-size: 11px;
}
table#site-list td.name, table#site-list1  td.name{
	padding-left: 10px !important;
	text-align: left !important;
	border-left: 1px solid #ccc;
	font-size: 12px !important;
}
table#site-list td a, table#site-list1 td a{
	color: #000;
	text-decoration: none;
}
table#site-list td a:hover, table#site-list1 td a:hover{
	text-decoration: underline;
}
table#site-list td.nounder a, table#site-list1 td.nounder a{
	text-decoration: none;
}
#site-list td img, #site-list1 td img{
	margin-top: 5px;
}
div.resBlockTitle {
	display: table;
	width: 1px;
	background-color: #ffffff;
	padding: 2px 15px 2px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
	border-radius: 0px 15px 0px 0px;
}
div.resBlockTitle > div {
	display: table-cell;
	font-size: 14px;
	/*text-transform: uppercase;*/
	font-weight: normal;
	font-family: georgia;
	color: #50ABD0;
}
.top-bord{
  border-top: 1px solid #ccc !important;
}
.left-bord{
  border-left: 1px solid #ccc;
  text-align: left !important;
}

/* -----------------log tale------------- */
#log td{
	padding: 5px 10px;
	border-bottom: 1px solid #DFDFDF;
}


/*------------ basics -------------------*/
/*---------------------------------------*/
form{
	padding: 0px;
	margin: 0px;
}
h1, h2{
	color: #666666;
	font-size: 26px;
	font-weight: normal;
}
h3
{
	color: #666666;
	font-size: 20px;
	font-weight: normal;
}
h4
{
	font-size: 16px;
	text-align: justify;
	font-weight: normal;
}

.hr{
  height: 1px;
	background: url('/images/hr.jpg') no-repeat top center;
	clear: both;
	margin-bottom: 20px;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
span.blue a{
      color: #0066CC;
}
label{
  /*display: block;
    float: left;
    font-weight: bold;
    height: 34px;
    margin-right: 10px;*/
}

.ln{
  clear: both;
	height: 34px;
	padding-right: 7px;
	line-height: 34px;
}
.ln1{
	display: none;
	clear: both;
	height: 90px;
}
.ln1row{
      clear: both;
      height: 20px;
      line-height: 20px;
}
.subln{
  font-size: 12px; font-weight: normal; line-height: 14px; width: 600px; padding: 3px 0px 5px 0px;
}
#yesWords, #noWords{
	height: 65px;
}
.cl{
	clear: both;
	height: 5px;
}
.clr{
	clear: both;
}
.error{
	color: red;
	padding: 10px;
}
input[submit]{
	cursor: pointer;
}
.r5{
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.r5g{
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #43c856;
}
.r5b{
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #0066CC;
}
.r5button{
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0px solid #50ABD0;
	background-color: #90D0FF; 
	color: #fff;
}
.r5button1{
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0px solid #50ABD0;
	background-color: #50ABD0; 
	color: #fff;
}
.r5gr{
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #CFCFCF;
    box-shadow: 2px 2px 2px #aeaeae;
}
.r8gr{
  -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #CFCFCF;
    box-shadow: 2px 2px 2px #aeaeae;
}
.r8red{
    -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 4px solid red;
        padding: 8px;
}


/**
 * Lines
 */ 
	.left-grey-line{
		border-left: 1px solid #cccccc;		
	}
	.top-grey-line{
		border-top: 1px solid #cccccc !important;
	}
	.brdRight{
		border-right: 1px solid #DFDFDF;
	}

/* === cursor === */
.pnt{
	cursor: pointer !important;
}
.def{
	cursor: default !important;
}

/* paddings */
.padd5{
	padding: 5px !important;
}
.padd10{
	padding: 10px;
}
.padd20{
	padding: 20px;
}
.padd15{
	padding: 15px;
}
/* width */
.w50{
	width: 50px;
}
.w75{
	width: 75px;
}
.w100{
	width: 100px;
}
.w300{
	width: 300px;
}
.w400{
	width: 400px;
}
.w500{
	width: 500px;
}
.w550{
	width: 550px;
}
.w150{
	width: 150px;
}
.w160{
	width: 160px;
}
.w200{
	width: 200px;
}
.w250{
	width: 250px;
}
.w262{
	width: 262px;
}
.w400{
	width: 400px;
}
.w450{
	width: 450px;
}
.w500{
	width: 500px;
}
.w550{
	width: 550px;
}





/* background */
.paused{
	background-color: rgb(255,240,240) !important;
}
.bg-gr{
	background-color: #aeaeae;
}
.bg-gr-l{
	background-color: #EDEDED;
}

/* === величина шрифтов === */
.f8{
    font-size: 8px;
}

.f10{
    font-size: 10px;
}
.f12{
	font-size: 12px;
}
.f16{
	font-size: 16px;
}
.f14{
	font-size: 14px;
}
.f20{
    font-size: 20px;
}
.f22{
    font-size: 22px;
}
.f22o{     	
	font-size: 20px  !important;
	text-decoration: underline !important;
}

/* alignments */
.fLeft{
	float: left;
}
.left{
	text-align:left !important;
}
.right{
	text-align: right;
}
.fRight{
	float: right;
}
.center{
	text-align: center !important;
}
.w-auto{
	margin: 0px auto;
}

/* Шрифты, заголовки */
.georg{
	font-family: georgia !important;
}                                 
.greenTitle{
	color: #43c856;
	font-size: 18px;
	font-weight: bold;
}
.green{
	color: #43c856 !important;
}
.red{
	color: #FF0000;
}
.orange{
    color: #FF9900;
}

.white{
	color: #ffffff;
}
.grey1{
    color: #CCCCCC;
}

.blue{
  color: #50ABD0 !important;
}
.grey{
	color: #666666;
}
.bld{
	font-weight: bold !important;
}
/* visibility */
.hid{
	display: none;
}

/* Positions */
.abs{
	position: absolute;
}
/* Line heights */
.lh20{
	line-height: 15px;
}

/* === тарифы === */
table.tarif, table.statsT
{
	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	text-align: center;
	clear: both;
}
table.tarif th, table.statsT th
{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	background-color: #999999 ;
	color: #ffffff;
	height: 50px;
	line-height: 50px;
}
table.tarif th:first-child ,  table.statsT th:first-child
{
	border-right: 1px solid #fff;
}
table.tarif td
{
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	font-size: 14px;
}
table.statsT td
{
	height: 15px;
	line-height: 15px;
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	font-size: 14px;
}
table.tarif td:first-child
{
 text-align: left;
 padding-left: 10px;
}


table#event_log{
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
}
#event_log td{
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding-left: 10px;
}
#event_log th{
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background-color: #EFEFEF;
	color: #666;
	padding: 2px 10px;
	font-size: 11px;
}
.admin{
	color: blue;
	font-size: 10px;
}

/* === подменю === */
#resMenu{
	width: 99%;
	height: 35px;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 10px;
	padding-left: 5px;
}
.resMenu-item{
	/*width: 100px;*/
        display: inline-block;
        padding: 0 7px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	float: left;
	background-color: #FFF;
	margin-right: 2px;
	margin-top: 7px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	border: 1px solid #CCCCCC;
}
.active{
    border: 1px solid #CCCCCC;
    border-bottom: 1px solid #fff;
    background-color: #ffffff;
    font-weight: bold;
}
.kro6ki{
    font-size: 11px;
    padding-left: 3px;
}
.kro6ki a{
    color: #666666;
}
.kro6ki ol {
    background-color: #fff;
}
.kro6ki ol li.active {
    border:none; border-bottom:none; background-color:transparent; font-weight: normal;
}

#groupsDiv{
	/*display: table;*/
	display: none;

	width: 1px;
	border: 0px solid red;
	position: absolute;
	margin-left: 260px;
	margin-top: 31px;
}
div#groupsDiv > div {
	display: table-cell;
	padding: 5px 5px 5px 5px;
	background-color: #DFDFDF;
}
#showNext{
	text-align: center;
	padding: 15px ;
	cursor: pointer;
}
.errorDiv, .addrDiv{
	display: none;
	position: absolute;
	background-color: #ffffff;
	border:1px solid #bebebe;
	padding: 1px 3px;
	color: #666666;
	margin-left: 154px;
	margin-top: -20px;
	-moz-border-radius: 5px 5px 5px 0px;
	-webkit-border-radius: 5px 5px 5px 0px;
	border-radius: 5px 5px 5px 0px;
        line-height: 14px;
}

.addrDiv{
	margin-left: 0px;
	margin-top: -40px;
}

/**
 * Инфо-кнопка при добавлении/редактировании ресурса.
 */ 
.infoBt-add{
	margin: 0px 0px 0px 7px;
	cursor: pointer;
}

/**
 * Стиль синих блоков заголовков при редактировании/добавлении ресурса.
 */ 
.bl-box-main{
	clear: both;
	width: 539px; height: 28px; 
	margin-bottom: 15px; 
	background: url('/images/sec_title.png') no-repeat; 
	
	cursor: pointer;
}
.bl-box-title{
	float: left;  
	line-height: 30px; color: #ffffff; font-weight: bold;
	padding-left: 7px;
	font-size: 15px;	 
}
.bl-box-icon{
	float: right;
	width: 18px;
	height: 18px;
	margin: 5px 5px 0px 0px;
	
}

/**
 * Стрелка вниз
 */ 
.arr-down{
	position: relative;
	top: -1px;
	border-style: solid dashed dashed;
	border-color: transparent;
	border-top-color: #999;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 0;
	border-width: 5px 5px 0;
	padding-top: 1px;
	left: 4px;
}
.mar-r5{
	margin-right: 5px;
}

.antivir{
    padding: 10px;
    margin: 0px auto;
    width: 400px;
    margin-top: 5px;
    font-weight: bold;
    border: 3px solid #CCC;
    color: #fff;
}

.bad{
    background-color: red;
}
.good{
    background-color: #00CC66;
}

.pos{
    font-size: 14px;
    font-weight: bold;
}

/**
 * White title in tabs.
 */
.tab-subtitle {
    font-size: 18px; width: 520px; text-align: left; padding: 10px 0px 5px 25px; color: #333; font-weight: bold;
}

/**
 * User resources table classes.
 */
#user-res-list div.res-group {
    padding: 5px 3px 5px 5px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background-color: #CCC; 
    margin: 3px 0px 3px 0px;
}
#user-res-list table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
#user-res-list table th {
    background-color: #fff;   
    color: #ccc;
}
#user-res-list td, #user-res-list th {
    padding: 3px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.small-f{
    font-size: 10px;
}
#save-info-box{
    position: absolute;
    padding: 3px;
    background-color: #43c856;
    font-size: 9px;
    color: #fff;
}
.group-th{
    background-color: #ffffff !important; 
    padding-left: 2px !important;
    padding-top: 10px !important;
    border-right: none !important;
}

div.child-p{
    padding: 5px;
    background-color: #fff;
    border: 1px solid #aeaeae;
    width: 230px;
    cursor: default;
    text-align: left;
    line-height: 13px;
    -moz-border-radius: 5px 5px 0px 5px;
	-webkit-border-radius: 5px 5px 0px 5px;
	border-radius: 5px 5px 0px 5px;
}
.popupwin{
    cursor: default;
}

.overf{
    position: absolute;
    z-index: 10;
    height:15px;
    width: 35px;
    background: url('/images/overflow_35x15.png') no-repeat;
}
.tech-r-subtitle {
    background-color: #50ABD0; padding: 3px 5px; color: #fff; margin-bottom: 10px;
    box-shadow: 2px 2px 2px #aeaeae;
}

#demo-info-line {
    width:auto; text-align: center; padding: 10px; background-color: #66CC66; 
    color: #fff;
}
#demo-info-line a{
    color: #CC0000;
}
.func-denied{
    padding: 10px; color: #cc0000;
}


.grayscale {
  /* Firefox 10+, Firefox on Android */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  /* IE 6-9 */
  filter: gray;

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(100%);
}

.grayscale.grayscale-fade {
  -webkit-transition: -webkit-filter .5s;
}

.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0%);
  filter: none;
}

.grayscale-replaced.grayscale-fade svg {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.grayscale-replaced.grayscale-fade:hover svg {
  opacity: 0;
}

.col-one {
    width: 250px;
    padding-right: 10px; 
    margin-right: 30px; 
    border-right: 1px solid #ccc;
}
.col-one h3{
    margin-top:10px;
}
.col-one h4{
    text-align: right;
}
.col-two {
    width: 550px;
}
.plashki a {       
    padding: 20px 10px;
    text-align:center;
    font-size: 20px;
    margin: 5px 5px 0px 0px;
}
.top-pad-15 {
    padding-top: 20px !important;
}
.top-pad-10 {
    padding-top: 10px !important;
}
.no-border {
    border: none !important;
}
.no-border-top {
    border-top: none !important;
}
.b-border-left {
    border-left: 2px solid #ccc !important; 
}
.b-left {
    border-left: 1px solid #ccc !important; 
}
.active0 {
    background-color: #F5F5F5;
}
.active1 {
    background-color: #EBEBEB;
}
.active2 {
    background-color: #DEDEDE;
}
.info2 {
    background-color: #E1F5FF;
}
.btn-info2 {
    color: #FFF;
    background-color: #79DEFC;
    border-color: #5CCEF0;
}
.btn-info2:hover {
    color: #FFF;
    background-color: #5BC0DE;
    border-color: #46B8DA;
}
.b-border-bot {
    border-bottom: 1px solid #DDD !important; 
}
.ch-w {
    width: 50px !important;
}
.table-hover > tbody > tr > td.active0:hover,
.table-hover > tbody > tr > th.active0:hover,
.table-hover > tbody > tr.active0:hover > td,
.table-hover > tbody > tr:hover > .active0,
.table-hover > tbody > tr.active0:hover > th {
    background-color: #e8e8e8;
}
.table-hover > tbody > tr > td.active1:hover,
.table-hover > tbody > tr > th.active1:hover,
.table-hover > tbody > tr.active1:hover > td,
.table-hover > tbody > tr:hover > .active1,
.table-hover > tbody > tr.active1:hover > th {
    background-color: #DEDEDE;
}
.table-hover > tbody > tr > td.active2:hover,
.table-hover > tbody > tr > th.active2:hover,
.table-hover > tbody > tr.active2:hover > td,
.table-hover > tbody > tr:hover > .active2,
.table-hover > tbody > tr.active2:hover > th {
    background-color: #D7D7D7;
}
.hourtd {
    padding: 5px 0px !important;
    overflow: hidden;   
    height: 55px;
}
.user-owner {
    padding-left: 10px !important;
    padding-top: 0px !important;
}
.timeline {
    border-right: 0px solid #fff;
    border: 0px;
    cursor: pointer;
    height: 40px;
    border-radius: 3px;
}
.tl-white {
    background: transparent;
}
.popover {
    max-width: 400px !important;
}
.hourtd .bg-danger {
    background-color: #f14440 !important;
}
.hourtd .bg-success {
    background-color: #66cc66 !important;
}
.hourtd .bg-default {
    background-color: #EDEDED !important;
}