/*!
 * Start Bootstrap - Round About HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

#overlay {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1000%;
    display: none;
}

.hasicon { position: relative; }
.hasicon .icon {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
}

.img-center {
	margin: 0 auto;
}

#toggle {
	width: 100px;
	height: 100px;
	background: red;
}


footer {
    margin: 50px 0;
}

ul.big-buttons {
    margin-bottom: 0;
}

ul.big-buttons li span {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 25px;
    line-height: 50px;
    outline: 0;
    color: #fff;
    background-color: #fed136;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

ul.big-buttons li span:hover,
ul.big-buttons li span:focus,
ul.big-buttons li span:active {
    background-color: #ffecab;
	cursor: pointer;
}

ul.big-buttons.selected li span {
    background-color: #e16161;
}

ul.big-buttons.disabled li span {
    background-color: #9f9f9f;
}

ul.big-buttons.selected li span:hover,
ul.big-buttons.selected li span:focus,
ul.big-buttons.selected li span:active {
    background-color: #f5a8a8;
	cursor: pointer;
}

ul.big-buttons.disabled li span:hover,
ul.big-buttons.disabled li span:focus,
ul.big-buttons.disabled li span:active {
    background-color: #9f9f9f;
	cursor: pointer;
}



ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

.small-icon{
	visibility: hidden;
}

.small-icon.selected{
	color: #f5a8a8;
	visibility: visible;
}

.small-icon.disabled{
	color: #9f9f9f;
	visibility: visible;
}

.demo-icon
			{
			  font-family: "fonty";
			  font-style: normal;
			  font-weight: normal;
			  speak: none;
			 
			  display: inline-block;
			  text-decoration: inherit;
			  width: 1em;
			  margin-right: .2em;
			  text-align: center;
			  /* opacity: .8; */
			  font-variant: normal;
			  text-transform: none;
			  /* fix buttons height, for twitter bootstrap */
			  line-height: 1em;
			  margin-left: .2em;
			  font-size: 100%;
			  -webkit-font-smoothing: antialiased;
			  -moz-osx-font-smoothing: grayscale;
			}
			
			#errmsg{
				color:red;
				padding-left:20px;
			}
			#wrnmsg{
				color:orange;
				padding-left:20px;
			}
			#footer {
				position: fixed;
				bottom: 0;
				width: 100%;
				background-color:white;
				padding-left:20px;
			}
			#jacuzzitempcombo{
				-webkit-border-radius: 40px;
				-moz-border-radius: 40px;
				border-radius: 40px;
				font-size: 18px;
				height: 50px;
				width: 50px;
				padding-left: 7px;
			}
			select {
				-webkit-appearance: none;
				-moz-appearance: none;
				text-indent: 1px;
				text-overflow: '';
			}
			h4{
				padding-bottom:25px;
			}
			.heater_on{
				background-color: #e16161;
				border: 1px solid #e16161;
				color:#ffffff;
			}
			.heater_off{
				background-color: #fed136;
				border: 1px solid #fed136;
				color:#ffffff;
			}