html
{
    height: 100%;
}
body 
{
    font-size: 11pt;
    margin: 0px;
    padding: 0px;
	height: 100%;
	background-color: #ffffff;
	text-align: center;
    background-position: center top;
	background-repeat: repeat-y;
}
/*
@font-face {
    font-family: 'univerce';
    src: url('fonts/Univerce.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Univers-Light-Condensed';
    src: url('fonts/Univers-Light-Condensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/
html, body, p, td
{
	font-family: 'Verdana';
}
form
{
	display: inline;
}
A
{
	text-transform: uppercase;
	color: #8a8a8a;
}
A.Register
{
	font-weight: bold;
	color: #ae142b;
}
P
{
	text-align: left;
}
#Container
{
	position: relative;
	background: url(../images/left.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding-left: 56px;
/*
	-webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.4);
*/}
#Container, #Head
{
	display: block;
	max-width: 800px;
	text-align: center;
	background-color: #fff;
	margin: auto;
}
#Head
{
	display: block;
	text-align: center!important;
}
#Foot
{
	display: block;
	position: relative;
	background-color: #9ac61e;
	background-position: center top;
	background-repeat: no-repeat;
	color: #fff;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 10pt;
	border-top: solid 4px #fff;
}
#Foot DIV
{
	text-align: left;
}
#Foot IMG
{
	vertical-align: middle;
	margin-right: 10pt;
}
#Foot A
{
	text-transform: initial;
	color: #fff;
	font-size: initial;
}
#Container.Login
{
	display: block;
	max-width: 800px;
	text-align: center;
}
#Container.Login #Head
{
	border-bottom: solid 4px #9ac61e;
}
#Container.Login > DIV:nth-child(2)
{
	background-color: #ae142b;
}
#Container > DIV
{
	text-align: center;
	display: inline-block;
	width: 100%;
}
#Foot > DIV.text
{
	margin-left: 5%;
	width: 44%;
}
#Foot > DIV.logos
{
	margin-right: 5%;
	width: 44%;
}
#Foot > DIV.logos IMG.logo
{
	margin: 10pt 5pt 10pt 5pt;
}
#Foot > DIV.logos IMG.seal
{
	float: right;
}
#SideMenu
{
	vertical-align: top;
	display: inline-block;
	width: 200px;
	float: left;
}
#SideMenu UL
{
	margin-top: 12pt;
	margin-left: 20pt;
    margin-right: auto;
}
#SideMenu UL LI
{
	margin-bottom: 12pt;
}
DIV.two-columns-container, DIV.table-container
{
	position: relative;
	display: inline-block;
	width: 599px;
	min-height: 400px;
	margin: 3pt 0px 0pt 0%;
	padding-top: 20px;
}
DIV.inner DIV.two-columns-container, DIV.inner DIV.table-container
{
	margin: 3pt 0px 0pt 0%;
}
DIV.full-container
{
	position: relative;
	text-align: right;
	display: inline-block;
	margin: 0px;
	width: 599px;
	clear: both;
	text-align: left;
	margin-bottom: 20px;
}
DIV.column
{
	vertical-align: top;
	display: inline-block;
	width: 49%;
}
.full-container DIV.column
{
	margin: 0px;
}
.full-container INPUT
{
	width: 80%;
	min-height: 15pt;
}
input.button-submit.new
{
	height: 30px;
	width: 110px;
	margin-right: 52px;
}
.full-container SELECT
{
	width: 85%;
	min-height: 15pt;
}
.colored .error
{
	background-color: #fff;
	padding: 3pt;
	display: inline-block;
}
.colored INPUT, .colored SELECT
{
	border: solid 0px #8a8a8a;
	padding: 5pt;
	color: #8a8a8a;
}
.colored INPUT:disabled
{
	background-color: #fff;
	color: #8a8a8a;
}

