@import url("/LiverpoolTheme/Theme.LiverpoolTheme.css?245");

/*
    How to generate a theme for your company: 
    
        1 - Go to http://labs.outsystems.net/ThemeCustomizer/GenerateLiverpool.aspx
        2 - Copy the generated CSS
        3 - Replace the CSS for Primary Color Customization below with the Generated CSS

*/

@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

h1{font-family: 'Roboto', sans-serif; font-size:26px; font-style:normal; font-variant:normal; font-weight:800; line-height:35px; color:#00718F;}
h2{font-family: 'Roboto', sans-serif; font-size:24px; font-style:normal; font-variant:normal; font-weight:800; line-height:25px; color:#00718F; }
h3{font-family:'Open Sans', sans-serif; font-size:20px; font-style:normal; font-variant:normal; font-weight:400; line-height:25px; color:#00718F;}
h4{font-family:'Open Sans', sans-serif; font-size:18px; font-weight:bold; line-height:25px; color:#666; text-align:left;}

body{background:#fff !important; font-family:'Open Sans', sans-serif; font-size:16px; font-style:normal; font-variant:normal; font-weight:400; line-height:25px; color:#333; text-align:left;}

/* Tipo de Letra para "O Meu Perfil" 
@import url('https://fonts.googleapis.com/css?family=Sansita');
.Font_MyProfile{font-family: 'Sansita', sans-serif; font-size:18px; line-height:25px; color:#00718f;}


/* content **************************/
.Content {
    background: #fff !important;
    margin-bottom: -50px;
    min-height: 100%;
    padding-top: 105px;
   }

/* MainContent **************************/
.MainContent {
   background: #fff !important;
    margin-top: 30px;
    min-height:100%;
    padding-bottom: 150px;

     /* push the footer down on preview */}


/***************************************/
/***** PRIMARY COLOR CUSTOMIZATION *****/
/***************************************/


a,
a:link,
a:visited {
    color: #00718f; /*primary-color*/
}

a.Button{
    color: #999;
}

.Header_Menu,
.Application_Menu {
    color:#333 !important;
    background-color: #fff; /*primary-color*/
    /*box-shadow: 0 -2px 0 0 rgba(0, 0, 0, .25) inset;*/
    white-space: nowrap;
}

.Menu_TopMenuActive,
.Menu_DropDownButton.open .Menu_TopMenu {
     color:#00718f;
    background-color: #fff; /*primary-color*/
    /*-webkit-filter: brightness(80%);*/
    filter: none;
}

.Menu_TopMenu a:hover,
.Menu_TopMenu:hover {
     color:#00718f;
    background-color: #fff; /*primary-color*/
    -webkit-filter: brightness(80%);
    filter: none;
}


/* Menu_SubMenuItem */
.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    background-color: #00718f; /*primary-color*/
}

.Menu_DropDownPanel a.Menu_SubMenuItem:hover,
.Menu_DropDownPanel a.Menu_SubMenuItem.Menu_SubMenuItemActive {
    background-color: #00718f; /*primary-color*/
    -webkit-filter: brightness(80%);
    filter: brightness(0.8);
    
}

a.Header_ButtonMenu {
    color: #00718f;
}

.tablet .Application_Menu a,
.phone .Application_Menu a,
.tablet .Application_Menu a:link,
.phone .Application_Menu a:link,
.phone .Application_Menu a:visited,
.phone .Application_Menu a:visited {
    border-bottom-color: rgba(0,0,0,0.2);
}

span.ListNavigation_CurrentPageNumber{
    color:#FFF;
}

.EditableTable tr.RowControlGroup a.SaveRowAction,
.EditableTable tr.RowControlGroup a.CancelRowAction{
    color: #00718f; /*primary-color*/
}

.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #00718f; /*primary-color*/
    border-color: #00718f; /*primary-color*/
    color: #fff;
    text-shadow: none;
}

.desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover,
.Button.Button.Is_Default:hover {
    background-color: #00718f; /*primary-color*/
    border-color: #00718f; /*primary-color*/
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}

.Button.Cancel {
    background-color: #fff;
}

.desktop .Button.Cancel:hover {
    background-color: #fff;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
       
}

.desktop .Button:hover,
.desktop a.Button:hover {
    background-color: #cfcfcf;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}

.Button.Link {
    color: #00718f; /*primary-color*/
}

.desktop .Button.Link:hover {
    background-color: #fff;
    border-color: #00718f; /*primary-color*/
    color: #00718f; /*primary-color*/
}

.Button.Danger{
    background-color: #e09d90;
    border-color: #df3a01;
    color: #fff;
}

a.ActionAdd,
a.ActionEdit,
a.ActionChange,
a.ActionDelete {
    background-color: #00718f; /*primary-color*/
    border-color: #00718f; /*primary-color*/
    color: #fff;
}

a.ActionAdd:hover,
a.ActionEdit:hover,
a.ActionChange:hover,
a.ActionDelete:hover {
    background-color: #00718f; /*primary-color*/
    border-color: #00718f; /*primary-color*/
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}


a.ActionAdd:before, 
a.ActionEdit:before, 
a.ActionDelete:before, 
a.ActionChange:before, 
.Actions [class^=fa]{
    background: #00718f; /*primary-color*/
}

.DropdownMenu .PH > a {
    color: #00718f; /*primary-color*/
    height: 50px;
}

.DropdownMenu .PH > a:hover {
    background-color: #fff;
    color: #00718f; /*primary-color*/
    text-decoration: none;
    height: 50px;
}

.phone .Login_Info_Logout:before,
.tablet .Login_Info_Logout:before {
    color: #00718f; /*primary-color*/
}

.IconBadge_number {
    background-color: #00718f; /*primary-color*/
}

.NavigationBar a.Active:after {
    background-color: #00718f; /*primary-color*/
}

.NavigationBar a.Active:not(.ie7):before,
.NavigationBar a.Active:not(.ie8):before {
    border-bottom-color: #00718f; /*primary-color*/
}

.phone .NavigationBar .InlineDropdown:active:after,
.phone .NavigationBar .InlineDropdown:link:active:after,
.tablet .NavigationBar .InlineDropdown:active:after,
.tablet .NavigationBar .InlineDropdown:link:active:after,
.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #00718f; /*primary-color*/
}


/* Responsive Context **************************/

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after {
    background-color: #00718f; /*primary-color*/
}


.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #00718f; /*primary-color*/
}


/* NavigationBar: Vertical **************************/

.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
    border-color: #00718f; /*primary-color*/
}

.NavigationBar.Vertical a.Active:not(.ie7):before,
.NavigationBar.Vertical a.Active:not(.ie8):before {
    border-left-color: #00718f; /*primary-color*/
}

/* Responsive Context **************************/
.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover {
    border-color: #00718f; /*primary-color*/
}


.SectionIndex a.active, 
.SectionIndex a:hover{
    border-bottom-color: #00718f; /*primary-color*/
    color: #00718f; /*primary-color*/
}

.SectionIndex.vertical a.active, 
.SectionIndex.vertical  a:hover{
    border-left-color: #00718f; /*primary-color*/
}

.Tabs__tab.active {
    border-top: 1px solid #ccc;
}

/* Calendar **************************/
.pika-prev:after,
.pika-next:after {
    color: #00718f; /*primary-color*/ 
}

.pika-title {
    border-bottom: 2px solid #00718f; /*primary-color*/
}

.is-selected .pika-button {
   background-color: #00718f; /*primary-color*/
}

.has-event .pika-button:after {
   background-color: #00718f; /*primary-color*/ 
}

/* Calendar DEPRECATED **************************/
.Calendar-dayNames {
    border-top-color: #00718f; /*primary-color*/
}

.Calendar-navBtn > div {
    color: #00718f; /*primary-color*/
}

.Calendar-day-selected,
.Calendar-day-selected:hover {
    background: #00718f; /*primary-color*/
}

.Calendar-time-down, 
.Calendar-time-up, 
.Calendar-time-am {
    color: #00718f; /*primary-color*/
}


/* OS PopUps **************************/

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background: #00718f; /*primary-color*/
}

