:root{--color-primary: #69bd45;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #4b7e2b;--color-state-hover: #3c6721;--color-state-focus: #3c6721;--color-state-active: #30541a;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fff;--nav-text-color: var(--color-text);--footer-bg-color: #fff;--footer-text-color: var(--color-text);--footer-text-color-hover: var(--footer-text-color);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled)}:root{}
/****Import fonts*/
@font-face {
    font-family: Acumin;
    src: url('https://www.edugrisi.com/theme/ventura/fonts_grisi/Acumin-BdPro.otf');
}
@font-face {
    font-family: Gotham-Black;
    src: url('https://www.edugrisi.com/theme/ventura/fonts_grisi/Gotham-Black.otf');
}

/*pag login*/
#page-login-index .tui-core_auth-loginNav,#contbannerlogin{
    display: none;
}
body#page-login-index{
    background-image: url(https://www.edugrisi.com/theme/ventura/img_grisi/background-login.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.tui-core_auth-loginLayout__panel-graphic{
background-position-x: center;
background-position: inherit;
}

/*header login*/
#page-login-index #contbannerlogin{
    display:none;
}

/*box login*/
.loginpanel h2{
    font-family:Gotham-Black;
}
.loginpanel hr{
    display: none;
}
.tui-btn--variant-primary{
    background: #72BF44;
    border-color:#72BF44;
    border-radius: 10px;
}
.loginbox .desc{
    display: none;
}
.forgetpass a{
    color: #000000;
}
.loginbox .loginform .form-input {
    width: 85%;    
}
.path-login #page{
    background: transparent;
}
.tui-core_auth-loginLayout__main{
    background: #FFFFFF;
    border-radius: 15px;
    padding: 20px;
    max-width: 30rem;
}

/*cuadricula ico login*/
.contimg{
    border: 1px solid #FFFFFF;
    width: 150px;
    height: 150px;    
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: 50%;
    background-color: #FFFFFF;
    box-shadow: 10px 10px 10px -4px rgba(0,0,0,0.26);
    -webkit-box-shadow: 10px 10px 10px -4px rgba(0,0,0,0.26);
    -moz-box-shadow: 10px 10px 10px -4px rgba(0,0,0,0.26);
}

/*boton guia rapida*/
#btnguia{
    margin: 30px 0px -40px 0px;
    text-align:center;
    display: none;
}
#grapida {
    text-decoration: none;
    color: #FFF;
    background: #72bf44;
    padding: 8px;
    border-radius: 4px;
}

/*header*/
.totaraNav nav{
    background: #0055b8;
}
.totaraNav_prim .masthead_logo--header_img {
    height: 7em;
}

/*menu principal*/
.totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link{
    background-color: #72bf44;
}
.totaraNav_prim--list_item_label{
    color: #FFF;
}
.totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link:hover{
    background-color:#242b32;
    color: #FFF;
}

/*menu user*/
.jsenabled .totaraNav_prim--side .usermenu .toggle-display.textmenu,.totaraNav_prim--side .popover-region .flex-icon{
    color: #FFF;
}

/*bloques*/
.block{
    border: 0px solid transparent;
}

/*enlaces destacados*/
.block-totara-featured-links-layout .block-totara-featured-links-tile.block-totara-featured-links-tile-large{
    background-size: contain;
}
#nacionalm6{
    text-align: center;
}

/*Bloques HTML*/
.art-bloque{
    width: 50%;
    text-align: center;
    border-radius: 50%;
}
.img-bloque{
    width: 50%;
    height: 50%;
    border-radius: 50%;
}
.div-tooltip {
    background: rgba(0,0,0, .8);
    color: white;
    padding:5px;
    position: absolute;
    border-radius: 5px;
    margin: 0 0 0 -30px;
    left: 0;
    top: 30px;
    display: none;
    font-weight: lighter;
    width: 100%;
}
a:hover .div-tooltip, #resim:hover .div-tooltip {
    display: inline-block;
}
#resim{
    position: relative;
    display: block;
    cursor: pointer;
    margin-top: 5%;
    margin-bottom: 5%;
}
#resim .div-tooltip {
    left:100%;
    top: 25%;
}
#resim .div-tooltip:before {
    border: 8px solid transparent;
    content: "";
    border-right: 8px solid rgba(0,0,0, .8);
    position: absolute;
    top: 12px;
    left: -16px;
}

