/* line 1, app/assets/stylesheets/dashboard.css.scss */
html {
  overflow-y: scroll !important;
}

/* line 4, app/assets/stylesheets/dashboard.css.scss */
body {
  background-color: #701f21;
  /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
  background: url(/assets/new_ui/game_starting_screen_background_min-118de23fdc82092faefde0b45dfb73e60b94591946e65b297b508fa67a122228.png) center;
  background-size: cover;
  color: #fff !important;
}

/* line 14, app/assets/stylesheets/dashboard.css.scss */
.header-bottom {
  margin-bottom: 80px !important;
}

/* line 17, app/assets/stylesheets/dashboard.css.scss */
.trans {
  background-color: rgba(0, 0, 0, 0.3);
  padding-top: 5% !important;
  padding-bottom: 5% !important;
}

/* line 22, app/assets/stylesheets/dashboard.css.scss */
.navbar-color {
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 25, app/assets/stylesheets/dashboard.css.scss */
.join {
  background-color: white !important;
  margin-left: 15px !important;
  color: black !important;
  height: 2rem !important;
  width: 80% !important;
  font-family: sans-serif !important;
  text-align: center;
  font-weight: bold !important;
  text-transform: uppercase;
}

/* line 36, app/assets/stylesheets/dashboard.css.scss */
.join::-webkit-input-placeholder {
  /* Chrome */
  color: black !important;
  font-family: sans-serif !important;
}

/* line 40, app/assets/stylesheets/dashboard.css.scss */
.join-btn {
  padding: 0px 1rem 5px !important;
  /*height: 32px !important;*/
  background-color: #8d898c !important;
  font-weight: bold;
  border-radius: 0px !important;
  /*margin-bottom:7px!important;*/
  /*line-height: 15px !important;*/
  font-family: sans-serif !important;
  background-color: #e83752 !important;
  color: white !important;
  border: 1px;
}

/* line 53, app/assets/stylesheets/dashboard.css.scss */
.btn {
  vertical-align: middle !important;
}

/* line 56, app/assets/stylesheets/dashboard.css.scss */
.join-btn:hover {
  background-color: #ffcb3d !important;
  color: #0080d0 !important;
}

/* line 60, app/assets/stylesheets/dashboard.css.scss */
.drpdown {
  background-color: black !important;
}

/* line 62, app/assets/stylesheets/dashboard.css.scss */
.drpdown a {
  color: white !important;
  background-color: black !important;
}

/* line 64, app/assets/stylesheets/dashboard.css.scss */
.drpdown a:hover {
  color: #26a69a !important;
  background-color: black !important;
}

/* line 69, app/assets/stylesheets/dashboard.css.scss */
.full-btn {
  width: 100% !important;
  background-color: #e83752 !important;
  color: white !important;
  font-weight: bolder !important;
  margin-bottom: 30px;
  margin-top: 30px;
}

/* line 77, app/assets/stylesheets/dashboard.css.scss */
.content-ui {
  margin-bottom: 7%;
}

/* line 80, app/assets/stylesheets/dashboard.css.scss */
.input-field-css {
  border-bottom: 2px solid #701f21 !important;
  background: transparent !important;
  /*color:#701f21!important;*/
  width: 100% !important;
  /*border-bottom: 2px solid #DD1C0D!important;*/
  /*box-shadow: 0 2px 0 0 #DD1C0D !important;*/
}

/* line 88, app/assets/stylesheets/dashboard.css.scss */
.input-field-css:focus {
  border-bottom-color: white !important;
  -webkit-box-shadow: 0px 2px 0 0px white !important;
}

/* line 91, app/assets/stylesheets/dashboard.css.scss */
.nav-css {
  background-color: black !important;
  height: 50px !important;
  line-height: 50px !important;
  position: fixed !important;
  z-index: 1000;
  top: 0;
  left: 0;
  margin-bottom: 10% !important;
  font-family: "Courgette",cursive;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 0em;
}

/* line 105, app/assets/stylesheets/dashboard.css.scss */
.nav-css a:hover {
  color: #ffca27 !important;
}

/* line 111, app/assets/stylesheets/dashboard.css.scss */
.game-div {
  background-color: rgba(255, 255, 255, 0.6);
  margin-top: 5%;
  border: 2px solid;
  margin-right: 5% !important;
  margin-left: 5% !important;
  padding: 3%;
  color: #701f21;
}

/* line 122, app/assets/stylesheets/dashboard.css.scss */
.feedback-div {
  background-color: rgba(255, 255, 255, 0.6);
  border: 2px solid;
  margin-right: 5% !important;
  margin-left: 5% !important;
  padding-left: 8%;
  padding-right: 8%;
  padding-top: 2%;
  padding-bottom: 1%;
}

/* line 134, app/assets/stylesheets/dashboard.css.scss */
.account-div {
  background-color: rgba(255, 255, 255, 0.6);
  margin-top: 5%;
  border: 2px solid;
  margin-right: 5% !important;
  margin-left: 5% !important;
  padding: 3%;
  color: #701f21;
}

/* line 143, app/assets/stylesheets/dashboard.css.scss */
.existing-div {
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px solid;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 2%;
  padding-bottom: 3%;
  margin-top: 7%;
  margin-right: 5% !important;
  margin-left: 5% !important;
}

/* line 155, app/assets/stylesheets/dashboard.css.scss */
.game-btn {
  width: 100% !important;
  background-color: #e83752 !important;
  color: white !important;
  font-weight: bolder !important;
  align-content: center;
  padding: 0% !important;
}

/* line 164, app/assets/stylesheets/dashboard.css.scss */
.text-area {
  height: auto !important;
  background-color: white !important;
  color: #555;
}

/* line 169, app/assets/stylesheets/dashboard.css.scss */
.text-area::-webkit-input-placeholder {
  /* Chrome */
  color: #555 !important;
  text-align: center;
  font-family: sans-serif !important;
}

/* line 174, app/assets/stylesheets/dashboard.css.scss */
.caret {
  color: #701f21 !important;
  zoom: 1.8 !important;
}

/* line 178, app/assets/stylesheets/dashboard.css.scss */
ol {
  list-style-type: none !important;
}

/* line 182, app/assets/stylesheets/dashboard.css.scss */
fieldset {
  border: 0px solid rgba(0, 0, 0, 0) !important;
}

/* line 185, app/assets/stylesheets/dashboard.css.scss */
label {
  font-size: 1rem !important;
  color: #fff !important;
}

/* line 190, app/assets/stylesheets/dashboard.css.scss */
.content-block {
  background-color: rgba(0, 0, 0, 0.5) !important;
  border: 2px solid;
  padding-left: 11%;
  padding-right: 11%;
  padding-bottom: 1%;
}

/* line 199, app/assets/stylesheets/dashboard.css.scss */
.content-form {
  background-color: rgba(0, 0, 0, 0.5) !important;
  border: 2px solid;
  margin-top: 15% !important;
  margin-left: 2% !important;
  margin-right: 2% !important;
  margin-bottom: 5% !important;
}

/* line 209, app/assets/stylesheets/dashboard.css.scss */
.input-form {
  margin-left: 10% !important;
  margin-right: 10% !important;
}

/* line 213, app/assets/stylesheets/dashboard.css.scss */
.playlist-div {
  margin-right: 35px !important;
  align-content: center;
}

/* line 218, app/assets/stylesheets/dashboard.css.scss */
.solo-game-btn {
  padding-left: 0% !important;
  padding-right: 0% !important;
}

/* line 224, app/assets/stylesheets/dashboard.css.scss */
.password-div {
  margin-top: 5% !important;
  border: 2px solid;
  padding-left: 5%;
  padding-top: 0%;
  padding-bottom: 5%;
  padding-right: 5%;
  margin-right: 5% !important;
  margin-left: 5% !important;
  background-color: rgba(255, 255, 255, 0.6);
  color: #701f21;
}

/* line 236, app/assets/stylesheets/dashboard.css.scss */
.device-div {
  margin-top: 5% !important;
  border: 2px solid;
  padding-left: 5%;
  padding-top: 0%;
  padding-bottom: 5%;
  padding-right: 5%;
  margin-right: 5% !important;
  margin-left: 5% !important;
  background-color: rgba(255, 255, 255, 0.6);
  color: #701f21;
}

/* line 248, app/assets/stylesheets/dashboard.css.scss */
.plan-div {
  margin-top: 5% !important;
  background-color: rgba(255, 255, 255, 0.6);
  color: #701f21;
  border: 2px solid;
  padding-top: 3% !important;
  padding: 5%;
  margin-right: 5% !important;
  margin-left: 5% !important;
  padding-bottom: 50px !important;
}

/* line 259, app/assets/stylesheets/dashboard.css.scss */
.fixed-input {
  width: 100% !important;
  color: #701f21;
  font-weight: bolder !important;
  margin-bottom: 30px;
  margin-top: 30px;
}

/* line 266, app/assets/stylesheets/dashboard.css.scss */
.btn {
  background-color: #701f21 !important;
  color: white !important;
  font-weight: bold;
}

/* line 271, app/assets/stylesheets/dashboard.css.scss */
.logo-label {
  padding-right: 84% !important;
  font-size: 1.2rem !important;
}

/* line 276, app/assets/stylesheets/dashboard.css.scss */
.float-right {
  float: right;
}

/* line 279, app/assets/stylesheets/dashboard.css.scss */
.float-left {
  float: left;
  padding-left: 10px;
}

/* line 283, app/assets/stylesheets/dashboard.css.scss */
.side-nav {
  width: 50%;
  background-color: black;
  margin-top: 50px;
}

/* line 287, app/assets/stylesheets/dashboard.css.scss */
.side-nav li a {
  color: white;
  border-color: #444 !important;
  border: 1px solid;
}

/* line 293, app/assets/stylesheets/dashboard.css.scss */
.side-nav li ul li a {
  background-color: #161313;
  color: white;
  border: 1px solid !important;
  border-color: #444 !important;
}

/* line 300, app/assets/stylesheets/dashboard.css.scss */
.fa-sort-desc {
  color: white !important;
  zoom: 0.7 !important;
}

/* line 305, app/assets/stylesheets/dashboard.css.scss */
.collapsible-header {
  padding-left: 32px !important;
}

/*nav bar js help */
/* line 311, app/assets/stylesheets/dashboard.css.scss */
.bar1, .bar2, .bar3 {
  width: 31px;
  height: 5.5px;
  background-color: #e0e0e0;
  margin: 10.5px -10px -4px -9px;
}

/* Rotate first bar */
/* line 319, app/assets/stylesheets/dashboard.css.scss */
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-48deg) translate(-10px, 8px);
}

