/* Con esto se hace el menu hover (se despliega al pasar el mouse
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
	.navbar .nav-item .dropdown-menu-end{ right: 0; left: auto; }
*/


.navbgcolor {
    background-color: #1a4d80;
}

.footerbgcolor {
    background-color: #00376A;

}

.menutextcolor {
    color: white;
    /*font-family: monospace;*/
}

.dropdown-item:focus, .dropdown-item:hover {
    color: white;
	background-color: #1B4D7F;
}
.nav-link:focus, .nav-link:hover {
	color: white;
	background-color: rgba(0,0,0,.5);
	border-radius: 4px;
}

.margen-d {
  margin-right: 4rem;
}

/* Para hacer los link de colores diferentes sin afectar el resto.*/
a.footertextcolor{
    color: white;
    text-decoration: none;
}
a.hovercustom:hover {
    color: yellow;
}
.pr-2{
    padding-right: 2px;
}

.logo img {
  max-width: 125px;
}

.btn2 {
  border-radius: 0.0rem !important;
}

.login {
	padding-top: 10%;
}

hr.style-two {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.textcoloryellow {
    color: yellow;
}

.textpasswd {
    font-size: 10px;
    color: white;
}

.truncate {
  max-width:50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.underline-on-hover {
    color: black;
    text-decoration: none;
}

.underline-on-hover:hover {
    color: blue;
    text-decoration: underline;
}

.pagination-page-info {
    padding: .6em;
    width: 40em;
    margin: .5em;
    margin-left: 5px;
    font-size: 12px;
}
.pagination-page-info b {
    padding-left: 2px;
    padding: .1em .25em;
}


.dropdown:hover >.dropdown-menu{
    display: block !important;
  }
  .dropdown-submenu:hover > .dropdown-menu{
    display: block !important;
      left: 100%;
      margin-top: -37px;
  }

  .dropdown-item{
    font-size: small; /* 13px */
  }
  .dropdown-toggle::after{
    font-size: var(--font-md);
    margin-bottom: -2px;
  }
  .dropdown-menu li a.active{
    color:#fff;
  }

  .custom-toggle-arrow{
        font-size: 18px;
        margin-top: 1px;
        line-height: 12px;
  }

/* Se usa para ocultar contenido si la pantalla es de celular */
@media screen and (max-width:400px){
  .bloque {
    display:none
  }
}

/* agrega padding bottom en el logo si se ve en celulares */
@media screen and (max-width:400px){
  .padb {
    padding-bottom: 35px;
  }
}

.printfontsize {
  font-size: 12px;
}

.tamanofoto {
  width: 120px;
  height: 126px;
}


/* Previsualizar las fotos en el grid cuando se pasa el mouse */
.thumbnail {
  position: relative;
  z-index: 0;
}
.thumbnail:hover {
  background-color: transparent;
  z-index: 50;
}
.thumbnail span {
  /*CSS for enlarged image*/
  position: absolute;
  background-color: lightyellow;
  padding: 5px;
  left: -1000px;
  border: 1px dashed gray;
  visibility: hidden;
  color: black;
  text-decoration: none;
}
.thumbnail span img {
  /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
  /* height: 181px;
  width: 171px; */
}
.thumbnail:hover span {
  /*CSS for enlarged image on hover*/
  visibility: visible;
  top: 0;
  left: 60px; /*position where enlarged image should offset horizontally */
}
/* Fin Previsualizar fotos */


.fototamano {
  height: 181px;
  width: 171px;
}

.blink_text
{
    animation:1.2s blinker linear infinite;
    -webkit-animation:1.2s blinker linear infinite;
    -moz-animation:1.2s blinker linear infinite;
    color: red;
}

@-moz-keyframes blinker
{
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker
{
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker
{
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
 }

.textsizecitaciones {
  font-size: 12px;
}