/*Variables de colores de todas las plantillas. Agosto 14. Jhonatan Arroyave*/

:root {
    --main-rojo-color: #BF2935;
    --main-azul-color: #00618A;
    --main-verde-color: #93B33A;
    --main-amarillo-color: #E7BA48;
    --main-azulclaro-color: #00B8E0;
    --main-naranja-color: #E6661A;
    --main-gris-color: #666666;
    --main-grisclaro-color: #999999;
    --main-title-color: #F1B53B;
}


/*Ajuste de la plantilla para nueva version Julio 2019. Wilmar Cortes*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,700i,900&display=swap&subset=latin-ext');

#courseMenuToggle .icon-hamburger {
    color: #15B3DC;
}

#breadcrumbs a .ellipsible {
    color: #15B3DC;
}

#breadcrumbs li .ellipsible {
    color: #15B3DC;
}

.quiz-header h1,
.quiz-header h2,
.discussion-section h1,
.discussion-section h2 {
    color: #355D85;
    font-weight: bold;
}

.IUD_banner_izq_2019 {
    float: left;
    background-color: #F1B53B;
    width: 1%;
    font-size: 21pt !important;
    font-weight: bolder;
}

.IUD_banner_2019 {
    margin-left: 1%;
}


/*ACA SE CAMBIA EL COLOR SEG茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� 茅鈥澟该р€⑴捗ヂβ疵┧喡睹⑩€⒙伱ぢ郝久┾€撀趁⑩€澛久ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┧喡睹⑩€⒙伱ぢ郝� èŒ…éˆ¥æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿â”žæƒµå¾îŸŠÃ·âˆ¶Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”¾â‚¬æ¾Ÿè¯¥î‡·æŸ¯ï¿½ 茅鈥樎疵β€櫭ヂ捌捗┾€樎疵βモ偓莽鈧┾€樎疵β徝р偓炉茅鈥樎好ε解€斆ヅ糕偓茅隆鈥樏犅ヅ糕€斆┞嶁€姑€♀€γモ€灺┞嵚徝р€犅裁ε捙捗┧喡睹⑩€⒙伱ぢ郝久┞嵟该佲€∶モ€奥姑┞嵚モ€孤モ€奥幻┾€樎济犅好ヅ犉捗┾€撀趁Ｆ捖γ伮┞嵚惷铰徝︹€孤访┞愃溍モ€斅徝︹€♀€∶┞嶁€姑︹€櫬幻ヅ糕€灻┧喡访β奥ヂ忊€γ┡铰姑βモ偓盲录鈥灻┧喡访β奥ヅ铰矫┧喡访β奥Ｃ︹€♀€∶┞嶁€姑︹€櫬疵ヂッ┾€樎疵βモ偓氓麓虏 茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� èŒ…éˆ¥æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·â’šâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”žåµŸâˆ¶â‘©â‚¬æ¨Žâ”Ÿãƒ…ç³•â‚¬æ–†â”žåµšæƒ·î‡·é“°å¾ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ãƒ¢å“ç›²å½•éˆ¥ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ï¸¹â‚¬æ¯¬çŸ«Î²åž›â‚¬æ¾ãƒ¢â‚¬æ¨Žî„¼ãƒ¢â‚¬ï¿½ 茅鈥澟该ㄅ犅ッ€÷⒚┞嶁€姑€犅姑ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┞嵚∶ヂ柯ッ︹€孤访ヂㄢ€γ€ε久モ€� 茅鈥澟该р€⑴捗ヂβ疵┧喡睹⑩€⒙伱ぢ郝久┾€撀趁⑩€澛久ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┧喡睹⑩€⒙伱ぢ郝� èŒ…éˆ¥æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿â”žæƒµå¾îŸŠÃ·âˆ¶Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ¢â‚¬ï¿½ èŒ…éˆ¥æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·â’šâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”žåµŸâˆ¶â‘©â‚¬æ¨Žâ”Ÿãƒ…ç³•â‚¬æ–†â”žåµšæƒ·î‡·é“°å¾ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ã¢å¹»ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»îž éƒîƒžâ”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ¢â‚¬ï¿½ èŒ…éˆ¥æ¾Ÿè¯¥Ñ€â‚¬â‘´æ—ãƒ‚Î²ç–µâ”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”¾â‚¬æ’€è¶â‘©â‚¬æ¾›ä¹…Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”¡é“°è®¿æˆ”â‚¬çŠ†ãƒ¢â‚¬å¥¥å§‘â”žå¶â‚¬æ–†ï¼«å–¡ï¼£ãƒ¢â‚¬å¥¥å¹»â”¾â‚¬æ’€è¶ï¼¦æ™çŸ«ãƒ¢â‚¬çŠ…è£ã¢å°–â‚¬ç»â”§å–¡î„¼îŸŠä»¿å¥½ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ãƒ¢å“å¿™æ‹¢è‰—èŒ…éˆ¥æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†™ä¼®î€¢â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”žåµŸâˆ¶â‘©â‚¬æ¨Žâ”Ÿãƒ…ç³•â‚¬æ–†â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”¡é“°è®¿æˆ”â‚¬çŠ†ãƒ¢â‚¬å¥¥å¹»â”¾â‚¬æ’€è¶ï¼¦æ–Î³î†¹â‚¬Ã·â’šâ”žå¶â‚¬å§‘î†¹â‚¬â™€â‚¬Î³ï¸¹â‚¬æ¨·â‚¬ï¿½ EL PROGRAMA*/

.IUD_container_2019 .IUD_banner_2019 {
    background-color: var(--main-tds-color);
}

.IUD_container_rojo_2019 .IUD_banner_2019 {
    background-color: var(--main-rojo-color);
}

.IUD_container_azul_2019 .IUD_banner_2019 {
    background-color: #023D59;
}

.IUD_container_verde_2019 .IUD_banner_2019 {
    background-color: var(--main-verde-color);
}

.IUD_container_amarillo_2019 .IUD_banner_2019 {
    background-color: var(--main-amarillo-color);
}

.IUD_container_azulclaro_2019 .IUD_banner_2019 {
    background-color: var(--main-azulclaro-color);
}

.IUD_container_naranja_2019 .IUD_banner_2019 {
    background-color: var(--main-naranja-color);
}

.IUD_container_gris_2019 .IUD_banner_2019 {
    background-color: var(--main-gris-color);
}


/*FIN COLOR PROGRAMA */

.IUD_container_2019 h1,
.IUD_container_rojo_2019 h1,
.IUD_container_azul_2019 h1,
.IUD_container_verde_2019 h1,
.IUD_container_amarillo_2019 h1,
.IUD_container_azulclaro_2019 h1,
.IUD_container_naranja_2019 h1,
.IUD_container_gris_2019 h1 {
    color: var(--main-title-color);
    font-size: 21pt !important;
    font-weight: bolder;
    margin-left: 2%;
}

#quiz_student_details .title {
    color: #355D85;
}

#quiz_student_details li {
    border-right-color: #BABABA;
    border-right-width: thin;
    border-right-style: solid;
}

.IUD_container_2019 .img_100,
.IUD_container_rojo_2019 .img_100,
.IUD_container_azul_2019 .img_100,
.IUD_container_verde_2019 .img_100,
.IUD_container_amarillo_2019 .img_100,
.IUD_container_azulclaro_2019 .img_100,
.IUD_container_naranja_2019 .img_100,
.IUD_container_gris_2019 .img_100 {
    max-width: none !important;
    width: 100%;
    height: auto;
}

.IUD_container_2019 .img_50,
.IUD_container_rojo_2019 .img_50,
.IUD_container_azul_2019 .img_50,
.IUD_container_verde_2019 .img_50,
.IUD_container_amarillo_2019 .img_50,
.IUD_container_azulclaro_2019 .img_50,
.IUD_container_naranja_2019 .img_50,
.IUD_container_gris_2019 .img_50 {
    max-width: none !important;
    width: 50%;
    height: auto;
}


/* Estilos para h2, h3, h4, p para el contenedor. Julio 2019. Wilmar Cortes*/

.IUD_container_verde_2019 h2,
.IUD_container_rojo_2019 h2,
.IUD_container_azul_2019 h2,
.IUD_container_amarillo_2019 h2,
.IUD_container_azulclaro_2019 h2,
.IUD_container_naranja_2019 h2,
.IUD_container_gris_2019 h2 {
    color: #355D85;
    font-size: 30pt;
    font-weight: bold;
    font-family: 'Lato:700', sans-serif;
}

.IUD_container_verde_2019 h3,
.IUD_container_rojo_2019 h3,
.IUD_container_azul_2019 h3,
.IUD_container_amarillo_2019 h3,
.IUD_container_azulclaro_2019 h3,
.IUD_container_naranja_2019 h3,
.IUD_container_gris_2019 h3 {
    color: #15B3DC;
    font-size: 24pt;
    font-family: 'Lato:700', sans-serif;
}

.IUD_container_verde_2019 h4,
.IUD_container_rojo_2019 h4,
.IUD_container_azul_2019 h4,
.IUD_container_amarillo_2019 h4,
.IUD_container_azulclaro_2019 h4,
.IUD_container_naranja_2019 h4,
.IUD_container_gris_2019 h4 {
    color: #355D85;
    font-size: 18pt;
    font-family: 'Lato:300', sans-serif;
}

.IUD_container_verde_2019 h5,
.IUD_container_rojo_2019 h5,
.IUD_container_azul_2019 h5,
.IUD_container_amarillo_2019 h5,
.IUD_container_azulclaro_2019 h5,
.IUD_container_naranja_2019 h5,
.IUD_container_gris_2019 h5 {
    color: #4D4D4D;
    font-size: 18pt;
    font-family: 'Lato:300', sans-serif;
}

.IUD_container_verde_2019 p,
.IUD_container_rojo_2019 p,
.IUD_container_azul_2019 p,
.IUD_container_amarillo_2019 p,
.IUD_container_azulclaro_2019 p,
.IUD_container_naranja_2019 p,
.IUD_container_gris_2019 p {
    color: #4D4D4D;
    font-size: 14pt;
    font-family: 'Lato:400', sans-serif;
}


/**--------------------*/


/* Cita debajo de las imagenes. Julio 2019. Wilmar Corte */

#IUD_cita {
    text-align: right;
}

#IUD_cita blockquote {
    border: none !important;
}

#IUD_cita blockquote:before {
    content: "\201C";
    color: #15B3DC;
    font-weight: bold;
    font-size: 60pt;
    text-align: right;
}

#IUD_cita p {
    margin-top: -20%;
}

#IUD_cita {
    display: none;
}

@media (min-width: 768px) {
    #IUD_cita {
        display: inline !important;
    }
}


/* FIN CITA */


/* Alertas. Julio 2019. Wilmar Cortes */

.alert-danger_2019,
.alert-error_2019 {
    background-color: rgba(217, 36, 50, 0.1) !important;
    border-left-color: #D92432;
    border-left-style: solid;
    border-left-width: 4px;
    padding-left: 3%;
}

.alert-warning_2019 {
    background-color: rgba(229, 102, 26, 0.1) !important;
    border-left-color: #E5661A;
    border-left-style: solid;
    border-left-width: 4px;
    padding-left: 3%;
}

.alert-info_2019 {
    background-color: rgba(21, 179, 220, 0.1) !important;
    border-left-color: #15B3DC;
    border-left-style: solid;
    border-left-width: 4px;
    padding-left: 3%;
}

.alert-success_2019 {
    background-color: rgba(147, 179, 58, 0.1) !important;
    border-left-color: #93B33A;
    border-left-style: solid;
    border-left-width: 4px;
    padding-left: 3%;
}

.alert_2019 {
    padding: 12px 36px 12px 12px;
    background-color: #FBEDE7;
}

.ic-flash-warning_2019 {
    background-color: rgba(229, 102, 26, 0.1) !important;
    position: relative;
    min-height: 50px;
    vertical-align: middle;
    padding: 6px 0px 6px 75px;
}

.ic-flash-warning_2019 .ic-flash__icon_2019 {
    position: absolute;
    top: 0;
    left: 0;
    width: 62px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E5661A;
}

