/* Variables de color */
:root {
  --primary: #000000;
  --secondary: #d2232a;
}

/* Curso plantilla  */
.item-group-condensed .ig-header {
    background-color: #000000;
    border: 1px solid #000000;
    color: #fff;
}
.ig-header .name {
    text-shadow: none;
    color: #fff;
}
.ig-header .pill {
    box-shadow: none;
}
.ig-header.header i.icon-drag-handle {
    color: #fff;
}
.module_header_items .Button--icon-action, .module_header_items .Button--icon-action-danger, .module_header_items .Button--icon-action-rev {
    color: #fff;
}
.enFila{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}
.enFila a{
   text-decoration: none !important;
}
a.ic_txt{
   text-align: center;
   padding: 1em;
   margin: 0.5em;
   color: #ffffff;
   font-weight: bold !important;
   width: 30%;
   border-radius: .5em;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-decoration: none !important;
}
a.ic_txt:hover {
    opacity: .8;
}
a.ic_txt img{
   min-height: 60px;
   max-height: 60px;
   border-radius: 100%;
   max-width: 60px;
   margin: 0 10px 5px;
}
.ic_txt.primary{
   background-color: var(--primary);
}
.ic_txt.secondary{
   background-color: var(--secondary);
}
.ig-header-title .accessible-toggler {
    color: #ffffff;
}
/* CUSTOM MOBILE LOGIN*/

@media only screen and (max-device-width : 768px) {
    #f1_container {
        height: 100%;
        background-color: var(--ic-brand-Login-Content-bgd-color);
        background-size: cover;
        background-position-x: 50%, center;
    }

    #f1_container.fade {
        -webkit-animation: fadeInFromNone 0.5s ease-out;
        -moz-animation: fadeInFromNone 0.5s ease-out;
        -o-animation: fadeInFromNone 0.5s ease-out;
        animation: fadeInFromNone 0.5s ease-out;
        animation-fill-mode: forwards;
    }

    .mobileLogin-Header {
        background-image: var(--ic-brand-Login-logo) !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 85%;
        min-height: 156px;
        margin-bottom: 10%;
        margin-top: 15%;
    }
}
/* END CUSTOM MOBILE LOGIN*/