/* Fade out the second bar */
/* line 325, app/assets/stylesheets/dashboard.css.scss */
.change .bar2 {
  opacity: 0;
}

/* Rotate last bar */
/* line 330, app/assets/stylesheets/dashboard.css.scss */
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

/* line 334, app/assets/stylesheets/dashboard.css.scss */
label input {
  margin-right: 18px;
}

/* line 337, app/assets/stylesheets/dashboard.css.scss */
td {
  padding: 0px !important;
}

/* line 341, app/assets/stylesheets/dashboard.css.scss */
.go-btn {
  width: 80%;
  margin-bottom: 10px;
}

/* line 346, app/assets/stylesheets/dashboard.css.scss */
.code-share {
  background-color: white !important;
  margin: 15px !important;
  color: black !important;
  height: 2rem !important;
  width: 80% !important;
  font-family: sans-serif !important;
  text-align: center;
  font-weight: bold !important;
  text-transform: uppercase;
}

/* line 357, app/assets/stylesheets/dashboard.css.scss */
.label-share {
  font-size: 2rem !important;
}

/* line 360, app/assets/stylesheets/dashboard.css.scss */
.icon-css {
  background-color: white !important;
  border-radius: 50% !important;
  height: 10px;
  width: 10px;
}

/* line 366, app/assets/stylesheets/dashboard.css.scss */
h6 a {
  color: white !important;
}

