/*
 * Status Pools
 */
.status_panel {
	position: relative;
	float: right;
	right: 10%;
  	height: 0;
/*   	top: 100px; */
}

.status_pools {
	margin-left: auto;
  	margin-right: auto;
   	display: table;
}

.status_pools .status_pool {
	display: table-row;
}

.status_pools .status_pool .icon {
	display: table-cell;
}

.status_pools .status_pool .pool-name {
	display: table-cell;
}

/*
.status_pools {
	position: relative;
	float: right;
	right: 10%;
  	height: 0;
  	top: 120px;
}

.status_pools .status_pool {
	width: auto;
}
*/
.container .row .status_pool {
	margin-left: auto;
  	margin-right: auto;
}

.status_pool .icon {
	width: 160px;
	height: 160px;
}

.status_pools .status_pool .icon {
	width: 35px;
	height: 35px;
  	padding: 3px;
/*   	background-color: #003C85; */
}

.status_pool .icon div {
	width: 100%;
	height: 100%;
	background-size: contain;
  	background-repeat: no-repeat;
}
 
.status_pools .status_pool .pool-name {
	padding: 0 0 0 10px;
	vertical-align: middle;
/* 	font-size: larger; */
	width: 100px;
	color: #003C85;
}

/* Status Pool */
.status_pool.natural_swimming_pools {
	position: relative;
	float: right;
	right: 10%;
  	height: 0;
}

.status_pool.natural_swimming_pools div {
	width: 231px;
	height: 120px;
	background-size: contain;
  	background-repeat: no-repeat;
}

.status_pool.natural_swimming_pools:hover .tooltiptext {
	visibility: visible;
}

.status_pool.natural_swimming_pools.closed .tooltiptext {
	background-color: #f48118;
}

.status_pool.natural_swimming_pools.opened .tooltiptext {
	background-color: #7dce58;
}

.status_pool.natural_swimming_pools .tooltiptext {
	visibility: hidden;
	width: 231px;
	background-color: #ffffff;
	color: #000;
  	text-align: center;
  	padding: 5px 3px;
  	border-radius: 6px;
  	position: absolute;
}

.status_pool .icon .closed {
	background-image: url("../Icons/PoolStatus/pool-closed.svg");
}

.status_pool .icon .open {
	background-image: url("../Icons/PoolStatus/pool-open.svg");
}

/* .status_pool.natural_swimming_pools .closed { */
/* 	background-image: url("../Icons/PoolStatus/pool-closed.png"); */
/* } */

/* .status_pool.natural_swimming_pools .opened { */
/* 	background-image: url("../Icons/PoolStatus/pool-open.png"); */
/* } */

/* .status_pool.natural_swimming_pools .closed.traffic_light { */
/* 	background-image: url("../Icons/PoolStatus/pool_closed_2.png"); */
/* } */

/* .status_pool.natural_swimming_pools .open.traffic_light { */
/* 	background-image: url("../Icons/PoolStatus/pool_open_2.png"); */
/* } */

@media ( min-width : 576px) {
	.status_panel {
	  	top: 10px;
	}
	.status_pools .status_pool .icon {
		width: 60px;
		height: 60px;
	}
}

@media ( min-width : 768px) {
	.status_panel {
	  	top: 30px;
	}
}

@media ( min-width : 992px) {
	.status_panel {
	  	top: 50px;
	}
	.status_pools .status_pool .icon {
		width: 80px;
		height: 80px;
	}
	.status_pools .status_pool .pool-name {
		font-size: larger;
	}
}

@media ( min-width : 1200px) {
	.status_panel {
	  	top: 100px;
	}
}