/* ACTUALIZADO FARCOS (16/09/2024) */
/* Hoja de estilos de Indicus a modo de helper para apoyar los estilos genéricos de Bootstrap */
/* Son estilos genéricos utilizables en cualquier proyecto, no añadir estilos propios de este proyecto */




/******************************************************************************************/
/************************************TAMAÑOS FUENTE****************************************/
/******************************************************************************************/
.size8 { font-size: 8px !important; }
.size9 { font-size: 9px !important; }
.size10 { font-size: 10px !important; }
.size11 { font-size: 11px !important; }
.size12 { font-size: 12px !important; }
.size13 { font-size: 13px !important; }
.size14 { font-size: 14px !important; }
.size15 { font-size: 15px !important; }
.size16 { font-size: 16px !important; }
.size18 { font-size: 18px !important; }
.size20 { font-size: 20px !important; }
.size22 { font-size: 22px !important; }
.size25 { font-size: 25px !important; }
.size30 { font-size: 30px !important; }
.size35 { font-size: 35px !important; }
.size40 { font-size: 40px !important; }
.size45 { font-size: 45px !important; }
.size50 { font-size: 50px !important; }
.size55 { font-size: 55px !important; }
.size60 { font-size: 60px !important; }
.size65 { font-size: 66px !important; }
.size70 { font-size: 70px !important; }





