tr.both td{font-weight: 600; }

.data-table  tr td:first-child { width:15%}
.data-table  tr td:second-child { width:43%}
.data-table  tr td:nth-child(3) { width:42%}


.data-table .mytab tr td:first-child { width:30%}
.data-table .mytab tr td:second-child { width:70%}

.data-table, .mytab{width:100%}

.mytab select {width:100%}
.table-loader tr:hover{
	background: #76ff8875;
}
.left-table {
	padding-left: 3px;
}
.left-table div table{
	border:2px outset;
}
.neg {
	background: #ffd3d3;
}
input.pp, input.naprav_check, input.pgroup_check, input.radio{
	cursor: pointer;
}
div.showbugs{
	float: right;
	padding: 0px 15px;
    	margin-top: 0.5em;
    	color: #DCDCDC;
}

div.bug {
	position: fixed;
	bottom: 0px;
	right: 10px;
	padding: 3px 5px;
	box-shadow: 0px 0px 4px 0px black;
	border-radius: 10px 10px 0px 0px;
	background: lightgrey;
	cursor: pointer;
}

div.bug:hover{
	box-shadow: 0px 0px 10px 0px black;
}

div.closebutton{
	margin-top:10px;
	margin-right: 10px;
	background: url(/images/top-panel-sprite-2.png) -40px -1885px;
	width: 15px;
	height: 12px;
    	float: right;
    	cursor: pointer;
}

div.cover {
	position: absolute;
    	top: 0px;
    	left: 0px;
   	display: none;
	z-index:2;
    	width: 100%;
   	height: 100%;
   	background: #00000080;
}

div.formblock {
	margin: 6% auto 0px auto;
	width: 850px;
	border-radius: 10px;
	background: white;
}

div.form{
	padding: 50px;
	font-weight: bold;
	font-size: 20px;
}

.arrow_spot {
	display: inline;
	position: absolute;
	width: 20px;
	height: 20px;
}
.arrow_right{
	width: 20px;
	height: 20px;
	position: absolute;
	background: url(/bitrix/panel/main/images/bx-admin-sprite.png) no-repeat -7px -239px;
}
.arrow_right:hover {
	background: url(/bitrix/panel/main/images/bx-admin-sprite.png) no-repeat -7px -262px;
}
.arrow_down{
	display: none;
	width: 20px;
	height: 20px;
	position: absolute;
	background: url(/bitrix/panel/main/images/bx-admin-sprite.png) no-repeat -7px -218px;
}
.arrow_down:hover {
	background: url(/bitrix/panel/main/images/bx-admin-sprite.png) no-repeat -7px -284px;
}
.container {
	min-width: 75%;
}
div.block{
	vertical-align:top;
	display: inline-block;
	width:24%;
	min-width: 18.75%;
}
div.little_block {
	padding-bottom:23px;
}
table.period {
	border: 1px solid black;
	border-radius: 10px;
	background: white;
}
table.block {
	border: 1px solid black;
	border-radius: 10px;
	overflow: hidden;
	background: white;
}
table.block tr:nth-child(even){
	background: #D3D3D3;
}
	.head {
		margin-top: 7px;
		box-shadow:0 0 2px black;
		font-size: 14px;
		background: scroll #777f8c url(/images/top-panel-sprite-2.png) repeat-x 0 -1250px !important;
		border-radius: 2px;
		height: 2.2em;
		overflow:hidden;
	}
	div.curr {
		float:right; 
		margin-top: 0.4em;
		padding: 0px 15px;
		color: #DCDCDC;
	}
	.cur-select{
		border-radius: 3px;
		cursor: pointer;
	}
	.headbutton {
		padding: 0px 15px;
		margin-top: 0.5em;
		cursor: pointer;
		color: #DCDCDC;
		text-decoration: none;
		float: left;
	}
	.headbutton:hover {
		font-size: 1.1em;
	}
	.img {
		width: 4px;
		height: 28px;
		background: scroll transparent url(/images/top-panel-sprite-2.png) -37px -1297px !important;
		float:left;
	}
	.button{
		border-radius: 3px;
		cursor: pointer;
	}
	.button:hover{
		background: radial-gradient(white, #9c9c9c);
	}
	.button:disabled{
		pointer-events: none;
	}
	thead tr {
		background: #d3d3d3;
	}
	tr.both {
		background: #d3d3d3;
	}
.slide {
	width: 41px;
	height: 14px;
	background: #333;
	display: inline-block;
	vertical-align:middle;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slide input[type=checkbox] {
	visibility: hidden;
}

.slide:after {
	content: 'OFF';
	font: 9px/15px Arial, sans-serif;
	color: #f30000;
	position: absolute;
	right: 2px;
	z-index: 0;
	font-weight: bold;
}

.slide:before {
	content: 'ON';
	font: 9px/15px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 5px;
	z-index: 0;
	font-weight: bold;
}

.slide label {
	display: block;
	width: 19px;
	height: 10px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 2px;
	left: 1px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slide input[type=checkbox]:checked + label {
	left: 21px;
}

tr.header-choose{
	background: #777f8c;
	color: #FFFFFF;
}

tr.header-choose th.htext{
	text-align: left;
	width: 210px;
}

tr.header-choose th input{
	cursor: pointer;
}

tr.odd{
	background: #D3D3D3;
	
}

td.red{
color:red;
}

tr.both td{
 width: 83px;
  table-layout: fixed;
}

td.сF_OPEN,td.сF_APP,td.сEXPENSE,td.сOFFER_APP,td.сPROFIT{
 width: 98px;

}
td.сROI, tr.both td.сROI{
 width: 83px;

}

.table-loader2 table th, .table-loader3 table th{
 width: 90px;

}

 tr.both td:first-child{
 width: 260px;
  table-layout: fixed;
}

tr.htr2,tr.htr3,.htd {
display:none;
background: #efefef;
}

div.level1,div.level2,div.level3{
    cursor: pointer;
    display: inline;
}

.table-loader th {
	 cursor: pointer;
}

div.level1{
    overflow: hidden; 
   width:100%; 
 white-space: nowrap;
}


div.level2{

    padding-left: 20px;
    overflow: hidden;  
  white-space: nowrap;   
}
div.level3{

    padding-left: 40px;
    overflow: hidden; 
 white-space: nowrap;
}
div.level4{

    padding-left: 60px;
    overflow: hidden; 
 white-space: nowrap;
}

 body {
    font-family: Arial;
    font-size:14px;
     
 }
 
 table {
    font-family: inherit;
    font-size:inherit;
     
 }

.table-loader1 table {
	border: 2px solid lightgray;
}
.table-loader1 td {
	text-align: left;
	border-bottom: 1px solid lightgray;
	border-right: 1px solid lightgray;
	padding: 15px;
	padding-right: 40px;
	padding-left: 40px;
	
}
.table-loader1 th {
	text-align: center;
	border-bottom: 1px solid lightgray;
	border-right: 1px solid lightgray;
	background-color: f5f5f5;
}
.qw1 {
	text-align: center;
	}