.ic-flash-success_2019 {
    background-color: rgba(147, 179, 58, 0.1) !important;
    position: relative;
    min-height: 50px;
    vertical-align: middle;
    width: 475px;
    padding: 6px 0px 6px 75px;
    margin-left: auto;
    margin-right: auto;
}

.ic-flash-success_2019 .ic-flash__icon_2019 {
    position: absolute;
    top: 0;
    left: 0;
    width: 62px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #93B33A;
}

.ic-flash-info_2019 {
    background-color: rgba(153, 153, 153, 0.1) !important;
    position: relative;
    min-height: 50px;
    vertical-align: middle;
    padding: 6px 0px 6px 75px;
    margin-left: auto;
    margin-right: auto;
}

.ic-flash-info_2019 .ic-flash__icon_2019 {
    position: absolute;
    top: 0;
    left: 0;
    width: 62px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #999999;
}

.ic-flash-error_2019 {
    background-color: rgba(217, 36, 50, 0.1) !important;
    position: relative;
    min-height: 50px;
    vertical-align: middle;
    padding: 6px 0px 6px 75px;
}

.ic-flash-error_2019 .ic-flash__icon_2019 {
    position: absolute;
    top: 0;
    left: 0;
    width: 62px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D92432;
}


/*FIN Alertas*/


/* PESTA茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� èŒ…éˆ¥æ¾Ÿè¯¥Ñ€â‚¬â‘´æ—ãƒ‚Î²ç–µâ”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”¾â‚¬æ’€è¶â‘©â‚¬æ¾›ä¹…Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”¡é“°è®¿æˆ”â‚¬çŠ†ãƒ¢â‚¬å¥¥å§‘â”žå¶â‚¬æ–†ï¼«å–¡ï¼£ãƒ¢â‚¬å¥¥å¹»â”¾â‚¬æ’€è¶ï¼¦æ–ãƒƒî†™æ¿ƒâ‚¬æ’â”žå¶â‚¬å¥½î†™ä¼µçŸ«ï¸¹â‚¬å­¤è®¿ãƒ‚îŸŠï¼£ãƒ‚å µï¿½ AZUL 2020*/

.IUD_tabs_azul_2020 .ui-tabs-active .ui-tabs-anchor {
    background: #023d59 !important;
    color: #f1b53b !important;
    border: none !important;
}

.IUD_tabs_azul_2020 .ui-tabs-active .ui-tabs-anchor::after {
    content: "";
    position: absolute;
    top: 96%;
    left: 45%;
    margin-left: -5px;
    border-width: 0px;
    border-style: solid;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #023d59;
}


/* FIN PESTA茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� èŒ…éˆ¥æ¾Ÿè¯¥Ñ€â‚¬â‘´æ—ãƒ‚Î²ç–µâ”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”¾â‚¬æ’€è¶â‘©â‚¬æ¾›ä¹…Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”¡é“°è®¿æˆ”â‚¬çŠ†ãƒ¢â‚¬å¥¥å§‘â”žå¶â‚¬æ–†ï¼«å–¡ï¼£ãƒ¢â‚¬å¥¥å¹»â”¾â‚¬æ’€è¶ï¼¦æ–ãƒƒî†™æ¿ƒâ‚¬æ’â”žå¶â‚¬å¥½î†™ä¼µçŸ«ï¸¹â‚¬å­¤è®¿ãƒ‚îŸŠï¼£ãƒ‚å µï¿½ AZUL 2020*/


/* Pesta茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� 茅鈥澟该р€⑴捗ヂβ疵┧喡睹⑩€⒙伱ぢ郝久┾€撀趁⑩€澛久ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┧喡睹⑩€⒙伱ぢ郝� èŒ…éˆ¥æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿â”žæƒµå¾îŸŠÃ·âˆ¶Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”¾â‚¬æ¾Ÿè¯¥î‡·æŸ¯ï¿½ èŒ…éˆ¥æ¨Žç–µÎ²îƒ½â‚¬æ«­ãƒ‚æŒæ—â”¾â‚¬æ¨Žç–µÎ²ãƒ¢å“èŽ½éˆ§îƒî‡¸â”¾â‚¬æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…ç³•å“èŒ…éš†éˆ¥æ¨îž£çŠ…î‚€ãƒ…ç³•â‚¬æ–†â”žå¶â‚¬å§‘î†¹â‚¬â™€â‚¬Î³ãƒ¢â‚¬çºî€¢â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”žåµŸè¯¥î†™ä½²â‚¬âˆ¶ãƒ¢â‚¬å¥¥å§‘â”žåµšîŸ‹ãƒ¢â‚¬å­¤î†šãƒ¢â‚¬å¥¥å¹»â”¾â‚¬æ¨ŽæµŽîž£çŠ…å¥½ãƒ…çŠ‰æ—â”¾â‚¬æ’€è¶ï¼¦æ–Î³î†™ä¼®î€¢â”žåµšæƒ·î‡·é“°å¾ï¸¹â‚¬å­¤è®¿â”žæ„ƒæºãƒ¢â‚¬æ–…å¾ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬å¹»ãƒ…ç³•â‚¬ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ãƒ¢å“ç›²å½•éˆ¥ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²ãƒ¢å“æ°“éº“è™èŒ…éˆ¥æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…îž éƒîƒžâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘ãƒ…ç³•â‚¬æ–†â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ï¸¹â‚¬æ¯¬çŸ«â”§å–¡î„¼îŸŠä»¿å¥½ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ã¢å¹»ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”žæƒµâ”Ÿîž å˜Žï¿½. Julio 2019. Wilmar Cortes */

.tabs_2019 .ui-state-default {
    background-color: #EBEBEB !important;
    font-weight: bold !important;
}

.tabs_2019 .ui-tabs-active .ui-tabs-anchor {
    background-color: #FFFFFF !important;
    color: #355D85 !important;
}

.tabs_2019 .ui-tabs-anchor {
    font-weight: bold !important;
}

.tabs_color .ui-tabs-active {
    background-color: #C7CDD1 !important;
    color: #023D59 !important;
    font-weight: bold !important;
}

.tabs_color .ui-tabs-active a {
    background-color: #C7CDD1 !important;
    color: #023D59 !important;
    font-weight: bold !important;
}

#tab1,
#tab8,
#tab15 {
    background-color: #F1B53B;
    color: #023D59;
}

#tab2,
#tab9,
#tab16 {
    background-color: #15B3DC;
    color: #023D59;
}

#tab3,
#tab10,
#tab17 {
    background-color: #023D59;
    color: #023D59;
}

#tab4,
#tab11,
#tab18 {
    background-color: #D92432;
    color: #FFFFFF;
}

#tab5,
#tab12,
#tab19 {
    background-color: #93B33A;
    color: #FFFFFF;
}

#tab6,
#tab13,
#tab20 {
    background-color: #355D85;
    color: #FFFFFF;
}

#tab7,
#tab14,
#tab21 {
    background-color: #E5661A;
    color: #FFFFFF;
}

#tab1 a,
#tab8 a,
#tab15 a {
    color: #023D59 !important;
    font-weight: bold;
}

#tab2 a,
#tab9 a,
#tab16 a {
    color: #023D59 !important;
    font-weight: bold !important;
}

#tab3 a,
#tab4 a,
#tab5 a,
#tab6 a,
#tab7 a,
#tab10 a,
#tab11 a,
#tab12 a,
#tab13 a,
#tab14 a,
#tab17 a,
#tab18 a,
#tab19 a,
#tab20 a,
#tab21 a {
    color: #FFFFFF !important;
    font-weight: bold;
}


/*FIN Pesta茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� 茅鈥澟该р€⑴捗ヂβ疵┧喡睹⑩€⒙伱ぢ郝久┾€撀趁⑩€澛久ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┧喡睹⑩€⒙伱ぢ郝� èŒ…éˆ¥æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿â”žæƒµå¾îŸŠÃ·âˆ¶Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”¾â‚¬æ¾Ÿè¯¥î‡·æŸ¯ï¿½ èŒ…éˆ¥æ¨Žç–µÎ²îƒ½â‚¬æ«­ãƒ‚æŒæ—â”¾â‚¬æ¨Žç–µÎ²ãƒ¢å“èŽ½éˆ§îƒî‡¸â”¾â‚¬æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…ç³•å“èŒ…éš†éˆ¥æ¨îž£çŠ…î‚€ãƒ…ç³•â‚¬æ–†â”žå¶â‚¬å§‘î†¹â‚¬â™€â‚¬Î³ãƒ¢â‚¬çºî€¢â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”žåµŸè¯¥î†™ä½²â‚¬âˆ¶ãƒ¢â‚¬å¥¥å§‘â”žåµšîŸ‹ãƒ¢â‚¬å­¤î†šãƒ¢â‚¬å¥¥å¹»â”¾â‚¬æ¨ŽæµŽîž£çŠ…å¥½ãƒ…çŠ‰æ—â”¾â‚¬æ’€è¶ï¼¦æ–Î³î†™ä¼®î€¢â”žåµšæƒ·î‡·é“°å¾ï¸¹â‚¬å­¤è®¿â”žæ„ƒæºãƒ¢â‚¬æ–…å¾ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬å¹»ãƒ…ç³•â‚¬ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ãƒ¢å“ç›²å½•éˆ¥ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²ãƒ¢å“æ°“éº“è™èŒ…éˆ¥æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…îž éƒîƒžâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘ãƒ…ç³•â‚¬æ–†â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ï¸¹â‚¬æ¯¬çŸ«â”§å–¡î„¼îŸŠä»¿å¥½ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ã¢å¹»ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”žæƒµâ”Ÿîž å˜Žï¿½*/


/* Acordiones. Julio 2019. Wilmar Cortes */

.accordion_2019 .ui-accordion-header-icon {
    display: none !important;
}

.accordion_2019 .ui-accordion-header-collapsed {
    background-color: #999999 !important;
    color: #FFFFFF !important;
    border-color: #999999 !important;
}

.accordion_2019 .ui-state-active {
    background-color: #F1B53B !important;
    border-color: #F1B53B !important;
    color: #355D85 !important;
}

.accordion_2019 .ui-accordion-content {
    background-color: #F5F5F5 !important;
}


/* FIN Acordiones*/


/* Ventanas. Julio 2019. Wilmar Cortes */

.ventana_img pre {
    color: #355D85 !important;
    border: none;
    background-color: #F2F2F2 !important;
    border-radius: 15px;
}

.ventana_img p {
    color: #355D85;
    font-size: 14pt;
    font-family: 'Lato:400', sans-serif;
}

.IUD_container_2019 .ui-widget-overlay,
.IUD_container_rojo_2019 .ui-widget-overlay,
.IUD_container_azul_2019 .ui-widget-overlay,
.IUD_container_verde_2019 .ui-widget-overlay,
.IUD_container_amarillo_2019 .ui-widget-overlay,
.IUD_container_azulclaro_2019 .ui-widget-overlay,
.IUD_container_naranja_2019 .ui-widget-overlay,
.IUD_container_gris_2019 .ui-widget-overlay,
.IUD_container_2019 .ui-widget-overlay {
    background: rgba(45, 59, 69, 0.75);
    opacity: 1 !important;
    left: 0px !important;
}


/* FIN Ventanas */


/* Botones. Julio 2019. Wilmar Cortes */

.IUD_container_verde_2019 .btn-primary,
.IUD_container_rojo_2019 .btn-primary,
.IUD_container_azul_2019 .btn-primary,
.IUD_container_amarillo_2019 .btn-primary,
.IUD_container_azulclaro_2019 .btn-primary,
.IUD_container_naranja_2019 .btn-primary,
.IUD_container_gris_2019 .btn-primary {
    background-color: #F1B53B;
    border-color: #F1B53B;
    color: #023D59;
    border-radius: 8px;
    font-family: 'Lato:400', sans-serif;
}