/* line 369, app/assets/stylesheets/dashboard.css.scss */
.app-text-color {
  color: black !important;
  text-align: center !important;
}

/* line 373, app/assets/stylesheets/dashboard.css.scss */
.modal-css {
  border: 2px solid;
  width: inherit;
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  top: 27% !important;
  height: 45%;
  /* Full height */
  background-color: white !important;
  /* Black w/ opacity */
}

/* line 384, app/assets/stylesheets/dashboard.css.scss */
.icon-size {
  color: black !important;
  zoom: 1.5 !important;
}

/* line 388, app/assets/stylesheets/dashboard.css.scss */
.reset-btn-text {
  padding-left: 0px !important;
  padding-right: 0px !important;
  font-size: 0.7rem !important;
}

/* line 394, app/assets/stylesheets/dashboard.css.scss */
.model-content h2 {
  font-size: 2.5rem !important;
}

/* line 395, app/assets/stylesheets/dashboard.css.scss */
.model-content h5 {
  font-size: 1.3rem !important;
}

/* line 397, app/assets/stylesheets/dashboard.css.scss */
.registered-device-btn {
  margin-bottom: 10px !important;
}

/* line 400, app/assets/stylesheets/dashboard.css.scss */
.modal-join-btn {
  width: 80% !important;
  background-color: #e83752 !important;
  color: white !important;
  font-weight: bolder !important;
  align-content: center;
  padding: 0% !important;
}

