@import url("/LisbonTheme/Theme.LisbonTheme.css?259");

/*
    How to generate a theme for your company: 
    
        1 - Go to https://silkui.outsystems.com/ThemeCustomizer/GenerateLisbon.aspx
        2 - Copy the generated CSS
        3 - Replace the CSS for Primary Color Customization below with the Generated CSS

*/

/*------------------------------------*\
             Import Font
\*------------------------------------*/

@font-face {
    font-family: 'Roboto';
    src: url('/RichWidgets/fonts/Roboto-Regular-webfont.eot');
    src: url('/RichWidgets/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/RichWidgets/fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('/RichWidgets/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('/RichWidgets/fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/RichWidgets/fonts/Roboto-Bold-webfont.eot');
    src: url('/RichWidgets/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/RichWidgets/fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('/RichWidgets/fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('/RichWidgets/fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: 700;
    font-style: normal;
}



/*------------------------------------*\
             Font Definition
\*------------------------------------*/

 /* html, body, a, select, form, fieldset, table, tr, td, img, input, button, select, textarea, optgroup, option {
    font-family: 'Open-Sans', sans-serif;
} */

html,
body,
a,
select,
fieldset,
input,
button,
select,
textarea,
optgroup,
option {
    font-family: 'Roboto', sans-serif;
}




/* Font OpenSans classes */

.Roboto_Regular {
    font-family:  'Roboto', sans-serif;
    font-weight: 400;
}

.Roboto_Bold {
    font-family:  'Roboto', sans-serif;
    font-weight: 700;
}

/***************************************/
/***** PRIMARY COLOR CUSTOMIZATION *****/
/***************************************/
a,
a:link,
a:visited,
.Footer a,
.Footer a:link,
.Footer a:visited {
    color: #006a8c;  /*primary-color*/
}



.Header_background {
    background-color: #006a8c; /*primary-color*/
    border-bottom-color: #006a8c; /*primary-color*/
}

.Header_title {    
    border-right-color: #006a8c; /*primary-color*/ text-decoration:none !important;
}

.Menu_DropDownPanel {
    background-color: #006a8c; /*primary-color*/
}

.Menu_TopMenu a span.fa {
    border-color: #006a8c; /*primary-color*/
}

.Menu_TopMenu:hover span.fa {
    color: #FFF;
    border-color: #FFF;
}

.Menu_TopMenu:hover .Menu_DropDownArrow {
    border-top-color: #FFF;
}

.Menu_TopMenuActive {
    border-top-color: #FFF;
}

.Header_Menu a:hover, 
.Header_Menu a:link:hover, 
.Header_Menu a:visited:hover,
/*.desktop a:hover, 
.desktop a:link:hover*/ {
    color: #FFF; text-decoration:none !important; background:none; border-radius:0;}


.Menu_TopMenuActive:hover a:link, .Menu_TopMenuActive a:link,
.Menu_TopMenuActive:hover a:visited, .Menu_TopMenuActive a:visited,
.Menu_TopMenuActive:hover a, .Menu_TopMenuActive a,
.Menu_TopMenu:hover a, .Menu_TopMenu a {
    color: #FFF;
}

.Menu_TopMenuActive .Menu_DropDownArrow,
.Menu_TopMenuActive:hover .Menu_DropDownArrow {
    border-top-color: #FFF;
}

.Menu_DropDownArrow {
    border-top-color: #FFF;
}

.Menu_TopMenuActive a span.fa {
    color: #FFF;
    border-color: #FFF;
}

.Menu_DropDownPanel a span.fa {
    color: #FFF;
}

a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis {
    color: #006a8c; /*primary-color*/
}

a.ListNavigation_PageNumber:link:hover,
span.ListNavigation_CurrentPageNumber:hover,
span.ListNavigation_Ellipsis:hover {
    color: #006a8c; /*primary-color*/
}

a.ListNavigation_Previous:link,
a.ListNavigation_Next:link,
span.ListNavigation_DisabledNext, 
span.ListNavigation_DisabledPrevious {
    color: #006a8c; /*primary-color*/
}

a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover,
span.ListNavigation_DisabledNext:hover, 
span.ListNavigation_DisabledPrevious:hover {
    color: #006a8c; /*primary-color*/
}

a.ActionAdd,
a.ActionAdd:link,
a.ActionAdd:visited,
a.ActionEdit,
a.ActionEdit:link,
a.ActionEdit:visited,
a.ActionDelete,
a.ActionDelete:link,
a.ActionDelete:visited,
a.ActionChange,
a.ActionChange:link,
a.ActionChange:visited {
    background-color: #006a8c; /*primary-color*/
    border-color: #006a8c; /*primary-color*/
}

.desktop a.ActionAdd:hover,
.desktop a.ActionAdd:hover:visited,
.desktop a.ActionAdd:link:hover,
.desktop a.ActionEdit:hover,
.desktop a.ActionEdit:link:hover,
.desktop a.ActionEdit:link:visited,
.desktop a.ActionDelete:hover,
.desktop a.ActionDelete:hover:visited,
.desktop a.ActionDelete:link:hover,
.desktop a.ActionChange:hover,
.desktop a.ActionChange:hover:visited,
.desktop a.ActionChange:link:hover {
    background-color: #006a8c; /*primary-color*/
    border-color: #006a8c; /*primary-color*/
    box-shadow: none;
    color: #fff;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
}

.desktop a.ActionAdd:hover:active,
.desktop a.ActionEdit:hover:active,
.desktop a.ActionDelete:hover:active,
.desktop a.ActionChange:hover:active {
    background-color: #006a8c; /*primary-color*/
    border-color: #006a8c; /*primary-color*/
    color: #FFF;
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
}

.Login_Footer {
    background: #006a8c; /*primary-color*/
    background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:    -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:     -ms-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:      -o-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:          linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}


.AccordionVertical_item.open .AccordionVertical___icon > .fa {
    color: #006a8c; /*primary-color*/
}
.AccordionVertical_item.open > .AccordionVertical__header > .AccordionVertical___icon > .fa {
    color: #fff; /*primary-color*/
}

.expanded .SectionExpandable__icon.Heading2 > .fa {
    color: #fff; /*primary-color*/
}

.Panel .SectionExpandable__icon.Heading2 > .fa {
    color: #fff; /*primary-color*/
}

.ButtonGroup_button.Button:hover {
    background: #006a8c; /*primary-color*/
}

.select2-container .select2-choice span {
    color: #006a8c; /*primary-color*/
}

.select2-dropdown-open .select2-choice {
    background-color: #fff;
}

.select2-results .select2-highlighted {
    background-color: #006a8c; /*primary-color*/
}

.IconBadge_number {
    background-color: #006a8c; /*primary-color*/
}

.desktop .NavigationBar a:hover, 
.desktop .NavigationBar a:link:hover {
    color: #006a8c; /*primary-color*/
}

.NavigationBar a.Active {
    color: #006a8c; /*primary-color*/
}

.desktop .NavigationBar a:hover:after, 
.desktop .NavigationBar a:link:hover:after,
.NavigationBar a.Active:after {
    background-color: #006a8c; /*primary-color*/
}

.NavigationBar a.Active:not(.IE8):before {
    border-bottom-color: #006a8c; /*primary-color*/
}

.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover,
.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
  border-color: #006a8c; /*primary-color*/
}

.NavigationBar.Vertical a.Active:not(.IE8):before {
    border-left-color: #006a8c; /*primary-color*/
}

.phone .NavigationBar .InlineDropdown:active,
.phone .NavigationBar .InlineDropdown:link:active,
.tablet .NavigationBar .InlineDropdown:active,
.tablet .NavigationBar .InlineDropdown:link:active,
.phone .NavigationBar a:active, 
.phone .NavigationBar a:link:active,
.tablet .NavigationBar a:active, 
.tablet .NavigationBar a:link:active {
    color: #006a8c; /*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: #006a8c; /*primary-color*/
}

.Tabs__tab.active {
    border-top-color: #006a8c; /*primary-color*/
    color: #006a8c; /*primary-color*/
}

.WizardStep a,
.WizardStep a:link,
.desktop .WizardStep a:hover,
.desktop .WizardStep a:link:hover
{
    color: #006a8c; /*primary-color*/
}


.WizardStep.ActiveStep {
    background: #006a8c; /*primary-color*/
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
}

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

.WizardStep.Past {
    background: #006a8c; /*primary-color*/
}

.WizardStep.Past:before {
    border-top-color: #006a8c; /*primary-color*/
    border-bottom-color: #006a8c; /*primary-color*/
}

.WizardStep.Past a,
.WizardStep.Past a:hover,
.WizardStep.Past a:link,
.WizardStep.Past a:link:hover,
.WizardStep.Past a[disabled="disabled"],
.WizardStep.Past a[disabled="disabled"]:hover
.WizardStep.ActiveStep a,
.WizardStep.ActiveStep a:hover,
.WizardStep.ActiveStep a:link,
.WizardStep.ActiveStep a:link:hover,
.WizardStep.ActiveStep a[disabled="disabled"],
.WizardStep.ActiveStep a[disabled="disabled"]:hover {
    color: #FFF;
}

.WizardStep.Past:after {
    border-right-color: #006a8c; /*primary-color*/
    border-top-color: #006a8c; /*primary-color*/
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7);
}

.Button,
a.Button {
    color: #006a8c; /*primary-color*/
}

.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #006a8c; /*primary-color*/
    border-color: #006a8c; /*primary-color*/
}

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


.Button:hover:active,
a.Button:hover:active {
    color: #006a8c; /*primary-color*/
}

.Button.ButtonDefault:hover,
.Button.Is_Default:hover {
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
}

.Button.ButtonDefault:hover:active,
.Button.Is_Default:hover:active {
    background-color: #006a8c; /*primary-color*/
    border-color: #006a8c; /*primary-color*/
    color: #fff;
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
}

.desktop a.ActionAdd:hover:active,
.desktop a.ActionEdit:hover:active,
.desktop a.ActionDelete:hover:active,
.desktop a.ActionChange:hover:active {
    background-color: #006a8c; /*primary-color*/
    border-color: #006a8c; /*primary-color*/
    color: #fff;
}

a,
a:link,
a:visited,
.EditableTable tr.RowControlGroup a  {
    color: #006a8c; /*primary-color*/
}

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: #006a8c; /*primary-color*/
}