/*Dashboard cuadros centrados para id=39 y 46*/
.disshow{
    display: flex;
}
.cuadros{
    text-align: center;
    margin: auto;
}
.margent{
    margin-top: 5% !important;
}
.wimg{
    width: 80%;
}

/*tabla cuestionario*/
div.ablock table.answer{
    width: 100%; 
}
table.quizreviewsummary th.cell{
    background:#0055b8;
    color:#FFFFFF;
    font-size: 18px;
}
table.quizreviewsummary td.cell{
    background: #2782ec94;
    font-size: 18px;
}
.ft-state-danger,.ft-state-success{
    width: auto;
    font-size: 18px;
    margin-left: 3%;
}

/*pag externa cuestionario*/
.mform .fitem .fitemtitle{
    width: 50%;
}
.mform .fitem .felement{
    width: 50%;
}
#page-mod-feedback-print .row-fluid{
    margin-right: 0px;
}

/*Biblioteca nacional*/
table.glossarypost.dictionary td.entrylowersection hr{
    margin-top: -15px;
    margin-bottom: -6px;
}

/*Detalles de programa*/
div#view-program-content p{
    display:none;
}
table.fullwidth.generaltable tr.lastrow td.coursename.cell.c0 a,table.fullwidth.generaltable tr td.coursename.cell.c0 a{
    font-size: 25px;
}
table.fullwidth.generaltable tr.lastrow td.launchcourse.cell.c1.lastcol div.singlebutton input{
    font-size: 25px;
}
.nextsetoperator .operator-then {
    background-size: 20%;
    font-size: 20px;
}
    
/*Temas del modulo*/
div#inst188 div.content.block-content{
    text-align: center;
    width: 82%;
    margin: auto;
}
div#inst300 div.content.block-content{
    text-align: center;
    width: 80%;
    margin: auto;
}

/***************Dentro de cursos*/
/*Clase para los botones de los cursos***/
img.boton {
    width:13%;
    height:auto;
}    
.block-totara-featured-links-layout>div .block-totara-featured-links-content {
    position: absolute;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    max-height: 100%;
    overflow: hidden;
    background: #0055b8ba;
    color: #fff;
    padding: 2px;
    border-radius: 2px;
    text-align: center;
    font-size: 40px;
}
.block-totara-featured-links-layout>div .block-totara-featured-links-content h3 {
    font-size: 18px;
    font-weight: 600;
}

/*botones*/
.label-default {
    background-color: #0055b8;
}

/*cuestionario id 1120*/
#question-42091-4 .answer{
    display: inline-flex;
}  

/*ico recursos*/
.instancename{
    margin-left: 20px;
}
.fa-file-text-o:before {
    content: url(http://www.edugrisi.com/pluginfile.php/1805/mod_resource/content/1/06%20-%20copia.png);
}    
.tfont-var-text_file_tick:before{
    content: url(https://www.edugrisi.com/theme/ventura/img_grisi/Examen.png);
}
.tfont-var-file_pdf:before{
    content: url(https://www.edugrisi.com/theme/ventura/img_grisi/pdf.png);
}
.tfont-var-file_image:before{
    content: url(https://www.edugrisi.com/theme/ventura/img_grisi/imagen.png);
}

/******a-btn cuestionario*/
.complete-feedback a{
    background: #0055b8;
    border: solid #0055b8;
    color: #FFF !important;
    text-decoration: none;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
}

/****Feddback*/
.complete-feedback{
    margin-top:2%;
}
.path-mod-feedback .feedback_form input[type="submit"] {
    background-color: #0055b8;    
}
.block-totara-featured-links-layout .block-totara-featured-links-tile.block-totara-featured-links-tile-medium {
    background-size: contain;
}

/*enlaces GRIS Formación*/


#inst959 .block-totara-featured-links-layout>div .block-totara-featured-links-content{
    background:#0055b8;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
}

#instance-959-header {
    color: #fff;
    background-color: #0055b8;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
    font-size: x-large;
}

/*Encabezado gráfica de tablero Grisi*/
#instance-2198-header {
    color: #fff;
    background-color: #065bb9;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
    font-size: x-large;
}

/*Encabezados gráficas de tablero reportes Grisi*/

#instance-536-header {
    color: #fff;
    background-color: #065bb9;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
    font-size: x-large;
}

