/*  STYLE PROPIO DE LA APLICACION */
html,
body {
  background-color: #fff;
  color: #636b6f;
  font-family: "Raleway", sans-serif;
  font-weight: 100;
  height: 100vh;
  margin: 0;
}

main {
  padding-left: 300px !important;
}

.nav-wrapper {
  background-color: #009688 !important;
}

.sidenav {
  background-image: linear-gradient(
    to right,
    #0c2448,
    #13375e,
    #194b75,
    #1e608c,
    #2376a3
  );
}

.menu {
  padding-left: 300px !important;
  background-color: rgba(0, 0, 0, 0.03);
}

@media only screen and (max-width: 992px) {
  main,
  .menu {
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 692px) {
  #logCard {
    width: 500px !important;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 90% !important;
  }
}

.full-height {
  height: 100vh;
}

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

.position-ref {
  position: relative;
}

.top-right {
  position: absolute;
  right: 10px;
  top: 18px;
}

.content {
  text-align: center;
}

.title {
  font-size: 4vw;
}

.links > a {
  color: #636b6f;
  padding: 0 25px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-decoration: none;
  text-transform: uppercase;
}

.m-b-md {
  margin-bottom: 30px;
}

.res-text {
  font-size: 1vw !important;
}

.center-btn {
  text-align: center !important;
}

/*#slide-out {
    background-color: rgba(33, 118, 188, 1) !important;
}*/

#slide-out a:hover {
  background-image: linear-gradient(
    to right,
    #c28514,
    #d49f16,
    #e3b91b,
    #f1d524,
    #fbf231
  );
}

a {
  text-decoration: none !important;
}
ion-icon {
  color: blue;
}
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 */
}
.colorfilas {
  background-color: #1e608c;
}
table {
  table-layout: fixed;
}

.datepicker-modal {
  height: 396px !important;
}

.swal2-content .select-wrapper {
  display: none !important;
}