/*	Reset
-------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html 
{
	font-size: 12px;
	line-height: 15px;
	font-family: Arial;
	height: 100%;
}

h5 { font-size: 13px; line-height: 1.1em; }
h4 { font-size: 13px; line-height: 1.1em; }
h3 { font-size: 1.4em; line-height: 1.1em; }
h1 { font-size: 1.6em; line-height: 1.1em; }

/*	Common
-------------------------------------------------------------------------------- */
body 
{
	background-color: #F8F8F8;
	color: #626A5D;
	min-height: 100%;
	position: relative;
}
#header
{
	height: 143px;
	padding-top: 4px;
}
#shadow
{
	z-index: 30;
	position: fixed;
	background-color: #D0D9E0;
	height: 4px;
	width: 100%;
	box-shadow: 0px 0px 30px 13px #D0D9E0;
}
#logo
{
	float: left;
	margin: 26px 0 0 35px;
	width: 77px;
	height: 77px;
	background: url('../img/logo1.png') 0 0 no-repeat;
}
#systemName 
{
	width: 127px;
	height: 57px;
	background: url('../img/panel.png') 0 0 no-repeat;
	margin: 35px 0 0 5px;
	float: left;
}
.smallHeader
{
	position: fixed;
	z-index: 60;
	right: 12px;
	top: 6px;
	cursor: pointer;
}
.smallHeader #logo
{
	width: 43px;
	height: 43px;
	background-size: 43px 43px;
	margin: 0 7px 0 0;
}
.smallHeader #systemName
{
	width: 65px;
	height: 29px;
	background-size: 65px 29px;
	margin: 7px 0 0 0;
}
.smallHeader #simpleMode, .smallHeader #advancedMode {
	float: left;
	text-indent: -9999px;
	background-image: url('../img/map.png');
	background-size: 43px 43px;
	background-repeat: no-repeat;
	height: 43px;
	width: 43px;
	margin-right: 10px;
}
.smallHeader #advancedMode {
	background-image: url('../img/list.png');
}

/* рекламные тексты на форме поиска */
table.okBox {
	box-shadow: 0 3px 8px #8D9FA9;
	background-color: #fff;
	margin-bottom: 6px;
}
table.okBox span {
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0.5px;
	color: #434343;
	display: inline-block;
	background: url('../img/ok.png') 0% 50% no-repeat;
	vertical-align: middle;
}

/* биржевые курсы */
#stockMarketRatesContainer 
{
	text-align: center;
}
#stockMarketRatesContainer tr td
{
	padding-left: 50px;
}
#stockMarketRatesContainer div.container
{
	text-align: left;
	float: left;
}
#stockMarketRatesContainer .inc .delta:after
{
	clear: both;
	display: inline-block;
	content: '▲';
	color: #0A0;
	margin-left: 5px;
}
#stockMarketRatesContainer .delta
{
	color: #AAA;
}
#stockMarketRatesContainer .dec .delta:after
{
	clear: both;
	display: inline-block;
	content: '▼';
	color: #A00;
	margin-left: 5px;
}

#newRatesCount 
{
	position: absolute;
	transform: translate(50%, -50%);
	background: red;
	border-radius: 12px;
	padding: 5px;
	color: #fff;
	box-shadow: 1px 1px 2px #999;
	font-size: 18px;
}

#appStore, #googlePlay
{
	display: block;
	cursor: pointer;
}

/* всплывающее окно */
body.popupBody 
{
	min-height: auto;
	background-color: #fff;
}
.popupIframeBg 
{
	z-index: 80;
}
#popupHeader
{
	margin-top: 15px;
	font-size: 17px;
	line-height: 1.1em;
	padding: 3px 8px;
	background-color: #EBF4DF;
	border-bottom: 1px solid #DADADA;
}
body.popupBody .txtInfo 
{
	font-size: 16px;
	line-height: 20px;
}
body.popupBody .txtInfo .small
{
	font-size: 12px;
	color: #999;
	line-height: 15px;
	display: block;
}
#popupClose 
{
	position: absolute;
	right: 5px;
	top: 5px;
}
#requestInfoContainer span b
{
	padding: 3px 8px;
	background-color: #EBF4DF;
	border-bottom: 1px solid #DADADA;
	display: block;
}

a {
	color: #626A5D;
}
a img {
	border: none;
}
h1 {
	padding: 10px 0 10px 20px;
}
#popupPageContent {
	padding: 10px 0;
}

/* кнопки */
.button input {
	color: #FFF;
	cursor: pointer;
	border-radius: 0;
}
.button 
{
	cursor: pointer;
}

