
/** Override the auto complete styles */
.pac-container {
	border-radius: 2px;
	border-top: none;
	font-family: Roboto, sans-serif;
	box-shadow: rgba(0, 0, 0, .3) 0px 1px 4px -1px;
	-webkit-box-shadow: rgba(0, 0, 0, .3) 0px 1px 4px -1px;
	-moz-box-shadow: rgba(0, 0, 0, .3) 0px 1px 4px -1px;
	-o-box-shadow: rgba(0, 0, 0, .3) 0px 1px 4px -1px;
}

.pac-container .pac-item {
	border-top: none;
}

.pac-container .pac-item .pac-item-query {
	color: #333;
}

/* Issue with focus element */
.wpgmza_map *:focus {
	outline: none;
}

.wpgmza-google-maps-api-error-overlay, .wpgmza-google-maps-api-error-overlay * {
	text-align: left;
}

.wpgmza-google-api-error-list {
	list-style: none;
}

.wpgmza-google-api-error-list li {
	background: ghostwhite;
	padding: .5em;
	margin: .5em;
	border-color: 1px solid #ccc;
}

.wpgmza-google-api-error-list li:before {
	content: "⛔";
	color: red;
}

.wpgmza-google-maps-api-error-overlay a {
	color: blue;
}

.wpgmza-google-maps-api-error-overlay .wpgmza-documentation-buttons {
	float: right;
}

.wpgmza-google-maps-api-error-overlay .wpgmza-documentation-buttons a {
	color: #444;
	background: #f3f3f3;
	border: 1px #dadada solid;
	padding: 5px 10px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 9pt;
	outline: none;
}

.wpgmza-google-maps-api-error-overlay .wpgmza-documentation-buttons a:hover {
	border: 1px #c6c6c6 solid;
	box-shadow: 1px 1px 1px #eaeaea;
	color: #333;
	background: #f7f7f7;
}

.wpgmza-google-maps-api-error-overlay .wpgmza-documentation-buttons a:active {
	box-shadow: inset 1px 1px 1px #dfdfdf;
}

.wpgmza-google-maps-api-error-overlay .wpgmza-documentation-buttons a i {
	font-weight: bold;
	padding-right: .3em;
}

.wpgmza-google-maps-api-error-overlay .wpgmza-front-end-only {
	color: red;
	font-size: .8em;
}

.wpgmza-google-html-overlay {
	position: absolute;
}

.wpgmza-google-maps-api-error-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .95);
	padding: 1em;
	text-align: center;
	z-index: 2;
	overflow-y: scroll;
}

[data-wpgmza-table] {
	overflow: visible;
}

.wpgmza-modern-store-locator .wpgmza_cat_checkbox_holder {
	margin: 0 auto;
	pointer-events: all;
}

.wpgmza-modern-store-locator .wpgmza-inner {
	flex-wrap: wrap;
}

.ol-info-window-plain {
	min-width: 240px;
}

.wpgmza-marker-gallery {
	cursor: pointer;
}

.wpgmza-gallery-input li {
	position: relative;
	width: 120px;
	height: 120px;
	margin: .25em;
	display: inline-block;
	vertical-align: top;
	background-size: cover;
	box-sizing: border-box;
}

.wpgmza-gallery-input li.wpgmza-add-new-picture {
	cursor: pointer;
	border: #e8e8e8 dashed 6px;
	color: #e8e8e8;
}

.wpgmza-gallery-input li.wpgmza-add-new-picture:hover {
	border-color: lightgray;
	color: lightgray;
}

.wpgmza-gallery-input li.wpgmza-add-new-picture>i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 32px;
}

#wpgmaps_options fieldset {
	margin-bottom: 1em;
}

/*(#wpgmaps_options fieldset>*,
	.wpgmza-marker-panel fieldset>*
{
	display: inline-block;
	vertical-align: top;
}*/
#wpgmaps_options input:disabled + label, .wpgmza-feature-panel input:disabled + label, .wpgmza-pro-feature {
	opacity: .6;
}

.wpgmza-feature-panel .wpgmza-save-feature-container button {
	width: 100%;
}

#wpgmaps_options legend, .wpgmza-feature-panel legend, #wpgmza-theme-panel label, #advanced-markers legend {
	width: 20%;
	max-width: 180px;
}

#wpgmaps_options [type="number"], .wpgmza-marker-panel [type="number"] {
	width: 64px;
}