#Container.Login > DIV
{
	text-align: center;
}
#Container.Login H1
{
	width: 100%;
}
H1
{
	display: inline-block;
	position: relative;
	font-size: 25pt;
	letter-spacing: 0.4pt;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	margin: 15pt 0pt 10pt 0pt;
	text-decoration: none;
	float: left;
}
H1::before
{
	content: url(../images/back.png);
    vertical-align: middle;
	margin-right: 23pt;
}
DIV#SubHead
{
	display: block;
	background-color: #a6ce39;
	padding: 10pt 20pt 10pt 20pt;
}
DIV#SubHead A.Logout SPAN
{
	font-size: 25pt;
	letter-spacing: 0.4pt;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	margin: 15pt 0pt 10pt 0pt;
	text-decoration: none;
	float: right;
	line-height: 20pt
}
DIV#SubHead A.Logout SPAN::after
{
	content: url(../images/forward.png);
    vertical-align: middle;
	margin-left: 23pt;
}
#Container.Login H1
{
	background-color: initial;
	display: block;
	margin: initial;
	padding: initial;
	padding-top: 20px;
	line-height: 1;
	text-align: center;
}
#Container.Login H1::before
{
	content: '';
    vertical-align: middle;
	margin-right: 0pt;
}
#Container.Login #SideMenu
{
	display: none;
}
INPUT[type=text], INPUT[type=password], TEXTAREA, SELECT
{
	border: solid 1px #8a8a8a;
	padding: 5pt;
	font-size: medium;
	text-transform: uppercase;
	outline: none;
}
#Email
{
	text-transform: initial;
}
INPUT[type=text], INPUT[type=password], SELECT
{
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
}
INPUT[type=text]:hover, INPUT[type=password]:hover
{
	border-top: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-left: solid 1px #ddd;
}
INPUT[type=checkbox]
{
	vertical-align: top;
}
SPAN.input-label
{
	font-size: smaller;
	display: block;
	text-transform: uppercase;
	color: #000000;
	text-align: left;
    padding-left: 10px;
	margin-top: 10px;
}
.login-container .input-label
{
	padding-left: 22px;
}
.colored SPAN.input-label
{
	color: #fff;
}
.colored A
{
	color: #fff;
}
LABEL
{
	display: inline-block;
	text-transform: uppercase;
	max-width: 90%;
}
.important
{
	font-size: regular;
}
.more
{
	font-size: small;
}
UL.unsorted
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
UL.unsorted LI
{
	margin: 0px;
	padding: 0px;
}
.upper
{
	text-transform: uppercase;
}
.gray
{
	color: #8a8a8a;
}
.button-submit
{
	/* margin-right: 10%; */
	width: 160pt;
}
.button, .button-submit
{
	float: right;
	margin: 5pt;
	border: none;
	background-color: #ae142b;
	color: #fff;
	text-transform: uppercase;
	padding: 5pt;
}
.button:hover, .button-submit:hover
{
	background-color: #6da22c;
}

UL.menu LI A
{
    display:block;
    height:27px; /* your image height */
    max-width:300px; /* your image width */
    overflow:hidden;
    text-align: left;
    text-indent: 39px;
    line-height: 28px;
    text-decoration: none;
    font-weight: bold;
    color: #000;
}
.menu_clients
{
    background:url(../images/clients_menu.png) 0 0 no-repeat;
}
.menu_users
{
    background:url(../images/users_menu.png) 0 0 no-repeat;
}
.menu_new_client
{
    background:url(../images/new_client_menu.png) 0 0 no-repeat;
}
.menu_new_request
{
    background:url(../images/new_request_menu.png) 0 0 no-repeat;
}
.menu_requests
{
    background:url(../images/requests_menu.png) 0 0 no-repeat;
}
.menu_profile
{
    background:url(../images/profile_menu.png) 0 0 no-repeat;
}
.menu_archive
{
    background:url(../images/spravki_menu.png) 0 0 no-repeat;
}
.menu_offers
{
    background:url(../images/offers_menu.png) 0 0 no-repeat;
}
.menu_export
{
    background:url(../images/archive_menu.png) 0 0 no-repeat;
}
.menu_products
{
    background:url(../images/products_menu.png) 0 0 no-repeat;
}
.menu_campaign
{
    background:url(../images/campaigns_menu.png) 0 0 no-repeat;
}

