: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: #FFFFFF;--nav-text-color: #000000;--color-primary: #E47676;--btn-prim-accent-color: #5c5e5f;--btn-accent-color: #E47676;--link-color: #313131;--color-state: #E47676;--color-text: #666666;--block-background-color: #FFFFFF;--block-radius: 20px;--block-border: 0px solid #f00;--block-shadow: 0 1px 3px 1px #ddd;--block-pre-header-color: #FFFFFF;--block-pre-header-background: #E47676;--color-link-lateral-block: #666666;--color-link-central-block: #313131;--color-title-main: #666666;--color-title-blocks: #313131;--color-title-catalog-box: #313131;--color-icons: #1b8989;--color-header-highlight: #E47676;--color-icons-star-rating: #E47676;--color-body-background: #f5f5f5;--color-icons-rss-footer: #1b8989;--btn-button-border-radius: 0px;--nav-text-color-hover: #000000;--btn-prim-accent-color-focus: #525455;--btn-prim-accent-color-active: #414344;--btn-accent-color-focus: #da6c6c;--btn-accent-color-active: #c95b5b;--link-color-hover: #131313;--color-state-hover: #da6c6c;--color-state-focus: #da6c6c;--color-state-active: #c95b5b;--font-size-custom: 1.0714;--footer-background-color: #E47676;--footer-text-color: #FFFFFF;--second-footer-background-color: #FFFFFF;--second-footer-text-color: #000000;}
@font-face {
    font-family: "Optima";
    src: url("/theme/actua/webfont.php?nomfont=OptimaLTStd-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Optima";
    src: url("/theme/actua/webfont.php?nomfont=OptimaLTStd-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Optima";
    src: url("/theme/actua/webfont.php?nomfont=OptimaLTStd-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Optima";
    src: url("/theme/actua/webfont.php?nomfont=OptimaLTStd-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

:root{
    --nav-tab-expand-bg-color-focus: var(--block-pre-header-background);
    --nav-tab-expand-text-color-focus: #ffffff;
}
ul.navExpand--list.navExpand--listSecond {
    overflow: hidden;
}
#block-region-side-pre .block .block-header h2, .block_slickslider .conttext .titol {
    font-family: 'Optima';
    font-weight: 500;
}
h2, #maincontent + h2, .settingsform h2, .questionbankwindow h2, #completion_import h2, #addadmisform h2, .tw-catalog__title {
    font-family: 'Optima';
    font-weight: 500;
}

.block_slickslider .elslide a.btn {
    font-family: 'Optima';
    font-weight: 500;
    padding: 12px 30px;
    background: transparent;
    border: 1px solid var(--btn-prim-text-color);
}
.block_slickslider .elslide a.btn:hover {
    background-color: #5c5e5f;
}
.block_slickslider .conttext .text {
    color: #fff;
}
.actua .tui-formBtn--prim, .actua .tui-formBtn:not(.tui-wekaToolbarButton):not(.tui-labelledButtonTrigger .tui-formBtn), .actua .tui-actionLink--prim,
input.form-submit, input#id_submitbutton, input#id_submitbutton2, .path-admin .buttons input[type=submit], td.submit input,
.inicicurs a, #region-main .mod_quiz-next-nav, button, .btn, .moodle-dialogue-bd .atto_form button, .ui-dialog .ui-dialog-buttonpane button, input.form-submit, input[type="button"], input[type="submit"], input[type="reset"], .loginbox #loginbtn, .ui-button-text-only .ui-button-text, .tw-containerCourse-enrolmentBanner__enrolButton, #page-totara-plan-view .comment-area .fd a {
    font-family: 'Optima';
    font-weight: 500;
    background: transparent;
    color: var(--btn-prim-bg-color);
    border: 1px solid var(--btn-prim-bg-color);
}
.actua .tui-formBtn--prim:hover, .actua .tui-formBtn:hover:not(.tui-wekaToolbarButton):not(.tui-labelledButtonTrigger .tui-formBtn), .actua .tui-actionLink--prim:hover,
input.form-submit:hover, input#id_submitbutton:hover, input#id_submitbutton2:hover, .path-admin .buttons input[type=submit]:hover, td.submit input:hover,
.inicicurs a:hover, #region-main .mod_quiz-next-nav:hover, button:hover, .btn:hover, .moodle-dialogue-bd .atto_form button:hover, .ui-dialog .ui-dialog-buttonpane button:hover, input.form-submit:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .loginbox #loginbtn:hover, .ui-button-text-only .ui-button-text:hover, .tw-containerCourse-enrolmentBanner__enrolButton:hover, #page-totara-plan-view .comment-area .fd a:hover{
    color: #ffffff;
    border: 1px solid var(--btn-prim-bg-color-active);
    background: var(--btn-prim-bg-color-active);
}
input.form-submit:active, input.form-submit.active, input#id_submitbutton:active, input#id_submitbutton.active, input#id_submitbutton2:active, input#id_submitbutton2.active, .path-admin .buttons input[type=submit]:active, .path-admin .buttons input[type=submit].active, td.submit input:active, td.submit input.active,
button:active:hover, button:active:focus, button:active.focus, button.active:hover, button.active:focus, button.active.focus, .open > button.dropdown-toggle:hover, .open > button.dropdown-toggle:focus, .open > button.dropdown-toggle.focus, input.form-submit:active:hover, input.form-submit:active:focus, input.form-submit:active.focus, input.form-submit.active:hover, input.form-submit.active:focus, input.form-submit.active.focus, .open > input.form-submit.dropdown-toggle:hover, .open > input.form-submit.dropdown-toggle:focus, .open > input.form-submit.dropdown-toggle.focus, input[type="button"]:active:hover, input[type="button"]:active:focus, input[type="button"]:active.focus, input[type="button"].active:hover, input[type="button"].active:focus, input[type="button"].active.focus, .open > input[type="button"].dropdown-toggle:hover, .open > input[type="button"].dropdown-toggle:focus, .open > input[type="button"].dropdown-toggle.focus, input[type="submit"]:active:hover, input[type="submit"]:active:focus, input[type="submit"]:active.focus, input[type="submit"].active:hover, input[type="submit"].active:focus, input[type="submit"].active.focus, .open > input[type="submit"].dropdown-toggle:hover, .open > input[type="submit"].dropdown-toggle:focus, .open > input[type="submit"].dropdown-toggle.focus, input[type="reset"]:active:hover, input[type="reset"]:active:focus, input[type="reset"]:active.focus, input[type="reset"].active:hover, input[type="reset"].active:focus, input[type="reset"].active.focus, .open > input[type="reset"].dropdown-toggle:hover, .open > input[type="reset"].dropdown-toggle:focus, .open > input[type="reset"].dropdown-toggle.focus, .ui-button-text-only .ui-button-text:active:hover, .tw-containerCourse-enrolmentBanner__enrolButton:active:hover, #page-totara-plan-view .comment-area .fd a:active:hover{
    color: #ffffff;
    border: 1px solid var(--btn-prim-bg-color-active);
    background: var(--btn-prim-bg-color-active);
}
button:focus, .btn:focus, .moodle-dialogue-bd .atto_form button:focus, .ui-dialog .ui-dialog-buttonpane button:focus, button.focus, input.form-submit:focus, input.form-submit.focus, input[type="button"]:focus, input[type="button"].focus, input[type="submit"]:focus, input[type="submit"].focus, input[type="reset"]:focus, input[type="reset"].focus, .ui-button-text-only .ui-button-text:focus, .tw-containerCourse-enrolmentBanner__enrolButton:focus, #page-totara-plan-view .comment-area .fd a:focus{
    color: #ffffff;
    border: 1px solid var(--btn-prim-bg-color-active);
    background: var(--btn-prim-bg-color-active);
}
#page-footer .usertour button, .slick-slider .usertour button {
    color: #fff;
    border-color: #fff;
}