/******************************************************************************************/
/****************************************WIDTH*********************************************/
/******************************************************************************************/
/*ANCHOS NORMALES*/
.w10 { width: 10px !important; }
.w15 { width: 15px !important; }
.w20 { width: 20px !important; }
.w25 { width: 25px !important; }
.w30 { width: 30px !important; }
.w33 { width: 33px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w75 { width: 75px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w125 { width: 125px !important; }
.w150 { width: 150px !important; }
.w175 { width: 175px !important; }
.w200 { width: 200px !important; }
.w225 { width: 225px !important; }
.w250 { width: 250px !important; }
.w275 { width: 275px !important; }
.w300 { width: 300px !important; }
.w325 { width: 325px !important; }
.w350 { width: 350px !important; }
.w375 { width: 375px !important; }
.w400 { width: 400px !important; }
.w425 { width: 425px !important; }
.w450 { width: 450px !important; }
.w475 { width: 475px !important; }
.w500 { width: 500px !important; }
.w525 { width: 525px !important; }
.w550 { width: 550px !important; }
.w575 { width: 575px !important; }
.w600 { width: 600px !important; }
.w700 { width: 700px !important; }
.w800 { width: 800px !important; }
.w850 { width: 850px !important; }
.w900 { width: 900px !important; }
.w950 { width: 950px !important; }
.w1000 { width: 1000px !important; }

/*ANCHOS PORCENTAJE*/
.w5pct { width: 5% !important; }
.w10pct { width: 10% !important; }
.w15pct { width: 15% !important; }
.w20pct { width: 20% !important; }
.w25pct { width: 25% !important; }
.w30pct { width: 30% !important; }
.w35pct { width: 35% !important; }
.w40pct { width: 40% !important; }
.w45pct { width: 45% !important; }
.w50pct { width: 50% !important; }
.w55pct { width: 55% !important; }
.w60pct { width: 60% !important; }
.w65pct { width: 65% !important; }
.w70pct { width: 70% !important; }
.w75pct { width: 75% !important; }
.w80pct { width: 80% !important; }
.w85pct { width: 85% !important; }
.w90pct { width: 90% !important; }
.w95pct { width: 95% !important; }
.w100pct { width: 100% !important; }

/*ANCHOS MÁXIMO*/
.maxw50 { width: 100%; max-width: 50px; }
.maxw75 { width: 100%; max-width: 75px; }
.maxw100 { width: 100%; max-width: 100px; }
.maxw125 { width: 100%; max-width: 125px; }
.maxw150 { width: 100%; max-width: 150px; }
.maxw175 { width: 100%; max-width: 175px; }
.maxw200 { width: 100%; max-width: 200px; }
.maxw225 { width: 100%; max-width: 225px; }
.maxw250 { width: 100%; max-width: 250px; }
.maxw275 { width: 100%; max-width: 275px; }
.maxw300 { width: 100%; max-width: 300px; }
.maxw350 { width: 100%; max-width: 350px; }
.maxw400 { width: 100%; max-width: 400px; }
.maxw450 { width: 100%; max-width: 450px; }
.maxw500 { width: 100%; max-width: 500px; }
.maxw550 { width: 100%; max-width: 550px; }
.maxw600 { width: 100%; max-width: 600px; }
.maxw650 { width: 100%; max-width: 650px; }
.maxw700 { width: 100%; max-width: 700px; }
.maxw750 { width: 100%; max-width: 750px; }
.maxw800 { width: 100%; max-width: 800px; }
.maxw850 { width: 100%; max-width: 850px; }
.maxw1000 { width: 100%; max-width: 1000px; }

/*ANCHOS MÍNIMO*/
.minw25 { min-width: 25px; }
.minw50 { min-width: 50px; }
.minw75 { min-width: 75px; }
.minw100 { min-width: 100px; }
.minw125 { min-width: 125px; }
.minw150 { min-width: 150px; }
.minw175 { min-width: 175px; }
.minw200 { min-width: 200px; }
.minw225 { min-width: 225px; }
.minw250 { min-width: 250px; }
.minw275 { min-width: 275px; }
.minw300 { min-width: 300px; }
.minw325 { min-width: 325px; }
.minw350 { min-width: 350px; }
.minw375 { min-width: 375px; }
.minw400 { min-width: 400px; }
.minw425 { min-width: 425px; }
.minw450 { min-width: 450px; }
.minw475 { min-width: 475px; }
.minw500 { min-width: 500px; }
.minw525 { min-width: 525px; }
.minw550 { min-width: 550px; }
.minw575 { min-width: 575px; }
.minw600 { min-width: 600px; }





/******************************************************************************************/
/**************************************HEIGHT**********************************************/
/******************************************************************************************/
/*ALTOS NORMALES*/
.h5 { height: 5px !important; }
.h10 { height: 10px !important; }
.h15 { height: 15px !important; }
.h20 { height: 20px !important; }
.h25 { height: 25px !important; }
.h30 { height: 30px !important; }
.h33 { height: 33px !important; }
.h40 { height: 40px !important; }
.h50 { height: 50px !important; }
.h60 { height: 60px !important; }
.h70 { height: 70px !important; }
.h75 { height: 75px !important; }
.h80 { height: 80px !important; }
.h90 { height: 90px !important; }
.h100 { height: 100px !important; }
.h125 { height: 125px !important; }
.h150 { height: 150px !important; }
.h175 { height: 175px !important; }
.h200 { height: 200px !important; }
.h225 { height: 225px !important; }
.h250 { height: 250px !important; }
.h275 { height: 275px !important; }
.h300 { height: 300px !important; }
.h325 { height: 325px !important; }
.h350 { height: 350px !important; }
.h375 { height: 375px !important; }
.h400 { height: 400px !important; }





/******************************************************************************************/
/***************************************PADDINGS*******************************************/
/******************************************************************************************/
/*PADDING BOTTOM*/
.pb0 { padding-bottom: 0px !important; }
.pb1 { padding-bottom: 1px !important; }
.pb2 { padding-bottom: 2px !important; }
.pb3 { padding-bottom: 3px !important; }
.pb4 { padding-bottom: 4px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb6 { padding-bottom: 6px !important; }
.pb7 { padding-bottom: 7px !important; }
.pb8 { padding-bottom: 8px !important; }
.pb9 { padding-bottom: 9px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb11 { padding-bottom: 11px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb13 { padding-bottom: 13px !important; }
.pb14 { padding-bottom: 14px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb16 { padding-bottom: 16px !important; }
.pb17 { padding-bottom: 17px !important; }
.pb18 { padding-bottom: 18px !important; }
.pb19 { padding-bottom: 19px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }


/*PADDING TOP*/
.pt0 { padding-top: 0px !important; }
.pt2 { padding-top: 2px !important; }
.pt4 { padding-top: 4px !important; }
.pt5 { padding-top: 5px !important; }
.pt6 { padding-top: 6px !important; }
.pt7 { padding-top: 7px !important; }
.pt8 { padding-top: 8px !important; }
.pt9 { padding-top: 9px !important; }
.pt10 { padding-top: 10px !important; }
.pt11 { padding-top: 11px !important; }
.pt15 { padding-top: 15px !important; }
.pt16 { padding-top: 16px !important; }
.pt17 { padding-top: 17px !important; }
.pt18 { padding-top: 18px !important; }
.pt19 { padding-top: 19px !important; }
.pt20 { padding-top: 20px !important; }
.pt21 { padding-top: 21px !important; }
.pt22 { padding-top: 22px !important; }
.pt23 { padding-top: 23px !important; }
.pt24 { padding-top: 24px !important; }
.pt25 { padding-top: 25px !important; }
.pt26 { padding-top: 26px !important; }
.pt27 { padding-top: 27px !important; }
.pt28 { padding-top: 28px !important; }
.pt30 { padding-top: 30px !important; }
.pt32 { padding-top: 32px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }


/*PADDING LEFT*/
.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl6 { padding-left: 6px !important; }
.pl7 { padding-left: 7px !important; }
.pl8 { padding-left: 8px !important; }
.pl9 { padding-left: 9px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl31 { padding-left: 31px !important; }
.pl32 { padding-left: 32px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }


/*PADDING RIGHT*/
.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr13 { padding-right: 13px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pr70 { padding-right: 70px !important; }





/******************************************************************************************/
/****************************************MARGINS*******************************************/
/******************************************************************************************/
/*MARGIN BOTTOM*/
.mb0 { margin-bottom: 0px !important; }
.mb1 { margin-bottom: 1px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb4 { margin-bottom: 4px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }


/*MARGIN TOP*/
.mt0 { margin-top: 0px !important; }
.mt3 { margin-top: 3px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt6 { margin-top: 6px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt26 { margin-top: 26px !important; }
.mt27 { margin-top: 27px !important; }
.mt28 { margin-top: 28px !important; }
.mt29 { margin-top: 29px !important; }
.mt30 { margin-top: 30px !important; }
.mt32 { margin-top: 32px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }


/*MARGIN LEFT*/
.ml0 { margin-left: 0px !important; }
.ml2 { margin-left: 2px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml11 { margin-left: 11px !important; }
.ml12 { margin-left: 12px !important; }
.ml13 { margin-left: 13px !important; }
.ml14 { margin-left: 14px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml24 { margin-left: 24px !important; }
.ml25 { margin-left: 25px !important; }
.ml26 { margin-left: 26px !important; }
.ml30 { margin-left: 30px !important; }


/*MARGIN RIGHT*/
.mr0 { margin-right: 0px !important; }
.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mr3 { margin-right: 3px !important; }
.mr4 { margin-right: 4px !important; }
.mr5 { margin-right: 5px !important; }
.mr6 { margin-right: 6px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr21 { margin-right: 21px !important; }
.mr22 { margin-right: 22px !important; }
.mr23 { margin-right: 23px !important; }
.mr24 { margin-right: 24px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }




/******************************************************************************************/
/******************************************BORDERS*****************************************/
/******************************************************************************************/
.bradius3 { border-radius: 3px; }
.bradius5 { border-radius: 5px; }
.bradius8 { border-radius: 8px; }
.bradius10 { border-radius: 10px; }
.bradius12 { border-radius: 12px; }
.bradius15 { border-radius: 15px; }
.bradius20 { border-radius: 20px; }
.bradius25 { border-radius: 25px; }
.bradius30 { border-radius: 30px; }
.bradius35 { border-radius: 35px; }
.bradius50 { border-radius: 50px; }





/******************************************************************************************/
/******************************************Z-INDEX*****************************************/
/******************************************************************************************/
.z10 { z-index: 10; }
.z20 { z-index: 20; }
.z30 { z-index: 30; }
.z40 { z-index: 40; }
.z50 { z-index: 50; }
.z100 { z-index: 100; }
.z200 { z-index: 200; }
.z300 { z-index: 300; }
.z400 { z-index: 400; }
.z500 { z-index: 500; }
.z1000 { z-index: 6000; }
.z2000 { z-index: 2000; }
.z3000 { z-index: 3000; }
.z4000 { z-index: 4000; }
.z5000 { z-index: 5000; }
.z10000 { z-index: 10000; }
.zztop { z-index: 99999; }
.zzbelow { z-index: -99999; }




/******************************************************************************************/
/************************************WEIGHT FUENTE*****************************************/
/******************************************************************************************/
.fw-light { font-weight: 300; }
.fw-normal { font-weight: normal; }
.fw-regular { font-weight: 500; }
.fw-bold { font-weight: bold; }
.fw-bolder { font-weight: 900; }





/***********************************************************************************************/
/******************************************LINE-HEIGHTS*****************************************/
/***********************************************************************************************/
.lh-15 { line-height: 15px !important }
.lh-20 { line-height: 20px !important }
.lh-25 { line-height: 25px !important }
.lh-30 { line-height: 30px !important }





/******************************************************************************************/
/**************************************POINTER EVENTS**************************************/
/******************************************************************************************/
.pointer-events-all { pointer-events: all; }
.pointer-events-none { pointer-events: none; }





/******************************************************************************************/
/********************************************LINKS*****************************************/
/******************************************************************************************/
.nolink, .nolink:hover, .nolink:visited, .nolink:focus { text-decoration: none; }





/******************************************************************************************/
/*******************************TEXTO COLORES GENÉRICOS************************************/
/******************************************************************************************/
.colorNegro { color: #000 !important; }
.colorBlanco { color: #FFF !important; }
.colorGris3 { color: #333 !important; }
.colorGris5 { color: #555 !important; }
.colorGris6 { color: #666 !important; }
.colorGris7 { color: #777 !important; }
.colorGris8 { color: #888 !important; }
.colorGris9 { color: #999 !important; }
.colorGrisA { color: #AAA !important; }
.colorGrisB { color: #BBB !important; }
.colorGrisC { color: #CCC !important; }
.colorGrisD { color: #DDD !important; }
.colorGrisE { color: #EEE !important; }
.colorGrisF5 { color: #F5F5F5 !important; }
.colorAzulLink { color: #007bff !important; }
.colorVerde { color: #38ca3c !important; }
.colorRojo { color: #c71f1f !important; }

/******************************************************************************************/
/*****************************BACKGROUND COLORES GENÉRICOS*********************************/
/******************************************************************************************/
.fondoNegro50pct {
    background-color: rgba(0,0,0,.5);
}
.fondoNegro75pct { background-color: rgba(0,0,0,.75); }
.fondoTransparente { background-color: transparent; }
.fondoGrisF5 { background-color: #f5f5f5; }
.fondoRojo { background-color: #ffd2d2; }





/******************************************************************************************/
/**********************************LAYAOUT POR BLOQUES*************************************/
/******************************************************************************************/
/* Layout general que engloba al resto */
.row-blocks {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: -15px;
    margin-left: -15px;
}

/* Layout 25% del container */
.block25pct {
    display: inline-block;
    width: 100%;
    max-width: 267px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Layout 50% del container */
.block50pct {
    display: inline-block;
    width: 100%;
    max-width: 534px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Layout 75% del container */
.block75pct {
    display: inline-block;
    width: 100%;
    max-width: 801px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Layout 100% del container */
.block100pct {
    display: inline-block;
    width: 100%;
    max-width: 1068px;
    padding-left: 15px;
    padding-right: 15px;
}





/******************************************************************************************/
/****************************************MEGA DROPDOWN*************************************/
/******************************************************************************************/
.menu-large { position: static !important; }
.megamenu { padding: 20px 0px; width: 100%; }
.megamenu.dropdown-header { color: #428bca; font-size: 18px; }
.megamenu > li > ul { padding: 0; margin: 0; }
.megamenu > li > ul > li { list-style: none; }
.megamenu > li > ul > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: normal; }

.megamenu > li ul > li > a:hover,
.megamenu > li ul > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    color: #999999;
}

.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .megamenu { margin-left: 0; margin-right: 0; }
    .megamenu > li { margin-bottom: 30px; }
    .megamenu > li:last-child { margin-bottom: 0; }
    .megamenu.dropdown-header { padding: 3px 15px !important;}
}





/******************************************************************************************/
/*****************************************VALIDACIONES*************************************/
/******************************************************************************************/
.field-validation-error { color: #e80c4d !important; font-size: 10px !important; }





/******************************************************************************************/
/****************************************NAVBAR*************************************/
/******************************************************************************************/
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #00A7E8; }

@media (max-width: 768px) {
    .navbar-nav .open .dropdown-menu .dropdown-header { color: #fff; }
}



.avatar {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border-radius: .75rem;
    height: 48px;
    width: 48px;
    transition: all .2s ease-in-out
}

    .avatar img {
        width: 100%
    }

    .avatar + .avatar-content {
        display: inline-block;
        margin-left: .75rem
    }

    .avatar.avatar-raised {
        margin-top: -24px
    }

    .active .avatar.avatar-scale-up, .avatar.avatar-scale-up:hover {
        transform: scale(1.2)
    }

.avatar-xxl {
    width: 110px !important;
    height: 110px !important
}

    .avatar-xxl.avatar-raised {
        margin-top: -55px
    }

.avatar-xl {
    width: 74px !important;
    height: 74px !important
}

    .avatar-xl.avatar-raised {
        margin-top: -37px
    }

.avatar-lg {
    width: 58px !important;
    height: 58px !important;
    font-size: .875rem
}

    .avatar-lg.avatar-raised {
        margin-top: -29px
    }

.avatar-sm {
    width: 36px !important;
    height: 36px !important;
    font-size: .875rem
}

    .avatar-sm.avatar-raised {
        margin-top: -18px
    }

.avatar-xs {
    width: 24px !important;
    height: 24px !important;
    font-size: .75rem
}

    .avatar-xs.avatar-raised {
        margin-top: -12px
    }

.avatar-group .avatar {
    position: relative;
    z-index: 2;
    border: 2px solid #fff
}

    .avatar-group .avatar:hover {
        z-index: 3
    }

    .avatar-group .avatar + .avatar {
        margin-left: -1rem
    }


.avatar.rounded-circle img, .rounded-circle {
    border-radius: 50% !important
}

.timeline {
    position: relative
}

    .timeline:before {
        content: "";
        position: absolute;
        top: 0;
        left: 1rem;
        height: 100%;
        border-right: 2px solid #d4d4d8
    }

.timeline-block {
    position: relative
}

    .timeline-block:after {
        content: "";
        display: table;
        clear: both
    }

    .timeline-block:first-child {
        margin-top: 0
    }

    .timeline-block:last-child {
        margin-bottom: 0
    }

.timeline-step {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    transform: translateX(-50%);
    font-size: 1rem;
    font-weight: 600;
    z-index: 1
}

    .timeline-step i, .timeline-step svg {
        line-height: 1.4
    }

.timeline-content {
    margin-left: 45px;
    padding-top: .35rem;
    position: relative;
    top: -6px
}

    .timeline-content:after {
        content: "";
        display: table;
        clear: both
    }

@media (min-width: 992px) {
    .timeline:before {
        left: 50%;
        margin-left: -1px
    }

    .timeline-step {
        left: 50%
    }

    .timeline-content {
        width: 38%
    }

    .timeline-block:nth-child(2n) .timeline-content {
        float: right
    }
}

.timeline-one-side .timeline-step, .timeline-one-side:before {
    left: 1rem
}

.timeline-one-side .timeline-content {
    width: auto
}

@media (min-width: 992px) {
    .timeline-one-side .timeline-content {
        max-width: 30rem
    }
}

.timeline-one-side .timeline-block:nth-child(2n) .timeline-content {
    float: none
}

.bg-gradient-primary {
    background-image: linear-gradient(310deg,#ea580c,#facc15)
}

.bg-gradient-secondary {
    background-image: linear-gradient(310deg,#71717a,#e3e3e7)
}

.bg-gradient-success {
    background-image: linear-gradient(310deg,#22c55e,#98ec2d)
}

.bg-gradient-info {
    background-image: linear-gradient(310deg,#0ea5e9,#06b6d4)
}

.bg-gradient-warning {
    background-image: linear-gradient(310deg,#eab308,#f97316)
}

.bg-gradient-danger {
    background-image: linear-gradient(310deg,#ef4444,#ec4899)
}

.bg-gradient-light {
    background-image: linear-gradient(310deg,#e3e3e7,#f4f4f5)
}

.bg-gradient-dark {
    background-image: linear-gradient(310deg,#27272a,#18181b)
}

.bg-gradient-faded-primary {
    background-image: radial-gradient(370px circle at 80% 50%,rgba(249,115,22,.6) 0,rgb(214.4769874477,91.129707113,5.5230125523) 100%)
}

.bg-gradient-faded-secondary {
    background-image: radial-gradient(370px circle at 80% 50%,hsla(240,4%,46%,.6) 0,rgb(88.4765957447,88.4765957447,95.5234042553) 100%)
}

.bg-gradient-faded-success {
    background-image: radial-gradient(370px circle at 80% 50%,rgba(34,197,94,.6) 0,rgb(26.4935064935,153.5064935065,73.2467532468) 100%)
}

.bg-gradient-faded-info {
    background-image: radial-gradient(370px circle at 80% 50%,rgba(14,165,233,.6) 0,rgb(11.1093117409,130.9311740891,184.8906882591) 100%)
}

.bg-gradient-faded-warning {
    background-image: radial-gradient(370px circle at 80% 50%,rgba(234,179,8,.6) 0,rgb(184.6859504132,141.2768595041,6.3140495868) 100%)
}

.bg-gradient-faded-danger {
    background-image: radial-gradient(370px circle at 80% 50%,rgba(239,68,68,.6) 0,rgb(234.9802955665,21.0197044335,21.0197044335) 100%)
}

.bg-gradient-faded-light {
    background-image: radial-gradient(370px circle at 80% 50%,hsla(240,8%,90%,.6) 0,rgb(199.5384615385,199.5384615385,207.4615384615) 100%)
}

.bg-gradient-faded-dark {
    background-image: radial-gradient(370px circle at 80% 50%,rgba(39,39,42,.6) 0,rgb(14.4444444444,14.4444444444,15.5555555556) 100%)
}

.bg-gradient-faded-white {
    background-image: radial-gradient(370px circle at 80% 50%,hsla(0,0%,100%,.6) 0,rgb(229.5,229.5,229.5) 100%)
}

.bg-gradient-faded-primary-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,rgba(249,115,22,.3) 0,#f97316 100%)
}

.bg-gradient-faded-secondary-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,hsla(240,4%,46%,.3) 0,#71717a 100%)
}

.bg-gradient-faded-success-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,rgba(34,197,94,.3) 0,#22c55e 100%)
}

.bg-gradient-faded-info-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,rgba(14,165,233,.3) 0,#0ea5e9 100%)
}

.bg-gradient-faded-warning-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,rgba(234,179,8,.3) 0,#eab308 100%)
}

.bg-gradient-faded-danger-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,rgba(239,68,68,.3) 0,#ef4444 100%)
}

.bg-gradient-faded-light-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,hsla(240,8%,90%,.3) 0,#e3e3e7 100%)
}

.bg-gradient-faded-dark-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,rgba(39,39,42,.3) 0,#27272a 100%)
}

.bg-gradient-faded-white-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,hsla(0,0%,100%,.3) 0,#fff 100%)
}

/* Para hacer la animacion del progress bar */
.progress-bar[aria-valuenow] {
    width: 0%;
    opacity: 0;
    transition: width 1s ease, opacity .3s ease;
}

    .progress-bar[aria-valuenow].progress-animate {
        opacity: 1;
    }


[data-aos].aos-animate {
    transform: none !important;
}


/* Si se pone esta clase se mueve el icono en los botones */
.button-icon-hover .fa, .button-icon-hover .mdi, .button-icon-hover .far, .button-icon-hover .fas,
.btn .fa, .btn .mdi, .btn .far, .btn .fas {
    transition: transform 0.2s ease;
}

.button-icon-hover:hover .fa, .button-icon-hover:hover .mdi, .button-icon-hover:hover .far, .button-icon-hover:hover .fas,
.btn:hover .fa, .btn:hover .mdi, .btn:hover .far, .btn:hover .fas {
    transform: translateX(2px);
}

/* Animacion que se levanta y aparece sombra */

.hover-lift {
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    transition: transform .2s ease, box-shadow .2s ease;
}

.hover-lift:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 32px rgba(0,0,0,0.14);
}

/* Animacion para hacer flip y se muestre la cara de atras */

.rotating-card {
    perspective: 1200px;
}

.card-rotate {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 320px;
    transform-style: preserve-3d;
    transition: transform .6s ease;
}

.rotating-card:hover .card-rotate {
    transform: rotateY(180deg);
}

.front,
.back {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    backface-visibility: hidden;
}

.back {
    transform: rotateY(180deg);
}

/* Los colores del link cambien despacio */
.btn, a {
    transition: background-color 0.6s ease, color 0.6s ease, box-shadow 0.6s ease !important;
}


/* Tabla responsive */



/******************************************************************************************/
/*******************************TABLA DEL GRID RESPONSIVE**********************************/
/******************************************************************************************/
.mvc-grid-table > table > thead > tr > th {
    background-color: white !important;
    border-left: none !important;
    border-right: none !important;
    border-top: 2px solid #dee2e6 !important;
    border-bottom: 2px solid #dee2e6 !important;
}

.mvc-grid-table > table > thead > tr > th, .mvc-grid-table > table > tbody > tr > td, .mvc-grid-table > table > tfoot > tr > td {
    border: none !important;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.mvc-grid-table > table > tbody > tr:nth-of-type(odd) {
    background-color: rgba(253, 130, 4, .05);
}

.mvc-grid-pager .active, .mvc-grid-pager .active:focus, .mvc-grid-pager .active:hover {
    border-color: var(--colorPrincipal) !important;
    background: var(--colorPrincipal) !important;
    color: #ffffff;
}

@media only screen and (max-width: 850px) {
    /*Se pone que not(.table-striped) y significa que para aquellos grids que usen la clase table-striped no se aplicará esto en repsonsive*/

    /*TABLA DEL GRID*/
    .table-responsive-rows:not(.table-striped) table,
    .table-responsive-rows:not(.table-striped) thead,
    .table-responsive-rows:not(.table-striped) tbody,
    .table-responsive-rows:not(.table-striped) th,
    .table-responsive-rows:not(.table-striped) td,
    .table-responsive-rows:not(.table-striped) tr {
        display: block;
    }

        /* Ocultar encabezados de tabla (pero no mostrar: ninguno por accesibilidad) */
        .table-responsive-rows:not(.table-striped) thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .table-responsive-rows:not(.table-striped) th {
        font-size: 1em !important;
    }

    .table-responsive-rows:not(.table-striped) tr {
        padding-bottom: 0px;
        border-left: none;
        border-right: none;
    }

    .table-responsive-rows:not(.table-striped) tr {
        border-top:solid 2px #71717a;
        margin-top: 0px;
        margin-bottom: 0px;

    }

    .table-responsive-rows:not(.table-striped) td {
        border: none;
        border-bottom: 1px solid #eee;
        font-size: 14px;
        position: relative;
        padding-left: 42% !important;
        white-space: normal;
        text-align: right;
        padding-right: 15px;
    }

        .table-responsive-rows:not(.table-striped) td:first-child {
            padding-top: 20px;
        }

        .table-responsive-rows:not(.table-striped) td:last-child {
            padding-bottom: 20px;
        }

        .table-responsive-rows:not(.table-striped) td:before {
            position: absolute;
            top: 6px;
            left: 15px;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
            font-size: 14px;
            content: attr(data-title) "";
        }
        .table-responsive-rows:not(.table-striped) td:first-child:before {
            top: 20px;
        }

        .table-responsive-rows:not(.table-striped) td[data-title]:not([data-title=""])::before {
            content: attr(data-title) " : ";
        }

    .table-responsive-rows:not(.table-striped) .mvc-grid-table > table > thead > tr > th:nth-of-type(1),
    .table-responsive-rows:not(.table-striped) .mvc-grid-table > table > tbody > tr > td:nth-of-type(1),
    .table-responsive-rows:not(.table-striped) .mvc-grid-table > table > tfoot > tr > td:nth-of-type(1) {
        border-top: 1px solid black !important;
    }

    .table-responsive-rows:not(.table-striped) .mvc-grid-table > table > tbody > tr:last-child,
    .table-responsive-rows:not(.table-striped) .mvc-grid-table > table > tfoot > tr:last-child {
        border-bottom: 1px solid black !important;
    }

    /*CENTRA EL TÍTULO "No hay resultados..." EN RESPONSIVE*/
    .table-responsive-rows:not(.table-striped) .mvc-grid-empty-row td {
        text-align: center !important;
        padding: 20px !important;
        font-size: 13px !important;
        color: inherit !important;
    }

    /*PAGINACIÓN EN RESPONSIVE*/
    .table-responsive-rows:not(.table-striped) .mvc-grid-pager button:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .table-responsive-rows:not(.table-striped) .tableless thead {
        display: none;
    }

    .table-responsive-rows:not(.table-striped) .tableless td {
        border: solid 0px transparent !important;
    }

    .table-responsive-rows:not(.table-striped) .mvc-grid-table > table > thead > tr > th,
    .table-responsive-rows:not(.table-striped) .mvc-grid-table > table > tbody > tr > td,
    .table-responsive-rows:not(.table-striped) .mvc-grid-table > table > tfoot > tr > td {
        border: 0px solid #dee2e6 !important;
        padding: 0.5em;
    }




    /******************************************************************************************/
    /*****************************TABLA STRIPED PARA VERSIÓN APP*******************************/
    /******************************************************************************************/
    .table-striped-custom-table td, .table-striped-custom-table thead th {
        border-top: solid 0px transparent;
        border-bottom: solid 0px transparent;
    }
}

/* Efecto zoom en las imagenes de los cards compatible con aos */
.img-hover-zoom img {
    transition: transform .4s ease;
}

.img-hover-zoom:hover img {
    transform: scale(1.08);
}