form {
  display: block;
  margin-top: 0;
  margin-block-end: 0;
}


.back-button {
  color: #c05c6e !important;
  border: 1px solid #b55365 !important;
}
.back-button:hover {
  background-color: #777777 !important;
  border: 1px solid #ffffff !important;
}

.scrim-button a {
  margin-right: 5px;
  font-size: 12px !important;
  font-weight: 600;
  padding: 6px 10px;
  background-color: #006644;
  border-radius: 3px;
  color: #BDC3C7 !important;
}

.scrim-button a:hover {
  background-color: #00cc89;
  color: #000 !important;
}

.button-team-actions {
  font-size: 13px;
  text-align: center;
  min-width: 90px;
  padding: 6px 19px;
  margin-right: 5px;
  margin-bottom: 7px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 3px;
  background-color: #131315;
  color: #808584;
  border: 1px solid #464b4a;
}
.button-team-actions:hover {
  text-align: center;
  min-width: 90px;
  padding: 6px 19px;
  margin-right: 5px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 3px;
  background-color: #0a0c0c;
  color: #ffffff;
  border: 1px solid #697b77;
}
.button-primary {
  font-family: 'Karla', sans-serif;
  font-size: 15px;
  padding: 7px 19px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 6px;
  background-color: #131315;
  color: #00b350;
  border: 1px solid #00ff79;
  margin-right: 5px;
}
.button-primary:hover {
  transition: 0.3s;
  color: #00ff66;
  background-color: #08270f;
  border: 1px solid #00ff66;
}


.button-tournament-checkin {
  margin: 4px 0px 15px 0px;
  padding: 8px 15px;
  position: relative;
  border: 1px solid ##57a957;
  background: linear-gradient(#699096, #3f7798);
  color: #ffffff !important;
  font-size: 15px;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  border-radius: 3px;
  box-shadow: 0px 2px 4px #04040473;
  cursor: pointer;
  text-align: center;
  width: 100%;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
}
.button-tournament-checkin:hover {
  background: linear-gradient(#000000, #000000);
  color: #87e3ff;
}



.button-tournament-register {
    margin: 4px 0px 15px 0px;
    padding: 8px 15px;
    position: relative;
    border: 1px solid ##57a957;
    background: linear-gradient(#69966f, #3f985a);
    color: #ffffff !important;
    font-size: 15px;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    border-radius: 3px;
    box-shadow: 0px 2px 4px #04040473;
    cursor: pointer;
    text-align: center;
    width: 100%;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
}


.button-tournament-register:hover {
  background: linear-gradient(#000000, #000000);
  color: #5dff9e;
}




.button-tournament-leave {
  margin: 4px 0px 15px 0px;
  padding: 8px 15px;
  position: relative;
  border: 1px solid ##57a957;
  background: linear-gradient(#966969, #983f3f);
  color: #ffffff !important;
  font-size: 15px;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  border-radius: 3px;
  box-shadow: 0px 2px 4px #04040473;
  cursor: pointer;
  text-align: center;
  width: 100%;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
}
.button-tournament-leave:hover {
  background: linear-gradient(#000000, #000000);
  color: #ff9292;
}

/* .btn-success:hover, .btn-success:active, .btn-success:focus {
color: #ffffff !important;
background-color: #1F2838 !important;
border-color: #494F57 !important;
} */
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #ffffff12 !important;
  border-color: #565d64 !important;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.02rem rgba(255,255,255,.2);
}
input {
  -webkit-writing-mode: horizontal-tb !important;
  text-rendering: auto;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  -webkit-appearance: textfield;
  background-color: white;
  -webkit-rtl-ordering: logical;
  cursor: text;
  margin: 0em;
  font: 400 13.3333px Arial;
  padding: 1px 0px;
  border-width: 2px;
  border-style: inset;
  border-color: initial;
  border-image: initial;
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid rgba(0, 0, 0, .9);
  -webkit-text-fill-color: #ccc;
  -webkit-box-shadow: 0 0 0px 1000px #171b1d inset;
  /*transition: background-color 5000s ease-in-out 0s;*/
}

.myButton {
  box-shadow:inset 0px 0px 0px 1px #caefab;
  background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
  background-color:#77d42a;
  border-radius:3px;
  border:2px solid #268a16;
  display:inline-block;
  cursor:pointer;
  color:#215900;
  font-family:Trebuchet MS;
  font-size:17px;
  font-weight:bold;
  padding:6px 19px;
  text-decoration:none;
  text-shadow:0px 1px 0px #aade7c;
}
.myButton:hover {
  background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
  background-color:#5cb811;
}
.myButton:active {
  position:relative;
  top:1px;
}



.form-control {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #171b1d;
  -webkit-appearance: none;
  -webkit-box-shadow: 0 1px rgba(255, 255, 255, .1), inset 0 1px 2px rgba(0, 0, 0, .6);
  -moz-box-shadow: 0 1px rgba(255, 255, 255, .1), inset 0 1px 2px rgba(0, 0, 0, .6);
  box-shadow: 0 1px rgba(255, 255, 255, .1), inset 0 1px 2px rgba(0, 0, 0, .6);
  border: 1px solid rgba(0, 0, 0, .9);
  margin-bottom: 10px;
  font-size: 13px;
  margin-top: 10px;
  color: #bdbdbd;
}
.form-control:focus {
  border-color: #00cf8b;
  color: #cbcbcb;
  background-color: #171b1d;
  box-shadow: inset 0 0px 0px #00cf8b, 0 0 0px #00cf8b67;
}
.form-control:active {
  background-color: #171b1d !important;
  color: #cbcbcb;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #0f1010;
  color: #4a4a4a;
}
.register-form-wrapper {
  display: block;
  margin: -1px auto 41px auto;
  float: none;
  background: #1a1e1e;
  padding: 20px;
  position: relative;
  top: 30px;
  border: 1px solid black;
}

.form-compress {
  max-width: 550px;
}