/*
	Oakland Single Map Template
	http://ww2.oaklandnet.com
*/

			html, body, #map {
				height: 98.3%;
				padding: 0;
				margin: 0;
			}
			#pac-input::-webkit-input-placeholder { 
				color: gray; 
			}
			#pac-input:-moz-placeholder { 
				color: gray; 
			}
			#pac-input::-moz-placeholder { 
				color: gray; 
			}
			#pac-input:-ms-input-placeholder { 
				color: gray; 
			}
			html body .leaflet-control-container .leaflet-top .leaflet-control-zoom a.leaflet-control-zoom-in ,html body .leaflet-control-container .leaflet-top .leaflet-control-zoom a.leaflet-control-zoom-out{ 
				color: black;
				background-color: white;
			}
            #sql {
                position: absolute;
                top: 60px;
                right: 20px;
            }
            .layer_selector {
                background: rgba(255,255,255,0.9);
                border-radius: 5px;
                padding: 0;
                border: 1px solid #999;
                width: 250px;
				opacity: 0.9;
            }
            
            .layer_selector > p {
                padding: 15px 30px;
                border-bottom: 1px solid #999;
				margin-bottom: 0px;
            }
            
            .layer_selector ul {
                padding: 0; margin: 0;
                list-style-type: none;
            }
            .layer_selector li {
                padding: 15px 30px;
                font-family: Helvetica, Arial;
                font-size: 13px;
                color: #444;
                cursor: pointer;
            }
            .layer_selector li:not(:last-child) {
                border-bottom: 1px solid #999;
            }
            .layer_selector li:hover {
                background-color: #F0F0F0;
                cursor: pointer;
            }
            .layer_selector li.sql_selected,
            .layer_selector li.cartocss_selected {
                background-color: #A6CEE3;
            }
			
			.modal-dialog.modal-sm{
				margin-top: 60px;
				margin-right: 10px;
				width: 360px; /*needed to increase modal size because title of first layer was too long*/
			}
			.modal.fade .modal-dialog {
				-webkit-transform: scale(0.1);
				-moz-transform: scale(0.1);
				-ms-transform: scale(0.1);
				transform: scale(0.1);
				top: 30px;
				left: 100px;
				opacity: 0.7;
				-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
				transition: all 0.3s;
			}