/* контролы */
.textControlWrapper
{
	display: block;
}
input[type='text'], input[type='tel'], input[type='number'], input[type='password']
{ 
	font-size: 13px;
	line-height: 16px;
	padding: 2px 5px;
	border: 1px solid #586B63;
	color: #626A5D;
	box-shadow: 0px 5px 8px -3px #C3CDC4 inset;
}
input.errorclass
{
	padding: 1px 4px; 
	border: 2px solid #A90F02;
}
select 
{ 
	font-size: 13px; 
	line-height: 16px; 
	padding: 1px 1px; 
	border: 1px solid #586B63;
	color: #626A5D;
	box-shadow: 0px 5px 8px -3px #C3CDC4 inset;
	-webkit-appearance: menulist-button;
}
select:disabled { background-color: #EBEBE4; }

.linkObjectControlContainer input, .linkObjectControlContainer img
{
	margin-right: 5px;
}
.txtHighlighted 
{
	color: red;
	margin-bottom: 10px;
}

/* таблица с курсами */
#ratesWrapperContainer>tbody>tr>td 
{
	padding: 0;
}
#ratesListTable
{
	margin-bottom: 0;
}
#ratesListTable .collapsedGroup
{
	display: none;
}
#ratesListTable .filtered
{
	display: none;
}

#ratesListTable th
{
	height: 30px;
	padding: 0;
}
#ratesListTable th div
{
	margin-top: -15px;
	height: 19px;
	padding-top: 10px;
	position: fixed;
	background: url('../img/cr-header.png') repeat-x;
	border-bottom: 1px solid #7F8E96;
}
#ratesListTable th a div
{
	text-decoration: underline;
}
#ratesListTable th img
{
	margin-top: -15px;
	padding-top: 10px;
	position: fixed;
}
#ratesListTable td 
{
	vertical-align: top;
	padding: 2px;
	border-bottom: 1px solid #7F8E96;
	border-top: 1px solid #5F747F;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}
#ratesListTable td span
{
	color: #999;
	display: block;
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 3px 0;
}
#ratesListTable td p
{
	font-size: 14px;
	padding: 5px 0 0;
	font-weight: bold;
	line-height: 18px;
}
#ratesListTable td p.thin 
{
	font-weight: normal;
}
#ratesListTable td img
{
	display: block;
	width: 26px;
	padding: 8px 0 0;
}

#ratesListTable tr.groupHeader td
{
	padding: 0px;
	border: none;
}
#ratesListTable tr.groupHeader td div
{
	padding: 2px;
	background-color: #fff;
	border-top: 1px solid #5F747F;
	border-bottom: 1px solid #7F8E96;
}
#ratesListTable tr.groupHeader.fixed td div
{
	position: fixed;
}
/* текст про отсутствие курсов */
#noDataTextWrapContainer 
{
	display: none;
}
/* List
-------------------------------------------------------------------------------- */
.listTable.selectable tr td 
{
	background: #fff;
}
.listTable.selectable tr:hover td 
{
	background: #f4f4f4;
}
.listTable th 
{
	text-align: left;
}
.listTable.selectable tr:hover, .listTable.selectable tr.hover {
	cursor: pointer;
	background-color: #EFEFEF;
}
.listTable th.TableHeaderDelimiterLeft,
.listTable th.TableHeaderDelimiterRight,
.listTable th.TableHeaderDelimiter,
.listTable td.TableCellDelimiter 
{
	display: none;
}
.pagerMenu {
	font-size: .9em;
}
.pagerMenu a,
.pagerMenu span.active {
	padding: 2px 5px 2px 0;
}
.pagerMenu .count {
	padding-left: 5px;
}

/* переключатель */
.switch input[type="checkbox"]
{
	display: none;
}
.switch
{
	box-shadow: 0px 3px 7px -1px #405540 inset;
	cursor: pointer;
	width: 43px;
	height: 18px;
	border-radius: 11px;
	padding: 1px 1px 2px 2px;
	border: 1px solid #929991;
	background-color: #A9ACB0;
	display: inline-block;
	margin-right: 10px;
	float: left;
}
.switch div
{
	height: 20px;
	width: 20px;
	background: url('../img/point.png');
}
.switch.on
{
	border: 1px solid #788F63;
	background-color: #97C656;
}
.switch.on div
{
	float: right;
}
.switch.off
{
	background-color: #DFE4D8;
}
.switch.off div
{
	
}
.ontext, .offtext
{
	display: none;
}
.forSwitchCheckbox
{
	display: block;
	padding-top: 5px;
	padding-bottom: 1px;
	vertical-align: top;
	cursor: pointer;
}

/* слайдер */
.rangeNumberControlsContainer td
{
	padding: 0;
}
.rangeNumberControlsContainer .range-control-title
{
	text-align: center;
	padding-bottom: 5px;
}
.rangeNumberControlsContainer .controlWrap2
{
	text-align: right;
}

.slider-wrapper-container
{
	box-shadow: 0px 3px 7px -1px #405540 inset;
	height: 18px;
	border-radius: 11px;
	padding: 1px 1px 2px 2px;
	border: 1px solid #929991;
	background-color: #DFE4D8;
}

.slider-to, .slider-from
{
	border-radius: 0;
	width: 24px;
	height: 19px;
}
.slider-to
{
	background: url('../img/slider-right.png');
}
.slider-from
{
	background: url('../img/slider-left.png');
}
.slider
{
	border-radius: 9px;
	height: 19px;
	margin-top: 1px;
}
.slider-left, .slider-right
{
	background-color: Transparent;
}
.slider-center
{
	background: url('../img/slider-line.png') 0 2px repeat-x;
}

/* форма заказа */
#ratesContainer
{
	margin: 0 0 15px 8px;
	color: #999;
}
#ratesContainer td 
{
	padding: 0;
}

#request-editorContainer
{
	width: 100%;
	margin-bottom: 15px;
}
#request-editorContainer td
{
	padding-right: 0;
}

.orderForm
{
	font-size: 16px;
	margin-left: 8px;
}
#request-editorContainer .orderForm td
{
	padding-right: 5px;
}
.orderForm #reqSum
{
	width: 90px;
}
.orderForm #reqSum
{
	font-size: 19px;
	text-align: right;
}
.orderForm #total
{
	font-size: 22px;
}

#userPhoneContainer
{
	padding: 5px 8px;
	width: 230px;
	box-shadow: 0 1px 2px;
	margin-bottom: 10px;
}

#ceoInfoContainer
{
	margin-left: 8px;
	padding-right: 8px;
}
#ceoInfoContainer h4
{
	margin-left: -8px;
	display: block;
	color: #626A5D;
	padding: 3px 8px;
	background-color: #EBF4DF;
	border-bottom: 1px solid #DADADA;
}
#ceoInfoContainer span
{
	color: #999;
}
#ceoInfoContainer h4 span
{
	color: #F00;
	float: right;
	cursor: pointer;
}
#ceoInfoContainer b
{
	color: #626A5D;
	margin-left: 8px;
}
#ceoInfoContainer b.addPhone
{
	margin-left: 62px;
}
#ceoInfoContainer img
{
	vertical-align: middle;
	margin-right: 5px;
}
#ceoInfoContainer h5
{
	color: #626A5D;
}

.message
{
	padding: 10px 20px 10px 10px;
}

/* Подсказка */
.help
{
	border: 1px solid #DDD;
	list-style: none;
	padding: 5px 0;
	margin: 0;
	position: absolute;
	z-index: 10;
	background-color: #EAEAEA;
	min-width: 150px;
	border-radius: 3px;
	font-size: 9px;
	font-weight: normal;
}

.help li
{
	cursor: pointer;
}
.help li:hover,
.help li.active
{
	background-color: #ABADB3;
	color: #FFF;
}

.help div
{
	white-space: nowrap;
	padding: 0px 5px;
}
.metroPopup #popupHeader
{
	padding-left: 110px;
}
.metroPopup #containerContainer 
{
	width: 100%;
}
#stations_controls div
{
	box-shadow: 0 1px 2px;
	padding: 10px;
	position: relative;
}
#stations_controls div .imgclear 
{
	position: absolute;
	top: 5px;
	right: 5px;
}
#select-metro-form #add-object
{
	display: none;
}

#select-metro-form .left, #select-metro-form .right
{
	float: left;
	margin-top: -50px;
	height: 100%;
}
#select-metro-form .left
{
	padding: 50px 10px 0;
	position: relative;
	z-index: 20;
}
#select-metro-form .right
{
	width: 550px;
}
#select-metro-form .right iframe
{
	border: none;
}

#stations_container
{
	padding: 3px;
	margin: 5px -9px;
	overflow: auto;
}

/* схема метро */
.MetroMapPage, .MetroMapPage div, .MetroMapPage svg
{
	padding: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

#MetroMap
{
	overflow: hidden;
}

#MetroMap .line
{
	stroke-width: 3px;
}
#MetroMap circle
{
	cursor: pointer;
}
#MetroMap circle.selected
{
	fill: #0FF;
}

/* блоки с заказами */
.request-data-container
{
	position: fixed;
	right: 180px;
	top: 10px;
	z-index: 50;
}
.request-data
{
	margin: 0 10px 10px 0;
	padding: 10px;
	background-color: #DAEBC7;
	opacity: 0.9;
	cursor: pointer;
	box-shadow: 0 1px 1px;
	float: right;
}
.request-data.accept
{
	background-color: #DAEBFF;
}
.request-data.deny
{
	background-color: #FFDAF5;
}

.slider-wrapper
{
	padding: 0;
}

#userPhoneContainer .required
{
	display: none;
}
#stationsContainer
{
	padding-left: 45px;
	background: url('../Img/request-metro.png') no-repeat;
	min-height: 40px;
	border-top: 1px solid #cecece;
	padding-top: 5px;
}

#claim .txtInfo
{
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 20px;
}

#ceoInfoContainer:after
{
	clear: both;
	display: block;
	content: '';
}