/* FAQ */
.accordion.actuasolutions .linkheader {
    width: 100%;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
    display: block;
    color: var(--color-header-highlight);
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 700;
    padding-top: 10px
}

.accordion.actuasolutions .linksubheader {
    width: 100%;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
    display: block;
    color: var(--color-header-highlight);
    cursor: pointer;
    font-size: 1.45rem;
    font-weight: 700;
    padding-top: 10px;
    margin-left: 10px;
}

.accordion.actuasolutions .linkheader:not(.collapsed) {
    color: #666666;
}

.accordion.actuasolutions .linkheader:after {
    content: "";
    float: right;
    margin-right: 10px;
    font-family: fontawesome;
    color: var(--color-header-highlight);
}

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

.accordion.actuasolutions .accordioncontent {
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd;
    padding-top: 10px
}

.accordion.actuasolutions .accordioncontent {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd;
    padding-top: 10px
}

#page-mod-page-view .modified {
    display: none;
}
/* End FAQ*/

/* BANNER FAQ */

.faqbanner {
    width: 100%;
    background-color: #ffffff;
    padding: 40px;
    background-image: url(/pluginfile.php/1/local_uploadfiles/additionalimages/0/enviando-verde.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right 48px top 10px;
    border-radius: 10px;
    border: 5px solid #1b8989; /* Borde azul */
}

input#btnEmail {
    width: 200px;
}

