html, body { height: 100% }
body { margin: 0; padding: 0 }

input[type=number]{ width: 50px; }

table {
	font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: white;
}

th, td {
	padding: 1px 5px;
}

td[scope="col"] {
	background-color: #eeeeee
}

th {
	background-color: #eeeeee
}

ul {
	list-style: none
}

li {
	float: left;
	text-align: center;
	width: 300px
}

.closeAnchor{
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.wrapper {
	height: 100%;
	position: absolute;
	width: 100%
}

.fullTitle {
	font: normal normal 24px Verdana, Geneva, Arial, Helvetica, sans-serif
}

.map {
	height: inherit;
	position: relative;
	width: inherit;
	z-index: 1
}

.right {
	float: right;
	text-align: right
}

.left {
	text-align: left
}
.center {
	line-height: 1.5em;
	text-align: center
}
.divMenu {
	width: 60px
}
.divS2Menu {
	width: 150px
}
.btnSettings{
	padding: 3px;
	box-shadow: 0 0 5px black;
	border-radius: 3px;
	color: black;
}

@media only screen and (max-width: 300px) {
	.divFullMenu {
		grid-template-columns: repeat(2, 1fr)
	}
	.divHover{
		font-size: xx-small;
		padding: 3px;
	}
	.splash{
		font-size: xx-small;
	}
}
@media only screen and (max-width: 400px) {
	.divFullMenu {
		grid-template-columns: repeat(3, 1fr)
	}
	.divHover{
		font-size: x-small;
		padding: 4px;
	}
	.splash{
		font-size: x-small;
	}
}
}
@media only screen and (max-width: 600px) {
	.floatWindow {
		left: 1%;
		top: 1%;
		width: 90%
	}
	.divHover{
		font-size: small;
		padding: 5px;
	}
	.splash{
		font-size: small;
	}
}
}
@media only screen and (min-width: 2000px) {
	.floatWindow {
		width: 50%
	}
	.divHover{
		font-size: medium;
		padding: 8px;
	}
	.splash{
		font-size: medium;
	}
}
}

.iconLabel_0 {
	font-size: xx-small;
	left: -45px;
	min-height: 0.1em;
	min-width: 100px;
	text-align: center;
	top: 1em
}
.iconLabel_1 {
	font-size: xx-small;
	left: -45px;
	min-height: 0.1em;
	min-width: 100px;
	text-align: center;
	top: 1em
}
.iconLabel_2 {
	font-size: xx-small;
	left: -45px;
	min-height: 0.1em;
	min-width: 100px;
	text-align: center;
	top: 1em
}
.iconLabel_3 {
	font-size: xx-small;
	left: -45px;
	min-height: 0.1em;
	min-width: 100px;
	text-align: center;
	top: 1em
}

.iconLabel_4 {
	font-size: xx-small;
	left: -45px;
	min-height: 0.1em;
	min-width: 100px;
	text-align: center;
	top: 1em
}
.iconLabel_5 {
	font-size: xx-small;
	left: -45px;
	min-height: 0.1em;
	min-width: 100px;
	text-align: center;
	top: 1em
}
.iconLabel_6 {
	font-size: xx-small;
	left: -45px;
	min-height: 0.1em;
	min-width: 100px;
	text-align: center;
	top: 1em
}
.iconLabel_7 {
	font-size: xx-small;
	left: -45px;
	min-height: 0.1em;
	min-width: 100px;
	text-align: center;
	top: 1em
}
.iconLabel_8 {
	font-size: xx-small;
	left: -45px;
	min-height: 0.1em;
	min-width: 100px;
	text-align: center;
	top: 1em
}
.iconLabel_9 {
	font-size: xx-small;
	left: -45px;
	min-height: 0.1em;
	min-width: 100px;
	text-align: center;
	top: 1em
}
.iconLabel_10 {
	font-size: xx-small;
	left: -45px;
	min-height: 0.1em;
	min-width: 100px;
	text-align: center;
	top: 1em
}
.iconLabel_11 {
	font-size: xx-small;
	left: -45px;
	min-height: 0.1em;
	min-width: 100px;
	text-align: center;
	top: 1em
}
.iconLabel_12 {
	font-size: xx-small;
	left: -45px;
	min-height: 0.1em;
	min-width: 100px;
	text-align: center;
	top: 1em
}
.iconLabel_13 {
	font-size: xx-small;
	left: -45px;
	min-height: 0.1em;
	min-width: 100px;
	text-align: center;
	top: 1em
}

.stepper-widget{
	width: 70px
}
.js-qty-down { 
	width: 20px;
	text-align: center
}

.js-qty-input { 
	width: 12px;
	text-align: center
}

.js-qty-up { 
	width: 20px;
	text-align: center
}

.spinner {
  display: none;
  /* visual size */
  width: 40px;
  height: 40px;
  /* make it a circle with a two-tone border */
  border: 12px solid rgba(0,0,0,0.25);
  border-top-color: #aad3df; /* #3498db; */
  border-radius: 50%;
  /* spin animation */
  animation: spin 1s linear infinite;
  /* optional centering */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  background-color: #aad3df;
  z-index: 3
}
	
/* spin keyframes */
@keyframes spin {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}