body{
	margin: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*--------------ТАБЛИЦЫ----------------------*/
table{
    margin: 5px;
	cursor: pointer;
    border-collapse: collapse;
}
table tr{
	padding: 5px;
	box-sizing: border-box;
}
table tr:hover, table td:hover{
    /*opacity: 0.8;*/
    /*color: white;*/
    background-color: #DADFE3;
    border: 0px;
}
table#center_table {
	margin: 10px;
}
table#center_table tr td{
    background-color: #E3A832;
    width: 100%;
}
#firstLine{
	/*margin-top: 4px;*/
	padding-top: 60px;
}
/*-------------------------------------------*/
div#leftColum, div#centerColum{
	width: 30%;
	height: 100%;
	/*background: #57BF51;*/
	float: left;
	box-sizing: border-box;
	padding: 5px;
	/*box-shadow: 0 2px 2px rgba(0,0,0,0.5);*/
}
div#centerColum{
	width: 70%;
	height: 100%;
	/*background: #389C30;*/
}

.inlist{
	margin: 0px;
	padding: 13px 10px;
	border-radius: 3px;
	cursor: pointer;
}
.inlist:hover{
	background-color: #79D471;
}
.weight{
	font-weight: 700;
}

div#datalist{
	float: left;
    width: 631px;
    margin-left: 130px;
    /*height: 210px;*/
    padding: 1px;
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,0.5);
    position: absolute;
}

div#Hardware, div#infoBlock{
	float: left;
}
div#Hardware{
	width: 500px;
    padding: 1px;
}
div#rightBlock{
	margin: 5px;
	font-size: 0.5em;
}
div#upBlock{
	background-color: rgb(65, 183, 55);
}
div#downBlock{
    margin: 10px 5px 5px 5px;
    background-color: rgb(65, 183, 55);
    border-radius: 2px;
    padding: 7px;
    box-sizing: content-box;
    min-height: 83%;
}
.pos{
	position: absolute;
}
.pointer{
	margin: 5px;
	border-radius: 2px;
}
.ansow{
	margin: 10px;
    margin-top: 5px;
	border-radius: 5px;
	background: rgb(243, 252, 243);
    border: 2px solid rgb(199, 238, 199);
}
div.star{
	background: #fff;
	border-radius: 2px;
    width: 25px;
}
div#trline {
    display: inline-flex;
}
#popular_name, #nosol_name{
    border-bottom: 1px solid #e2e2e2;
    font-size: 14px;
    font-weight: bolder;
    margin: 0;
    padding: 10px;
    text-transform: uppercase;
    color: #555;
}
#view-icon, #sol-icon{
	width: 25px;
    height: 25px;
    opacity: 0.7;
}
#views-count, #sol-count{
	margin: 2px 0px;
    float: right;
}
.button{
	height: 28px;
    padding: 3px 12px;
    font-size: 13px;
    line-height: 1.6;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.button:hover{
	transition: 0.2s ease-out;
    background-color: #C7EEC7;
    /*color: #fff;	*/
}
.infono{
	color: white;
}
div#buttonsProblem {
    margin: 5px;
}
.inputos{
	/*width: 250px;*/
	/*border-radius: 2px;*/
    width: 70%;
    height: 28px;
    padding: 3px 12px;
    font-size: 13px;
    line-height: 1.6;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/*------------ALERT----------------------*/
div#notifBack{
	transition: 0.5s ease-out;
	background: #000;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	display: none;
}
div#notification{
	margin: 100px;
	width: 80%;
	padding: 10px;
	display: none;
	background: #fff; 
    color: #2A2A31;
	border-radius: 2px;
	box-shadow: 0 -3px rgb(100,100,100) inset;
}
div#notification p#notifName, p#notifOrder{
	font-size: 2em;
	margin: 10px;
	color: inherit;
}
div#notification p#notifOrder{
	font-size: 1.5em;
	margin: 10px;
	color: inherit;
}
div#notification input#push{
	margin: 0px 0px;
    width: 200px;
    float: right;
    height: 29px;
    font-weight: 700;
    color: white;
    text-decoration: none;
    border-radius: 2px;
    background: rgb(65, 183, 55);
    box-shadow: 0 -3px rgb(53,167,110) inset;
    transition: 0.2s;
}
/*----------------------------------------*/
.shadow {
	/*background: #fc0; /* Цвет фона */
	box-shadow: 0 2px 2px rgba(0,0,0,0.5); /* Параметры тени */
	padding: 10px;
}
.navbar {
    background: #2a2a31;
    min-height: 44px;
    width: 100%;
    border-bottom: 2px solid #41B737;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
    position: fixed;
    z-index: 6004;
}
.logo{
    float: left;
    padding: 0% 14%;
}
.li-menu{
	float: left;
    padding: 1% 1%;
	color: white;
	cursor: pointer;
}
.li-right{
    float: right;
}
.li-menu:hover{
	background-color: #41B737;
}
.dl-menu{
    margin-top: 0px;
    margin-bottom: 0px;
}
.dl-right-menu{
    margin-top: 0px;
    margin-bottom: 0px;
    float: right;
    display: contents;
}
a{
	text-decoration: none;
	color: inherit;
}

#center_grid, #down_grid{
	margin: 5px;
}
#center_list, #down_list{
	margin: 5px;
	cursor: pointer;
	box-sizing: border-box;
    padding: 3px 12px;
    font-size: 13px;
    line-height: 1.6;
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
hat,pants{
	display: block;
	width: 100%;
	color: #FFF;
	padding: 5px;
    font-size: 2em;
    font-weight: 700;
}	
#categories{
    font-size: 0.5em;
    display: inline;
}
.linehr{
	margin: 5px;
}
/*-------------рейтинг решений----------------*/
.reiting{

}
#plus,#minus{
    background-color: rgb(100,255,100);
    border-color: rgb(50,125,50);
}
#minus{
    background-color: rgb(255,100,100);
    border-color: rgb(125,50,50);
}
/*--------------------------------------------*/