:root{--color-primary:#99ac3a;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-body-background:#fbfbfb;--color-state:#313131;--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-link-lateral-block:var(--color-state);--color-link-central-block:var(--color-state);--color-title-blocks:#fff;--color-title-catalog-box:var(--color-state);--color-icons:var(--color-state);--color-icons-star-rating:var(--color-state);--color-icons-rss-footer:#fff;--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:#666666;--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:#313131;--link-color-hover:var(--color-state-hover);--color-title-main:var(--color-text);--nav-bg-color:#313131;--nav-text-color:#ffffff;--nav-text-color-hover:var(--color-state-active);--nav-side-seperator-color:var(--nav-text-color);--nav-side-text-color-focus:var(--nav-text-color-hover);--nav-tab-expand-text-color:var(--color-text);--color-header-highlight:#2ABB9C;--font-size-custom:1;--btn-accent-color:#2ABB9C;--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:#2ABB9C;--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled);--btn-button-border-radius:4px;--footer-background-color:#313131;--footer-text-color:#FFFFFF;--second-footer-background-color:#313131;--second-footer-text-color:#FFFFFF;--block-background-color:#FFFFFF;--block-radius:4px;--block-border:0px solid #f00;--block-shadow:0 1px 3px 1px #ddd;--block-pre-header-color:#FFFFFF;--block-pre-header-background:#FDC151}:root{--select-icon-size:var(--gap-1)}.tui-select__input{display:inline-block;width:auto;max-width:none;height:auto;max-height:none;margin:0;padding:0;color:black;font:400 13.3333px Arial;font-size:inherit;line-height:inherit;letter-spacing:normal;white-space:pre;text-align:start;text-transform:none;text-indent:0;text-shadow:none;word-spacing:normal;background-color:white;border-color:darkgrey;border-style:solid;border-width:1px;border-radius:0;border-image:initial;box-shadow:none;cursor:default;transition-delay:0s;transition-timing-function:ease;transition-duration:0s;transition-property:all;text-rendering:auto;-webkit-appearance:menulist;appearance:menulist}.tui-select__input[disabled]{color:#3d444b;background:#dadada;cursor:default}.tui-select__input[multiple]{height:auto;overflow-x:hidden;overflow-y:visible}.tui-select__input:focus{border-color:#dadada;outline-width:3px;outline-style:auto;outline-color:Highlight;outline-color:-webkit-focus-ring-color;outline-offset:-2px;box-shadow:none;-moz-user-focus:normal}.tui-select{position:relative;display:flex;flex-grow:unset;width:100%;min-width:0;height:var(--form-input-height)}.tui-select--charLength-2{max-width:calc(2 * var(--form-input-font-size))}.tui-select--charLength-3{max-width:calc(3 * var(--form-input-font-size))}.tui-select--charLength-4{max-width:calc(4 * var(--form-input-font-size))}.tui-select--charLength-5{max-width:calc(5 * var(--form-input-font-size))}.tui-select--charLength-10{max-width:calc(10 * var(--form-input-font-size))}.tui-select--charLength-15{max-width:calc(15 * var(--form-input-font-size))}.tui-select--charLength-20{max-width:calc(20 * var(--form-input-font-size))}.tui-select--charLength-25{max-width:calc(25 * var(--form-input-font-size))}.tui-select--charLength-30{max-width:calc(30 * var(--form-input-font-size))}.tui-select--charLength-50{max-width:calc(50 * var(--form-input-font-size))}.tui-select--charLength-75{max-width:calc(75 * var(--form-input-font-size))}.tui-select--charLength-100{max-width:calc(100 * var(--form-input-font-size))}.tui-form--inputWidth-limited .tui-select:not(.tui-input--customSize){max-width:var(--form-input-limited-width)}.tui-form--inputWidth-limited .tui-inputSet--split .tui-select:not(.tui-input--customSize){max-width:none}.tui-select::after{position:absolute;top:calc((var(--form-input-height) - var(--select-icon-size)) / 2);right:calc((var(--form-input-height) - var(--select-icon-size) * 2) / 2);display:block;width:0;height:0;border:var(--select-icon-size) solid transparent;border-top-color:var(--form-input-text-color);content:'';pointer-events:none}.tui-select--disabled::after{border-top-color:var(--form-input-text-color-disabled)}.tui-select--multiple::after{display:none}.tui-select--large{height:var(--form-input-height-large)}.tui-select--large::after{top:calc((var(--form-input-height-large) - var(--select-icon-size)) / 2);right:calc((var(--form-input-height-large) - var(--select-icon-size) * 2) / 2)}.tui-select__input{flex-grow:1;box-sizing:border-box;width:100%;min-width:0;padding:0 var(--gap-6) 0 var(--gap-1);color:var(--form-input-text-color);font-size:var(--form-input-font-size);background:var(--form-input-bg-color);border:var(--form-input-border-size) solid;border-color:var(--form-input-border-color);-webkit-appearance:none;appearance:none}.tui-select__input[multiple]{height:auto}.tui-select__input[disabled]{color:var(--form-input-text-color-disabled);background:var(--form-input-bg-color-disabled);border-color:var(--form-input-border-color-disabled)}.tui-select__input:focus{background:var(--form-input-bg-color-focus);border:var(--form-input-border-size) solid;border-color:var(--form-input-border-color-focus);outline:none;box-shadow:var(--form-input-shadow-focus)}.tui-contextInvalid .tui-select__input:focus{background:var(--form-input-bg-color-invalid-focus);border-color:var(--form-input-border-color-invalid);box-shadow:var(--form-input-shadow-invalid-focus)}.tui-select__input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.tui-select__input::-ms-expand{display:none}.tui-select__input::-ms-value{color:inherit;background-color:transparent}.tui-contextInvalid .tui-select__input{border-color:var(--form-input-border-color-invalid);box-shadow:var(--form-input-shadow-invalid)}:root{--nav-bg-color: #000000;--nav-text-color: #ffffff;--color-primary: #008BD2;--btn-prim-accent-color: #008BD2;--btn-accent-color: #97999B;--link-color: #313131;--color-state: #000000;--color-text: #4B4B4B;--block-background-color: #FFFFFF;--block-radius: 4px;--block-border: 0px solid #f00;--block-shadow: 0 1px 3px 1px #ddd;--block-pre-header-color: #FFFFFF;--block-pre-header-background: #000000;--color-link-lateral-block: #000000;--color-link-central-block: #000000;--color-title-blocks: #000000;--color-title-catalog-box: #000000;--color-icons: #000000;--color-header-highlight: #FFFFFF;--color-icons-star-rating: #000000;--color-body-background: #F6F7F8;--color-icons-rss-footer: #ffffff;--btn-button-border-radius: 0px;--nav-text-color-hover: #e1e1e1;--btn-prim-accent-color-focus: #0081c8;--btn-prim-accent-color-active: #0070b7;--btn-accent-color-focus: #8d8f91;--btn-accent-color-active: #7c7e80;--link-color-hover: #131313;--color-state-hover: #000000;--color-state-focus: #000000;--color-state-active: #000000;--color-title-main: #4B4B4B;--font-size-custom: 1;--footer-background-color: #FFFFFF;--footer-text-color: #313131;--second-footer-background-color: #FFFFFF;--second-footer-text-color: #313131;}
 .tui-formTextarea{resize:auto;}

      /* Elies: Ini accordio */

.accordion.actuasolutions .linkheader {
    width: 100%;
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 10px;
    display: block;
    color: #217a7d;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 700;
    padding-top: 10px
}

.accordion.actuasolutions .linksubheader {
    width: 100%;
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 10px;
    display: block;
    color: #217a7d;
    cursor: pointer;
    font-size: 1.45rem;
    font-weight: 700;
    padding-top: 10px;
    margin-left: 10px;
}

.accordion.actuasolutions .linkheader:not(.collapsed) {
    color: #3c3c3b
}

.accordion.actuasolutions .linkheader:after {
    content: "";
    float: right;
    margin-right: 10px;
    font-family: fontawesome;
    color: #b5b5b5
}

.accordion.actuasolutions .linkheader:not(.collapsed):after {
    content: "";
    float: right;
    margin-right: 10px;
    font-family: fontawesome;
    color: #b5b5b5
}

.accordion.actuasolutions .accordioncontent {
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-top: 10px
}

.accordion.actuasolutions .accordioncontent {
    margin-top: 10px;
    margin-left:10px;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-top: 10px
}

      /* Elies: Fi accordio */
#page-mod-page-view .modified {
    display: none;
}