/* line 408, app/assets/stylesheets/dashboard.css.scss */
.modal-join-css {
  padding-top: 10px !important;
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  top: 27% !important;
  height: 40%;
  /* Full height */
  background-color: white !important;
}

/* line 419, app/assets/stylesheets/dashboard.css.scss */
#Password-wrapper [type="checkbox"]:not(:checked) {
  opacity: 0 !important;
}

/* line 422, app/assets/stylesheets/dashboard.css.scss */
#Password-wrapper [type="checkbox"]:checked {
  opacity: 0 !important;
}

/* line 427, app/assets/stylesheets/dashboard.css.scss */
.btn-join-align {
  margin-right: -16px !important;
}

/* line 430, app/assets/stylesheets/dashboard.css.scss */
.join-btn-page {
  margin-left: 0px !important;
}

/* line 434, app/assets/stylesheets/dashboard.css.scss */
.social-icons a i {
  margin-top: 10px !important;
  transition: all 0.5s ease;
  height: 50px !important;
  width: 50px !important;
}

/* line 441, app/assets/stylesheets/dashboard.css.scss */
.social-icons a:hover i {
  transform: rotateZ(1440deg) !important;
  color: #fff !important;
  background-color: var(--accentColor) !important;
  box-shadow: 0 0 20px 5px #fff;
}

/* line 447, app/assets/stylesheets/dashboard.css.scss */
.social-icons:hover {
  transition: all 0.5s ease;
  background-color: var(--accentColor);
}

/* line 451, app/assets/stylesheets/dashboard.css.scss */
.icon-size-css {
  padding: 5px;
  font-size: 40px !important;
  border-radius: 50% !important;
}

/* line 457, app/assets/stylesheets/dashboard.css.scss */
#footer-wrapper a {
  margin-left: 10px !important;
  margin-right: 10px !important;
  font-size: 20px !important;
  color: #888;
}

/* line 464, app/assets/stylesheets/dashboard.css.scss */
#footer-wrapper a:hover {
  color: #fff !important;
  font-size: 25px;
}

/* line 468, app/assets/stylesheets/dashboard.css.scss */
#GameWrapper .collapsible-header {
  background-color: rgba(255, 255, 255, 0.7);
  color: #701f21 !important;
  border: none;
  margin-bottom: 2px;
  font-weight: bold;
  padding: 7px;
  border-radius: 4px;
  padding-left: 0px !important;
}

/* line 478, app/assets/stylesheets/dashboard.css.scss */
#GameWrapper .collapsible {
  border: none !important;
  margin-left: 4%;
  margin-right: 4%;
}

/* line 483, app/assets/stylesheets/dashboard.css.scss */
#GameWrapper .collapsible-body {
  padding: 0;
}

/* line 486, app/assets/stylesheets/dashboard.css.scss */
#GameWrapper .row {
  margin-bottom: 0px;
}

/* line 489, app/assets/stylesheets/dashboard.css.scss */
.fk-div {
  background-color: rgba(255, 255, 255, 0.6);
  margin-left: 0.1% !important;
  margin-right: 0.1% !important;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 2%;
  padding-bottom: 7%;
  color: #701f21;
}

/* line 500, app/assets/stylesheets/dashboard.css.scss */
.color-label {
  color: #e83752;
  font-weight: bolder;
}

/* line 504, app/assets/stylesheets/dashboard.css.scss */
#AccountWrapper .col.l6.m8.s12.offfset-l3.offset-m2 {
  font-size: 20px;
}

/* line 508, app/assets/stylesheets/dashboard.css.scss */
.plan-css {
  color: #888;
  font-weight: bold;
  text-decoration: underline;
}

/* line 514, app/assets/stylesheets/dashboard.css.scss */
h4 {
  font-weight: bolder;
}

/* line 517, app/assets/stylesheets/dashboard.css.scss */
.link-color {
  color: blue;
  text-decoration: underline;
}

/* line 521, app/assets/stylesheets/dashboard.css.scss */
label {
  font-size: 1.3rem !important;
  color: #701f21 !important;
  font-weight: bolder;
}

/* line 527, app/assets/stylesheets/dashboard.css.scss */
#AccountWrapper .account-div {
  margin-top: 5%;
  background-color: rgba(255, 255, 255, 0.6);
  margin-right: 5% !important;
  margin-left: 5% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 537, app/assets/stylesheets/dashboard.css.scss */
