/* MAIN CSS */
@import url('bootstrap.css');
body{
  background: url(../img/bg.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-size: 28px;
}
.logo__img{margin: 0 auto}
.cc-selector input{
    margin:0;padding:0;display:none;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
/*.verypoor{background-image:url(../img/smiley2.png);background-position: -140px -7px}
.poor{background-image:url(../img/smiley2.png);background-position: -320px -7px}
.average{background-image:url(../img/smiley2.png);background-position: -510px -7px}
.good{background-image:url(../img/smiley2.png);background-position: -698px -7px}
.excellent{background-image:url(../img/smiley2.png);background-position: -883px -7px}*/


#mobileno{text-transform:uppercase;}
.verypoor{background-image:url(../img/icon/5.png);}
.poor{background-image:url(../img/icon/4.png);}
.average{background-image:url(../img/icon/3.png);}
.good{background-image:url(../img/icon/2.png);}
.excellent{background-image:url(../img/icon/1.png);}


.cc-selector input:active +.drinkcard-cc{opacity: 1;}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: opacity(.5);
       -moz-filter: opacity(.5);
            filter: opacity(.5);
            /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

}
.drinkcard-cc{
    cursor:pointer;
   /* background-size:contain;*/
    background-repeat:no-repeat;
    display:inline-block;
    /*width:139px;height:139px;*/
    width:101px;height:90px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

#representinglist,#shiftname {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background:#fff;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  background: url("../img/br_down.png") rgba(255, 255, 255, 1) no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("../img/br_down.png") rgba(255, 255, 255, 1) no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}
/*For IE*/
#representinglist::-ms-expand,#visiting::-ms-expand { display: none; }

.currenttime{font-size: 18px;color: #2E3092;text-align: center;}
.textStyle{color: red}
#sidebar ul{
  margin-top: 150px;
}

#sidebar ul li  {
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
}

#sidebar ul li a {
    width: 150px;
    border-radius: 0px!important;
}

/*
.question-item__label {
    margin-right: 15px;
    margin-bottom: 20px;
    position: relative;
    width: 250px;
    height: 150px;
    border-radius: 10px;
    padding: 13px;
    background: #fff;
    cursor: pointer;
    text-transform: none;
    border: 2px solid rgba(0, 0, 0, 0.8);
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    -webkit-overflow-scrolling: touch;
    transition: all 0.3s ease;
    float: left;
}

.question-item__radio {
  opacity: 0;
}

.question-item__checkbox {
  opacity: 0;
}

.question-item__title {
  font-size: 16px;
  font-weight:bold!important;
  margin-bottom: 5px;
  text-transform: capitalize;
  display: inline-block;
}

.question-item__subtitle {
  font-size: 17px;
  font-weight: 700;
  position: absolute;
  bottom: 5px;
  left: 15px;
  padding-right: 20px;
}

.question-item__label.active {
    background-color: #00AEEF;
    border: 2px solid #00AEEF;
    border-radius: 10px;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    color: #fff;
}*/

.question-item label{text-transform: none!important;}
.question-item b{font-weight: bold;}
.m5{margin:0 5px!important}
.whitemenu {color:#000;text-decoration:underline;}
.whitemenu:hover {color:#000;text-decoration:underline;}
#uname{text-transform:capitalize}