@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
/*font-family: 'Rubik', sans-serif;*/

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  font-family: 'Rubik', sans-serif;
}

main {
	flex: 1 0 auto;
  background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
}

/*Main elements*/

.grey_page {
	background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
}

.red_page {
	background-color: #BF3030 !important;
}

#info {
	padding: 1.5% 3%;
}

#info_2 {
	display: flex !important;
  margin-top: 0px;
  justify-content: center;
  align-items: center;
  place-content: center;
}

#stat {
	display: flex !important;
  text-align: center;
  justify-content: center;
  text-align: -webkit-center;
  place-content: center;
  margin-top: 0px;
  margin-bottom: 0;
}

.stat_1 {
	margin: 0 2%;
	min-width: 230px;
	width: 230px;
}

.but_enter {
	font-family: 'Rubik', sans-serif;
	background-color: #e54c52 !important;
}

#img_trx {
	width: 30px;
}

.img-w25 {
	width: 28px;
}

.input_wallet {
	max-width: 800px;
  font-size: 20px !important;
}

.input_wallet:focus {
  border-bottom: 1px solid #f44336 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  padding-left: 5px !important;
}

.input_dep:focus {
  border-bottom: 1px solid #f44336 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.input_dep {
	width: 205px !important;
  text-align: center !important;
  margin-bottom: 20px !important;
}

.input_dep_2:focus {
  border-bottom: 1px solid #f44336 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.input_dep_2 {
	width: 250px !important;
  text-align: center !important;
  margin-bottom: 20px !important;
}

.div-dep {
	display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.prof {
	color: whitesmoke;
	display: flex;
  justify-content: center;
}

.bonus {
	display: flex;
  align-items: center;
  justify-content: space-between;
}

.stat_color {
	color: #e9364b !important;
}

#about {
	display: flex !important;
  margin-top: 0px;
  justify-content: center;
  place-content: center;
  max-width: 1228px;
}

.input_calc {
	font-weight: bolder !important;
  font-size: 23px !important;
}

.mail_tg {
	max-width: 50px;
  margin-right: 10px;
}

.bb1grey {
	border-bottom: 1px solid rgb(118 118 118) !important;
}

.br1grey {
	border-right: 1px solid rgb(118 118 118) !important;
}

td, th {
  border-right: 1px solid rgb(118 118 118) !important;
}

table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  width: 100% !important;
  border: 1px solid #ddd !important;
  caption-side: top !important;
}

th, td {
  text-align: left !important;
  padding: 8px !important;
  font-size: 17px;
  color: whitesmoke !important;
  font-weight: normal !important;
}

tr:nth-child(even){
  background-color: #83838317 !important;
}

i {
  padding-right: 4px !important;
}

.profile-head {
	display: flex;
  justify-content: space-around;
}

.profile_middle {
	display: flex;
  justify-content: center;
  align-items: center;
}

.invest_top {
	display: flex;
  justify-content: center;
  align-items: center;
}

.img-cab {
	display: flex;
  justify-content: center;
  align-items: center;
  margin: 2px 0px;
}

.border-cab {
  padding: 10px;
  box-shadow: 0px 1px 0px #4c5764;
}

.adept_h5_img {
	display: flex;
  align-items: center;
}

.input_ref {
	text-align-last: center;
  text-align: -webkit-center;
  font-size: 20px !important;
  color: #ffffff;
  font-weight: bolder;
  width: 100% !important;
}

.ref-none {
	display: none;
}

.ref_ul {
	background: #434f5c !important;
}

.active_ref {
	background-color: rgb(185 60 65) !important;
	border-radius: 3px;
}

.calc_cab_invest {
	width: 100% !important;
	text-align-last: center !important;
	text-align: -webkit-center !important;
	margin-top: 16px !important;
}

.div-accept {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 3%;
}

.img-soon {
  width: 150px !important;
  margin: 10px;
  background: #414d5a;
  border-radius: 5%;
  padding: 10px;
  box-shadow: 0px 0px 0px 2px whitesmoke;
  cursor: pointer;
}

.img-soon:hover {
  background: #373737;
}

tbody {
  border-right: 1px solid #606468 !important;
}

#epaycore {
  border-radius: 50%;
  padding: 4px;
  background: linear-gradient(90deg,#1f0e186b 0,#201e346b 26%,#201e346b 75%,#1f0e186b);
}

#footer_t {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}