/* INICI visibilitat filtre catàleg: amago el 6è */
#page-totara-catalog-index .tw-selectRegionPanel__content section:nth-child(6) {
    display: none;
}
/* FI visibilitat filtre catàleg: amago el 6è */

/* Página Corrección Tareas */

#page-mod-assign-grader [class^=tfont-var-], #page-mod-assign-grader [class*=" tfont-var-"] {
    color: var(--color-text);
}

#page-mod-assign-grader div[role="main"] {
    padding: 41px;
}

#page-mod-assign-grader.path-mod-assign .assignfeedback_editpdf_widget .pageheader button, #page-mod-assign-grader.path-mod-assign .assignfeedback_editpdf_widget .pageheader select {

    line-height: 13px;
}

#page-mod-assign-grader .ft {
    color: var(--color-text);
}

#page-mod-assign-grader .assignfeedback_editpdf_widget .pageheader button img {
    padding-top: 0px;
}

#page-mod-assign-grader img.icon {
    margin-right: 0px;
}

#page-mod-assign-grader.path-mod-assign [data-region="user-selector"] [data-action="previous-user"], #page-mod-assign-grader.path-mod-assign [data-region="user-selector"] [data-action="next-user"] {
    font-size: 16px;
}

#page-mod-assign-grader .btn-toolbar>.btn-group img.icon {
    filter: contrast(5.5);
}

