/*------------------------------------------------------
/*                      HEADER
/*------------------------------------------------------ */
html {
  overflow-x: hidden;
}

/*------------------------------------------------------
/*              INICIALIZACION DE PAGINA
/*------------------------------------------------------ */

#divBotonesUsuarios,#divFormUsuarios,#tableUsuarios {  /*  USUARIOS  */
  display:none;
}

.ZebraDialog {
  z-index: 9999;
}

/*------------------------------------------------------
/*                      BODY
/*------------------------------------------------------ */
body {
  background:white;
}

/* MODAL XL  */
@media (min-width: 568px) {
  .modal-xl {
    width: 100%;
   max-width:1200px;
  }
}

/* TITULO Y SUBTITULO EN EXPLICACION DE MODULOS */
.mainTitle {
  font-size: 40px;
  color: rgb(43, 111, 175);
  margin-bottom: -5px;
}

.secondTitle {
  font-size: 22px;
  color: gray;
}

/*------------------------------------------------------
/*           CAROUSEL
/*------------------------------------------------------ */
.carousel-indicators li {
  background-color: black;
}
.carousel-indicators .active {
  background-color: #f0cb53;
}

.h5p1 h4 {
  font-weight: bold;
  color: yellow;
  background-color: rgba(0, 0, 0, 0.7);
}
.h5p1 p {
  font-weight: bold;
  color: black;
  background-color: rgba(255, 255, 0, 0.6);
}

/*------------------------------------------------------
/*                      CARDS
/*------------------------------------------------------ */

.card {
  /*margin-left:0px;*/
  margin-right:-15px;
  cursor:zoom-in;
  background:white;
}

.redTitle {
  margin-bottom:-5px;
  font-size:11px;
  color:red;
}

.card-text {
  font-size:12px;
  font-weight:bold;  
}

.card-text2 {
  font-size:18px;
  font-weight:bold;  
}

/*------------------------------------------------------
/*                      VARIOS
/*------------------------------------------------------ */

.fontFantasy {
  font-family: Helvetica;
  font-size: 52px;
  color: #1c5083;
  margin-top: 10px;
  margin-bottom: 5px;
}

.fontArial {
  font-family: arial;
  font-size: 20px;
  color: #4a8ece;
  margin-top: 10px;
  margin-bottom: 5px;
}

.fontTahoma {
  font-family: tahoma;
  font-size: 22px;
  color: #256894;
  margin-top: 10px;
  margin-bottom: 5px;
}

/* ---------------------------------------------------------- */

.bordeAzul {
  border: 1px solid blue;
}

.bordeRojo {
  border: 1px solid red;
}

.bordeNaranja {
  border: 1px solid orange;
}

.bordeGris {
  border-top: 1px solid rgb(89, 91, 92);
  border-bottom: 1px solid rgb(89, 91, 92);
}

/* ---------------------------------------------------------- */

.colorRojo {
  color:red;
}

.colorNegro {
  color: black;
}

.colorMaroon {
  color:maroon;
}

.colorAmarillo {
  color:yellow;
}

.colorNaranja {
  color:goldenrod;
}

.colorDarkCyan {
  color: darkcyan;
}

.colorCyan {
  color:cyan;
}

.colorGris {
  color: gray;
}

.colorVerde {
  color:green;
}

/* ---------------------------------------------------------- */

.bg-gris {
  background-color:gray;
}

.bg-silver {
  background-color:silver;
}

.bg-green {
  background-color:green;
}

.bg-black {
  background-color: black;
}

.bg-semiblack {
  background-color: #003300;
}

.bg-gold {
  background-color: rgb(245, 225, 176);
}

.bg-blanco {
  background-color: white;
}

.bg-blanco22 {
  background-color: azure;
}