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

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

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

.Header_background {
  background-color: #3f4e73; /*primary-color*/
  border-bottom-color: #3f4e73; /*primary-color*/
  z-index: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Menu_DropDownButton.open .Menu_TopMenu .Menu_DropDownArrow {
  border-top-color: #fff;
  opacity: 0.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: #3f4e73; /*primary-color*/
  border-left-color: #3f4e73; /*primary-color*/
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.InfoTooltip .tooltipstered,
.ListItem .tooltipstered {
  color: #3f4e73; /*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, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* Menu tablet and phone */
.tablet .Application_Menu,
.phone .Application_Menu {
  background: #3f4e73; /*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?5054&42);
}

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?5054&42);
}

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

.MainContent {
  /*
  max-width: 1500px;
  margin: auto;
  */
}

.AccordionVertical__header {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
}

.clickable:hover {
  cursor: pointer;
}

.OSFillParent {
  min-width: 80px;
}

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

.Header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

body {
  font-family: myriad-pro, arial, sans-serif;
  color: #333;
  background-color: #fff;
  font-size: 1rem;
}

.phone .body {
  font-size: 0.5rem;
}

.MainContent {
  min-height: 100%;
  padding: 0px;
  padding-bottom: 60px;
}

/* Menu customizations */

.Header {
  height: 75px;
  line-height: 78px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
}

.Header_Title {
  line-height: 70px;
}

.Header_background {
  background-color: #fff;
  border-bottom-color: #000;
}

.Header_Cookies {
    position: relative;
    top: 75px;
}

.phone .Header_Title {
  left: 60px;
  position: absolute;
  right: 10px;
  text-align: center;
}

.image-dark {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  background: rgba(0, 0, 0, 0.4);
}

.Header .Application_Title img {
  max-height: 60px;
  vertical-align: middle;
}

.Header_Menu a:hover,
.Header_Menu a:link:hover,
.Header_Menu a:visited:hover {
  color: #333;
}

.desktop .Menu_TopMenu:hover {
  border-bottom: 3px solid #971e4b;
  height: 57px;
}

.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
  color: #333;
  display: inline-block;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-weight: normal;
  font-size: large;
}

.desktop .Menu_TopMenuActive {
  background-color: #fff;
  border-bottom: 3px solid #971e4b;
  box-shadow: none;
  line-height: 78px;
  height: 57px;
  border-top: none;
}


.Page.active .Header_ButtonMenu {
  color: #3f4e73;
}

.tablet .Application_Menu,
.phone .Application_Menu {
  background: #fff;
  margin-top: 25px!important;
}

.tablet .Menu_TopMenus, .phone .Menu_TopMenus {
  padding-top: 35px;
}

.tablet .Application_Menu .Menu_DropDownButton, .phone .Application_Menu .Menu_DropDownButton {
  padding-top: 20px;
}

.Header_center {
  display: flex;
  justify-content: space-between;
}

.Header_Menu {
  display: flex;
}

.Others_Menu {
  position: static;
}

.Header_Menu a,
.Header_Menu a:link,
.Header_Menu a:visited {
  color: #333;
}

.Menu_DropDownButton {
  margin: 0px 5px;
}

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

.SectionWebsite_title {
  color: #fff;
  /* margin-bottom: 200px;*/
  text-align: left;
  font-size: 56px;
  font-weight: normal;
  padding-left: 200px;
  padding-right: 200px;
}

.tablet .SectionWebsite_title {
  padding-left: 20px;
  padding-right: 20px;
}

.phone .SectionWebsite_title {
  padding-left: 5px;
  padding-right: 5px;
  line-height: 40px;
}

.Title_Section {
  background-color: #fff;
  background-position: center center;
  background-size: cover;
  box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.15);
  margin-top: 0;
  padding: 40px 0px 30px 20px;
}

.WebSite_Title_Section {
  background-color: #fff;
  background-position: center center;
  background-size: cover;
  box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.15);
  margin-top: 0;
  height: 450px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.WebSite_Title_Section:before,
.overlay {
  content: "";
  width: 100%;
  height: 520px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
}

.Container_MainContent {
  width: 1080px;
  margin: 0 auto;
  font-size: 24px;
  padding: 120px 0px;
}

.tablet .Container_MainContent {
  padding: 20px 10px;
  width: 100%;
  font-size: 20px;
}

.phone .Container_MainContent {
  padding: 30px 10px;
  font-size: 18px;
  width: 100%;
}

.Container_TextContent {
    width: 950px;
    margin: 0 auto;
    padding: 30px 0px;
    text-align: left;
}