#AccountWrapper body {
  color: #701f21 !important;
}

/* line 540, app/assets/stylesheets/dashboard.css.scss */
[type="checkbox"]:checked + label:before {
  border-right: 2px solid #701f21;
  border-bottom: 2px solid #701f21;
}

/* line 544, app/assets/stylesheets/dashboard.css.scss */
#AccountWrapper input[type=number]:not(.browser-default):focus:not([readonly]) {
  box-shadow: 0 1px 0 0 #701f21;
}

/* line 547, app/assets/stylesheets/dashboard.css.scss */
::-webkit-input-placeholder {
  color: #701f21;
  opacity: 1 !important;
  /* for older chrome versions. may no longer apply. */
}

/* line 552, app/assets/stylesheets/dashboard.css.scss */
:-moz-placeholder {
  /* Firefox 18- */
  color: #701f21;
  opacity: 1 !important;
}

/* line 557, app/assets/stylesheets/dashboard.css.scss */
::-moz-placeholder {
  /* Firefox 19+ */
  color: #701f21;
  opacity: 1 !important;
}

/* line 562, app/assets/stylesheets/dashboard.css.scss */
:-ms-input-placeholder {
  color: #701f21;
}

/* line 566, app/assets/stylesheets/dashboard.css.scss */
#AccountWrapper .name-section {
  height: auto;
}

/* line 569, app/assets/stylesheets/dashboard.css.scss */
#AccountWrapper .flex {
  justify-content: center;
  display: flex;
  align-items: center;
}

/* line 574, app/assets/stylesheets/dashboard.css.scss */
#AccountWrapper .flex-left {
  justify-content: flex-start;
  display: flex;
  align-items: center;
}

/* line 579, app/assets/stylesheets/dashboard.css.scss */
#AccountWrapper .flex-right {
  justify-content: flex-end;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  /* line 585, app/assets/stylesheets/dashboard.css.scss */
  #AccountWrapper img {
    border-radius: 50%;
    border: 7px solid #701f21;
    max-width: 100px;
    height: 100px;
    padding: 0;
  }
  /* line 592, app/assets/stylesheets/dashboard.css.scss */
  #AccountWrapper .name-css {
    color: #701f21;
    font-weight: bold;
    font-size: 1.9rem;
  }
  /* line 597, app/assets/stylesheets/dashboard.css.scss */
  #AccountWrapper p {
    color: #701f21;
    margin: 0;
    font-size: 0.9rem;
  }
}

@media only screen and (min-width: 768px) {
  /* line 604, app/assets/stylesheets/dashboard.css.scss */
  #AccountWrapper img {
    border-radius: 50%;
    border: 7px solid #701f21;
    max-width: 170px;
    height: 170px;
    padding: 0;
  }
  /* line 611, app/assets/stylesheets/dashboard.css.scss */
  #AccountWrapper .name-css {
    color: #701f21;
    font-weight: bold;
    font-size: 2.5rem;
  }
  /* line 616, app/assets/stylesheets/dashboard.css.scss */
  #AccountWrapper p {
    color: #701f21;
    margin: 0;
    font-size: 1.1rem;
  }
}

/* line 622, app/assets/stylesheets/dashboard.css.scss */
.img-css {
  border-radius: 50%;
  border: 7px solid #701f21;
  width: 100px;
  height: 100px;
  padding: 0;
}

/* line 630, app/assets/stylesheets/dashboard.css.scss */
.image-tag-css {
  display: flex;
}

/* line 633, app/assets/stylesheets/dashboard.css.scss */
.choose-css {
  display: none;
}

/* line 636, app/assets/stylesheets/dashboard.css.scss */
.save-btn {
  margin: 50px 0;
  width: 44%;
}

/* line 640, app/assets/stylesheets/dashboard.css.scss */
#TabWrapper ul li a {
  color: #E6BBBC;
  text-align: center;
}

/* line 644, app/assets/stylesheets/dashboard.css.scss */
#TabWrapper ul li {
  display: inline-block;
  border: solid;
  border-width: 0px 2px 0px 0;
  text-align: center;
}

/* line 650, app/assets/stylesheets/dashboard.css.scss */
#TabWrapper ul li:last-child {
  border-width: 0px 0px 0px 0 !important;
}

/* line 653, app/assets/stylesheets/dashboard.css.scss */
#TabWrapper {
  margin-top: 65px;
}

/* line 657, app/assets/stylesheets/dashboard.css.scss */
#TabWrapper .row {
  background-color: rgba(0, 0, 0, 0.34);
  padding: 2%;
  padding-bottom: 5%;
}

