body{font-family:Helvetica,sans-serif;}
#employees {
font-size: 13px;
background: #fff;
border-collapse: collapse;
text-align: center;

}
form {
    margin-bottom: 1em;
}
#employees th {
font-size: 13px;
font-weight: bold;
color: #4e4d4d;
padding: 10px 8px;
border-bottom: 2px solid #43a9d3;
}
#employees td {
border-bottom: 1px solid #e3eef4;

}
#employees tbody tr:hover td {

}
tr td a {
    color: #1D6FA6;
    text-decoration: none;
}
#toggler a{}
tr:hover {
    background: #f4ffdb!important;
}
.imrs{margin-right:7px;border-radius:50%;float:left;width:50px;}
.dsd{border-bottom: 1px solid #bbdaef;}
label{margin-bottom:0px;font-weight:normal;color:#545353;}
label:hover{cursor:pointer;color:#868484;}
#box{padding:0 25px;padding-bottom: 5px;max-width:675px;}


#filter {
margin-bottom: -36px;    margin-top: 10px;
}
i.vp{background: url(/img/servise/vp.png) no-repeat;display:block;width:24px;height:24px;    margin: 0 auto;}

.commentBlock{
	width:500px;
	margin: 10px auto;
	border-bottom:1px solid #999;
}
.name{
	font-weight:700;
}
#load{
	width:140px;
	height:30px;
	text-align:center;
	margin: 10px auto;
}
#load div{
	margin: 5px;
	cursor:pointer;
	background: #6483aa;
	color:#fff;
	padding: 4px 10px 4px 10px;
	border:1px solid #2f4561;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
tr:nth-of-type(odd) { 
		background: #eef7fb; 
	}
	th { 
		background: #fff; 
		 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		
		text-align: left; 
	}
	td:nth-of-type(1){font-weight:bold;color:#1D6FA6;}
	td:nth-of-type(4){font-weight:bold; color:green;}
	td{font-weight:bold;}
	td span {font-weight:normal;color:#333;display:block;margin-top:2px;}
	td:nth-of-type(4) span {display:inline;color:green;}
	td:nth-of-type(4),td:nth-of-type(3),td:nth-of-type(2){text-align:center;}
	@media only screen and (max-width:500px){td:nth-of-type(1) span { display:none;}}
	@media 
	only screen and (max-width: 760px)  {
	
		
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		
		
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border-bottom: 1px solid #e5e5e5; background:#fafafa;    padding: 0 20px 0 20px;}
		
		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			text-align:right;
			padding-right:2px;
			 font-weight:bold;
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 3px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			
		}
		
		
		td:nth-of-type(1) { padding-left: 3px;font-weight:bold;color:#1D6FA6!important;text-align:left;height:50px;}
	
		td:nth-of-type(2) span { display:inline;}
		td:nth-of-type(2),td:nth-of-type(3),td:nth-of-type(4)  { text-align:right;}
		i.vp {margin-right:0px;}
		td:nth-of-type(2) br { display:none;}
		td:nth-of-type(2):before { content: "Аудитория"; }
		td:nth-of-type(3):before { content: "Взаимопиар";  }
		td:nth-of-type(3) { padding:3px;height: 28px;}
		td:nth-of-type(4):before { content: "Стоимость"; color:#000;}
		td:nth-of-type(4) {  color:green; }
		
		
	}
	.fou,.four{    color: green;
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
    margin-right: 25px;}
	.four{margin-right:10px;}
	.four:hover,.fou:hover{color:rgba(0, 128, 0, 0.62)}
	
@media (min-width:921px){.podpis{display:block;},.ere{width:675px;float:right;margin-bottom:15px;}.turh{width: 100%;
    margin-left: 15px;
    text-align: right;
    margin-top: 10px;
    border-bottom: 1px solid #bbdaef;
    height: 30px;}#wr{width:925px;margin:46px auto;}#box{display:block!important;padding:0px;} #boxs{height:auto;overflow-y:auto;border:none;padding:0;margin-right:0;}#filter{width:225px;margin-right:15px;float:left;}#employees{margin-left: 15px;width:675px;}#toggler span span{border-bottom:none!important;font-size:16px;width:100%!important;} #toggler span{height:30px!important;}}
#box p{    margin-top: 15px;
    font-weight: bold;
    margin-bottom: 6px;
    color: #1d6fa6;
    font-size: 12px;}

#toggler span {    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 675px;
    height: 53px;
    border-bottom: 1px solid #bbdaef;
    text-align: center;}
#toggler span span {border-bottom: 1px dashed #b7b0b0;width: 60px;margin-left: 0px;}


.turhcount {float:left;}
@media (min-width:525px) and (max-width:920px){#boxs{float:left;margin-right:25px;}#box{margin:0 auto;display:none;}}
@media (max-width:920px){tr:nth-of-type(1) {
    border-top: 2px solid #ddd;
}.turh{margin-top: -55px;
    height: 15px;position: absolute;
    margin-left: 15px;}
.turhcount {display:none;}#filter{margin-top:40px;}.ere{width:100%;float:none;    max-width: 675px;
    margin: 0 auto;}.dsd{display:none;}#box{margin-top:25px;}#box p {margin-top:0px;}#employees{width:100%;max-width:675px;margin:15px auto;}#boxs {height:177px;overflow-y:scroll;border:1px solid #ddd;border-radius:5px;padding:7px;margin-top: 5px; max-width:225px;margin-bottom: 15px;}
#toggler{display:block!important;width:100%;height:40px;margin-top: 46px;background: #F6F6F6;line-height: 40px;border-bottom: 2px solid #ddd;text-decoration:none;color:#777;margin-bottom: -15px;}
#toggler span {width: 100%;border-bottom:none;height: 30px;}
#toggler span span{margin-left:15px}

}

.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

	.modalDialog:target {
		display: block;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 280px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		
		background: #fff;
		
	}

	.closes {
		
		color: #5d5d5d;
    text-align: right;
    display: block;
		
		
		
		
	
		
		
	}

	.closes:hover { color: #444; }
	.vips{background: #fbfe23!important;}