#instance-537-header {
    color: #fff;
    background-color: #065bb9;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
    font-size: x-large;
}



/*Encabezado gráfica de tablero Bogri-Arte-Hecal*/
#instance-2199-header {
    color: #fff;
    background-color: #065bb9;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
    font-size: x-large;
}

/*Encabezados gráficas de tablero reportes Arte-Bogri-Hecal*/

#instance-1137-header {
    color: #fff;
    background-color: #065bb9;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
    font-size: x-large;
}

#instance-1139-header {
    color: #fff;
    background-color: #065bb9;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
    font-size: x-large;
}

/*enlaces GRIS PROGRAMAS*/
#inst1686 .block-totara-featured-links-layout>div .block-totara-featured-links-content{
    background:#7eca32;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    font-weight: bold;
}
#instance-1686-header {
    color: #fff;
    background-color: #7eca32;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
     font-size: x-large;
    font-weight: bold;
}

#inst1617 .block-totara-featured-links-layout>div .block-totara-featured-links-content{
    background:#21b51f;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    font-weight: bold;
}

#instance-1617-header {
    color: #fff;
    background-color: #21b51f;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
     font-size: x-large;
    font-weight: bold;
}

#inst966 .block-totara-featured-links-layout>div .block-totara-featured-links-content{
    background:#3A3CA6;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    font-weight: bold;
}
#instance-966-header {
    color: #fff;
    background-color: #3A3CA6;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
     font-size: x-large;
    font-weight: bold;
}

#inst1573 .block-totara-featured-links-layout>div .block-totara-featured-links-content{
    background:#3A3CA6;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    font-weight: bold;
}
#instance-1573-header {
    color: #fff;
    background-color: #3A3CA6;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
     font-size: x-large;
    font-weight: bold;
}

/*Health Talks*/

#instance-1761-header {
    color: #fff;
    background-color: #005aa2;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
     font-size: x-large;
    font-weight: bold;
}

#inst1761 .block-totara-featured-links-layout>div .block-totara-featured-links-content{
    background:#005aa2;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    font-weight: bold;
}

/*enlaces Health Talks - Agosto*/
#inst1785 .block-totara-featured-links-layout>div .block-totara-featured-links-content{
    background:#f03a9c;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    font-weight: bold;
}

/*Piensa verde*/
#inst1517 .block-totara-featured-links-layout>div .block-totara-featured-links-content{
    background:#00A056;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
}
#instance-1517-header {
    color: #fff;
    background-color: #00A056;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
    font-size: x-large;
}

#inst1287 .block-totara-featured-links-layout>div .block-totara-featured-links-content{
    background:#6265dd;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
}
#instance-1287-header {
    color: #fff;
    background-color: #6265dd;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
    font-size: x-large;
}


/*Módulo activo Esfera Nacional*/
#inst365 .block-totara-featured-links-layout>div .block-totara-featured-links-content{
    background:#0055b8;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
}
#instance-365-header {
    color: #fff;
    background-color: #0055b8;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
    font-size: x-large;
}

/*Entrenamiento Esfera Bogri y Arte*/
#inst658 .block-totara-featured-links-layout>div .block-totara-featured-links-content{
    background:#00A056;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
}
#instance-658-header {
    color: #fff;
    background-color: #00A056;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
    font-size: x-large;
}
.block-totara-featured-links-layout>div .block-totara-featured-links-content h3{
    text-align: center;
    font-size: x-large;
}
.block-totara-featured-links-layout .block-totara-featured-links-tile.block-totara-featured-links-tile-large{
    border-radius: 10px;
}
.progress .bar{
    background: #002C6C;
}

/*CATALOGO DE CURSOS*/
.tw-catalogItemNarrow__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    height: 3em;
    margin: .8rem 0;
    overflow: hidden;
    position: relative;
}