/* End Página Corrección Tareas */

/* ocultar nombre de sitio en custom cert */

#page-mod-customcert-edit div[role="main"] > h2 { display: none;}

/* fin ocultar nombre de sitio en custom cert */

/* Elies: Estils del totara/catalog */
.tw-selectRegionPanel__selector_header {
    font-weight: bold;
    font-size: var(--font-size-15);
    color: #000;
}

.tw-selectTree__option {
    /*max-width: none;
    width: fit-content;*/
    max-width: 790px;
    width: 790px;
}


@media (max-width: 1199.98px) {
    .tw-selectTree__option {
        max-width: 790px;
        width: 790px;
    }
}
@media (max-width: 991.98px) {
    .tw-selectTree__option {
        max-width: 580px;
        width: 580px;
    }
}

@media (max-width: 767.98px) {
    
    .tw-selectTree__option {
        max-width: 400px;
        width: 400px;
    }
}
@media (max-width: 575.98px) {
    
    .tw-selectTree__option {
        max-width: 300px;
        width: auto;
    }    
}

/* Fi Elies: Estils del totara/catalog */




/* -Hide Prefered Language User Pref Page- */

#page-user-preferences #region-main > div > div > div > div > div:nth-child(1) > ul > li:nth-child(3), #page-user-preferences #region-main > div > div > div > div > div:nth-child(1) > ul > li:nth-child(8) {
	display:none;
}{
	display:none;
}

/* -End Hide Prefered Language User Pref Page- */

/* -Hide message icon- */

.totaraNav_prim #nav-message-popover-container > div.popover-region-toggle.nav-link {
    display: none;
}

/* -End Hide message icon- */

/* -Width course description- */

#page-course-info .summary > .no-overflow > hr {
    max-width: 100%;
}

/* -End Width course description- */

/* elies: ini amagar ull feedback */
#page-mod-feedback-view h2 > a {
    display: none;
}
/* elies: fi amagar ull feedback */



/* Formato de Aula */

p.sectiontittle {
    width: max-content;
    background-color: #005eb8;
    color: #fff;
    padding: 5px 20px;
    border-radius: 4px;
    font-weight: 500;
}

p.sectiontittle2 {
    width: max-content;
    background-color: #005eb8;
    color: #fff;
    padding: 3px 20px;
    border-radius: 4px;
    font-weight: 500;
    font-size:13px;
}

h3.subsectiontittle {
color: #000;
font-weight: 500;
font-size: 24px;
}

    .contitle {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin: 20px 0 10px 0;
    }

    .contitle .img_content {
        width: 65px;
    }