/* Wizard **************************/

.WizardStep:before {
    border-bottom-color: #c2c2c2;
    border-top-color: #c2c2c2;
}

.WizardStep.ActiveStep {
    background: #00718f; /*primary-color*/
}

.WizardStep.ActiveStep:before {
    border-bottom-color: #00718f; /*primary-color*/
    border-top-color: #00718f; /*primary-color*/
}

.WizardStep.Past {
    background-color: #00718f; /*primary-color*/
}

.WizardStep.Past:before {
    border-color: #00718f; /*primary-color*/
}

.WizardStep.Past:after,
.WizardStep.ActiveStep:after {
    border-right-color: #efefef;
    border-top-color: #efefef;
}



/*******************************************************************************************************************************************************************************/




/*********************************************************************
*****************************  LOGIN  ********************************/

/* Adicionar espaço entre as colunas (estrutura de 2) */
.SpaceColNewUser .Columns2 > .Column {padding:0 75px; width:50%;}

.ipad .MainProfileCenter .Columns2 > .Column {background-color:#ccc !important;}

/*--------------------*/
.phone .LessMargTopPhone {margin-top:20px !important;}

.tablet .MarTopLogin {margin-top:30px;}
.phone .MarTopLogin {margin-top:30px;}

/*------- Coluna Esquerda ----------*/
.tablet .NoMargin {margin-left:15.8%; margin-top:20px; width:69%;}
.phone .NoMargin {margin-left:15px; width:91.3%;}

.tablet .NoBorder {border-right:none !important;}
.phone .NoBorder {border-right:none !important;}

/*------- Coluna Direita ----------*/
.tablet .NoMarginRight {margin-left:21%; margin-top:20px; width:93%;}
.phone .NoMarginRight {margin-left:5.5%; margin-top:20px; width:122.6%;}

.tablet .BackgroundColor {background:#e4eef3; border-bottom:solid 2px #dce9ef; border-top:solid 2px #dce9ef; height:440px;}
.phone .BackgroundColor {background:#e4eef3; border-bottom:solid 2px #dce9ef; border-top:solid 2px #dce9ef; height:440px; margin-top:70px;}

/*------ Margem Top no Logo -------*/
.desktop .MarginLogo {margin-top:8px !important;}
.tablet .MarginLogo {margin-top:8px !important;}
.phone .MarginLogo {margin-top:0px;}

/*----------- Botões --------------*/
.desktop .btBlueRegist {width:100% !important;}
.desktop .btCancelRegist {width:100% !important;}



/*********************************************************************
*************************  NEW REGISTER  *****************************/

/* dimensão da coluna */
.tablet .NoMarginRegist {margin-left:0; margin-top:50px !important; width:100%;}
.phone .NoMarginRegist {margin-left:0; width:100%;}

.phone .NoMargTopPhone {margin-top:0 !important;}
.phone .MoreMargTopPhone {margin-top:60px !important;}

/* caixa de seleção de tipo de cliente - profissional ou individual */
.BigBoxNewUser {box-shadow:1px 1px 60px -16px #666;}
.boxNewUser {background:#fff; color:#00718f; cursor:pointer; font-size:15px;}
.desktop .boxNewUser {height:102px;}

/* Adicionar espaço entre as colunas (estrutura de 2) - Identificação - 3º passo */
.desktop .SpaceColNewUserId .Columns2 > .Column.ColFirst {padding-left:0; padding-right:30px;}
.desktop .SpaceColNewUserId .Columns2 > .Column.ColLast {padding-left:30px; padding-right:0;}

/* Wizerd 3 Steps */
.WizardParent {border:1px solid #e2e2e2; display:table; height:40px; overflow:hidden; width:100%;}
.WizardStep {background-color:#ededed; font-weight:400;}
.WizardStep::after {height:40px;}

.WizardStep.Past {background-color:#f5977a /*#ffb380*/; color:#ddd;}
.WizardStep.Past::before {border-color: #f5977a /*#ffb380*/;}

.WizardStep.ActiveStep {background:#f76017 /*#ff944d*/;}
.WizardStep.ActiveStep::before {border-bottom-color:#f76017 /*#ff944d*/; border-top-color:#f76017 /*#ff944d;*/}

.WizardStep::before {border-bottom-color:#ededed; border-top-color:#ededed;}
.WizardStep::before {border-bottom-color:#ededed; border-top-color:#ededed;}

.desktop .MargTop50 .WizardParent {margin-top:10px;}
.tablet .MargTop50 .WizardParent {margin-top:50px;}

.VerticalAlignNewUserId .TableVerticalAlign .Cell1, .TableVerticalAlign .Cell2 {padding: 0px;}


/* colocar margin-top na 2ª coluna quando há quebra (break) */
.tablet .Columns2.tab_BreakFirst > .Column.ColLast div, 
.tablet .Columns2.tab_BreakLast > .Column.ColLast div, 
.tablet .Columns2.tab_BreakAll > .Column.ColLast div, 
.tablet .Columns2.tab_BreakMiddle > .Column.ColLast div, 
.phone .Columns2.mob_BreakFirst > .Column.ColLast div, 
.phone .Columns2.mob_BreakLast > .Column.ColLast div, 
.phone .Columns2.mob_BreakAll > .Column.ColLast div, 
.phone .Columns2.mob_BreakMiddle > .Column.ColLast div {border-left-width:1px; /*margin-top:20px;*/}

/* retirar margin-top dos inputs da 2ª coluna quando há quebra (break) */
.tablet .DontAddMargTop20 {magin-top:0;}
.phone .DontAddMargTop20 {magin-top:0;}



/*********************************************************************
****************************  Menu  **********************************/

/* Menu 3ª linha */
.Header_Menu, .Application_Menu {background-color:#FFF; box-shadow:none;}

a.Menu_SubMenuItemActive:link, 
a.Menu_SubMenuItemActive:visited,
a.Menu_SubMenuItem:hover {background-color:#fff; box-shadow:none; color:#00718f; filter:none; height:50px; padding-left:0; padding-right:95px; padding-top:13px;
                            webkit-filter:no;}

.Menu_TopMenuActive a:hover,
.Menu_TopMenuActive a:active {color:#f76017;}

/* Menu 3ª linha: NOVO!!! 2018-02-16 */
.Menu_TopMenu a:link, 
.Menu_TopMenu a:visited, 
.Menu_TopMenu a {color:#00718F; display:block; padding-left:0; padding-right:103px; padding-top:12px; text-decoration:none; text-shadow:none;}

.Menu_TopMenu a:hover, 
.Menu_TopMenu:hover {background-color:transparent; color:#f76017 !important; filter:none;}

.Menu_TopMenuActive a:link, 
.Menu_TopMenuActive a:visited,
.Menu_TopMenuActive a,
.Menu_TopMenuActive {background-color:transparent; color:#f76017 !important;}

.Menu_TopMenu a:active, 
.Menu_TopMenu:active {background-color:transparent; color:#f76017 !important;}

/* Menu 3ª linha: PERFIL ----> submenus */
.SetaDrop .Menu_TopMenu .Menu_DropDownArrow {border-top-color:#00718f !important; position:absolute !important; right:80px !important; top:20px;}
.SetaDrop .Menu_DropDownPanel {left:101px;}

/* Menu 2ª linha: FirstName + LastName */
.Menu_TopMenuActive, 
.Menu_DropDownButton.open .Menu_TopMenu {background:transparent !important; box-shadow:none;}

.Menu_TopMenu {height:50px; margin-top:2px; position:relative;}

.Header {background-color:#fff; border-bottom:solid 1px #ccc;}
.ThemeGrid_Container {max-width:100% !important; padding:0px; padding-left:0px !important; padding-right:0px !important; width:100%;}

.MenuLoginLink {color:#fff !important; font-size:16px; min-width:201px; padding-right:0px !important; padding-top:0px !important;} 
/* para resolver a questão de não abrir em tech da apple */
.MenuLogin {background:#005A72; color:#fff !important; font-size:16px; height:50px; min-width:201px; padding-top:12px;/*padding-right:10px; padding-left:10px;*/}
.MenuLogin .Menu_DropDownButton .Menu_TopMenu a:last-child {background-color:#005A72; color:#fff; font-weight:bold; position:absolute; right:0 !important;}

.Menu_DropDownPanel {min-width:201px !important;}

.Menu_TopMenu .Menu_DropDownArrow {border-top-color:transparent !important;}
.fa-sort-down:before, .fa-sort-desc:before {padding-left:10px; padding-right:0px;}


/* Menu 2ª linha: FirstName + LastName ----> submenus */
.desktop .Menu_DropDownPanel,
.tablet .Menu_DropDownPanel {background-color:#fff; border-color:#e1e1e1 !important; box-shadow:0px 1px 10px #ccc; margin:0px;}
.phone .Menu_DropDownPanel {background-color:#fff; border-color:none; box-shadow:none; left:0; margin:0;}

.Menu_DropDownPanel a,
.Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited {border-bottom:solid 1px #ddd; border-color:rgba(0, 0, 0, .15); height:42px; margin-right:0; padding:6px 14px;}

.phone .Menu_DropDownPanel a,
.phone .Menu_DropDownPanel a:link,
.phone .Menu_DropDownPanel a:visited {line-height:1em;}

.tablet .Menu_DropDownPanel a,
.tablet .Menu_DropDownPanel a:link,
.tablet .Menu_DropDownPanel a:visited {line-height:1em;}

.Login_Info_Logout::before,
.Login_Info_Username::before,
.AppSwitcherContainer::before,
.AppSwitcherLink[disabled="disabled"]::before {color:#333; font-family:FontAwesome; font-size:14px; margin-right:4px;}

.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username,
a.Login_Info_Username:link,
a.Login_Info_Username:visited {color:#333;}

.DropUserLogout::before{content:"\f011"; font-family:FontAwesome; font-size:14px; margin-right:4px;}

.DropUserName {position:relative;}
.desktop .DropUserName {height:52px !important;}
.tablet .DropUserName .FloatDrop {margin-left:60px; width:auto;}
.phone .DropUserName .FloatDrop{width:auto;}

/* Menu: GERAL */
.Menu_DropDownPanel {min-width:193px; top:49px;/*51px*/}
.Menu_DropDownPanel a:hover {background:#f5bdad; color:#333; text-decoration:none;}
.Menu_DropDownPanel a,
.Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited {color:#333 !important;}

/* Menu: acrescentos (responsive) da Cila */
.tablet .Application_Menu a, 
.tablet .Application_Menu a:link, 
.phone .Application_Menu a, 
.phone .Application_Menu a:link, 
.phone .Application_Menu a:visited, 
.phone .Application_Menu a:visited {display:block; padding:15px;}

.tablet .Header_Menu .Application_Menu, 
.phone .Header_Menu .Application_Menu {height:auto !important; width:175px;}

.LinkBlog span {padding-top:1px;}

.phone .Header_RightSection {z-index:10;}
.phone .Header1to1 {margin-left:0; position:absolute; width:100%; z-index:-1;}
.phone .Header1to1 .Logotipo .Box {margin-bottom:5px; padding:0 0px;}
.phone .Header1to1 .Column.ColFirst {background-color:#fff; border-bottom:solid 1px #ccc; margin-top:0px; padding-bottom:10px;/*margin-bottom:5px;*/}
.phone .Header1to1 .Column {background-color:#fff;}
.phone .Header1to1 .Column.ColLast {background-color:#fff; padding-top:2px !important;}
.phone .Header1to1 .Columns.Columns3 {background-color:#fff;}
.phone.portrait .Header1to1 .Column.ColLast .Text_silver {float:none !important; margin-left:-14px; margin-top:0 !important; padding:0 5px 5px; width:100%;}
.phone.landscape .Header1to1 .Column.ColLast .Text_silver {float:none !important; margin-left:20px; margin-top:0 !important; padding:0 5px 5px; width:100%;}
.tablet .Header1to1 .Column.ColLast .Text_silver {float:none !important; margin-left:-14px; margin-right:20px; padding:0 5px 5px; width:100%;}
.phone .Header1to1 .Column .Font_MyProfile {margin-top:0 !important; padding-top:3px !important; text-align:left;}
.phone .DropUserName {top:100px;}

.Menu_TopMenu a:hover, .Menu_TopMenu:hover {box-shadow:none;}

/*.phone NoPaddingLogo {margin-top:0px; margin-bottom:5px;}*/
.phone .Box .NoPaddingLogo {padding-left:0 !important;}



/*********************************************************************
******************************  Footer  ******************************/

/*.Footer {
background:#ededed; 
color:#666; 
font-size:13px; 
text-align:left;} --------------> este CSS está diretamente no layout (container) do footer da Homepage*/

.ColSpaceBottom .Columns.MarginBottom {margin-bottom:5px;}
.Footer {background:transparent; padding:0;}



/*********************************************************************
********************  MyInfo - Alterar Password  *********************/

.phone .DimColWidth,
.tablet .DimColWidth {width:100%;}


/*********************************************************************
****************************  INICIO  *******************************/

.phone.portrait .MargTitlePhone_HP {margin-top:0 !important;}
.phone .MargTopPhone_HP {margin-top:30px !important;}

/* Altura da Imagem das letras a laranja */
.tablet.portrait .ImageHeight {margin-top:40px !important; min-height:250px !important;}
.tablet.landscape .ImageHeight {margin-top:20px !important; min-height:350px !important;}
.phone.portrait .ImageHeight {margin-top:20px !important; min-height:150px !important;}
.phone.landscape .ImageHeight {margin-top:0 !important; min-height:250px !important;}

.phone .Box {padding:0px !important;}

/* Dar Margin Top às colunas 4, 5 e 6 da estrutura de 6 colunas para quando fizer quebra ao meio */
.tablet .Columns6.tab_BreakMiddle > .Column.Col4th, 
.phone .Columns6.mob_BreakMiddle > .Column.Col4th {margin-top:20px;}

.tablet .Columns6 .Column.RightMiddle, 
.phone .Columns6 .Column.RightMiddle {margin-top:20px;}

.tablet .Columns6 .Column.ColLast, 
.phone .Columns6 .Column.ColLast {margin-top:20px;}




/*********************************************************************
****************************  Perfil  *******************************/

/* Aumentar o espaço entre estrutura de 2 colunas: 50%-50% */
.desktop .SpaceColumn .Columns2 > .Column.ColFirst {padding-left:0; padding-right:50px;}
.desktop .SpaceColumn .Columns2 > .Column.ColLast {padding-left:50px; padding-right:0;}

/* Retirar o espaço entre estrutura de 2 colunas: 50%-50%  */
.desktop .NoSpaceColumn .Columns2 > .Column.ColFirst {padding-left:0; padding-right:8px;}
.desktop .NoSpaceColumn .Columns2 > .Column.ColLast {padding-left:8px; padding-right:0;}

/* Aumentar a dimensão do container para phone */
.phone .WidthPhone {width:100%}

/* Dar margem superior a "Contactos" quando a estrutura de 2 colunas quebra - tablet e phone */
.tablet .MarginTop1 {margin-top:50px;}
.phone .MarginTop1 {margin-top:50px;}

/* Aumentar a dimensão da estrutura de 2 colunas de 20%-80% para 5%-95% */
.DimColumn .SmallLeftColumns > .Column.ColFirst {width:5%;}
.DimColumn .SmallLeftColumns > .Column.ColLast {width:95%;}

/* POR AGORA ESTÁ DESABILITADO!!!!
Modificar formato do input do radio button, para um coração em vez de uma bola */
/*
.PreferredContact input[type="radio"]:checked::after {opacity:1; content:'♥'; display:block; width:0em; color:rgb(153,204,102); font-size:1.7em; line-height:0.56em; text-align:center; text-shadow:none; font-weight:bold; text-shadow:0px 0px 2px rgba(0, 0, 0, 1); position:absolute; top:0; left:0;}
.PreferredContact input[type="radio"]::after {background:none; border:none; left:18%; top:23%; border-style:none;}
.PreferredContact input[type="radio"], html input[type="checkbox"] {background-color:transparent; box-shadow:none !important; height:20px; right:0px;}

.PreferredContact input[type="radio"]:before {opacity:1; content:'♥'; display:block; width:0em; color:#fff; font-size:1.7em; line-height:0.56em; text-align:center; text-shadow:none; font-weight:bold; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); border:none !important; position:absolute; top:0; left:0;}
.PreferredContact {position:relative;}
input[type="checkbox"]:disabled::before {box-shadow:none;}
*/

/* Responsive - Ajustar o radio button */
.PreferredContact input[type="radio"], html input[type="checkbox"] {top:2px !important;}

.phone .PreferredContact input[type="radio"]::before {left:-15px;}
.phone .PreferredContact input[type="radio"]:checked::after {left:-15px;}
.phone input[type="radio"], html input[type="checkbox"] {top:10px;}

/* Tabs */
.ProfileTabs .Tabs {border-bottom:none; border-left:none; border-right:none;}
.ProfileTabs .Tabs__tab {background-color:#fff; color:#999}
.ProfileTabs .Tabs__tab.active {border-right:none; border-top:3px solid #F76017; color:#F76017; font-weight:600;}
.ProfileTabs .Tabs__tab.active:first-child {border-left:none;}  
.ProfileTabs .Tabs__tab:hover {background:#f9eeeb !important;}
.ProfileTabs .Tabs_header {background:#fff; border-left:solid 1px #ccc; border-right:solid 1px #ccc; overflow-x:auto; overflow-y:hidden; white-space:nowrap;}
.ProfileTabs .Tabs_header .Tabs__tab.active:first-child {border-left:none; border-right:none;}

.phone .Tabs__tab {background: #f4f4f4; border-bottom:0; border-left:0; border-right:0; border-top:0; width:auto !important;}
.phone .ProfileTabs .Tabs__tab.active {background:#fff; border:solid 3px #F76017; color:#F76017; font-weight:600; width:auto;}
.phone .ProfileTabs .Tabs__tab.active:first-child {border-left:solid 3px #F76017; border-right:solid 3px #F76017; padding-left:12px;}
.phone .ProfileTabs .Tabs_header {background:#fff; border-left:0; border-right:0; display:inline-grid; overflow-x:auto; overflow-y:hidden; white-space:nowrap;} 

.ProfileTabs .ThemeGrid_Width2 {width:0;}


/* Modificar a largura do input de preenchimento dos contactos para estrutura de 2: 5%-95% */
.InputSpecial95 .InputWithIcons.Right input[type="text"], 
.InputSpecial95 .InputWithIcons.Right input[type="password"], 
.InputSpecial95 .InputWithIcons.Right input[type="datetime"], 
.InputSpecial95 .InputWithIcons.Right input[type="datetime-local"], 
.InputSpecial95 .InputWithIcons.Right input[type="date"], 
.InputSpecial95 .InputWithIcons.Right input[type="month"], 
.InputSpecial95 .InputWithIcons.Right input[type="time"], 
.InputSpecial95 .InputWithIcons.Right input[type="week"], 
.InputSpecial95 .InputWithIcons.Right input[type="number"], 
.InputSpecial95 .InputWithIcons.Right input[type="email"], 
.InputSpecial95 .InputWithIcons.Right input[type="url"], 
.InputSpecial95 .InputWithIcons.Right input[type="search"], 
.InputSpecial95 .InputWithIcons.Right input[type="tel"], 
.InputSpecial95 .InputWithIcons.Right input[type="color"] {padding-left:12px !important; padding-right:40px !important;}

/* Ajustar o ícone do input de preenchimento dos contactos */
.InputWithIcons .InputIcon {background-color:transparent; color:#00718f; height:25px; line-height:27px; padding:0 5px; pointer-events:initial; top:-1px;}

/* Ajustar o ícone do input de preenchimento dos contactos */
.desktop .AdvWidthLeft {width:94%;}
.tablet.landscape .AdvWidthLeft {width:91%;}
.tablet.portrait .AdvWidthLeft {width:88%;}
.phone.landscape .AdvWidthLeft {width:79%;}
.phone.portrait .AdvWidthLeft {width:73%;}

/* Ajustar o ícone Quetion */
.tablet .fa-fw {text-align:center; width:1.286em;}



/*********************************************************************
***************************  White Papers  ***************************/

/* Dar espaço entre os White Papers */
.Gallery .GalleryItem {margin-bottom:30px; padding-left:30px; width:100% !important;}
.Gallery .GalleryWrapper {margin-left:-30px;}

/* Bullets */
ol.List li, ul.List li {padding-bottom: 0px;}
ol.List, ul.List {margin-top:0px;}

/* Menu do White Paper */
.WPmenu .IconDropdown {position:relative; right:-125px; top:-125px;}
.phone .WPmenu .IconDropdown {position:relative; right:-70px; top:-70px;}
.WPmenu .IconDropdown_button.Button {background:#f76017; border-color:#f76017; border-radius:25px; color:#fff;}
.WPmenu .fa-fw {text-align:right; width:1em;}

/*.WPmenuLinks {color:#333; line-height:25px; border-bottom:solid 1px #ccc;} */
.DropdownMenu .PH > a {color:#333 !important; height:35px !important;}
.DropdownMenu .PH > a {color:#125f90; display:block; height:35px !important; line-height:32px; padding-left:10px; padding-right:10px; white-space:nowrap;}
.DropdownMenu .PH > a:hover {background-color: #f5bdab;}
.WPmenuLinks html, body, a, select, fieldset, input, button, select, textarea, optgroup, option {font-family:'Open Sans', sans-serif !important;}
.WPmenuLinks .open > .DropdownMenu {border-radius: 2px;}
.WPmenuLinks .DropdownMenu {background-color:#fff; border-color:#fff; border-radius:2px; border-style:solid; border-width:0px; box-shadow:1px 2px 9px #ccc;
                            display:none; left:0; min-width:120px; position:absolute; text-align:left; top:115%; z-index:15;}

.btWP .Button.ButtonDefault, 
.btWP .Button.Is_Default {background-color:#00718f; border-color:#00718f; color:#fff; font-size:17px; font-weight:800; height:45px; padding-top:5px;
                            text-shadow:none;}



/*********************************************************************
************************  Definições de conta  ***********************/

.tablet .margTop25 {margin-top:25px;}
.phone .margTop25 {margin-top:25px;}



/*********************************************************************
*****************************  GERAL  ********************************/


/* Botões */

.btBlue {background:#00718F; border:none; border-radius:10px !important; color:#fff; cursor:pointer; height:38px !important;}
.btBlue:hover {background:#00718fc2;}
.btBlueHalf {background:#00718F; border:none; border-radius:10px !important; color:#fff; cursor:pointer; height:38px !important;}
.btBlueHalf:hover {background:#00718fc2;}
.btBlueBig {background:#00718F; border:none; border-radius:10px !important; color:#fff; cursor:pointer; height:38px !important;}
.btBlueBig:hover {background:#00718fc2;}

.btWhite {background:#fff; border:solid 1px #00718F; border-radius:10px !important; box-shadow:1px 1px #0098C4; color:#00718F; cursor:pointer; 
            height:38px !important;}
.btWhiteHalf {background:#fff; border:solid 1px #00718F; border-radius:10px !important; box-shadow:1px 1px #0098C4; color:#00718F; cursor:pointer;
            height:38px !important;}
.btWhiteBig {background:#fff; border:solid 1px #00718F; border-radius:10px !important; box-shadow:1px 1px #0098C4; color:#00718F; cursor:pointer;
            height:38px !important;}

.btCancel {background-color:#fff; border:solid 1px #999; border-radius:10px !important; box-shadow:1px 1px #ccc; color:#4c4c4c; cursor:pointer;
            height:38px !important;}
.btCancelBig {background-color:#fff; border:solid 1px #999; border-radius:10px !important; box-shadow:1px 1px #ccc; color:#4c4c4c; cursor:pointer;
            height:38px !important;}


/* Botões responsive - dimensão por device */
.desktop .btBlue {width:25%;}
.tablet .btBlue{width:100%;}
.phone .btBlue{width:100%;}

.desktop .btBlueHalf {width:49%;}
.tablet .btBlueHalf{width:100%;}
.phone .btBlueHalf{width:100%;}

.desktop .btBlueBig {width:100%;}
.tablet .btBlueBig{width:100%;}
.phone .btBlueBig{width:100%;}

.desktop .btWhite {width:25%;}
.tablet .btWhite{width:100%;}
.phone .btWhite{width:100%;}

.desktop .btWhiteHalf{width:49%;}
.tablet .btWhiteHalf{width:100%;}
.phone .btWhiteHalf{width:100%;}

.desktop .btWhiteBig{width:100%;}
.tablet .btWhiteBig{width:100%;}
.phone .btWhiteBig{width:100%;}

.desktop .btCancel {width:25%;}
.tablet .btCancel{width:100%;}
.phone .btCancel{width:100%;}

.desktop .btCancelBig{width:100%;}
.tablet .btCancelBig{width:100%;}
.phone .btCancelBig{width:100%;}

/* Adicionar margion-top de 10px (aos botões) em tablet e phone */
.tablet .MargTop10 {margin-left:0; margin-top:10px;}
.phone .MargTop10 {margin-left:0; margin-top:10px;}

/* Caixas de Preenchimento -  Input */
input[type="text"], 
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {border-radius:2px; height:29px; padding:0 12px;}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.Form input.ReadOnly,
.Form textarea.ReadOnly,
.Form select.ReadOnly {vertical-align: initial;}

textarea,
select,
input {box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}

/* Retirar sublinhado dos links */
a:hover {text-decoration:none;}

/* Retirar margem e paddings das caixas */
.Box {margin:0; padding:0px;}

/* Combo Box: colocar altura igual à da caixa de preenchimento */
.OSFillParent {height:29px;}

/* Vertical Align: ajustar elemento */
.TableVerticalAlign .Cell1,
.TableVerticalAlign .Cell2 {vertical-align:top;}

.TableVerticalAlign .Cell1,
.TableVerticalAlign .Cell2 {padding-left:unset; padding-right:5px; Padding-top:5px !important;}

/* Checkbox */
input[type="checkbox"]::before {border-radius:1px;}
input[type="checkbox"]::after {width:12px;}

/* CardBackground */
.CardBackground{background-size: 100% 100%;}

/* Asterisco para utilizador perceber campo obrigatório */
.FaMandatory .fa {color:#cc3300; font-size:7px; position:relative; top:-7px;}

/* Classe para colocar notas */
.Text_Note {color:#888; font-size:10px; line-height:12px}

/* Classe para colocar retirar margem esquerda e direita em mobile */
.phone .ThemeGrid_Margin1First {margin-left:3%;}
.phone .ThemeGrid_Width10 {width:95%;}

.tablet.landscape .ThemeGrid_Margin1First {margin-left:6%;}
.tablet.landscape .ThemeGrid_Width10 {width:87%;}

/* ajustar palavras dentro dos inputs - estavam cortadas */
select {padding:0px 8px;}

/* inputs Combo Box com radius igual aos outros inputs */
input.OSFillParent, button.OSFillParent, select.OSFillParent, textarea.OSFillParent {border-radius: 2px;}

/* Anchor */
a.ProfileAnchor {display:block;}

/* Margin Top para Phones Landscape - para se verem os títulos */
.phone.landscape .MargPhoneLandscape {margin-top:70px !important;}


/* EVENTOS */
.Col3Eventos .Columns3 .Column.ColFirst {padding-left: 0; padding-right:0 25px;}
.Col3Eventos .Columns3 > .Column {width: 33.333%; padding:0 25px;}
.Col3Eventos .Columns3 .Column.ColLast {padding-right:0; padding-left:0 25px;}