﻿.mensagem-btn{
    height: 30px;
    width: 151px;
    border: 1px solid #4A4A4A;
    background-color: #FFFFFF;
    padding: 2px 12px;
    text-transform: uppercase;
}

.mensagem-btn{
    transition-duration: 280ms
}
.mensagem-btn:hover{
    font-weight: normal;
    background: #f8f8f8;
    font-weight: 600
}
.mensagem-btn:hover .fa-fw{
    transition-duration: 280ms;
    font-weight: 800;
}
/* ======================== */
/* ========= Ecrã ========= */
/*                          */

.titulo{
    color: #000000;       
    font-size: 40px;    
    font-weight: normal;    
    line-height: 60px;
    display: block;
}
.titulo-base{  
    font-size: 16px;       
    font-weight: bold;
    display: block;
    margin-top:35px;
    margin-bottom: 7px;
    text-transform:uppercase;
}
.titulo-l{  
    font-size: 40px;        
    font-weight: bold;
}
.texto {
    font-size: 16px;    
}
.texto span:first-child{
    margin-top: 0;
}

.pointos{
    display: flex;
    margin-bottom: 20px;
}
.pointos:before{
    content:"";
    height: 45px;    
    width: 45px; 
    min-width: 45px;
    background-color: #B1B1B1;
    border-radius: 100px;
}
.pointos div{
    padding: 8px 0 0 10px; 
    align-self: center;
}



/* ======================== */
/* ========= Ecrã ========= */
/*                          */

.formador-card{
    display: inline-flex;
    align-items: flex-end;
    padding: 10px 0;
}
.formador-card img{
    height: 200px;
    width: 200px;
    margin-right: 10px;
    padding-left: 0;
}
/* === Accordion === */


.accordion-formador .accordion {
    background: #f8f8f8;
}

.accordion-formador .card {
    background-color: #f8f8f8;
    border:none;
    box-shadow:none;
    padding:38px 38px 0px 38px;
}

.accordion-formador .accordion-item-header {
    border-bottom: 1px solid #c9c9c9;
    height:100px;
    max-height: 100px;
    padding: unset;
    padding-left: 48px;
    padding-right: 48px;
    border-top:0px;
}

.accordion-formador .accordion-item-header>div{
    align-self: center;
}

.accordion-formador .accordion-item .accordion-item-content.is--expanded { 
    padding: 30px 48px;
}

.accordion-formador .accordion-item.is--open{
    border-top: 0;
}

.accordion-formador .accordion-item.is--open .accordion-item-header{
    border-bottom: 1px solid f8f8f8;
}

.menu-uptop.public-menu{
   background: #de1d34;
    color: white;

}
.menu-uptop.public-menu .Button.Button__login{
    border: 1px solid white;
    color: white !important;
}
.menu-uptop.public-menu .Button.Button__login:hover:hover{
    border: 1px solid white;
    color: white !important;
    background-color: #de1d34;
    font-weight: normal !important;
}

.content > .bo-layout.main-content.ThemeGrid_Container.display-flex > .flex1 > .flex1 > .content-top.display-flex.align-items-center 
{
   display: none;
}

.accordion-formador .accordion-item-header {
    border-bottom: 0px solid #9B9B9B; 
    height: 100px;
    max-height: 100px;
    padding: unset;
    padding-left: 48px;
    padding-right: 48px;
    border-top: 1px solid #9B9B9B;
}
.MensagemModal {
     
    
    
    
}

.modules-card .card{
    height: 100% !important;
}

.is--closed{
    border-top: var(--border-size-m) solid var(--color-neutral-2) !important;
    border-bottom: var(--border-size-m) solid var(--color-neutral-2) !important;
}

.formador-label-margin-notphone{
    margin-left: 55px;
}

.user-profile__data > .columns > .columns-item:first-child:before {
    width:unset;
}


.phone .public-portal .user-profile__breadcrumbs {
    margin-bottom: 0px;
}

.phone .user-profile__info .user-profile__avatar {
    width:110px;
    margin-right:12px;
    
}


.phone .title-accordion-color {
    color: var(--color-neutral-0);
    background-color: var(--color-neutral-10);
}

.file-container-color{
    border: 1px solid #c6c6c6;
    padding: 5px 15px;
}

.training-container{
height: 40px;
border-bottom: 1px solid lightgrey;
}