.contitle img {
    width: 65px;
}

    h4.cntent {
        color: #000;
        font-size: 18px!important;
        line-height: 18px;
        margin-left: 8px;
    }

    .contutoria {
        display: flex;
        align-items: center;
        flex-direction: row;
        margin: 20px 0 10px 0;
    }

    .contutoria .img_tutoria {
        width: 50px;
    }

    .contutoria .ttria {
        line-height: 15.9992px;
        padding: 10px 18px;
        background-color: #28CAB7;
        border: 1px solid #28CAB7;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        color: #fff;
        font-weight: 700;
    }

    .contutoria .ttria_title {
        line-height: 15.9992px;
        padding: 10px 18px;
        border: 1px solid #28CAB7;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        font-weight: 700;
    }

    .icondis img {
    width: 60%;
    margin-bottom: 15px;
    }

    .courseicons {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .icondis {
        width: auto;
        padding: 30px;
    }

#page-course-view-onetopicas li.section .content h4 {
    font-size: 1.4em;
}

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

        .courseicons{
            display: none;
        }

    }

    @media screen and (max-width:390px){
            .contutoria {
                display: flex;
                align-items: stretch;
                flex-direction: row;
            }

            .section .label .contentwithoutlink{
                padding-right: 0;
            }

            .contutoria .img_tutoria {
                display: none;
            }

            .contutoria .ttria {
                flex: 0.5;
                padding: 10px 15px;
                display: flex;
                align-items: center;
            }

            .contutoria .ttria_title {
                flex: 1;
            }

            .courseicons {
                overflow: scroll;
            }

    }

/* Lateral Course Menu */

    .coursemenu .editor-indent {
        padding: 10px;
        font-weight: 500;
    }

    .coursemenu .editor-indent i.fa.fa-caret-right {
        color: #005eb8;
    }

    .coursemenu .editor-indent i.fa.fa-caret-right:before {
        margin-right: 12px;
    }

/* End Lateral Course Menu */

/* End Formato de Aula*/

/* Contact support block */

.courseblock .content.block-content {
    padding: 0px;
    border-radius: 9px!important;
}

.mnblck {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mnimg {
    padding: 10px 10px;
    background-color: #f7fafd;
    border: 1px solid #005eb8;
    border-radius: 9px;
}

.mnimg img {
    width: 50px;
    height: auto;
}

.mntxt {
    font-weight: 500;
    color: #000;
    padding: 15px;
    font-size: 17px;
    margin-bottom: 0px!important;
}

/* End Lateral block */

#page-course-view-visualgrid.format-visualgrid input[type=checkbox].completion-icon:checked:after {
    -webkit-text-stroke: inherit;
}

#page-course-view-visualgrid.format-visualgrid .autocompletion .tfont-var-check-circle:before, #page-course-view-visualgrid.format-visualgrid .autocompletion .fa-check-circle-o:before {
    -webkit-text-stroke: inherit;
}


/* LOGIN  https://rocaadvanceteam.roca.es  */
#page-login-index .loginbox.twocolumns .signuppanel .subcontent img:not(.rocaadvanceteam-roca-es), #page-login-index .loginbox.twocolumns .signuppanel .subcontent:not(.potentialidps) .btn:not(.rocaadvanceteam-roca-es), #page-login-index .loginbox.twocolumns .signuppanel h4:not(.rocaadvanceteam-roca-es) {
    display: none;
}
#page-login-index .loginpanel span.flex-icon{ color: var(--course-format-icon-color); }
#page-login-index .signuppanel h2{display: none;}
#page-login-index .loginpanel h2{display: none;}
#page-login-index .loginpanel span.preloginboxtext{
    font-size: var(--font-size-18);
    display: block;
    margin-bottom: 10px;
    font-weight: 500;   
}
#page-login-index .loginpanel > hr, #page-login-index .signuppanel > hr {display: none;}
#page-login-index .loginbox.twocolumns .signuppanel .btn {
    padding: 14px;
    font-weight: bold;
    width: 70%;
}
#page-login-index .loginbox.twocolumns .loginpanel {
    background: rgba(0,0,0,.8);
    color: #fff;
}
#page-login-index .loginbox.twocolumns .signuppanel {
    color: #000;
    background-color: #fff;
}
#page-login-index .loginform div:nth-child(1):before, #page-login-index .loginform div:nth-child(4):before, #page-login-index .loginpanel span.flex-icon, .loginbox .desc{color: #fff;}
#page-login-index div#region-main .forgetpass a {
    color: #fff !important;
}
#page-login-index .loginbox .loginform .form-input input[type="text"], #page-login-index .loginbox .loginform .form-input input[type="password"]{
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}
#page-login-index .loginbox.twocolumns .signuppanel .subcontent img{width: 35%}
#page-login-index .loginbox.twocolumns .signuppanel .subcontent.potentialidps{
    display: flex;
    justify-content: flex-start;
    margin-top: -100px;
    height: auto;
}
#page-login-index .loginbox.twocolumns .signuppanel .subcontent.potentialidps > h6{display: none;}
.loginbox .potentialidp:first-of-type, .loginbox .potentialidp:nth-of-type(3), .loginbox .potentialidp:nth-of-type(4) {
    display: none;
}
.loginbox .potentialidplist{width: 100%;}
.loginbox .potentialidp{width: 100%;}