.faq_text {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.faq_text p {
    font-size: 24px;
    font-weight: bold;
    color: #1b8989;
    text-align:center;
}

.faq_text a.btn.btn-primary {
    font-size: 16px;
    margin-top: 10px;
}

@media (max-width: 654px){

.faqbanner {
    background-image: none;
}

.faq_text {
    width: 100%;
}

}

/* END BANNER FAQ */

/* Custom footer */


.social-circle {
    background-color: #fff;
}

.social-circle.tiktok {
    top: 0px;
    height: 40px;
    width: 40px;
    margin-top: -11px;
    padding-top: 7px;
}

@media (min-width: 1100px) and (max-width: 1560px) {
    .footercolumn.xxss .social-links a:first-child .social-circle {
        width: 40px;
        margin-right: 0px;
    }
}

/* Custom footer */
.slickslider .slick-arrow,
.slickslider .slick-arrow:hover,
.slickslider .slick-arrow:active{
    border-color: transparent;
}
.slickslider .tool_usertours-resettourcontainer{
    text-align:left;
}

/* Ocultar sobre mensajería menúsup */

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

/* FIN Ocultar sobre mensajería menúsup */

/* BANNER FAQ */

.faqbanner {
    width: 100%;
    background-color: #FFFFFF;
    padding: 40px;
    background-image: url(https://bellaurora.actuatxp.com/pluginfile.php/1/local_uploadfiles/additionalimages/0/enviando-verde.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right 48px top 10px;
    border-radius: 10px;
}

input#btnEmail {
    width: 200px;
}

.faq_text {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.faq_text p {
    font-size: 24px;
    font-weight: bold;
    color: #1b8989;
    text-align:center;
}

.faq_text a.btn.btn-primary {
    font-size: 20px;
    margin-top: 10px;
}

@media (max-width: 654px){

.faqbanner {
    background-image: none;
}

.faq_text {
    width: 100%;
}

}

/* END BANNER FAQ */

/* Formato de aula */
    
    p.sectiontittle {
        width: max-content;
        background-color: #1b8989;
        color: #fff;
        padding: 5px 20px;
        border-radius: 4px;
        font-weight: 500;
    }
    
    p.sectiontittle2 {
        width: max-content;
        background-color: #E47676;
        color: #fff;
        padding: 3px 20px;
        border-radius: 4px;
        font-weight: 500;
        font-size:15px;
    }
    
h3.subsectiontittle {
    color: #000;
    font-weight: 500;
    font-size: 20px;
}

.activity .atto_image_button_text-bottom.img-responsive{
    vertical-align: middle;
}
    /* End Formato de Aula */

/*
 ELIES: inici nou login
*/

.loginbox.twocolumns .signuppanel > h2{display: none;}
.loginbox .signuppanel .subcontent h6{display: none;}
.loginbox .signuppanel .potentialidp a img{display: none;}
#page-login-index .loginpanel h2{display: none;}
#page-login-index .signuppanel > hr{display: none;}

#page-login-index .loginbox.clearfix.twocolumns {
    display: flex;
    position: relative;
    padding: 0;
    background: transparent;
    width: 800px;
    margin-right: 5%;
    margin-top: 120px;
    line-height: var(--font-size-16);
}
#page-login-index .loginbox.clearfix.twocolumns:before {
    background: #ffffffdd;
    position: absolute;
    width: 100%;
    top: -110px;
    height: 110px;
    background-image: url('/pluginfile.php/1/local_uploadfiles/additionalimages/0/bellauroralabs.png');
    background-size: auto 75px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    border-radius: var(--block-radius) var(--block-radius) 0 0;
    opacity: 1;
}