.Menu_DropDownPanel a.Menu_SubMenuItem:hover {
    background-color: #006a8c; /*primary-color*/
}

.Menu_DropDownButton.open .Menu_TopMenu .Menu_DropDownArrow {
    border-top-color: #fff;
    opacity: .5;
}

.tablet a.Header_ButtonMenu, 
.phone a.Header_ButtonMenu {
    color: #FFF;
}

.Page.active .Header_ButtonMenu {
    color: #FFF;
}

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

.SectionIndex a, 
.SectionIndex a:link, 
.SectionIndex a:visited,
.SectionIndex a.active, 
.SectionIndex a:hover,
.desktop .SectionIndex a:hover{
    color: #006a8c; /*primary-color*/
    border-bottom-color: #006a8c; /*primary-color*/
    text-decoration: none;
}


.AccordionVertical___title {
    color: #006a8c; /*primary-color*/
}

.SectionExpandable.expanded .SectionExpandable_header .Heading2 {
    color: #006a8c; /*primary-color*/
}


.Button.Link {
    color: #006a8c; /*primary-color*/
}

.desktop .Button.Link:hover {
    border-color: #006a8c; /*primary-color*/
    color: #006a8c; /*primary-color*/
}

.desktop .Button:hover, 
.desktop a.Button:hover {
    color: #006a8c; /*primary-color*/
}