@media (min-width: 768px){
    #page-login-index .loginbox.clearfix.twocolumns {
        display: flex;
        padding: 0;
        opacity: 1;
        position: relative;
        background: transparent;
        margin-top: 60px;
        max-width: 880px;
    }
#page-login-index .loginbox.twocolumns .loginpanel {
        order: revert;
    }
    #page-login-index .loginbox.twocolumns .loginpanel {
        padding: 40px;
        border-radius: 0 0 4px 0px;
    }
    #page-login-index .loginbox.twocolumns .signuppanel {
        overflow: hidden;
        padding: 40px;
        display: block;
        border-radius: 0px 0px 0 4px;
    }

    #page-login-index .loginbox.twocolumns .signuppanel .subcontent{
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        flex-wrap: wrap;
        height: 100%;
        align-content: center;
        text-align: center;
        align-items: center;
    }

    #page-login-index .loginbox.clearfix.twocolumns:before {
        background: rgba(255,255,255,.8);
        position: absolute;
        width: 100%;
        top: -60px;
        height: 60px;
        background-image: url(/pluginfile.php/26190/totara_core/logo_login_image/4413/logologin_rat-69kk0ffjzrn-v2c764gq1zs.png);
        background-size: auto 45%;
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
        border-radius: 4px 4px 0 0;
    }


}


@media (max-width: 767px){
    #page-login-index .loginbox.clearfix.twocolumns {
        display: flex;
        flex-direction: column;
        position: relative;
        background: transparent;
        padding: 0;
    }

    #page-login-index .loginbox.twocolumns .loginpanel {
        order: 2;
        padding-top: 30px;
    } 
    #page-login-index .loginbox.twocolumns .signuppanel {
        margin-top: 40px;
    }

    #page-login-index .loginbox.twocolumns .signuppanel .subcontent{
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        height: 100%;
        align-content: center;
        text-align: center;
        padding-top: 45px;
        color: white;
        align-items: center;
    }
    #page-login-index .loginbox.twocolumns .signuppanel .subcontent.potentialidps{margin-bottom: 30px;}
    
    #page-login-index .loginpanel span.preloginboxtext{
        padding-top: 20px;
    }


    #page-login-index .loginbox.clearfix.twocolumns:before {
        background: rgba(255,255,255,.8);
        position: absolute;
        width: 100%;
        top: -19px;
        height: 60px;
        background-image: url(/pluginfile.php/26190/totara_core/logo_login_image/4413/logologin_rat-69kk0ffjzrn-v2c764gq1zs.png);
        background-size: 55% auto;
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
        border-radius: 4px 4px 0 0;
    }    

}


/* END LOGIN */

                @font-face {
                    font-family: "GothamRounded";
                    src: url("https://rocaadvanceteam.roca.es/theme/actua/webfont.php?nomfont=GothamRounded-Bold.woff") format("woff");
                    font-weight: bold;
                    font-style: normal;
                }
                @font-face {
                    font-family: "GothamRounded";
                    src: url("https://rocaadvanceteam.roca.es/theme/actua/webfont.php?nomfont=GothamRounded-Book.woff") format("woff");
                    font-weight: normal;
                    font-style: normal;
                }
                @font-face {
                    font-family: "GothamRounded";
                    src: url("https://rocaadvanceteam.roca.es/theme/actua/webfont.php?nomfont=GothamRounded-Medium.woff") format("woff");
                    font-weight: 500;
                    font-style: normal;
                }
            body {
                font-family: GothamRounded;
            }