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



.submit-button-send-1 {
  font-size: 15px;
  font-weight: bold;
  background: #0195fe;
  color: #ffffff;
  border: 1px solid #cccccc00;
  border-radius: 6px;
  padding: 8px 10px;
  margin: 4px 0px 15px 0px;
  width: 100%;
  text-align: center;
}


.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: #e7e7e7;
  color: #000000;
  font-weight: bold;
  margin-right: 5px;
}

.button-primary-2 {
  display: block;
  margin-top: 2rem;
  width: calc(44px * var(--ratio));
  height: 44px;
  border-radius: calc(3px * var(--ratio));
  border: none;
  letter-spacing: ccalc(3 * var(--leading, 0.025em));
  font-family: inherit;
  color: var(--grey-color);
  background-color: var(--light-color-bg);
  font-size: large;
  font-weight: 700;
}



.button-tournament-checkin:hover {
  background: linear-gradient(#000000, #000000);
  color: #87e3ff;
}





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





.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;
  border-radius: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 7px;
  font-size: 17px;
  border: 1px solid rgb(121, 124, 126);
  font-family: 'Albert Sans', sans-serif;
  margin-top: 5px;
  margin-bottom: 5px;
}

.formfield {
  width: 100%;
  /* margin-bottom: 20px; */
}

.formlable{
  margin-bottom: 0px;
}

/* 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 {
  background-color: transparent;
  /* 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;*/
}

input:-internal-autofill-selected {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}

.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: #171b1d30; */
  -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 #818181;
  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;
}



/* FORMS For USER / REGISTER - LOGIN - RECOVERT - PASS CHANGE - ACTIVATION */

.cont-back-01 {
  height: 100%;
  padding-top: 60px;
  padding-bottom: 130px;
  border-width: 0px;
  overflow: hidden;
}

.warnmsg2 {
  background: rgb(30, 31, 30);
  border-radius: 5px;
  padding-top: 6px;
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 20px;
  padding-bottom: 6px;
  border: 1px solid rgb(230, 88, 88);
}

.warnmsg2 p {
  margin-bottom: 0px;
  color: rgb(255, 223, 223);
  font-size: 13px;
  font-family: 'Albert Sans', sans-serif;
}


















































/* LOGIN OUTER */
.main-cont-frame {
  height: auto;
  background: radial-gradient(#2d2d2d 0%, #262626 100%), #262626;
  border-radius: 14px;
  padding: 0px;
  overflow: hidden;
  width: 100%;
  border: 3px solid rgb(21, 23, 24);
  position: relative;
  margin-bottom: 60px;
  box-shadow: 0px 0px 25px #0000007d;
  
  /* /// */
  /* min-height: 554px; */
  /* /// */

}


/* GOLD SPIN CONTAINER */
.gold-spin-fx {
  height: 100%;
  border-style: none;
  border-color: rgb(155, 163, 170);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 10px rgb(19, 20, 21);
  position: relative;
}

/* GOLD SPIN ACTIVE */
.gold-spin {
  width: 1030px;
  height: 1130px;
  background: linear-gradient(-103deg, #ffb800 0%, rgb(179, 139, 0) 12%, #ffda56 13%, rgb(255, 222, 107) 33%, rgb(198, 168, 64) 34%, rgb(255, 163, 78) 41%, rgb(255, 244, 206) 62%, rgb(191, 149, 67) 62%, rgb(255, 245, 220) 87%, rgb(255, 191, 19) 100%);
  border-radius: 688px;
  position: absolute;
  margin-top: -190px;
  padding-top: 0px;
  margin-left: -316px;
}




/* INNER FORM DARK  */
.cont-form-inner {
  height: auto;
  padding: 20px;
  background: #171717;
  padding-top: 24px;
  padding-bottom: 25px;
  padding-right: 19px;
  padding-left: 19px;
  border-radius: 10px;
  border: 1px solid rgb(64, 67, 68);
  margin-right: 4px;
  margin-left: 4px;
  margin-top:4px;
  margin-bottom:4px;
  position: relative;

}

.cont-form-inner a {
  color: rgb(131, 131, 131);
  font-size: 14px;
}

.cont-form-inner a:hover {
  color: rgb(255, 255, 255);
}

.cont-form-inner .text-uppercase {
  color: rgb(255, 235, 165);
  margin-bottom: 15px;
  font-style: italic;
  text-align: center;
}


.date-input select {
  width: 100%;
  min-width: 90px;
  max-width: 120px;
}

.cont-form-inner input,
select {
  border-radius: 3px;
  font-size: 18px;
  background: rgb(7, 7, 7);
  padding-top: 3px;
  padding-right: 2px;
  padding-bottom: 3px;
  width: 100%;
  color: rgb(255, 255, 255);
  padding-left: 5px;
  border-width: 1px;
  border-color: rgb(62 62 62 / 70%);
  font-family: 'Albert Sans', sans-serif;
  line-height: 27px;
}

.cont-form-inner .btn {
  color: #858585;
  margin-left: 0px;
  margin-top: 15px;
  border: 1px solid #919191;
  font-weight: bold;
}

.cont-form-inner .btn:hover {
  transition: 0.3s;
  color: #000000;
  border: 1px solid #ffd900;
  background: radial-gradient(#fff5c3, #b79621);
}

.cont-form-inner p {
  margin-bottom: 5px;
  color: rgb(170, 170, 170);
}

.cont-form-inner form div {
  padding-top: 0px;
  margin-bottom: 10px;
}

.cont-form-inner form div p {
  margin-top: 8px;
  font-size: 12px;
}

.cont-form-inner p {
  margin-top: 8px;
  font-size: 12px;
}

.cont-form-inner .datepick {
  background: rgb(7, 7, 7);
  border-width: 1px;
  border-color: rgb(62, 62, 62);
  border-radius: 3px;
  padding-top: 3px;
  padding-right: 2px;
  padding-bottom: 3px;
  padding-left: 5px;
  font-size: 18px;
  font-family: 'Albert Sans', sans-serif;
  color: rgb(255, 255, 255);
}



.form-foot {
  padding: 10px;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.form-foot p {
  color: rgb(130, 133, 130);
  font-size: 13px;
  margin-top: 0px;
  font-family: 'Albert Sans', sans-serif;
  margin-bottom: 0px;
  line-height: 14px;
}

.composer_send {
  font-size: 15px;
  font-weight: bold;
  background: #0195fe;
  color: #ffffff;
  border: 1px solid #cccccc00;
  border-radius: 6px;
  padding: 10px 10px;
  margin: 4px 0px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.composer_attach {
  font-size: 15px;
  font-weight: bold;
  background: #5b41d3;
  color: #ffffff;
  border: 1px solid #cccccc00;
  border-radius: 6px;
  padding: 10px 10px;
  margin: 4px 0px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.media_attach {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 36px; 
  height: 36px; 
  border-radius: 60px;  
  font-size: 15px;
  font-weight: bold;
  background: #e25d81;
  color: #ffffff;
  border: 1px solid #cccccc00;
  margin: 4px 0px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.composer_ppv {
  font-size: 15px;
  font-weight: bold;
  background: #2ec05c;
  color: #ffffff;
  border: 1px solid #cccccc00;
  border-radius: 6px;
  padding: 10px 10px;
  margin: 4px 0px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.composer_tipping {
  font-size: 14px;
  font-weight: bold;
  background: #2ebf45;
  color: #ffffff;
  border: 1px solid #cccccc00;
  border-radius: 6px;
  padding: 10px 10px;
  margin: 4px 0px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  user-select: none;
}