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

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

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

.ZebraDialog {
  z-index: 9999;
}

/*------------------------------------------------------
/*                      BODY
/*------------------------------------------------------ */
body {
  background:#2c3e50;
}

/* 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;
}

#navbarNav a:hover {   /* MENU */
  font-size:18px;
  margin:1px;
}

/*------------------------------------------------------
/*           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;  
}

.ledVerde {
  background-color:lime;
}

.ledRojo {
  background-color:red;
}

.ledSilver {
  background-color: silver;
}

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

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

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

.fontTahoma {
  font-family: tahoma;
  font-size: 28px;
  color: orange;
  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;
}

.colorAzul {
  color:blue;
}

.colorNegro {
  color:black;
}

.colorMaroon {
  color:maroon;
}

.colorAmarillo {
  color:yellow;
}

.colorNaranja {
  color:goldenrod;
}

.colorDarkCyan {
  color: darkcyan;
}

.colorCyan {
  color:cyan;
}

.colorGris {
  color: darkslategray;
}

.colorVerde {
  color:green;
}

.colorBlanco {
  color:white;
}

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

.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;
}



/* -------------------------------------
/* CSS para los Selectores de Fecha */
/* -------------------------------------

/* Removes the clear button from date inputs */
input[type="date"]::-webkit-clear-button {
  display: none;
}

/* Removes the spin button */
input[type="date"]::-webkit-inner-spin-button { 
  display: none;
}

/* Always display the drop down caret */
input[type="date"]::-webkit-calendar-picker-indicator {
  color: #2c3e50;
}

/* A few custom styles for date inputs */
input[type="date"] {
  appearance: none;
  -webkit-appearance: none;
  color: #95a5a6;
  font-family: "Helvetica", arial, sans-serif;
  font-size: 18px;
  border:1px solid #ecf0f1;
  background:#9ab7be;
  padding:5px;
  display: inline-block !important;
  visibility: visible !important;
}

input[type="date"], focus {
  color:navy;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}