.required:after {content: " \FF0A";font-size: 1em;color: red;}
.required_text {color: red;font-size: 1em;}
.gold_text {color: #FFD700;font-size: 2em;}
.sidebar-dark-csirs {background: #64624f !important;}
.sidebar-dark-blue {background: #455279 !important;}

body.login-page {
	background-color: #092039!important;
	/* Cambia por tu color hexadecimal */
	/* O si prefieres una imagen de fondo: */
	/* background-image: url('ruta/a/tu/imagen.jpg'); */
	/* background-size: cover; */
}
.rotate10deg {transform: rotate(10deg); rotate: 10deg;}

.info-badge {
  display: inline-flex; /* Allows the spans to sit side-by-side */
  border-radius: 3px; /* Slightly rounded corners for the whole badge */
  overflow: hidden; /* Ensures rounded corners are applied properly */
  font-family: sans-serif; /* Common font for badges */
  font-size: 12px;
  line-height: 1; /* Adjust line height for better vertical alignment */
}

.badge-label-p1 {
  background-color: #555; /* Darker background for the label part */
  color: white;
  padding: 4px 6px; /* Padding for the label text */
}

.badge-value-p1 {
  background-color: #007ec6; /* A different color for the value part (e.g., blue) */
  color: white;
  padding: 4px 6px; /* Padding for the value text */
}

.text-truncated {
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

#progressBarContainer {
    width: 100%;
    background-color: #f3f3f3;
    border-radius: 5px;
    margin-top: 10px;
}
#progressBar {
    width: 0%;
    height: 30px;
    background-color: #4CAF50;
    text-align: center;
    line-height: 30px;
    color: white;
    border-radius: 5px;
}

.progressBarContainer {
    width: 100%;
    background-color: #f3f3f3;
    border-radius: 5px;
    margin-top: 10px;
}
.progressBar {
    width: 0%;
    height: 30px;
    background-color: #4CAF50;
    text-align: center;
    line-height: 30px;
    color: white;
    border-radius: 5px;
}

.icon16px {width: 16px}
.icon20px {width: 20px}
.icon22px {width: 22px}
.icon24px {width: 24px}
.icon30px {width: 30px}
.icon32px {width: 32px}
.icon36px {width: 36px}
.icon38px {width: 38px}
.icon40px {width: 40px}
.icon41px {width: 41px}
.icon42px {width: 42px}
.icon44px {width: 44px}
.icon45px {width: 45px}
.icon48px {width: 48px}
.icon49px {width: 49px}
.icon55px {width: 55px}
.icon56px {width: 56px}
.icon58px {width: 58px}
.icon60px {width: 60px}
.icon64px {width: 64px}
.icon66px {width: 66px}
.icon72px {width: 72px}
.icon76px {width: 76px}
.icon80px {width: 80px}
.icon81px {width: 81px}
.icon87px {width: 87px}
.icon88px {width: 88px}
.icon92px {width: 92px}
.icon96px {width: 96px}
.icon100px {width: 100px}
.icon102px {width: 102px}
.icon104px {width: 104px}
.icon108px {width: 108px}
.icon118px {width: 118px}
.icon120px {width: 120px}
.icon128px {width: 128px}
.icon152px {width: 152px}
.icon160px {width: 160px}
.icon167px {width: 167px}
.icon172px {width: 172px}
.icon180px {width: 180px}
.icon196px {width: 196px}
.icon205px {width: 205px}
.icon216px {width: 216px}
.icon234px {width: 234px}
.icon236px {width: 236px}
.icon240px {width: 240px}
.icon256px {width: 256px}
.icon258px {width: 258px}
.icon320px {width: 320px}
.icon512px {width: 512px}
.icon1024px {width: 1024px}
.icon_1em {width: .1em}
.icon_2em {width: .2em}
.icon_3em {width: .3em}
.icon_4em {width: .4em}
.icon_5em {width: .5em}
.icon_6em {width: .6em}
.icon_7em {width: .7em}
.icon_8em {width: .8em}
.icon_9em {width: .9em}
.icon1em {width: 1em}
.icon1_1em {width: 1.1em}
.icon1_2em {width: 1.2em}
.icon1_3em {width: 1.3em}
.icon1_4em {width: 1.4em}
.icon1_5em {width: 1.5em}
.icon1_6em {width: 1.6em}
.icon1_7em {width: 1.7em}
.icon1_8em {width: 1.8em}
.icon1_9em {width: 1.9em}
.icon2em {width: 2em}
.icon2_1em {width: 2.1em}
.icon2_2em {width: 2.2em}
.icon2_3em {width: 2.3em}
.icon2_4em {width: 2.4em}
.icon2_5em {width: 2.5em}
.icon2_6em {width: 2.6em}
.icon2_7em {width: 2.7em}
.icon2_8em {width: 2.8em}
.icon2_9em {width: 2.9em}
.icon16px img,
.icon20px img,
.icon22px img,
.icon24px img,
.icon30px img,
.icon32px img,
.icon36px img,
.icon38px img,
.icon40px img,
.icon41px img,
.icon42px img,
.icon44px img,
.icon45px img,
.icon48px img,
.icon49px img,
.icon55px img,
.icon56px img,
.icon58px img,
.icon60px img,
.icon64px img,
.icon66px img,
.icon72px img,
.icon76px img,
.icon80px img,
.icon81px img,
.icon87px img,
.icon88px img,
.icon92px img,
.icon96px img,
.icon100px img,
.icon102px img,
.icon104px img,
.icon108px img,
.icon118px img,
.icon120px img,
.icon128px img,
.icon152px img,
.icon160px img,
.icon167px img,
.icon172px img,
.icon180px img,
.icon196px img,
.icon205px img,
.icon216px img,
.icon234px img,
.icon236px img,
.icon240px img,
.icon256px img,
.icon258px img,
.icon320px img,
.icon512px img,
.icon1024px img,
.icon_1em img,
.icon_2em img,
.icon_3em img,
.icon_4em img,
.icon_5em img,
.icon_6em img,
.icon_7em img,
.icon_8em img,
.icon_9em img,
.icon1em img,
.icon1_1em img,
.icon1_2em img,
.icon1_3em img,
.icon1_4em img,
.icon1_5em img,
.icon1_6em img,
.icon1_7em img,
.icon1_8em img,
.icon1_9em img,
.icon2em img,
.icon2_1em img,
.icon2_2em img,
.icon2_3em img,
.icon2_4em img,
.icon2_5em img,
.icon2_6em img,
.icon2_7em img,
.icon2_8em img,
.icon2_9em img,
.icon3em img {
  max-height: 100%;
  max-width: 100%;
}