html,body {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	color: black;
	width: 100%;
	height: 100%;
}

body {    
    font-size: 9pt;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}
        @media (max-device-width:500px)
        {
            .content
            {
                width:200px;
                                margin: 0px auto;
                text-align: left;
                padding: 15px;
                font-size: 12pt;
            }
        }

ul.twocols { float: left !important; width: 340px !important; margin:0 !important; }
ul.twocols li { float: left !important; width: 49% !important; }

img { border:none }
a, a:visited { color: blue; text-decoration: none; }
a:hover { text-decoration: underline; }

.k-invalid { background-color:#FFB6B6 !important; }
.k-invalid-msg { display: none !important; }
.k-menu::after { display: none; height: 0; }

.k-splitter { padding: 0 !important; }

tr.small td {
	line-height: 1em;
	padding-top: 1px;
}

/* TABLE */
table { border-collapse: collapse;border-spacing: 0 !important;}
table td { padding: 2px; }
table.nospace td { padding: 1px; }
tr.obsolete td { background-color: #DBDBDB }

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

.k-content { overflow: hidden !important; }

/* MAP controls */

table.map-points { margin-bottom: 3px; }
table.map-points td {
	border: 1px solid gray !important;
	padding-left: 3px;
	padding-right: 3px;
}

.map-parking
{
    padding: 0px;
    color: black;
    white-space: nowrap;
    font-size: 8pt;
    line-height: 11px;
    width: auto !important;
}

a.day {
    border:1px solid silver;
    border-radius:5px;
    padding:1px 2px 1px 2px;
    margin-right:3px;
}

#treeCARpopup { max-width: 220px !important;}
#treeCARpopup li img, #treeGEOpopup li img, img.sprite-menu { background-image: url(menu-items.png); background-repeat: no-repeat; width: 16px; height: 16px; }
#treeCAR img.k-image, #treeFIND img.k-image, #treeGEO img.k-image { width: 16px; height: 16px; }

li.config-trips img, img.config-trips { background-position: 0 -80px; }
li.config-sensors img, img.config-sensors { background-position: 0 -96px; }
li.config-filter img { background-position: 0 -112px; }
li.config-tanks img { background-position: 0 -128px; }
li.config-engines img { background-position: 0 -144px; }
li.config-cp img, img.point { background-position: 0 -176px; }
li.config-import img { background-position: 0 -768px; }
li.config-export img { background-position: 0 -784px; }

li.createobj img, img.createobj { background-position: 0 -16px; }
li.creategrp img { background-position: 0 -32px; }
li.edit img { background-position: 0 0; }
li.import img { background-position: 0 -48px; }
li.delete img, img.delete { background-position: 0 -64px; }
li.message img, img.messages { background-position: 0 -496px; }
    
li.config-lls img { background-position: 0 -160px; }
li.reports img, img.reports { background-position: 0 -192px; }

li.track img, img.track { background-position: 0 -208px; }
li.poly img, img.poly { background-position: 0 -224px; }
li.kml img, img.kml { background-position: 0 -240px; }
img.parking { background-position: 0 -256px;}
img.roles { background-position: 0 -384px;}
img.mrules { background-position: 0 -272px;}
img.orgs-0 { background-position: 0 -336px;}
img.orgs-1 { background-position: 0 -320px;}
img.user-0 { background-position: 0 -304px;}
img.user-1 { background-position: 0 -288px;}
img.fuels { background-position: 0 -128px;}
img.map { background-position: 0 -368px;}
img.ok, img.checked { background-position: 0 -400px;}
img.workspaces { background-position: 0 -801px;}

img.carstate-0, img.info { width: 14px; height: 14px; background-position: 0 -416px;} /* blue */
img.carstate-1 { width: 14px; height: 14px; margin-bottom: -2px; background-position: 0 -432px;}/* green */
img.carstate-2 { width: 14px; height: 14px; margin-bottom: -2px; background-position: 0 -448px;}/* yellow */
img.carstate-3 { width: 14px; height: 14px; margin-bottom: -2px; background-position: 0 -464px;}/* red */
img.carstate-100 { width: 14px; height: 14px; margin-bottom: -2px; background-position: 0 -480px;}/* gray */

img.carstate0-0, img.info { width: 14px; height: 14px; background-position: 0 -416px;}
img.carstate0-1 { width: 14px; height: 14px; background-position: 0 -704px;}
img.carstate0-2 { width: 14px; height: 14px; background-position: 0 -720px;}
img.carstate0-3 { width: 14px; height: 14px; background-position: 0 -736px;}
img.carstate0-100 { width: 14px; height: 14px; background-position: 0 -752px;}
img.carstate-icon { margin: -3px 0px -4px -4px;}


img.mail { background-position: 0 -496px; }
img.jabber { background-position: 0 -512px; }
img.icq { background-position: 0 -528px; }
img.mru { background-position: 0 -545px; }
img.skype { background-position: 0 -560px; }
img.sms { background-position: 0 -576px; }

img.tframe-0 { background-position: 0 -592px; }
img.tframe-1 { background-position: 0 -608px; }
img.tframe-2 { background-position: 0 -624px; }
img.tframe-3 { background-position: 0 -576px; }
            
img.schedule { background-position: 0 -656px; }
img.popup { background-position: 0 -672px; height: 21px; }

img.fmt { background-image: url(formats.png); background-repeat: no-repeat; width: 25px; height: 32px; }
img.fmt-0 { background-position: 0 0;}
img.fmt-1 { background-position: -25px 0;}
img.fmt-2 { background-position: -50px 0;}
img.fmt-3 { background-position: -75px 0;}
img.fmt-4 { background-position: -100px 0;}
img.fmt-5 { background-position: -125px 0;}
img.fmt-zip { background-position: -150px 0;}

img.leaflet-marker-icon { border:none !important }

a.cb-0 { opacity: 0.4; filter: alpha(opacity = 40); }
a.cb-1 { opacity: 1; filter: alpha(opacity = 100); }

.k-treeview .k-sprite, .tm-sprite  { background-image: url(tree-objects.png); width: 16px; height: 16px; border:none !important }
img.geo-object-0, img.geo-object-1, img.geo-object-2, img.ruler, img.ruler-off { background-image: url(tree-objects.png); width: 24px; height: 24px;background-repeat: no-repeat;background-position: 0px 0px !important; border:none !important }
    
.geo-object-0-0 { background-position: 0px -24px; }
.geo-object-0-1 { background-position: -16px -24px; }

.geo-object-1-0 { background-position: -32px -24px; }
.geo-object-1-1 { background-position: -48px -24px; }

.geo-object-2-0 { background-position: -64px -24px; }
.geo-object-2-1 { background-position: -80px -24px; }

.geo-object-100-0 { background-position: -96px -24px; }
.geo-object-100-1 { background-position: -112px -24px; }

.geo-group, .car-group { background-position: -128px -24px; }

img.org-0, .org-0 { background-position: -144px -24px; }
img.org-1, .org-1 { background-position: -160px -24px; }

img.geo-object-0 { background-position: -24px 0px !important;}
img.geo-object-1 { background-position: -72px 0px !important;}
img.geo-object-2 { background-position: -120px 0px !important;}

img.ruler { background-position: -264px 0 !important }
img.ruler-off { background-position: -288px 0 !important }

/* TREE */
body.mobi .k-plus { background-image: url(mobile-carstates.png) !important; background-position: -24px -108px !important; margin-top: 6px !important; }
body.mobi .k-minus { background-image: url(mobile-carstates.png) !important; background-position: -24px -92px !important; margin-top: 6px !important; }

body.mobi .editor-control div a { padding: 5px }

body.mobi img.carstate0-0,
body.mobi img.carstate0-1,
body.mobi img.carstate0-2,
body.mobi img.carstate0-3,
body.mobi img.carstate0-100,
body.mobi img.carstate-1,
body.mobi img.carstate-2,
body.mobi img.carstate-3,
body.mobi img.carstate-100 { background-image: url(mobile-carstates.png); width: 24px; height: 24px; }
                
body.mobi img.carstate-1 { background-position: 0 -24px; }
body.mobi img.carstate-2 { background-position: 0 -48px; }
body.mobi img.carstate-3 { background-position: 0 -72px; }
body.mobi img.carstate-100 { background-position: 0 -96px; }

body.mobi img.carstate0-1 { background-position: 0 -144px; }
body.mobi img.carstate0-2 { background-position: 0 -168px; }
body.mobi img.carstate0-3 { background-position: 0 -192px; }
body.mobi img.carstate0-100 { background-position: 0 -216px; }

body.mobi img.popup { background-position: -25px -67px; width: 24px; height: 24px; background-image: url(mobile-carstates.png); background-color: transparent }

body.mobi #treeCAR img.k-image,
body.mobi #treeFIND img.k-image,
body.mobi #treeGEO img.k-image { width: 24px; height: 24px; }
                
body.mobi li.k-item .k-in span,
body.mobi #treeGEO .k-in { font-size: 1.3em;vertical-align: top; }
body.mobi ul.k-menu li.k-item a { font-size:1.4em}


.ruler-point { font-size: 8pt; line-height: 12px; }
.ruler-point table { border-collapse: collapse;border-spacing: 0;background-color: white; margin: 2px; border: 1px solid gray !important; border-radius: 3px;-webkit-border-radius: 3px; box-shadow: 0 0 8px rgba(0,0,0,0.4); opacity: 0.6; }
.ruler-point:hover table { opacity: 1; }
.ruler-point td { padding: 0px; white-space: nowrap; }
.ruler-point td:first-child { padding-left:2px; }
.ruler-point td:not(:first-child) { padding-right: 2px; padding-left: 4px; }
.ruler-point tr:last-child td { padding-bottom: 2px; }
.ruler-point tr.l td { color: gray; }
.ruler-point img { background-image:url(numbers.png); background-repeat:no-repeat; top:-8px; left:-8px; position:absolute }

.background-list { background-color: lightgray !important; }