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

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

.desktop a:hover,
.desktop a:link:hover,
.desktop a:visited:hover {
    color: #763568; /*primary-color*/
}

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

.Header_title {    
    border-right-color: #763568; /*primary-color*/
}

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

.Menu_TopMenu a span.fa {
    border-color: #763568; /*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;
}


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

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

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

a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover,
span.ListNavigation_DisabledNext:hover, 
span.ListNavigation_DisabledPrevious:hover {
    color: #763568; /*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: #763568; /*primary-color*/
    border-color: #763568; /*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: #763568; /*primary-color*/
    border-color: #763568; /*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: #763568; /*primary-color*/
    border-color: #763568; /*primary-color*/
    color: #FFF;
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
    
}

.Login_Footer {
    background: #763568; /*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: #763568; /*primary-color*/
}
.AccordionVertical_item.open > .AccordionVertical__header > .AccordionVertical___icon > .fa {
    color: #763568; /*primary-color*/
}

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

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

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

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

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

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

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

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

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

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

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

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

.NavigationBar.Vertical a.Active:not(.IE8):before {
    border-left-color: #763568; /*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: #763568; /*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: #763568; /*primary-color*/
}

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

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


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

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

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

.WizardStep.Past:before {
    border-top-color: #763568; /*primary-color*/
    border-bottom-color: #763568; /*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: #763568; /*primary-color*/
    border-top-color: #763568; /*primary-color*/
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7);
    
}

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

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

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


.Button:hover:active,
a.Button:hover:active {
    color: #763568; /*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: #763568; /*primary-color*/
    border-color: #763568; /*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: #763568; /*primary-color*/
    border-color: #763568; /*primary-color*/
    color: #fff;
}

a,
a:link,
a:visited,
.EditableTable tr.RowControlGroup a  {
    color: #763568; /*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: #763568; /*primary-color*/
}

.Menu_DropDownPanel a.Menu_SubMenuItem:hover {
    background-color: #763568; /*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: #763568; /*primary-color*/
    border-left-color: #763568; /*primary-color*/
}

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


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

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


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

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

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

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

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


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

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

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

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

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

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

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


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

.SliderRange .ui-slider-range, .noUi-origin.noUi-connect {
    background-color: #763568; /*primary-color*/
}

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

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

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

.InfoTooltip .tooltipstered,
.ListItem  .tooltipstered{
    color: #763568; /*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: #763568; /*primary-color*/
}

.Application_Menu {
    background: #763568; /*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?4386);
}

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?4386);
}

.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;
    }
}
/*New Styles for the app*/
.flex-column{
display: -webkit-flex;
-webkit-flex-direction: column;
display: flex;
flex-direction: column;
}

.background-buttons{
background-color: #333333;
color:#FFF;
}

.margin-bottom{
margin-bottom: 2%;
}

.margin-bottom4{
margin-bottom: 4%;
}
.margin-bottom2{
margin-bottom: 2%;
}

.title{
color:#979797;
font-size: larger;
font-weight: bolder;
text-align: center
}

.text-align-center{
text-align: center;
}

.subtitle{
font-size: medium;
font-weight: bolder;
padding-bottom: 1%;
padding-top: 1%;
}

.background-questions{
color:#000;
background-color: #FFF;
}

.border-top{
/*border-top: 1px solid #979797;*/
}

.display-flex{
display: -webkit-flex;
display: flex;
}

.width100{
width: 100%;
}

.question{
    padding-top: 2%;
    color: #000;
    background-color: #FFF;
}

.questions-title{
/*background-color: #8f248f;/*#C5C5C5;*/
color:#000;/* #FFF;*/
padding-top: 1%;
padding-bottom: 1%;
text-align: center;
font-weight: bold;
}

.answer{
margin-left: 1%;
}

.margin-left-right{
margin-left: 1%;
margin-right: 1%;
}

.padding-left-right{
padding-left: 1%;
padding-right: 1%;
padding-top: 1%;
padding-bottom: 1%;
text-align:justify;
width: 
}

.questions-subtitle{
background-color: #C5C5C5;
color: #000;
padding-top: 0.1%;
padding-bottom: 0.1%;
text-align: center;
}

.display-flex-around{
display: -webkit-flex;
display: flex;
justify-content: space-around;
}

.notes{
background-color: #F2F2F2;
color: #000;
padding-top: 1%;
padding-bottom: 1%;
text-align: left;
margin-bottom: 1%;
margin-top:1%;
}

.textColumns{
background-color:#FFF/* #8f248f;/*#C5C5C5;*/
color: #FFF;
text-align: center;
font-weight: bold;
}

.padding-left{
box-sizing: border-box;
padding-left: 1%;
text-align:justify;
}

.margin-right{
margin-right: 1%;
}

.margin-top20px{
margin-top: 20px;
}

.margin-top{
margin-top: 1%;
}
.margin-left{
margin-left: 1%;
text-align:justify;
}

.columns-style{
background-color: #F2F2F2;
color:#000;
text-align: center;
font-size: medium;
font-weight: bolder;
}