.IUD_container_verde_2019 .btn-primary .ui-button-text,
.IUD_container_rojo_2019 .btn-primary .ui-button-text,
.IUD_container_azul_2019 .btn-primary .ui-button-text,
.IUD_container_amarillo_2019 .btn-primary .ui-button-text,
.IUD_container_azulclaro_2019 .btn-primary .ui-button-text,
.IUD_container_naranja_2019 .btn-primary .ui-button-text,
.IUD_container_gris_2019 .btn-primary .ui-button-text {
    color: #023D59;
    font-family: 'Lato:400', sans-serif;
}


/* FIN Botones */


/* Tablas. Julio 2019. Wilmar Cortes */

.table_2019 td,
.table_2019 th {
    border: solid;
    border-color: #BABABA;
    border-width: thin;
}

.table_2019 thead tr {
    background-color: #15B3DC !important;
    color: #FFFFFF !important;
}

.table_2019 tbody tr:nth-child(odd) {
    background-color: #FFFFFF !important;
}

.table_2019 tbody tr:nth-child(even) {
    background-color: rgb(21, 179, 220, 0.1) !important;
}


/*FIN Tablas */


/* Rubrica. Julio 2019. Wilmar Cortes */

.rubric_title {
    background-color: #15B3DC !important;
    color: #FFFFFF !important;
}

.rubric_table thead th {
    background-color: #15B3DC !important;
    color: #FFFFFF !important;
}

.rubric_table tr:nth-child(odd) {
    background-color: #FFFFFF !important;
}

.rubric_table tr:nth-child(even) {
    background-color: rgb(21, 179, 220, 0.1) !important;
}

.rubric_table tr:nth-child(even) .ratings tr {
    background-color: rgb(21, 179, 220, 0.01) !important;
}


/*FIN Rubrica */


/* Glosario. Julio 2019. Wilmar Cortes */

.glosario h2 {
    color: #355D85;
}

.glosario h3 {
    color: #15B3DC;
}

.glosario div {
    border-bottom-color: #BABABA;
    border-bottom-style: dashed;
    border-bottom-width: thin;
}


/*FIN Glosario */


/* Glosario. Julio 2019. Wilmar Cortes */

.bibliografia h2 {
    color: #15B3DC !important;
    font-size: 20pt !important;
}

.bibliografia h3 {
    color: #15B3DC;
}

.bibliografia div {
    border-bottom-color: #BABABA;
    border-bottom-style: dashed;
    border-bottom-width: thin;
}


/*FIN Glosario */


/*Docente. Julio 2019. Wilmar Cortes */

.IUD_imagen_docente_2019 img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border-color: #F1B53B !important;
    border-style: solid;
    border-width: medium;
}


/*FIN Docente */

.icono_caja {
    text-align: center;
    align-content: center;
}


/*Login. Agosto 2019. Wilmar Cort茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� 茅鈥澟该р€⑴捗ヂβ疵┧喡睹⑩€⒙伱ぢ郝久┾€撀趁⑩€澛久ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┧喡睹⑩€⒙伱ぢ郝� èŒ…éˆ¥æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿â”žæƒµå¾îŸŠÃ·âˆ¶Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”¾â‚¬æ¾Ÿè¯¥î‡·æŸ¯ï¿½ èŒ…éˆ¥æ¨Žç–µÎ²îƒ½â‚¬æ«­ãƒ‚æŒæ—â”¾â‚¬æ¨Žç–µÎ²ãƒ¢å“èŽ½éˆ§îƒî‡¸â”¾â‚¬æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…ç³•å“èŒ…éš†éˆ¥æ¨îž£çŠ…î‚€ãƒ…ç³•â‚¬æ–†â”žå¶â‚¬å§‘î†¹â‚¬â™€â‚¬Î³ãƒ¢â‚¬çºî€¢â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”žåµŸè¯¥î†™ä½²â‚¬âˆ¶ãƒ¢â‚¬å¥¥å§‘â”žåµšîŸ‹ãƒ¢â‚¬å­¤î†šãƒ¢â‚¬å¥¥å¹»â”¾â‚¬æ¨ŽæµŽîž£çŠ…å¥½ãƒ…çŠ‰æ—â”¾â‚¬æ’€è¶ï¼¦æ–Î³î†™ä¼®î€¢â”žåµšæƒ·î‡·é“°å¾ï¸¹â‚¬å­¤è®¿â”žæ„ƒæºãƒ¢â‚¬æ–…å¾ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬å¹»ãƒ…ç³•â‚¬ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ãƒ¢å“ç›²å½•éˆ¥ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²ãƒ¢å“æ°“éº“è™èŒ…éˆ¥æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…îž éƒîƒžâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘ãƒ…ç³•â‚¬æ–†â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ï¸¹â‚¬æ¯¬çŸ«â”§å–¡î„¼îŸŠä»¿å¥½ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ã¢å¹»ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”¾â‚¬æ¿ƒâ‚¬â’šî‡·æŸ¯ï¿½ */

.ic-Login__container {
    margin-top: 24px;
    -webkit-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.3);
    border-radius: 15px !important;
}

body.ic-Login-Body {
    background-image: var(--ic-brand-Login-body-bgd-image) !important;
}