/* line 662, app/assets/stylesheets/dashboard.css.scss */
.active-css {
  color: #FFFFFF !important;
  zoom: 1.1;
  text-decoration: underline;
}

/* line 668, app/assets/stylesheets/dashboard.css.scss */
#PlanWrapper .plans-css {
  border: 2px solid #660C1B;
  margin-bottom: 2%;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 10px 20px;
  background-color: #BB8E8E;
}

/* line 676, app/assets/stylesheets/dashboard.css.scss */
#PlanWrapper h6 {
  margin-left: 6%;
}

/* line 679, app/assets/stylesheets/dashboard.css.scss */
#PlanWrapper [type="radio"]:checked + label:after, .with-gap[type="radio"]:checked + label:after {
  background-color: #701F21;
}

/* line 682, app/assets/stylesheets/dashboard.css.scss */
#PlanWrapper [type="radio"]:checked + label:after, .with-gap[type="radio"]:checked + label:before, .with-gap[type="radio"]:checked + label:after {
  border: 2px solid #701F21;
}

/* line 685, app/assets/stylesheets/dashboard.css.scss */
#PlanWrapper [type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after {
  border: 2px solid #660C1B;
}

/* line 688, app/assets/stylesheets/dashboard.css.scss */
.hide-element-css {
  display: none !important;
}

/* line 691, app/assets/stylesheets/dashboard.css.scss */
#PlanWrapper [type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:before, [type="radio"]:checked + label:after, .with-gap[type="radio"]:checked + label:before, .with-gap[type="radio"]:checked + label:after {
  border-radius: 0;
}

/* line 694, app/assets/stylesheets/dashboard.css.scss */
#PlanWrapper .plan-expire {
  margin: 30px 0px !important;
}

/* line 706, app/assets/stylesheets/dashboard.css.scss */
#SignUpWrapper label {
  color: #fff !important;
}

@media only screen and (min-width: 601px) and (max-width: 1260px) {
  /* line 711, app/assets/stylesheets/dashboard.css.scss */
  .toast {
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    border-radius: 0;
  }
}

@media only screen and (min-width: 1261px) {
  /* line 719, app/assets/stylesheets/dashboard.css.scss */
  .toast {
    width: 100%;
    padding: 0 25%;
    text-align: center;
    justify-content: center;
    display: flex;
    border-radius: 0;
  }
}

@media only screen and (min-width: 601px) and (max-width: 1260px) {
  /* line 728, app/assets/stylesheets/dashboard.css.scss */
  #toast-container {
    min-width: 100%;
    bottom: 0%;
    top: 90%;
    right: 0%;
    left: 0%;
  }
}

@media only screen and (min-width: 1261px) {
  /* line 736, app/assets/stylesheets/dashboard.css.scss */
  #toast-container {
    min-width: 100%;
    bottom: 0%;
    top: 90%;
    right: 0%;
    left: 0%;
  }
}

/* line 743, app/assets/stylesheets/dashboard.css.scss */
#StepOneWrapper ::-webkit-input-placeholder {
  opacity: 1 !important;
  /* for older chrome versions. may no longer apply. */
  color: #fff;
}

/* line 747, app/assets/stylesheets/dashboard.css.scss */
#PasswordWrapper .input-field.col label {
  color: #fff !important;
}

/* line 750, app/assets/stylesheets/dashboard.css.scss */
#Password-wrapper label {
  color: #fff !important;
}

/* line 753, app/assets/stylesheets/dashboard.css.scss */
.error-game {
  display: none;
}

/* line 756, app/assets/stylesheets/dashboard.css.scss */
.error-color {
  color: red !important;
  font-size: 14px !important;
  font-weight: bolder !important;
}

/* line 761, app/assets/stylesheets/dashboard.css.scss */
#ListWrapper ul {
  font-size: 1.3rem;
  font-weight: bold;
}

/* line 765, app/assets/stylesheets/dashboard.css.scss */
#ListWrapper .subtle {
  float: right;
  font-weight: lighter;
}

/* line 769, app/assets/stylesheets/dashboard.css.scss */
#ListWrapper p {
  font-weight: lighter;
}

/* line 772, app/assets/stylesheets/dashboard.css.scss */
#ListWrapper a {
  color: #0a0fab99;
  font-weight: lighter;
}

