/**************************************************
 *             COMPONENTS                         *
 * Reference:imagen-institucional/.../componentes *
 **************************************************/

/*******************************
 * CARDS - ARCHIVO DE SESIONES *
 *******************************/

.margin-card {
    margin-bottom:20px;
    width: 100% !important;
}
.border-right {
    border-right: 2px solid #a9a9a9 !important;
}
.horizontal-cards {
     border: 2px solid #C9C9C9 !important;
     vertical-align: middle;
     padding-left: 0;
     padding-right: 0;
}

.horizontal-card-title {
    padding: 15px 15px 5px;
    background-color:#534D6B !important;
}

h3.card-title {
     color: #FFFFFF !important;
     text-align: center;
     font-size: 1em;
}

.horizontal-card-text {
    padding:22px !important;
}

.horizontal-card-footer {
    background-color: #e6e6e6;
    color:#000000 !important;
    border:0;
    padding: 10px 0px 10px;
    text-align: center;
    border-top: 2px solid #C9C9C9 !important;
}

.icon-card {
     font-size: 2em;
     padding-right: 5px;
     color: #003A70;
}

/****************************
 * LANZAMIENTO CONVOCATORIA *
 ****************************/

.horizontal-card {
   border: 2px solid #C9C9C9 !important;
   text-align: center;
   padding-left: 0;
   padding-right: 0;
   text-align: center;
}

.horizontal-card-header {
   background-color: #FFFFFF !important;
   font-weight: bold;
   padding: 1.25rem 1.25rem;
}

.horizontal-card-body {
   background-color: #e6e6e6 !important;
   color:#003A70 !important;
   border:0;
   padding: 10px 25px 10px;
   border-top: 2px solid #c9c9c9;
}

a.text-purple{
   color: #35124F !important;
}

.border-right{
   border-right: 2px solid #C9C9C9 !important;
}


/*******************************************
 * CONCURSO IGUALDAD DE GÉNERO - GANADORES *
 *******************************************/

 .bg-ffffff {
    color: #FFFFFF !important;
}

.card {
     max-width: 18rem;
     border-radius:0 !important;
     border: 2px solid #c9c9c9 !important;
}

.card-header {
     color: #003A70 !important;
     font-weight: bold;
     background-color: #e6e6e6!important;
     border-bottom: 2px solid #c9c9c9 !important;
}

.card-body{
     color: #000000 !important;
     padding:10px !important;
     font-weight: bold;
    /* border-bottom: 2px solid #c9c9c9 !important;*/
}

.card-footer {
     padding:10px;
     border-radius:0 !important;
}

a.a-ffffff:focus,
a.a-ffffff:active,
a.a-ffffff:hover {
    outline-offset: 2px !important;
    outline: 2px solid #FFFFFF !important;
    text-decoration: none !important;
}

/*******************************
 * CONCURSO IGUALDAD DE GÉNERO *
 *******************************/
/* Background - Igualdad de Género_Inicio */
#unidad-genero {
	background-color: #e9e9e9;
	padding: 2em 2em 10.7em 2em;
	margin-bottom: 3em;
}

li.carrusel-controls {
        height: 35px !important;
        width: 35px !important;
        border-radius: 30px !important;
}

.carousel-indicators .active {
        background-color: #e9e9e9 !important;
}

.carousel-indicators li {
        border: 2px solid #003A70;
        width: 2em;
        height: 2em;
        border-radius: 70px !important;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
      width:60px !important;
      height:70px;
}

/******************************************
 * BUTTONS - COMITÉ DE SEGUIMIENTO_INICIO *
 ******************************************/
.btn-genero-justicia {
    background-color:#534D6B;
    color:#FFFFFF !important;
    padding: 13px;
}

.span-color {
   color:#FFFFFF !important;
   vertical-align: middle;
}
.margin-elements{
     margin-top:25px;
    margin-bottom:25px;
}


/**********************
 * BACKGROUND - CEDAW *
 **********************/
.bg-cedaw{
    background-color: #e9e9e9;
    padding: 25px;
    margin-bottom: 40px;
}
/**********************
 * CARRUSEL AGENDA Y SESIONES
 *********************/
 .horizontal-card-carrusel {
    background-color:#B6B1C9;
    color:#003A70 !important;
 }
 span.text-bold {
    font-weight:bold;
 }

 em.icon-color {
    color: #003A70;
 }

 a.indicators-left {
    justify-content: flex-start !important;
 }
 a.indicators-right {
    justify-content: flex-end !important;
 }
 .margin-card {
    margin: auto;
 }
     .fa{
     color: #003A70 !important;
     font-size: 2.5em !important;
     }
     .carousel-control-next, .carousel-control-prev {
     width: auto;
     }

 i.i-style {
  color: #003A70 !important;
  font-size: 2.5em !important;
 }