Licitator/httpdocs/public/css/holon.css

@font-face {
    font-family: 'FGrotesk';
    src: url('/fonts/founders_grotesk_2019/FoundersGrotesk-Regular.otf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'FGrotesk';
    src: url('/fonts/founders_grotesk_2019/FoundersGrotesk-Bold.otf');
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: 'FGrotesk';
    src: url('/fonts/founders_grotesk_2019/FoundersGrotesk-RegularItalic.otf');
    font-style: italic;
    font-weight: normal;
}

@font-face {
    font-family: 'MercuryAcdr';
    src: url('/fonts/MercuryTextG1-Roman.eot'),
    url('/fonts/MercuryTextG1-Roman.woff') format('woff'),
    url('/fonts/MercuryTextG1-Roman.ttf') format('truetype'),
    url('/fonts/MercuryTextG1-Roman.svg') format('svg');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'MercuryAcdr';
    src: url('/fonts/MercuryTextG1-Bold.eot'),
    url('/fonts/MercuryTextG1-Bold.woff') format('woff'),
    url('/fonts/MercuryTextG1-Bold.ttf') format('truetype'),
    url('/fonts/MercuryTextG1-Bold.svg') format('svg');
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: 'MercuryAcdr';
    src: url('/fonts/MercuryTextG1-Italic.eot'),
    url('/fonts/MercuryTextG1-Italic.woff') format('woff'),
    url('/fonts/MercuryTextG1-Italic.ttf') format('truetype'),
    url('/fonts/MercuryTextG1-Italic.svg') format('svg');
    font-style: italic;
    font-weight: normal;
}

*, h1, h2, h3, h4, h5, h6, p, a, span, input {
    font-family: 'FGrotesk','Open Sans', sans-serif;
}

.content-wrapper > .content > div:not(.sonata-ba-content) *:not(.fa),
.content-wrapper > .content > div:not(.sonata-ba-content) h1,
.content-wrapper > .content > div:not(.sonata-ba-content) h2,
.content-wrapper > .content > div:not(.sonata-ba-content) h3,
.content-wrapper > .content > div:not(.sonata-ba-content) h4,
.content-wrapper > .content > div:not(.sonata-ba-content) h5,
.content-wrapper > .content > div:not(.sonata-ba-content) h6,
.content-wrapper > .content > div:not(.sonata-ba-content) p,
.content-wrapper > .content > div:not(.sonata-ba-content) a,
.content-wrapper > .content > div:not(.sonata-ba-content) span,
.content-wrapper > .content > div:not(.sonata-ba-content) input {
    font-family: 'MercuryAcdr','Open Sans', sans-serif;
}

ul.exercises_links a {
    font-family: 'FGrotesk','Open Sans', sans-serif !important;
}

/* ELEMENTOS COMUNES */

/* ESTRUCTURA */

body {
    padding-top: 50px;
}

.wrappertest .content{
    margin-bottom: 100px;
    padding: 0;
}

.content-wrapper .content .container{

    padding: 0;
    position: relative;
    margin-top: 100px;

}

/* FIN ESTRUCTURA */

/* BASICOS */

a {

    text-decoration: none;

}

img {
    max-width: 100%;
    vertical-align: middle;
}

ul {

    padding: 0;
    margin: 0;
    list-style: none;

}

input[type=text]{

    background:#fff;
    border: 1px solid #cdcbcc;

}

textarea {

    resize: none;

}

/* FIN BASICOS */

/* EXERCISES LINK */

/* EXERCISES LINK */

.exercises_links{

    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    position: absolute;
    top: -160px;

}



.exercises_links > li.gbc-title > a{
    /*! border: solid 2px #F2932E; */
    border-bottom: solid 10px #e85000;
    /*! border-radius: 5px; */
}

.exercises_links > li > a{

    font-size: 13px;
    font-weight: 700;
    display: block;
    min-width: 9px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 2px;
    border-bottom: solid 10px #505050;
    color: #505050;
    padding: 0 5px;
    font-family: 'FGrotesk','Open Sans';
}

.exercises_links > li:not(.gbc-title) > a{
    /**color: transparent;**/
}

.exercises_links > li.gbc-title > a.no-completada{
    color: #989898;
}
.exercises_links > li.gbc-title > a.actual{
    color: #e85000;
    border-color: #e85000;
}
.exercises_links > li:not(.gbc-title) > a.actual{
    color: green;
    border-color: green;
}
.exercises_links > li > a.no-completada{
    border-color: #989898 !important;
    cursor: default;
}



.exercises_links > li > a{

    border-color: #e85000;

}

.exercises_links > li > a.completada:hover{

    background: #e85000;

}
.exercises_links > li > a.actual:hover{

    background: #e85000;
    border-color: #e85000;
}

.exercises_links > li:first-child > a{
    border: none;
}


/* FIN EXERCISES LINK */
/* FIN EXERCISES LINK */

/* HEADER TAREA */

.header-tarea{

    /* background: azure; */
    margin-bottom: 15px;

}

.header-tarea ul li {
    font-size: 28px;
    line-height: 34px;
    font-weight: normal;
}

.header-tarea .avatar__container{

    margin-bottom: 15px;

}

.header-tarea .avatar__container a{

    display: block;

}

.content-wrapper > .content > div:not(.sonata-ba-content) .btn {
    background: rgba(81, 81, 81, 1);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    font-family: 'FGrotesk';
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    margin-bottom:5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-tarea .titulo-tarea__container{

    margin-bottom: 7.5px;

}

.header-tarea .titulo-tarea__container h2{

    margin: 0;
    font-size: 41px;
    font-weight: 700;
    color: #E85000;

}

.header-tarea .desc-tarea__container{

    font-size: 1.4rem;
    line-height: 1.7rem;
    font-weight: 700;
    margin: 0;
    margin-bottom: 15px;
    color: #716f6f;

}

.header-tarea .desc-tarea__container h2{

    font-size: 25px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.header-tarea .desc-tarea__container h3{

    font-size: 20px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;

}

.header-tarea .desc-tarea__container p{

    font-size: 28px;
    line-height: 34px;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-weight: normal;

}

.header-tarea .desc-tarea__container ul{

    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    list-style: initial;
    margin-left: 25px;

}

.header-tarea .desc-tarea__container ul > li{

    margin-bottom: 3px;

}

.desc-tarea__container blockquote {

    background:#fff;
    width:70%;
    padding:3%;
    margin: 3% 15%;
}

.desc-tarea__container blockquote p, .desc-tarea__container blockquote li  {
    font-size: 20px !important;
    line-height: 25px !important;
    font-style: italic
}

.desc-tarea__container blockquote a {
    font-size: 20px !important;
    line-height: 25px !important;
    font-style: italic
    color:#e85000;
}

/* FIN HEADER TAREA */
/* RECURSOS */

.recursos__container{

    margin-bottom: 45px;

}

.recursos__container > .tab-content > .tab-pane.alert-white p,
.recursos__container > .tab-content > .tab-pane.alert-white li {
    font-family: 'MercuryAcdr';
    font-size: 28px;
    line-height: 34px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
}

/* BOTONES */

.recursos__container > .nav{


}

.recursos__container > .nav > li{

    margin-bottom: 5px;

}

.recursos__container > .nav > li > a{

    font-size: 1.5rem;
    line-height: 1.5rem;
    border: none;
    padding: 10px 20px;
    font-weight: 500;
    font-family:  'FGrotesk' !important;
    margin-bottom: 5px;
    border-radius: 3px;

}

.recursos__container > .nav > li > a:hover,
.recursos__container > .nav > li > a:focus,
.recursos__container > .nav > li > a:active,
.recursos__container > .nav > li.active > a{

    font-weight: 500;

}

/* read-before */

.recursos__container > .nav > li > a{

    background: #66696a;
    color: #fff;

}

.recursos__container > .nav > li > a:hover,
.recursos__container > .nav > li > a:focus,
.recursos__container > .nav > li > a:active,
.recursos__container > .nav > li.active > a{

    background: #a4a8a8 !important;
    color: #000;
    background-image: none;

}


/* FIN BOTONES */

/* VENTANAS */

.recursos__container > .tab-content{



}

.recursos__container > .tab-content > .tab-pane{

    background: #505050;
    box-shadow: 0 1px 2px rgba(0,0,0,0.11);

    position: fixed;
    top: 10%;
    z-index: 999999999;
    left: 5%;
    width: 90%;
    height: 75%;
    padding: 30px;
    overflow-y: scroll;

}

.recursos__container > .tab-content > .tab-pane > .icon{

    position: initial;
    width: auto;
    height: 40px;
    top: initial;
    left: initial;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    display: flex;

}

.recursos__container > .tab-content > .tab-pane > .icon::after{

    display: none;

}

.recursos__container > .tab-content > .tab-pane > .icon > img{

    width: auto;
    height: 100%;

}

.recursos__container > .tab-content > div > button{

    color: #fff;
    opacity: 1;

}

.recursos__container > .tab-content > div > h2{

    color: #fff;
    font-size: 2.7rem;
    line-height: 2.7rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;

}

.recursos__container > .tab-content > div > h3{

    color: #fff;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;

}

.recursos__container > .tab-content > div > p{

    color: #fff;
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;

}

.recursos__container > .tab-content > div > ul{

    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    list-style: initial;
    margin-left: 25px;

}

.recursos__container > .tab-content > div > ul > li{

    margin-bottom: 3px;

}

.recursos__container > .tab-content > .tab-pane.alert-read-before{

    background: #00a65a;

}

.recursos__container > .tab-content > .tab-pane.alert-tips{

    background: #611BBD;

}

.recursos__container > .tab-content > .tab-pane.alert-caso-estudio{

    background: #3c8dbc;

}

/* FIN VENTANAS */

/* FIN RECURSOS */

/* ACTIONS */

.actions ul {

    display: flex;
    justify-content: space-between;

}

.actions li a {

    border: none;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
    background: #333;

    position: fixed;
    bottom: 70px;
    height: auto;
    width: auto;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.5rem;
    border: none;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 0;
    margin: 0;

}

.actions li a[href="#previous"]{

    display: flex;
    justify-content: center;
    align-items: center;

    right: 130px;
    width: 136px;

}

.actions li a[href="#next"]{

    display: flex;
    justify-content: center;
    align-items: center;

    right: 10px;
    width: 110px;

}

.actions li a[href="#finish"]{

    display: none;

}

.actions li a:before {

    /* content: "\f2ee";
    font-family: Material-Design-Iconic-Font;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px; */

}

.actions li a:hover {

    background: #4d4d4d;

}

.actions li:first-child a {

    /* background: none;
    border: 1px solid #333;
    padding-left: 50px;
    color: #333;  */

}

.actions li:first-child a:before {

    /* content: "\f2ea";
    right: 77px;  */

}

.actions li:first-child a:hover {

    /* background: #4d4d4d;
    border-color: transparent;
    color: #fff; */

}

.actions li:last-child a {

    /* padding-left: 28px;  */

}

.actions li:last-child a:before {

    /* right: 27px; */

}

.actions li[aria-disabled="true"] a {

    opacity: 0;
    transition: all 1s;

}

/* FIN ACTIONS */

/* INFORME */

.informe__container{

    display: grid;
    grid-template-columns: repeat(10, 1fr);

}

.informe__section{

    grid-column: 1 / 3;

}

/* FIN INFORME */

/* PREGUNTAS */

/* form-row */

.wrappertest .content > section .inner{

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;

}

.form-row {
    margin-bottom: 5%;
}

.wrappertest .content > section .inner .form-row .form-holder{

    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

}

.wrappertest .content > section .inner .gbc-preg100{

    grid-column: 1 / 3;

}

/* fin form-row */

/* inputs */

.wrappertest .content > section .inner .form-row textarea{

    align-self: flex-end;
    margin: 0;
    flex: 1;

}

/* radio */

.wrappertest .content > section .inner .form-row.gbc-radio .form-holder{

    display: block;

}

.wrappertest .content > section .inner .form-row.gbc-radio .casoestudiobtn,
.wrappertest .content > section .inner .form-row.gbc-radio .casoestudiodiv{

    display: none;

}

.wrappertest .content > section .inner .form-row.gbc-radio label{

    display: inline-block;
    margin-right: 10px;

}

/* fin radio */

.wrappertest .content > section .inner .form-row .select3-container{

    width: 100% !important;

}

.wrappertest .content > section .inner .form-row .switch{

    margin: 0;
    margin-bottom: 25px;

}

/* fin inputs */

/* titulos */

.wrappertest .content > section .inner .form-row .gbc_pretitulo{

    display: block;
    font-size: 2rem;
    line-height: 2.2rem;
    font-weight: 700;
    margin: 0;
    margin-bottom: 15px;
    color: #2b2b2b;
    margin: 0;

}

.wrappertest .content > section .inner .form-row .gbc_nombre{

    display: block;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #2b2b2b;
    margin: 0;

}

.gbp_nombre > p {
    font-size: 22px;
    line-height: 28px;
    color: #716f6f;
}

.GBC-Step1 .wrappertest .content > section .inner .form-row .gbc_nombre{color: #F2932E;}
.GBC-Step2 .wrappertest .content > section .inner .form-row .gbc_nombre{color: #94BD53;}
.GBC-Step3 .wrappertest .content > section .inner .form-row .gbc_nombre{color: #E4312B;}
.GBC-Step4 .wrappertest .content > section .inner .form-row .gbc_nombre{color: #B6866D;}
.GBC-Step5 .wrappertest .content > section .inner .form-row .gbc_nombre{color: #EE8367;}

.wrappertest .content > section .inner .form-row .gbc_descripcion{

    display: block;
    font-size: 1.4rem;
    line-height: 1.7rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #716f6f;
    margin: 0;

}

/* fin titulos */

/* casos estudio */

.casoestudiobtn{

    background: #3c8dbc;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.2rem;
    border: none;
    padding: 10px;
    font-weight: 500;
    border-radius: 0;
    margin-bottom: 7.5px;
    align-self: flex-start;

}

.casoestudiodiv{



}

.casoestudiodiv pre{

    white-space: pre-line;
    background: #3c8dbc;
    color: #fff;
    border: none;
    border-radius: 0;
    font-family: unset;

}

/* fin casos estudio */

/* ocultar elementos sin contenido */

.wrappertest .content > section .inner .form-row .gbc_pretitulo.no-contenido,
.wrappertest .content > section .inner .form-row .gbc_descripcion.no-contenido,
.wrappertest .content > section .inner .form-row .casoestudiobtn.no-contenido,
.wrappertest .content > section .inner .form-row .casoestudiodiv.no-contenido{

    width: 0;
    height: 0;
    padding: 0;
    margin: 0;

}

/* fin ocultar elementos sin contenido */

/* grupos de preguntas */

.wrappertest .content > section .inner .gbc-form-row-group{

    padding: 15px;

}

.wrappertest .content > section .inner .gbc-form-row-group.gbc-preg100{

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;

}

.wrappertest .content > section .inner .gbc-form-row-group .title{

    margin: 0;
    padding: 0;
    grid-column: 1 / 3;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 2.5rem;
    border-bottom: 0px;
    padding-bottom: 7.5px;
    color: #e85000;

}

/* fin grupos de preguntas */

/* FIN PREGUNTAS */

/* EXERCISE-BTN-MOVES-GROUP */


.exercise-btn-moves-group{

    position: fixed;
    bottom: 0;
    right: 0;
    width: 5%;
    z-index: 999;
    /*background: #ecf0f5;*/
    /*display: grid;
    grid-gap: 15px;*/
    grid-template-columns: auto auto 1fr auto auto;
    align-items: center;
    padding: 10px;
    /*border-top: solid 2px #d4dae2;*/
    justify-items: flex-start;

}
.exercise-btn-moves-group-popup{

    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    background: #ecf0f5;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: auto auto 1fr auto auto;
    align-items: center;
    padding: 10px;
    border-top: solid 2px #d4dae2;
    justify-items: flex-start;

}
.exercise-btn-moves-group-not-fixed{
    text-align: right;
    right: 0;
    width: 100%;
    background: #ecf0f5;
    grid-gap: 15px;
    align-items: center;
    padding: 10px;
    border-top: solid 2px #d4dae2;
    justify-items: flex-start;

}

.exercise-btn-moves-group a, .exercise-btn-moves-group-popup a, .exercise-btn-moves-group-not-fixed a{

    color: #fff;
    font-size: 1.5rem;
    line-height: 1.5rem;
    border: none;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 0;
    background: #333333;

}

.exercise-btn-moves-group a:hover, .exercise-btn-moves-group a:focus, .exercise-btn-moves-group a:active, .exercise-btn-moves-group-not-fixed a:hover,.exercise-btn-moves-group-not-fixed a:focus,.exercise-btn-moves-group-not-fixed a:active,.exercise-btn-moves-group-popup a:hover, .exercise-btn-moves-group-popup a:focus, .exercise-btn-moves-group-popup a:active{

    background: #4d4d4d;
    color: #fff;

}

.exercise-btn-moves-group .btn-prev{




}

.exercise-btn-moves-group .btn-prev.ocultar{

    padding: 0;
    margin: 0;
    width: 0;
    height: 0;

}

.exercise-btn-moves-group .btn-save{



}

.exercise-btn-moves-group .btn-next{



}

.exercise-btn-moves-group .mensaje{

    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 2rem;
    line-height: 2rem;
    color: #e74f00;
    font-weight: 700;

}
/* FIN EXERCISE-BTN-MOVES-GROUP */

/* FIN ELEMENTOS COMUNES */

/* ELEMENTOS DE PLANTILLA */

/* STEPS */

.steps .tablist .a .current-info{

}

.steps .tablist .a .number{

}

.steps > ul > li.current > a > span.current-info{

    display: none;

}

.steps > ul > li > a > span.number, .steps > ul > li > a:hover > span.number{

    display: none;

}

.steps > ul > li > a {

    color: #5d5d5d;
    font-size: 16px;
    height: 25px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}
.steps > ul > li > a:hover{

    color: #464545;

}



.steps {

    height: 2px;
    width: calc(100% /1);
    background: #b7b2ab;
    display: -webkit-inline-box;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    top: -50px;
    left: 0;
    transform: initial;
    /* margin-top: 30px; */
    margin-bottom: 75px;

}

.steps ul {

    height: 2px;
    background: #fff;
    width: calc(100% /1);
    bottom: 0;
    left: 0;
    transition: all 0.3s ease;
    width: 100%;
    display: flex;
    justify-content: space-between;

}

.steps > ul > li{

    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 5px;

}

.steps > ul > li.tab-3{

    display: none;

}

.steps > ul > li.tab-3.tab-activada{

    display: flex;

}

.steps > ul > li.current{

    background: #5d5d5d;

}
.steps > ul > li:hover{

    background: #5d5d5d;

}




.steps{

    display: none;

}


.content > h4.seccion-unica{

    display: none;

}

.content > h4.seccion-multiple{

    visibility: hidden;
    margin: 0;
    height: 0;
    width: 0;

}

/* FIN STEPS */

/* TITULO STEPS */

.gbc-steps .tarea-titulo{

    font-size: 10rem;
    line-height: 10rem;

}

.gbc-steps .tarea-desc{

    font-size: 5rem;
    line-height: 5rem;

}

.gbc-steps.gbc_step1 .tarea-titulo, .gbc-steps.gbc_step1 .tarea-desc{

    color: #F2932E;

}

.gbc-steps.gbc_step2 .tarea-titulo, .gbc-steps.gbc_step2 .tarea-desc{

    color: #94BD53;

}

.gbc-steps.gbc_step3 .tarea-titulo, .gbc-steps.gbc_step3 .tarea-desc{

    color: #E4312B;

}

.gbc-steps.gbc_step4 .tarea-titulo, .gbc-steps.gbc_step4 .tarea-desc{

    color: #B6866D;

}

.gbc-steps.gbc_step5 .tarea-titulo, .gbc-steps.gbc_step5 .tarea-desc{

    color: #EE8367;

}

/* FIN TITULO STEPS */

/* INICIO MISCELANEA */

.exercise-btn-moves-group a, .exercise-btn-moves-group-popup a, .exercise-btn-moves-group-not-fixed a{
    border-radius: 3px;
}

.exercise-btn-moves-group-not-fixed {
    margin-bottom: 20px;
}

.gbm_pretitulo > p, .gbm_nombre > p, .gbm_descripcion > p {
    font-size: 22px;
    line-height: 28px;
    margin: 0;
    padding: 0;
}

.gbm_descripcion > h5 {
    color: #e85000;
    font-size: 22px;
}

/* FIN MISCELANEA */

/* FIN ELEMENTOS DE PLANTILLA */
/* MODAL */
.modal-header {
    background-image: none;
    background-color: #fff;
    color: #333;
    border-bottom-color: #f4f4f4;
}
#revisionTareaModal .modal-body {
    padding:0px;
}
.modal-body iframe{
    width: 100%;
    min-height: 600px;
    max-height: 750px;
    border: none;
}

/* FIN MODAL */
.dashboard-grid-right{
        width:97%;
}
.box.box-primary {
    border-top-color: #e85000;
}
.sonata-action-element,.sonata-action-element:hover , .sonata-action-element:visited {
    background: rgba(81, 81, 81, 1)!important;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3)!important;
    font-family: 'FGrotesk';
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: rgb(255, 255, 255)!important;
    border-radius: 3px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px;
}
.bg-light-blue, .label-primary, .modal-primary .modal-body {
    background-color: #2c3b41 !important;
}
@media (max-width: 768px) {

    body{
        padding-top: 0
    }
    .exercises_links > li:not(.gbc-title) > a{
        /**color: transparent;**/
        display: none;

    }

    .exercises_links{

        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
        position: absolute;
        top: -100px;

    }


    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 300px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        font-family: 'FGrotesk','Open Sans';
    }

    .content-wrapper {
        padding-top: 0!important;
    }

    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {background-color: #ffffff;}

    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {display: block;}

    /* Change the background color of the dropdown button when the dropdown content is shown */
    .dropdown:hover .dropbtn {background-color: #e85000;}
    .dropdown:hover .dropbtn {color: #ffffff !important;}
}

@media (max-width:600px){

    .header-tarea .titulo-tarea__container h2{

        font-size: 30px;

    }

    .header-tarea .desc-tarea__container p{

        font-size: 20px;
        line-height: 26px;


    }

    .desc-tarea__container blockquote {

        background:#fff;
        width:90%;
        padding:7%;
        margin: 10% 5%;
    }

    .desc-tarea__container blockquote p, .desc-tarea__container blockquote li  {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .desc-tarea__container blockquote a {
        font-size: 15px !important;
        line-height: 20px !important;
        color:#e85000;

    }

    .recursos__container > .tab-content > .tab-pane.alert-white p,
    .recursos__container > .tab-content > .tab-pane.alert-white li {
        font-size: 19px;
        line-height: 26px;}

    .recursos__container > .tab-content > .tab-pane.alert-white h2 {
        font-size: 25px;
        line-height: 32px;

    }
}