#wpgmaps_options fieldset>label, .wpgmza-marker-panel fieldset>label {
	width: 200px;
}

#wpgmaps_options fieldset>label+div, .wpgmza-marker-panel fieldset>label+div {
	width: calc(100% - 200px);
}

.wpgmza-marker-icon-preview {
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: #e8e8e8 dashed 6px;
}

.wpgmza-marker-icon-picker>* {
	display: inline-block;
	vertical-align: middle;
}

.wpgmza-rating-gradient-container {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid lightgray;
	width: 128px;
	height: 1em;
}

.wpgmza-rating-gradient-container>.wpgmza-rating-gradient {
	height: 100%;
	background: #f00;
	background: -moz-linear-gradient(left, #f00 0%, #0f0 128px);
	background: -webkit-linear-gradient(left, #f00 0%, #0f0 128px);
	background: linear-gradient(to right, #f00 0%, #0f0 128px);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#00ff00", GradientType=1);
	/* IE6-9 */
	pointer-events: none;
	transition: width .5s;
}

.wpgmza-rating-stars-container {
	position: relative;
	font-size: 1.5em;
	cursor: pointer;
}

.wpgmza-rating-stars-container + .wpgmza-num-ratings {
	position: relative;
}

.wpgmza-rating-stars-container>span {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: .3em;
}

.wpgmza-rating-stars-container>span.wpgmza-background {
	text-shadow: 0px 0px 2px black;
}

.wpgmza-rating-stars-container>span.wpgmza-foreground {
	overflow: hidden;
	color: yellow;
	text-shadow: 0px -1px 3px orange inner;
}

.wpgmza-rating-thumbs-container i {}

.wpgmza-rating-thumbs-container, .wpgmza-rating-thumbs-container * {
	display: inline-block;
	vertical-align: middle;
}

.wpgmza-rating-thumbs-container {
	background: ghostwhite;
	border: 1px solid lightgrey;
	border-radius: 6px;
}

.wpgmza-rating-thumbs-container>span.wpgmza-downvote, .wpgmza-rating-thumbs-container>span.wpgmza-upvote {
	padding: .5em 1em;
}

.wpgmza-rating-thumbs-container i {
	position: relative;
	font-size: 1.5em;
	top: 0em;
	transition: top .6s;
}

.wpgmza-rating-thumbs-container .wpgmza-upvote>i {
	top: -.05em;
}

.wpgmza-rating-thumbs-container .wpgmza-down>i {
	top: .05em;
}

.wpgmza-rating-thumbs-container .wpgmza-upvote:hover>i {
	top: -.25em;
}

.wpgmza-rating-thumbs-container .wpgmza-downvote:hover>i {
	top: .25em;
}

.wpgmza-rating-thumbs-container>span.wpgmza-upvote {
	border-left: 1px solid lightgrey;
}

.wpgmza-rating-thumbs-container>span:hover, .wpgmza-rating-thumbs-container>span.wpgmza-remembered-rating {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c9c9c9+100&0.5+0,0.2+100 */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(201, 201, 201, .2) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(201, 201, 201, .2) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0%, rgba(201, 201, 201, .2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80ffffff", endColorstr="#33c9c9c9", GradientType=0);
}

.wpgmza-rating-thumbs-container>span:active {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c9c9c9+100&0.5+0,0.2+100 */
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, .5) 0%, rgba(201, 201, 201, .2) 100%);
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .5) 0%, rgba(201, 201, 201, .2) 100%);
	background: linear-gradient(to top, rgba(255, 255, 255, .5) 0%, rgba(201, 201, 201, .2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33c9c9c9", endColorstr="#80ffffff", GradientType=0);
}

.wpgmza-rating.wpgmza-loading {
	filter: grayscale(100%);
}

.wpgmza-google-text-overlay > .wpgmza-inner {
	position: absolute;
	transform: translate(-50%, -50%);
	text-align: center;
	font-weight: bold;
	text-shadow: 0px 0px 2px white;
	text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white;
}

.wpgmza-modern-store-locator {
	text-align: center;
	padding-top: 10px;
}

.wpgmza-modern-store-locator > .wpgmza-inner {
	display: inline-block;
	background: white;
	padding: .5em !important;
	border-radius: 2px;
	font-family: Roboto, sans-serif;
	box-shadow: rgba(0, 0, 0, .3) 0px 1px 4px -1px;
	-webkit-box-shadow: rgba(0, 0, 0, .3) 0px 1px 4px -1px;
	-moz-box-shadow: rgba(0, 0, 0, .3) 0px 1px 4px -1px;
	-o-box-shadow: rgba(0, 0, 0, .3) 0px 1px 4px -1px;
}

.wpgmza-modern-store-locator input, .wpgmza-modern-store-locator select {
	height: 28px !important;
	vertical-align: top;
	padding: 0 6px !important;
	margin: 0 2px;
	color: #777;
}

.wpgmza-select-theme-preset {
	position: absolute;
	right: .5em;
	bottom: .5em;
}

#wpgmza-theme-editor {
	background: #fff;
	z-index: 999;
	box-sizing: border-box;
	overflow-y: auto;
}

#wpgmza-theme-editor>* {}

#wpgmza-theme-editor fieldset>label {
	width: 100px;
}