#page-login-index .loginbox.twocolumns .loginpanel {
    order: 2;
    font-size: 16px;
}

.loginbox .loginform .form-input input[type=text], .loginbox .loginform .form-input input[type=password]{
    background: #ffffff88;
    color: var(--color-text);
}
.loginbox .loginform .form-input input[type=text]:focus, .loginbox .loginform .form-input input[type=password]:focus{
    background: transparent;
}
#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 {
    color: var(--color-icons);
}
.loginbox .desc{
    color: var(--color-text);
    line-height: var(--font-size-16);
}
#page-login-index .forgetpass a{
    color: var(--color-text) !important;
}
.loginbox #loginbtn{
    background-color: transparent;
    color: #333;
    border: 1px solid #333;
}
.loginbox #loginbtn:hover, .loginbox #loginbtn:focus {
    background-color: #ffffff99;
    color: #333;
    border: 1px solid #333;
}

.loginbox .potentialidplist {
    float: left;
    width: 100%;
}
.loginbox .potentialidp {
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
    margin-top: 25px;
}
.loginbox .potentialidp a.btn {
    background: #fff;
    color: #333;
    width: 90%;
    font-weight: bold;
    padding-block: 15px;
    font-size: var(--font-size-15);
    border: 0;
}
.loginbox .potentialidp a.btn:hover {
    opacity: .9;
}
#page-login-index .signuppanel .subcontent{
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
#page-login-index .loginpanel .subcontent{
    color: var(--color-text);
}
#page-login-index .signuppanel .subcontent h3{
    margin-top: 0;
    font-family: 'Optima';
    font-weight: 400;
    font-size: 38px;
}
.loginbox .loginform .form-label label {
    margin-bottom: 5px;
}
#page-login-index #login:before {
    display: block;
    text-align: center;
    width: 100%;
    font-size: var(--font-size-30);
    margin-bottom: 20px;
    color: #333;
}
#page-login-index .loginform:before {
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    line-height: var(--font-size-16);
    padding-left: 20px;
    padding-right: 20px;
}
#page-login-index.lang-es #login:before {
    content: "Acceso externos";
    font-family: 'Optima';
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 30px;
}
#page-login-index.lang-es .loginform:before {
    content: "Si eres externo inicia sesión con tu usuario y contraseña";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
#page-login-index.lang-en #login:before {
    content: "External access";
    font-family: 'Optima';
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 30px;
}
#page-login-index.lang-en .loginform:before {
    content: "If you are an external user, log in with your username and password";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
#page-login-index .loginbox.twocolumns .signuppanel {
    padding-left: 40px;
    padding-right: 40px;
    background: #E47676;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
#page-login-index .loginbox.twocolumns .loginpanel {
    padding-left: 40px;
    padding-right: 40px;
    background: #ffffff;
    padding-bottom: 30px;
    color: #fff;
    padding-top: 10px;
}
#page-footer #divfooterlang select#currentlang{
    color: #fff;
    background: transparent;
}
#page-footer #divfooterlang select#currentlang option {
    color: var(--color-text);
}
@media screen and (min-width: 768px) {
    #page-login-index .loginbox.twocolumns .signuppanel {
        border-radius: 0 0 0 var(--block-radius);
    }
    #page-login-index .loginbox.twocolumns .loginpanel {
        border-radius: 0 0 var(--block-radius) 0;
    }
}

