$DarkBrown: #292321;
$Orange: #CC3300;

.enjoy-css {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 6px 20px;
  border: none;
  -webkit-border-radius: 32px / 54px;
  border-radius: 32px / 54px;
  font: normal 18px/normal "Coda", Helvetica, sans-serif;
  color: rgba(0,142,198,1);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #e67e22;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

.enjoy-css:hover {
  background: rgba(232,249,255,1);
  -webkit-box-shadow: 0 2px 2px 0 rgba(90,90,90,0.2) inset;
  box-shadow: 0 2px 2px 0 rgba(90,90,90,0.2) inset;
}

.enjoy-css:focus {
  background: rgba(255,253,232,1);
}



body {
	margin-top: 100px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 70px;
	}
	table, th{
		font-family: 'Open Sans Condensed', sans-serif;
		border-style:solid;
		border-width:1px;
		border-collapse:collapse;
		padding:3px 18px 3px 18px;
		font-size:15pt;
		margin:auto;
		background-color:hsl(0,10%,90%);
		align: center;
	}
	div
	{
		font-family: 'Open Sans Condensed', sans-serif;
		font-size:15pt;
	}
	th 
	{
		height: 35px;
		background-color:#FFFFFF;
		color:#000011;
		border-color:black;
	}

	tr.DetailOrder
	{
		text-align: left;
	}

	td
	{
		font-family: 'Open Sans Condensed', sans-serif;
		border-style:solid;
		border-width:1px;
		border-collapse:collapse;
		padding:1px 11px 1px 11px;
		font-size:15pt;
		margin:auto;
		text-align: center;
	}
	td.DetailOrder
	{
		font-family: 'Open Sans Condensed', sans-serif;
		border-style:solid;
		border-width:1px;
		border-collapse:collapse;
		padding:1px 11px 1px 11px;
		font-size:15pt;
		margin:auto;
		text-align: left;
	}
	td.DetailOrderPhone
	{
		font-family: 'Open Sans Condensed', sans-serif;
		border-style:solid;
		border-width:1px;
		border-collapse:collapse;
		padding:1px 11px 1px 11px;
		margin:auto;
		text-align: left;
	}


	tr.HeaderTable
	{
		font-family: 'Open Sans Condensed', sans-serif;
		border-style:solid;
		border-width:1px;
		border-collapse:collapse;
		padding:1px 5px 1px 5px;
		font-size:15pt;
		margin:auto;
		background-color:hsl(0,10%,90%);
	}
	tr.OrderTable
	{
		font-family: 'Open Sans Condensed', sans-serif;
		border-style:solid;
		border-width:1px;
		border-collapse:collapse;
		padding:3px 18px 3px 18px;
		font-size:15pt;
		margin:auto;
		background-color:hsl(0,90%,90%);
	
	}

	p {
		font-family: 'Open Sans Condensed', sans-serif;
		margin: 5px 50px 5px 50px;
	}


	h1 {
		font-weight: 100; 
		font-family: 'Open Sans Condensed', sans-serif;
	   }


}
h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	position:absolute;
	border-width: 20px;
	border-style: outset;
	border-color: red;
	}
a {
	font-family: 'Open Sans Condensed', sans-serif;
	align: center;
	color: green;
	}

	a.whitewine {
		font-family: 'Open Sans Condensed', sans-serif;
	position:absolute;
	color: #FFBB00;
	}

	a.redwine {
		font-family: 'Open Sans Condensed', sans-serif;
	position:absolute;
	color: #800000;
	}

#bExit{
	 font-family: 'Open Sans Condensed', sans-serif;
	 position: absolute;
     top: 5%;
     left:70%
}
.Exit {
	 font-family: 'Open Sans Condensed', sans-serif;
	 background:rgba(0, 0, 0, 0);
     color:#234560; border:1px solid #454C00;
     border-radius:5px;
     font-size:16px;
     cursor:pointer;
}
.Exit:hover {
     color:#233240; border:1px solid #451C31;
	 background:rgba(120, 0, 0, 0);
}

.login_form input {
    display:block;
    font-size:34px;
	font-family: 'Open Sans Condensed', sans-serif;
}
.login_form input[type="submit"] {
    padding:7px;
    background:rgba(0, 0, 0, 0);
    color:#234560; border:2px solid #454C00;
    border-radius:5px;
}
.login_form input[type="submit"]:hover {
    padding:7px;
    background:rgba(120, 50, 50,0);
    color:#234560; border:2px solid #954C00;
    border-radius:5px;
}
.Main_menu td{
	background-color: #ffffff;
    font-size:40px;
    padding:3px;
    background:rgba(3,50,36, 0);
    color:#634960; border:2px solid #950C50;
    border-radius:80px;
}
.FComment td{
	background-color: #ffffff;
    font-size:17px;
    padding:7px;
    background:rgba(3,50,36, 0);
    color:#034560; border:1px solid #454C00;
    border-radius:5px;
}
.FComment input[type="submit"] {
    padding:9px;
    background:rgba(0, 0, 0, 0);
    color:#234560; border:2px solid #454C00;
    border-radius:5px;
}