#wpgmza-theme-editor fieldset>label + div {
	display: inline-block;
	vertical-align: middle;
}

#wpgmza-theme-editor fieldset>label + div > input[type="checkbox"]:not(:checked) + input {
	display: none;
}

.wpgmza-import-log {
	display: none;
	position: relative;
}

.wpgmza-import-log > .wpgmza-log-contents {
	white-space: pre-wrap;
	display: block;
	word-wrap: break-word;
	border: 1px dotted grey;
	padding: 1em;
	font-family: monospace;
	font-size: 11px;
}

.wpgmza-import-log-buttons {
	position: absolute;
	right: 0;
	bottom: 100%;
}

/* Global settings page */
#wpgmza-global-settings>ul>li {
	display: inline-block;
}

form.wpgmza-form * {
	box-sizing: border-box;
}

.wpgmza-form legend {
	margin-right: 30px;
	margin-bottom: 6px;
	margin-top: 6px;
}

/*form.wpgmza-form label
{
	display: block;
}*/
.wpgmza-form input[type="color"] {
	height: 2em;
}

form.wpgmza-form .wpgmza-fancy-toggle-button, form.wpgmza-form .wpgmza-fancy-toggle-button + label {
	display: inline-block;
	vertical-align: baseline;
}

form.wpgmza-form .wpgmza-fancy-toggle-button + label {
	padding: 1em 1em;
}

.wpgmza-upgrade-tab, .wpgmza-upgrade-tab a, .update-att, .update-att a {
	color: #2b323c !important;
}

.wpgmza-action-buttons>* {
	text-align: center;
}

.wpgmza-preloader {
	pointer-events: none;
	z-index: 10000000000;
	display: inline-block;
	position: relative;
	position: absolute;
	width: 64px;
	height: 64px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.wpgmza-preloader div {
	position: absolute;
	top: 27px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0px 0px 2px black;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.wpgmza-preloader div:nth-child(1) {
	left: 6px;
	animation: wpgmza-preloader1 .6s infinite;
}

.wpgmza-preloader div:nth-child(2) {
	left: 6px;
	animation: wpgmza-preloader2 .6s infinite;
}

.wpgmza-preloader div:nth-child(3) {
	left: 26px;
	animation: wpgmza-preloader2 .6s infinite;
}

.wpgmza-preloader div:nth-child(4) {
	left: 45px;
	animation: wpgmza-preloader3 .6s infinite;
}

@keyframes wpgmza-preloader1 {
	0% {
		transform: scale(0);
	}
	
	100% {
		transform: scale(1);
	}
}

@keyframes wpgmza-preloader3 {
	0% {
		transform: scale(1);
	}
	
	100% {
		transform: scale(0);
	}
}

@keyframes wpgmza-preloader2 {
	0% {
		transform: translate(0, 0);
	}
	
	100% {
		transform: translate(19px, 0);
	}
}

#wpgmza-credits-page .wpgmza-developer-avatar {
	width: 60px;
}

.wpgmza-feature-panel .wpgmza-preloader div {
	background: #000;
	box-shadow: 0px 0px 2px white;
	transition: opacity .6s;
}

.wpgmza-feature-panel.wpgmza-loading > * :not(.wpgmza-preloader) {
	opacity: .5;
}

.wpgmza-form .ui-tabs-nav>li {
	cursor: pointer;
}

#wpgmaps_tabs_markers.wpgmza-form ul.wpgmza-tab-wrap img {
	height: 1.3em;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin-right: .3em;
}