#inst631 .block-totara-featured-links-layout>div .block-totara-featured-links-content{
    background:#0055b8;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
}
#instance-631-header {
    color: #fff;
    background-color: #0055b8;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
    font-size: x-large;
}

/*enlaces ARTE Y BOGRI Formación*/
#inst1309 .block-totara-featured-links-layout>div .block-totara-featured-links-content{
    background:#0055b8;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.5);
}
#instance-1309-header {
    color: #fff;
    background-color: #0055b8;
    width: fit-content;
    padding: 10px;
    border-start-end-radius: 20px;
    font-size: x-large;
}





/***texto*/
body,div.forgetpass a {
    font-size: 20px;
}
.totaraNav nav{
    font-size: 1.7rem;
}
.block .block-header h2,.breadcrumb>li,.block .content, p, .path-mod-quiz .othernav a, .path-mod-quiz .othernav input, .que .formulation, #page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,input[type="submit"],span.userbutton span.usertext
,div#modal-header.box.modal-header h4,div#notice.box.generalbox,#page-mod-quiz-view .generaltable.quizattemptsummary, .coursebox .coursename a, label, .mform .fitem .fitemtitle .fstaticlabel, .fitem>fieldset>legend .legend
,.mform legend a, .mform legend a:hover, #notice .singlebutton+.singlebutton input, .path-mod-quiz .qnbutton.notyetanswered,input[type="button"],.path-mod-quiz .qnbutton{
    font-size: 23px;
}
.que h3.no,.que .info>div{
    font-size: 17px;
    color:#000000;
}

/*Slider (esquinas)*/
.block-totara-featured-links-gallery-subtiles{
    background-color: transparent;
}

/*Alertas*/
.alerta {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 1.25rem;
    max-width: fit-content;
}
.alerta2 {
    color: #0055b8;
    background-color: #d4edda;
    border-color: #c3e6cb;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 2.25rem;
    width: fit-content;
    font-family: revert;
}

/*footer*/
.tui-core_auth-footer{    
    display: none;
}
#page-footer{
    display:none;
}
#contfooter{
    background: #0055b8;
    padding: 15px 10px 15px 10px;
}
.cont1{
    margin: auto;
}
.privacidad{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 20px;
    font-family: Acumin;
}
.privacidad:hover{
    color: #FFFFFF;
}
.subcon1{
    display: inline-flex;
    margin-right: 20px;
}
.imgico{
    width: auto;
    height: 32px;
    margin-right: 4%;
    margin-top: 4%;    
}
.ptxtf{
    color:#FFFFFF;
    font-size: 20px;
    text-align: justify;
}

/*responsive*/
@media (max-width: 1300px){
    /*header login*/
    .texto-encima {     
        top: 4%;        
    }
    /*cuadricula ico login*/
    #gralcont .col-md-6{
        margin-top: 5%;
    }
    .contimg {     
        width: 100px;
        height: 100px;
    }
}

@media screen and (max-width: 967px) {
    /*pag login*/
    body#page-login-index {        
        background-size: auto;
    }      
    /*cuadricula ico login*/
    #gralcont{        
        margin-top: 4% !important;
        display: block;
    }
    /*box login*/
    .loginbox.twocolumns .loginpanel{        
        width: 80%;
        margin: auto;        
        margin-top: 5%;                   
        float: inherit;
    }
    /*Dashboard cuadros centrados para id=39 y 46*/
    .margent .wimg{
        width: 50%;
    }
    /*footer*/
    .cont1,.ptxtf{
        text-align: center;
    }
    .subcon1{
        display: block;
        margin: auto;
        text-align: center;
    }
    .subcon1 .imgico{
        margin-right: auto;
    }
}

@media screen and (max-width: 767px) {
    /*hrader login*/
    #page-login-index #contbannerlogin {    
        margin-top: 35px;
    }
    /*cuadricula ico login*/
    #gralcont{
        display: none;        
    }
    /*Dashboard cuadros centrados para id=39 y 46*/
    .disshow{
        display: block;
    }
    .wimg{
        width: 50%;
    }
    .margentb{
        margin:5% 0% 5% 0%;
    }
}