.ic-Login-header {
    display: inline-block !important;
    padding: 0px !important;
    background-color: #243F59 !important;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

.ic-Login-header img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.ic-Login__innerContent {
    padding: 0px !important;
    background-color: #243F59;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.ic-Login__content {
    padding: 0px !important;
    border-radius: 15px !important;
}

.Button--login {
    background-color: #E0B347 !important;
    color: #243F59 !important;
    border-color: #E0B347 !important;
}

.ic-Login__body {
    margin-top: 0px !important;
}

.ic-Login__body .ui-helper-hidden-accessible {
    position: relative !important;
    color: #66AED6;
    font-weight: bold;
}

.ic-Login-footer {
    background-color: #F5F5F5 !important;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}


/*FIN Login*/


/*FIN*/


/*Transparencia Login. Agosto 10 de 2018. Jhonatan Arroyave*/

.ic-Login__content {
    background-color: #f2f2f2e3 !important;
}


/* FIN  */


/*Estilos para los contenedores de color con parrafo en gris, imagen escalable. Por Sergio Ramirez - Modificado por Jhonatan Arroyave Agosto 27 de 2018*/

.IUD_container p,
.IUD_container_rojo p,
.IUD_container_azul p,
.IUD_container_verde p,
.IUD_container_amarillo p,
.IUD_container_azulclaro p,
.IUD_container_naranja p,
.IUD_container_gris p {
    color: #545454;
    font-size: 13pt;
    font-weight: 500;
    font-family: 'Lato Regular', sans-serif;
}

.IUD_container .img_100,
.IUD_container_rojo .img_100,
.IUD_container_azul .img_100,
.IUD_container_verde .img_100,
.IUD_container_amarillo .img_100,
.IUD_container_azulclaro .img_100,
.IUD_container_naranja .img_100,
.IUD_container_gris .img_100 {
    max-width: none !important;
    width: 100%;
    height: auto;
}

.IUD_container img,
.IUD_container_rojo img,
.IUD_container_azul img,
.IUD_container_verde img,
.IUD_container_amarillo img,
.IUD_container_azulclaro img,
.IUD_container_naranja img,
.IUD_container_gris img {
    max-width: none !important;
}

.IUD_container .img_iconos,
.IUD_container_rojo .img_iconos,
.IUD_container_azul .img_iconos,
.IUD_container_verde .img_iconos,
.IUD_container_amarillo .img_iconos,
.IUD_container_azulclaro .img_iconos,
.IUD_container_naranja .img_iconos,
.IUD_container_gris .img_iconos {
    width: 50px;
    height: 50px;
    display: flex;
    margin: 0 auto;
}


/*ACA SE CAMBIA EL COLOR SEG茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� 茅鈥澟该р€⑴捗ヂβ疵┧喡睹⑩€⒙伱ぢ郝久┾€撀趁⑩€澛久ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┧喡睹⑩€⒙伱ぢ郝� èŒ…éˆ¥æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿â”žæƒµå¾îŸŠÃ·âˆ¶Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”¾â‚¬æ¾Ÿè¯¥î‡·æŸ¯ï¿½ 茅鈥樎疵β€櫭ヂ捌捗┾€樎疵βモ偓莽鈧┾€樎疵β徝р偓炉茅鈥樎好ε解€斆ヅ糕偓茅隆鈥樏犅ヅ糕€斆┞嶁€姑€♀€γモ€灺┞嵚徝р€犅裁ε捙捗┧喡睹⑩€⒙伱ぢ郝久┞嵟该佲€∶モ€奥姑┞嵚モ€孤モ€奥幻┾€樎济犅好ヅ犉捗┾€撀趁Ｆ捖γ伮┞嵚惷铰徝︹€孤访┞愃溍モ€斅徝︹€♀€∶┞嶁€姑︹€櫬幻ヅ糕€灻┧喡访β奥ヂ忊€γ┡铰姑βモ偓盲录鈥灻┧喡访β奥ヅ铰矫┧喡访β奥Ｃ︹€♀€∶┞嶁€姑︹€櫬疵ヂッ┾€樎疵βモ偓氓麓虏 茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� èŒ…éˆ¥æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·â’šâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”žåµŸâˆ¶â‘©â‚¬æ¨Žâ”Ÿãƒ…ç³•â‚¬æ–†â”žåµšæƒ·î‡·é“°å¾ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ãƒ¢å“ç›²å½•éˆ¥ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ï¸¹â‚¬æ¯¬çŸ«Î²åž›â‚¬æ¾ãƒ¢â‚¬æ¨Žî„¼ãƒ¢â‚¬ï¿½ 茅鈥澟该ㄅ犅ッ€÷⒚┞嶁€姑€犅姑ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┞嵚∶ヂ柯ッ︹€孤访ヂㄢ€γ€ε久モ€� 茅鈥澟该р€⑴捗ヂβ疵┧喡睹⑩€⒙伱ぢ郝久┾€撀趁⑩€澛久ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┧喡睹⑩€⒙伱ぢ郝� èŒ…éˆ¥æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿â”žæƒµå¾îŸŠÃ·âˆ¶Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ¢â‚¬ï¿½ èŒ…éˆ¥æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·â’šâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”žåµŸâˆ¶â‘©â‚¬æ¨Žâ”Ÿãƒ…ç³•â‚¬æ–†â”žåµšæƒ·î‡·é“°å¾ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ã¢å¹»ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»îž éƒîƒžâ”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ¢â‚¬ï¿½ èŒ…éˆ¥æ¾Ÿè¯¥Ñ€â‚¬â‘´æ—ãƒ‚Î²ç–µâ”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”¾â‚¬æ’€è¶â‘©â‚¬æ¾›ä¹…Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”¡é“°è®¿æˆ”â‚¬çŠ†ãƒ¢â‚¬å¥¥å§‘â”žå¶â‚¬æ–†ï¼«å–¡ï¼£ãƒ¢â‚¬å¥¥å¹»â”¾â‚¬æ’€è¶ï¼¦æ™çŸ«ãƒ¢â‚¬çŠ…è£ã¢å°–â‚¬ç»â”§å–¡î„¼îŸŠä»¿å¥½ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ãƒ¢å“å¿™æ‹¢è‰—èŒ…éˆ¥æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†™ä¼®î€¢â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”žåµŸâˆ¶â‘©â‚¬æ¨Žâ”Ÿãƒ…ç³•â‚¬æ–†â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”¡é“°è®¿æˆ”â‚¬çŠ†ãƒ¢â‚¬å¥¥å¹»â”¾â‚¬æ’€è¶ï¼¦æ–Î³î†¹â‚¬Ã·â’šâ”žå¶â‚¬å§‘î†¹â‚¬â™€â‚¬Î³ï¸¹â‚¬æ¨·â‚¬ï¿½ EL PROGRAMA*/

.IUD_container .IUD_banner {
    background-color: var(--main-tds-color);
}


/*FIN COLOR PROGRAMA*/

.IUD_container_rojo .IUD_banner {
    background-color: var(--main-rojo-color);
}

.IUD_container_azul .IUD_banner {
    background-color: var(--main-azul-color);
}

.IUD_container_verde .IUD_banner {
    background-color: var(--main-verde-color);
}

.IUD_container_amarillo .IUD_banner {
    background-color: var(--main-amarillo-color);
}

.IUD_container_azulclaro .IUD_banner {
    background-color: var(--main-azulclaro-color);
}

.IUD_container_naranja .IUD_banner {
    background-color: var(--main-naranja-color);
}

.IUD_container_gris .IUD_banner {
    background-color: var(--main-gris-color);
}


/* Estilos para h2 y h4 para el contenedor verde. Por Oscar Durango*/

.IUD_container_verde h2 {
    color: var(--main-azul-color);
    font-size: 30pt;
    font-weight: bold;
}

.IUD_container_verde h4 {
    color: var(--main-azul-color);
    font-size: 18pt;
    font-weight: 300;
}


/**--------------------*/

.IUD_container_rojo h2 {
    color: var(--main-azul-color);
    font-size: 30pt;
    font-weight: bold;
}

.IUD_container_rojo h4 {
    color: var(--main-azul-color);
    font-size: 18pt;
    font-weight: 300;
}


/**--------------------*/

.IUD_container_azul h2 {
    color: var(--main-azul-color);
    font-size: 30pt;
    font-weight: bold;
}

.IUD_container_azul h4 {
    color: var(--main-azul-color);
    font-size: 18pt;
    font-weight: 300;
}


/**--------------------*/

.IUD_container_amarillo h2 {
    color: var(--main-azul-color);
    font-size: 30pt;
    font-weight: bold;
}

.IUD_container_amarillo h4 {
    color: var(--main-azul-color);
    font-size: 18pt;
    font-weight: 300;
}


/**--------------------*/

.IUD_container_azulclaro h2 {
    color: var(--main-azul-color);
    font-size: 30pt;
    font-weight: bold;
}

.IUD_container_azulclaro h4 {
    color: var(--main-azul-color);
    font-size: 18pt;
    font-weight: 300;
}


/**--------------------*/

.IUD_container_naranja h2 {
    color: var(--main-azul-color);
    font-size: 30pt;
    font-weight: bold;
}

.IUD_container_naranja h4 {
    color: var(--main-azul-color);
    font-size: 18pt;
    font-weight: 300;
}


/**--------------------*/

.IUD_container_gris h2 {
    color: var(--main-gris-color);
    font-size: 30pt;
    font-weight: bold;
}

.IUD_container_gris h4 {
    color: var(--main-gris-color);
    font-size: 18pt;
    font-weight: 300;
}


/**--------------------*/


/* Estilos para la estructura de los banner de todos los cursos. Por Oscar Durango*/

.IUD_banner {
    /*width: 100%;*/
    height: auto;
    color: #fff;
    text-align: left;
    padding-top: 15px;
    padding-left: 50px;
    margin-bottom: 10px;
    overflow-x: hidden;
}


/* Estilos para video responsiv. Agosto 4 de 2018. Por Oscar Durango*/

.IUD_video {
    position: relative;
    width: 100%;
    height: 2px;
    padding-bottom: 56%;
}

.IUD_video iframe {
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
}


/* Estilos para hover de los botones del inicio. Agosto 4 de 2018. Por Oscar Durango*/

.IUD_lineahover {
    /* font-size: 1.125rem;*/
    text-align: center;
    background-image: linear-gradient(#00D2FF 50%, #00D2FF 50%), linear-gradient(#ddd 50%, #ddd 50%);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 0 .063em, 100% .063em;
    color: #545454;
    padding-bottom: .188em;
    text-decoration: none !important;
    transition: background-size .5s;
}

a.IUD_lineahover:hover {
    color: #434545;
    background-size: 100% .2em, 100% .2em;
}


/*PROGRAMA*/

.IUD_container .IUD_nombre_curso {
    background-color: var(--main-tds-color);
}


/*FIN PROGRAMA*/

.IUD_container_rojo .IUD_nombre_curso {
    background-color: var(--main-rojo-color);
}

.IUD_container_azul .IUD_nombre_curso {
    background-color: var(--main-azul-color);
}

.IUD_container_verde .IUD_nombre_curso {
    background-color: var(--main-verde-color);
}

.IUD_container_amarillo .IUD_nombre_curso {
    background-color: var(--main-amarillo-color);
}

.IUD_container_azulclaro .IUD_nombre_curso {
    background-color: var(--main-azulclaro-color);
}

.IUD_container_naranja .IUD_nombre_curso {
    background-color: var(--main-naranja-color);
}

.IUD_container_gris .IUD_nombre_curso {
    background-color: var(--main-gris-color);
}


/*Banner de presentaci de curso 11 de agosto 2018*/

.IUD_nombre_curso h1 {
    position: absolute;
    left: 50%;
    color: #fff !important;
}

.IUD_banner h1 {
    font-size: 1.8em !important;
    line-height: 1.5 !important;
    color: #fff !important;
    font-weight: 500 !important;
}


/*Cuadro de presentacion del docente 7 de agosto 2018 - Sergio Ramirez*/

.IUD_cuadro_sombra {
    box-shadow: 0px 2px 8px 0px rgba(153, 153, 153, 0.5);
    padding: 20px;
    margin: 10px 25px 25px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


/*Clase creada para el manejo del contenido dentro del cuadro de docente 7 de agosto 2018 - Sergio Ramirez*/

.IUD_cuadro_docente {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-bottom: 10px;
}


/*Clase que administra las propiedades de la imagen del docente 7 de agosto 2018 - Sergio Ramirez*/

.IUD_imagen_docente {
    display: flex;
    justify-content: center;
    align-items: center;
}


/*Clase creada para el tama de la imagen del docente 7 de agosto 2018 - Sergio Ramirez*/

.IUD_imagen_docente img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
}


/*Clase que administra las propiedades del nombre y perfil del docente 7 de agosto 2018 - Sergio Ramirez*/

.IUD_nombre_docente {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 15px;
}

.IUD_nombre_docente p {
    font-size: 1.3rem;
    color: #999999;
    font-weight: 100;
}

.IUD_nombre_docente h3 {
    font-size: 1.5rem !important;
    margin-bottom: -0.7em !important;
    margin-top: 1.3em !important;
}

.IUD_nombre_docente hr {
    width: 50px;
    border: .5px solid #C7CDD1;
    text-align: start;
    align-self: left;
    margin-left: 0px;
    margin: 0px;
}


/*Clase creada para el manejo de herramietas en presentacion del curso 7 de agosto 2018 - Sergio Ramirez*/

.IUD_herramientas_1 p {
    margin: 5px 0px 0px 0px;
}

.IUD_herramientas_2 {
    margin-left: 30px;
}

.IUD_herramientas_2 p {
    margin: 5px 0px 0px 0px;
}


/*Clase que administra el icono al lado izquierdo de las herramientas 7 de agosto 2018 - Sergio Ramirez*/

.IUD_img_icon img {
    width: 25px;
    height: 25px;
    margin-right: 7px;
}


/* Medias query creadas para el manejo responsive del cotenido creado */


/* Extra Small Devices, Phones */

@media screen and (max-width:550px) {
    .IUD_nombre_curso {
        background-image: none;
    }

    .IUD_nombre_curso h1 {
        left: 10px;
    }
}


/* Small Devices, Tablets */

@media screen and (max-width:900px) {
    .IUD_nombre_curso {
        background-image: none;
    }

    .IUD_nombre_curso h1 {
        left: 40px;
    }
}


/* Medium Devices, Desktops */

@media screen and (max-width:1124px) {
    .IUD_cuadro_docente {
        display: flex;
        flex-direction: column;
    }

    .IUD_imagen_docente {
        justify-content: flex-start;
    }
}


/* Large Devices, Wide Screens */

@media screen and (max-width: 1200px) {
    .IUD_cuadro_docente {
        display: flex;
        flex-direction: column;
    }

    .IUD_imagen_docente {
        justify-content: flex-start;
    }
}


/* Large Devices, Wide Screens */

@media screen and (max-width: 1400px) {
    .IUD_cuadro_docente {
        display: flex;
        flex-direction: column;
    }

    .IUD_imagen_docente {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 1600px) {
    .IUD_cuadro_docente {
        display: flex;
        flex-direction: column;
    }

    .IUD_imagen_docente {
        justify-content: flex-start;
        margin-top: 23px;
        margin-bottom: -30px;
    }

    .IUD_cuadro_docente .IUD_nombre_docente hr {
        margin-top: -10px;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1601px) {
    .IUD_cuadro_docente {
        margin-top: -30px;
    }
}

@media screen and (max-width: 3000px) {
    .IUD_cuadro_docente {
        margin-top: -30px;
    }
}


/*Agosto 13 de 2018. Modificacionn titulos de paginas. JHonatan Arroyave  */

.pages.show .page-title {
    margin: 15px 0;
    color: #ffffff;
    font-size: 10pt;
    font-weight: bolder;
}


/*Agosto 13 de 2018. Estilos para titulos en Canvas. Jhonatan Arroyave*/

.IUD_container h1,
.IUD_container_rojo h1,
.IUD_container_azul h1,
.IUD_container_verde h1,
.IUD_container_amarillo h1,
.IUD_container_azulclaro h1,
.IUD_container_naranja h1,
.IUD_container_gris h1 {
    color: var(--main-gris-color);
    font-size: 36px !important;
    font-weight: bolder;
}

.IUD_container h2,
.IUD_container_rojo h2,
.IUD_container_azul h2,
.IUD_container_verde h2,
.IUD_container_amarillo h2,
.IUD_container_azulclaro h2,
.IUD_container_naranja h2,
.IUD_container_gris h2 {
    font-size: 30px;
    font-weight: bold;
}


/*Colores para el estilo H2. Agosto 27 de 2018. Jhonatan Arroyave*/

.IUD_container_rojo h2 {
    color: var(--main-tds-color);
}

.IUD_container_rojo h2 {
    color: var(--main-azul-color);
}

.IUD_container_azul h2 {
    color: var(--main-azul-color);
}

.IUD_container_verde h2 {
    color: var(--main-azul-color);
}

.IUD_container_amarillo h2 {
    color: var(--main-azul-color);
}

.IUD_container_azulclaro h2 {
    color: var(--main-azul-color);
}

.IUD_container_naranja h2 {
    color: var(--main-azul-color);
}

.IUD_container_gris h2 {
    color: var(--main-gris-color);
}


/*FIN*/

.IUD_container h3,
.IUD_container_rojo h3,
.IUD_container_azul h3,
.IUD_container_verde h3,
.IUD_container_amarillo h3,
.IUD_container_azulclaro h3,
.IUD_container_naranja h3,
.IUD_container_gris h3 {
    color: var(--main-grisclaro-color);
    font-size: 24px;
    font-weight: bold;
    margin: 5px 0;
}

.IUD_container h4,
.IUD_container_rojo h4,
.IUD_container_azul h4,
.IUD_container_verde h4,
.IUD_container_amarillo h4,
.IUD_container_azulclaro h4,
.IUD_container_naranja h4,
.IUD_container_gris h4 {
    font-size: 18px;
    font-weight: 300;
}


/*Colores para el estilo H4. Agosto 14 de 2018. Jhonatan Arroyave*/

.IUD_container_rojo h4 {
    color: var(--main-azul-color);
}

.IUD_container_azul h4 {
    color: var(--main-azul-color);
}

.IUD_container_verde h4 {
    color: var(--main-azul-color);
}

.IUD_container_amarillo h4 {
    color: var(--main-azul-color);
}

.IUD_container_azulclaro h4 {
    color: var(--main-azul-color);
}

.IUD_container_naranja h4 {
    color: var(--main-azul-color);
}

.IUD_container_gris h4 {
    color: var(--main-gris-color);
}


/*FIN*/

.IUD_container h5,
.IUD_container_rojo h5,
.IUD_container_azul h5,
.IUD_container_verde h5,
.IUD_container_amarillo h5,
.IUD_container_azulclaro h5,
.IUD_container_naranja h5,
.IUD_container_gris h5 {
    font-size: 14px;
}

.IUD_container h6,
.IUD_container_rojo h6,
.IUD_container_azul h6,
.IUD_container_verde h6,
.IUD_container_amarillo h6,
.IUD_container_azulclaro h6,
.IUD_container_naranja h6,
.IUD_container_gris h6 {
    font-size: 12px;
    font-style: italic;
}


/*Agosto 15 de 2018. Codigo para estabilizar transparencia de Ventanas modales. Jhonatan Arroyave*/

.IUD_container .ui-widget-overlay,
.IUD_container_rojo .ui-widget-overlay,
.IUD_container_azul .ui-widget-overlay,
.IUD_container_verde .ui-widget-overlay,
.IUD_container_amarillo .ui-widget-overlay,
.IUD_container_azulclaro .ui-widget-overlay,
.IUD_container_naranja .ui-widget-overlay,
.IUD_container_gris .ui-widget-overlay,
.IUD_container .ui-widget-overlay {
    background: rgba(45, 59, 69, 0.75);
    opacity: 1 !important;
    left: 0px !important;
}


/*Agosto 22. Eliminar el subrayado de las pestanas. Jhonatan Arroyave*/

.jqueryUIWidgetized .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    text-decoration: none !important;
}

.btn-primary,
.Button--primary {
    color: var(--ic-brand-button--primary-text) !important;
}


/*Septiembre 31 de 2018. Tabla responsiva con todos los bordes. Oscar Durango */

.IUD_table {
    width: 750px;
    border-collapse: collapse;
    margin: 50px auto;
}

.IUD_table tr:nth-of-type(odd) {
    background: #eee;
}

.IUD_table th {
    background: #999999;
    color: white;
    font-weight: bold;
}

.IUD_table td,
.IUD_table th {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    font-size: 18px;
    text-align: center;
}


/* Este query tendra efecto en una patantalla mas peque茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� 茅鈥澟该р€⑴捗ヂβ疵┧喡睹⑩€⒙伱ぢ郝久┾€撀趁⑩€澛久ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┧喡睹⑩€⒙伱ぢ郝� èŒ…éˆ¥æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿â”žæƒµå¾îŸŠÃ·âˆ¶Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”¾â‚¬æ¾Ÿè¯¥î‡·æŸ¯ï¿½ 茅鈥樎疵β€櫭ヂ捌捗┾€樎疵βモ偓莽鈧┾€樎疵β徝р偓炉茅鈥樎好ε解€斆ヅ糕偓茅隆鈥樏犅ヅ糕€斆┞嶁€姑€♀€γモ€灺┞嵚徝р€犅裁ε捙捗┧喡睹⑩€⒙伱ぢ郝久┞嵟该佲€∶モ€奥姑┞嵚モ€孤モ€奥幻┾€樎济犅好ヅ犉捗┾€撀趁Ｆ捖γ伮┞嵚惷铰徝︹€孤访┞愃溍モ€斅徝︹€♀€∶┞嶁€姑︹€櫬幻ヅ糕€灻┧喡访β奥ヂ忊€γ┡铰姑βモ偓盲录鈥灻┧喡访β奥ヅ铰矫┧喡访β奥Ｃ︹€♀€∶┞嶁€姑︹€櫬疵ヂッ┾€樎疵βモ偓氓麓虏 茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� èŒ…éˆ¥æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·â’šâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”žåµŸâˆ¶â‘©â‚¬æ¨Žâ”Ÿãƒ…ç³•â‚¬æ–†â”žåµšæƒ·î‡·é“°å¾ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ãƒ¢å“ç›²å½•éˆ¥ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ï¸¹â‚¬æ¯¬çŸ«Î²åž›â‚¬æ¾ãƒ¢â‚¬æ¨Žî„¼ãƒ¢â‚¬ï¿½ 茅鈥澟该ㄅ犅ッ€÷⒚┞嶁€姑€犅姑ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┞嵚∶ヂ柯ッ︹€孤访ヂㄢ€γ€ε久モ€� 茅鈥澟该р€⑴捗ヂβ疵┧喡睹⑩€⒙伱ぢ郝久┾€撀趁⑩€澛久ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┧喡睹⑩€⒙伱ぢ郝� èŒ…éˆ¥æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿â”žæƒµå¾îŸŠÃ·âˆ¶Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ¢â‚¬ï¿½ èŒ…éˆ¥æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·â’šâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”žåµŸâˆ¶â‘©â‚¬æ¨Žâ”Ÿãƒ…ç³•â‚¬æ–†â”žåµšæƒ·î‡·é“°å¾ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”¾â‚¬æ¾Ÿè¯¥î‡·æŸ¯ï¿½ 茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� 茅鈥澟该р€⑴捗ヂβ疵┧喡睹⑩€⒙伱ぢ郝久┾€撀趁⑩€澛久ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┧喡睹⑩€⒙伱ぢ郝久┡铰访戔€犆モ€奥幻┾€撀趁Ｆ捖γ€÷⒚┞嶁€姑€犅姑ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┞嵚∶ヂ柯ッ︹€孤访ヂㄢ€γ€ε久モ€� èŒ…éˆ¥æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·â’šâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”¡é“°è®¿æˆ”â‚¬çŠ†ãƒ¢â‚¬å¥¥å§‘â”žå¶â‚¬æ–†ï¼«å–¡ï¼£ãƒ¢â‚¬å¥¥å¹»â”¾â‚¬æ’€è¶ï¼¦æ™çŸ«ãƒ¢â‚¬çŠ…è£ã¢å°–â‚¬ç»â”§å–¡î„¼îŸŠä»¿å¥½ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ã¢å¹»ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ãƒ¢å“å¿™æ‹¢è‰—èŒ…éˆ¥æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†™ä¼®î€¢â”žåµšæƒ·î‡·é“°å¾ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ãƒ¢å“ç›²å½•éˆ¥ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²ãƒ¢å“æ°“éº“è™èŒ…éˆ¥æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…îž éƒîƒžâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å¹»îž î†¹åŠ‰èŒ…è§è«èŒ«éˆ¥æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”¡é“°è®¿æˆ”â‚¬çŠ†ãƒ¢â‚¬å¥¥å¹»â”¾â‚¬æ’€è¶ï¼¦æ–Î³î†¹â‚¬Ã·â’šâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ¢â‚¬ï¿½ 茅鈥澟该р€⑴捗ヂβ疵┧喡睹⑩€⒙伱ぢ郝久┾€撀趁⑩€澛久ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┧喡睹⑩€⒙伱ぢ郝� èŒ…éˆ¥æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿â”žæƒµå¾îŸŠÃ·âˆ¶Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”¾â‚¬æ¾Ÿè¯¥î‡·æŸ¯ï¿½ èŒ…éˆ¥æ¨Žç–µÎ²îƒ½â‚¬æ«­ãƒ‚æŒæ—â”¾â‚¬æ¨Žç–µÎ²ãƒ¢å“èŽ½éˆ§îƒî‡¸â”¾â‚¬æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…ç³•å“èŒ…éš†éˆ¥æ¨îž£çŠ…î‚€ãƒ…ç³•â‚¬æ–†â”žå¶â‚¬å§‘î†¹â‚¬â™€â‚¬Î³ãƒ¢â‚¬çºî€¢â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”žåµŸè¯¥î†™ä½²â‚¬âˆ¶ãƒ¢â‚¬å¥¥å§‘â”žåµšîŸ‹ãƒ¢â‚¬å­¤î†šãƒ¢â‚¬å¥¥å¹»â”¾â‚¬æ¨ŽæµŽîž£çŠ…å¥½ãƒ…çŠ‰æ—â”¾â‚¬æ’€è¶ï¼¦æ–Î³î†™ä¼®î€¢â”žåµšæƒ·î‡·é“°å¾ï¸¹â‚¬å­¤è®¿â”žæ„ƒæºãƒ¢â‚¬æ–…å¾ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬å¹»ãƒ…ç³•â‚¬ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ã¢å¹»ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ãƒ¢å“å¿™æ‹¢è‰—èŒ…éˆ¥æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†™ä¼®î€¢â”žåµšæƒ·î‡·é“°å¾ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ãƒ¢å“ç›²å½•éˆ¥ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²ãƒ¢å“æ°“éº“è™èŒ…éˆ¥æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…îž éƒîƒžâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘ãƒ…ç³•â‚¬æ–†â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”¡é“°è®¿æˆ”â‚¬çŠ†ãƒ¢â‚¬å¥¥å¹»â”¾â‚¬æ’€è¶ï¼¦æ–Î³î†¹â‚¬Ã·â’šâ”žå¶â‚¬å§‘î†¹â‚¬â™€â‚¬Î³ãƒ¢â‚¬çºî€¢â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ã¢å°–â‚¬ç»îž éƒîƒžâ”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”§å–¡ç¹â‘©â‚¬â’™ä¼±ã¢éƒä¹…â”¡é“°è®¿æˆ”â‚¬çŠ†ãƒ¢â‚¬å¥¥å¹»â”¾â‚¬æ’€è¶ï¼¦æ–Î³î†¹â‚¬Ã·â’šâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘ãƒ…ç³•â‚¬æ–†â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ¢â‚¬ï¿½ 茅鈥澟该р€⑴捗ヂβ疵┧喡睹⑩€⒙伱ぢ郝久┾€撀趁⑩€澛久ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┧喡睹⑩€⒙伱ぢ郝� èŒ…éˆ¥æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿â”žæƒµå¾îŸŠÃ·âˆ¶Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ¢â‚¬ï¿½ èŒ…éˆ¥æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·â’šâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘Îµæ™æ—â”žåµšå¾Ñ€â‚¬çŠ…è£Îµæ™æ—â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”žåµŸâˆ¶â‘©â‚¬æ¨Žâ”Ÿãƒ…ç³•â‚¬æ–†â”žåµšæƒ·î‡·é“°å¾ï¸¹â‚¬å­¤è®¿ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ã¢å¹»ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬è¶â‘©â‚¬æ’†æ—â”¾â‚¬æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”§å–¡î„¼îŸŠä»¿å¥½ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ãƒ¢å“å¿™æ‹¢è‰—èŒ…éˆ¥æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†™ä¼®î€¢â”žåµšæƒ·î‡·é“°å¾ï¸¹â‚¬å­¤è®¿â”žæ„ƒæºãƒ¢â‚¬æ–…å¾ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬å¹»ãƒ…ç³•â‚¬ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ãƒ¢å“ç›²å½•éˆ¥ç»â”§å–¡è®¿Î²å¥¥îƒžãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²ãƒ¢å“æ°“éº“è™èŒ…éˆ¥æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…îž éƒîƒžâ”žå¶â‚¬å§‘î†¹â‚¬çŠ…å§‘ãƒ…ç³•â‚¬æ–†â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ï¸¹â‚¬æ¯¬çŸ«â”§å–¡î„¼îŸŠä»¿å¥½ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ã¢å¹»ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”žæƒµâ”Ÿî‡·æŸ¯ï¿½ que 760px*/

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    .IUD_table table {
        width: 100%;
    }

    .IUD_table table,
    .IUD_table thead,
    .IUD_table tbody,
    .IUD_table th,
    .IUD_table td,
    .IUD_table tr {
        display: block;
    }

    .IUD_table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .IUD_table tr {
        border: 1px solid #ccc;
    }

    .IUD_table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .IUD_table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-column);
        color: #000;
        font-weight: bold;
    }
}


/* Fin de la tabla*/

.IUD_flecha_izq::after {
    right: 100%;
    top: 17%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #f25003;
}


/*ESTILOS SLIDE HTML CSS + Enviados por William Ortiz 25 09 2018*/


/**
 * 1. Hide the overlay by default and show it when it is targeted or active.
 * 2. Make the overlay full width and height.
 */

.perfundo__overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    /* [1] */
    position: fixed;
    /* [2] */
    top: 0;
    /* [2] */
    right: 0;
    /* [2] */
    bottom: 0;
    /* [2] */
    left: 0;
    /* [2] */
    z-index: 999;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.9);
}

