@charset "UTF-8";
/* CSS Document */


@import url("https://use.typekit.net/djh7jmw.css");

body{
    font-family: roboto, sans-serif;
  font-weight: 300;
  font-style: normal;
    background:#FCFFB5;
}


 h1,  h2, h3, h4 {
  font-family: kon-tiki-aloha-jf, sans-serif;
  font-weight: 400;
  font-style: normal; }

h1.black, h2.black, h3.black, h4.black {
    display: inline-block;
    color: #fff;
    background: #000;
    padding: 0.25em;
}

#intro-wrapper{
    padding:1em;
    background:#9cf5ff;
    
}

.progress{
    height:2em;
       position: relative;
    top:10px;
        border: 2px solid #222;
}

.progress-bar{

 background: repeating-linear-gradient(135deg, #C9FFBF, #C9FFBF 10px, #218838 10px, #218838 20px);
}

.district-group{
    display:none;
}
.form-group label{
    font-size:22px;
    font-weight:700;
}


.radio-to-button {
  list-style-type: none;
  margin: 15px 0 0 0;
  padding: 0;
}


.radio-to-button input[type="radio"]{
    position:absolute;
}

.radio-to-button .col-md-3{
    display:flex;
    padding-left:0;
   
}

.radio-to-button li {
  margin: 0 5px 0 0;
  
  position: relative;
}

@media(max-width:768px){
.radio-to-button li {
    margin:0;
}
}

select{
  
    font-size:20px!important;
    padding-bottom:1px!important;
}
.radio-to-button label,
.radio-to-button input {
  display: flex;
  font-family: kon-tiki-aloha-jf, sans-serif;
  background: #C9FFBF;;
color:#222;
  text-align: center;
align-items: center;
    justify-content: center;
    right: 0;
  bottom: 0;
}

.radio-to-button input[type="radio"] {
  opacity: 0.01;
  z-index: 100;
}

.radio-to-button input[type="radio"]:checked+label,
.Checked+label {
  background: #fcffb5;
}

.radio-to-button label {
  padding: 0.5em;
  font-size:20px;
  cursor: pointer;
  z-index: 90;
  width:100%;
}

.radio-to-button label:hover {
  background: #fff;
}

.drink-heading{
 
   text-align: left;
 
}


.drink-heading img{
    height:40px;
    width:auto;
    margin-right:15px;
 }

.min-500{
    min-height: 500px!important;
}
#drinks-container {
  background: #9cf5ff;
  width: 100%;
min-height:300px;
    height:95%;
  border: 1px solid #000;
  display: block !important;
  position: relative;
}

#drinks-units{
      font-family: kon-tiki-aloha-jf, sans-serif;
      font-size:30px;
    color:#fff;
    background:#000;
    width:100%;
    margin-top:2px;
    margin-bottom:15px;
    padding-left:10px;
}

#drinks-units p{
    margin-bottom:0!important;
}

.drink-counter{
    background: #fff;
    padding: 15px;
       color: #000;
    text-align :center;
 
        border-bottom:1px solid #A1C4FF;

}
.drink-insert {
  float: left;
  height: 50px;
  margin-top: 20px;
  margin-top: 30px;
  text-align: center;
}

#drink-selector{
 padding-top:10px;
    padding-bottom:10px;
    height:auto!important;

}

#drink-selector option{
    font-size:22px!important;
}
.drink-selector-size {
  display: none;
       font-family: kon-tiki-aloha-jf, sans-serif;
    font-size:22px;

}
.drink-selector-size button {
  border: 0;
  padding: 0.75em 1em;
}
.drink-selector-size span {
  padding: 1em;
}

@media(max-width:600px){
    .mb-btn-sm{
        font-size:12px;
    }
    
     .m-mt-15{
        margin-top:15px!important;
    }
}

.btn{
     font-family: kon-tiki-aloha-jf, sans-serif;
    border-radius:0;
    border:0;
    color:#222;
    font-size:20px;
}
.btn-success{
    background:#C9FFBF;
}


.drink-selector-size{
     
}
button.drink-btn-remove{
      background:#FFADAD;;
    font-size:24px;
    border-radius:50%;
    padding: 0.5em 1em;
    font-weight:700;
    margin-top:0.5em;
    border:2px solid #000;
    cursor: pointer;
}

button.drink-btn-add{
      background:#C9FFBF;
    font-size:24px;
    border-radius:50%;
    padding: 0.5em 1em;
    font-weight:700;
      margin-top:0.5em;
      border:2px solid #000;
        cursor: pointer;
}

button.drink-btn-remove:hover{
    background:#bd2130;
    color:#fff;
}


button.drink-btn-add:hover{
    background:#1e7e34;
    color:#fff;
}

.btn-danger{
        background:#FFADAD;;
}
.invalid-select, .invalid-radio{
    border:2px solid red;
}

.formErrorMsg{
    display:none;
    font-weight:bold;
    font-size:20px;
    margin-top:5px;
}



.modal-header{
    border-bottom:0;
}
.modal-header .close{
    background: #000;
    opacity: 1;
    color: #fff;
    font-size: 20px;
    padding:1em 1.25em;
}

.modal-footer{
    border-top:0;
}


.modal-content{
    background:#fff;
    font-size:20px;
}

.well {
    min-height: 1em;
    padding: 1rem;
    background-color: rgba(0,0,0,.05);
    margin: 0;
    text-shadow: 0 1px rgb(255 255 255 / 75%);
}

.well {
    background: #A1C4FF;
    text-shadow: none;
}

.well.red {
    background: #FFADAD;
}


.well.dkred {
    background: #711010;
    color:#fff;
}


.well.green{
     background: #C9FFBF;
}

.well.aqua{
    background: #9cf5ff;
}


.well.orange{
    background: #FFD6A6;;
}


.well.white{
     background: #fff;

}



.show-on-desktop-only{
    display:none;
}

@media(min-width:768px){
    .show-on-desktop-only{
    display:block;
}
   
}

.font-size-20{
    font-size:20px;
}




.padding-green-bg{
        background: #c9ffbf;
    padding: 1.5em;
    margin-bottom:1.5em;
}



/*login form */

.form-signin {
  max-width: 380px;
  padding: 15px 35px 45px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}



.form-signin-heading{
    color:#222;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 30px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type=text] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type=password] {
  margin-bottom: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


#loginBtn{
    background:#F9A825;
    border:1px solid #F9A825;
}



.stats-chart{
    display:none;
}

.stats-chart.active{
    display:block;
        padding: 1em;
    margin-top: 2em;
    border: 1px solid #9c9c9c;
}

#chart-all-toggle{
    display:none;
}

#tables-display{
    display:none;
}

a.form-link:link,a.form-link:visited{
    color:#000;
    border-bottom:1px solid #000;
    
}


a.form-link:hover,a.form-link:active{
    color:#fff;
    text-decoration:none;
      border-bottom:1px solid #fff;
    
}


    .display-on-desktop-only{
        display:none;
    }
    
    .display-on-mobile-only{
        display:block;
    }

@media(min-width:600px){
    .display-on-desktop-only{
        display:block;
    }
    
    .display-on-mobile-only{
        display:none;
    }
}