.link_clients
{
    display: inline-block;
	width: 145px;
    height:89px; /* your image height */
	line-height: 160px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
    max-width:300px; /* your image width */
    overflow:hidden;
    background:url(../images/clients.png) 0 0 no-repeat;
}
.link_users
{
    display: inline-block;
	width: 145px;
    height:89px; /* your image height */
	line-height: 160px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
    max-width:300px; /* your image width */
    overflow:hidden;
    background:url(../images/users.png) 0 0 no-repeat;
}
.link_profile
{
    display: inline-block;
	width: 145px;
    height:89px; /* your image height */
	line-height: 160px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
    max-width:300px; /* your image width */
    overflow:hidden;
    background:url(../images/profile.png) 0 0 no-repeat;
}
.link_new_client
{
    display: inline-block;
	width: 145px;
    height:89px; /* your image height */
	line-height: 160px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
    max-width:300px; /* your image width */
    overflow:hidden;
    background:url(../images/new_client.png) 0 0 no-repeat;
}
.link_archive
{
    display: inline-block;
	width: 145px;
    height:89px; /* your image height */
	line-height: 160px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
    max-width:300px; /* your image width */
    overflow:hidden;
    background:url(../images/spravki.png) 0 0 no-repeat;
}
.link_export
{
    display: inline-block;
	width: 145px;
    height:89px; /* your image height */
	line-height: 160px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
    max-width:300px; /* your image width */
    overflow:hidden;
    background:url(../images/archive.png) 0 0 no-repeat;
}
.link_products
{
    display: inline-block;
	width: 145px;
    height:89px; /* your image height */
	line-height: 160px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
    max-width:300px; /* your image width */
    overflow:hidden;
    background:url(../images/products.png) 0 0 no-repeat;
}
.link_offers
{
    display: inline-block;
	width: 145px;
    height:89px; /* your image height */
	line-height: 160px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
    max-width:300px; /* your image width */
    overflow:hidden;
    background:url(../images/offers.png) 0 0 no-repeat;
}
.link_requests
{
    display: inline-block;
	width: 145px;
    height:89px; /* your image height */
	line-height: 160px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
    max-width:300px; /* your image width */
    overflow:hidden;
    background:url(../images/requests.png) 0 0 no-repeat;
}
.link_new_request
{
    display: inline-block;
	width: 145px;
    height:89px; /* your image height */
	line-height: 160px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
    max-width:300px; /* your image width */
    overflow:hidden;
    background:url(../images/new_request.png) 0 0 no-repeat;
}
.link_campaign
{
    display: inline-block;
	width: 145px;
    height:89px; /* your image height */
	line-height: 160px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
    max-width:300px; /* your image width */
    overflow:hidden;
    background:url(../images/campaigns.png) 0 0 no-repeat;
}