.perfundo__overlay:target,
.perfundo__overlay.is-active {
    visibility: visible;
    /* [1] */
}


/**
 * 1. Add a scrollbar if the content doesn't fit vertically.
 * 2. Inherit the animation name (e.g. animate.css class) from the parent.
 */

.perfundo__content {
    max-height: 100%;
    /* [1] */
    overflow: auto;
    /* [1] */
}

:target>.perfundo__content,
.is-active>.perfundo__content {
    -webkit-animation: 0.4s ease-out 0.2s both;
    animation: 0.4s ease-out 0.2s both;
    -webkit-animation-name: inherit;
    animation-name: inherit;
    /* [2] */
}

.perfundo__html {
    padding: 2em;
    max-width: 42em;
    background-color: #fff;
}


/**
 * 1. Prevent the full sized image from loading initially.
 * 2. Trigger loading of the full sized image when the lightbox is opened.
 */

.perfundo__figure {
    display: none;
    /* [1] */
    margin: 1.5em;
}

:target>.perfundo__figure,
.is-active>.perfundo__figure {
    display: block;
    /* [2] */
}

.perfundo__figure img {
    display: block;
    height: 0;
}

.perfundo__figcaption {
    color: #fff;
}


/**
 * 1. Make the image container responsive.
 * 2. Scale the background image to match the size of the image container.
 */