#wpgmaps_tabs_markers.wpgmza-form ul.wpgmza-tab-wrap .ui-tabs-active img {}

input[name='wpgmza_developer_mode'] + .notice-warning {
	display: none;
}

input[name='wpgmza_developer_mode']:checked + .notice-warning {
	display: block;
}

.wpgmza-gesture-overlay {
	color: white;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	text-align: center;
	line-height: 400px;
	pointer-events: none;
}

#wpgmza-admin-map-table-container td {
	white-space: nowrap;
}

.wpgmza-review-nag {
	padding: 10px;
	border: 2px solid #46b450;
	border-radius: 3px;
}

#wpgmza-theme-presets input[type="radio"] {
	display: none;
}

#wpgmza-global-settings #xml-cache-settings {
	display: none;
}

#wpgmza-map-edit-page input[name='wpgmza_iw_type'] {
	display: none;
}

.wpgmza-marker-listing-style-menu img {
	width: 90px;
	height: auto;
}

/*.wpgmza-marker-listing-style-menu input[type='radio']
{
	display: none;
}*/
#wpgmza-marker-listing-preview {
	float: right;
}

.wpgmza-marker-listing-style-menu input[type='radio']:checked + img {
	/*border-left: #0073AA 3px solid;*/
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	position: relative;
}

.wpgmza-marker-listing-style-menu input[type='radio']:checked + img + span, input[type='radio']:checked + .wpgmza-infowindow-picker__item span {
	font-weight: 800;
}

.wpgmza-marker-listing-style-menu {
	display: flex;
	flex-wrap: wrap;
}

.wpgmza-marker-listing-style-menu input[type='radio'] {
	display: none;
}

#wpgmza-pro-features.wpgmza-upsell {
	background: transparent;
	border: none;
}

#wpgmza-pro-features.wpgmza-upsell a {
	color: #2f76e1;
	font-weight: normal;
}

#open-route-service-key-notice .wpgmza-flex, #wpgmza-map-edit-page #marker-filtering .wpgmza-flex {
	display: block;
}

#wpgmza-map-edit-page .wpgmza_map {
	z-index: 2;
	width: 100% !important;
	float: right !important;
	margin-left: 15px;
}

.map-container-wrap {
	float: left;
	width: 50%;
}

#wpgmza-global-settings input[name='wpgmza_iw_type'] {
	display: none;
}

.wpgmza-feature-accordion .dataTable, .wpgmza-table-container .dataTable {
	width: 100% !important;
}

.wgmza-map-editor-holder {
	display: block;
	overflow: auto;
	clear: both;
}

#wpgmaps_save_reminder {
	padding-top: 14px;
	clear: both;
	display: block;
	overflow: auto;
}

.wpgmza_map .gm-svpc img {
	max-width: initial;
}

/* Map Placements - Ported in from Atlas Novus */
.wpgmza_map.wpgmza-auto-left {
	margin-left: 0 !important;
	margin-right: auto !important;
	float: none !important;
}

.wpgmza_map.wpgmza-auto-center {
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}

.wpgmza_map.wpgmza-auto-right {
	margin-left: auto !important;
	margin-right: 0 !important;
	float: none !important;
}

/* Simple polyfille for OpenLayers controls via variables */
.wpgmza_map .ol-viewport {
	--wpgmza-color-white: #fff;
	--wpgmza-color-charcoal: #333;
	--wpgmza-color-grey-50: #f9f9f9;
	--wpgmza-shadow-common: 0 1px 1px 0 rgba(66, 66, 66, 8%), 0 1px 3px 1px rgba(66, 66, 66, 16%);
}

/* Google AdvancedMarkerElement supports */

/* This is a block of CSS replacements for things that use to be handled by Marker module */
.wpgmza-google-icon-transform-fix {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: center;
}

.wpgmza-google-icon-transform-fix > div:not(.wpgmza-google-marker-label) {
	position: relative;
}

.wpgmza-google-icon-transform-fix > div > img {
	position: absolute;
	bottom: 0;
	left: var(--wpgmza-icon-offset);
}

/* Marker nudge */
.wpgmza-google-icon-nudge {
	position: relative;
	left: var(--wpgmza-nudge-x);
	bottom: var(--wpgmza-nudge-y);
}

