/*
##COLOURS######
Teal: #00FFFF
Background Green: #008080
Orange Header: #FF7F2A
Green: #00FF00
Red: #FF0000
###############

*/
body {
  background-color:#008080 !important;
}
input[type=text] {
    width:80%;
    padding:10px 10px;
    font-size:7vw;
    border-radius:28px;
}
input[type=text]:focus {
    background-color:#FF7F2A;
    color:#FFF;
}
input[type=text]:focus::placeholder {
  color: #fff;
  opacity:0.5;
}

input[type=time]{
    font-size:7vw;
    border-radius:28px;
}
/* Check Boxes */
label.btn span {
    font-size: 1.5em ;
  }  
  label input[type="checkbox"] ~ i.fa.fa-square-o{
      color: #fff;    display: inline;
  }
  label input[type="checkbox"] ~ i.fa.fa-check-square-o{
      display: none;
  }
  label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
      display: none;
  }
  label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
      color: #FF7F2A;    display: inline;
  }
  label:hover input[type="checkbox"] ~ i.fa {
  color: #FF7F2A;
  }
  
  div[data-toggle="buttons"] label.active{
      color: #FF7F2A;
  }
  
  div[data-toggle="buttons"] label {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 4vw;
  font-weight: normal;
  line-height: 2em;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  background-color: none;
  border: 0px solid 
  #fff;
  border-radius: 3px;
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  }
  
  div[data-toggle="buttons"] label:hover {
  color: #FF7F2A;
  }
  
  div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
  -webkit-box-shadow: none;
  box-shadow: none;
  }
/* END Checkboxes*/

.header {
    background:#FF7F2A;
    text-align:center;
    font-size:6vw;
    color:#fff;
    font-weight:bold;
}
#content-wrap {
    padding-bottom:1vh !important;
}
.footer{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1vh;  
}
.main {
 background: #008080;
 text-align:center !important;
 min-height:85% !important;
 position:relative !important;
}
#main-text {
    font-size:8vw;
    color:#fff;
}
#sub-text {
    color:#fff;
    font-size:4vw;
}
#post-sub-text {
    color:#fff;
    font-size:2.5vw;
}
.butn {
  background: #00ffff;  
  background-image: -webkit-linear-gradient(top, #00ffff, #00a8a8);
  background-image: -moz-linear-gradient(top, #00ffff, #00a8a8);
  background-image: -ms-linear-gradient(top, #00ffff, #00a8a8);
  background-image: -o-linear-gradient(top, #00ffff, #00a8a8);
  background-image: linear-gradient(to bottom, #00ffff, #00a8a8);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 1px 1px 3px #000;
  font-family: Impact;
  color: #fff;
  font-size: 8vw;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-weight:bold;
  display: inline-block;
  margin-top:20px;
  box-sizing: border-box;
  border-color: #575757;
  border-style: outset;
}
.butn:hover {
  background: #71c5fa;
  background-image: -webkit-linear-gradient(top, #71c5fa, #007acc);
  background-image: -moz-linear-gradient(top, #71c5fa, #007acc);
  background-image: -ms-linear-gradient(top, #71c5fa, #007acc);
  background-image: -o-linear-gradient(top, #71c5fa, #007acc);
  background-image: linear-gradient(to bottom, #71c5fa, #007acc);
  text-decoration: none;
}
.number{
    -moz-border-radius:50%;
    border-radius:50%;
    border-color: #fff;

}
.green{
    background:#00FF00;
    color:#fff;
    margin-top:20px;
    margin-bottom:20px;
    text-shadow: 1px 1px 3px #000;
}
.red {
    background:#FF0000;
    color:#fff;
    margin-top: 20px;
    margin-bottom:20px;
    text-shadow: 1px 1px 3px #000;
}
.orange{
    background:#FF7F2A;
    color:#fff;
    margin-top:20px;
    margin-bottom:20px;
    text-shadow: 1px 1px 3px #000;
}
.back {
    margin-top:60px;
}
/* The switch - the box around the slider */
.onoffswitch {
    position: relative; width: 142px;
    margin-left:auto; margin-right:auto;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 47px; padding: 0; line-height: 47px;
    font-size: 25px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    text-align:left;
    content: "Parent";
    padding-left: 5px;
    background-color: #F0B103; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Child";
    padding-right: 5px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 50px; margin: -1.5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 91px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
    /*.floatingButton {
    background-position: top;
    padding: 0px 30px 30px 0px;
    position: fixed;
    bottom: 0;
    right:0;    
} */