.perfundo__image {
    max-width: 100%;
    /* [1] */
    background-size: 100%;
    /* [2] */
}


/**
 * 1. Make the icons as big as the control element.
 * 2. Hide the control text visually, but have it available for screen readers.
 * 3. Make the control links readable depending on the overlay color.
 */

.perfundo__control {
    position: absolute;
    width: 3em;
    height: 3em;
    background-position: center center;
    /* [1] */
    background-size: cover;
    /* [1] */
    text-indent: -999em;
    /* [2] */
}

.perfundo__close {
    top: 1em;
    right: 1em;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.7%2010.3c-0.4-0.4-1-0.4-1.4%200l-4.3%204.3-4.2-4.2c-0.4-0.4-1-0.4-1.4%200-0.4%200.4-0.4%201%200%201.4l4.2%204.2-4.3%204.3c-0.4%200.4-0.4%201%200%201.4%200.4%200.4%201%200.4%201.4%200l4.3-4.3%204.2%204.2c0.4%200.4%201%200.4%201.4%200%200.4-0.4%200.4-1%200-1.4l-4.2-4.2%204.3-4.3C22.1%2011.3%2022.1%2010.7%2021.7%2010.3zM16%200C7.2%200%200%207.2%200%2016s7.2%2016%2016%2016c8.8%200%2016-7.2%2016-16S24.8%200%2016%200zM16%2030C8.3%2030%202%2023.7%202%2016S8.3%202%2016%202s14%206.3%2014%2014S23.7%2030%2016%2030z%22%2F%3E%3C%2Fsvg%3E");
}


/**
 * 1. Rotate the control element so it is possible to use the same icon for
 *    prev and next.
 */

.perfundo__prev {
    left: 2em;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    /* [1] */
}

.perfundo__next {
    right: 2em;
}


/**
 * 1. Move the untarget anchor to the top of the screen to prevent "jumping".
 */

.perfundo__untarget {
    position: fixed;
    /* [1] */
    top: 0;
    /* [1] */
}


/**
 * 1. Vertically center the prev / next controls.
 */

.perfundo__prev,
.perfundo__next {
    top: 50%;
    /* [1] */
    margin-top: -1.5em;
    /* [1] */
    opacity: 0.2;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2244.1%22%20height%3D%2294.7%22%20viewBox%3D%220%200%2044.1%2094.7%22%20enable-background%3D%22new%200%200%2044.088%2094.67%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44.1%2047.3L1.5%2094.7%200%2093.3l41.4-46L0%201.3%201.5%200%2044.1%2047.3z%22%2F%3E%3C%2Fsvg%3E");
}

.perfundo__prev:hover,
.perfundo__prev:focus,
.perfundo__next:hover,
.perfundo__next:focus {
    opacity: 1;
}


/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3Njc3MvaW5kZXguc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQTs7O0dBR0c7QUFDSDtFQUNFLHFCQUFhO0VBQWIscUJBQWE7RUFBYixjQUFhO0VBQ2IsbUJBQWtCO0VBQUcsU0FBUztFQUM5QixnQkFBZTtFQUFHLFNBQVM7RUFDM0IsT0FBTTtFQUFHLFNBQVM7RUFDbEIsU0FBUTtFQUFHLFNBQVM7RUFDcEIsVUFBUztFQUFHLFNBQVM7RUFDckIsUUFBTztFQUFHLFNBQVM7RUFDbkIsYUFBWTtFQUNaLHlCQUF1QjtNQUF2QixzQkFBdUI7VUFBdkIsd0JBQXVCO0VBQ3ZCLDBCQUFtQjtNQUFuQix1QkFBbUI7VUFBbkIsb0JBQW1CO0VBQ25CLHFDQXRCbUMsRUE0QnBDO0VBakJEO0lBZUksb0JBQW1CO0lBQUcsU0FBUyxFQUNoQzs7QUFHSDs7O0dBR0c7QUFDSDtFQUNFLGlCQUFnQjtFQUFHLFNBQVM7RUFDNUIsZUFBYztFQUFHLFNBQVMsRUFPM0I7RUFMQzs7SUFFRSwyQ0FBa0M7WUFBbEMsbUNBQWtDO0lBQ2xDLGdDQUF1QjtZQUF2Qix3QkFBdUI7SUFBRyxTQUFTLEVBQ3BDOztBQUdIO0VBQ0UsYUEzQ3lCO0VBNEN6QixnQkEzQzRCO0VBNEM1Qix1QkEzQ21DLEVBNENwQzs7QUFFRDs7O0dBR0c7QUFDSDtFQUNFLGNBQWE7RUFBRyxTQUFTO0VBQ3pCLGNBQWEsRUFXZDtFQVRDOztJQUVFLGVBQWM7SUFBRyxTQUFTLEVBQzNCO0VBUEg7SUFVSSxlQUFjO0lBQ2QsVUFBUyxFQUNWOztBQUdIO0VBQ0UsWUF0RW1CLEVBdUVwQjs7QUFFRDs7O0dBR0c7QUFDSDtFQUNFLGdCQUFlO0VBQUcsU0FBUztFQUMzQixzQkFBcUI7RUFBRyxTQUFTLEVBQ2xDOztBQUVEOzs7O0dBSUc7QUFDSDtFQUNFLG1CQUFrQjtFQUdoQixXQUFVO0VBQ1YsWUFBVztFQUNYLG1DQUFrQztFQUFHLFNBQVM7RUFDOUMsdUJBQXNCO0VBQUcsU0FBUztFQUNsQyxvQkFBbUI7RUFBRyxTQUFTLEVBT2xDOztBQUVEO0VBQ0UsU0FBUTtFQUNSLFdBQVU7RUFHUiwyeEJBQTB4QixFQUU3eEI7O0FBRUQ7OztHQUdHO0FBQ0g7RUFDRSxVQUFTO0VBR1Asa0NBQXlCO1VBQXpCLDBCQUF5QjtFQUFFLFNBQVMsRUFFdkM7O0FBRUQ7RUFDRSxXQUFVLEVBQ1g7O0FBRUQ7O0dBRUc7QUFDSDtFQUNFLGdCQUFlO0VBQUcsU0FBUztFQUMzQixPQUFNO0VBQUcsU0FBUyxFQUNuQjs7QUFFRDs7R0FFRztBQUNIOztFQUVFLFNBQVE7RUFBRyxTQUFTO0VBQ3BCLG1CQUFrQjtFQUFHLFNBQVM7RUFDOUIsYUFBWTtFQUNaLGlDQUF3QjtFQUF4Qix5QkFBd0I7RUFHdEIsNmNBQTRjLEVBTy9jO0VBZkQ7OztJQWFJLFdBQVUsRUFDWCIsImZpbGUiOiJwZXJmdW5kby53aXRoLWljb25zLmNzcyJ9 */


/**
 * 1. Hide the overlay by default and show it when it is targeted or active.
 * 2. Make the overlay full width and height.
 */

.perfundo__overlay {
    /* display: flex ;*/
    display: block;
    visibility: hidden;
    /* [1] */
    position: fixed;
    /* [2] */
    top: 0;
    /* [2] */
    right: 0;
    /* [2] */
    bottom: 0;
    /* [2] */
    left: 0;
    /* [2] */
    z-index: 999;
    justify-content: center;
    align-items: center;
    background-color: rgba(45, 59, 69, 0.75);
}

.perfundo__overlay:target,
.perfundo__overlay.is-active {
    visibility: visible;
    width: 50%;
    height: 85%;
    margin: 0 auto;
    top: 10%;
    /* [1] */
}


/**
 * 1. Add a scrollbar if the content doesn't fit vertically.
 * 2. Inherit the animation name (e.g. animate.css class) from the parent.
 */

.perfundo__content {
    max-height: 90%;
    /* [1] */
    overflow: auto;
    /* [1] */
}

:target>.perfundo__content,
.is-active>.perfundo__content {
    animation: 0.4s ease-out 0.2s both;
    animation-name: inherit;
    /* [2] */
}

.perfundo__html {
    padding: 2em;
    max-width: 42em;
    background-color: #fff;
}


/**
 * 1. Prevent the full sized image from loading initially.
 * 2. Trigger loading of the full sized image when the lightbox is opened.
 */

.perfundo__figure {
    display: none;
    /* [1] */
    margin: 1.8em;
}

:target>.perfundo__figure,
.is-active>.perfundo__figure {
    display: block;
    /* [2] */
}

.perfundo__figure img {
    display: block;
    height: 0;
}

.perfundo__figcaption {
    display: block;
    color: #fff;
    margin: 1.5em;
    text-align: center;
}


/**
 * 1. Make the image container responsive.
 * 2. Scale the background image to match the size of the image container.
 */

.perfundo__image {
    max-width: 100%;
    /* [1] */
    background-size: 100%;
    /* [2] */
}


/**
 * 1. Make the icons as big as the control element.
 * 2. Hide the control text visually, but have it available for screen readers.
 * 3. Make the control links readable depending on the overlay color.
 */

.perfundo__control {
    position: absolute;
    width: 2em;
    height: 2em;
}

.perfundo__control,
.perfundo__control:visited {
    color: #fff;
    /* [3] */
}

.perfundo__close {
    top: 1em;
    right: 1em;
}


/**
 * 1. Rotate the control element so it is possible to use the same icon for
 *    prev and next.
 */

.perfundo__prev {
    left: 6px;
}

.perfundo__next {
    right: 6px;
}


/**
 * 1. Move the untarget anchor to the top of the screen to prevent "jumping".
 */

.perfundo__untarget {
    position: fixed;
    /* [1] */
    top: 0;
    /* [1] */
}


/**
 * 1. Vertically center the prev / next controls.
 */

.perfundo__prev,
.perfundo__next {
    top: 50%;
    /* [1] */
    margin-top: -1.5em;
    /* [1] */
    opacity: 0.6;
    transition: opacity 0.6s;
}

.perfundo__prev:hover,
.perfundo__next:hover,
.perfundo__prev:focus,
.perfundo__next:focus {
    opacity: 1;
}


/*FIN ESTILOS SLIDE*/

.IUD_imgModal {
    width: 1000px;
}

.IUD_imgRad50 {
    border-radius: 50%;
}

.IUD_imgRad10 {
    border-radius: 10%;
}


/*Utilidades 2020*/