@media only screen and (min-width: 768px) {
  /* line 777, app/assets/stylesheets/dashboard.css.scss */
  #FrontPageWrapper .start-btn {
    width: 86%;
    height: 69px;
    line-height: 70px !important;
    font-size: 1.2rem !important;
    word-break: break-all;
    margin-bottom: 10px !important;
    border: 2px solid !important;
    background-color: #570b17 !important;
  }
  /* line 787, app/assets/stylesheets/dashboard.css.scss */
  #FrontPageWrapper .start-btn:hover {
    background-color: #e83752 !important;
    box-shadow: 0px 3px 10px #e83752;
  }
}

@media only screen and (max-width: 768px) {
  /* line 793, app/assets/stylesheets/dashboard.css.scss */
  #FrontPageWrapper .start-btn {
    /*     min-width: 150px;
     min-height: 150px;
     border: 1px solid;
     background-color: #570b17!important;
     display: flex;
     margin-right: 10%;
     align-items: center;
     justify-content: center;
     font-size: 1.5rem;
*/
    min-width: 150px;
    color: #721e23 !important;
    min-height: 150px;
    background-color: #ffdcdc !important;
    display: flex;
    margin: -6px 6px;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    border-top: 3px solid #e83752;
    border-radius: 12px;
  }
  /* line 816, app/assets/stylesheets/dashboard.css.scss */
  #FrontPageWrapper .start-btn:hover {
    background-color: #e83752 !important;
    box-shadow: 0px 3px 10px #e83752;
    color: white !important;
  }
}

/* line 823, app/assets/stylesheets/dashboard.css.scss */
#FrontPageWrapper .start-page-header-text {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
  font-size: 2.4rem;
}

/*#FrontPageWrapper .start-page-header-text2{
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  color: #ccc;
  margin-bottom: 20px;
}*/
/* line 835, app/assets/stylesheets/dashboard.css.scss */
#PreRegisterWrapper .container {
  text-align: center;
  width: 100vw;
  /*height: 100vh;*/
}

/* line 840, app/assets/stylesheets/dashboard.css.scss */
#PreRegisterWrapper .content-block {
  background-color: #f8cfcd !important;
  border: 2px solid;
  color: #701f21;
  border-radius: 8px;
  padding-bottom: 4%;
}

/* line 848, app/assets/stylesheets/dashboard.css.scss */
#PreRegisterWrapper .list-div {
  margin: auto;
  width: 150px;
}

/* line 852, app/assets/stylesheets/dashboard.css.scss */
#PreRegisterWrapper ul li {
  list-style-type: disc;
  text-align: left;
}

/* line 856, app/assets/stylesheets/dashboard.css.scss */
#PreRegisterWrapper h5 {
  font-size: 1.2rem;
}

/* line 859, app/assets/stylesheets/dashboard.css.scss */
#PreRegisterWrapper .btn {
  margin: 0;
}

/* line 864, app/assets/stylesheets/dashboard.css.scss */
#RegisterInvitedWrapper .content-block {
  background-color: #f8cfcd !important;
  color: #6c1b20;
  border-radius: 12px;
}

/* line 869, app/assets/stylesheets/dashboard.css.scss */
#RegisterInvitedWrapper .div-list {
  margin: auto;
  width: 210px;
}

/* line 873, app/assets/stylesheets/dashboard.css.scss */
#RegisterInvitedWrapper ul:not(.browser-default) > li {
  list-style-type: disc;
}

/* line 876, app/assets/stylesheets/dashboard.css.scss */
#RegisterInvitedWrapper {
  color: #f8d0ce;
}

/* line 879, app/assets/stylesheets/dashboard.css.scss */
#RegisterInvitedWrapper h6 {
  font-size: 1.3rem;
}

/* line 882, app/assets/stylesheets/dashboard.css.scss */
#RegisterInvitedWrapper .username-css:before {
  content: '\201C';
}

/* line 885, app/assets/stylesheets/dashboard.css.scss */
#RegisterInvitedWrapper .username-css:after {
  content: '\201D';
}

/* line 888, app/assets/stylesheets/dashboard.css.scss */
#RegisterInvitedWrapper .username-css {
  animation-name: steps;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  font-weight: bolder;
}

/* line 894, app/assets/stylesheets/dashboard.css.scss */
#RegisterInvitedWrapper h3 {
  font-weight: bolder;
}

@keyframes steps {
  0% {
    color: #f8cfcd;
  }
  25% {
    color: #d8455f;
  }
  50% {
    color: #f8cfcd;
  }
  75% {
    color: #d8455f;
  }
  100% {
    color: #f8cfcd;
  }
}