.margin-right10{
margin-right: 7%;
}
.margin-left10{
margin-left: 7%;
}

.background-color-title{
background-color: #F2F2F2;
}

.columns-styleList{
background-color: #F2F2F2;
color:#000;
text-align: center;
font-size: small;
text-transform: uppercase;
font-weight: bolder;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom:5px;
margin-top:5px;
}

.background-buttonsForm{
background-color: #FFF;
padding-top: 2%;
padding-bottom: 2%;
}

.color-black{
color:#000;
}


.Title_Section .Title {
    width: 100%;
}

.Title_Section .Actions {
   width: 0%;
}

.Description_Container {
    padding:0px 0px 1em 0px;
    text-align: justify;
    text-justify: inter-word;
    background-color: #FFF;
}

.padding-top{
padding-top: 1%;
}

.padding-rl{
padding-right:10%;
padding-left: 10%;
}

.margin-rl{
margin-right:10%;
margin-left: 10%;
}

.Padding3 {
    padding-left: 3em;
    padding-top: 0.5em;
    padding-right: 3em;
    padding-bottom: 3em;
}

.MainContent {
    min-height: 100%;
    padding: 10px;
    padding-bottom: 60px;
background-color: #FFF;
}

body {
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
}


.title-address{
background-color: #FFF;
color: #000;
font-weight: bold;
padding-top: 1%;
padding-bottom: 1%;
}

.border-right{
border-right: 1px solid #FFF;
}


.formPrincipal{
    height: 100%;
  /*IMPORTANT*/
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.5%;
}

.border{
border: 1px solid #99999940;
border-radius: 16px;
border-style: inset;
}

.violet{
background-color: #FFF;
}

.margin-2p{
margin-bottom: 2%;
}

.margin-top2{
margin-top: 3%;
}

.padding-1bt{
padding-bottom: 1%;
padding-top: 1%
}

.margin-bottom10px{
margin-bottom: 10px;
}

.padding1{
padding: 1em;
}

.text-align{
text-align: left!important;
}


/*PDF File*/

.Page.A4 {
    /*width: 20.9cm;*/
    height: 34.6cm;
    page-break-after: always;
}
}
.Page {
    background: white;
    display: block;
    margin: 3.75pt auto;
    margin-bottom: 7.5pt;
   
    position: relative;
    counter-increment: myIndex;
}
.OSAutoMarginTop {
    margin-top: 0px !important;
}

.PageHeader {
    padding: 1cm;
}

.Page .MainPageContent {
    padding: 0 1cm;
    position: absolute;
    top: 4cm;
    bottom: 1cm;
    overflow: hidden;
    margin: 0;
    left: 0;
    right: 0;
}


.PageBreak{
    height: 0.7cm;
    background: #e6e6e6;
    text-align:center;
    margin: 5mm 0;
}
.PageBreak span{
    font-size: 10pt;
}



.PageFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.first-page{
    line-height: 26px;
    text-align: justify;
}

.other-page{
    line-height: 29px;
    text-align: justify;
}

.Form .SmartInput_Undo{
    display: none !important;
}

.Form .FormEditPencil{
    display: none !important;
}

.Application_Menu {
    white-space: nowrap;
}
.flex-center{
justify-content: center;
}

.color-text{
color:#763568
}

.bakground-color{
color:#763568
}

.back-colorAnswers{
    background-color: #e7e5e5;
    font-weight: bold;
}

.padding-tb{
    padding-bottom: 1%;
    padding-top: 1%;
}

.color-textQuestion{
color:#000;
font-weight: bold; /*#999;*/
}

.TableRecords{
    padding: 0px;
}   

.background-button{
    background-color: #763568;
    color: #FFF;
}

.uppercase{
text-transform: uppercase;
}

.margin-left1porcent{
margin-left: 1%;
}

.bold{
color: black;
font-weight: bold;
}

.onlyBold{
font-weight: bold;
}

.Form label {
color:#000;
font-weight: bold;
}

.red{
color: #b22222;
}
.blockFlag, .width100.blockFlag {
    height:28px;
    padding:0px;
}


.paddingElement{
padding: 3em;
}

.phone .paddingElement{
padding: 1em;
}

.phone .Heading3{
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    font-weight: bold;
}

.paddingElement1{
padding: 0em;
}

.phone .paddingElement1{
padding.left: 10px;
padding-right: 10px;
}

.justify{
text-align: justify;
}

.phone .justify{
text-align: justify;
}

.align-left{
aling:left;
}


.InputWidth{
    
}

.phone .InputWidth{
    width:100%;
    margin-left:0;
}

.phone .display-flex{
margin-top: 10px;
display: block;
}

.margin-top10px{
    
}

.phone .margin-top10px{
margin-top: 10px;
}

.InputWidth87{
    
}

.phone .InputWidth87{
    width:87%;
    margin-left:0;
}

.margin-top5px{

}

.phone .margin-top5px{
margin-top: 5px;
}

