html,
body {
  color: #000000;
  height: 100%;
}
body {
  background-color: #ffffff;
}
header {
  width: 100%;
  background-image: linear-gradient(to bottom, #262626 0, #464646 112px);
  color: #e0e0e0;
  text-align: center;
  height: 112px;
  position: relative;
}
header img {
  margin-top: 10px;
  height: 145px;
}
header h1 {
  font-size: 30px;
  padding-top: 20px;
  font-weight: bold;
  margin-top: 0;
}
header h2 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px;
  line-height: 3em;
}
header .counters {
  background-color: rgba(149, 192, 230, 0.5);
  border-radius: 4px;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px 10px;
  text-align: right;
}
header .counters .regs span.num,
header .counters .cons span.num {
  font-weight: bold;
  font-size: 1.3em;
}
.welcome {
  text-align: center;
  background-color: #222;
  color: #fff;
}
.main {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
  margin-top: 25px;
  text-align: center;
}
@media (min-width: 992px) {
  .main {
    float: left;
    width: 100%;
  }
}
.main .wrapper {
  margin-left: -15px;
  margin-right: -15px;
}
.main .wrapper:before,
.main .wrapper:after {
  content: " ";
  display: table;
}
.main .wrapper:after {
  clear: both;
}
.main .descripcion {
  background-color: rgba(149, 192, 230, 0.5);
  padding: 5px 10px;
  margin: 10px auto;
  max-width: 80%;
}
.main .descripcion p {
  text-align: left;
}
.main .descripcion p.nota {
  font-size: 90%;
}
.main .form-group {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.main .size-half {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .main .size-half {
    float: left;
    width: 50%;
  }
}
.main .size-half-nomargin {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  float: left;
  width: 100%;
}
@media (min-width: 992px) {
  .main .size-half-nomargin {
    float: left;
    width: 50%;
  }
}
.main .size-full {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
.collapsePanel::after {
  clear: both;
  content: " ";
  display: table;
}
.collapsePanel h3.toggler {
  cursor: pointer;
  background-color: #e6e6e6;
  border-radius: 4px;
  border: solid 2px #cccccc;
  padding: 3px;
}
.collapsePanel h3.toggler::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  float: right;
  font-size: 0.7em;
  line-height: 1.6em;
  content: "\f068";
  margin-right: 5px;
}
.collapsePanel h3.toggler.collapsed::after {
  content: "\f067";
}
.dashboard-item {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .dashboard-item {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .dashboard-item {
    float: left;
    width: 33.33333333333333%;
  }
}
@media (min-width: 1200px) {
  .dashboard-item {
    float: left;
    width: 25%;
  }
}
.dashboard-item .btn-dashboard {
  width: 100%;
}
.dashboard-item .btn-dashboard span.fa,
.dashboard-item .btn-dashboard span.fas,
.dashboard-item .btn-dashboard span.fab,
.dashboard-item .btn-dashboard span.far {
  height: 56px;
  margin-bottom: 5px;
}
.stats .stats-half {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}
@media (min-width: 992px) {
  .stats .stats-half {
    float: left;
    width: 50%;
  }
}
.stats .stats-full {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}
.stats .c3chart {
  float: left;
  max-width: 60%;
}
.stats .c3chart .c3-tooltip td.value {
  text-align: center;
}
.stats .c3legend {
  float: left;
  width: 40%;
  max-height: 320px;
  overflow: auto;
}
.stats .c3legend div {
  width: 100%;
  cursor: pointer;
}
.stats .c3legend span {
  display: inline-block;
  margin-left: 7px;
  margin-right: 7px;
  padding: 5px;
}
.stats .c3-legend-item-hidden {
  opacity: 0.35;
}
table.ui-jqgrid-htable {
  margin-top: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: rgba(200, 200, 200, 0.5);
}
table.ui-jqgrid-htable thead th + th {
  border-left: 1px solid rgba(100, 100, 100, 0.5);
}
table.ui-jqgrid-btable {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: rgba(200, 200, 200, 0.5);
}
table.ui-jqgrid-btable tbody td + td {
  border-left: 1px solid rgba(100, 100, 100, 0.5);
}
table.ui-jqgrid-btable tbody tr + tr {
  border-top: 1px solid rgba(100, 100, 100, 0.5);
}
table.ui-jqgrid-btable tbody td {
  padding: 5px 0;
}
table.ui-jqgrid-btable tbody tr.jqgfirstrow td {
  padding: 0;
  border: none;
}
table thead th {
  padding: 5px 0;
}
table thead th div.ui-th-div {
  text-align: center !important;
}
table thead th span.ui-jqgrid-resize {
  display: none;
}
table thead th div.ui-jqgrid-sortable {
  text-decoration: underline;
  cursor: pointer;
  color: #337ab7;
}
table thead th div.ui-jqgrid-sortable span.ui-icon-desc:after {
  content: " \f078";
}
table thead th div.ui-jqgrid-sortable span.ui-icon-asc:after {
  content: " \f077";
}
table thead th div.ui-jqgrid-sortable span.ui-state-disabled:after {
  content: "";
}
table thead th div.ui-jqgrid-sortable span:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
table.ui-pager-table {
  text-align: center;
  margin: 0 auto;
}
table.ui-pager-table table.ui-paging-pager {
  border-radius: 4px;
  border-color: #ddd;
  border-width: 1px;
  border-style: solid;
}
table.ui-pager-table table.ui-paging-pager tr {
  border-radius: 4px;
  border-color: #ddd;
  border-width: 1px;
  border-style: solid;
}
table.ui-pager-table table.ui-paging-pager td {
  padding: 6px 12px;
  color: #337ab7;
}
table.ui-pager-table table.ui-paging-pager td#input_pager {
  background-color: #337ab7;
}
table.ui-pager-table table.ui-paging-pager td input {
  text-align: center;
  background-color: #337ab7;
  color: white;
  border: none;
  margin: 0;
  padding: 0;
}
table.ui-pager-table table.ui-paging-pager td#first_pager:after {
  content: "\f049";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
table.ui-pager-table table.ui-paging-pager td#prev_pager:after {
  content: "\f04a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
table.ui-pager-table table.ui-paging-pager td#next_pager:after {
  content: "\f04e";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
table.ui-pager-table table.ui-paging-pager td#last_pager:after {
  content: "\f050";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loading.gif) center no-repeat #ffffff;
}
.btn-block {
  max-width: 80%;
  margin: 0 auto;
}
.btn-block-lista {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
}
a.enlace-reglas {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}
div.login {
  margin-bottom: 5px;
}
div.separator {
  margin-top: 10px;
  padding-top: 10px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.bg-info,
.bg-danger {
  border-radius: 5px;
  padding: 10px 15px;
}
.bg-info p,
.bg-danger p {
  margin: 0;
}
.bg-info,
.bg-danger {
  border-radius: 5px;
  padding: 10px 15px;
  margin-bottom: 15px;
  color: #000;
}
.bg-info p,
.bg-danger p {
  margin: 0;
}
.btn-primary {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #e6e6e6;
  color: #337ab7;
  font-weight: bold;
  border-width: 2px;
}
.btn-heavy {
  padding-top: 10px;
  padding-bottom: 10px;
  border-width: 2px;
}
.btn-half {
  width: 39.5%;
}
.reglas-albergue {
  background-color: rgba(100, 100, 100, 0.5);
  padding: 15px 10px;
  max-height: 300px;
  overflow: auto;
  margin-bottom: 20px;
}
table.listado {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
  background-color: rgba(200, 200, 200, 0.5);
  border-radius: 10px;
}
table.listado tr + tr {
  border-top: solid 1px rgba(100, 100, 100, 0.5);
}
table.listado td + td,
table.listado th + th {
  border-left: solid 1px rgba(100, 100, 100, 0.5);
}
table.listado td,
table.listado th {
  padding: 5px 10px;
  text-align: center;
}
table.listado td.acciones {
  text-align: right;
}
table.listado th.sorted a.desc:after {
  content: " \f078";
}
table.listado th.sorted a.asc:after {
  content: " \f077";
}
table.listado th.sorted a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
table.listado th.header {
  color: #337ab7;
  cursor: pointer;
}
table.listado th.header.headerSortUp:after {
  content: " \f078";
}
table.listado th.header.headerSortDown:after {
  content: " \f077";
}
table.listado th.header:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
table.listado th.header:hover {
  text-decoration: underline;
  color: #23527c;
}
table.listado a.fa:hover,
table.listado a.fas:hover,
table.listado a.far:hover,
table.listado a.fab:hover,
table.listado a.fa:active,
table.listado a.fas:active,
table.listado a.far:active,
table.listado a.fab:active,
table.listado a.fa:focus,
table.listado a.fas:focus,
table.listado a.far:focus,
table.listado a.fab:focus {
  text-decoration: none;
}
table.listado a.fa + a.fa,
table.listado a.fas + a.fa,
table.listado a.far + a.fa,
table.listado a.fab + a.fa,
table.listado a.fa + a.fas,
table.listado a.fas + a.fas,
table.listado a.far + a.fas,
table.listado a.fab + a.fas,
table.listado a.fa + a.far,
table.listado a.fas + a.far,
table.listado a.far + a.far,
table.listado a.fab + a.far,
table.listado a.fa + a.fab,
table.listado a.fas + a.fab,
table.listado a.far + a.fab,
table.listado a.fab + a.fab {
  margin-left: 10px;
}
.top-20 {
  margin-top: 2em;
}
.top-10 {
  margin-top: 1em;
}
.bottom-20 {
  margin-bottom: 2em;
}
form.form-search {
  margin-bottom: 15px;
  position: relative;
}
form.form-search .input-group .btn-primary {
  border-width: 1px;
  padding: 6px 12px;
}
form.form-search div#filterCollapse {
  margin-top: 5px;
  position: absolute;
  z-index: 3;
  width: 100%;
}
form.form-search .form-radio label {
  margin-left: 5px;
}
form.form-search .form-radio label + input {
  margin-left: 20px;
}
.form-inline-search {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 10px;
  padding-top: 0;
}
.form-inline-search:before,
.form-inline-search:after {
  content: " ";
  display: table;
}
.form-inline-search:after {
  clear: both;
}
.form-inline-search input {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 75%;
}
.form-inline-search button {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 16.666666666666664%;
  padding: 5px 0;
}
.form-inline-search div.link-filter {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  float: left;
  width: 8.333333333333332%;
  text-align: right;
}
.form-inline-search div.link-filter a.fa-filter {
  padding: 8px 15px;
  max-width: 100%;
}
.form-inline-search div.collapse {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .main .descripcion,
  .main .form-group {
    max-width: 95%;
  }
}
@media (min-width: 601px) and (max-width: 940px) {
  body {
    background-position: center 198px;
  }
  header img {
    height: 145px;
  }
}
@media (max-width: 600px) {
  body {
    background-position: center 133px;
  }
  header img {
    height: 80px;
  }
}