/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

html {
  background-color: #eba31d;
  user-select: none;
}

body {
  user-select: none;
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

.btn-group button {
  background-color: #f1ad2f;
  border-top: 1px solid #ffc250;
  border-bottom: 1px solid #ffc250;
  border-left: none;
  border-right: none;
  color: white;
  padding: 10px 24px;
  cursor: pointer;
  width: 100%;
  display: block;
}

.btn-group button:not(:last-child) {
  border-bottom: none;
}

.btn-group button:hover {
  background-color: #e7a01a;
}

.commandbuttons {
  width: 29%;
  vertical-align: top;
  display: inline-block;
  background-color: #f1ad2f;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
  padding-left: 0.5vw;
  padding-right: 0.5vw;
  border-radius: 10px;
}

.commandframe {
  display: none;
  vertical-align: top;
  padding-left: 2vw;
}

.commanditem {
  text-align: left;
  word-wrap: break-word;
  background-color: #292929;
  border-radius: 10px;
  margin-top: 1vh;
  padding-top: 0.2vh;
  padding-bottom: 0.5vh;
  padding-left: 0.5vw;
  padding-right: 0.5vw;
}

.commandtext {
  color: #f1ad2f;
}

.commandsubtext {
  color: #fff;
}

.privCont {
  padding-top: 4vh;
  padding-left: 3vw;
  padding-bottom: 5vh;
  width: 55%;
}

.privDiv {
  padding-bottom: 0.5vh;
}

.privTitle {
  color: #f1ad2f;
  font-size: xx-large;
}

.privBody {
  color: rgb(180, 180, 180);
}

strong {
  color: rgb(194, 194, 194);
}

@media only screen and (max-width: 600px) {
  .commandbuttons {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    background-color: #f1ad2f;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    border-radius: 10px;
  }

  .commandframe {
    width: 60vw;
    display: none;
    margin-left: -10.5vw;
    vertical-align: top;
    padding-top: 2vh;
    padding-left: 0vw !important;
  }

  .commanditem {
    text-align: left;
    word-wrap: break-word;
    background-color: #292929;
    border-radius: 10px;
    margin-top: 1vh;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .privCont {
    padding-top: 4vh;
    padding-left: 6vw;
    padding-bottom: 5vh;
    width: 85%;
  }

  .privDiv {
    padding-bottom: 0.5vh;
  }

  .privBody {
    color: rgb(180, 180, 180);
    padding-left: 3vw;
  }
}