.ButtonGroup_button.active, 
.desktop .ButtonGroup_button.active:hover {
    background-color: #006a8c; /*primary-color*/
}

.ButtonGroup_button.Button:hover,
.ButtonGroup_button.Button:hover .fa{
    color: #FFF;
}


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

.Calendar-navDisabled > div, 
.topBar-navDisabled .Calendar-navBtn > div,
.Calendar-time-down, 
.Calendar-time-up, 
.Calendar-time-am {
    color: #006a8c; /*primary-color*/
}

.DropdownMenu .PH > a,
.DropdownMenu .PH > a:hover {
    color: #006a8c; /*primary-color*/
}

.SliderRange .ui-slider-range {
    background-color: #006a8c; /*primary-color*/
}

.EditableTable tr.RowControlGroup a:hover {
    color:  #006a8c; /*primary-color*/
}

.desktop .Button.ButtonDefault:hover,
.Button.Button.Is_Default:hover {
    background-color: #006a8c; /*primary-color*/
    border-color: #006a8c; /*primary-color*/
}
.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #006a8c; /*primary-color*/
}

td.RowWithAddAction a:hover {
    color: #006a8c; /*primary-color*/
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
}

.InfoTooltip .tooltipstered,
.ListItem  .tooltipstered{
    color: #006a8c; /*primary-color*/
}

div.Menu_DropDownPanel a:hover, 
div.Menu_DropDownPanel a:link:hover,
div.Menu_DropDownPanel a:visited:hover,
div.Menu_DropDownPanel a.Menu_SubMenuItem:hover,
div.Menu_DropDownPanel a.Menu_SubMenuItem.Menu_SubMenuItemActive {
    color: #FFF;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5);
    
}

/* Menu tablet and phone */
.tablet .Application_Menu,
.phone .Application_Menu {
    background: #006a8c; /*primary-color*/
}


.pika-prev:after,
.pika-next:after {
    color: #006a8c; /*primary-color*/ 
}

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

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

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


div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-title,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title{
    color: #FFF;
    top:0;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close {
    opacity: 1;
    top: 15px;
    background-image: url(/WebPatterns/img/PopupCloseWhite.png?159);
}

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{
    padding-top:0;
}


div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-title,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title{
    color: #FFF;
    top:10px;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close {
    opacity: 1;
    top: 15px;
    background-image: url(/WebPatterns/img/PopupCloseWhite.png?159);
}

.Feedback_AjaxWait {
    color: #222;
}

.Feedback_AjaxWait .Loader {
    -webkit-animation: loader 1.3s infinite linear;
            animation: loader 1.3s infinite linear;
    border-radius: 50%;
    font-size: 4px;
    height: 1em;
    margin-bottom: 20px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
    width: 1em;
    background: transparent;
}

@-webkit-keyframes loader {
    0%,
    100% {
        box-shadow: 0 -3em 0 .2em #222, 2em -2em 0 0 #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 0 #222;
    }
    12.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 .2em #222, 3em 0 0 0 #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    25% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 0 #222, 3em 0 0 .2em #222, 2em 2em 0 0 #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 0 #222, 2em 2em 0 .2em #222, 0 3em 0 0 #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    50% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 0 #222, 0 3em 0 .2em #222, -2em 2em 0 0 #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 0 #222, -2em 2em 0 .2em #222, -3em 0 0 0 #222, -2em -2em 0 -.5em #222;
    }
    75% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 .2em #222, -2em -2em 0 0 #222;
    }
    87.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 0 #222, -2em -2em 0 .2em #222;
    }
}
@keyframes loader {
    0%,
    100% {
        box-shadow: 0 -3em 0 .2em #222, 2em -2em 0 0 #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 0 #222;
    }
    12.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 .2em #222, 3em 0 0 0 #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    25% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 0 #222, 3em 0 0 .2em #222, 2em 2em 0 0 #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 0 #222, 2em 2em 0 .2em #222, 0 3em 0 0 #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    50% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 0 #222, 0 3em 0 .2em #222, -2em 2em 0 0 #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 0 #222, -2em 2em 0 .2em #222, -3em 0 0 0 #222, -2em -2em 0 -.5em #222;
    }
    75% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 .2em #222, -2em -2em 0 0 #222;
    }
    87.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 0 #222, -2em -2em 0 .2em #222;
    }
}




