@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Press+Start+2P&display=swap');

body{
  font-family: 'Inter', sans-serif !important;
}

h1, h3, h4, h5{
	font-family: 'Inter', sans-serif;
}

h5{
  font-size: 12px !important;
  font-weight: 600;
}

ins{
	color: #4E64DD;
}

html, body {
  height: 100%;
  overflow-y: auto;
  overflow: inherit !important;
  background-color: #F6F9FF;
}

.fondo-img-login{
	background-image: url('images/fondo-login.jpg');
}

.card-footer{
	justify-content: center;
    align-items: center;
    display: block !important;
    padding-bottom: 2vh;
    padding-top: 2vh;
}
.card-content{
    background-color: #FFF !important;
   }

.navbar-menu label{
  padding-right: 4px;
}

.badge.is-left {
  left: 18% !important;
  right: auto !important;
  top: 120% !important;
  transform: translate(-50%, -50%) !important;
}

.badge.is-right {
  right: -18% !important;
  left: auto !important;
  top: 120% !important;
  transform: translate(-50%, -50%) !important;
}

#icalendar td:hover
{
    background-color: #EFEFEF;
}


.calendario tbody td
{
    font-size: 14px !important;
    height: 100%;
    
  }

td a {
  height:100%;
  width:100%;
  align-items: center;
}

table.e-calendar-view tbody td
{
    width: 12vw !important;
    height: 50px;
    font-size: 18px;
    vertical-align: middle;
}

.has-text-warning{
  color:#FFE08A;
}

td h2{
  font-size: 28px;
  line-height: 1.5em;
  font-weight: 600;
  display: table-cell;
  vertical-align: top;
}

.iconos{
position: absolute;
top: 55%;
right: 8%;
}

.naranjo{
  color: #ffa916 !important;
}


.verde{
  color: #4bd11f;
}

.rojo{
  color: #f91313;
}

.is-rojo{
  background-color: #f91313;
}

.columns.is-vcentered {
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}

.modal2{
    align-items: center;
    display: none;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 40;
}

table p{
  font-size: 12px;
}

.message.morado{
  background-color: #ffeaff;
}

.message-body.morado{
  border-color: #E76BF2;
  color: #B956C2;
}

.message.chocolate{
  background-color: #ffeedb;
}

.message-body.chocolate{
  border-color: #786043;
  color: #54432F;
}

.message.pantano{
  background-color: #ebffe2;
}

.message-body.pantano{
  border-color: #48693B;
  color: #56993C;
}

.message.gris{
  background-color: #edfaff;
}

.message-body.gris{
  border-color: #243338;
  color: #627C85;
}

.uploader {
  cursor: pointer !important;
  position: relative;
  overflow: hidden;
  display: inline;
}

.chooseFile {
  position: absolute !important;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
}

#thumbnail {
  max-height: 20vh !important;
  margin: auto;
  cursor: pointer;
  width: auto;
}

  #mantencion-grid{
    margin: auto;
  }

  #tabla-convertida thead tr{
    background-color: #08164F;
    font-size: 16px;
    line-height: 1.5em;
  }
  #tabla-convertida thead{
        border-radius: 15px;
  }

  #tabla-convertida thead tr a{
    color: #FFF;
  }

.grid-view table thead {
    background-color: #FF0000;
    border-radius: 25px;
}

  #tabla-convertida table, th, td, tr, thead {
  border-collapse: collapse;
  border: none;
}
 #tabla-convertida th{
  color: #FFF;
  text-align: center;
 }


  #tabla-convertida .dataTables_info
  {
    margin-left: 4vw;
  }

  #tabla-convertida tbody{
    font-size: 14px;
    text-align: center;
    color: #3A4A72;
  }
  #tabla-convertida tbody tr:hover{
    background-color: #f4f4f4;
  }
  #tabla-convertida .filters{
    display: none;
  }

  @media screen and (min-width: 768px){
    .table-container{
      overflow-x: hidden !important;
      max-width: 90%;
    }
    html{
      overflow-x: hidden !important;
    }
  }

  #sidebar button{
      width: 90% !important;
      margin: auto;
   }

   .fulltabla table{
    width: 100% !important;
    margin: auto !important;
   }

  .colorized-table thead tr{
    background-color: #828282;
    font-size: 14px;
    line-height: 1.5em;
    color: #FFF !important;
  }

  .colorized-table .table thead td, .table thead th{
    color: #FFF;
  }

  .charlie-azul{
    color: #2E55A5 !important;
  }

  .charlie-azuloscuro{
    color: #3A4A72 !important;
  }

  .button.lavender {
    background-color: #E3ECFF !important;
    border-color: transparent;
    color: rgba(0, 16, 55, 1);
}

  .button.lavender i{
      color: rgba(46, 85, 165, 1);
  }

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

  .navbar.is-dark a.navbar-item:hover, a.navbar-item:visited{
    background-color: rgb(58, 74, 114, 0.7) !important;
  }

  .navbar.is-dark a:hover{
    color: #FFF;
  }

  .azultransparente {
    background-color: transparent !important;
    border-color: #2E55A5 !important;
    color: #2E55A5 !important;
    border-radius: 10px !important;
    font-weight: 300;
    font-size: 1em;
}