/*
** Andr茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� 茅鈥澟该р€⑴捗ヂβ疵┧喡睹⑩€⒙伱ぢ郝久┾€撀趁⑩€澛久ε捙捗┞嵚徝ｂ€氣€犆ヂ绰∶┧喡睹⑩€⒙伱ぢ郝� èŒ…éˆ¥æ¨Žç–µÎ²îƒå¾Ñ€å“ç‚‰èŒ…éˆ¥æ¨Žå¥½Îµè§£â‚¬æ–†ãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬ç‚©â‚¬æ‡Šãƒ¢â‚¬çºî€¢â”§å–¡ç¹â‘©â‚¬â‘©â‚¬å§‘ï¸¹â‚¬å­¤è®¿â”žæƒµå¾îŸŠÃ·âˆ¶Îµæ™æ—â”žåµšå¾ï½‚â‚¬æ°£â‚¬çŠ†ãƒ‚ç»°âˆ¶â”žåµšâˆ¶ãƒ‚æŸ¯ãƒƒï¸¹â‚¬å­¤è®¿ãƒ‚ã„¢â‚¬Î³î†¹â‚¬Îµä¹…ãƒ…é“°çŸ«â”§å–¡è®¿Î²å¥¥ï¼£ï¸¹â‚¬â™€â‚¬âˆ¶â”¾â‚¬æ¾Ÿè¯¥ã„…çŠ…ãƒƒî†¹â‚¬Ã·âˆ¶â”žâ™€â‚¬æ¨Ñ€â‚¬æ¯¬è£ï¸¹â‚¬æ¯¬çŸ«â”§å–¡î„¼îŸŠä»¿å¥½ãƒ‚å¿Šâ‚¬Î³â”¡é“°å§‘Î²ã¢å¹»ï¸¹â‚¬â™€â‚¬âˆ¶â”žå¶â‚¬å§‘ï¸¹â‚¬æ«¬ç–µãƒ‚î¿ãƒƒâ”¾â‚¬æ¨Žç–µÎ²îƒ½â‚¬æºãƒ…éŸ­ä¹…ãƒ‚îž ï¼£î†¹â‚¬Îµä¹…ã¢å°–â‚¬ç»â”¾â‚¬æ¿ƒâ‚¬â’šî‡·æŸ¯ï¿½ Felipe Ruiz Tabares
** andres.ruiz@iudigital.edu.co
** Efecto hover para botones redondos
*/

.IUD_sombra_boton_img_redonda {
    transition: box-shadow 0.3s ease-in;
    -moz-border-radius: 190px;
    -webkit-border-radius: 190px;
    border-radius: 190px;
}

.IUD_sombra_boton_img_redonda:hover {
    -moz-box-shadow: 0px 6px 5px #ccc;
    -webkit-box-shadow: 0px 6px 5px #ccc;
    box-shadow: 0px 6px 5px #ccc;
}


/*Fin utilidades 2020*/

/* Banner titulo  2022 */
/* Cristian Daid Lemus Calder茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� 茅鈥澟该ㄅ犅ッ€÷⒚┞嶁€姑€犅久€濃€� */
/* Cristian.lemus@iudigital.edu.co */
.IUD_banner_2022 {
    border-left-color: #f1b53b;
    background-color: #023D59;
    border-left-style: solid;
    border-left-width: 10px;
    margin-left: 0 !important;
}

/* Fin Banner titulo  2022 */

/* Ajustar ancho del contenido en celulares   */
/* Cristian Daid Lemus Calder茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� 茅鈥澟该ㄅ犅ッ€÷⒚┞嶁€姑€犅久€濃€� */
/* Cristian.lemus@iudigital.edu.co */
@media screen and (max-width:767px) {
    .grid-row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

/* Fin ajuste ancho del contenido en celulares */

/* Ajustar alto contenido en modales   */
/* Cristian Daid Lemus Calder茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� 茅鈥澟该ㄅ犅ッ€÷⒚┞嶁€姑€犅久€濃€� */
/* Cristian.lemus@iudigital.edu.co */

.IUD_container_modal #modal_content {
    padding: 0 1rem;
    margin-bottom: 1rem;
}

@media screen and (max-width:767px) {
    .IUD_container_modal #modal {
        max-width: 80% !important;
    }

    .IUD_container_modal #modal_content {
        max-height: 70vh;
        overflow-y: auto !important;
    }

    .IUD_container_modal #modal {
        max-height: calc(100% - 3.5rem);
    }
}

/* Fin Ajustar alto contenido en modales */



/* Carousel 2022 - Cristian David Lemus Calder茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� 茅鈥澟该ㄅ犅ッ€÷⒚┞嶁€姑€犅久€濃€� - 07/04/2022
* @author Cristian Lemus <cristian.lemus@iudigital.edu.co>
* @copyright           www.iudigital.edu.co
*/

.IUD_caorusel_mySlides {
    display: none
}

.IUD_caorusel_mySlides img {
    vertical-align: middle;
}

/* Slideshow container */

.IUD_caorusel_slideshow_container {
    /* max-width: 1000px; */
    position: relative;
}

/* Next & previous buttons */
.IUD_container_Previus {
    left: 0px;
}

.IUD_container_Next {
    right: 0px;
}

.IUD_container_Previus a {
    color: white;
    background-color: rgba(0, 0, 0, 0.4);
    text-decoration: none !important;
    padding: 5px;
}

.IUD_container_Next a {
    color: white;
    background-color: rgba(0, 0, 0, 0.4);
    text-decoration: none !important;
    padding: 5px;
}

.IUD_container_Previus,
.IUD_container_Next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */

