@import url("/css/fonts.css");
@import url("/css/format.css?11092018");


html					{
					min-width: 100%;
					min-height: 100%;
					}

body				{
					background:  #fff; 
					font: 18px Arsenal;
					margin: 0px;
					padding: 0px;
					}

header				{padding: 7px 12px;z-index: 99999}

nav ul				{display: flex; align-items: center; padding: 0; margin: 0; }
nav li				{list-style:none;}
nav ul>li				{padding: 3px 15px 3px 0; margin: 0; position:relative; white-space: nowrap;}
nav ul>li:last-child	{text-align: right; padding: 0; width: 100%}
nav #logo			{height:35px}
nav #logo img			{height: 100%;}
nav #logo>a			{border: none}

nav ol				{position:absolute;	margin-top:3px; padding: 2px 10px 4px; display:none; background: #126c46; border-radius: 5px; white-space:nowrap;}
nav li:hover>ol		{display:block;	left:0px;}
nav ol a				{color: white;border-color: white;}
nav ol a:hover		{color: yellow;border-color: yellow;}
nav li li				{padding: 0px;}
nav li.sub2:after		{content: "\25BC"; font-size: 12px;	padding-left: 1px;}
nav li.sub:after		{content: "\025BE";font-size: 14px; margin-left:-4px}
					
/*					
header				{
					height: 50px;
					position:relative;
					padding-top:20px;
					min-width: 1180px;
					}
		
header>div			{position:absolute}
header #logo			{left: 50px}
header #logo img		{width: 40px; height: auto}
header #logo>a		{border: none}

nav 					{position:absolute; left:125px; top: 27px; width: calc(100% - 125px);z-index:100}
nav ul				{padding:0px; margin:0px; width: 100%; position:relative}
nav li				{list-style:none;}
nav ul>li				{display:inline-block; position:relative; margin-right:50px; padding-bottom:10px;}
nav ul>li:last-child	{position:absolute;	right: 0px;}

			
				
nav ol				{
					position:absolute;
					margin-top:10px;
					padding: 5px 5px 8px;
					display:none;
					background: #126c46;
					border-radius: 10px;
					white-space:nowrap
					}

nav li:hover>ol		{
					display:block;
					left:0px;
					}
				
nav ol a				{color: white;border-color: white;}
nav ol a:hover		{color: yellow;border-color: yellow;}

nav li li				{
					padding: 5px;
					}
				
nav li.sub:after		{
					content: "\25BC";
					font-size: 13px;
					padding-left: 3px;
					}
*/
#content				{padding: 0 50px 50px;}

#content #items_table						{padding-bottom: 30px;}
#content #items_table .price					{text-align: center; cursor: pointer;}
#content #items_table .user					{width: 130px;text-align:center}
#content #items_table .user>div				{display:none; font-size: 11pt;padding-top:5px}
#content #items_table .user.selected>div		{display:block}
#content #items_table .content				{text-align:center; max-width:190px; cursor: pointer;}
#content #items_table .content>div			{display:none;text-align: left;}
#content #items_table .content.selected>div	{display:block}
#content #items_table .content.selected>span	{display:none}							
#content #items_table .address>div			{display:none; font-size: 11pt;padding-top:5px;}
#content #items_table .address.selected>div	{display:block}							
#content #items_table tr.cancel td				{background:#fef4f4}
#content #items_table .info					{padding-top: 15px; font-size: 10pt}
#content #items_table .reason				{padding-top: 15px; color: red}

#operator_orders							{padding-bottom: 30px;}
#operator_orders td 							{padding: 30px 15px}
#operator_orders td table td					{padding: 5px 0; background: none}
#operator_orders .addinfo,
#operator_orders .number,
#operator_orders .pay,
#operator_orders td>table td:last-child		{font-size: 12pt;}
#operator_orders div.addinfo					{padding-bottom: 5px}
#operator_orders div.needcall				{padding-bottom: 1px}
#operator_orders .date						{width: 60px; text-align: center;font-size: 12pt;}
#operator_orders .user						{text-align: center}
#operator_orders td>table						{width: 100%; min-width: 245px}
#operator_orders td>table td:first-child		{width: 100%}
#operator_orders .pay						{text-align:center}
#operator_orders .callback:after				{content: "\2706";font-size:28pt;display:block}
#operator_orders .callback00:after			{content: "\260F";font-size:28pt}
#operator_orders .total						{text-align: center}
#operator_orders .total:after				{content: "р."}
#operator_orders .needcall:before			{content: "\260E "; margin-right: 5px;}
#operator_orders .discount:before			{content: "\272A "; margin-right: 5px;  font-size: 14pt}
#operator_orders .dr:before					{content: "\2728 "; margin-right: 5px;}
#operator_orders .pay div						{padding-top: 3px;}
#operator_orders a[href*="_accept"],
#operator_orders a[href*="_cancel"] 			{padding: 5px 20px;}
#operator_orders a[href*="_accept"]:before 	{content: "\2713"}
#operator_orders a[href*="_cancel"]:before 	{content: "\2715"}

#operator_orders a[href*="_move"]		{ font-size: 18pt;background: #97aec6; padding: 5px 20px;border-radius: 10px; color: #fff; padding: 1px 10px; border-radius: 15px; text-decoration: none;}
#operator_orders a[href*="_move"]:hover  { background: #a8c1dc; }
#operator_orders a[href*="_move"]:before 	{content: "\21BA"}

#order_search						{position:absolute;top:-3px;left:120px;z-index: 1}
#order_search select					{width:80px; padding:2px; padding-top:3px; font-size:12pt;}
#order_search input[type="submit"]	{padding:3px; padding-top:4px;font-size:12pt;width:80px;margin:0}
#order_search input[name="search"]	{padding:3px; padding-top:4px;font-size:12pt; width: 200px}
#order_search input#date,
#order_search input#to_date			{padding:3px; padding-top:4px;font-size:12pt; width:80px;text-align:center}

#bonus_search								{position:absolute;top:-3px;left:140px}
#bonus_search select						{width:90px; padding:2px; padding-top:3px; font-size:12pt;}
#bonus_search input[type="submit"]			{padding:3px; padding-top:4px;font-size:12pt;width:80px;margin:0}
#bonus_search input[name="search"]			{padding:3px; padding-top:4px;font-size:12pt; width: 200px}
#bonus_search input#date,
#bonus_search input#to_date					{padding:3px; padding-top:4px;font-size:12pt; width:80px;text-align:center}



#operator_calls a[href*="_accept"],
#operator_calls a[href*="_cancel"] 			{padding: 5px 20px;}
#operator_calls a[href*="_accept"]:before 	{content: "\2713"}
#operator_calls a[href*="_cancel"]:before 	{content: "\2715"}



a[href$="_add"]		{font-family: Arsenal-bold;}



				
form div			{
				padding: 0 40px 20px 0;
				font: 10pt 'Arsenal';
				color:#126c46;
				}
				
form div label		{
				font-size: 18px;
				}

form input:focus,
form select:focus,
form textarea:focus{box-shadow:1px 1px 10px 0px rgba(18, 108, 70, 0.2); background-color: rgba(18, 108, 70, 0.03)}
				
form input, 
form select, 
form textarea 		{
				font: 14pt 'Arsenal', Tahoma;
				width: 250px;
				padding: 5px;
				border-radius:4px;
				border: solid 1px rgba(18,108,70,0.2);
				}

form select		{border-radius: 4px 0px 0px 4px; width: 265px; padding-left:2px}
form textarea		{width:850px}

form.two-columns input:not([type=submit]),
form.two-columns .input, 
form.two-columns select         { width: 100%; }

form.two-columns                    { display: flex; flex-wrap: wrap; justify-content:space-between;}
form.two-columns>div:last-child,
form.two-columns 					  { width: 800px; }
form.two-columns>div                  { width: 45%; }

form div.full-width { width: 100%; }
form div.half-width { width: 45%; }
form div.quart-width { width: 20%; }

form div.one-width { width: 30%; }
form div.two-width { width: 65%; }

form .full-width			{width: 100%}
form .full-width input:not([type=checkbox]), 
form .full-width select, 
form .full-width textarea 	{width: 100%}

form.docs textarea	{width:1000px;height:700px;}

input[type=checkbox]{
				width:10px;
				border: solid 0px #ccc;
				}
input[type=submit]{
				border-radius: 10px;
				background: #0c8e89;
				color: #fff;
				margin-top:20px;
				padding:5px;
				border: solid 0px;
				border-radius:15px;
				width: 200px;
				}
input[type=submit]:hover	{background: #126c46;}
input[name=url]:focus		{width: 650px;}
input[type=file]			{font-size: 11pt;}

table	{
		margin:0px;
		border-spacing:1px;
		padding:0px;
		border-spacing:0;
		border:0;
		}
td,th	{
		background:white;
		padding: 8px 12px;
		}



td				{border-bottom: 1px solid  #e0e0e0;}
tr:last-child>td	{border-bottom: 0px;}

	
th		{
		background: #126c46; color: white;
		white-space: nowrap;
		}
		
th a		{
		color: white;
		}

th a:hover	{
			color: yellow;
			}
		
th:first-child{border-radius:10px 0 0 0}
th:last-child{border-radius:0 10px 0 0}

tr td.select,
tr td.selected	{background:#f4fafb;}

.order0:after	{content: "\25BC";font-size:11pt;margin-right:2px}
.order1:after	{content: "\25B2";font-size:11pt;margin-right:2px}