/* line 904, app/assets/stylesheets/dashboard.css.scss */
#RegisterInvitedWrapper .btn {
  margin-bottom: 15px;
}

/* line 907, app/assets/stylesheets/dashboard.css.scss */
#RegisterInvitedWrapper .btn:hover {
  background-color: #e83752 !important;
  color: white;
}

/* line 911, app/assets/stylesheets/dashboard.css.scss */
#PreRegisterWrapper .btn:hover {
  background-color: #e83752 !important;
  color: white;
}

/* line 915, app/assets/stylesheets/dashboard.css.scss */
#PreRegisterWrapper .social-btn {
  /*border-radius: 15%;*/
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 5px 4px #8888;
}

/* line 924, app/assets/stylesheets/dashboard.css.scss */
#PreRegisterWrapper .social-div {
  display: flex;
  justify-content: space-around;
  margin-top: 4%;
}

/* line 929, app/assets/stylesheets/dashboard.css.scss */
#PreRegisterWrapper .fa {
  zoom: 2;
}

/* line 932, app/assets/stylesheets/dashboard.css.scss */
#PreRegisterWrapper .fb {
  background-color: #3a559f !important;
}

/* line 935, app/assets/stylesheets/dashboard.css.scss */
#PreRegisterWrapper .google {
  background-color: red !important;
}

/* line 938, app/assets/stylesheets/dashboard.css.scss */
#PreRegisterWrapper .twitter {
  background-color: #62afd1 !important;
}

/* line 941, app/assets/stylesheets/dashboard.css.scss */
#AccountWrapper .left-align span {
  color: #701F21;
  font-weight: bold;
  float: right;
}

/* line 947, app/assets/stylesheets/dashboard.css.scss */
#GameSectionWrapper .game-section {
  background-color: rgba(255, 255, 255, 0.6);
  margin-left: 0.1% !important;
  margin-right: 0.1% !important;
  padding-top: 1px;
  padding-bottom: 2%;
  color: #701f21;
}

/* line 955, app/assets/stylesheets/dashboard.css.scss */
#GameSectionWrapper li.games {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 0 50px;
}

/* line 962, app/assets/stylesheets/dashboard.css.scss */
#GameSectionWrapper .collapsible-header {
  background-color: rgba(255, 255, 255, 0.7);
  color: #701f21 !important;
  border: none;
  margin-bottom: 2px;
  font-weight: bold;
  padding: 7px;
  border-radius: 4px;
  padding-left: 0px !important;
}

/* line 972, app/assets/stylesheets/dashboard.css.scss */
#GameSectionWrapper .collapsible {
  border: none !important;
  margin-left: 4%;
  margin-right: 4%;
}

/* line 977, app/assets/stylesheets/dashboard.css.scss */
#GameSectionWrapper .collapsible-body {
  padding: 0;
}

/* line 980, app/assets/stylesheets/dashboard.css.scss */
#GameSectionWrapper .row {
  margin-bottom: 0px;
}

/* line 983, app/assets/stylesheets/dashboard.css.scss */
#GameSectionWrapper {
  margin: 1%;
}

/* line 986, app/assets/stylesheets/dashboard.css.scss */
#GameSectionWrapper .play-link {
  border: 0.5px solid #000;
  padding: 3px 21px;
  /*border-radius: 50px;*/
  color: #000;
}

/* line 992, app/assets/stylesheets/dashboard.css.scss */
#AccountWrapper .btn-margin {
  margin-top: 15px;
}

/* line 996, app/assets/stylesheets/dashboard.css.scss */
#AccountWrapper .switch label input[type=checkbox]:checked + .lever {
  background-color: #701f21ad;
}

/* line 1000, app/assets/stylesheets/dashboard.css.scss */
#AccountWrapper .switch label input[type=checkbox]:checked + .lever:after {
  background-color: #701f21;
}

/* line 1004, app/assets/stylesheets/dashboard.css.scss */
#PreviousGameInfo {
  text-transform: uppercase;
  margin: 2rem;
  background-color: rgba(255, 255, 255, 0.6);
  margin-top: 5%;
  border: 2px solid;
  padding: 3%;
  color: #701f21;
}

/* line 1014, app/assets/stylesheets/dashboard.css.scss */
#PreviousGameInfo li {
  border-bottom: 1px solid;
  display: flex;
  padding: 3px 0;
  justify-content: space-between;
}

/* line 1020, app/assets/stylesheets/dashboard.css.scss */
#PreviousGameInfo a {
  color: #fff;
  text-decoration: underline;
}