﻿html, body, #map {  height: 100%;
				            padding: 0;
				            margin: 0; }
													
#map, #map2 {  height: calc(100% - 55px);
				width: 100%;
				float: left;
				    padding: 0;
				    margin: 0;
			}

body {
	font-family: Arial, Helvetica, sans-serif;
}

table {
	font-size: 1em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

.mapsoft-logo {
    float: left;
    margin: 12 10 0 0;
    background-image: url('../Content/maplogo-4.png');
    background-size: 140px 30px;
    width: 140px;
    height: 30px;
}

.leaflet-left .leaflet-control {
    margin-left: 0px;
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 0px;
}

.leaflet-right .leaflet-control {
    margin-right: 0px;
}

.natpisi-icon {
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url('../Content/ikonice-mape srbije/kb-tr-2.png');
}

.natpisi-icon-on {
    background-color: rgba(46, 40, 115, 0.5);
}

.natpisi-icon:hover {
    background-color: rgba(46, 40, 115, 1);
}

.osmb-icon {
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url('../Content/ikonice-mape srbije/osm-lj-100-tr-2.png');
    border: none;
    border-radius: 0;
    border-bottom: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.osmb-icon-on {    
    background-color: rgba(46, 40, 115, 0.5);
    border: none;
    border-radius: 0;
    border-bottom: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.osmb-icon:hover {
    background-color: rgba(46, 40, 115, 1);
}
.leaflet-control-toolbar > li:last-child > .leaflet-toolbar-icon {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.leaflet-control-toolbar > li:first-child > .leaflet-toolbar-icon {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.leaflet-control-toolbar > li > .leaflet-toolbar-icon {
    border: none;
}

.leaflet-toolbar-0 > li > .leaflet-toolbar-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.leaflet-toolbar-0 > li > .leaflet-toolbar-icon:hover {    
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    border: 0;
}

.leaflet-touch .leaflet-bar a {
    width: 40px;
    height: 40px;
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.leaflet-bar a:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.leaflet-bar a, .leaflet-bar a:hover {
    #background-color: transparent;
    border-bottom: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.leaflet-bar a, .leaflet-control-layers-toggle {
    border-radius: 0;
    border: none;
}

.leaflet-toolbar-0 {
    box-shadow: none;
}

.map-icon > a{
    width:40px;
    height:40px;
}
.map-icon > a:hover{
    width:40px;
    height:40px;
}

a:active.leaflet-control-zoom-in {
}

a:active.leaflet-control-zoom-out {
}

.prikazi-sve {
    background-color: rgba(0,0,0,0.5);
    background-image: url('../Content/ikonice-mape srbije/zoom-all-tr.png');
}

.prikazi-sve:hover {
    background-color: rgba(46, 40, 115, 1);
}

.leaflet-control-zoom-in {
    background-color: rgba(0,0,0,0.5);
    background-image: url('../Content/ikonice-mape srbije/zoom-in-tr.png');
}

.leaflet-control-zoom-in:hover {    
    background-color: rgba(46, 40, 115, 1);
}

.leaflet-control-zoom-out {
    background-color: rgba(0,0,0,0.5);
    background-image: url('../Content/ikonice-mape srbije/zoom-out-tr.png');
}

.leaflet-control-zoom-out:hover {
    background-color: rgba(46, 40, 115, 1);
}

.leaflet-control-draw-measure {
    background-color: rgba(0,0,0,0.5);
    background-image: url('../Content/ikonice-mape srbije/merenje-tr.png');
}

.leaflet-control.enabled a {
    background-color: rgba(46, 40, 115, 0.5);
}

.leaflet-control-draw-measure:hover {    
    background-color: rgba(46, 40, 115, 1);
}

.leaflet-control.enabled a:hover {    
    background-color: rgba(46, 40, 115, 1);
}

.prikazi-sve:active {
}

.leaflet-control-locate a {
    background-color: rgba(0,0,0,0.5);
    background-image: url('../Content/ikonice-mape srbije/pozicija-tr.png');
}

.leaflet-control-locate.active a {
    background-color: rgba(46, 40, 115, 0.5);
}

.leaflet-control-locate a:hover,
.leaflet-control-locate.active a:hover {
    background-color: rgba(46, 40, 115, 1);
}

.leaflet-compass .compass-icon {
    height: 40px;
    width: 40px;
    margin: 0px;
    #background: url('../Content/ikonice-mape srbije/kompas-t.png');
}
.leaflet-compass .compass-button.active {
    background: transparent;
}

.leaflet-control.leaflet-compass {   
    border-radius: 0px;
    background-color: rgba(0,0,0,0.5); 
    margin-left: 0px;
    margin-top: 40px;
}

.leaflet-compass .compass-button {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 0px;
}

@media (min-width: 770px) {
    .leaflet-control.leaflet-compass {
         margin-top: 0px;
    }
}

.pretraga {
    float: left;
    margin: 7 0 0 0;
    height: 40px;
}

.pretraga-form {    
    height: 36px;
}

.pretraga-input {    
    height: 30px;
    border-radius: 5px;
    width: 350;
    padding: 5px;
}

.pretraga > div {
    background-color: rgba(255,255,255,1);    
    text-align: left; 
}

#top .header-top .header-master ul {
    float: none;
}

@media screen and (min-width: 860px) {
    #top .header-top .header-master .logo {
        float: right;
        margin-right: 79px;
    }
}

@media screen and (max-width: 410px) {
    #top .header-top .header-master .logo {
        float: right;
        margin-right: 79px;
    }
}

@media screen and (min-width: 410px) and (max-width: 860px) {
    #top .header-top .header-master .logo {
        float: right;
        margin-right: 79px;
        margin-left: 10px;
    }
}