/*fontawesome-webfont*/
@font-face{
	font-family:'FontAwesome';
	src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
		url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
		url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
		url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
		url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight:normal;font-style:normal}
@font-face {
  font-family:'PTSans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('../fonts/pt-sans-v9-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin_cyrillic-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
*, *::after, *::before {
	margin: 0;padding: 0;border:none;
	box-sizing: border-box; /*ширина и высота блочных элементов включает padding+border, такой параметр нужен, когда нужно ТОЧНО задавать ширину и высоту элементов*/
	/*box-sizing: content-box;/*ширина и высота блочных элементов НЕ включает padding+border, при таком параметре нужно всегда прибавлять к ширине и высоте еше и padding+border*/
}
html {
	margin: 0;padding: 0;border:none;
	height: 100%;
	width: 100%;
}
body {
	display:table;
	margin: 0;padding: 0;border:none;
	font: 13px Arial, sans-serif;
	width: 100%;
	height: 100%;
/*13.01.2019*/	/*background-color:#f6f6f6;*/
}
header {
	display:table-row;
}
main {
	display:table-row;
	height:100%;
}
footer {
	display:table-row;
}
aside {
}
.container {
	margin: 0 auto;
}
header>.container {/*делаем отступ содержимого header от main*/
	height:42px;/*задаем высоту container внутри header, так как содержащееся в нем (container) меню будет позиционироваться как fixed элемент (как бы выйдет на верх из структуры header.container), 
	а значит не сможет растягивать header.container, так как header.container будет пустой. Таким образом header.container нужно задать фиксированную высоту для того, что бы container растягивал родителя header!!!*/
	margin-bottom:10px /*того высота header(52px)=container.height(42px)+container.margin-bottom(10px)*/
}
main>.container {/*делаем отступ содержимого main от footer*/
	padding:0 5px 35px 5px; /*при любом разрешении экрана содержимое главной части будет с отступами от границы*/
}
footer>.container {/*делаем отступ содержимого main от footer*/
	padding:0 10px 15px 10px; /*при любом разрешении экрана содержимое главной части будет с отступами от границы*/
}

article, aside, details, figcaption, figure, hgroup, nav, section, summary {
	display: block;
}
img{
	vertical-align:top;/*!Убираем БАГ с отступом под изображением!*/
	border: 0px; /*Убираем БАГ в IE10*/
}
ol, ul {
	list-style:none;
}
input,button,select,textarea {
	outline: none;
	border: 1px solid #ccc;
	text-overflow: ellipsis;
	box-shadow: none;
	-webkit-box-shadow: none;	
}
input[type="checkbox"]{
	width: 17px;
	height: 17px;
}
input[type="checkbox"]+label{
	vertical-align:top;
 	padding-right:5px; 
}
/*Убираем спинеры у input типа number----*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
/*----Убираем спинеры у input типа number*/
button {
	cursor:pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;	
}
a {
	color: #333;
	text-decoration:none;
}
:visited {
	color:#333;
}
a>span {
	padding:0;margin:0;
	margin-left:5px;
}
a>span:first-child {
	margin-left:0;padding:0;
}
/*
a>img{ /*вписываем изображение в ссылку.
	display:block;
	max-width:100%;
	max-height:100%;
	margin: 0 auto;
	/*если хотим что бы у изображения был отступ от границ ссылки, то устанавливаем padding для img, а размер ссылки увеличиваем на размер padding-а картинки!
	padding:10px;
}
*/
h1,h2,h3,h4 {
	margin-top:15px;margin-bottom:10px;
	font:normal normal normal 14px/1 PTSans;
}
h1{
	font-size:22px;
}
h2{
	font-size:18px;
}
h3{
	font-size:16px;
}
h4{
	font-size:16px;
}
p{
	text-align: justify;
	/*text-indent: 20px;*/
	line-height:1.5;
}
/*13.01.2019*/
table {
	border-collapse: collapse; /*схлопываем границы между ячейками*/
	letter-spacing: -0.18px; /*уплотняем интервал между буквами*/
    font-family: SF Pro Text,"Noto Sans Armenian","Noto Sans Bengali","Noto Sans Cherokee","Noto Sans Devanagari","Noto Sans Ethiopic","Noto Sans Georgian","Noto Sans Hebrew","Noto Sans Kannada","Noto Sans Khmer","Noto Sans Lao","Noto Sans Osmanya","Noto Sans Tamil","Noto Sans Telugu","Noto Sans Thai",sans-serif;	
	font-size: 13px;
    line-height: 15px;
    text-align: left;
    display: table;
    table-layout: fixed; /*В случае применения этого режима, расчет ширины столбцов идет по первой строчке и все последующие используют это значение.*/
    width: 100%; /*что бы работало table-layout: fixed;*/
 
}
thead {}
tfoot {}
tbody {}


table tr {
	display: table-row;
	border-bottom: 1px solid #e7e8ec;
	}

table tr:last-child {
	border-bottom: 0px solid #e7e8ec;
}	
table tr:nth-child(2n) {/*background-color:#f0f2f5;*/}
table th {
	height:40px;
	background:#f8f8f9;
	box-sizing: border-box;
	padding: 0 5px 0 5px;
	}
table td {
	box-sizing: border-box;
	overflow: hidden;
    white-space: nowrap;
	display: table-cell;
    vertical-align: middle;
    height: 40px;
	padding: 0 5px 0 5px;	
	}	
.table_wrapper {/*этот "блок обертка" нужна на случай, если таблица не влазит на экран, и таблица внутри данного блока должна пролистываться в лево и в право*/
    overflow: auto; /*Отображает сколинг у данного "блока обертки", если таблица заключенная в него, больше (шире) чем ширина данного "блока обертки" */
	max-width:calc(100vw - 10px); /*указываем до какого размера может сжаться "блок обертка"*/
	border: 1px solid #e7e8ec;
    border-radius: 4px;
	margin-bottom:10px;
}
/*13.01.2019*/

/*media--------------------------------------*/
@media (min-width:1200px){
	.container {
		width:1200px;
	}
}

@media (min-width:992px) and (max-width:1199px){
	.container {
		width:960px;
	}
}

@media (min-width:768px) and (max-width:991px){
	.container {
		width:100%;
	}
}

@media (max-width:767px) {
	.container {
		width:100%;
		min-width:320px;
	}
}
/*--------------------------------------media*/