.background-gray{
background-color: #F2F2F2;
}

.Description-Style {
}
.phone .Description-Style {
    font-size:16px;
}


.margin-bottom10{
margin-bottom: 10px;
}


.infoBanner{
    padding: 10px;
    font-weight: bold;
    color: #357643;
    background: #e5e5e5;
    text-align: center;
    font-size: 20px;
}
/*** Generated classes from Style Editor in OutSystems 10 ***/
.Page.A4[data-style-key="dJHf0+btBUGN0ssCCo6Jfg"] { margin:3.75pt auto 7.5pt; }
.PageHeader[data-style-key="MguvvJvA4Eei1qGNL_fsKA"] { text-align:center; }
[data-style-key="X89JBc+uGk2oZBacAxepqA"] { text-align:center; }
.VerticalAlign_Inherit[data-style-key="lia6iWoo3k6zylaSZoa7xQ"] { width:1'; }
.VerticalAlign_Inherit[data-style-key="yD5dvZ65pUyVxRXmHDheNA"] { text-align:center!important; }
.VerticalAlign_Inherit[data-style-key="V9kunXOcpkOMB2esbaMZJQ"] { height:100%; }
[data-style-key="vTr7X9CYJkqiLzHp4qg68A"] { text-align:center; }
.Heading4[data-style-key="WGccVFHkpEG8u1cNDSIqOg"] { font-size:100%; font-weight:bold; text-align:center; }
.heading3[data-style-key="MLc_Br9WcEKbClX89hOTHQ"] { font-size:18px; text-align:center; }
.Heading3[data-style-key="IsFIyeODeEyLLg_RcyNIjg"] { font-size:14px; font-weight:normal; }
[data-style-key="KbmGMZKMrkO+lCQfro2EcQ"] { display:inline-block; height:100px; width:150px; }
[data-style-key="q0b5ZVYatE6UbbUyOO89BA"] { display:inline-block; height:100px; width:150px; }
[data-style-key="za+ypDOlAUGMv34Fuu++oQ"] { display:inline-block; height:100px; width:150px; }
[data-style-key="Z22RhysrL0eGXx52DAI4rQ"] { display:inline-block; height:100px; width:150px; }
[data-style-key="UN287wX69kOLAvTMLItMIw"] { overflow:hidden; }
.footerPDF[data-style-key="DPLnUg6h8UeVPifb9pD9CQ"] { background-color:#763568; color:#fff; margin:0px; padding:1em; }
.question[data-style-key="t9q8fk1dJk+50C5AjzkH8A"] { display:inline-block; width:100%; }
.width100.Heading4[data-style-key="9qV4yxMz6k+0LwvRwsoWGQ"] { margin:0px 1% 0px 0px; }
.footerPDF[data-style-key="ovl6s5AASUGvec69nlyExQ"] { background-color:#763568; color:#fff; margin:0px; padding:1em; }
[data-style-key="D9nfLEmdI0apnmU5dk4pTA"] { display:inline-block; width:100%; }
.Heading3[data-style-key="dUjWeH2PEEmUo3aHCIGbuw"] { font-weight:bold; }
[data-style-key="WzOWrW77EUGJtQX+JudKqg"] { display:inline-block; text-align:left; width:100%; }
[data-style-key="g4xDQ7zNREOzCM94aGOkZA"] { display:inline-block; width:100%; }
.Heading3[data-style-key="YfodE3TgD02n3RqUFPem6A"] { display:inline-block; font-size:17px; font-weight:bold; height:100%; width:100%; }
.Button[data-style-key="Tt9d7uXfjEWLFjElTSlT8g"] { background-color:#70256c; color:#fff; }
.Heading3[data-style-key="q_xQAhQ2w0aOSK6cmL875A"] { font-weight:bold; }
.Button[data-style-key="QvOQ3OTNRkyaYSIyHX75PQ"] { margin:0px; }
[data-style-key="XX1Xd2vHlEKh0PComoEzXA"] { display:inline-block; height:200px; width:300px; }
[data-style-key="TyXAtEFPuk6xKbHrplrYeg"] { display:inline-block; height:100%; width:100%; }
[data-style-key="AX6cMqGcPUCdjXcsT18WEw"] { display:inline-block; height:200px; width:300px; }
[data-style-key="+lB+6FXa_Eyhx0fn4Pw9dA"] { display:inline-block; height:100%; width:100%; }
.Application_Menu.display-flex[data-style-key="raCorznHY0K6iPrYcg2lOQ"] { font-size:14px; height:34px; padding:1% 0px 1% 0px; }
[data-style-key="HMx6fFtEtkGnays+jgDY9g"] { display:inline-block; height:100%; margin:0 auto; text-align:center; width:100%; }
.Heading1[data-style-key="DFla8o+VbUSnYgm9jtyCHw"] { color:purple; }
[data-style-key="PbMdtx2elEams_KPeahxgw"] { font-weight:bold; }
/*** Generated classes from Style Editor in OutSystems 10 ***/