.tabs li{
  font-weight: 600 !important;
}

.tabs a:hover, li.is-active a{
  transition-duration: 0.3s;
  border-bottom-color: #4CC8ED !important;
  border-bottom-width: 2px;
  color: #08164F !important;
}

.tabs a{
   border-bottom-color: #F6F9FF !important;
   color: #7D8FBD !important;
   border-bottom-width: 2px !important;
}

.button.is-rounded{
  border-radius: 10px !important;
}

a.is-transparent{
  background-color: transparent !important;
  border-color: transparent;
  color: rgba(46, 85, 165, 1);
  font-weight: 600;
}

a.is-transparent:hover{
  background-color: transparent !important;
  border-color: transparent;
  color: rgba(46, 85, 165, 1);
  font-weight: 900;
}

.button.azuloscuro{
  background-color: #001037 !important;
  border-color: transparent;
  color: #F1F2F5 !important;
  font-weight: 500;
  border-radius: 10px;
}

.azuloscuro{
  background-color: #001037 !important;
  border-color: transparent;
  color: #F1F2F5 !important;
  font-weight: 300;
  border-radius: 15px;
}

#tabla-convertida thead{
    position: sticky;
    top: 0;
}

.navbar2 .button:hover{
  transition-duration: 0.5s;
  background-color: #001037 !important;
  border-color: transparent;
  color: #F1F2F5 !important;
  font-weight: 300;
  border-radius: 15px;
}

  p .reply{ 
    border-style: none !important; 
    border-color: Transparent !important; 
    overflow: auto;
    box-shadow: none !important;        
  }

div .select-charlie{
  background-color: #E3ECFF !important;
  font-weight: 500 !important;
  border-radius: 0 10px 10px 0 !important;
  border-left: none !important;
}

.select-span{
  border-radius: 10px 0 0 10px !important;
  border-right: none !important;
  color: #001037!important;
}

.select:after {
  border-color: #47BADC !important;
}

textarea::placeholder {
  color: #C5CAD7 !important;  
}

.select-charlie:focus, .select-charlie:hover, .fecha:focus, .fecha:hover{
  box-shadow: none !important;
  border-color: #dbdbdb !important;
}

.fecha, .fecha:focus{
  min-height: 100% !important;
  border-radius: 0 10px 10px 0 !important;
  box-shadow: none !important;
  border-color: #dbdbdb !important;
  background-color: #E3ECFF !important;
  border-style: solid !important;
  outline: none !important;
}

.cargo{
  color: #7d8fbd !important;
  font-weight: 300;

}

.light-span{
  color: #7d8fbd !important;
  font-weight: 300 !important;
}

.dark-span{
  color: #001037;
  font-weight: 500;
}

.textreply{
  font-size: 1em !important;
}

.fakebutton{
  background-color: transparent !important;
  border: none !important;
}

  .tabla-charlie thead{
        border-radius: 15px;
  }

  .tabla-charlie thead tr a{
    color: #FFF;
  }

.grid-view table thead {
    background-color: #FF0000;
    border-radius: 25px;
}

  .tabla-charlie table, th, td, tr, thead {
  border-collapse: collapse;
  border: none;
}
 .tabla-charlie th{
  color: #FFF;
  text-align: center;
 }


  .tabla-charlie .dataTables_info
  {
    margin-left: 4vw;
  }

  .tabla-charlie tbody{
    font-size: 14px;
    text-align: center;
    color: #3A4A72;
  }
  .tabla-charlie tbody tr:hover{
    background-color: #f4f4f4;
  }

  .tabla-charlie thead tr{
    background-color: #08164F !important;
    font-size: 16px;
    line-height: 1.5em;
    color: #FFF;
  }
  .tabla-charlie table thead tr th{
        color: #FFF !important;
  }

  .tabla-charlie thead tr a, thead tr th{
    color: #FFF;
  }

  @media print
  {    
      .noPrint
      {
          display: none !important;
      }
      .pagebreak {
        clear: both;
        page-break-after: always;
    }
  }

  @media screen and (min-width: 768px){
    .mobile-only{
      display: none !important;
    }
  }

.indexblock{
  min-height: 42vh !important;
}

.content.is-vcentered {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}