@media screen and (max-width: 915px) {
    #page-login-index .loginbox.clearfix.twocolumns{
        width: auto;
        margin-right: 20px;
        margin-left: 20px;
    }
}
@media screen and (max-width: 767px) {
    #page-login-index .loginbox.clearfix.twocolumns{
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        background-size: 90% auto;
        background-position-y: 10%;

    }
    #page-login-index .loginbox.clearfix.twocolumns:before{
        top: -109px;
        background-size: auto 65px;
    }
    #page-login-index .loginbox.twocolumns .signuppanel{
        padding-top: 50px;
    }
    #page-login-index .loginbox.twocolumns .loginpanel{
        border-radius: 0 0 var(--block-radius) var(--block-radius);
        border-bottom: 0;
    }
}

/*
 FI ELIES: inici nou login
*/

/* botón evento seminario */

.block_calendar_upcoming .event a.btn.btn-default.btn-sm,
.block_calendar_upcoming .event a.btn.btn-default.btn-sm:visited {
  background: transparent !important;
  color: var(--btn-prim-bg-color) !important;
  border: 1px solid var(--btn-prim-bg-color) !important;
}

.block_calendar_upcoming .event a.btn.btn-default.btn-sm:hover,
.block_calendar_upcoming .event a.btn.btn-default.btn-sm:focus,
.block_calendar_upcoming .event a.btn.btn-default.btn-sm:active {
  color: #ffffff !important;
  border: 1px solid var(--btn-prim-bg-color-active) !important;
  background: var(--btn-prim-bg-color-active) !important;
}

/* FIN botón evento seminario */

                @font-face {
                    font-family: "Aptos";
                    src: url("https://bal-academy.bellaurora.com/theme/actua/webfont.php?nomfont=Aptos-Black.woff") format("woff");
                    font-weight: bolder;
                    font-style: normal;
                }
                @font-face {
                    font-family: "Aptos";
                    src: url("https://bal-academy.bellaurora.com/theme/actua/webfont.php?nomfont=Aptos-Bold.woff") format("woff");
                    font-weight: bold;
                    font-style: normal;
                }
                @font-face {
                    font-family: "Aptos";
                    src: url("https://bal-academy.bellaurora.com/theme/actua/webfont.php?nomfont=Aptos-Light.woff") format("woff");
                    font-weight: 300;
                    font-style: normal;
                    font-display: swap;
                }
                @font-face {
                    font-family: "Aptos";
                    src: url("https://bal-academy.bellaurora.com/theme/actua/webfont.php?nomfont=Aptos-Regular.woff") format("woff");
                    font-weight: normal;
                    font-style: normal;
                }
                @font-face {
                    font-family: "Aptos";
                    src: url("https://bal-academy.bellaurora.com/theme/actua/webfont.php?nomfont=Aptos-SemiBold.woff") format("woff");
                    font-weight: 600;
                    font-style: normal;
                }
                @font-face {
                    font-family: "Aptos";
                    src: url("https://bal-academy.bellaurora.com/theme/actua/webfont.php?nomfont=Aptos-Black.woff") format("woff");
                    font-weight: bolder;
                    font-style: normal;
                }
                @font-face {
                    font-family: "Aptos";
                    src: url("https://bal-academy.bellaurora.com/theme/actua/webfont.php?nomfont=Aptos-Bold.woff") format("woff");
                    font-weight: bold;
                    font-style: normal;
                }
                @font-face {
                    font-family: "Aptos";
                    src: url("https://bal-academy.bellaurora.com/theme/actua/webfont.php?nomfont=Aptos-Light.woff") format("woff");
                    font-weight: 300;
                    font-style: normal;
                    font-display: swap;
                }
                @font-face {
                    font-family: "Aptos";
                    src: url("https://bal-academy.bellaurora.com/theme/actua/webfont.php?nomfont=Aptos-Regular.woff") format("woff");
                    font-weight: normal;
                    font-style: normal;
                }
                @font-face {
                    font-family: "Aptos";
                    src: url("https://bal-academy.bellaurora.com/theme/actua/webfont.php?nomfont=Aptos-SemiBold.woff") format("woff");
                    font-weight: 600;
                    font-style: normal;
                }
            body {
                font-family: Aptos;
            }