@import url('//fonts.googleapis.com/css?family=Open+Sans:400,700,300&subset=latin,cyrillic');
body {
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	padding: 0px;
}
.container {
	width: 980px;
	/*margin: 0 auto;*/
	/*padding-top: 35px;*/
}
.box {  
  display: none; /* по умолчанию прячем все блоки */  
}  
.box img {
	width: 100%;
}
.box.visible {  
  display: block; /* по умолчанию показываем нужный блок */  
}  
.section {
	background: #fff;
	margin: 0 0 30px;
}
ul.tabs {
	width: 990px;
	height: 42px;
	line-height: 42px;
	list-style: none;
	/*border-bottom: 1px solid #00609e;*/
	background: #FFF;
	padding: 0;
	margin: 0px;
	/*padding-top: 4px;*/
	/*border-top: 1px solid #f1f2f2;
	border-right: 1px solid #f1f2f2;
	border-left: 1px solid #f1f2f2;*/
}
.tabs > li {
	background: url(../img/arrow_right.png) no-repeat 200px center #F9F9F9;
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	padding: 0 15px 1px 14px;
	color: #777;
	cursor: pointer;
	border-top: 3px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #F9F9F9;
	position: relative;
	color: #242e3e;
	font-size: 15px;
	height: 37px;
}

.tabs > li:hover,
.vertical .tabs li:hover {
	background: url(../img/arrow_down.png) no-repeat 200px center #fff;
	color: #444;
	/*height: 36px;*/
	padding: 0 55px 1px 54px;
	border-top: 3px solid #00609e;
	border-left: 1px solid #00609e;
	border-right: 1px solid #00609e;
	border-bottom: 1px solid #00609e;
}
.tabs > li.current {
	background: url(../img/arrow_down.png) no-repeat 200px center #fff;
	color: #444;
	/*height: 37px;*/
	padding: 0 55px 2px;
	border-top: 3px solid #00609e;
	border-left: 1px solid #00609e;
	border-right: 1px solid #00609e;
	border-bottom: 1px solid #fff;
}
ul.periods {
	height: 44px;
	line-height: 44px;
	list-style: none;
	background: #FFF;
	padding: 0 0 13px;
}
.periods > li {
	float: left;
	display: inline;
	margin: 0 9px 0px 0;
	padding: 0;
	width: 187px;
	text-align: center;
	cursor: pointer;
	background: #dfe6e8;
	position: relative;
	color: #242e3e;
	font-size: 15px;
	height: 100%;
}
.periods > li:last-child {
	width: 189px;
	margin-right: 0px;
}
.periods > li:hover,
.vertical .tabs li:hover {
	color: #fff;	
	background: #00609e;
}
.periods > li.current {
	color: #fff;
	background: #00609e;
}

.box {
	display: none;	
	background: #fff;
	padding: 2px;
}
.section-main > .box {
	padding: 2px;
	border: 1px solid #D4D4D4;
    border-width: 0 1px 1px;
}
.box.visible {
	display: block;
}
.vertical .tabs {
	width: 160px;
	float: left;
	display: inline;
	margin: 0 0 0 -160px;
}
.vertical .tabs li {
	padding: 0 13px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4;
	border-right: 1px solid #F9F9F9;
	width: 132px;
	height: 25px;
}
.vertical .tabs li:hover {
	width: 131px;
}
.vertical .tabs li.current {
	width: 133px;
	color: #444;
	background: #EFEFEF;
	border: 1px solid #D4D4D4;
    border-right: 1px solid #EFEFEF;
    margin-right: -1px;
}
.vertical .box {
 	border-width: 1px;
}
table.table {
	border-collapse:collapse;
	width: 100%;
	margin-top: 55px;
}
table.table th {
	background: #f6f6f6;
	height: 60px;
	border: 1px solid #e4e4e4;
	padding: 0 25px;
	font-size: 15px;
}
table.table th:last-child {
	font-weight: normal;
	color: #8e999c;
}
table.table th:first-child {
	color: #222f3e;
}
table.table tr {
	height: 40px;
}
table.table tr td {
	text-align: center;
	border: 1px solid #e4e4e4;
}
table.table td:first-child {
	text-align: left;
	padding: 0 25px;
}
table.table tr:nth-child(odd) {
	background: #f6f6f6;
}
.legend {
	color: #222f3e;
	font-size: 11px;
	margin-top: 25px;
}
.legend span {
	display: block;
}
.chart {
	height: 320px;
}
.loader {
	background: url('../img/ajax-loader.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin: 0 auto;
	min-height: 20px;
}
.c3 svg {
	font-family: 'Open Sans', sans-serif;
}

.c3-legend-item {
	display: none;
}

.c3 .domain {
	stroke: #e4e4e4;
	stroke-width: 2px;
}
.c3 .tick line {
	stroke: none;
}

.c3-axis-y-label {
	fill: #e7ebec;
	font-size: 12px;
}

.c3-xgrid-focus {
	fill: #dce5eb;
	stroke: #dce5eb !important;
}

.c3-tooltip-container, .c3-tooltip {
	border: 1px solid #c1c9cf;
 	background: #e0e6e8;
 }

 .c3-tooltip tr {
 	border: 0;
 }

 .c3-tooltip td {
 	background: none;
 	border: 0;
 }

 .c3-tooltip td > span {
 	display: none;
 }

 .c3-tooltip th {
 	background: none;
 	border: 0;
 	color: #000;
 	font-weight: normal;
 }

 .c3-tooltip td.name {
 	font-weight: bold;
 	text-align: right;
 }

 .c3-tooltip th,
 .c3-tooltip td {
 	font-size: 12px;
 	color: #242e3e;	
 }

 .c3-tooltip td.name:after {
 	content: ':';
 }

 .c3-shapes.c3-circles {
 	display: none;
 }

 .c3-line {
	stroke-width: 1.5px;
 }

 .c3-xgrid-focus {
 	opacity: 0 !important;
 }

 .tabs > li {
/*	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;*/
 	width: 488px !important;
 	margin: 0 !important;
 	padding: 0 !important;
 	height: 40px;
/* 	border: 0 !important;
 	border-top: 0 !important;
 	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;*/
 }