/********************************************** CSS PAT 2019-06-27 ******************************************/


/*********************************************************************
******************************  Fonts ********************************/

@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed&display=swap');

h1 {font-family:'Yanone Kaffeesatz', sans-serif; font-size:36px; font-weight:600; line-height:42px; color:#006a8c;}
h2 {font-family:'Yanone Kaffeesatz', sans-serif; font-size:30px; font-weight:600; line-height:40px; color:#006a8c;}
h3 {font-family:'Yanone Kaffeesatz', sans-serif; font-size:26px; font-weight:normal; line-height:38px; color:#006a8c;}
h4 {font-family:'Yanone Kaffeesatz', sans-serif; font-size:23px; font-weight:normal; line-height:35px; color:#006a8c;}
h5 {font-family:'Yanone Kaffeesatz', sans-serif; font-size:20px; font-weight:normal; line-height:33px; color:#006a8c;}

body {font-family:'Yanone Kaffeesatz', sans-serif; font-size:20px; font-style:normal; font-variant:normal; line-height:33px; color:#464646; text-align:left; margin:0;}

/* Imagens de header de todas as páginas */
.PageHeaderTitle {font-family:'Ubuntu Condensed', sans-serif; font-size:43px; font-weight:600; line-height:47px; color:#fff; margin-bottom:30px;}
.tablet .PageHeaderTitle {font-size:30px; line-height:37px; margin-bottom:20px;}
.phone .PageHeaderTitle {font-size:20px; line-height:27px; margin-bottom:10px;}

.PageHeaderBody {font-family:'Ubuntu Condensed', sans-serif; font-size:22px; font-weight:normal; line-height:37px; color:#ffffffed;}
.phone .PageHeaderBody {font-size:20px; line-height:27px;}

.desktop .PageHeaderTitleBlog .PageHeaderTitle {font-size:60px; line-height:80px; text-decoration:none !important;}
.phone .PageHeaderTitleBlog {font-size:25px; line-height:32px; text-decoration:none !important; margin-bottom:15px !important; margin-top:30px !important;}

/* Margin-top por device do título dos headers */
.desktop .TitleMarg120 {margin-top:120px;}
.desktop .TitleMarg85 {margin-top:85px;}
.desktop .TitleMarg90 {margin-top:90px;}
.desktop .TitleMarg70 {margin-top:70px;}
.tablet .TitleMarg40 {margin-top:40px;}
.phone .TitleMarg25 {margin-top:25px;}
/* para responsive */
.tablet .MargTop20 {margin-top:20px;}
.tablet .TabMargTop0 {margin-top:0px;}

/* Dimensão do conteúdo por device - headers */
.desktop .PageHeaderDim80 {width:80%;}
.desktop .PageHeaderDim65 {width:65%;}
.desktop .PageHeaderDim45 {width:45%;}

.tablet .TabPageHeaderDim80 {width:80% !important;}

.phone .PhoneMargTop20 {margin-top:20px}
.phone .PhoneMargTop0 {margin-top:0px}
.phone .PhoneMargLeft20 {margin-left:20px}
.phone .PhoneMargLeft20Neg {margin-left:-20px}


/* Obrigar a que todas as imagens do Header tenham 450px de altura */
.desktop .HeaderSectionWebsite .SectionWebsite {height:450px;}

/* Tablet - imagens do header */
.tablet .HeaderHeightImg .CardBackground {min-height:450px;}
.phone .HeaderHeightImg .CardBackground {min-height:402px;}







/*************************************************************************
********************************* DIVERSOS *******************************/

/* Links */
.desktop a:hover,
.desktop a:link:hover,
.desktop a:visited:hover {color:#006a8c; text-decoration:underline; background:#006a8c1c; border-radius:4px;}

/* NÃO APAGAR: + tarde resolver!! 
-> porque não consigo retirar o underline dos textos nas imagens dos headers, não vou colocar underline nos links 
.tablet a,
.tablet a:link,
.tablet a:visited {text-decoration:underline;}

.tablet a:hover,
.tablet a:link:hover,
.tablet a:visited:hover {background:#006a8c1c; border-radius:4px;}

.phone a,
.phone a:link,
.phone a:visited {text-decoration:underline;}

.phone a:hover,
.phone a:link:hover,
.phone a:visited:hover {text-decoration:none !important;}*/

/* Retitat CSS dos links nas imagens dos Headers */
.desktop .NoLinkClassHeader a:hover, 
.desktop .NoLinkClassHeader a:link:hover, 
.desktop .NoLinkClassHeader a:visited:hover,

.tablet .NoLinkClassHeader a:hover, 
.tablet .NoLinkClassHeader a:link:hover, 
.tablet .NoLinkClassHeader a:visited:hover,

.phone .NoLinkClassHeader a:hover, 
.phone .NoLinkClassHeader a:link:hover, 
.phone .NoLinkClassHeader a:visited:hover {text-decoration:none !important; background:none; border-radius:0;}



/* Animação para o título */
/*.TitleAppear {animation-duration:2s; animation-name:TitleAppear;}
@keyframes TitleAppear { 
    from {margin-left:100%; width:300%}
    to {margin-left:0%; width:100%;}}*/
    
/* Class Image_thumb */
img.Image_thumb {border:none; border-radius:0; padding:0; background:transparent !important;}

/* Cor de fundo - Secção */
.Silver {background-color:#f3f1f175;}

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

/* FORGE - ScrollUp */
.scroll {position:absolute; right:20px; bottom:20px; background:#006a8c2b; padding:5px; color:#fff; text-align:center; margin:0 0 0 0; cursor:pointer; 
         transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; border-radius:3px;}
.scroll:hover {background:#006a8c; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}

/* Margin-bottom das estruturas */
.Columns.MarginBottom {margin-bottom:15px;}

/* Bullets - Check */
.bulletsCheck {list-style: none;}
.bulletsCheck:before {content: '✔'; color:#f76017; font-size:30px; margin-top:10px; margin-left:7px; margin-right:10px;}
.phone .bulletsCheck:before {margin-left:-15px;}

/* Caixas 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-left:none !important; border-right:none !important; border-top:none !important; height:20px; font-size:20px; padding:0 4px;
                     box-shadow:none !important;}

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"]:focus {border-left:none !important; border-right:none !important; border-top:none !important; height:30px; font-size:20px; padding:0 4px;
                           box-shadow:none !important;}

textarea, select, input {border-radius:0; box-shadow:none;}

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 {line-height:23px; font-size:20px;}

/******************************* BOTÕES *********************************/
/* Botão White */
.btWhite {color:#006a8c; background:#fff; border:solid 1px #006a8c; font-weight:600; border-radius:4px; padding-left:15px; padding-right:15px; 
          cursor:pointer; height:40px; font-size:18px;}
.btWhite:hover {background:#e6f9ff;}

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

/* Botão Blue */
.btBlue {color:#fff; background:#006a8c; border:solid 1px #006a8c; font-weight:600; border-radius:4px; padding-left:15px; padding-right:15px; 
          cursor:pointer; height:40px; font-size:19px;}
.btBlue:hover {background:#006a8cdb;}

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

/* .Text_Note */
.Text_Note {color:#888; font-size:14px; line-height:22px;}




/*************************************************************************
********************************* HEADER *********************************/

/* Logo 1to1 - header */
.Header .Application_Title img {max-height:initial; vertical-align:middle; text-decoration:none !important;}
.tablet .Header:hover {text-decoration:none !important;}


/* Botão inferior esquerdo para Site GETbizz -> DEMO */
.GETbizzSite {background:#89adb9; height:80px; position:fixed; left:-1.5%; top:67.5%; width:4%; border-top-right-radius:20px; border-bottom-right-radius:20px;}
.GETbizzSite:hover {background:#006a8c;}

@media (min-width:1600px) {.GETbizzSite {top:67.5%;}
                           .TextGETbizzSite {left:-0.3% !important; top:70.6% !important;}} /* desktop */

@media (min-width:1366px) and (max-width:1599px) {.GETbizzSite {top:72.5%;}
                                                  .TextGETbizzSite {left:-0.7% !important; top:77.2% !important;}} /* laptop - o meu é desta dim */
                                                
@media (min-width:1281px) and (max-width:1365px) {.GETbizzSite {top:74.5%;}
                                                  .TextGETbizzSite {left:-0.8% !important; top:82.2% !important;}} /* laptop */
                                                  
@media (min-width:1025px) and (max-width:1280px) {.GETbizzSite {top:78.5%;}
                                                  .TextGETbizzSite {left:-1% !important; top:84.2% !important;}} /* laptop */

/* classe para texto dentro do Bt */
.TextGETbizzSite {color:#fff; font-size:18px; line-height:25px; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg);
                  height:146px; position:fixed; left:-2.3%; top:74.2%;}


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


/* Botão inferior esquerdo para Language Change */
/*.btLanguageChange {color:#fff; background:#006a8c; padding-left:15px; padding-right:15px; cursor:pointer; font-size:17px; top:88.4%; position:fixed; left:-0.55%; 
                   height:45px !important;  width:45px !important; padding-left:11px; border-top-right-radius:16px; border-bottom-right-radius:16px; 
                   border:solid 3px #fff;} 
.btLanguageChange:hover {background:#89adb9;}
                   
@media (min-width:1600px) {.btLanguageChange {top:92.4%;}}

@media (min-width:1366px) and (max-width:1599px) {.btLanguageChange {top:86.4%;}} 
                                                
@media (min-width:1281px) and (max-width:1365px) {.btLanguageChange {top:100.4%;}}
                                                  
@media (min-width:1025px) and (max-width:1280px) {.btLanguageChange {top:104.4%;}} 

.Buttons_Right {display:table-row;} */




/*************************************************************************
********************************* FOOTER *********************************/

.Footer {font-size:14px; line-height:25px; text-align:center;}

.Footer a, 
.Footer a:link, 
.Footer a:visited {font-size:14px;}

.desktop .FollowUsHover a:hover, 
.desktop .FollowUsHover a:link:hover, 
.desktop .FollowUsHover a:visited:hover {color:transparent; text-decoration:none; background:transparent; border-radius:0;}

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

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






/*************************************************************************
********************************** MENU *********************************/

/* Menu muda de cor após scroll */
.Header_background {background:#006a8c; border-bottom-color:#006a8c; color:#333;}

/* Alinhar Menu */
.Application_Menu, 
.Header_Menu {float:right; width:87%; background:none; color:#fff; font-size:19px; text-decoration:none !important;}

/* Hover à área de menu */
.Application_Menu a:hover {background:none;}

/* Menu ativo */
.Menu_TopMenuActive {color:#fff; background:rgba(0, 0, 0, 0.15); filter:none !important; font-weight:normal; border:0; box-shadow:none; line-height:49px;}

.Menu_TopMenu a:link, 
.Menu_TopMenu a:visited, 
.Menu_TopMenu a {color:#fff !important;; padding:0px 17px; text-decoration:none !important;}
.Menu_TopMenu a:hover {background:rgba(0, 0, 0, 0.1); text-decoration:none !important;}


/* Submenus */
/* Efeito do submenu aberto no menu */
.Menu_DropDownButton.open .Menu_TopMenu {background-color:#006a8c; border-bottom:none; box-shadow:none;}

/* Submenu para baixo, em vez de para o lado */
.Menu_SubItemsPlaceholder {display:grid;}

.Menu_DropDownPanel {background-color:#006a8c;}

.Menu_DropDownPanel a, 
.Menu_DropDownPanel a:link, 
.Menu_DropDownPanel a:visited {border-bottom:none !important; font-size:15px;}
.Menu_DropDownPanel {padding-top:5px; padding-bottom:5px; box-shadow:none;}

div.Menu_DropDownPanel a, 
div.Menu_DropDownPanel a:link, 
div.Menu_DropDownPanel a:visited {color:#fff; height:40px; padding-top:5px; text-align:inherit;}

div.Menu_DropDownPanel a:hover, 
div.Menu_DropDownPanel a:link:hover,
div.Menu_DropDownPanel a:visited:hover,
div.Menu_DropDownPanel a.Menu_SubMenuItem:hover,
div.Menu_DropDownPanel a.Menu_SubMenuItem.Menu_SubMenuItemActive {color:#fff !important; background:#49829c !important; box-shadow:none !important;
                                                                  border:none !important;}

/* Link para MyProfile */
.MyProfile {color:#fff; background:#2dc8da66; font-weight:600; height:49px;}
.MyProfile:hover {color:#fff; background:#28b3c3bf; font-weight:600; height:49px;}

.desktop .MyProfile {position:absolute; left:83.5%;}

.desktop .MyProfile a:hover, 
.desktop .MyProfile a:link:hover, 
.desktop .MyProfile a:visited:hover {color:#fff; text-decoration:none; background:none; border-radius:4px;}

/* idioma */
.LanguageImg {margin-top:14px; margin-right:20px; margin-left:15px; cursor:pointer;}



/*************************************************************************
********************************* HOMEPAGE *******************************/

/* Destaques */

.desktop .DimCol2 .Columns2 > .Column.ColFirst {padding-left:0; padding-right:20px;}
.desktop .DimCol2 .Columns2 > .Column.ColLast {padding-left:20px; padding-right:0;}

.HighlightsCard .Card {border-radius:2px; padding:0; width:100%;}
.HighlightsCard .CardSimpleImage .Card_Image {border-top-left-radius:2px; border-top-right-radius:2px; margin-bottom:-1px;} 
.HighlightsCard .CardSimpleImage .Card_Text {background:#006a8c; color:#fff; font-size:18px; margin-bottom:0; padding:4px;}

.TextHighlightsCard {word-wrap:break-word;} /* quebra de linha (texto) */

/*.tablet.portrait .DimHighlightsCard {height:220px;} */ /* responsive tablet portriat - a mesma altura */
            
            
            
            

/*************************************************************************
******************************** ABOUT US ********************************/

/* caixas pequenas da página sobre nos */
.caixaContribuition {background:#fff; padding:15px 15px 15px 15px;}
.tablet.portrait .caixaContribuition {height:270px;}
.phone .caixaContribuition {height:auto;}





/*************************************************************************
*************************** PRODUTOS - GETBIZZ ****************************/

/* Imagem Think-GETbizz */
.desktop .DeskFloatRight {float:right;}

/* Estrutura de 3 colunas_: Paddings */
.Padd3Col .Columns3 .Column.ColFirst {padding-left:0; padding-right:20px;}
.Padd3Col .Columns3 > .Column {padding:0 10px;}
.Padd3Col .Columns3 .Column.ColLast {padding-left:20px; padding-right:0;}

.phone .Padd3Col .Columns3 .Column.ColFirst {padding-left:0; padding-right:0px;}
.phone .Padd3Col .Columns3 > .Column {padding:0px;}
.phone .Padd3Col .Columns3 .Column.ColLast {padding-left:0px; padding-right:0;}

/* fundo para secções - cinza */
.GreyBackground .Card {background-color:transparent; border:none; box-shadow:none;}

/* Box */
.desktop .BoxHover:hover,
.tablet .BoxHover:hover {box-shadow:0 5px 10px #c2c5c5b3; transform:translateY(0px) scale(1.02);}

 
 
 
 
/*************************************************************************
************************ PRODUTOS - DATA CLEANING ************************/

/* Texto - header */
desktop .DeskTextHeader {text-align:justify; text-align:right;}

/* bullets */
.bulletsCheck {list-style:none;}
.bulletsCheck:before {content:'✔'; color:#006a8c; font-size:20px; margin-top:10px; margin-left:7px; margin-right:10px;}
.phone .bulletsCheck:before {margin-left:-15px;}

/* Estrurtura 2 col p/ bullets - depende da situação usar uma ou outra */
.Dim2ColBullet .SmallLeftColumns > .Column.ColFirst {width:6%;}
.Dim2ColBullet .SmallLeftColumns > .Column.ColLast {width:94%;}

.desktop .Dim2ColMiniBullet .SmallLeftColumns > .Column.ColFirst {width:3%;}
.desktop .Dim2ColMiniBullet .SmallLeftColumns > .Column.ColLast {width:97%;}

.tablet .Dim2ColMiniBullet .SmallLeftColumns > .Column.ColFirst {width:5%;}
.tablet .Dim2ColMiniBullet .SmallLeftColumns > .Column.ColLast {width:95%;}

.phone .Dim2ColMiniBullet .SmallLeftColumns > .Column.ColFirst {width:5%;}
.phone .Dim2ColMiniBullet .SmallLeftColumns > .Column.ColLast {width:95%;}



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

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

/* BUSINESS FIELDS | Estrutura de 3 colunas - paddings */
.desktop .ThreeColBusiness .Columns3 .Column.ColFirst {padding-left:0; padding-right:15px;}
.desktop .ThreeColBusiness .Columns3 .Column.ColMiddle {padding-left:15px; padding-right:15px;}
.desktop .ThreeColBusiness .Columns3 .Column.ColLast {padding-left:15px; padding-right:0;}
.desktop .ThreeColBusiness .Columns.MarginBottom {margin-bottom:10px;}

/* BUSINESS FIELDS | Altura do texto sempre igual para a frente e verso */
.desktop .CardHeight .Card {min-height:517px !important;}

.tablet.portrait .PaddTextCard {height:226px;}

/* BUSINESS FIELDS | Colocar background no cartão: e muito mais */
.OtherIndustries .Card {background-color:#006a8c; min-height:535px; padding:0;}
.tablet .OtherIndustries .Card {background-color:#006a8c; height:500px; padding:0;}

/* BUSINESS FIELDS | Retirar margen no verso do cartão */
.CardSimple .Card_Text {margin-bottom:0px;}
.Card .Card_Title.Heading3 {margin-bottom:0px;}

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

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

/* FORM | Retirar margin-top Phone */
.phone .MargTitlePhone {margin-top:0 !important;}
 
/* FORM | TwoColumnsForm */
.desktop .TwoColumnsForm .Columns2 > .Column.ColFirst {padding-left:0; padding-right:25px;}
.desktop .TwoColumnsForm .Columns2 > .Column.ColLast {padding-left:0; padding-left:25px;}

.tablet .TwoColumnsForm .Columns2 > .Column.ColFirst {padding-left:0; padding-right:25px;}
.tablet .TwoColumnsForm .Columns2 > .Column.ColLast {padding-left:0; padding-left:25px;}

/* FORM | Colocar o formulário numa secção expansivel */
.SectionExpandable_header {background:#006a8c; border-bottom:none; border-radius:2px !important; color:#fff !important; cursor:pointer; display:table;
                           margin-top:0; padding-left:10px; width:100%;}
 
 /* FORM | Retirar linha à volta da secção expansivel */
 .SectionWebsite .SectionExpandable {color:#333; border:0; box-shadow:none;}






/*************************************************************************
******************* PRODUTOS - DATA CLEANING - QUIZ **********************/

/* Pagina do Quiz - Caixas com resultados */
.caixaQuizResult {background-color:#43a3b3/*#cfdfe4*/; color:#fff; border-radius:4px; padding:20px;}
.phone .caixaQuizResult .Height100 {height:auto;}
.phone .caixaQuizResult {height:auto;}

/* margem superior dos botões */
.desktop .ColMargin7 {margin-top:20px;}
.tablet.portrait .ColMargin7 {margin-top:-12px;}
.tablet.landscape .ColMargin7 {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 {background-color:transparent; border-bottom:solid 3px #f76017 !important; border-left:none; border-radius:3px;
                                                border-right:0; border-top:0; color:#f76017; font-weight:600;}

.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 {background-color:transparent; box-shadow:none; }

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


/* CSS wizard */
.WizardStep.Past {background:#a3c0ca; color:#e9f2f5;}
.WizardStep.Past:before {border-top-color:#a3c0ca; border-bottom-color:#a3c0ca;}
.WizardStep:after {border-right:none; border-top:none;}






/*************************************************************************
********************************* ABC 1to1 *******************************/

.SectionIndex.fixed {position:fixed; top:5%; width:100%; -webkit-transform:translateZ(0); text-align:center; padding-top:15px; padding-bottom:15px;
                     background-color:rgb(243, 243, 243); left:0; z-index:19; border-bottom:solid 1px #ddd;}
                     
/* Anchor - ABC 1to1 - não funciona... */
a.ABCanchor {display:block; position:relative; top:-50px !important; visibility:hidden;}
/*.ABCsection .Section {margin:-28px 0 0 0 !important;}*/

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

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

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

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

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

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


/* espaçamento entre 2 colunas */
.Space2Col25 .Columns2 > .Column {width:50%; padding:0 25px;}
.Space2Col25 .Columns2 > .Column.ColFirst {padding-left:0 !important;}
.Space2Col25 .Columns2 > .Column.ColLast {padding-right:0 !important;}


/*************************************************************************
*********************************** BLOG *********************************/

/* Anchor - Blog */
a.BlogAnchor {display:block; position:relative; top:-390px !important; visibility:hidden;}

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

/* Bt cartões dos artigos do blog */
.btLinkBlog {background:#006A8C; padding:8px; color:#fff; font-size:18px; font-weight:600;}
.btLinkBlog:hover {background:#006a8cdb; text-decoration:none !important;}

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

/* Icon back */
.LinkBack .fa-fw {padding-right:5px; width:auto;}

/* Box - destaques para outros links externos ou outros artigos */
.HighlightBox {padding:20px; background:#f5f5f5; border-radius:4px;}

/* Box - para fazer de menu fixo - funciona com anchors */
.FixedBoxMenu {background:#f5f5f5; padding:10px; top:450px; position:fixed; right:0px; border-radius:4px;}
.FixedBoxMenu a {color:#333;}
.FixedBoxMenu a:hover {text-decoration:underline; background:#006a8c1c;}

/* Classes apenas para o menu BLOG (são também usado com outros valores no ABC-1to1, por isso criei outra class .MenuCategBlog */
.MenuCategBlog .SectionIndex a, 
.MenuCategBlog .SectionIndex a:link, 
.MenuCategBlog .SectionIndex a:visited,
/*.MenuCategBlog .SectionIndex a.active, 
.MenuCategBlog .SectionIndex a:hover,*/
.desktop .MenuCategBlog .SectionIndex a:hover {color:#006a8c; border-bottom-color:transparent !important; text-decoration:none;}

.SectionIndex a.active {color:#006a8c; border-bottom-color:solid 2px #006a8c; text-decoration:none;} 


.MenuCategBlog .SectionIndex.fixed {position:fixed; top:5.3% !important; width:100%; -webkit-transform:translateZ(0); text-align:center; padding-top:5px !important; 
                     padding-bottom:3px !important; background-color:rgb(243, 243, 243); left:0; z-index:19; border-bottom:solid 1px #ddd; 
                     font-size:20px !important;}
                     
/* Ranking do artigo no cartão - (By X users) */
.Gallery .GalleryWrapper .GalleryItem [class*="ThemeGrid_Width"] {margin:0; width:auto; font-size:13px; padding:0; margin-bottom:0; margin-left:10px; color:#bbb;}

/* Ranking do artigo dentro do artigo - (By X users) - colocado no weblock*/
.ArticleStats {margin:0; width:auto; font-size:13px; padding:0; margin-bottom:0; margin-left:10px; color:#bbb;}

/* Comentar artigo do blog */
.Form label {color:#333; vertical-align:top;}

.Form input.ReadOnly:not(.Not_Valid), 
.Form textarea.ReadOnly:not(.Not_Valid), 
.Form select.ReadOnly:not(.Not_Valid),
.Form input.ReadOnly:not(.Not_Valid):focus, 
.Form textarea.ReadOnly:not(.Not_Valid):focus, 
.Form select.ReadOnly:not(.Not_Valid):focus {font-size:20px !important;}