/* app css stylesheet */
body {
  background: white;
  /*font-size: 25px;*/
  color: black;
}

.cbp-spmenu{
  color:white;
}

    /* Side menu buttons */
    .achievements-btn {
      margin-right: 10px;
      float:right;
    }

    .toggle-menu {
      border:none;
      background-color: #47a3da;
      color:white;
      padding:10px;
      margin-top:10px;
      margin-left:5px;
    }

    .toggle-menu:hover {
      background-color: #258ecd;
      border-radius:0px;
    }
    /*Side menu buttons end*/

/*Left menu product styles*/
.product-image {
  max-width: 80px;
}
.product-container {
  min-height:100px;
  padding:15px;
}
.product-image {
  float:left;
}
.product-details {
  padding-left:70px;
}
/*Left menu product styles end*/

.gameBoard {
  text-align: center;
}

.mainContent {
    margin-top: 10px;
}

.kuha {
  margin-top:30px;
  margin-bottom:30px;
}

.mainscore {
  font-size: 30px;
}

.extras {
  font-size:14px;
  cursor: pointer;
  padding:10px;
}

.extras:hover {
  background-color: rgb(52, 186, 199);
  color:white;
}
.extras.unavailable {
  opacity: 0.5;
  cursor:default;
}

.info {
  font-size: 12px;
}

.little {
  transform: scale(1.2);
}

.footer {
  background: #47a3da;
  padding-top:15px;
  color:white;
  width:100%;
}


.reset-button {
  border:none;
  background-color: #258ecd;
  color:white;
  padding:10px;
}

.reset-button:hover {
  background-color: rgb(59, 146, 236);
  border-radius:0px;
}

/* KÄTYRIT */
.kuhanvedinkateen {
  background-image: url("../img/pienikuha.png");
  min-height: 70px;
  background-repeat:no-repeat;
  min-width:60px;
}

.kuhanvedinkateen2 {
  background-image: url("../img/pienikuha2.png");
  min-height: 70px;
  background-repeat:no-repeat;
  min-width:60px;
}

.achieved {
  background-color: #258ecd;
  opacity: 1.0 !important;
}