﻿@font-face {
  font-family: "Pictos";
  src: url(pictos-web.ttf)
  }

.leaflet-marker {
    text-align: center;
	height: 31px; 
	font-size: 11px;
    width: 31px;
}

.leaflet-marker-selected{
    background-image: url(../../resources/images/ramka.png);
    text-align: center;
	font-size: 11px;
    height: 31px;
    width: 31px;
}

.marker-icon{
   position: relative;
   top: 3px;
   width: 24px;
}

.marker-label{
	font-size: 12px; 
	background-color: white;
	border: 1px ridge black; 
	padding: 1px 2px; 
	text-align: center;
	position: absolute; 
	top: 33px;
}

.markers-count{
	background-color: white; 
    border: 1px ridge black; 
    padding: 0 2px;
	position: absolute;
	top: -10px;
}

.menu_item_active
{
    border: 1px double #39F;
	background-color: #C4E1FF;
}

/* zoom control */

.leaflet-control-zoom-autoscale { background-image: url(../../resources/images/icon-autoscale.png); }
.leaflet-control-zoom {opacity: 0.7;}

.leaflet-touch .leaflet-bar a:last-child {
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border-bottom: none;
}

.leaflet-control-parent div:first-child {
	margin-top: 0;
}

.leaflet-container .leaflet-control-zoom {
	margin-left: 0;
	margin-top: 10px;
}
/* layers control */

.leaflet-touch .leaflet-control-layers-toggle {
	width: 30px;
	height: 30px;
}
	
.leaflet-control-layers-toggle {
	background-image: url(../../resources/images/layers.png);
	background-color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.leaflet-control-layers {
	opacity: 0.7;
	box-shadow: 0 1px 7px rgba(0,0,0,0.65);
	background: none;
}

.listOfCars-icon
{
   vertical-align: top; 
   margin: 0 15px 0 0;
   width: 24px;
   float: left;
}

.red-color
{
   color: #ff0000;
}

.green-color
{
   color: #368000;
}

.blue-color
{
   color: #0000FF;
}

.orange-color
{
   color: #FF8C00;
}

.list-item-title
{
   /* float:left;*/
    width:100%;
    font-size:90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right:25px;
    line-height:150%;
}

.list-item-narrative
{
    float:left;
    width:95%;
    color:#666666;
    font-size:80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right:25px;
}

.x-item-selected .list-item-title
{
    color:#ffffff;
}

.x-item-selected .list-item-narrative
{
    color:#ffffff;
}

.x-list .x-list-item .x-list-item-label
{
     min-height: 3.5em !important;
}

/* Градиент */
.gradient
{
    background: #91A4BF !important; /* Для старых браузров */
    background: -moz-linear-gradient(top, #91A4BF, #B5C8DF) !important; /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#91A4BF), color-stop(100%,#B5C8DF)) !important;
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #91A4BF, #B5C8DF) !important;
    background: -o-linear-gradient(top, #91A4BF, #B5C8DF) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #91A4BF, #B5C8DF) !important; /* IE10 */
    background: linear-gradient(top, #91A4BF, #B5C8DF) !important; /* CSS3 */
	border-bottom: 1px double black;
}

/* Пункты главного меню */
.image
{
   background-position:center;
   background-repeat:no-repeat;
   height: 32px;
   width: 100%;
}

.name
{
   margin-top: 5px;
   font-size: 12px;
   color: black;
}


.x-dataview-item-main-menu
{
   min-width: 90px;
   text-align: center;
   display: inline-block;
   padding: 0px 20px;
   margin: 10px;
}

/* Чекбоксы в списке объектов */
.x-list-checkbox
{
   background: none;
   border: 0;
   height: 100%;
}

.x-list-item-checkbox-middle .x-input-el {
    position: relative;
}
.x-list-item-checkbox-check .x-input-el {
    position: relative;
}
.x-list-item-checkbox-uncheck .x-input-el {
    position: relative;
}

.x-list-item-checkbox-middle .x-field-mask::after
{
   right: 20px !important;
   top: 5px !important;
   content: 'б' !important;
   font-family: 'Pictos' !important;
}

.x-list-item-checkbox-check .x-field-mask::after
{
   right: 20px !important;
   top: 5px !important;
   content: 'А' !important;
   font-family: 'Pictos' !important;
}

.x-list-item-checkbox-uncheck .x-field-mask::after
{
   right: 20px !important;
   top: 5px !important;
   content: 'а' !important;
   font-family: 'Pictos' !important;
}

/* Шапка в списке объектов */
.x-dataview-item-header
{
   text-align: -webkit-center;
   margin: 5px 2px;
   display: inline-block;
   width: auto;
   font-size: 14px;
}

.x-dataview-item-header-cls
{
   background-image: none;
   background-color: #11598c;
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1985d0), color-stop(3%, #1468a2), color-stop(100%, #0e4b75));
   background-image: -webkit-linear-gradient(top, #1985d0,#1468a2 3%,#0e4b75);
   background-image: linear-gradient(top, #1985d0,#1468a2 3%,#0e4b75);
   color: white;
   white-space: nowrap;
   border: 1px solid #061f31;
   border-top-color: #092e47;
}

.current-folder
{
	font-weight: bold;
	font-style: italic;
}

/* Недоступный элемент списка */
.item-disabled
{
   color: gray;
}
