@charset "UTF-8";

input[type="submit"].btnchanger {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  border-width: 2px;
  border-color: #ddd;

  text-decoration: none;
  color: #ccc;
  font-size: 14px;
  font-weight: bold;

  padding:  5px 20px 2px 20px;

  box-shadow: 3px 3px 3px rgba(0,0,0,0.05);
}

input[type="submit"].active.btnchanger {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  border-width: 2px;
  border-color: #84b884;

  text-decoration: none;
  color: #84b884;
  font-size: 14px;
  font-weight: bold;

  padding:  5px 20px 2px 20px;

  box-shadow: 3px 3px 3px rgba(0,0,0,0.05);
}


.startbtn1 {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  border-width:2px;
  border-color: #84b884;

  text-decoration: none;
  color: #84b884;
  font-size: 16px;
  font-weight: bold;

  padding:  5px 20px 2px 20px;

  box-shadow: 3px 3px 3px rgba(0,0,0,0.05);

}


.update {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #84b884;
  border-width:1px;
  border-color: #6a9e6a;

  text-decoration: none;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  padding:  3px 10px 2px 10px;

  -webkit-animation: blink2 1s ease-in-out infinite alternate;
  animation: blink2 1s ease-in-out infinite alternate;
}

.startbtn2 {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #84b884;
  border-width:2px;
  border-color: #6a9e6a;

  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: bold;

  padding:  5px 20px 2px 20px;

  box-shadow: 3px 3px 3px rgba(0,0,0,0.05);

  -webkit-animation: blink2 1s ease-in-out infinite alternate;
  animation: blink2 1s ease-in-out infinite alternate;
}


@-webkit-keyframes blink2 {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 1;}
}
@keyframes blink2 {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 1;}
}


.buttonGY16 {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  border-width:2px;
  border-color: #aaa;

  text-decoration: none;
  color: #aaa;
  font-size: 16px;
  font-weight: bold;

  padding:  5px 20px 2px 20px;

  box-shadow: 3px 3px 3px rgba(0,0,0,0.05);
}



.buttonWS {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  border-width:1px;
  border-color: darkgray;

  text-decoration: none;
  color: #555;
  font-size: 12px;
  padding:  2px 5px 2px 5px;

  box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
}



.buttonDGY {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  border-width: 1px;
  border-color: #666;

  text-decoration: none;
  color: #666;
  font-size: 13px;
  padding:  3px 10px 2px 10px;

  box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
}


.buttonGY {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  border-width: 1px;
  border-color: #999;

  text-decoration: none;
  color: #999;
  font-size: 13px;
  padding:  3px 10px 2px 10px;

  box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
}

.buttonGYL {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  border-width: 1px;
  border-color: #999;

  text-decoration: none;
  color: #999;
  font-size: 22px;
  font-weight: 400;
  padding:  3px 10px 2px 10px;

  box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
}

.buttonGYB {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  border-width: 2px;
  border-color: #999;

  text-decoration: none;
  color: #999;
  font-size: 13px;
  font-weight: bold;
  padding:  3px 10px 2px 10px;

  box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
}


.buttonR {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  border-width: 2px;
  border-color: #c67a7a;

  text-decoration: none;
  color: #c67a7a;
  font-size: 13px;
  font-weight: bold;
  padding:  3px 10px 2px 10px;

  box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
}

.buttonGR {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  border-width: 2px;
  border-color: #84b884;

  text-decoration: none;
  color: #84b884;
  font-size: 13px;
  font-weight: bold;

  padding:  3px 10px 2px 10px;

  box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
}


.buttonLGY {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  border-width:1px;
  border-color: #aaa;

  text-decoration: none;
  color: #aaa;
  font-size: 13px;
  padding:  3px 10px 2px 10px;

  box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
}


.buttonGRL {

  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #d0ead0;
  border-width:1px;
  border-color: darkgray;

  text-decoration: none;
  color: #555;
  font-size: 22px;
  font-weight: 400;
  padding:  3px 10px 0px 10px;
}


.buttonW {
  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  border-width:1px;
  border-color: darkgray;

  text-decoration: none;
  color: #555;
  font-size: 13px;
  font-weight: 400;
  padding:  3px 10px 2px 10px;
}

.button_WL {

  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  border-width:1px;
  border-color: darkgray;

  text-decoration: none;
  color: #555;

  padding:  3px 10px 0px 10px;
}

.btn {

  display: inline-block;
  border-style: solid;
  border-radius: 5px;
  background-color: #f7f7f7;
  border-width:1px;
  border-color: darkgray;

  text-decoration: none;
  color: #555;
  font-size: 13px;

  padding:  3px 20px 2px 20px;

  box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
}



.radiobtn label {
  background-color: #fff;
  padding: 3px 20px;
  border-radius: 5px;
  font-size: 13px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;

  color: #bbb;
  font-weight: bold;

  box-shadow: 2px 2px 2px rgba(0,0,0,0.05);

}
.radiobutton {
  display: none;

}

.radiobutton:checked + label {
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
  border-color: #c67a7a;

  color: #c67a7a;
  font-weight: bold;

  box-shadow: 2px 2px 2px rgba(0,0,0,0.05);

}


button:hover {
  cursor: pointer;
}

input[type="submit"]:hover  {
  cursor: pointer;
}

label:hover  {
  cursor: pointer;
}

.app_checkbox input[type="checkbox"]{
    display: none;
}
.app_checkbox input[type="checkbox"]+label{
    cursor: pointer;
    display: inline-block;
    box-sizing: content-box;
    position: relative;
vertical-align: middle;
    width: 40px;
    height: 20px;
    background-color: #FFF;
    border: 2px solid #CCC;
    border-radius: 30px;
}
.app_checkbox input[type="checkbox"]:checked+label{
    background-color: #84b884;
    border-color: #84b884;
}
.app_checkbox input[type="checkbox"]+label:before{
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    border-radius: 50%;
    background-color: #FFF;
    box-shadow: 2px 2px 4px gray;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.app_checkbox input[type="checkbox"]:checked+label:before{
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    box-shadow: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.adjM {
    vertical-align: middle;
}
.adjB {
    vertical-align: bottom;
}