*{
  font-size: 101%;
}
main{
  background-image: url(../images/portal/knit2.png);
  background-repeat: repeat;
  /* Background-size: cover; */
}
nav{
  background-image: url(../images/portal/steel.png);
  background-repeat: repeat;
}
footer{
  background-image: url(../images/portal/steel.png);
  background-repeat: repeat;
}
.blue-wallpaper{
  background-image: url(../images/portal/steel.png);
  background-repeat: repeat;
}
.logo{
  max-width: 60%;
  max-height: 70%;
}
.icon{
  max-width: 60%;
  height: 130px;
  display: flex;
}
.modalbg{
  background: rgba(242,246,248,1);
  background: -moz-radial-gradient(center, ellipse cover, rgba(242,246,248,1) 0%, rgba(234,239,242,1) 16%, rgba(216,225,231,1) 49%, rgba(222,235,244,1) 75%, rgba(224,239,249,1) 86%, rgba(224,239,249,1) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(242,246,248,1)), color-stop(16%, rgba(234,239,242,1)), color-stop(49%, rgba(216,225,231,1)), color-stop(75%, rgba(222,235,244,1)), color-stop(86%, rgba(224,239,249,1)), color-stop(100%, rgba(224,239,249,1)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(242,246,248,1) 0%, rgba(234,239,242,1) 16%, rgba(216,225,231,1) 49%, rgba(222,235,244,1) 75%, rgba(224,239,249,1) 86%, rgba(224,239,249,1) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(242,246,248,1) 0%, rgba(234,239,242,1) 16%, rgba(216,225,231,1) 49%, rgba(222,235,244,1) 75%, rgba(224,239,249,1) 86%, rgba(224,239,249,1) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(242,246,248,1) 0%, rgba(234,239,242,1) 16%, rgba(216,225,231,1) 49%, rgba(222,235,244,1) 75%, rgba(224,239,249,1) 86%, rgba(224,239,249,1) 100%);
  background: radial-gradient(ellipse at center, rgba(242,246,248,1) 0%, rgba(234,239,242,1) 16%, rgba(216,225,231,1) 49%, rgba(222,235,244,1) 75%, rgba(224,239,249,1) 86%, rgba(224,239,249,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=1 );
}

.sizefull{
  min-height: 80vh;
}

div[id='formshadow']{
  box-shadow: 2vh 2vh 5vh #000000;
  background: #EAEAEA;
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  border: 0px solid #000000;
}

div[id='shadowactivated']{
  background-image: url(../images/portal/steel.png);
  font-size: 150%;
  /* background: #EAEAEA; */
  border-radius: 45px 45px 45px 45px;
  -moz-border-radius: 45px 45px 45px 45px;
  -webkit-border-radius: 45px 45px 45px 45px;
  border: 2px solid #000000;
}

div[id='shadowactivated']:hover{
  box-shadow: 2vh 2vh 5vh #F79F81;
}
.etiquetas{
  font-size: 130%;
  color: white;
}
.vac{
  background-color: #4A235A;
}
.pcg{
  background-color: #82E0AA;
}
.psg{
  background-color: #0B5345;
}
.ret{
  background-color: #D4AC0D;
}
.fal{
  background-color: #C0392B;
}
.faj{
  background-color: #EC7063;
}
.cas{
  background-color: #1B2631;
}

@media (min-width: 768px) {
  .sizefull {
    min-height: 85vh;
  }
  div[id^='card']:hover{
    background-repeat: no-repeat;
    Background-size: cover;
    border: none;
    box-shadow: 2vh 2vh 5vh #D36E70;
    font-size: 0;
    text-decoration-color: inherit;
  }
  div[id^='card']>:hover #fantasma{
    visibility: hidden;
    position: absolute;
  }
  a.custom-card,
  a.custom-card:hover {
    color: inherit;
  }
  .calendar{
    max-width: 90%;
    height: 70%;
  }
}
@media (max-width: 768px){
  div[id^='card']{
    font-size: 0;
    height: 25vh;
    background-size: cover;
  }
  /* #card1 {
   background-image: url(../img/cards/reportes.jpg);
  }
  #card2{
   background-image: url(../img/cards/usuarios.jpg);
  }
  #card3{
   background-image: url(../img/cards/zonas.jpg);
  }
  #card4{
    background-image: url(../img/cards/cajones.jpg);
  }
  #card5{
    background-image: url(../img/cards/estacionamiento.jpg);
  } */
  a.custom-card,
  a.custom-card{
    color: inherit;
  }
  .calendar{
    width: 100%;
  }
}
.calendar{
  background-color: #ffffff;
}
.card{
  height: 40vh;
  box-shadow: 1vh 1vh 5vh #343A40;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
.info{
  padding: 3px;
  border-radius: 3%;
  border-color: blue;
  border-style:initial;
  background-color: #E0ECFA;
  color: black;
}
.table{
  background-color: #f5f5f58c;
}
.phwfa {
  font-family: 'Arial', 'Font Awesome 5 Free' !important;
  /* font-family: 'Helvetica', Fontawesome, sans-serif; */
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #E0ECFA;
 }
.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
  background-color: #F7F7F7;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #BDD6F7;
}
#preview img {
  width:100%;display:block;
}