﻿body {
    
}

.HeaderMenu:before {
    border-color: transparent transparent transparent transparent;
    border-style: solid;
    border-width: 80px 60px 0 0;
    content: "";
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 2;
}

.HeaderMenu {
    background: transparent;
    border-right: none; /*reescrito*/
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 80px;
    padding: 0 20px;    
    text-align: center;
    width: 70px;
    z-index: 2;
}

.HeaderMenu .IconDropdown .IconDropdown_button.Button {
    height: 50px;
    line-height: 52px;
    width: 50px;
}

.Page.LayoutWizard > .Content {
     padding-top: 0px;
}

.TopBar {
    background: #05B2C2;
    box-shadow: 0 2px 4px #999;
    height: 80px;
    left: 0;
    line-height: 80px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;   
}

.Content {    
   /*min-height: 90vh;*/
}

.Health_Content {
    margin-left: 13%;
}

.phone .Health_Content {
    margin-left: auto;
}

.Health_Welcome_Text {
    width: 458px;
    height: 272px;
    font-size: 66px;
    font-weight: 600;
    line-height: 1.06;
    text-align: left;
    color: #ffffff;
}

.phone .Health_Welcome_Text {
    width: 283px;
    height: 168px;
    font-size: 38px;
}

.Health_Welcome_Color {
    color: #ff585d;
}

.HealthBackgroundIMG {
    background-image: url(/Health_Theme/img/fundoadvancecaresimbolo.png?2333);
}

.phone .HealthBackgroundIMG {
    background-image: none
}

.Health_Input_NIF {
    height: 59px;
    font-size: 18px;
     font-weight: 500;
    line-height: 3.28;
    text-align: center;
    color: #4a4a4a;
}

.Health_Input_YearsOld {
    width: 90px;
    height: 59px;
    font-size: 18px;
    font-weight: 500;
    line-height: 3.28;
    text-align: center;
    color: #4a4a4a;
}

.Health_Input_AAAA {
    width: 149px;
    height: 59px;
    font-size: 18px;
    font-weight: 500;
    line-height: 3.28;
    text-align: center;
    color: #9b9b9b;
}

.Health_FormContent {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    margin: 1em 0em 0.3em 0em;
}

.Health_FormInputNIF {
    margin: 1.5em 0em 0.5em 0em;
    width: 342px;
}

.Health_FormInputYearsOld {
    margin: 0em 0em 0.5em 0em;  
    width: 342px;
}

.phone .Health_FormInputYearsOld {
    width: 300px;
}

.Health_Household_Text {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
}

.Health_FeedbackNIF {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
}

.Health_DisplaysHousehold {
    min-height: 50px;
    height: 50px;
    display: table;
}

.Health_Table {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    margin: 0em 0em 0.5em 0em; 
    width: 400px
}

.phone .Health_Table {
    width: 290px
}

span:first-child > .Health_Table_Row {
    border-top: solid 2px rgba(255, 255, 255, 0.4);
    padding-top: 5px;
    border-bottom: solid 2px rgba(255, 255, 255, 0.4);
    padding-bottom: 5px;
    /*display: table;*/
}

.Health_Table_Row {
    border-top:  0px;
    padding-top: 5px;
    border-bottom: solid 2px rgba(255, 255, 255, 0.4);
    padding-bottom: 5px;
    /*display: table;*/
}

.fa-2x,
.fa-times:before {
    width: 14px;
    object-fit: contain;  
    color: #ff585d;
}

.fa-2x,
.fa-user {
    width: 14px;
    object-fit: contain;
    color: rgba(255, 255, 255, 0.4);
}

.CustomLoadingOld {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

a,
a:link,
a:visited {
    color: #fff;
    text-decoration: underline;
}

.desktop a:hover,
.desktop a:link:hover,
.desktop a:visited:hover {
    color: #fff;
    text-decoration: none;
}

.Button[disabled], 
.Button:disabled, 
.Button.Is_Default[disabled], 
.Button.ButtonDefault[disabled], 
.Button.Is_Default:disabled, 
.Button.ButtonDefault:disabled, 
.Button.Danger[disabled], 
.Button.Danger:disabled, 
.Button.Success[disabled], 
.Button.Success:disabled {
    border: 2px solid #ccc;
}

.IconDropdown .IconDropdown_button.Button {
    background: #fff !important;
    color: red !important;
    border-radius: 40px;
}

.MandatoryCaption:after {
    color: #fff;
}

.SA_IdentificacaoNumeroCliente {
    margin: 1.5em 0em 0.5em 0em;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    white-space: nowrap;
}

.phone .SA_IdentificacaoNumeroCliente {
    width: 280px;
    white-space: normal;
    line-height: 1.2;
}

.SA_IdentificacaoNumeroClienteIcon {
    color: #68a244;
    margin-right: 10px;
}

.phone .SA_IdentificacaoNumeroClienteIcon {
    margin-right: 0px;
}

.SA_IdentificacaoNumeroClienteBack {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 13px;
    padding: 5px 10px;
}

.SA_ConDist {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #ffffff
}

.phone .DivDisplaysHousehold{
    margin-bottom: 10px;
}
/* classe para o siminfo ficar no fundo do ecra */
/* override ao text_note para ficar branco */
/*  @HelderMota 28/03/2018  */
.GetStartedFooter{
    position: fixed;
    left: 30px;
    bottom: 10px;
}

.Text_Note{
    color: #fff;
}
/* ******************************************** */