/* Marker non-interactive */
.wpgmza-google-marker-non-interactive {
	cursor: unset !important;
	pointer-events: none !important;
}

/* Marker hidden */
.wpgmza-google-marker-hidden {
	display: none;
}

/* Marker Opacity, variable driven */
.wpgmza-google-marker-opacity {
	opacity: var(--wpgmza-opacity) !important;
}

/* Marker animations - For Google markers using AdvancedMarkerElement */

/* Could become the defaults for OpenLayers too for consistency */
.wpgmza-google-marker-bounce {
	animation: wpgmza-google-animation-bounce .3s ease infinite alternate;
}

.wpgmza-google-marker-drop {
	animation: wpgmza-google-animation-drop .3s linear forwards;
}

/* Marker Labels */
.wpgmza-google-marker-label, .wpgmza-google-marker-label-legacy {
	position: absolute;
	font-size: .8rem;
	bottom: -1.2rem;
	min-width: max-content;
	text-align: center;
	font-weight: bold;
	color: #000;
	text-shadow: 0px 0px 2px #fff;
	text-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff;
}

/* Extend the legacy marker module styling as well, so it is accurate */
.wpgmza-google-marker-label-legacy {
	position: relative;
	bottom: unset;
	top: 1.6rem;
}

/* Internal Autocomplete */
.wpgmza-internal-autocomplete-list {
	position: fixed;
	max-height: 300px;
	overflow-y: auto;
	background: #fff;
	display: flex;
	flex-direction: column;
	border: 1px solid #eee;
	border-radius: 5px;
	box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 8%), 0 1px 3px 1px rgba(66, 66, 66, 16%);
	z-index: 999;
}

.wpgmza-internal-autocomplete-list .wpgmza-internal-autocomplete-location {
	display: flex;
	flex-direction: column;
	padding: 5px;
	font-size: .8rem;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}

.wpgmza-internal-autocomplete-list .wpgmza-internal-autocomplete-location [data-autocomplete-field="adr"], .wpgmza-internal-autocomplete-list .wpgmza-internal-autocomplete-location [data-autocomplete-field="type"] {
	font-size: .7rem;
}

.wpgmza-internal-autocomplete-list .wpgmza-internal-autocomplete-location:hover {
	background: #eee;
}

.wpgmza-internal-autocomplete-list .wpgmza-internal-autocomplete-location:last-child {
	border: none;
}

