#customers {
	    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	    border-collapse: collapse;
	    width: 100%;
	    max-width: 100%;
	}
	
	#customers td, #customers th {
	    border-top: 1px solid #ddd;
	    border-bottom: 1px solid #ddd;
	    padding: 6px;
	}

	#rooms {background-color: #f2f2f2;}
	
	#customers tr:hover {background-color: #ddd;}
	
	#customers th {
	    padding-top: 12px;
	    padding-bottom: 12px;
	    text-align: left;
	    background-color: #333;
	    color: white;
	}
	@media screen and (max-width: 600px){
	.hid {
		display: none;
		}
	}
	@media screen and (min-width: 600px){
	.mob {
		display: none;
		}
	}
	div.fixed {
	position: fixed;
	bottom: 0;
	right: 0;
	width: auto;
	padding-left: 10;
	padding-right: 10;
	background-color:#FFFFFF;
	border: 3px solid #73AD21;
	}		    
	div.ABC {
	position: fixed;
	bottom: 0;
	left: 0;
	width: auto;
	padding-left: 10;
	padding-right: 10;
	background-color:#FFFFFF;
	border: 3px solid #73AD21;
	}		    
	
	body {margin: 0;}

	.switch {
	  position: relative;
	  display: inline-block;
	  width: 50px;
	  height: 20px;
	}

	.switch input { 
	  opacity: 0;
	  width: 0;
	  height: 0;
	}

	.slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #ccc;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	.slider:before {
	  position: absolute;
	  content: "";
	  height: 16px;
	  width: 16px;
	  left: 4px;
	  bottom: 2px;
	  background-color: white;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	input:checked + .slider {
	  background-color: #2196F3;
	}

	input:focus + .slider {
	  box-shadow: 0 0 1px #2196F3;
	}

	input:checked + .slider:before {
	  -webkit-transform: translateX(26px);
	  -ms-transform: translateX(26px);
	  transform: translateX(26px);
	}

	/* Rounded sliders */
	.slider.round {
	  border-radius: 34px;
	}

	.slider.round:before {
	  border-radius: 50%;
	}