.IUD_Next_slide {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */

.IUD_Previus_slide:hover,
.IUD_Next_slide:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */

.IUD_caorusel_text {
    font-size: 15px;
    padding: 8px 12px;
    /* position: absolute; */
    bottom: 1rem;
    text-align: center;
    background-color: rgba(2, 60, 90, 0.7);
    border-radius: 20px;
    text-align: left;
    padding-left: 20px;
    margin: 1rem;
    max-width: calc(100% - 3.5rem);
    min-width: calc(100% - 3.5rem);
}

.IUD_caorusel_text h5 {
    margin: 0px 0px 5px 0px !important;
    font-size: 1rem;
    color: #f0b43b;
    font-weight: bolder;
}

.IUD_caorusel_text p {
    margin: 0 !important;
    color: #f2f2f2;
}



/* The dots/bullets/indicators */

.IUD_caorusel_dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    margin-top: 20px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.IUD_caorusel_active,
.IUD_caorusel_dot:hover {
    background-color: #717171;
}

/* Fading animation */

.IUD_caorusel_fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {

    .IUD_Previus_slide,
    .IUD_Next_slide,
    .IUD_caorusel_text {
        font-size: 11px
    }
}


@media (max-width:580px) {
    .IUD_caorusel_text {
        display: block !important;
        position: relative;
        width: 100%;
        margin: 0;
        max-width: 100%;
        box-sizing: border-box;
        padding: 15px;
        border-radius: 0 !important;
        margin-top: 20px;
    }

    .IUD_caorusel_text p {
        font-size: 14px;
    }

    .IUD_container_Next {
        margin-top: 0;
        top: 31%;
    }

    .IUD_container_Previus {
        margin-top: 0;
        top: 31%;
    }
}

/* Fin Carousel 2022*/


/* Estilos para que el texto rodee imagen */
/* Cristian David Lemus Calder茅鈥樎疵β€櫭ヂ捌捗┾€樎疵β库€姑ヅ韭久ヂㄢ€γ€ε久モ€� 茅鈥澟该ㄅ犅ッ€÷⒚┞嶁€姑€犅久€濃€� */
/* cristian.lemus@iudigital.edu.co */
/* 25-03-2022 */

.IUD_img_float_container .img_100 {
    max-width: 313px !important;
}

@media (min-width: 960px) {
    .IUD_img_float_container .img_100 {
        max-width: 440px !important;
    }
}

.IUD_img_float_container .img_left {
    margin-right: 2rem;
    float: left !important;
}

.IUD_img_float_container .img_right {
    float: right !important;
}

@media (max-width: 550px) {
    .IUD_img_float_container .img_100 {
        max-width: 100% !important;
    }
}

.IUD_img_float_container p {
    margin-top: 0;
}

/* Fin estilos para que el texto rodee imagen */


/* Tabs laterales 2022 - Ricardo Correa - 01/06/2022
* @author Ricardo Correa <ricardo.correa@iudigital.edu.co>
* @copyright           www.iudigital.edu.co
*/

@media(min-width:320px) and (max-width:599px) {
    .IUD_acc {
        background: #f9f9f9;
    }

    .IUD_acc-tabs {
        display: none;
    }

    .IUD_acc-tabs :focus {
        outline: none;
    }

    .IUD_acc-item {
        border-bottom: 1px solid #eaeaea;
        background-color: #F5F5F5 !important;
    }

    .IUD_acc-item:last-child {
        border: none;
    }

    .IUD_acc-item__label {
        margin: 0;
        padding: 1.25rem;
        cursor: pointer;
        transition: padding 0.2s ease;
        position: relative;
        background-color: #999999 !important;
        color: #FFFFFF !important;
        border-color: #999999 !important;
    }

    .IUD_acc-item__label:after {
        content: "";
        height: 4px;
        width: 4px;
        position: absolute;
        top: -4px;
        right: 1.25rem;
        bottom: 0;
        margin: auto;
        border: 3px solid transparent;
        border-radius: 2px;
        transform: rotate(45deg);
        border-color: transparent #fff #fff transparent;
        opacity: 1;
        transition: opacity 0.1s ease;
    }

    .IUD_acc-item__label:hover {
        background: #d3e1ff;
    }

    .IUD_acc-item__container {
        padding: 0 1.25em;
        height: 0;
        overflow: hidden;
        opacity: 0;
        transition: padding 0.2s ease, opacity 0.5s 0.15s ease;
    }

    .IUD_acc-active .IUD_acc-item__label {
        padding-top: 10px;
        padding-bottom: 8px;
        cursor: inherit;
        background-color: #F1B53B !important;
        border-color: #F1B53B !important;
        color: #355D85 !important;
    }

    .IUD_acc-active .IUD_acc-item__label:hover {
        background: none;
    }

    .IUD_acc-active .IUD_acc-item__label:after {
        opacity: 0;
    }

    .IUD_acc-active .IUD_acc-item__container {
        padding: 1.25em;
        height: auto;
        opacity: 1;
    }

    .IUD_acc-active .IUD_acc-item__container p:first-child,
    .IUD_acc-active .IUD_acc-item__container h1:first-child,
    .IUD_acc-active .IUD_acc-item__container h2:first-child,
    .IUD_acc-active .IUD_acc-item__container h3:first-child,
    .IUD_acc-active .IUD_acc-item__container h4:first-child,
    .IUD_acc-active .IUD_acc-item__container h5:first-child,
    .IUD_acc-active .IUD_acc-item__container h6:first-child {
        margin-top: 0;
    }

    .IUD_acc-active .IUD_acc-item__container p:last-child,
    .IUD_acc-active .IUD_acc-item__container h1:last-child,
    .IUD_acc-active .IUD_acc-item__container h2:last-child,
    .IUD_acc-active .IUD_acc-item__container h3:last-child,
    .IUD_acc-active .IUD_acc-item__container h4:last-child,
    .IUD_acc-active .IUD_acc-item__container h5:last-child,
    .IUD_acc-active .IUD_acc-item__container h6:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 600px) {
    .IUD_acc-tabs .IUD_acc-tab:nth-child(3n+1) {
        background-color: #F1B53B;
        color: #023D59;
    }

    .IUD_acc-tabs .IUD_acc-tab:nth-child(3n+2) {
        background-color: #15B3DC;
        color: #FFF;
    }

    .IUD_acc-tabs .IUD_acc-tab:nth-child(3n+3) {
        background-color: #023D59;
        color: #FFF;
    }

    .IUD_acc-tabs .IUD_acc-tab:nth-child(3n+4) {
        background-color: #D92432;
        color: #FFFFFF;
    }

    .IUD_acc-tabs .IUD_acc-tab:nth-child(3n+5) {
        background-color: #93B33A;
        color: #FFFFFF;
    }

    .IUD_acc-tabs .IUD_acc-tab:nth-child(3n+5) {
        background-color: #355D85;
        color: #FFFFFF;
    }

    .IUD_acc-tabs .IUD_acc-tab:nth-child(3n+7) {
        background-color: #E5661A;
        color: #FFFFFF;
    }

    .IUD_acc-tabs {
        display: flex;
        flex-direction: column;
        width: 15%;
        list-style: none;
    }

    .IUD_acc-content {
        width: 85%;
    }

    .IUD_acc-tabs .IUD_acc-tab {
        padding: 1rem 2rem;
        font: inherit;
        flex: 1;
        border: none;
        cursor: pointer;
        margin-bottom: 10px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .IUD_acc-tabs .IUD_acc-tab:hover {
        -webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.4);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .IUD_acc-tabs .IUD_acc-tab:last-child {
        border-right: 0;
    }

    .IUD_acc-tabs .IUD_acc-tab.IUD_acc-active {
        -webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.4);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .IUD_acc-item {
        padding: 2.4rem;
        display: none;
        border: none;
        min-height: 260px;
    }

    .IUD_acc-item__label,
    .IUD_acc-item__container {
        padding: 0;
        transition: inherit;
    }

    .IUD_acc-item__label {
        margin-bottom: 1.5rem;
    }

    .IUD_acc-item.IUD_acc-active {
        display: block;
    }

    .IUD_acc-item.IUD_acc-active .IUD_acc-item__container {
        padding: 0;
    }
}

.IUD_acc {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    max-width: 1000px;
}

@media(min-width:200px) and (max-width:1000px) {
    .IUD_acc-tabs {
        width: 25%;
    }
}

@media (min-width: 600px) {
    .IUD_acc {
        max-width: 1000px;
        display: flex;
    }
}

.IUD_acc+p {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 300;
    font-size: 0.9rem;
    margin-top: 2rem;
}

/* Fin Tabs laterales 2022 */



/* Acordeon 2022 - Ricardo Correa - 03/06/2022
* @author Ricardo Correa <ricardo.correa@iudigital.edu.co>
* @copyright           www.iudigital.edu.co
*/

.IUD_accordion-tabs {
    display: none;
}

.IUD_accordion-tabs :focus {
    outline: none;
}

.IUD_accordion-item {
    border-bottom: 1px solid #eaeaea;
    background-color: #F5F5F5 !important;
}

.IUD_accordion-item:last-child {
    border: none;
}

.IUD_accordion-item__label {
    margin: 0;
    padding: 1.25rem;
    cursor: pointer;
    transition: padding 0.2s ease;
    position: relative;
    background-color: #999999 !important;
    color: #FFFFFF !important;
    border-color: #999999 !important;
}

.IUD_accordion-item__label:after {
    content: "";
    height: 4px;
    width: 4px;
    position: absolute;
    top: -4px;
    right: 1.25rem;
    bottom: 0;
    margin: auto;
    border: 3px solid transparent;
    border-radius: 2px;
    transform: rotate(45deg);
    border-color: transparent #fff #fff transparent;
    opacity: 1;
    transition: opacity 0.1s ease;
}

.IUD_accordion-item__label:hover {
    background: #d3e1ff;
}

.IUD_accordion-item__container {
    padding: 0 1.25em;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: padding 0.2s ease, opacity 0.5s 0.15s ease;
}

.IUD_accordion-active .IUD_accordion-item__label {
    padding-top: 10px;
    padding-bottom: 8px;
    cursor: inherit;
    background-color: #F1B53B !important;
    border-color: #F1B53B !important;
    color: #355D85 !important;
}

.IUD_accordion-active .IUD_accordion-item__label:hover {
    background: none;
}

.IUD_accordion-active .IUD_accordion-item__label:after {
    opacity: 0;
}

.IUD_accordion-active .IUD_accordion-item__container {
    padding: 1.25em;
    height: auto;
    opacity: 1;
}

.IUD_accordion-active .IUD_accordion-item__container p:first-child,
.IUD_accordion-active .IUD_accordion-item__container h1:first-child,
.IUD_accordion-active .IUD_accordion-item__container h2:first-child,
.IUD_accordion-active .IUD_accordion-item__container h3:first-child,
.IUD_accordion-active .IUD_accordion-item__container h4:first-child,
.IUD_accordion-active .IUD_accordion-item__container h5:first-child,
.IUD_accordion-active .IUD_accordion-item__container h6:first-child {
    margin-top: 0;
}

.IUD_accordion-active .IUD_accordion-item__container p:last-child,
.IUD_accordion-active .IUD_accordion-item__container h1:last-child,
.IUD_accordion-active .IUD_accordion-item__container h2:last-child,
.IUD_accordion-active .IUD_accordion-item__container h3:last-child,
.IUD_accordion-active .IUD_accordion-item__container h4:last-child,
.IUD_accordion-active .IUD_accordion-item__container h5:last-child,
.IUD_accordion-active .IUD_accordion-item__container h6:last-child {
    margin-bottom: 0;
}

.IUD_accordion {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    background: #f9f9f9;
}

.IUD_accordion+p {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 300;
    font-size: 0.9rem;
    margin-top: 2rem;
}

/* Fin Acordeon 2022 */


/* L脙颅nea de tiempo 2022 - Ricardo Correa - 01/11/2022
* @author Ricardo Correa <ricardo.correa@iudigital.edu.co>
* @copyright           www.iudigital.edu.co
*/
.IUD_timeline ul li {
    list-style-type: none;
    position: relative;
    width: 6px;
    margin: 0 auto;
    padding-top: 50px;
    background: #fff;
  }
  
  .IUD_timeline ul li div {
    position: relative;
    bottom: 0;
    width: 400px;
    padding: 15px;
    background: #023D59;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }
  
  .IUD_timeline ul li div p {
    color: #fff;
  }
  
  .IUD_timeline ul li div p time {
    font-weight: 800;
    font-size: 22px;
  }
  
  .IUD_timeline ul li div:before {
    content: '';
    position: absolute;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
  }
  
  .IUD_timeline ul li:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    transition: background 0.5s ease-in-out;
  }
  
  .IUD_timeline ul li:nth-child(even) div {
    left: -475px;
  }
  
  .IUD_timeline ul li:nth-child(even) div::before {
    right: -23px;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #f1b53b;
  }
  
  .IUD_timeline ul li:nth-child(odd) div:hover {
    -webkit-box-shadow: 9px 2px 14px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 9px 2px 14px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 9px 2px 14px 1px rgba(0, 0, 0, 0.4);
  }
  
  .IUD_timeline ul li:nth-child(odd) div {
    left: 45px;
    border-left: 7px solid #f1b53b;
  }
  
  .IUD_timeline ul li:nth-child(odd) div::before {
    left: -23px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #f1b53b transparent transparent;
  }
  
  .IUD_timeline ul li:nth-child(even) div:hover {
    -webkit-box-shadow: -9px 2px 14px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -9px 2px 14px 1px rgba(0, 0, 0, 0.4);
    box-shadow: -9px 2px 14px 1px rgba(0, 0, 0, 0.4);
  }
  
  .IUD_timeline ul li.in-view::after {
    background: #023D59;
  }
  
  .IUD_timeline ul li:nth-child(odd) div {
    transform: translate3d(200px, 0, 0);
  }
  
  .IUD_timeline ul li:nth-child(even) div {
    transform: translate3d(-200px, 0, 0);
    border-right: 7px solid #f1b53b;
  }
  
  .IUD_timeline ul li.in-view div {
    transform: none;
    visibility: visible;
    opacity: 1;
  }
  
  @media screen and (max-width: 600px) {
    .IUD_timeline ul li {
        margin-left: 20px;
    }
  
    .IUD_timeline ul li div {
        width: calc(100vw - 190px);
    }
  
    .IUD_timeline ul li:nth-child(even) div {
        left: 45px;
        border-left: 7px solid #f1b53b;
        border-right: 0px solid #f1b53b;
    }
  
    .IUD_timeline ul li:nth-child(even) div:before {
        left: -23px;
        border-width: 8px 16px 8px 0;
        border-color: transparent #f1b53b transparent transparent;
    }
  }
  
  @media screen and (min-width: 601px) and (max-width: 700px) {
    .IUD_timeline ul li {
        margin-left: 20px;
    }
  
    .IUD_timeline ul li div {
        width: calc(100vw - 250px);
    }
  
    .IUD_timeline ul li:nth-child(even) div {
        left: 45px;
        border-left: 7px solid #f1b53b;
        border-right: 0px solid #f1b53b;
    }
  
    .IUD_timeline ul li:nth-child(even) div:before {
        left: -23px;
        border-width: 8px 16px 8px 0;
        border-color: transparent #f1b53b transparent transparent;
    }
  }
  
  @media screen and (min-width: 701px) and (max-width: 768px) {
    .IUD_timeline ul li {
        margin-left: 20px;
    }
  
    .IUD_timeline ul li div {
        width: calc(100vw - 180px);
    }
  
    .IUD_timeline ul li:nth-child(even) div {
        left: 45px;
        border-left: 7px solid #f1b53b;
        border-right: 0px solid #f1b53b;
    }
  
    .IUD_timeline ul li:nth-child(even) div:before {
        left: -23px;
        border-width: 8px 16px 8px 0;
        border-color: transparent #f1b53b transparent transparent;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1315px) {
    .IUD_timeline ul li {
        margin-left: 20px;
    }
  
    .IUD_timeline ul li div {
        width: calc(100vw - 524px);
    }
  
    .IUD_timeline ul li:nth-child(even) div {
        left: 45px;
        border-left: 7px solid #f1b53b;
        border-right: 0px solid #f1b53b;
    }
  
    .IUD_timeline ul li:nth-child(even) div:before {
        left: -23px;
        border-width: 8px 16px 8px 0;
        border-color: transparent #f1b53b transparent transparent;
    }
  }
/* Fin l脙颅nea de tiempo 2022 */



/* Corregir ventana modal */
#modal_overlay {
    position: fixed !important;
}

/* FIN  Corregir ventana modal */


/* Color y sangria a bibliogrfia */
.bibliografia p {
    text-indent: -36px !important;
    padding-left: 36px !important;
}

.bibliografia a {
    color: #007AFF !important;
}

/* Fin color y sangria a bibliogrfia */


  /* --- CARRUSEL ANUNCIOS by PTE --- */

    .carousel-container {
      position: relative;
      width: auto;
      max-width: auto;
      /* Altura recomendada para banners */

      overflow: hidden;

      cursor: grab;
      touch-action: pan-y;
      display: block;

    }

    .carousel-container.is-dragging {
      cursor: grabbing;
    }

    .carousel-inner {
      display: flex;
      transition: transform 0.4s ease-in-out;


    }

    .carousel-inner.is-dragging {
      transition: none;
    }

    .carousel-slide {
      width: 100%;
      min-width: 100%;
      flex-shrink: 0;
      height: auto;
      user-select: none;

    }

    .carousel-slide img {
      width: 100%;
      height: 100%;
    


      /*object-fit: fill;/* 
  La imagen se estira para llenar completamente el contenedor.
  ⚠️ Puede distorsionar la imagen (no mantiene la proporción original).
*/


      object-fit: contain;
      /* 
  La imagen se ajusta completamente dentro del contenedor,
  manteniendo su proporción original.
  🔸 Puede dejar espacios vacíos (bordes) si las proporciones no coinciden.
*/


      /* object-fit: cover; 
  La imagen cubre todo el contenedor, manteniendo su proporción original.
  🔸 No se deforma, pero puede recortarse una parte para llenar el espacio.
*/

      pointer-events: none;
      display: block;
    }

    /* --- Puntos de navegación --- */
    .carousel-dots {
      position: absolute;
      bottom: 14px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
    }

    .dot {
      width: 12px;
      height: 12px;
      background-color: rgba(255, 255, 255, 0.6);
      border-radius: 50%;
      cursor: pointer;
      transition: transform 0.2s, background-color 0.3s;
    }

    .dot.active {
      background-color: #fff;
      transform: scale(1.3);
    }

    /* --- Flechas de navegación opcionales --- */
    .carousel-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 0.8rem;
      color: rgba(254, 254, 254, 0.511);
      background: rgba(0, 0, 0, 0.436);
      border: none;
      border-radius: 50%;
      width: 25px;
      height: 25px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 5;

      transition: background 0.3s;
    }

    .carousel-arrow:hover {
      background: rgba(0, 0, 0, 0.7);
      color: rgba(254, 254, 254, 0.546);
      font-size: 1.2rem;
      width: 30px;
      height: 30px;
    }

    .arrow-left {
      left: 1px;
    }

    .arrow-right {
      right: 1px;
    }

    /* --- Texto superior --- */
    .info-text {
      text-align: center;
      font-style: italic;
      color: #333;
      margin-bottom: 1rem;
    }


/*FIN CAROUSEL ANUNCIOS*/