.wpgmza-internal-autocomplete-list .wpgmza-internal-autocomplete-location > * {
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.wpgmza-internal-autocomplete-list.wpgmza-hidden {
	display: none;
}

/* Polyfill Google Routes instructions with the original directions icons */
.wpgmza-route-instruction-icon .wpgmza-route-maneuver {
	background-image: url("https://cdn-ilchokf.nitrocdn.com/nqkqluPOLqauqjblimVNksnJtfbWDRlW/assets/images/optimized/rev-3009bb5/maps.gstatic.com/mapfiles/api-3/images/maneuvers.png");
	background-size: 19px 630px;
	width: 16px;
	height: 16px;
	display: none;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.nitro-lazy {
	background-image: none !important;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-ferry {
	display: block;
	background-position: 0 -614px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-ferry-train {
	display: block;
	background-position: 0 -566px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-merge {
	display: block;
	background-position: 0 -143px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-name-change, .wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-depart, .wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-straight {
	display: block;
	background-position: 0 -534px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-fork-left {
	display: block;
	background-position: 0 -550px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-ramp-left {
	display: block;
	background-position: 0 -598px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-roundabout-left {
	display: block;
	background-position: 0 -197px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-turn-left, .wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-keep-left {
	display: block;
	background-position: 0 -413px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-turn-sharp-left {
	display: block;
	background-position: 0 0;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-turn-slight-left {
	display: block;
	background-position: 0 -378px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-uturn-left {
	display: block;
	background-position: 0 -305px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-fork-right {
	display: block;
	background-position: 0 -499px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-ramp-right {
	display: block;
	background-position: 0 -429px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-roundabout-right {
	display: block;
	background-position: 0 -232px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-turn-right, .wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-keep-right {
	display: block;
	background-position: 0 -483px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-turn-sharp-right {
	display: block;
	background-position: 0 -582px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-turn-slight-right {
	display: block;
	background-position: 0 -51px;
}

.wpgmza-route-instruction-icon .wpgmza-route-maneuver.wpgmza-route-maneuver-uturn-right {
	display: block;
	background-position: 0 -35px;
}

.wpgmza-route-instruction-inner {
	display: flex;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	background: #eee;
	cursor: pointer;
}

.wpgmza-route-instruction-inner .wpgmza-route-instruction-icon {
	min-width: 30px;
}

.wpgmza-route-instruction-inner .wpgmza-route-instruction-metric {
	margin-left: auto;
	display: flex;
	flex-direction: column;
	align-items: end;
	font-size: .8rem;
	font-weight: 600;
	opacity: .8;
	min-width: 120px;
}

.wpgmza-route-instruction-inner .wpgmza-route-instruction-metric > * {
	text-align: right;
}

.wpgmza-route-instruction-inner .wpgmza-route-instruction-description {
	max-width: 75%;
	display: flex;
	font-size: .9rem;
}

.wpgmza-route-instruction-inner .wpgmza-route-instruction-description .wpgmza-route-instruction-step-no {
	min-width: 30px;
	opacity: .7;
	font-weight: 600;
}

.gm-style-iw-d .wpgmza-route-instruction-inner {
	max-width: 400px;
	border-radius: 5px;
	border: none;
}

.wpgmza-directions-stop {
	padding: 10px;
	font-size: 1.2rem;
	border-bottom: 1px solid #ddd;
	background: #eee;
}

.wpgmza-directions-travel-time {
	padding: 5px 10px;
	font-size: .7rem;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
	display: flex;
	align-items: stretch;
}

.wpgmza-directions-travel-time > div {
	opacity: .8;
}

.wpgmza-directions-travel-time > div:last-child {
	margin-left: auto;
}

.wpgmza-route-selection {
	font-size: .85rem;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background: #eee;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
}

.wpgmza-route-selection .wpgmza-route-selection-heading {
	padding: 5px 10px;
}

.wpgmza-route-selection .wpgmza-route-selection-item {
	padding: 5px 10px;
	cursor: pointer;
	border-top: 1px solid #ddd;
	display: flex;
	align-items: center;
	transition: background .5s ease;
}

.wpgmza-route-selection .wpgmza-route-selection-item:hover, .wpgmza-route-selection .wpgmza-route-selection-item.current-route {
	background: #ddd;
}

.wpgmza-route-selection .wpgmza-route-selection-item .wpgmza-route-selection-description {
	font-weight: 500;
	opacity: .8;
	font-size: .9rem;
	display: flex;
	align-items: center;
}

.wpgmza-route-selection .wpgmza-route-selection-item .wpgmza-route-selection-description .wpgmza-route-selection-type {
	font-size: .6rem;
	padding: 0 4px;
	border-radius: 3px;
	opacity: .9;
	background: #fff;
	margin-left: 7px;
}

.wpgmza-route-selection .wpgmza-route-selection-item .wpgmza-route-selection-metrics {
	margin-left: auto;
	text-align: right;
	font-size: .7rem;
	opacity: .8;
}

.wpgmza-directions-route-warnings {
	font-size: .7rem;
	border-bottom: 1px solid #ddd;
	background: #eee;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.wpgmza-directions-route-warnings > div {
	padding: 5px 10px;
	border-top: 1px solid #ddd;
}

.wpgmza-directions-route-warnings > div:first-child {
	border-top: none;
}

.wpgmza-directions-notifications {
	text-align: center;
	font-size: .8rem;
	padding: 5px !important;
	opacity: .8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
}

.wpgmza-print-directions, .wpgmza-reset-directions {
	cursor: pointer;
}

.wpgmza-directions-step:before {
	display: none;
}

/* Keyframes */
@keyframes wpgmza-google-animation-bounce {
	0% {
		transform: translateY(0px);
	}
	
	100% {
		transform: translateY(-20px);
	}
}

@keyframes wpgmza-google-animation-drop {
	0% {
		transform: translateY(-200px) scaleY(.9);
		opacity: 0;
	}
	
	5% {
		opacity: .7;
	}
	
	50% {
		transform: translateY(0px) scaleY(1);
		opacity: 1;
	}
	
	65% {
		transform: translateY(-17px) scaleY(.9);
		opacity: 1;
	}
	
	75% {
		transform: translateY(-22px) scaleY(.9);
		opacity: 1;
	}
	
	100% {
		transform: translateY(0px) scaleY(1);
		opacity: 1;
	}
}
