@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

@font-face {
  font-family: "Nombre de la fuente";
  src: url("ruta/al/archivo.woff2") format("woff2"),
       url("ruta/al/archivo.woff") format("woff"),
       url("ruta/al/archivo.eot") format("eot"),
       url("ruta/al/archivo.svg") format("svg");
}

/***********************************************************
 * VARIABLES
 * */
#body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.regis-table tbody {
  display: block;
  height: 250px;
  overflow: auto;
}
.regis-table thead, .regis-table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed; /* even columns width , fix width of table too*/
}

.promo-template h1,
.promo-template h2,
.promo-template h3,
.promo-template h4,
.promo-template h5,
.promo-template h6,
.promo-template p,
.promo-template li,
.promo-template a,
.promo-template span,
.promo-template label {
  font-family: "Roboto", sans-serif;
  color: #364350;
}

.promo-login {
  background-color: #e8dfca;
}
.promo-login #loginform {
  max-width: 300px;
}
.promo-login #loginform label {
  margin-bottom: 0.7em;
}
.promo-login #loginform .login-submit {
  text-align: center;
}
.promo-login #loginform .login-submit input[type=submit] {
  align-self: center;
  background-color: #364350;
  color: #e8dfca;
  border: 2px solid;
  font-weight: 500;
}
.promo-login #loginform .login-submit input[type=submit]:hover {
  background-color: #e8dfca;
  color: #364350;
  border: 2px solid #364350;
}

/***********************************************************
 * MAIN SECTION STYLES
 *  */
.container .main {
  margin: 50px auto 0px auto;
}
.container .main-inner {
  padding: 10px;
  background-color: #f5efe6;
  border-radius: 20px;
}
.container .main-title, .container .main-stats {
  background-color: #e8dfca;
  border-radius: 10px;
  padding: 15px;
}
.container .main-title::nth-of-type(2), .container .main-stats::nth-of-type(2) {
  border-top: 1px solid #aebdca;
}
.container .main .stats-count span {
  font-size: 50px;
  font-weight: 700;
}
.container .user-section {
  background-color: #f5efe6;
  border-radius: 20px;
}
.container .user-section input {
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
  outline: none;
  border: none;
}
.container .user-section button[type=submit] {
  margin: 0!important;
}
.container .users button {
  background-color: #3498db;
}
.container .users-form, .container .users-content {
  background-color: #e8dfca;
}
.container .users-form {
  border-radius: 10px;
}

.container .users-content {
  align-self: flex-start;
  border-radius: 10px;
}

.gform_confirmation_message_1 {
  font-family: 'Gotham';
}

/*# sourceMappingURL=style.css.map */