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

/*
    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

*/


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

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

@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah');

h1{font-family:'Roboto', sans-serif; font-size:26px; font-style:normal; font-variant:normal; font-weight:800; line-height:35px; color:#006b88;}
h2{font-family:'Roboto', sans-serif; font-size:20px; font-style:normal; font-variant:normal; font-weight:800; line-height:25px; color:#006b88; }
h3{font-family:'Open Sans', sans-serif; font-size:16px; font-style:normal; font-variant:normal; font-weight:400; line-height:25px; color:#006b88;}

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

.Heading4 {font-family:'Open Sans', sans-serif; font-size:13px; font-weight:bold; line-height:25px; color:#666; text-align:left;}


.Header {
background-color:#fff;
} 


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

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

     /* push the footer down on preview */
}

/*********************************************************************
****************************  Menu 1 **********************************/

/* Menu Sup: Blog / Quiz / ABC 1to1 */
.desktop .MenuSup .ButtonGroup_button.Button.active, 
.tablet .MenuSup .ButtonGroup_button.Button.active, 
.phone .MenuSup .ButtonGroup_button.Button.active{background-color:#fff !important; box-shadow:none !important;}
.MenuSup .ButtonGroup_button.Button{background-color:transparent; border: 0; border-left:0; color:#00718f; padding: 0 10px; border: none; font-size:12px; font-family:'Open Sans', sans-serif; font-weight: 600; border-radius:0px;}  
.MenuSup .ButtonGroup_button.Button:active{background-color:#fff; border-top:none;}
.MenuSup .ButtonGroup_button.Button:focus{background-color:#fff; box-shadow:none;}
.desktop .MenuSup .ButtonGroup .Button:hover,
.tablet .MenuSup .ButtonGroup .Button:hover,
.phone .MenuSup .ButtonGroup .Button:hover{background:#fff !important; border:none; border-left:0; box-shadow:none;}

/* Menu Superior: Blog / Quiz / ABC 1to1 */
.Menu_TopMenu .MenuSuperior {color:#00718f !important; background:#fff !important; box-shadow:none !important; font-weight:600; padding-bottom:10px; padding-top:15px !important; margin-top:0; float:right !important;}

.desktop .Menu_TopMenu .MenuSuperior,
.tablet .Menu_TopMenu .MenuSuperior,
.phone .Menu_TopMenu .MenuSuperior {font-size:15px;}

.Menu_TopMenu .MenuSuperior:hover {color:#f76017 !important; background:#fff !important;}
.Menu_TopMenu .MenuSuperior a:hover {color:#f76017 !important; background:#fff !important;}

.Menu_TopMenu .MenuSuperiorActive a:link,
.Menu_TopMenu .MenuSuperiorActive a:visited,
.Menu_TopMenu .MenuSuperiorActive a,
.Menu_TopMenu .MenuSuperiorActive {color:#f76017 !important; background:#fff !important;}

.Menu_TopMenu .MenuSuperior a:active,
.Menu_TopMenu .MenuSuperior:active {color:#f76017 !important; background:#fff !important; font-weight:600;}


.Menu_TopMenuActive .MenuSuperior {color:#f76017 !important; background:#fff !important; font-weight:600;}

.Menu_TopMenuActive .MenuSuperior a:link, 
.Menu_TopMenuActive .MenuSuperior a:visited, 
.Menu_TopMenuActive .MenuSuperior a, 
.Menu_TopMenuActive .MenuSuperior {background:#f76017; color:#fff; height:50px; font-weight:600 !important; filter:none !important;}

/* responsive */
.tablet .Header_LeftSection{float:left; width:90%;}
.tablet .Header_RightSection{height:60px; line-height:60px;}

.desktop .MargTopHeader,
.tablet .MargTopHeader {margin-top:5px;}

.phone .Header_LeftSection .ThemeGrid_Width10 {width:83.0065359477124% !important;}
.phone .MenuSuperior {float:inherit !important; color:#00718f !important; background:#fff !important; box-shadow:none !important; margin-top:0px; padding-top:0 !important; padding-bottom:0 !important;}
.phone .MenuSuperior:last-child {width:auto;}

.phone .Menu_TopMenuActive .MenuSuperior {color:#f76017 !important; background:#fff !important; font-weight:600;}

.phone .Menu_TopMenuActive .MenuSuperior a:link, 
.phone .Menu_TopMenuActive .MenuSuperior a:visited, 
.phone .Menu_TopMenuActive .MenuSuperior a, 
.phone .Menu_TopMenuActive .MenuSuperior {background:#f76017; color:#fff; height:50px; font-weight:600 !important; filter:none !important;}



.phone .Header_LeftSection {background-color:#fff; height:110px;}


/* retira a linha-sombra do menu navegação */
.Header_Menu, .Application_Menu {box-shadow:none; background:#00718f; height:50px;}


/*********************************************************************
****************************  Menu 2 **********************************/

/* Menu Principal: 2018-02-21 */
.Header_Menu, .Application_Menu {background:#fff; box-shadow:none;}

.phone .Header_Menu, .Application_Menu {box-shadow:none; background:#00718f; height:2px;}
.tablet .Header_Menu, .Application_Menu {box-shadow:none; background:#fff;}
.tablet .Header {background:#fff; border-bottom:solid 2px #00718f;}


.tablet .Columns.MarginBottom.tab_BreakFirst > .Column, .tablet .Columns.MarginBottom.tab_BreakLast > .Column .NoMargin, 
.tablet .Columns.MarginBottom.tab_BreakAll > .Column, .tablet .Columns.MarginBottom.tab_BreakMiddle > .Column .NoMargin, 
.phone .Columns.MarginBottom.mob_BreakFirst > .Column, .phone .Columns.MarginBottom.mob_BreakLast > .Column .NoMargin, 
.phone .Columns.MarginBottom.mob_BreakAll > .Column, .phone .Columns.MarginBottom.mob_BreakMiddle > .Column .NoMargin{margin-bottom:1px;}

.phone .Columns.MarginBottom.mob_BreakAll > .Column .NoMargin {margin-bottom:1px;}

.Menu_TopMenu {height:50px;}

.Menu_TopMenu a:link, 
.Menu_TopMenu a:visited, 
.Menu_TopMenu a {color:#fff; display:block; padding-right:24px; padding-left:24px; text-decoration:none; text-shadow:none; padding-top:12px; font-weight:600; height:50px;}

.phone .Menu_TopMenu a:link, 
.phone .Menu_TopMenu a:visited, 
.phone .Menu_TopMenu a {padding-right:15px; padding-left:15px;}

.phone .Menu_TopMenu .MenuSecundario a:link,
.phone .Menu_TopMenu .MenuSecundario a:visited, 
.phone .Menu_TopMenu .MenuSecundario a {color:#00718f; background:#fff; height:41px !important;}


.Menu_TopMenu:hover {background:#fa997c; color:#fff; height:50px; font-weight:600; filter:none !important; box-shadow:none;}
.Menu_TopMenu a:hover {background:#fa997c !important; color:#fff; height:50px; font-weight:600; filter:none !important; box-shadow:none;}

.Menu_TopMenu a:active, 
.Menu_TopMenu:active {background:#f76017; color:#fff;  height:50px; filter:none;}

.Menu_TopMenuActive a:link, 
.Menu_TopMenuActive a:visited, 
.Menu_TopMenuActive a, 
.Menu_TopMenuActive {background:#f76017; color:#fff; height:50px; font-weight:600; filter:none !important;}

.Menu_TopMenu .MyProfile {height:50px; align:right; background:#29beaf; color:#fff !important;}
.Menu_TopMenu .MyProfile:hover {background:#24aa9c !important; color:#fff !important;}

.BtProfile {height:50px; align:right; background:#29beaf; color:#fff !important; font-weight:600; margin-top:-50px /*margem apenas para FireFox*/; border:none; box-shadow:none; padding-left:15px; padding-right:15px;}
.BtProfile:hover {background:#24aa9c !important; color:#fff !important;}

@media screen and (-webkit-min-device-pixel-ratio:0) {.BtProfile {margin-top:0px;}} /*retirar margem de -50px do FireFox aos outros browsers */

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

.desktop .Menu_DropDownPanel a,
.desktop .Menu_DropDownPanel a:link,
.desktop .Menu_DropDownPanel a:visited,
.tablet .Menu_DropDownPanel a,
.tablet .Menu_DropDownPanel a:link,
.tablet .Menu_DropDownPanel a:visited,
.phone .Menu_DropDownPanel a,
.phone .Menu_DropDownPanel a:link,
.phone .Menu_DropDownPanel a:visited {background:#0093b7; color:#fff !important;/*#b5d3d7;*/}


.Menu_TopMenu a.btProfile{float:right; z-index:10;}



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

.Footer {
background:#ededed; 
color:#666; 
font-size:13px;
font-family:'Open Sans', sans-serif;
min-height:50px; 
padding:20px 0; 
position:absolute; 
text-align:left; 
width:100%; 
margin-top:50px;}

.Footer a {
color:#666; 
font-size:13px;
font-family:'Open Sans', sans-serif;
margin-top:50px;}


.Footer a, .Footer a:link, .Footer a:visited{color:#666; font-size:13px;}
.Footer a:hover{color:#29BEAF; font-size:13px;}


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


.Cont_BorderBottom {border-bottom:solid 1px #999;}
.Cont_BorderBlue {border-bottom:solid 7px #00718f;}

.Cont_Destaque1{margin-left:20px; margin-right:20px;}
.Cont_Destaque2{margin-top:20px; margin-bottom:20px; margin-left:20px; margin-right:20px;}

/*** BOTÕES ***/

                  /******** SOBRE NOS **********/
                  
.btOrangeWWW{color:#fff; background:#f76017; border:none; font-weight:600; box-shadow:2px 2px #e93e0c; border-radius:25px; padding-left:20px; padding-right:20px; padding-bottom:8px; padding-top:8px; text-align:center;}
.btOrangeWWW:hover{background:#f75f33;}
                
.btGreenRituais{color:#fff; background:#20998d; border:none; font-weight:600; box-shadow:2px 2px #1b8176; border-radius:25px; padding-left:20px; padding-right:20px; padding-bottom:8px; padding-top:8px; text-align:center;}
.btGreenRituais:hover{background:#24aa9c;}

                  /*********** QUIZ ************/

.btOrangeContact{color:#fff; background:#f76017; border:none; font-weight:600; box-shadow:2px 2px #e93e0c; border-radius:25px; padding-left:55px; padding-right:55px; padding-bottom:8px; padding-top:8px; text-align:center;}
.btOrangeContact:hover{background:#f75f33}
.phone.portrait .btOrangeContact {padding-left:77px; padding-right:77px;}
.phone.landscape .btOrangeContact {padding-left:135px; padding-right:130px;}

.btGreenGETbizz{color:#fff; background:#20998d; border:none; font-weight:600; box-shadow:2px 2px #1b8176; border-radius:25px; padding-left:25px; padding-right:25px; padding-bottom:8px; padding-top:8px; text-align:center;}
.btGreenGETbizz:hover{background:#24aa9c;}
.phone.portrait .btGreenGETbizz {padding-left:45px; padding-right:45px;}
.phone.landscape .btGreenGETbizz {padding-left:100px; padding-right:100px;}

.btGreenContact{color:#fff; background:#20998d; width:100%; border:none; font-weight:600; box-shadow:2px 2px #1b8176; border-radius:25px; padding-left:55px; padding-right:55px; padding-bottom:8px; padding-top:8px; text-align:center;}
.btGreenContact:hover{background:#24aa9c;}
.phone.portrait .btGreenContact {padding-left:77px; padding-right:77px;}
.phone.landscape .btGreenContact {padding-left:135px; padding-right:130px;}

                  /*****************************/
                  
.btBlue{color:#fff; background:#006b88; border:none; font-weight:600; box-shadow:2px 2px #0098C4; border-radius:25px;}
.btBlue:hover{background:#007a9c;}
.desktop .btBlue{width:30% !important;}
.tablet .btBlue{width:100% !important; height:40px; font-size:18px;}
.phone .btBlue{width:100% !important;}

.btWhite{width:30% !important; color:#006b88; background:#fff; border:solid 1px #006b88; font-weight:600; box-shadow:2px 2px #0098C4; border-radius:25px;}


/* 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;}

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

/* Dimensão width Tablet */
.desktop .ThemeGrid_Width6 .WidthBt,
.tablet .ThemeGrid_Width6 .WidthBt {width:98% !important;}

/* Phone: line-height */
.phoneLineHeight {line-height:45px;}

/* Imagem - classe: Image_thumb */
img.Image_thumb {width:100%;}

/* Retirar margin-top Phone */
.phone .MargTitlePhone {margin-top:0 !important;}

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

/* Anchor para todo o site, exceto ABC 1to1 - colocar mais para cima a ancora */
.desktop a.anchor {display:block; position:relative; top:-100px; visibility:hidden;}
.tablet a.anchor {display:block; position:relative; top:-50px; visibility:hidden;}
.phone a.anchor {display:block; position:relative; top:-50px; visibility:hidden;}

/*************************************** Homepage ***********************************************/

.desktop .MediumRightColumns > .Column.ColLast .ColPadding {padding-left:40px; margin-top:35px;}
.tablet .ThemeGrid_Margin1First,
.phone .ThemeGrid_Margin1First {margin-left:0;}
.tablet .ThemeGrid_Width10,
.phone .ThemeGrid_Width10 {width:100%;}


/* CARROUSEL */
.owl-theme .owl-controls .owl-page span {background:#f76017;}
.owl-theme .owl-controls {margin-top:0}
.desktop .owl-theme .owl-controls .owl-buttons div {top:34% !important;}
.tablet.portrait .owl-theme .owl-controls .owl-buttons div{top:32% !important;}
.tablet.landscape .owl-theme .owl-controls .owl-buttons div{top:38% !important;}
.phone.portrait .owl-theme .owl-controls .owl-buttons div {top:19% !important;}
.phone.landscape .owl-theme .owl-controls .owl-buttons div {top:33% !important;}

/* tirar a border das imagens em galeria na homepage */
img.Image_thumb {border:0; border-radius:0; padding:0;}

.phone .btCarrouselPhone {color:#fff; background:#006b88; border:none; font-weight:600; box-shadow:2px 2px #0098C4; border-radius:25px; width:98% !important;}
.btCarrouselPhone:hover{background:#007a9c;}

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

/* Footer */
.desktop .ColPadding2 {padding-left:30%;}
.tablet .ColPadding2 {padding-left:0%;}
.phone .ColPadding2 {padding-left:0;}

.ColPadding3 .Align_top {padding-top:0; margin-top:4px; margin-bottom:0;}

.FooterMargTop {margin-top:22px;}
.phone .FooterMargTop {margin-top:10px;}

/* Footer: width das redes socias - quando colocarmos o YouTube e o Facebook, este CSS tem de ser atualizado*/
.desktop .WidthFollowUs {width:93%;}
.tablet .WidthFollowUs,
.phone.portrait .WidthFollowUs {width:88%;}
.phone.landscape .WidthFollowUs {width:93%;}
.desktop .Width_In {width:5%;}
.tablet .Width_In,
.phone.portrait .Width_In {width:10%;}
.phone.landscape .Width_In {width:5%;}

.tablet .MediumLeftColumns > .Column.ColFirst {width:45% !important;}
.tablet .MediumLeftColumns > .Column.ColLast {width:55% !important;}
.tablet .ThemeGrid_Margin6First {margin-left:16.98%;}


.phone .Cont_BorderBottom {margin-top:0 !important;}

.phone .ContAlign {text-align:left;}



/*********************************** Página About Us ***************************************/

/* caixa maior da página sobre nos */
.caixaAbout {padding:15px 15px 15px 15px; height:300px; background-color:#ededed;}

/* altura da caixa por device */
.tablet .caixaAbout {height:auto;}
.phone .caixaAbout {height:auto;}

.phone .caixaAbout .Column ColFirst {margin-bottom:0 !important;} /* tirar o margin bottom: não está a funcionar */
.caixasmallabout h2 {padding:15px 15px 15px 15px; color: #333;}

/* caixas pequenas da página sobre nos */
.caixaContribuition {padding:15px 15px 15px 15px; background-color: #ccc; height:220px;/*margin-right: 15px;*/}

/* altura da caixa por device */
.tablet.portrait .caixaContribuition {height:270px;}
.phone .caixaContribuition {height:auto;}

.Height100 {height:100px;}
.phone .Height100 {height:auto;}

/* margem superior dos botões */
.desktop .ColMargin2 {margin-top:20px; margin-bottom:10px;}
.tablet.portrait .ColMargin2 {margin-top:68px; margin-bottom:10px;}
.tablet.landscape .ColMargin2 {margin-top:20px; margin-bottom:10px;}
.phone.portrait .ColMargin2 {margin-top:30px; margin-bottom:10px;}
.phone.landscape .ColMargin2 {margin-top:20px; margin-bottom:10px;}

.phone .ImageAdjust Image_thumb{}
 
img.Image_thumb .phone .DimJoaninha{width:100%;}


/*********************************** Página Solutions ***************************************/

.caixaGETbizz {padding:15px 15px 15px 15px; background-color:#ededed;}

/* altura da caixa por device */
.tablet .caixaGETbizz {height:auto;}
.phone .caixaGETbizz {height:auto;}

/* margem superior para ajustar a posição das imagens */
.tablet.portrait .ColMargin3 {margin-top:50px;}

/* margem superior para ajustar a posição das colunas das vantagens */
.desktop .ColMargin4 {margin-top:150px;}
.tablet.portrait .ColMargin4,
.tablet.landscape .ColMargin4 {margin-top:130px;}
.phone.portrait .ColMargin4,
.phone.landscape .ColMargin4 {margin-top:50px;}

/* margem superior para "E HÁ MAIS" */
.desktop .ColMargin5 {margin-top:200px;}
.tablet.portrait .ColMargin5,
.tablet.landscape .ColMargin5 {margin-top:130px;}
.phone.portrait .ColMargin5,
.phone.landscape .ColMargin5 {margin-top:100px;}

.PurposeBox {
    background:#fefabc;
    padding:25px;
    font-family:'Gloria Hallelujah', cursive;
    font-size:22px;
    color:#00718f;
    font-weight:600;
    border: solid 3px #fef8a5;
    line-height:32px;}


/*********************************** Página Contactos ***************************************/

/* caixa dos Contactos */
.caixaContact {padding:10px 10px 10px 10px; background-color:#E6EFF0; border-radius:0px;}


/* dimensão do botão "Enviar Mensagem" */
.desktop .btBlue {width:33%;}
.tablet .btBlue{width:50%;}
.phone .btBlue{width:100%;}


/* margem superior do mapa */
.desktop .ColMargin6 {margin-top:40px;}
.tablet.portrait .ColMargin6,
.tablet.landscape .ColMargin6 {margin-top:50px;}
.phone.portrait .ColMargin6,
.phone.landscape .ColMargin6 {margin-top:70px;}


/*********************************** Página do QUIZ ***************************************/

/* Pagina do Quiz - Caixas com resultados */
.caixaQuizResult {padding:15px 15px 15px 15px; background-color: #ededed; border-radius:0px;}
.phone .caixaQuizResult .Height100{height:auto;}

/* altura da caixa por device */
.desktop .caixaQuizResult {height:230px;}
.tablet.portrait .caixaQuizResult {height:195px;}
.tablet.landscape .caixaQuizResult {height:240px/*auto/*175px*/;}
.phone .caixaQuizResult {height:auto;}

/* margem superior dos botões */
.desktop .ColMargin7 {margin-top:20px;}
.tablet.portrait .ColMargin7 {margin-top:-12px;}
.tablet.landscape .ColMargin7 {/*margin-top:-30px; */padding-top:20px;}
.phone.portrait .ColMargin7 {margin-top:25px; text-align:center;}
.phone.landscape .ColMargin7 {margin-top:20px;}

.phone .caixaQuizResult .Columns.MarginBottom.mob_BreakAll{margin-bottom:0 !important;}
.phone .caixaQuizResult .mrgBttOnPhone{margin-bottom:10px;}

.QuizContent .ButtonGroup_button.Button:first-child,
.phone .ButtonGroup_button.Button{border-left:none;}

.desktop .QuizContent .ButtonGroup_button.Button,
.tablet .QuizContent .ButtonGroup_button.Button,
.phone .QuizContent .ButtonGroup_button.Button {background-color:transparent; border:0;}

.desktop .QuizContent .ButtonGroup_button.Button.active, 
.tablet .QuizContent .ButtonGroup_button.Button.active, 
.phone .QuizContent .ButtonGroup_button.Button.active, 
.desktop .QuizContent .ButtonGroup .Button:hover, 
.tablet .QuizContent .ButtonGroup .Button:hover, 
.phone .QuizContent .ButtonGroup .Button:hover {border-bottom:solid 3px #f76017 !important; color:#f76017; font-weight:600; background-color:transparent; border-radius:3px; border-left:none; border-top:0; border-right:0;}

.desktop .QuizContent .ButtonGroup_button.Button:active, 
.tablet .QuizContent .ButtonGroup_button.Button:active, 
.phone .QuizContent .ButtonGroup_button.Button:active {box-shadow:none;}

.desktop .QuizContent .ButtonGroup_button.Button.active,
.tablet .QuizContent .ButtonGroup_button.Button.active,
.phone .QuizContent .ButtonGroup_button.Button.active{box-shadow:none; background-color:transparent;}

.tablet .ttleft{text-align:left !important;}
.tablet .ttcenter, .phone .ttcenter{text-align:center !important;}

.tablet.landscape .QuizContent .Columns.MarginBottom.tab_BreakAll > .Column,
.tablet.landscape .QuizContent .Columns2.tab_BreakAll > .Column{padding: 0 5px !important; width:50%;}

.tablet.landscape .QuizContent .Columns.MarginBottom,
.tablet.landscape .QuizContent .Columns .Columns .Column{margin-bottom:0 !important;}

/* Post-it para o Quiz na homepage*/
.PostItQuiz {
    background: #fefabc;
    padding: 15px;
    font-family: 'Gloria Hallelujah', cursive;
    font-size: 16px;
    color: #333;
    width: 230px;
    -moz-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(5deg);
    box-shadow: 0px 4px 6px #333;
    -moz-box-shadow: 0px 4px 6px #333;
    -webkit-box-shadow: 0px 4px 6px #333;}
 
 /* Padddings e Margens: Post-it para o Quiz na homepage */
.desktop .ColPaddingQuiz {padding-left:105px; margin-top:35px;}
.tablet .ColPaddingQuiz {padding-left:5px; margin-top:45px;}
.phone .ColPaddingQuiz {padding-left:50px; margin-top:35px;}



/************************************* Página BLOG *****************************************/

a.ABCanchor {display:block; position:relative; top:-340px; visibility:hidden;}

.tablet .ThemeGrid_Width10 .MaxWidth {width:119% !important;}
.phone .ThemeGrid_Width10 .MaxWidth {width:119% !important;}

.desktop WidthBlog {width:84% !important;}
.tablet WidthBlog {width:100% !important;}
.phone WidthBlog {width:100% !important;}

.Section .Box {padding:0px;}
.Gallery .GalleryItem {margin-bottom:0;}

.btLinkBlog {background:#f76017; border:solid 8px #f76017; height:40px; font-size:16px; color:#fff; font-weight:600;}

.Section_header {border-bottom:none !important; padding-bottom:0px;}


/*********************************** Página ABC 1to1 ***************************************/

.Glossary {position:relative;}
.Glossary .TitlePage {position:relative;}
.Glossary .Fixedtop {position:fixed; background-color:#fff; height:200px; font-size:22px; z-index:10; top:120px;}
.Glossary .GlossaryContent {position:relative; padding-top:170px;}
.GlossaryContent .Section_header {padding-left:3px;}
.Glossary .SectionIndex.fixed {position:relative; top:0;}

.Glossary .SectionIndex a.active {color:#f76017; border-bottom:3px solid #f76017;}
.Glossary .SectionIndex a:hover {color:#f76017; border-bottom:none;}

.Glossary .SectionIndex a, 
.Glossary .SectionIndex a:link, 
.Glossary .SectionIndex a:visited {padding-bottom:2px; font-size:25px;}

.tablet .Glossary .Fixedtop {width:auto; top:60px; height:200px;}
.phone .Glossary .Fixedtop {background-color:#fff; top:70px; height:230px; width:-webkit-fill-available;}
.phone .Glossary .TitlePage {margin-top:60px !important;}
.phone .Glossary .GlossaryContent {padding-top:100px;}

.phone .Glossary .SectionIndex a {padding-top:2px; padding-bottom:2px; margin-right:6px;}

/* Seta Up */
.desktop .SetaUp,
.tablet .SetaUp {position:fixed; top:95.5%;}

.desktop .SetaUp .fa-2x,
.tablet .SetaUp .fa-2x {font-size:1.5em; color:#29beaf;}


.phone .ABCmargin {margin-top:20px;}


/*********************************** Página Proposta Tratamento BD B2C ***************************************/

.phone .ThemeGrid_Width3 .WidthPhonePurpose {width:100% !important;}

.FileUpload {border: 1px solid #d4d4d4; cursor:pointer; display:block; overflow:hidden; padding:2px; position:relative;}



/***************************************************************************************************************
*************************************** até onde acrescentei css ***********************************************
***************************************************************************************************************/


a,
a:link,
a:visited {
    color:#20978b; /*24aa9c; /*008bae;/*primary-color*/
    text-decoration:none;
    font-size:15px;
    font-family:'Open Sans', sans-serif;
}

a:hover {
    color:#29beaf; /*00b3df; /*primary-color*/
    text-decoration:none;
    font-size:15px;
    font-family:'Open Sans', sans-serif;
}

/************************************************************/
.linkSize a,
.linkSize a:link,
.linkSize a:visited {font-size:16px;}
.linkSize a:hover {font-size:16px;}

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

a.Button{
    color: #fff;
}

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

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

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


/* 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);*/
    display:block; border-bottom:solid 1px rgba(255, 255, 255, 0.5);
}

.tablet .Application_Menu, 
.phone .Application_Menu{bottom:0; box-shadow:0 3px 5px #888; display:block; height:auto; overflow:auto; position:fixed; width:285px; right:-290px; top:50px; 
                        -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); -webkit-transition:all .3s ease-out; transition:all .3s ease-out;  -webkit-backface-visibility:hidden; 
                        backface-visibility:hidden; -webkit-perspective:1000; perspective:1000;}

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*/
}

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

.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;
}