.login_form select{
	width:240px;
   	height:80px;
   	font-size:26px;
	font-family: 'Open Sans Condensed', sans-serif;
	display:block;
}
select.select_paper{
	margin:0 auto;
	text-align: center;
	width:150px;
   	height:40px;
   	font-size:26px;
   	color:234455;
	font-family: 'Open Sans Condensed', sans-serif;
	display:block;
}
select.color_type{
	margin:0 auto;
	text-align: center;
	width:50px;
   	height:40px;
   	font-size:26px;
   	color:234455;
	font-family: 'Open Sans Condensed', sans-serif;
}
/*input.num_k_z{
	margin:0 auto;
	text-align: center;
	width:100px;
   	height:40px;
   	font-size:26px;
   	color:234455;
	font-family: 'Open Sans Condensed', sans-serif;
	display:block;
}*/
input.client{
	margin:0 auto;
	text-align: center;
	width:250px;
   	height:40px;
   	font-size:26px;
   	color:234455;
	font-family: 'Open Sans Condensed', sans-serif;
	display:block;
}
input.lists{
	margin:0 auto;
	text-align: center;
	width:100px;
   	height:40px;
   	font-size:26px;
   	color:234455;
	font-family: 'Open Sans Condensed', sans-serif;
	display:block;
}
input.commentOrd{
	margin:0 auto;
	text-align: center;
	width:300px;
   	height:30px;
   	font-size:20px;
   	color:234455;
	font-family: 'Open Sans Condensed', sans-serif;
	display:block;
}
input.Count_t{
	margin:0 auto;
	text-align: center;
	width:50px;
   	height:30px;
   	font-size:20px;
   	color:234455;
	font-family: 'Open Sans Condensed', sans-serif;
	display:block;
}

.Main_menu td:hover{
	background-color: #35eff1;
}
.comment-icon{
  width:20px;
  height:16px;
  display:inline-block;
  position:relative;
  background:#580;
    border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
.comment-icon:before{
  content:'';
  position: absolute;
  border-color:#580 rgba(0,0,0,0)  rgba(0,0,0,0);
  border-width:7px 7px 0 0 ;
  border-style: solid ;
  top:100%;
  left:4px;
}




	
	#democrats {
		font-family: 'Open Sans Condensed', sans-serif;
	background:blue;
	}

	#republicans {
		font-family: 'Open Sans Condensed', sans-serif;
	background:red;
	}
	div.box {
		font-family: 'Open Sans Condensed', sans-serif;
	width: 200px;
	border: 1px solid black;
	background: orange;
	}
	#DetailOrder{
		text-align: left;
		vertical-align: top;
	}

	#column1 {
	font-family: 'Open Sans Condensed', sans-serif;
	float:left;
	width: 33%;
	}

	#column2 {
	float:left;
	width: 33%;
	}

	#column3 {
	float:left;
	width: 33%;
}

@-webkit-keyframes gear-rotate {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(180deg); }
}
@-moz-keyframes gear-rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); }
}
@keyframes gear-rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); }
}

.gear-rotate {
	width: 2em;
	height: 2em;
	background: #2C2C2C;
	position: relative;
	border-radius: 1em;
	-webkit-animation: 1s gear-rotate steps(10) infinite;
	-moz-animation: 1s gear-rotate steps(10) infinite;
	animation: 1s gear-rotate steps(10) infinite;
}
.gear-rotate::before {
	width: 2.8em;
	height: 2.8em;
	background: -webkit-linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),-webkit-linear-gradient(60deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),-webkit-linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	background: -moz-linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),-moz-linear-gradient(60deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),-moz-linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	background: -o-linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),-o-linear-gradient(60deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),-o-linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	background: -ms-linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),-ms-linear-gradient(60deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),-ms-linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	background: linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),linear-gradient(60deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	position: absolute;
	content:"";
	top: -.4em;
	left: -.4em;
	border-radius:1.4em;
}
.gear-rotate::after {
	width: 1em;
	height: 1em;
	background: #EEEEEE;
	position: absolute;
	content:"";
	top: .5em;
	left: .5em;
	border-radius: .5em;
}
		
#TopRight {
	top: 5%; /* Отступ в процентах от верхнего края окна */
	left: 93%; /* Отступ в процентах от левого края окна */
	width: 150px; /* Ширина блока */
	height: 150px; /* Высота блока */
	position: absolute; /* Абсолютное позиционирование блока */
	margin-top: -75px; /* Отрицательный отступ от верхнего края страницы, должен равняться половине высоты блока со знаком минус */
	margin-left: -75px; /* Отрицательный отступ от левого края страницы, должен равняться половине высоты блока со знаком минус */
}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}