.tablet .Container_TextContent {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.phone .Container_TextContent {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.Container_Emailform {
    font-size: 18px;
    padding: 0px 10px;
}

.BigTitle {
  font-size: 35px;
  color: #fff;
  font-weight: bold;
  position: relative;
  z-index: 1;
  text-align: center;
}

.tablet .BigTitle {
  font-size: 27px;
}

.phone .BigTitle {
  font-size: 22px;
  line-height: 34px;
  padding: 120px 0px 0px 15px;
}

.BigTitle-Position {
  padding: 0px 100px 0px 200px;
  min-height: 95vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tablet .BigTitle-Position {
  padding: 150px 50px 10px 50px;
  min-height: 85vh;
}

.phone .BigTitle-Position {
  padding: 0px 10px 85px 0px;
  min-height: auto;
  text-align: left;
}

.BigTitle-SubText {
    font-size: 29px;
    color: #fff;
    font-weight: normal;
    position: relative;
    z-index: 1;
}

.tablet .BigTitle-SubText {
  font-size: 22px;
  line-height: 31px;
}

.phone .BigTitle-SubText {
    font-size: 22px;
    line-height: 31px;
    padding: 0px 0px 0px 20px;
    text-align: center;
}


.White {
  line-height: 30px;
}

.Silver {
  color: #333;
  line-height: 30px;
}

.Gray {
  background-color: #f0f3f5;
  color: #333;
  line-height: 30px;
}

.Black {
  background-color: #253237;
  color: #e9e9ee;
  line-height: 30px;
}

.DarkBlue {
  background-color: #3f4e73;
  color: #fff;
  line-height: 30px;
}

.Blue {
  background-color: #8ab4d1;
  color: #fff;
  line-height: 30px;
}

.Heading1 {
  font-size: 38px;
  font-weight: bold;
  line-height: 50px;
}

.Heading2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 34px;
}

.Heading3 {
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
}

.phone .Heading1 {
  font-size: 25px;
  font-weight: bold;
  line-height: 34px;
}

.phone .Heading2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

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

.big-card:hover {
  box-shadow: rgba(0, 0, 0, 0.11) 0px 26px 30px;
}

.big-card {
  background-color: rgb(255, 255, 255);
  color: #333;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(231, 231, 231);
  border-image: initial;
  padding: 0;
  transition: all 270ms cubic-bezier(0.4, 0, 1, 1);
}

.desktop .big-card {
  width: 450px;
  height: 550px;
}

.desktop .medium-size {
  width: 350px;
  height: 500px;
}
.desktop .small-size {
  width: 350px;
  height: 450px;
}

.tablet .big-card {
  width: 400px;
}

.desktop .imageWidth {
  width: 900px;
}

.tablet .imageWidth {
  width: 650px;
}

.phone .imageWidth {
  width: 350px;
}

.content-card:hover {
  box-shadow: rgba(0, 0, 0, 0.11) 0px 26px 30px;
}

.content-card {
  background-color: rgb(255, 255, 255);
  color: #333;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(231, 231, 231);
  border-image: initial;
  padding: 0;
  transition: all 270ms cubic-bezier(0.4, 0, 1, 1);
  position: relative;
}

.desktop .content-card {
  width: 350px;
  position: relative;
}

.tablet .content-card {
  width: 400px;
}

.phone .content-card {
  line-height: 34px;
}

.content-card-horisontal {
  background-color: rgb(255, 255, 255);
  color: rgb(104, 119, 127);
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(231, 231, 231);
  border-image: initial;
  padding: 0;
  transition: all 270ms cubic-bezier(0.4, 0, 1, 1);
  position: relative;
}

.content-card-horisontal:hover {
  box-shadow: rgba(0, 0, 0, 0.11) 0px 26px 30px;
}
.desktop .content-card-horisontal {
  width: 850px;
  position: relative;
}

.Heading-content1 {
  color: white;
  font-size: 40px;
  font-weight: bold;
  line-height: 34px;
}

.phone .Heading-content1 {
  font-size: 35px;
  font-weight: normal;
}

.Heading-content2 {
  color: white;
  font-size: 22px;
  font-weight: bold;
  line-height: 24px;
}

.Heading-content3 {
  color: white;
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
}

.img-content {
  width: 100%;
  margin-left: 0px;
  height: 450px;
  object-fit: cover;
}


.content-header-image {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  background: rgba(0, 0, 0, 0.2);
}

.Header-content-position {
  position: absolute;
  top: 150px;
  left: 50%;
}

.phone .Header-content-position {
  position: absolute;
  top: 100px;
  left: 50%;
}

.Header-content-type-position {
  position: absolute;
  top: 17px;
  right: 0px;
  background: #8ab4d1;
  color: #000;
  padding: 3px 10px;
}

.Header-content-label-position {
  position: absolute;
  top: 0px;
  left: 0;
  background: #8ab4d1;
  color: #fff;
  padding: 5px 15px;
  z-index: 1;
}

.content-card-img {
  width: 100%;
}

.content-card-text {
  padding: 10px;
  text-align: left;
  font-size: 18px;
}

.tablet .content-card-text-forrester {
  margin-left: 30%;
  text-align: center;
  margin-right: 30%;
}

input.Button {
  height: 35px;
  line-height: initial;
  border-radius: 0;
  box-shadow: none;
  background-color: #e1e1e8;
}

.logoWidth {
  width: 265px;
}

.phone .logoWidth {
  width: 250px;
}

.phone a.Header_ButtonMenu {
  color: #3f4e73;
}

.cite {
  font-style: italic;
  font-size: 20px;
  padding-bottom: 25px;
  padding-top: 25px;
}

.Card {
  background-color: #fff;
  border: 0px solid #dadbde;
  box-shadow: 0 1px 3px rgba(211, 211, 211, 0.5);
}

.Box {
  margin: 0px 0;
}

.round-button-dark-background a {
  font-size: 16px;
  margin-top: 15px;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 8px 20px;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.round-button-dark-background a:hover,
.round-button-dark-background a:link:hover,
.round-button-dark-background a:visited:hover {
  color: #fff !important;
  background: #971e4b;
  border-color: hsl(338, 67%, 35%);
  text-decoration: none;
}

.round-button-white-background a {
  font-size: 16px;
  margin-top: 15px;
  color: #fff;
  text-decoration: none;
  border: 1px solid #971e4b;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 8px 20px;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #971e4b;
}

.round-button-white-background a:hover,
.round-button-white-background a:link:hover,
.round-button-white-background a:visited:hover {
  color: #971e4b !important;
  background: #fff;
  border: 1px solid #971e4b;
  text-decoration: none;
}

.Menu_TopMenu .round-button-white-background {
  margin-right: 20px;
}

.Menu_TopMenu .round-button-white-background > a {
  color: #fff;
  line-height: 1.43;
}

.phone .tablet .Menu_TopMenu .round-button-white-background {
  margin-right: 0;
}

.CardBackground {
  z-index: 1;
}

.phone .tablet .Menu_TopMenu:hover {
  border-bottom: none;
  height: inherit;
}

.phone .tablet .Menu_TopMenuActive {
  background-color: #fff;
  border-bottom: none;
  box-shadow: none;
  line-height: inherit !important;
  height: 78px;
}

.phone .tablet .Menu_TopMenus {
  margin-top: 50px;
}

.show-modal {
  border-radius: 0;
}

.desktop .cross {
  right: 57px;
  font-size: 1.5em;
}

.phone .modal-content .cross {
  right: 20px;
}

.ButtonGroup_button * {
  color: inherit;
  cursor: pointer;
}

.modal .round-button-white-background > a {
  color: #fff;
  line-height: 2.43!important;
  font-size: 16px;
  padding: 0 20px;
}

.phone .modal {
  padding: 10px;
}

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"] {
  background-color: #fff;
  border-radius: 0px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  line-height: 30px;
  vertical-align: initial;
}

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"] {
  height: 38px;
  padding: 0 12px;
}

.Button {
  height: 34px;
  line-height: 32px;
  padding: 0 10px;
}

.Button,
a.Button {
  color: #333;
}

.noUi-base {
  background-color: #971e4b;
}

.Slider_minvalue,
.Slider_maxvalue,
.Slider_currentvalue,
.Slider_currentvalue2 {
  color: #666;
  font-size: 18px;
  margin-top: -1px;
}

.ContactForm input.ReadOnly:not(.Not_Valid),
.Form textarea.ReadOnly:not(.Not_Valid),
.Form select.ReadOnly:not(.Not_Valid) {
  background: transparent;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 2px solid rgb(137, 181, 210);
  box-shadow: none;
  transition: background-color 0.3s linear;
  font-size: inherit;
}

.ContactForm textarea {
  resize: none !important;
  overflow: hidden !important;
  min-height: 50px !important;
  max-height: 600px !important;
}

.ContactForm input:focus,
.ContactForm textarea:focus {
  background: rgba(137, 181, 210, 0.2);
  box-shadow: none !important;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 2px solid rgb(137, 181, 210);
  transition: background-color 0.3s linear;
}

.ContactForm .ContactFormLabel {
  color: #333;
  padding-left: 5px;
}

.ThemeGrid_Container {
  z-index: 1;
}

.phone .Title_Section,
.tablet .Title_Section {
  padding: 0;
  position: relative;
}

.phone .WebSite_Title_Section:before,
.overlay,
.tablet .WebSite_Title_Section:before {
  height: 100%;
}

.phone .CardBackground {
  padding: 30px 0 30px 0 !important;
}

.phone .MainContent,
.tablet .MainContent {
  padding-top: 74px;
}

body .phone *,
.tablet * {
  line-height: 1.45 !important;
}

.phone .Header,
.tablet .Header {
  display: flex;
  align-items: center;
}

.phone .Header_Title,
.tablet .Header_Title {
  position: static;
}

.phone .Header_center,
.tablet .Header_center {
  margin: 0;
}

.ButtonContainer {
  width: 100%;
  text-align: center;
  margin: 0;
}

.phone .ButtonContainer > div,
.tablet .ButtonContainer > div {
  width: 70%;
}

.phone .ButtonContainer > div > a,
.tablet .ButtonContainer > div > a {
  width: 200px;
}

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

.phone .Menu_TopMenuActive,
.tablet .Menu_TopMenuActive {
  height: inherit;
}

.phone .CardSimple > div, .tablet .CardSimple > div {
  width: 100% !important;
}

.phone .Gallery .GalleryItem, .tablet .Gallery .GalleryItem {
  width: auto!important;
}

.dotted-list {
  font-size:medium;
}

.tablet .dotted-list {
  font-size:medium;
  margin-left: 20%;
}

.phone .dotted-list {
  font-size:small;
}

.tablet .Application_Menu .Menu_TopMenu, .phone .Application_Menu .Menu_TopMenu {
  background: #fff;
  border: none;
  box-shadow: none;
}

.phone .iframeContainer {
  width: auto!important;
}

.phone .Black {
  padding: 30px 7px;
}

.phone .Black > div > .ContactInputContainer {
  width: 90%;
}

.phone .InputContainer {
  width: 100%;
}

.phone .InputContainer > input, .phone .InputContainer > textarea {
  width: 100%!important;
}

.phone :not(.NoResponsive) > .ButtonGroup .ButtonGroup_button.Button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ModalContainer {
    max-height: 100%!important;
    overflow: scroll!important;
    max-width: 100%!important;
}

/*** Generated classes from Style Editor in OutSystems 10 ***/
[data-style-key="c2byd6oOcEyxudY+T0om_A"] { color:#fff; }
.Heading1[data-style-key="GOi7jdBpe0C5dMwbMXbugg"] { color:#fff; }
[data-style-key="9FfOmbSZBUeM6dnAcrs4sg"] { font-style:normal; }
[data-style-key="ylNWt1nYqkCvJowSjgpS4w"] { font-style:normal; }
[data-style-key="zF+Oyx2LAUCYLnAWz7TlHg"] { font-style:normal; }
[data-style-key="Pxy8v9euikyQoTcSG2JW1w"] { color:#fff; display:inline-block; font-size:25px; width:650px; }
[data-style-key="b4PFFyNTo0ezWNrjRSiV5w"] { color:#fff; display:inline-block; font-size:60px; width:550px; }
[data-style-key="Wcwt6dGZM0mS3yGT3_WRPA"] { font-style:normal; }
.Heading1[data-style-key="wHqlbIL5REm+Pjxbcbr5nQ"] { color:#222; }
.Container_TextContent[data-style-key="3ffAjJ577Uu9F3lrp5y4DQ"] { padding:20px; }
[data-style-key="lQpIeEBSxkCZHLilgVBZ0w"] { padding:20px; }
[data-style-key="dB1oqNf4akislXWdvyqCaQ"] { color:#222; text-decoration:underline; }
[data-style-key="Xq0IFPmBME2cvAa3UMdt6Q"] { color:#fff; text-decoration:underline; }
.Heading1[data-style-key="w5JBZrGXjk6DPh_rzOWeHw"] { color:#fff; }
.Heading1[data-style-key="_Myeo9BGSkOAzpUtdc+GvA"] { color:#222; }
.Heading1[data-style-key="sDd66I+BJk6cn4fv9F88kw"] { color:#222; }
[data-style-key="wa5Ohx16NEaVGF1zKEvDeQ"] { color:#222; text-decoration:underline; }
[data-style-key="+wJMIxiv5U+8rhHuxLz95A"] { color:#fff; display:inline-block; font-size:60px; width:550px; }
[data-style-key="r8GlqnZwH0+amEUP+ccbQQ"] { color:#fff; display:inline-block; font-size:25px; width:650px; }
[data-style-key="FFzUNt3TekSd6mv8i_nVbA"] { text-align:left; }
/*** Generated classes from Style Editor in OutSystems 10 ***/