@charset "UTF-8";

.bg-pastel-pink{ background-color: var(--abc-light-pink);}
.bg-gray-100{ background-color: var(--bs-gray-100);}
.bg-gray-200{ background-color: var(--bs-gray-200);}
.bg-gray-250{ background-color: var(--abc-gray-250);}
.bg-gray-300{ background-color: var(--bs-gray-300);}
.bg-gray-400{ background-color: var(--bs-gray-400);}
.bg-gray-450{ background-color: var(--abc-gray-450);}
.bg-gray-500{ background-color: var(--bs-gray-500);}
.bg-gray-600{ background-color: var(--bs-gray-600);}

.bg-mask-050{ background-color: rgba(255, 255, 255, 0.050);}
.bg-mask-100{ background-color: rgba(255, 255, 255, 0.10); }
.bg-mask-150{ background-color: rgba(255, 255, 255, 0.15); }
.bg-mask-200{ background-color: rgba(255, 255, 255, 0.20); }
.bg-mask-250{ background-color: rgba(255, 255, 255, 0.25); }
.bg-mask-300{ background-color: rgba(255, 255, 255, 0.30); }
.bg-mask-350{ background-color: rgba(255, 255, 255, 0.35); }
.bg-mask-400{ background-color: rgba(255, 255, 255, 0.40); }
.bg-mask-450{ background-color: rgba(255, 255, 255, 0.45); }
.bg-mask-500{ background-color: rgba(255, 255, 255, 0.50); }
.bg-mask-550{ background-color: rgba(255, 255, 255, 0.55); }
.bg-mask-600{ background-color: rgba(255, 255, 255, 0.60); }
.bg-mask-650{ background-color: rgba(255, 255, 255, 0.65); }
.bg-mask-700{ background-color: rgba(255, 255, 255, 0.70); }
.bg-mask-750{ background-color: rgba(255, 255, 255, 0.75); }
.bg-mask-800{ background-color: rgba(255, 255, 255, 0.80); }
.bg-mask-850{ background-color: rgba(255, 255, 255, 0.85); }
.bg-mask-900{ background-color: rgba(255, 255, 255, 0.90); }
.bg-mask-950{ background-color: rgba(255, 255, 255, 0.95); }

.bg-dark-050{ background-color: rgba(0,0,0, 0.050) !important;}
.bg-dark-100{ background-color: rgba(0,0,0, 0.100) !important;}
.bg-dark-150{ background-color: rgba(0,0,0, 0.150) !important;}
.bg-dark-200{ background-color: rgba(0,0,0, 0.200) !important;}
.bg-dark-250{ background-color: rgba(0,0,0, 0.250) !important;}
.bg-dark-300{ background-color: rgba(0, 0, 0, 0.3) !important;}
.bg-dark-350{ background-color: rgba(0,0,0, 0.350) !important;}
.bg-dark-400{ background-color: rgba(0,0,0, 0.400) !important;}
.bg-dark-450{ background-color: rgba(0,0,0, 0.450) !important;}
.bg-dark-500{ background-color: rgba(0,0,0, 0.500) !important;}
.bg-dark-550{ background-color: rgba(0,0,0, 0.550) !important;}
.bg-dark-600{ background-color: rgba(0,0,0, 0.600) !important;}
.bg-dark-650{ background-color: rgba(0,0,0, 0.650) !important;}
.bg-dark-700{ background-color: rgba(0,0,0, 0.700) !important;}
.bg-dark-750{ background-color: rgba(0,0,0, 0.750) !important;}
.bg-dark-800{ background-color: rgba(0,0,0, 0.800) !important;}
.bg-dark-850{ background-color: rgba(0,0,0, 0.850) !important;}
.bg-dark-900{ background-color: rgba(0,0,0, 0.900) !important;}
.bg-dark-950{ background-color: rgba(0,0,0, 0.950) !important;}


.bg-blue-dark{ background-color: #10069F !important;}
.bg-blue{background-color: blue !important;}
.bg-blue-sky{ background-color:lightsteelblue!important;}

/* .bg-note-block { background-color: rgba(11, 137, 240, 0.5);} */
.bg-gainsboro{ background-color: rgb(75, 61, 61);}
.bg-dark-gray{ background-color: rgb(147, 141, 141) !important;}
.bg-header{ background-color: var( --abc-primary);}
.bg-pink{ background-color: var( --abc-pink);}
.bg-hot-pink { background-color: var( --abc-hot-pink);}
.bg-deep-pink{ background-color: var( --abc-deep-pink);}
.bg-transparent-pink{ background-color: rgb(255,182,193, 0.70);}
.bg-purple{ background-color: var(--abc-purple) !important;}
.bg-neon-blue{ background-color: var( --abc-neon-blue);}


/* Estándares para colores y tamaño de letras */
.blue-v2 { color: #0c3352;}
.gray-v2 { color: #a4aeb9;}

.gray-v2:hover { color: #0c3352;}

.blue-back-v2 {background-color: #0c3352;}

.title-v2   { font-size: 18px;}
.subtitle-v2{ font-size: 16px;}

.detail-v2{font-size: 10px;}

.grid-hv:hover{ background-color: #cbcccd;}

/* Colores para grid-view */
.bg-grid-title-gray{ background-color: #C0C0C0!important;}
.bg-grid-title-gray-dark{ background-color: #A9A9A9 !important;}
.bg-grid-title-dim-gray{ background-color: #696969 !important;}
.bg-grid-data-gray-light{ background-color: #DCDCDC !important}

/* Widgets */
.widget-primary {
  background-color: white;
}

.widget-secundary {
  background-color: #0c3352;
}

.widget-gradient {
	background-image: linear-gradient(to bottom right, #D45BA1, #A784E0);
}


.row-active{
  background-color: var(--ic-azul);
  font-weight: bolder;
  font-size: 115%;
  color: var(--ic-blanco) ;
  text-shadow: none;
}