UL.big-list
{
	display: block;
	text-align: center;
	clear: both;
}
UL.big-list LI
{
	display: inline-block;
	text-align: left;
	width: 100%;
	font-size: medium;
	text-transform: uppercase;
	border-bottom: solid 1px #8a8a8a;
	padding: 5pt;
	color: #8a8a8a;
}
UL.big-list LI:hover
{
	color: #000;
}
UL.big-list LI:hover .button, UL.big-list LI:hover .button-submit
{
	background-color: #6da22c;
}
DIV.colored
{
	color: #fff;
	padding: 10pt;
}
DIV.contrast, DIV.contrast SPAN.input-label, DIV.contrast A
{
	color: #000;
}
DIV.contrast .BonusCell
{
	background-color: #777;
	color: #fff;
}
P.search
{
	
}
DIV.search-box
{
	display: block;
	clear: both;
	white-space: nowrap;
}
DIV.pages-box P
{
	text-align: center;
}
DIV.preview
{
    filter: none;
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
}
DIV.preview .new
{
	display: none;
}
DIV.preview TEXTAREA
{
	disabled: disabled;
}
SPAN.title
{
	white-space: nowrap;
	font-size: 21pt;
	text-transform: uppercase;
}
.lowlight
{
	color: #aaa;
}
.highlight
{
	color: #000;
}
.alternative
{
	color: #a6ce39;
}
.Total, .GTitle
{
	display: block;
}
.Total::after
{
	content: ' бр.';
	text-transform: initial;
}
.Tons::after, .GTons::after
{
	content: ' т.';
	text-transform: initial;
}
.Kilos::after, .GKilos::after
{
	content: ' кг.';
	text-transform: initial;
}
.BonusCell
{
	width: 80%;
	display: block;
	background-color: #fff;
	text-transform: uppercase;
	padding: 5pt;
	color: #8a8a8a;
	min-height: 15pt;
}
.GTitle::after
{
	content: ' бр.';
	text-transform: initial;
}
.login-container
{
	display: inline-block;
	width: 250px;
	background-color: #fff;
	padding-top: 15px;
}
.error
{
	display: block;
	color: #0101fe;
}
.hidden
{
	display: none!important;
}
SPAN.val-mark
{
	color: #fe0101;
}
DIV.Quantity, SPAN.Quantity, INPUT.Quantity,
DIV.Ton, SPAN.Ton, INPUT.Ton
{
	width: 30pt;
}
DIV.Ton, SPAN.Ton, INPUT.Ton
{
	display: none;
}
DIV.Kilo, SPAN.Kilo, INPUT.Kilo
{
	width: 30pt;
}
DIV.Kilo, SPAN.Kilo, INPUT.Kilo
{
	display: none;
}
.change-button
{
	display: none;
}
.preview .change-button
{
	display: inline-block;
}
.date
{
	font-size: small;
}
.nav
{
	display: inline-block;
	white-space: nowrap;
	float: right;
}
.link-button
{
	background-color: #a6ce39;
	padding: 8pt 12pt 8pt 12pt;
	color: #fff;
}
A.new-request ::before
{
	content: url(/images/new_request_button.png);
	vertical-align: middle;
	margin-right: 5pt;
}
.link-button:hover
{
	background-color: #6ea22d;
}
.edit-button
{
	background-color: #9ac61e
}
.edit-button:hover, UL.big-list LI:hover .edit-button
{
	background-color: #c95e2d;
}
P.new-request, P.new-product
{
	float: right;
	clear: both;
}
.list-menu
{
	color: #aaa;
}
.list-menu.selected
{
	color: #000;
}

.current-campaign
{
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: #a6ce39;
	padding: 6pt;
	color: #ffffff;
	font-size: 12pt;
	text-align: right;
}
.dates
{
	display: block;
	text-align: right;
	font-size: 8pt;
}
.dimention
{
	color: #8a8a8a;
	font-size: 10pt;
}

@media (max-width: 650px)
{ 
	.login-container{ 
		width: 50%;
	}
	#Foot, #Foot > DIV
	{
		vertical-align: bottom;
	}
	#SideMenu
	{
		display: block;
		margin-bottom: 10pt;
		clear: both;
		overflow: auto;
		white-space: nowrap;
	}
	#SideMenu UL
	{
		display: inline-table;
		clear: both;
	}
	#SideMenu, #SideMenu UL
	{
		width: 100%;
	}
	#SideMenu UL LI
	{
		padding-left: 10pt;
		min-width: 155px;
		display: table-cell;
		padding-bottom: 5pt;
	}
	#SideMenu UL.menu LI A
	{
		max-width: initial;
	}
	DIV.full-container
	{
		margin-left: 5px;
		width: 100%;
	}
	DIV.inner DIV.two-columns-container, DIV.inner DIV.table-container
	{
		display: block;
		width: initial;
		margin-left: 5px;
		margin-right: 10px;
	}
	UL.big-list LI
	{
		width: 95%;
	}
	DIV.column
	{
		width: 98%;
		text-align: center;
	}
}
@media (max-width: 500px)
{
	.button-submit
	{
		width: inherit;
	}
}