.alkmaps-topleft { top: 10px; left: 50px; } .alkmaps-topright { top: 10px; right: 10px; } .alkmaps-bottomright { bottom: 50px; right: 10px; } .alkmaps-bottomright .alkmaps-geo-resultsList { bottom: 50px; top: auto; } .alkmaps-bottomleft { bottom: 30px; left: 10px; } .alkmaps-bottomleft .alkmaps-geo-resultsList { bottom: 50px; top: auto; } .alkmaps-geo-narrow, .alkmaps-routing-narrow { width: 270px; } .alkmaps-geo-normal, .alkmaps-routing-normal { width: 300px; } .alkmaps-geo-wide, .alkmaps-routing-wide { width: 400px; } .alkmaps-geo-panel { position: relative; padding: 0; } .alkmaps-geo-panel .input-sm { padding: 5px; } .alkmaps-geo-panel .btn { margin-right: 4px; } .alkmaps-geo-panel .show { display: block; } .alkmaps-geo-panel .hide { display: none; } .alkmaps-geo-panel .alert { padding: 8px; margin-bottom: 5px; } .alkmaps-geo-panel .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alkmaps-geo-panel .alkmaps-geo-row { margin: 5px 0; } .alkmaps-geo-panel .alkmaps-geo-row:after { clear: both; display: table; content: " "; } .alkmaps-geo-panel .alkmaps-geo-input { float: left; box-sizing: border-box; } .alkmaps-geo-panel .alkmaps-geo-address { width: 99%; margin-right: 0; } .alkmaps-geo-panel .alkmaps-geo-city { width: 57%; margin-right: 1%; } .alkmaps-geo-panel .alkmaps-geo-state { width: 16%; margin-right: 1%; } .alkmaps-geo-panel .alkmaps-geo-zip { width: 24%; margin-right: 0; } .alkmaps-geo-panel .alkmaps-geo-resultsList { position: absolute; background: #FFF; padding: 5px 0; width: 100%; margin: 0; left: 0; z-index: 1005; max-height: 250px; overflow: auto; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .alkmaps-geo-panel .alkmaps-geo-resultsList li { list-style: none; } .alkmaps-geo-panel .alkmaps-geo-resultsList li a { display: block; padding: 3px 15px; text-decoration: none; color: #333; } .alkmaps-geo-panel .alkmaps-geo-resultsList li a:hover, .alkmaps-geo-panel .alkmaps-geo-resultsList li a:focus { background-color: #f5f5f5; } .alkmaps-routing-panel { position: relative; padding: 0; } .alkmaps-routing-panel .hide { display: none; } .alkmaps-routing-panel .close { float: right; } .alkmaps-routing-panel .pull-right { float: right; } .alkmaps-routing-panel .panel-heading { padding: 10px 15px; background-color: #f5f5f5; } .alkmaps-routing-panel .panel-body { padding: 10px; } .alkmaps-routing-panel .alkmaps-routing-stopListContainer { max-height: 200px; overflow: auto; margin-bottom: 5px; } .alkmaps-routing-panel .alkmaps-routing-optionspanel { padding: 10px; margin-bottom: 0; } .alkmaps-routing-panel .alkmaps-routing-stopList { list-style: none; padding-left: 0; margin: 0; } .alkmaps-routing-panel .alkmaps-routing-stopList li { position: relative; padding: 8px 10px 8px 37px; background-image: url(http://maps.alk.com/api/1.2/img/flag_waypoint.png); background-repeat: no-repeat; background-position-y: center; background-position-x: 5px; } .alkmaps-routing-panel .alkmaps-routing-stopList li button { position: absolute; top: 5px; right: 10px; bottom: 5px; display: none; } .alkmaps-routing-panel .alkmaps-routing-stopList li:last-child { background-image: url(http://maps.alk.com/api/1.2/img/flag_end.png); border-bottom: none; } .alkmaps-routing-panel .alkmaps-routing-stopList li:first-child { background-image: url(http://maps.alk.com/api/1.2/img/flag_start.png); } .alkmaps-routing-panel .alkmaps-routing-stopList li:hover button { display: block; } .alkmaps-geo-panel-position, .alkmaps-routing-panel-position { position: absolute; padding: 10px; margin-bottom: 0; background: #FFF; z-index: 1001; box-sizing: border-box; border: 1px solid #DDD; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .alkmaps-routing-panel-position { padding: 0; }