﻿@import url("/WebPatterns/Theme.Patterns_SilkUI.css?230");

@charset "UTF-8";
/*

  FID B2C ARC Theme v1.0.0

  To override a style copy and paste it to
  the application theme and then modify it

  $0. Fonts

  $1. General Properties

  $2. Structure
      2.1 Structure > Header
      2.2 Structure > Menu
      2.3 Structure > Footer
      2.4 Structure > Content
      2.5 Structure > Header Page
      2.6 Structure > Title Section
      2.7 Structure > Pagina Login Pre Registo

  $3. Forms
      3.1 Forms > Radio Button & Checkbox
      3.2 Forms > Inputs, Selects & Textarea
      3.3 Forms > ReadOnly & Disabled
      3.4 Forms > Not Valid

  $4. Built-in widgets
      4.1 Built-in widgets > Filter Form
      4.2 Built-in widgets > EditableTable
      4.3 Built-in widgets > TableRecords
      4.4 Built-in widgets > EditRecord & ShowRecord
      4.5 Built-in widgets > AccordionVertical

  $5. RichWidgets
      5.1 RichWidgets > Feedback Ajax Loading
      5.2 RichWidgets > Feedback Message
      5.3 RichWidgets > List Navigation
      5.4 RichWidgets > Popup Editor
      5.5 Validation

  $6. Login

  $7. SILK Patterns
      7.1 SILK Patterns > Content
      7.2 SILK Patterns > Controls
      7.3 SILK Patterns > Data
      7.4 SILK Patterns > Layout
      7.5 SILK Patterns > Mobile
      7.6 SILK Patterns > Navigation
      7.7 SILK Patterns > ValidationMessage
      7.8 SILK Patterns > MainPopup

  $8. Useful Classes
      8.1 Useful Classes > Text Classes
      8.2 Useful Classes > Buttons
      8.3 Useful Classes > Background Colors
      8.4 Useful Classes > Text Colors

  $9. Fidelidade Patterns
      9. Fidelidade Patterns > insurance-number-card
      9. Fidelidade Patterns > insurance-home-list-item-card
      9. Fidelidade Patterns > title-homepage
      9. Fidelidade Patterns > insurance-card-black
      9. Fidelidade Patterns > insurance-card-external
      9. Fidelidade Patterns > insurance-card-agent
      9. Fidelidade Patterns > insurance-card-white
      9. Fidelidade Patterns > home-header
      9. Fidelidade Patterns > insurance-button-dropdown-item
      9. Fidelidade Patterns > claims-circle-red
      9. Fidelidade Patterns > table-vertical-align
      9. Fidelidade Patterns > insurance-list-item-left-content
      9. Fidelidade Patterns > menu-separator
      9. Fidelidade Patterns > menu-contacts-line
      9. Fidelidade Patterns > insurance-list-item-card
      9. Fidelidade Patterns > insurance-one-item
      9. Fidelidade Patterns > icon-title-description
      9. Fidelidade Patterns > time-line-item
      9. Fidelidade Patterns > list-header
      9. Fidelidade Patterns > list-item-content
      9. Fidelidade Patterns > insurance-filter-item
      9. Fidelidade Patterns > document-left-structure
      9. Fidelidade Patterns > inbox-left-structure
      9. Fidelidade Patterns > edit-item-content
      9. Fidelidade Patterns > WidgetFloatActions
      9. Fidelidade Patterns > WidgetContacts
      9. Fidelidade Patterns > cars-tabs-Item
      9. Fidelidade Patterns > home-campaigns
      9. Fidelidade Patterns > FidelidadeFeedbackMessage
      9. Fidelidade Patterns > policy-coverage-list
      9. Fidelidade Patterns > client_default_card
      9. Fidelidade Patterns > CoversElements
      9. Fidelidade Patterns > CustomTooltip
      9. Fidelidade Patterns > contact-card
      9. Fidelidade Patterns > VerticalAlign
      9. Fidelidade Patterns > BoxedCustomRadio
      9. Fidelidade Patterns > BlankState
      9. Fidelidade Patterns > FormLogin
      9. Fidelidade Patterns > FormLoginField
      9. Fidelidade Patterns > SimulacaoLayer
      9. Fidelidade Patterns > SimulacaoTabContLayer
      9. Fidelidade Patterns > OrSeparator
      9. Fidelidade Patterns > ClaimsButton
      9. Fidelidade Patterns > WhiteBackgroundArea
      9. Fidelidade Patterns > FormSection
      9. Fidelidade Patterns > InputField
      9. Fidelidade Patterns > ClaimsStatus
      9. Fidelidade Patterns > ClaimsDetails
      9. Fidelidade Patterns > GoogleMaps
      9. Fidelidade Patterns > NotificationMessage
      9. Fidelidade Patterns > StarRating
      9. Fidelidade Patterns > NotificationsCount
      9. Fidelidade Patterns > ProcessCardsCarousel_Item
      9. Fidelidade Patterns > ProcessCardsCarousel
      9. Fidelidade Patterns > InlineSVG
      9. Fidelidade Patterns > ClaimsResume
      9. Fidelidade Patterns > ClaimsResumeItem
      9. Fidelidade Patterns > DocUploaded
      9. Fidelidade Patterns > MultiFileUpload
      9. Fidelidade Patterns > FileUpload
      9. Fidelidade Patterns > UploadedDocument
      9. Fidelidade Patterns > FormField
      9. Fidelidade Patterns > ButtonIconDocUploaded
      9. Fidelidade Patterns > PieCharts
      9. Fidelidade Patterns > ChartLegendItem
      9. Fidelidade Patterns > RewardsActivityCard
      9. Fidelidade Patterns > RewardsActivityItem
      9. Fidelidade Patterns > RewardsDetail
      9. Fidelidade Patterns > RewardsStatisticsBlock
      9. Fidelidade Patterns > SimpleCard
      9. Fidelidade Patterns > ActivityDashboardBlock

  $10. Custom Classes

  $11. Studio Preview

  $12. Print

  $13. RichWidgets

*/
/*------------------------------------*\
    $0. Fonts
\*------------------------------------*/
/* Fonts > Import Font */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: url("/FID_B2C_Resources/fonts/Lato-Light.eot");
  src: url("/FID_B2C_Resources/fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("/FID_B2C_Resources/fonts/Lato-Light.woff") format("woff"), url("/FID_B2C_Resources/fonts/Lato-Light.ttf") format("truetype"), url("/FID_B2C_Resources/fonts/Lato-Light.svg#latolight") format("svg");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url("/FID_B2C_Resources/fonts/Lato-Regular.eot");
  src: url("/FID_B2C_Resources/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("/FID_B2C_Resources/fonts/Lato-Regular.woff") format("woff"), url("/FID_B2C_Resources/fonts/Lato-Regular.ttf") format("truetype"), url("/FID_B2C_Resources/fonts/Lato-Regular.svg#latoregular") format("svg");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: url("/FID_B2C_Resources/fonts/Lato-Bold.eot");
  src: url("/FID_B2C_Resources/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("/FID_B2C_Resources/fonts/Lato-Bold.woff") format("woff"), url("/FID_B2C_Resources/fonts/Lato-Bold.ttf") format("truetype"), url("/FID_B2C_Resources/fonts/Lato-Bold.svg#latobold") format("svg");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: url("/FID_B2C_Resources/fonts/Lato-Black.eot");
  src: url("/FID_B2C_Resources/fonts/Lato-Black.eot?#iefix") format("embedded-opentype"), url("/FID_B2C_Resources/fonts/Lato-Bold.woff") format("woff"), url("/FID_B2C_Resources/fonts/Lato-Bold.ttf") format("truetype");
}

/* Fonts > Font Classes */
.Lato_Light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

.Lato_Regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
}

.Lato_Bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
}

.Lato_Black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
}

/* Fonts > Font Definition */
html,
body,
a,
select,
form,
fieldset,
table,
tr,
td,
img,
input,
button,
textarea,
optgroup,
option,
.TileIcon_text,
.TileNumber_text,
.TileIconText_label,
.Heading1,
.Heading2,
.Heading3,
.Heading4,
.Header_title a,
.EditableTable thead td,
.TableRecords_Header {
  font-family: "Lato";
}

/* Iconmoon conflict resolver */
[class*="icon-title-"] {
  font-family: Lato !important;
}

/*------------------------------------*\
    $1. General Properties
\*------------------------------------*/
html,
body {
  color: #292929;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

html,
body,
form,
.Page {
  height: 100%;
}

a,
a:link,
a:visited {
  color: #EE2429;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a[disabled="disabled"],
a[disabled="disabled"]:hover {
  color: #CCC;
  text-decoration: none;
}

/* add a pointer cursor when the div has a click event */
div[onclick] {
  cursor: pointer;
}

/* Change default margin from platform */
.OSAutoMarginTop {
  margin-top: 20px;
}

/*
    .OSInlineClear {  }

    This style will never be used in runtime.
    When applied in Service Studio, it will prevent the style 'OSInline' from being
    automatically applied to divs and tables with widths != (fill parent)
*/
/*------------------------------------*\
    $2. Structure
\*------------------------------------*/
/* 2.1 Structure > Header ********************/
.Header {
  display: table;
  height: 45px;
  margin-bottom: 40px;
  margin-left: 40px;
  margin-right: 0;
  margin-top: 40px;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
}

/* Header Title */
.Header_title {
  color: #2C363E;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-transform: uppercase;
  vertical-align: middle;
}

.Header_title__title-divider {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 50px;
}

.Header_title__title-divider > div > div > *:before {
  content: "";
  border: 1px solid #B0B0B0;
  position: absolute;
  height: 100%;
  min-height: 50px;
  left: -40px;
  margin-left: 20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

/* Responsive Context */
.Page.phone.MenuOpen .Header,
.Page.phone.MenuOpen .Content.ThemeGrid_Wrapper {
  left: 260px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.Header_title a {
  color: #2C4150;
  font-size: 25px;
  font-weight: 300;
}

/* Header User */
.Header__activity {
  display: table-cell;
  padding-right: 110px;
  text-align: right;
  vertical-align: middle;
}

.Header__activity a.action-link {
  font-size: 16px;
  line-height: 24px;
  color: #2C4150;
  text-decoration: underline;
}

.tablet.portrait .Header {
  display: block;
  height: 100%;
}

.tablet.portrait .Header_title {
  display: block;
  padding-left: 25px;
  width: 100%;
}

.tablet.portrait .Header__activity {
  display: block;
  margin: 0;
  padding: 0;
  padding-left: 30px;
  padding-right: 110px;
  text-align: left;
}

.page-header-group {
  display: table;
  height: 130px;
}

.page-header-group-icon {
  display: table-cell;
  vertical-align: middle;
}

.page-header-group-icon .icon:before {
  font-size: 125px;
}

.page-header-group-title {
  color: #2C363E;
  display: table-cell;
  font-size: 24px;
  font-weight: bold;
  vertical-align: middle;
}

/* 2.2 Structure > Menu ********************/
.Menu {
  background: #FFF;
  bottom: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 250px;
  z-index: 5;
}

.tablet.portrait .Menu {
  left: -250px;
  -o-transition: left 300ms ease;
  -webkit-transition: left 300ms ease;
  transition: left 300ms ease;
}

.tablet.portrait .Menu.open-menu {
  left: 0;
  -o-transition: left 300ms ease;
  -webkit-transition: left 300ms ease;
  transition: left 300ms ease;
}

.Menu.hide-menu {
  display: none;
}

.menu-widget {
  display: none;
}

.Menu.open-menu + .menu-widget .fa-navicon:before,
.Menu.open-menu + .menu-widget .fa-reorder:before,
.Menu.open-menu + .menu-widget .fa-bars:before {
  content: "\f00d";
}

.tablet.portrait .menu-widget {
  -webkit-box-shadow: 5px 11px 10px rgba(0, 0, 0, 0.07);
          box-shadow: 5px 11px 10px rgba(0, 0, 0, 0.07);
  cursor: pointer;
  display: block;
  height: 60px;
  left: 0;
  position: absolute;
  top: 50px;
  -webkit-transition: left 300ms ease;
  -o-transition: left 300ms ease;
  transition: left 300ms ease;
  width: 60px;
  z-index: 5;
}

.tablet.portrait .Menu.open-menu + .menu-widget {
  left: 250px;
  -webkit-transition: left 300ms ease;
  -o-transition: left 300ms ease;
  transition: left 300ms ease;
}

.menu-widget-content {
  color: #EE2429;
  font-size: 30px;
  height: 100%;
  line-height: 60px;
  text-align: center;
  width: 100%;
}

.Menu .icon {
  display: block;
  font-size: 44px;
  height: 40px;
  overflow: hidden;
  position: none;
  width: 35px;
}

.Menu .LoginInfo {
  display: none;
}

/* Structure > Menu > Top Menu */
.Menu_TopMenus {
  width: 100%;
}

.Menu_TopMenu {
  position: relative;
}

.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 5px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #7E7E7E;
  display: block;
  font-size: 15px;
  font-weight: 900;
  margin: 0;
  padding: 8px 0 4px 20px;
  text-decoration: none;
  text-shadow: none;
}

.Menu_TopMenu a:link:last-child,
.Menu_TopMenu a:visited:last-child,
.Menu_TopMenu a:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.Menu_TopMenu:hover,
.Menu_DropDownPanel a.Menu_SubMenuItemActive,
.Menu_DropDownPanel a.Menu_SubMenuItemActive:visited,
.Menu_DropDownPanel a.Menu_SubMenuItemActive:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:hover {
  background-color: #FFF;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.Menu_DropDownPanel a.Menu_SubMenuItemActive .Cell1,
.Menu_DropDownPanel a.Menu_SubMenuItemActive .Cell2 {
  font-weight: 700;
  color: #2C363E;
}

.Menu_TopMenu a:hover,
.Menu_TopMenu a:link:hover,
.Menu_TopMenu a:visited {
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.Menu_TopMenu:hover a,
.Menu_TopMenu a {
  color: #7E7E7E;
}

.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 {
  color: #2C363E;
  font-weight: bold;
}

.Menu_TopMenuDisable:hover a:link,
.Menu_TopMenuDisable a:link,
.Menu_TopMenuDisable:hover a:visited,
.Menu_TopMenuDisable a:visited,
.Menu_TopMenuDisable:hover a,
.Menu_TopMenuDisable a {
  color: #2C363E;
  cursor: default;
  font-weight: bold;
  opacity: 0.2;
  pointer-events: none;
}

.Menu_TopMenu:before {
  background-color: transparent;
  -webkit-border-radius: 100px;
          border-radius: 100px;
  bottom: 5px;
  content: "";
  left: 0;
  position: absolute;
  top: 5px;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 4px;
}

.Menu_TopMenu:hover:before,
.Menu_TopMenuActive:before,
.openhealthmenu .Menu_DropDownPanel .Menu_SubItemsPlaceholder a:hover.Menu_SubMenuItem:before {
  background-color: #EE2429;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.Menu_TopMenuDisable:hover:before {
  background-color: #FFF;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.Menu_TopMenu.Menu_TopMenuActive .TableVerticalAlign .Cell2 {
  color: #2C363E;
  font-size: 15px;
  font-weight: 700;
}

/* Structure > Menu > DropDown Arrow */
.Menu_DropDownArrow {
  background-color: transparent;
  border: 0;
  color: #EE2429;
  display: inline-block;
  height: 14px;
  margin-top: -7px;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 14px;
}

.Menu_DropDownArrow:before {
  content: "\f105";
  font-family: FontAwesome;
  left: 0;
  line-height: 14px;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  -o-transition: transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

.Menu_TopMenuActive .Menu_DropDownArrow,
.Menu_TopMenuActive:hover .Menu_DropDownArrow {
  border: 0;
}

.Menu_DropDownButton.open .Menu_DropDownArrow:before,
.Menu_TopMenu:hover .Menu_DropDownArrow:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.Menu_DropDownButton.open .Menu_DropDownPanel {
  overflow: hidden;
  display: none;
}

.open .Menu_TopMenuActive .Menu_DropDownArrow:before {
  content: "\f106";
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.open .Menu_TopMenuActive:hover .Menu_DropDownArrow:before {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.Menu_DropDownButton {
  display: block;
  padding-top: 5px;
}

.Menu_DropDownButton:first-child {
  border-bottom: 1px solid rgba(44, 53, 62, 0.1);
}

.Menu_Messages .Menu_DropDownButton {
  border: none;
}

.Menu_Messages .Menu_DropDownButton .Cell2 {
  letter-spacing: -0.25px;
}

.Menu_DropDownButtonCustom.disabled {
  pointer-events: none;
  opacity: 0.2;
}

.Menu_DropDownButtonCustom {
  display: block;
}

.Menu_DropDownButtonCustom.open .Menu_DropDownPanel {
  display: block;
}

.MenuSlider_Toggler {
  color: #FFF;
}

/* Structure > Menu > DropDown Panel */
.Menu_DropDownPanel {
  background-color: rgba(44, 54, 62, 0.1);
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: none;
  list-style: none;
  margin: 0;
  position: relative;
}

.Menu_DropDownPanel a,
.Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited {
  background: none;
  -webkit-border-radius: 0;
          border-radius: 0;
  border-width: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  clear: both;
  color: #FFF;
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  min-width: initial;
  padding: 0;
  padding-left: 66px;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
}

.Menu_DropDownPanel a:last-child {
  border-bottom: none;
}

.Menu_DropDownPanel a:hover,
.Menu_DropDownPanel a:link:hover,
.Menu_DropDownPanel a:visited:hover {
  background-color: #FFF;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.Menu_DropDownPanel a span.fa {
  color: #EE2429;
  margin-right: 8px;
}

.Menu_TopMenuActive + .Menu_DropDownPanel:not(:empty) {
  display: block;
}

.Menu_TopMenu .TableVerticalAlign {
  display: table;
  height: 36px;
  margin: 0;
  padding: 0;
  width: 100%;
}

.Menu_TopMenu .Cell1 {
  height: 28px;
  text-align: center;
  width: 40px;
}

.Menu_TopMenu .Cell1 * {
  font-size: 25px;
}

.Menu_TopMenu .Cell2 {
  color: #7E7E7E;
  display: table-cell;
  font-size: 13px;
  letter-spacing: 0.5px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.Menu_TopMenu.Menu_TopMenuActive .Cell2 {
  font-size: 14px;
}

.Menu_TopMenu .fidelidade-base-icons {
  display: table;
  margin: 0;
  padding: 0;
  position: inherit;
  vertical-align: middle;
  width: inherit;
}

/* SubMenu Item */
a.Menu_SubMenuItem,
.desktop a.Menu_SubMenuItem:hover,
a.Menu_SubMenuItem:link,
a.Menu_SubMenuItem:visited {
  border-bottom: 0;
  color: #AEAEAE;
  height: 32px;
  padding: 0;
}

/* -Menu_SubItems- */
/* -Menu_SubItems- */
.Menu_DropDownPanel .Menu_SubItemsPlaceholder a.Menu_SubMenuItem {
  color: #7E7E7E;
  height: 55px;
  position: relative;
  line-height: 55px;
}

.Menu_DropDownPanel a.Menu_SubMenuItemActive,
.Menu_DropDownPanel a.Menu_SubMenuItemActive:link {
  background-color: transparent;
}

.Menu_DropDownPanel .Menu_SubItemsPlaceholder a,
.Menu_DropDownPanel .Menu_SubItemsPlaceholder a:hover {
  padding-left: 30px;
  background: transparent;
}

.Menu_DropDownPanel .Menu_SubItemsPlaceholder a span.fa {
  color: inherit;
  margin-right: 5px;
  font-size: 25px;
  display: block;
}

.Menu_DropDownPanel .Menu_SubItemsPlaceholder a.Menu_SubMenuItem .TableVerticalAlign .Cell1 {
  height: inherit;
}

.Menu_DropDownPanel .Menu_SubItemsPlaceholder a.Menu_SubMenuItem .TableVerticalAlign {
  height: 49px;
}

.Menu_DropDownPanel .Menu_SubItemsPlaceholder a.Menu_SubMenuItem:hover:before,
.Menu_DropDownPanel .Menu_SubItemsPlaceholder a.Menu_DropDownPanel .Menu_SubItemsPlaceholder a.Menu_SubMenuItem:hover:before,
.Menu_DropDownPanel .Menu_SubItemsPlaceholder a.Menu_SubMenuItem.Menu_SubMenuItemActive:before {
  background-color: #EE2429;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.Menu_DropDownPanel .Menu_SubItemsPlaceholder a.Menu_SubMenuItem:before {
  background-color: transparent;
  -webkit-border-radius: 100px;
          border-radius: 100px;
  bottom: 5px;
  content: "";
  left: 0;
  position: absolute;
  top: 5px;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 4px;
  max-height: 55px;
}

.Menu_DropDownPanel .Menu_SubItemsPlaceholder {
  width: 100%;
}

.Menu_RemoveSelectedStyle .Menu_TopMenuActive:before {
  background: transparent;
}

/* Sidebar Menu ********************/
.menu-structure {
  height: 100%;
  position: relative;
}

.menu-structure-user-context-content {
  position: relative;
  z-index: 1;
}

.menu-structure-content {
  height: -webkit-calc(100% - 315px);
  height: calc(100% - 315px);
  overflow: auto;
  position: relative;
  z-index: 1;
}

.osx .menu-structure-content {
  position: initial;
}

.osx .menu-structure-content::scrollbar {
  -webkit-appearance: none;
  width: 5px;
}

.osx .menu-structure-content::scrollbar-thumb {
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.osx .menu-structure-content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
}

.osx .menu-structure-content::-webkit-scrollbar-thumb {
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.tablet .menustructure-content {
  overflow: visible;
}

.menu-structure-menu-content {
  bottom: 0;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.menu-structure-bottom-action {
  background-color: #FFF;
  border-left: 5px solid transparent;
  border-top: 1px solid #DCDCDC;
  bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #DEDEDE;
  display: block;
  font-size: 13px;
  font-weight: 700;
  max-width: 250px;
  padding: 13px 0 20px 16px;
  position: fixed;
  text-decoration: none;
  text-shadow: none;
  width: 100%;
  z-index: 6;
}

.tablet.portrait .Menu .menu-structure-bottom-action {
  left: -250px;
  -webkit-transition: left 300ms ease;
  -o-transition: left 300ms ease;
  transition: left 300ms ease;
}

.tablet.portrait .Menu.open-menu .menu-structure-bottom-action {
  left: 0;
  -webkit-transition: left 300ms ease;
  -o-transition: left 300ms ease;
  transition: left 300ms ease;
}

.menu-structure-bottom-action a {
  color: #DEDEDE;
  width: 100%;
}

.menu-structure-bottom-cobranding {
  background-color: #FFF;
  border-left: 5px solid transparent;
  bottom: 60px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #DEDEDE;
  display: block;
  font-size: 13px;
  font-weight: 700;
  max-width: 250px;
  padding: 13px 0 20px 16px;
  position: fixed;
  text-decoration: none;
  text-shadow: none;
  width: 100%;
  z-index: 6;
}

.osx .menu-structure-bottom-cobranding {
  bottom: 50px;
}

/* User area in sidebar menu */
.menu-user-context {
  background-color: #FFF;
  border-bottom: 1px solid rgba(44, 53, 62, 0.1);
  min-height: 202px;
  padding: 40px 0 20px 30px;
  text-align: left;
}

.menu-user-context-image {
  text-align: left;
}

.menu-user-context-description {
  color: #AAA;
  font-size: 14px;
  margin-top: 20px;
}

.menu-user-context-user {
  color: #2C363E;
  font-size: 25px;
  font-weight: bold;
  text-decoration: none;
  text-transform: capitalize;
}

.menu-user-context-action {
  color: #7E7E7E;
  font-size: 13px;
  font-weight: bold;
  height: 44px;
}

.menu-user-context-action a {
  color: #7E7E7E;
  font-size: 13px;
  font-weight: 400;
}

.menu-user-context-image > div {
  height: 19px;
  width: 192px;
}

.menu-user-context-image > div > img {
  width: 100%;
}

.menu-user-context .menu-user-context-action {
  margin: 0 0 0 -25px;
}

/* Header breadcrumbs ********************/
.header-breadcrumbs,
.header-breadcrumbs a {
  color: #7E7E7E;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  margin-left: 20px;
  margin-top: 42px;
  text-transform: uppercase;
}

.tablet.portrait .header-breadcrumbs {
  padding-left: 30px;
}

/* 2.3 Structure > Footer ********************/
.Footer {
  background-color: transparent;
  font-size: 12px;
  height: 40px;
  padding: 10px 0;
  text-align: center;
  top: 100%;
  width: auto;
}

.phone .Footer {
  display: none;
}

.Footer.Footer_Menu a span {
  color: #2C363E;
  font-size: 16px;
  font-weight: 900;
}

.Footer.Footer_Menu .Button {
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  height: 70px;
  width: 256px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background-color: #2C363E;
  -webkit-box-shadow: -2px 3px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: -2px 3px 4px 0 rgba(0, 0, 0, 0.15);
  line-height: 70px;
  border: none;
  text-align: center;
}

.Footer.Footer_Menu .Button span {
  color: #FFF;
  margin: 0 0 0 33px;
}

.Footer.Footer_Menu .Button:hover {
  color: #FFF;
  background-color: #EE2429;
  -webkit-box-shadow: -2px 3px 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: -2px 3px 4px 0 rgba(0, 0, 0, 0.15);
}

.Footer.Footer_Menu .Button:hover * {
  color: #FFF;
}

.Footer.Footer_Menu .Button:hover span {
  color: #FFF;
}

.Footer.Footer_Menu .Button.Is_Default {
  color: #FFF;
  background-color: #EE2429;
}

.Footer.Footer_Menu .Button.Is_Default .fa {
  color: #FFF;
}

.Footer.Footer_Menu .Button.Is_Default:hover {
  background-color: #D61D21;
}

.Footer.Footer_Menu .Button.Is_Default[disabled] {
  background-color: #CCC;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #999;
  pointer-events: none;
}

.Footer.Footer_Menu .Button.Is_Default[disabled] .fa {
  color: #999;
}

.Footer.Footer_menu {
  display: table;
}

.Footer.Footer_menu .Column {
  display: table-cell;
  vertical-align: center;
}

.Footer.Footer_Menu .Columns {
  display: table;
  margin-bottom: 4em;
}

.Footer.Footer_Menu .Columns .Column {
  display: table-cell;
  vertical-align: middle;
}

.Footer_Menu_Links .TableVerticalAlign {
  margin: 0 0 0 100px;
}

.Footer_Menu_Links .TableVerticalAlign .Cell1 a {
  margin-right: 35px;
}

/* 2.4 Structure > Content ********************/
.Page .ThemeGrid_Container {
  margin-left: auto;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}

.ThemeGrid_Width12 {
  width: auto;
}

.tablet .ThemeGrid_Width12 {
  margin-left: 0;
  width: 100%;
}

.Content.ThemeGrid_Wrapper {
  background: url("/FID_B2C_Resources/img/Bg_ap.jpg?514477&514500&564202&572868&599732&599855&600492&242") no-repeat;
  background-color: #EEE;
  -webkit-background-size: cover;
          background-size: cover;
  display: block;
  height: 100%;
  overflow-x: hidden;
  padding: 0;
  padding-left: 250px;
  position: absolute;
  width: 100%;
  -ms-scroll-limit-x-min: 0;
  -ms-scroll-limit-x-max: 0;
  
}

.partner-content.ThemeGrid_Wrapper {
  background: url("/FID_B2C_Resources/img/Bg_ap.jpg?564202&572868&599732&599855&600492&242") no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  bottom: 0;
  left: 0;
  min-width: 20px;
  overflow-x: hidden;
  padding-top: 0;
  position: absolute;
  right: 0;
  top: 0;
  
}

/* 2.5 Partner Heading2 adjustment*/
.partner_adjust {
  margin-left: 20px;
  margin-top: 0 !important;
}

.partner-content.ThemeGrid_Wrapper .SmallLeftColumn > .Column.ColFirst {
  vertical-align: middle;
}

.partner-content.ThemeGrid_Wrapper .SmallLeftColumn > .Column.ColLast {
  vertical-align: middle;
}

.tablet.portrait .Content.ThemeGrid_Wrapper {
  left: 0;
}

.Menu.hide-menu ~ .Content.ThemeGrid_Wrapper {
  left: 0;
}

.phone .Content.ThemeGrid_Wrapper {
  left: 0;
  overflow: hidden;
  -webkit-transition: left 300ms ease;
  -o-transition: left 300ms ease;
  transition: left 300ms ease;
  width: 100%;
}

/* Structure > Main Content ********************/
.MainContent {
  margin-left: 40px;
  margin-right: 0;
  min-height: 20px;
  padding-bottom: 30px;
}

.Page.MenuOpen .MainContent {
  pointer-events: none;
}

.PageContainer {
  background: url("/FID_B2C_Resources/img/Bg_ap.jpg?564202&572868&599732&599855&600492&242") no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  height: 100%;
  width: 100%;
}

.CenterContainer {
  background-color: #FFF;
  left: 40%;
  min-width: 380px;
  padding: 20px 20px 20px 20px;
  position: absolute;
  right: 40%;
  top: 25%;
}

.CenterContainerNOBG {
  background-color: white;
  left: 40%;
  min-width: 380px;
  padding: 20px 20px 20px 20px;
  position: absolute;
  right: 40%;
  top: 25%;
}

/* MainContent Margin */
.Page.main-content-margin .MainContent {
  margin-left: 60px;
  margin-right: 60px;
}

/* 2.5 Structure > Header Page ********************/
.HeaderPage {
  display: block;
}

.HeaderPage .BreadcrumbsContainer {
  margin-bottom: 5px;
  margin-left: 20px;
}

.HeaderPage .BreadcrumbsContainer .Breadcrumbs,
.HeaderPage .BreadcrumbsContainer .Breadcrumbs a,
.HeaderPage .BreadcrumbsContainer .Breadcrumbs span {
  font-size: 12px;
  margin-bottom: 0;
}

/* 2.6 Structure > Title Section ********************/
.Title {
  display: inline-block;
  margin: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.Title.Heading1 {
  border-bottom: 1px solid #DDD;
  height: 50px;
  margin-bottom: 20px;
  margin-top: 0;
  padding-left: 20px;
}

.tablet.portait .Title.Heading1,
.tablet.mini .Title.Heading1 {
  font-size: 22px;
  position: relative;
}

.phone.portrait .Title.Heading1 {
  border: none;
  display: block;
  height: 40px;
  margin-bottom: 10px;
  padding: 0 20px;
  position: relative;
  text-align: center;
}

.Title_Section {
  margin-top: 34px;
  position: relative;
}

/* Custom scaffolding add button  */
.Actions {
  display: inline-block;
  font-size: 14px;
  line-height: 34px;
  margin-right: 20px;
  position: absolute;
  right: 0;
  text-align: right;
  width: auto;
}

.phone.portrait .Actions {
  margin-bottom: 20px;
  padding: 0 20px;
  position: relative;
  text-align: center;
  width: 100%;
}

.phone.portrait .Actions .Button {
  margin: 0 0 10px;
  width: 100%;
}

.Actions a {
  margin-left: 10px;
}

.Actions a:first-child {
  margin-left: 0;
}

a.ActionAdd,
a.ActionEdit,
a.ActionDelete,
a.ActionChange {
  -webkit-border-radius: 4px;
          border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  line-height: 30px;
  margin-left: 10px;
  min-width: 80px;
  padding: 0 15px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}

a.ActionAdd:hover,
a.ActionEdit:hover,
a.ActionDelete:hover,
a.ActionChange:hover {
  background-color: #EFEFEF;
}

a.ActionAdd[disabled],
a.ActionAdd:disable,
a.ActionEdit[disabled],
a.ActionEdit:disable,
a.ActionDelete[disabled],
a.ActionDelete:disable,
a.ActionChange[disabled],
a.ActionChange:disable {
  background-color: #CCC;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #999;
}

a.ActionAdd,
a.ActionEdit,
a.ActionChange {
  background-color: #FFF;
  border: 1px solid #CCC;
  border-bottom: 2px solid #CCC;
  -webkit-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.05);
  color: #48687C;
}

a.ActionAdd {
  background-color: #EE2429;
  border: 0 0 2px 0;
  border-bottom: 2px solid #B79008;
  color: #FFF;
  text-shadow: none;
}

a.ActionAdd:hover {
  background-color: #E9BD24;
  border-bottom: 2px solid #C6A11F;
}

a.ActionDelete {
  background-color: #BB5858;
  border: 0 0 2px 0;
  border-bottom: 2px solid #9F4B4B;
  -webkit-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.05);
  color: #FFF;
}

a.ActionDelete:hover {
  background-color: #D56565;
  border-bottom: 2px solid #B55656;
}

.Actions input.Button {
  margin-left: 20px;
}

/* 2.7 Structure > Página Login e Pre Registo ********************/
.pr-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  min-height: 100%;
}

.ie .pr-page {
  height: 100%;
  min-height: 800px;
}

.tablet .pr-page,
.phone .pr-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.pr-page .pr-header {
  padding: 70px;
  background: url("/FID_B2C_Resources/img/PreRegistoFundo.jpg?242");
  -webkit-background-size: cover;
          background-size: cover;
  position: relative;
  font-size: 18px;
  font-weight: 300;
  color: #FFF;
}

.desktop.small .pr-page .pr-header {
  padding: 34px;
}

.tablet .pr-page .pr-header {
  min-height: 590px;
  padding: 38px;
}

.phone .pr-page .pr-header {
  height: auto;
  padding: 20px;
}

.desktop .pr-page .pr-header,
.desktop .pr-page .pr-content {
  width: 50%;
}

.pr-header--title {
  width: 80%;
}

.tablet .pr-header--title,
.desktop.small .pr-header--title {
  width: 60%;
}

.pr-header--title img {
  width: 100%;
  max-width: 450px;
}

.phone .pr-header--title img {
  max-width: 200px;
}

.desktop .pr-description {
  margin-top: 40px;
}

.description-content--functionalities {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40px;
}

.tablet .description-content--functionalities {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 30px;
}

.phone .pr-page .description-content--functionalities {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.description-content--functionalities .Heading3 {
  font-weight: 900;
  font-size: 20px;
}

.desktop.small .description-content--functionalities .Heading3 {
  font-size: 18px;
}

.phone .pr-page .Heading1 {
  margin-top: 20px;
  font-size: 20px;
  line-height: 28px;
}

.phone .pr-page .Heading3 {
  margin-top: 0;
  font-size: 16px;
  font-weight: 400;
}

.tablet .pr-header--title img {
  width: 100%;
}

.phone .pr-description {
  margin-top: 20px;
  font-size: 16px;
}

.tablet .pr-header--description .pr-description-title {
  margin-top: 40px;
}

.tablet .pr-header--description .pr-description-title .Heading2 {
  margin-top: 0;
  font-size: 24px;
  font-weight: 600;
}

.tablet .pr-header--description .description-content,
.tablet .pr-header--description .pr-description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 18px;
  font-weight: 300;
}

.tablet .pr-header--description .description-content .Heading3 {
  font-size: 18px;
  font-weight: 600;
}

.tablet .pr-header .bullet-list {
  width: 40%;
  margin-left: auto;
}

.pr-page input[readonly="readonly"] {
  background-color: #C5C5C5;
  border: none;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  color: #2C363E;
  font-weight: 600;
  pointer-events: none;
}

.pr-page-form:not(:first-child) {
  margin-top: 40px;
}

.pr-page-form--form .form-login-field {
  margin-top: 20px;
}

.pr-page-form--form input {
  max-width: 350px;
}

.desktop.small .pr-page-form--form input {
  max-width: 280px;
}

.pr-page-form .Heading2 {
  margin-top: 0;
}

.item-with-i {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 30px;
}

.phone .item-with-i {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
}

.item-with-i .item-with-i--icon {
  width: 5%;
  font-weight: 900;
  color: #EE2429;
}

.phone .item-with-i .fa {
  font-size: 12px;
}

.item-with-i .item-with-i--item {
  width: 95%;
  margin-left: 10px;
}

.desktop.small .item-with-i .item-with-i--item {
  font-size: 16px;
}

.phone .item-with-i .item-with-i--item {
  margin-left: 8px;
}

/*right side*/
.desktop .pr-page .pr-content {
  position: relative;
}

.desktop .pr-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.desktop .pr-content--trusty {
  position: absolute;
  left: -180px;
  bottom: 50px;
}

.desktop.small .pr-content--trusty {
  left: -124px;
}

.desktop .pr-content--trusty img {
  max-width: 250px;
}

.desktop.small .pr-content--trusty img {
  max-width: 160px;
}

.phone .pr-content--trusty img,
.tablet .pr-content--trusty img {
  max-width: 120px;
}

.tablet .pr-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px;
}

.tablet .pr-content--action,
.phone .pr-content--action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.pr-content--action .pr-content--trusty {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 30%;
      -ms-flex: 1 0 30%;
          flex: 1 0 30%;
}

.pr-content--action .pr-content--btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 50%;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}

.desktop .pr-content--action .pr-content--logo {
  display: none;
}

.tablet .pr-content--action .pr-content--logo,
.phone .pr-content--action .pr-content--logo {
  -webkit-box-flex: 1 0 100%;
  -webkit-flex-grow: 1 0 100%;
      -ms-flex-positive: 1 0 100%;
          flex-grow: 1 0 100%;
}

.tablet .pr-content--action .pr-content--logo img,
.phone .pr-content--action .pr-content--logo img {
  width: 100%;
}

.tablet .pr-content--action {
  padding: 30px;
  width: 70%;
}

.phone .pr-content .pr-content--container {
  padding: 20px;
}

.desktop.small .pr-content .pr-content--container .pr-content--logo {
  margin-top: 20px;
}

.tablet .pr-content .pr-content--container .pr-content--logo,
.phone .pr-content .pr-content--container .pr-content--logo {
  display: none;
}

.phone .pr-content--action {
  padding: 20px;
}

.phone .pr-content--action .pr-content--logo {
  margin-top: 30px;
  text-align: center;
}

.desktop .pr-content--logo img {
  max-width: 350px;
}

.tablet .pr-content--logo {
  margin-top: 40px;
}

.desktop.small .pr-content--logo img {
  max-width: 280px;
}

.tablet .pr-content--logo img {
  max-width: 436px;
}

.phone .pr-content--logo img {
  width: 100%;
}

.phone .pr-page-form--form input {
  max-width: 100%;
  width: 100%;
  height: 50px;
}

.tablet .pr-page-form--form input,
.tablet .pr-content--action .Button {
  width: 100%;
  height: 50px;
  max-width: unset;
}

.tablet .pr-content--action .Button {
  line-height: 50px;
  height: 50px;
  max-width: 350px;
}

.desktop .pr-content .pr-content--container {
  padding: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.desktop.small .pr-content .pr-content--container {
  padding: 34px 0 34px 34px;
  width: 75%;
}

.tablet .pr-content .pr-content--container {
  padding: 30px;
  width: 70%;
}

.desktop .pr-content .pr-content--action {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

.desktop.small .pr-content .pr-content--action {
  width: 25%;
}

.pr-content .Button {
  text-transform: uppercase;
  -webkit-border-radius: 0;
          border-radius: 0;
}

.desktop .pr-content .Button {
  width: 100%;
  height: 116px;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pr-content .Button[disabled] {
  background-color: #ABABAB;
  color: #FFF;
}

.desktop .pr-content .Button > div {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

.desktop.small .pr-content .Button {
  font-size: 12px;
  height: 96px;
}

.phone .pr-content .Button {
  font-size: 16px;
  height: 50px;
  width: 100%;
  line-height: 50px;
  text-transform: uppercase;
}

.desktop .pr-content .Button .fa {
  font-size: 14px;
  margin-left: 8px;
}

.desktop.small .pr-content .Button .fa {
  font-size: 12px;
  margin-left: 4px;
}

.tablet .pr-content .Button .fa,
.phone .pr-content .Button .fa {
  display: none;
}

@media screen and (min-width: 1366px) and (max-width: 1450px) {
  .pr-page .pr-header {
    padding: 50px;
  }
  .pr-header--title img {
    max-width: 400px;
  }
  .desktop .pr-content .pr-content--container {
    padding: 20px 50px;
  }
  .pr-page-form--form input,
  .pr-page-form--form .form-login-field--info {
    max-width: 280px;
    height: 44px;
  }
  .pr-page-form--form .form-login-field {
    margin-top: 14px;
  }
  .desktop .pr-content--trusty {
    left: -150px;
  }
  .desktop .pr-content--trusty img {
    max-width: 200px;
  }
  .desktop .pr-content--logo img {
    max-width: 280px;
  }
  .Heading1 {
    font-size: 26px;
  }
  .desktop .pr-content .Button {
    height: 100px;
    font-size: 14px;
  }
  .pr-page-form:not(:first-child) {
    margin-top: 20px;
  }
}

/**Tablet in landscape - same behaviour as small desktop**/
@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .tablet.landscape .pr-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .tablet.landscape .pr-page .pr-header,
  .tablet.landscape .pr-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
  .tablet.landscape.pr-page .pr-header {
    padding: 50px;
  }
  .tablet.landscape .pr-header--title img {
    max-width: 400px;
  }
  .tablet.landscape .pr-page-form--form input,
  .tablet.landscape .pr-page-form--form .form-login-field--info {
    max-width: 280px;
    height: 44px;
  }
  .tablet.landscape .pr-page-form--form .form-login-field {
    margin-top: 14px;
  }
  .tablet.landscape .desktop .pr-content--trusty {
    left: -150px;
  }
  .tablet.landscape .desktop .pr-content--trusty img {
    max-width: 200px;
  }
  .tablet.landscape .desktop .pr-content--logo img {
    max-width: 280px;
  }
  .tablet.landscape .desktop .pr-content .Button {
    height: 100px;
    font-size: 14px;
  }
  .tablet.landscape .pr-page-form:not(:first-child) {
    margin-top: 20px;
  }
  .tablet.landscape .pr-content .pr-content--container {
    width: 60%;
    padding: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .tablet.landscape .pr-page .pr-content {
    position: relative;
  }
  .tablet.landscape .pr-content--trusty {
    position: absolute;
    left: -124px;
    bottom: 180px;
  }
  .tablet.landscape .pr-content--action .pr-content--trusty {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 30%;
        -ms-flex: 1 0 30%;
            flex: 1 0 30%;
  }
  .tablet.landscape .pr-content--trusty img {
    max-width: 160px;
  }
  .tablet.landscape .pr-content .pr-content--action {
    width: 25%;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }
}

/*------------------------------------*\
    $3. Forms
\*------------------------------------*/
html input {
  height: 34px;
}

textarea,
select,
input {
  border: none;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #7E7E7E;
  font-size: 13px;
}

/* 3.1 Forms > Radio Button & Checkbox ********************/
html input[type="radio"],
html input[type="checkbox"] {
  background-color: transparent;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  height: 20px;
}

input[type="radio"]:disabled:before,
input[type="checkbox"]:disabled:before {
  background: rgba(204, 204, 204, 0.1);
}

.ie input[type="radio"],
.ie input[type="checkbox"],
.ie .Form input[type="radio"],
.ie .Form input[type="checkbox"] {
  -webkit-border-radius: 0;
          border-radius: 0;
}

.Form input[type="checkbox"].Not_Valid,
.Form input[type="radio"].Not_Valid,
input[type="checkbox"].Not_Valid,
input[type="radio"].Not_Valid {
  border: transparent;
  padding: 0;
}

/* 3.2 Forms > Inputs, Selects & Textarea ********************/
select,
textarea,
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: rgba(255, 255, 255, 0.7);
  -webkit-border-radius: 0;
          border-radius: 0;
  border-style: solid;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 16px;
  font-style: italic;
  height: 52px;
  padding: 0 12px;
}

input[type="text"]:focus,
input[type="password"]:focus {
  border-style: solid;
  /*border: 0;*/
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ie8 input[type="text"],
.ie8 input[type="password"] {
  line-height: 32px;
}

select {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2C363E;
  height: 52px;
  line-height: 52px;
  padding: 4px 8px;
}

select:not(.Not_Valid):focus {
  border: 0;
}

select.Not_Valid:focus,
input.Not_Valid:focus,
textarea.Not_Valid:focus {
  border: 0;
}

textarea:focus {
  border: 0;
}

@media screen and (min-width: 1024px) and (max-width: 1450px) {
  .pr-page-form--form input {
    height: 44px;
  }
}

/* 3.3 Forms > ReadOnly & Disabled ********************/
input[disabled="disabled"][type="text"]:focus,
input[disabled="disabled"][type="password"]:focus,
textarea[disabled="disabled"]:focus,
textarea[readonly="readonly"]:focus,
select[disabled="disabled"]:focus,
input[readonly="readonly"]:focus,
input[disabled="disabled"]:focus,
.Form textarea[readonly="readonly"].ReadOnly:not(.Not_Valid):focus,
.Form textarea[disabled="disabled"].ReadOnly:not(.Not_Valid):focus {
  border: 0;
}

.Form input.ReadOnly,
.Form textarea.ReadOnly,
.Form select.ReadOnly {
  background-color: rgba(171, 171, 171, 0.1);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #666;
  font-size: 13px;
  padding: 12px;
  vertical-align: middle;
}

.Form input.ReadOnly:not(.Not_Valid),
.Form textarea.ReadOnly:not(.Not_Valid),
.Form select.ReadOnly:not(.Not_Valid):focus {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.Form a.SmartInput_Undo {
  padding: 8px 5px;
}

/* 3.4 Forms > Not Valid ********************/
.Form input.Not_Valid,
.Form select.Not_Valid,
.Form textarea.Not_Valid,
input.Not_Valid,
select.Not_Valid,
textarea.Not_Valid {
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.Form input.Not_Valid.ReadOnly,
.Form textarea.Not_Valid.ReadOnly,
.Form select.Not_Valid.ReadOnly {
  border: 0;
}

@media screen and (min-width: 1366px) and (max-width: 1450px) {
  .pr-page-form--form input {
    height: 44px;
  }
}

/*------------------------------------*\
    $4. Built-in widgets
\*------------------------------------*/
/* 4.1 Built-in widgets > Filter Form ********************/
.Filters_Wrapper {
  background-color: #FFF;
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  line-height: 34px;
  padding: 20px;
}

.Filters_Wrapper .Button {
  margin-left: 10px;
}

.phone .Filters_Wrapper input[type="text"] {
  margin-bottom: 10px;
  width: 100%;
}

.phone .Filters_Wrapper input.Button.Is_Default {
  margin-left: 0;
}

/* 4.2 Built-in widgets > EditableTable ********************/
.EditableTable {
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.EditableTable thead td {
  border-bottom: 1px solid #DDD;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  padding-left: 20px;
  text-transform: uppercase;
}

.EditableTable tbody tr:not(.RowControlGroup) td {
  border-bottom: 1px solid #DDD;
}

.EditableTable tr.Selected td {
  background-color: #FAFCFF;
}

.EditableTable tr.OnEdit + tr.RowControlGroup .ControlActions,
.EditableTable tr.Selected + tr.RowControlGroup .ControlActions {
  background: #FAFCFF;
  border: 1px solid #DDD;
  border-top: 2px solid #FAFCFF;
  left: 50%;
  margin-left: -82px;
  margin-top: -2px;
  padding: 6px;
}

.EditableTable tr.RowControlGroup a {
  color: #EE2429;
  cursor: pointer;
  display: none;
  width: 50px;
}

td.RowWithAddAction {
  border-bottom: 0;
}

td.RowWithAddAction i {
  font-size: 14px;
  margin-right: 5px;
}

body .EditableTable input:not(.InEditMode),
body .EditableTable textarea:not(.InEditMode),
body .EditableTable select:not(.InEditMode) {
  background: transparent;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #666;
  font-size: 14px;
}

/* 4.3 Built-in widgets > TableRecords ********************/
.TableRecords_Header {
  background-color: rgba(232, 232, 232, 0.66);
  border-bottom: 0;
  color: #ABABAB;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 0;
  text-transform: uppercase;
}

.TableRecords > tbody > tr > td a {
  color: #48687C;
  font-weight: 600;
}

.TableRecords {
  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  padding: 0;
}

.TableRecords tr:nth-child(even) {
  background-color: #FFF;
}

.TableRecords_OddLine,
.TableRecords_EvenLine {
  background-color: #FFF;
  border-bottom: none;
  font-size: 18px;
  font-weight: 700;
  padding: 10px;
  text-transform: capitalize;
  vertical-align: middle;
}

.desktop .TableRecords_OddLine:first-child,
.desktop .TableRecords_EvenLine:first-child,
.desktop .TableRecords_Header:first-child,
.tablet .TableRecords_OddLine:first-child,
.tablet .TableRecords_EvenLine:first-child,
.tablet .TableRecords_Header:first-child {
  color: #ABABAB;
  font-size: 16px;
  font-weight: 400;
  padding: 30px 0 30px 60px;
}

.TableRecords tr:last-child > td {
  border-bottom: 0;
}

.TableRecords tr.ColorMe td {
  background-color: #EFEFEF;
  text-transform: uppercase;
}

.TableRecordsCovers {
  background-color: white;
  color: black;
  font-size: 18px;
  font-weight: 700;
  padding: 30px 0 30px 60px;
}

.TableRecordsCovers:first-child {
  width: 360px;
}

.TableRecordsCovers:nth-child(2) {
  width: 250px;
}

.TableRecordsCovers:nth-child(3) {
  width: 250px;
}

.TableRecordsCovers:nth-child(4) {
  width: 250px;
}

.TableRecordsSubCovers:first-child {
  padding-left: 100px;
  width: 288px;
}

.TableRecordsSubCovers:nth-child(2),
.TableRecordsSubCovers:nth-child(3),
.TableRecordsSubCovers:nth-child(4),
.TableRecordsSubCovers:nth-child(5),
.TableRecordsSubCovers:nth-child(6) {
  width: 200px;
}

.TableRecordsSubCovers {
  background-color: white;
  color: #ABABAB;
  font-size: 16px;
  font-weight: 400;
  padding: 30px 0 30px 60px;
}

.AccordionVertical_item.open .ElementoCobertura:before {
  background: #ECEFF1;
  content: "";
  height: 1px;
  position: absolute;
  right: 20px;
  width: 95%;
}

.ElementoCobertura:first-child:before {
  background: white;
}

.ElementoCobertura:first-child .TableRecordsCovers {
  background-color: rgba(232, 232, 232, 0.66);
}

/* Livestyleguide TableRecords */
/*Customized OS Table Records to show information on LiveStyleGuide */
.livestyleguide.TableRecords .TableRecords_Header {
  font-size: 16px;
  padding: 10px;
  text-transform: capitalize;
  color: #888;
  font-weight: 600;
  background-color: #FFF;
}

.livestyleguide.TableRecords tr td,
.livestyleguide.TableRecords tr:hover {
  background-color: #EAEAEA;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
}

.livestyleguide .TableRecords_OddLine,
.livestyleguide .TableRecords_EvenLine {
  border-bottom: 1px solid #C2C2C2;
}

/* 4.4 Built-in widgets > EditRecord & ShowRecord ********************/
.EditRecord_Buttons .Button {
  line-height: 15px;
}

table.EditRecord,
table.ShowRecord {
  background-color: #FFF;
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  margin-top: 0;
}

table.EditRecord tr:first-child td,
table.ShowRecord tr:first-child td {
  padding-top: 20px;
}

table.EditRecord tr td,
table.ShowRecord tr td {
  padding-right: 20px;
}

table.EditRecord tr td:first-child,
table.ShowRecord tr td:first-child {
  padding-left: 20px;
}

table.EditRecord tr:last-child td,
table.ShowRecord tr:last-child td {
  padding-bottom: 20px;
}

.tablet table.EditRecord tr:first-child td:first-child,
.tablet table.ShowRecord tr:first-child td:first-child,
.phone table.EditRecord tr:first-child td:first-child,
.phone table.ShowRecord tr:first-child td:first-child {
  padding-top: 20px;
}

.tablet table.EditRecord tr td,
.tablet table.ShowRecord tr td,
.phone table.EditRecord tr td,
.phone table.ShowRecord tr td {
  padding-left: 20px;
  padding-right: 20px;
}

.tablet td.EditRecord_Caption:first-child + .EditRecord_Value,
.phone td.EditRecord_Caption:first-child + .EditRecord_Value {
  padding-right: 20px;
}

.tablet table.EditRecord tr:last-child td:last-child,
.tablet table.ShowRecord tr:last-child td:last-child,
.phone table.EditRecord tr:last-child td:last-child,
.phone table.ShowRecord tr:last-child td:last-child {
  padding-bottom: 20px;
}

/* 4.5 Built-in widgets > AccordionVertical ********************/
.SectionExpandable.expanded .SectionExpandable_content {
  padding: 10px 0 10px 0;
}

/*------------------------------------*\
    $5. RichWidgets
\*------------------------------------*/
/* 5.1 RichWidgets > Feedback Ajax Loading ********************/
.Feedback_AjaxWait {
  background-color: rgba(40, 51, 58, 0.8);
  -webkit-border-radius: 0;
          border-radius: 0;
  bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: none;
  height: 100%;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 10000;
}

.Feedback_AjaxWait img {
  -webkit-animation: 0;
          animation: 0;
  display: inline-block;
}

.wrapper-loading {
  height: 200px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 340px;
}

.loading-text-black {
  color: #2C363E;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1.5px;
  margin-top: 10px;
}

.loading-text {
  color: #FFF;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1.5px;
  margin-top: 10px;
}

.loading-description {
  color: #FFF;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 10px;
}

.loading-bullets {
  display: block;
  height: 18px;
  margin-top: 8px;
  width: 100%;
}

.loading-logo {
  height: 105px;
}

.loading-logo img {
  width: 100px;
}

.bullet {
  background-color: #D32F2F;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: inline-block;
  height: 100%;
  margin: 0 7px;
  width: 18px;
}

.bullet.first {
  -webkit-animation: moveBullet 1100ms ease-out infinite;
          animation: moveBullet 1100ms ease-out infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  margin-left: -18px;
}

.bullet.second {
  -webkit-animation: moveBulletSecond 1100ms ease-out infinite;
          animation: moveBulletSecond 1100ms ease-out infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.bullet.third {
  -webkit-animation: moveBulletThird 1100ms ease-out infinite;
          animation: moveBulletThird 1100ms ease-out infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  margin-right: 0;
}

@-webkit-keyframes moveBullet {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  33% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  100% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
}

@keyframes moveBullet {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  33% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  100% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
}

@-webkit-keyframes moveBulletSecond {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  33% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  66% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  100% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
}

@keyframes moveBulletSecond {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  33% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  66% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  100% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
}

@-webkit-keyframes moveBulletThird {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  33% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  66% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  99% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  100% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
}

@keyframes moveBulletThird {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  33% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  66% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  99% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  100% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
}

/* 5.2 RichWidgets > Feedback Message ********************/
div.Feedback_Message_Wrapper {
  left: 0;
  margin-top: 0;
  z-index: 9;
}

.Page div.Feedback_Message_Wrapper {
  background: rgba(44, 54, 62, 0.71);
  display: none;
  height: 100% !important;
  margin-top: 0;
  top: 0 !important;
}

div.Feedback_Message_Error,
div.Feedback_Message_Success,
div.Feedback_Message_Warning,
div.Feedback_Message_Info {
  border: 1px solid;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  bottom: 0;
  -webkit-box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.22);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #FFF;
  line-height: normal;
  min-height: 315px;
  padding: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 360px;
  word-break: break-word;
}

a.Feedback_Message_Wrapper_Close {
  color: #000;
  opacity: 0.3;
  right: 10px;
  top: 8px;
}

.tablet a.Feedback_Message_Wrapper_Close,
.phone a.Feedback_Message_Wrapper_Close {
  pointer-events: none;
}

div.Feedback_Message_Error .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Warning .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Info .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Success .Feedback_Message_Wrapper_Close:after {
  color: #000;
  content: "\f00d";
  font-family: FontAwesome;
  text-align: right;
}

a.Feedback_Message_Wrapper_Close:hover {
  opacity: 0.6;
}

div.Feedback_Message_Info:before,
div.Feedback_Message_Success:before,
div.Feedback_Message_Error:before,
div.Feedback_Message_Warning:before {
  font-size: 60px;
  left: 50%;
  opacity: 1;
  top: 15%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

div.Feedback_Message_Error span,
div.Feedback_Message_Success span,
div.Feedback_Message_Warning span,
div.Feedback_Message_Info span {
  display: block;
  font-size: 20px;
  left: 0;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}

div.Feedback_Message_Success {
  background-color: #DFF0D8;
  border-color: #CBE0BA;
  color: #346B35;
}

div.Feedback_Message_Error {
  background-color: #F5E7E7;
  border-color: #EAD8D8;
  color: #843534;
}

div.Feedback_Message_Warning {
  background-color: #FCF8E3;
  border-color: #F1DEB6;
  color: #8A6D3B;
}

div.Feedback_Message_Info {
  background-color: #FFF;
  border-color: #009BD0;
}

/* 5.3 RichWidgets > List Navigation ********************/
a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis {
  background-color: #FFF;
  border: 1px solid #CCC;
  border-bottom-width: 2px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.05);
  color: #48687C;
  text-decoration: none;
}

a.ListNavigation_PageNumber:link:hover,
span.ListNavigation_CurrentPageNumber:hover,
span.ListNavigation_Ellipsis:hover {
  background-color: #EFEFEF;
}

span.ListNavigation_CurrentPageNumber,
span.ListNavigation_CurrentPageNumber:hover {
  background-color: #CCC;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #999;
  cursor: default;
}

a.ListNavigation_Previous:link,
a.ListNavigation_Next:link,
span.ListNavigation_DisabledNext,
span.ListNavigation_DisabledPrevious {
  background-color: #FFF;
  border: 1px solid #CCC;
  border-bottom-width: 2px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.05);
  color: #48687C;
  padding-bottom: 5px;
  padding-top: 5px;
  text-decoration: none;
}

a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover,
span.ListNavigation_DisabledNext:hover,
span.ListNavigation_DisabledPrevious:hover {
  background-color: #EFEFEF;
}

/* 5.4 RichWidgets > Popup Editor ********************/
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: #253B4A;
}

/*------------------------------------*\
    $6. Login
\*------------------------------------*/
.Page .Login + div + span div.Feedback_Message_Wrapper {
  margin-top: 0;
  width: 100% !important;
}

.Login_background {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.desktop .Login_background img {
  width: 100%;
  height: 100%;
}

/*
  .Login_background img {

  }
*/
.login-left-content {
  background: #FFF;
  bottom: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 50%;
  z-index: 5;
}

.login-left-content-box {
  height: 100%;
  position: relative;
}

.login-left-content-box-content {
  padding: 0 50px 0 0;
  position: absolute;
  text-align: right;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  background-color: #FFF;
}

.login-left-content-box-content-title {
  color: #2C363E;
  font-size: 18px;
  font-weight: 900;
  margin-top: 15px;
  text-transform: uppercase;
}

.empresas .login-left-content-box-content,
.empresas .login-right-content-box-content {
  height: 270px;
  min-height: 1px;
}

.partner-title {
  color: #2C363E;
  font-size: 18px;
  font-weight: 900;
  padding-top: 15px;
  text-align: center;
  text-transform: uppercase;
}

.partner-content-box {
  height: 100%;
  margin-top: 20px;
  position: relative;
}

.desktop .partner-content-box a.Button.ButtonDefault,
.desktop .partner-content-box a.Button.Is_Default,
.partner-content-box a.Button.ButtonDefault,
.partner-content-box a.Button.Is_Default {
  background-color: #2C363E;
  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  color: #FFF;
  height: 120px;
  line-height: 120px;
  text-transform: uppercase;
}

.desktop .partner-content-box a.Button.ButtonDefault:hover,
.desktop .partner-content-box a.Button.Is_Default:hover,
.partner-content-boxt a.Button.ButtonDefault:hover,
.partner-content-box a.Button.Is_Default:hover {
  background-color: #EE2429;
}

.parter-main {
  margin-left: 0;
  margin-right: 30%;
  min-height: 300px;
}

.partner-content-box .SmallLeftColumns > .Column.ColFirst,
.partner-content-box .SmallLeftColumns > .Column.ColLast {
  vertical-align: middle;
}

.login-left-content-box-content-actions {
  margin-top: 20px;
}

.login-left-content-box-content-actions a,
.ButsPartEmpresas a {
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}

.login-left-content-box-content-actions a.Button.Blue {
  background-color: #2C363E;
  color: #FFF;
}

.login-left-content-box-content-actions div a.Button,
.login-left-content-box-content .Button {
  min-width: 125px;
}

.login-left-content-box-content-description {
  color: #2C363E;
  font-size: 14px;
  margin-top: 30px;
}

.login-left-content-box-content-subdescription {
  color: #ABABAB;
  font-size: 14px;
  margin-top: 35px;
}

.login-left-content-box-content-subdescription a {
  color: #686877 !important;
  text-decoration: underline !important;
}

.login-right-content {
  bottom: 0;
  height: 100%;
  left: 50%;
  position: fixed;
  top: 0;
  width: 50%;
  z-index: 5;
}

.login-right-content-box {
  height: 100%;
  position: relative;
}

.login-right-content-box-content input[type="text"],
.login-right-content-box-content input[type="password"] {
  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  height: 52px;
  line-height: 52px;
}

.login-right-content-box-content input[type="text"]::-ms-clear,
.login-right-content-box-content input[type="password"]::-ms-clear {
  height: 25px !important;
  margin-right: 0;
  width: 25px !important;
}

.login-right-content-box-content .MediumRightColumns > .Column.ColFirst,
.login-right-content-box-content .MediumRightColumns > .Column.ColLast {
  vertical-align: middle;
}

.login-right-content-box-content {
  padding: 0 0 0 50px;
  position: absolute;
  text-align: right;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}

.desktop .login-right-content-box-content a.Button,
.login-right-content-box-content a.Button {
  background-color: #2C363E;
  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  color: #FFF;
  height: 120px;
  line-height: 120px;
  text-transform: uppercase;
  margin: 0;
}

.desktop .login-right-content-box-content a.Button:hover,
.login-right-content-box-content a.Button:hover {
  background-color: #EE2429;
}

.desktop .login-right-content-box-content a.Button.ButtonDefault,
.desktop .login-right-content-box-content a.Button.Is_Default,
.login-right-content-box-content a.Button.ButtonDefault,
.login-right-content-box-content a.Button.Is_Default {
  background-color: #2C363E;
  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  color: #FFF;
  height: 120px;
  line-height: 120px;
  text-transform: uppercase;
}

.desktop .login-right-content-box-content a.Button.ButtonDefault:hover,
.desktop .login-right-content-box-content a.Button.Is_Default:hover,
.login-right-content-box-content a.Button.ButtonDefault:hover,
.login-right-content-box-content a.Button.Is_Default:hover {
  background-color: #EE2429;
}

.login-right-content-box-content-link {
  margin-top: 1.9em;
}

.login-right-content-box-content-link a {
  color: #686877 !important;
  font-size: 14px;
  text-decoration: underline !important;
}

.tablet.portrait .login-right-content {
  left: 43%;
}

.tablet.portrait .login-right-content-box-content .MediumRightColumns > .Column.ColFirst {
  width: 55%;
}

.tablet.portrait .login-right-content-box-content .MediumRightColumns > .Column.ColFirst .ThemeGrid_Width8 {
  width: 100%;
}

/* PPR Login */
.login-right-content .ValidationMessage {
  font-size: 14px;
  margin-left: 1em;
}

.login-right-content-box-content .MediumRightColumns .Button,
.login-left-content-box-content .Button.BigLeft {
  -webkit-border-radius: 0;
          border-radius: 0;
  font-size: 18px;
  font-weight: 400;
  max-width: 100%;
  width: 200px;
}

.desktop .login-left-content-box-content a.Button.BigLeft,
.login-left-content-box-content a.Button.BigLeft,
.desktop .partner-content-box a.Button.BigLeft,
.partner-content-box a.Button.BigLeft {
  background-color: #FFF;
  border: 1px solid #ABABAB;
  color: #2C363E;
  float: left;
  height: 118px;
  line-height: 120px;
  margin-left: 0;
  text-transform: uppercase;
}

.desktop .login-left-content-box-content a.Button.BigLeft:hover,
.login-left-content-box-content a.Button.BigLeft:hover,
.desktop .partner-content-box a.Button.BigLeft:hover,
.partner-content-box a.Button.BigLeft:hover {
  background-color: #EE2429;
  border: 1px solid #EE2429;
  color: #FFF;
}

.login-left-content-box-content,
.login-right-content-box-content {
  min-height: 270px;
}

.login-cobranding {
  bottom: -10px;
  margin: 0 !important;
  float: right;
  padding: 0;
  position: absolute;
  text-align: right;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  right: 50px;
  z-index: -1;
}

.login-cobranding .label {
  color: #ABABAB;
  font-size: 14px;
  margin-bottom: 25px;
}

.login-right-content-box-content .chave-movel-digital {
  margin-top: 1.9em;
}

.login-right-content-box-content .chave-movel-digital > div:not(:last-child) {
  margin-bottom: 1.9em;
}

/*------------------------------------*\
    $7 SILK Patterns
\*------------------------------------*/
/* 7.1 SILK Patterns > Content ********************/
/* SILK Patterns > Accordion */
.AccordionVertical {
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.AccordionVertical_item:first-child {
  border-top: 0;
  margin-top: 0;
}

.AccordionVertical_item {
  background-color: rgba(255, 255, 255, 0.6);
  border-top: 0;
  margin-top: 20px;
}

.AccordionVertical_item.open .AccordionVertical__content {
  background-color: transparent;
  border: 0;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  font-size: 14px;
  height: auto;
  margin-top: 10px;
  padding: 0;
  visibility: visible;
}

.AccordionVertical_item .AccordionVertical__content {
  padding: 0;
}

.AccordionVertical__header {
  background-color: rgba(255, 255, 255, 0.6);
  display: table;
  padding: 20px 90px 20px 30px;
  width: 100%;
}

.AccordionVertical_item.open .AccordionVertical__header {
  background: rgba(255, 255, 255, 0.6);
  -webkit-border-radius: 5px 0 0 0;
          border-radius: 5px 0 0 0;
  font-weight: 400;
}

.AccordionVertical___title {
  color: #2C363E;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.AccordionVertical___title_ur {
  margin-right: 0 !important;
  width: 25%;
}

.AccordionVertical__content_ur {
  width: 33.33%;
}

.AccordionVertical_item.open .AccordionVertical___title {
  color: #EE2429;
}

.AccordionVertical___icon {
  border-left: 0;
  color: #253B4A;
}

.AccordionVertical_item.open .AccordionVertical___icon > .fa {
  border: 0;
  color: #DAAF03;
}

.AccordionVertical_item.open > .AccordionVertical__header > .AccordionVertical___icon > .fa {
  border: 0;
  color: #EE2429;
}

.AccordionVertical___icon > .fa {
  border: 0;
  color: #253B4A;
  display: table-cell;
  font-size: 30px;
  vertical-align: middle;
}

.AccordionVertical .edit-item-content .Column.ColFirst {
  margin: 0;
  padding: 0;
  width: 33.33%;
}

.AccordionVertical .edit-item-content .Column.ColLast {
  margin: 0;
  padding: 0;
  width: 66.66%;
}

.AccordionVertical_item.open .AccordionVertical__content .list-header {
  background-color: #F3F3F3;
}

/* SILK Patterns > Alert */
.Alert {
  -webkit-border-radius: 2px;
          border-radius: 2px;
}

.Alert.Info {
  background-color: #D9EDF7;
  border-color: #C8DEE9;
  color: #31708F;
}

.Alert.Info span.fa {
  color: #5EB1DB;
}

.Alert.Success {
  background-color: #DFF0D8;
  border-color: #CBE0BA;
  color: #346B35;
}

.Alert.Success span.fa {
  color: #7DC62B;
}

.Alert.Error {
  background-color: #F5E7E7;
  border-color: #EAD8D8;
  color: #843534;
}

.Alert.Error span.fa {
  color: #E58D8D;
}

.Alert.Warning {
  background-color: #FCF8E3;
  border-color: #F1DEB6;
  color: #8A6D3B;
}

.Alert.Warning span.fa {
  color: #EABD30;
}

/* SILK Patterns > Balloon */
.Balloon {
  border: 1px solid #DDDEDF;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 5px 2px rgba(50, 50, 50, 0.1);
          box-shadow: 0 1px 5px 2px rgba(50, 50, 50, 0.1);
}

/* SILK Patterns > Cards */
.Card {
  background-color: rgba(255, 255, 255, 0.6);
  border: 0;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
  padding: 0;
}

.CardSimple {
  background-color: rgba(255, 255, 255, 0.6);
  border: 0;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
  padding: 35px;
}

.CardSimpleImage img {
  border: 0;
}

.CardSimpleImage .Card_Image img {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
}

.CardSimpleImage .Card_Text {
  margin-bottom: 10px;
  padding: 10px;
}

.CardSimpleImage .Card_Actions {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.CardLeftImage .Left .Card_Image img {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  height: 80px;
  width: 80px;
}

/* SILK Patterns > Carousel */
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: #EE2429;
}

.owl-theme .owl-controls .owl-buttons div {
  background: transparent;
  color: #2C363E;
  font-size: 26px;
  top: 25%;
}

.owl-next.fa.fa-fw.fa-angle-right {
  right: -30px;
}

/* SILK Patterns > Modal */
body.ModalOpened .ModalBackground {
  background-color: rgba(44, 54, 62, 0.6);
}

/* SILK Patterns > Panel */
.Panel {
  background-color: #FFF;
  border: 1px solid #DDDEDF;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.Panel_header,
.Panel_footer {
  border-bottom: 1px solid #DDDEDF;
}

.Panel_header {
  border: 0;
}

.Panel_footer {
  background-color: #E5E5E5;
  border-top: 1px solid #DDDEDF;
  -webkit-box-shadow: inset 0 4px 6px -6px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 4px 6px -6px rgba(0, 0, 0, 0.2);
  padding: 10px 20px;
}

.Panel .Post {
  border-bottom: 1px solid #DCDDDE;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.Panel .Post:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

/* SILK Patterns > Post */
.Post_icon img {
  border: 2px solid #EE2429;
}

.Post_content {
  width: auto;
}

.Post__label {
  font-weight: 400;
}

.Post__description {
  color: #666;
  margin-top: 0;
}

/* SILK Patterns > Section */
.Section_header {
  min-height: 42px;
  padding-bottom: 8px;
  margin-bottom: 20px;
  border: none;
}

.tablet .Section_header,
.phone .Section_header {
  min-height: 48px;
}

/* SILK Patterns > Section Expandable */
.SectionExpandable {
  background-color: #FFF;
  border: none;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.SectionExpandable_header {
  border: 0;
  padding: 10px 0;
  position: relative;
}

.SectionExpandable .SectionExpandable_header:before {
  content: "";
  background: #ECEFF1;
  height: 1px;
  left: 20px;
  position: absolute;
  right: 20px;
  top: 100%;
}

.SectionExpandable.expanded .SectionExpandable_header:before {
  content: "";
  background: #ECEFF1;
  height: 1px;
  left: 20px;
  position: absolute;
  right: 20px;
  top: 100%;
}

.SectionExpandable .SectionExpandable_header .Heading2 {
  color: #EE2429;
  font-size: 16px;
  font-weight: 700;
  line-height: 14px;
}

.SectionExpandable .Heading2.SectionExpandable__icon {
  border-top: none;
  color: #E0E0E0;
  font-size: 24px;
  text-align: left;
  width: 116px;
}

.SectionExpandable.expanded .SectionExpandable_header .Heading2.SectionExpandable__icon {
  color: #E0E0E0;
  text-align: right;
  width: 116px;
}

/* SILK Patterns > Separator */
.Separator {
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #DFDFDF;
  margin: 20px 0;
}

/* SILK Patterns > Tooltip */
.tooltip_style {
  background-color: #2C363E;
  border: none;
  padding: 25px 37px 20px 37px;
}

.tooltip_style .BalloonTextWhite {
  color: #FFF;
}

.tooltip_style .BalloonTextGray {
  color: #DCDCDC;
}

.tooltip_style .BalloonTextWhite:empty,
.tooltip_style .BalloonTextGray:empty {
  display: none;
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
  border-bottom: 8px solid;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  top: -7px;
}

/* 7.2 SILK Patterns > Controls ********************/
/* SILK Patterns > ButtonGroup */
.ButtonGroup_button.Button {
  background-color: #FFF;
  border: 0;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  font-weight: 600;
  margin: 0 10px 1em 0;
  min-width: 40px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100px;
}

.ButtonGroup_button.Button:first-child {
  margin-left: 0;
}

.ButtonGroup_button.Button:last-child {
  margin-right: 0;
}

.ButtonGroup_button.Button:before {
  background-color: #EE2429;
  bottom: 0;
  content: "";
  left: 35%;
  position: absolute;
  top: 38px;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  width: 0;
}

.ButtonGroup_button.Button:hover:before,
.ButtonGroup_button.Button.active:before {
  color: #2C363E;
  width: 30%;
}

.ButtonGroup_button.Button.active {
  background: #FFF;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.ButtonGroup_button.Button:hover {
  background: #FFF;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

/* SOLID VERSION START */
.SolidButtonGroupGeneral .ButtonGroup_button.Button {
  background-color: #FFF;
  border: 1px solid #CCC;
  display: table-cell;
  height: 70px;
  line-height: 16px;
  padding: 0 50px 0 17px;
  text-align: left;
  vertical-align: middle;
  width: inherit;
}

.SolidButtonGroupGeneral .ButtonGroup_button.Button:hover,
.SolidButtonGroupGeneral .ButtonGroup_button.Button.active {
  background-color: #2C363E;
  border: 1px solid #2C363E;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #FFF;
  cursor: pointer;
}

.SolidButtonGroupGeneral .ButtonGroup_button.Button:before {
  background-color: transparent;
  color: #FFF;
  content: "\f10c";
  float: right;
  font-family: "FontAwesome";
  font-size: 1.6em;
  font-weight: normal;
  left: 83%;
  position: absolute;
  top: 25px;
  width: 1em;
}

.SolidButtonGroupGeneral .ButtonGroup_button.Button.active:before {
  content: "\f05d";
}

.SolidButtonGroupGeneral .wrapme {
  display: inline-block;
  height: 70px;
  margin-right: 0.9em;
  width: 211px;
}

/* SOLID VERSION END */
.phone .ButtonGroup_button.Button:last-child {
  -webkit-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
}

.phone .ButtonGroup_button.Button:first-child {
  -webkit-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.phone .ButtonGroup_button.Button.active {
  border-right-width: 1px;
}

.phone .NoResponsive > .ButtonGroup .ButtonGroup_button.Button:first-child {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-right-radius: 0;
          border-top-right-radius: 0;
}

.phone .NoResponsive > .ButtonGroup .ButtonGroup_button.Button:last-child {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
}

/* SILK Patterns > Calendar */
.Calendar-dayNames {
  border-bottom: 0;
  border-top: 2px solid #EE2429;
}

.Calendar-navBtn > div {
  color: #EE2429;
}

.Calendar-day-selected,
.Calendar-day-selected:hover {
  background: #EE2429;
  color: #FFF;
}

.Calendar-time-down,
.Calendar-time-up,
.Calendar-time-am {
  color: #EE2429;
}

/* Calendar Deprecated */
.calendar {
  font-size: 16px;
  z-index: 999;
}

.calendarPattern tr.daynames {
  border: none;
  border-top: 2px solid #EE2429;
}

.calendarPattern .TitleYear,
.calendarPattern .TitleMonth,
.calendarPattern thead .name {
  font-weight: 700;
}

.calendarPattern thead .button {
  background: #FFF;
  color: #EE2429;
  font-size: 30px;
  padding-bottom: 5px;
  vertical-align: middle;
}

.calendarPattern tbody td.selected {
  background-color: #48687C;
  color: #FFF;
}

.calendarPattern tbody td:not(.selected).hilite {
  background: #CCC;
}

/* SILK Patterns > FileUpload */
.FileUpload {
  -webkit-border-radius: 0;
          border-radius: 0;
}

/* SILK Patterns > InputWithIcons */
.InputWithIcons.Right .InputIcon {
  -webkit-border-radius: 0;
          border-radius: 0;
  height: 50px;
  line-height: 50px;
}

.InputWithIcons .InputIcon {
  -webkit-border-radius: 0;
          border-radius: 0;
  height: 50px;
  line-height: 50px;
  width: 50px;
  text-align: center;
}

.InputWithIcons input[type="text"],
.InputWithIcons input[type="password"],
.InputWithIcons input[type="datetime"],
.InputWithIcons input[type="datetime-local"],
.InputWithIcons input[type="date"],
.InputWithIcons input[type="month"],
.InputWithIcons input[type="time"],
.InputWithIcons input[type="week"],
.InputWithIcons input[type="number"],
.InputWithIcons input[type="email"],
.InputWithIcons input[type="url"],
.InputWithIcons input[type="search"],
.InputWithIcons input[type="tel"],
.InputWithIcons input[type="color"] {
  padding-left: 60px;
}

.InputWithIcons.Right input[type="text"],
.InputWithIcons.Right input[type="password"],
.InputWithIcons.Right input[type="datetime"],
.InputWithIcons.Right input[type="datetime-local"],
.InputWithIcons.Right input[type="date"],
.InputWithIcons.Right input[type="month"],
.InputWithIcons.Right input[type="time"],
.InputWithIcons.Right input[type="week"],
.InputWithIcons.Right input[type="number"],
.InputWithIcons.Right input[type="email"],
.InputWithIcons.Right input[type="url"],
.InputWithIcons.Right input[type="search"],
.InputWithIcons.Right input[type="tel"],
.InputWithIcons.Right input[type="color"] {
  padding-right: 60px;
}

/* SILK Patterns > RangeSlider */
.SliderRange .ui-slider-range {
  background-color: #EE2429;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 16px;
}

.SliderRange {
  background-color: #DADBDE;
  border: none;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 16px;
}

.SliderRange .ui-slider-handle,
.phone .SliderRange .ui-slider-handle,
.tablet .SliderRange .ui-slider-handle {
  background: none;
  background-color: #FFF;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  -webkit-box-shadow: 0 1px 3px rgba(107, 107, 107, 0.3);
          box-shadow: 0 1px 3px rgba(107, 107, 107, 0.3);
  height: 30px;
  top: -6px;
  width: 30px;
}

.SliderRange .ui-slider-handle:before,
.phone .SliderRange .ui-slider-handle:before,
.tablet .SliderRange .ui-slider-handle:before {
  height: 12px;
  left: 9px;
  margin-left: 0;
  top: 8px;
}

.SliderRange .ui-slider-handle:after,
.phone .SliderRange .ui-slider-handle:after,
.tablet .SliderRange .ui-slider-handle:after {
  height: 12px;
  left: 13px;
  top: 8px;
  width: 2px;
}

.SliderRange .ui-slider-handle:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* SILK Patterns > Select2 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
  background-color: #FFF;
  border-left: 0;
  width: 30px;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
  background-position: 7px 2px;
  width: 40px;
}

.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
  background-position: -11px 2px;
}

.select2-container .select2-choice span {
  color: #455A64;
}

.select2-dropdown-open .select2-choice {
  background-color: #FFF;
}

.select2-drop.select2-drop-active {
  border-top: none;
  padding-top: 0;
}

.select2-search input {
  background-position: -35px -22px;
  border: 1px solid #CFD8DC;
  border-left: 0;
  border-right: 0;
  height: 30px;
  line-height: 30px;
  padding-left: 28px;
}

.select2-results .select2-highlighted {
  background-color: #EE2429;
  color: #FFF;
}

.select2-choice.select2-default .select2-chosen {
  color: #CCC;
  text-transform: uppercase;
  font-weight: 500;
  font-style: italic;
}

.select2-container .select2-choice {
  height: 55px;
  line-height: 55px;
}

.select2-container .select2-choice .select2-arrow {
  top: 12px;
}

/* SILK Patterns > ToggleButton */
.ToggleButton {
  background-color: #CFD8DC;
  border: 0;
  -webkit-border-radius: 40px;
          border-radius: 40px;
  height: 16px;
  width: 30px;
}

.ToggleButton.changed {
  background-color: #EE2429;
}

.ToggleButton_label {
  height: 16px;
}

.ToggleButton_label:after {
  background-color: #EE2429;
  left: 0;
}

.ToggleButton_label:after,
.ToggleButton_label.changed:after {
  -webkit-border-radius: 20px;
          border-radius: 20px;
  -webkit-box-shadow: 0 1px 1px rgba(107, 107, 107, 0.5);
          box-shadow: 0 1px 1px rgba(107, 107, 107, 0.5);
  height: 12px;
  top: 1px;
  width: 12px;
}

.ToggleButton_label.changed:after {
  left: 15px;
}

/* 7.3 SILK Patterns > Data ********************/
/* SILK Patterns > Badge */
.Badge {
  border: none;
  line-height: 14px;
  padding: 3px 0;
}

/* SILK Patterns > Counter */
.Counter {
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

/* SILK Patterns > IconBadge */
.IconBadge_number {
  background-color: #EE2429;
  border: none;
  top: -5px;
}

/* SILK Patterns > ProgressBar */
.Progress {
  -webkit-border-radius: 4px;
          border-radius: 4px;
  height: 18px;
}

.Progress span {
  top: -2px;
}

.Progress_bar {
  background-image: -webkit-gradient(linear, right bottom, left top, color-stop(25%, rgba(255, 255, 255, 0.15)), color-stop(25%, transparent), color-stop(50%, transparent), color-stop(50%, rgba(255, 255, 255, 0.15)), color-stop(75%, rgba(255, 255, 255, 0.15)), color-stop(75%, transparent), to(transparent));
  background-image: -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(bottom right, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(to top left, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}

/* SILK Patterns > Tile */
.Tile {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.2);
          box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.2);
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

a .Tile:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

.TileIcon_text,
.TileNumber_text,
.TileIconText_label {
  font-family: Meiryo, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.TileIconText_label.Heading2 {
  color: inherit;
  font-size: 16px;
  text-align: left;
}

.TilleIconText_text {
  text-align: left;
}

/* SILK Patterns > UserInitials */
.UserInitials.Small {
  line-height: 22px;
}

.UserInitials.Medium {
  line-height: 45px;
}

.UserInitials.Large {
  line-height: 96px;
}

/* 7.4 SILK Patterns > Layout ********************/
/* SILK Patterns > Layout Popup */
.MainPopup {
  background: #FFF;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  /* display: table-cell; */
  min-height: 375px;
  /*padding: 25px;*/
  vertical-align: top;
}

.MainPopup input[type="text"],
.MainPopup input[type="password"],
.tablet .MainPopup input[type="text"],
.tablet .MainPopup input[type="password"] {
  background-color: rgba(171, 171, 171, 0.1);
  -webkit-border-radius: 0;
          border-radius: 0;
  color: #7E7E7E;
  font-size: 14px;
  height: 52px;
  line-height: 52px;
  border: 1px solid #CCC;
}

.MainPopup .Button.ThemeGrid_MarginGutter {
  margin-left: 10px;
}

.MainPopup .underlinelink a:link,
.MainPopup .underlinelink a:visited,
.underlinelink a:link,
.underlinelink a:visited {
  color: #7E7E7E;
  text-decoration: underline;
}

.MainPopup .underlinelink a:hover,
.underlinelink a:hover {
  color: #EE2429;
}

/* 7.5 SILK Patterns > Mobile ********************/
/* SILK Patterns > ListItem */
a:hover > .ListItem {
  background-color: #F0F0F0;
}

a > .ListItem.active,
a:active > .ListItem {
  background-color: #F0F0F0;
}

/* SILK Patterns > ListItemGroup */
.ListItemGroup {
  background-color: #FFF;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.ListItemGroup a:first-child:hover .ListItem {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
}

.ListItemGroup a:last-child:hover .ListItem {
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
}

/* 7.7 SILK Patterns > ValidationMessage ********************/
.ValidationMessage {
  color: #EE2429;
  padding-top: 5px;
}

/* SILK Patterns > NavigationBar */
.NavigationBar a,
.NavigationBar a:link,
.NavigationBar a:visited {
  color: #C7C7C7;
}

.desktop .NavigationBar a:hover {
  text-decoration: none;
}

.desktop .NavigationBar a:hover,
.desktop .NavigationBar a:link:hover,
.NavigationBar a.Active {
  color: #3E5154;
}

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after,
.NavigationBar a.Active:after {
  background-color: #EE2429;
}

.NavigationBar a.Active:not(.IE8):before {
  border-bottom: 4px solid #EE2429;
}

.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover,
.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
  border-color: #EE2429;
}

.NavigationBar.Vertical a.Active:not(.IE8):before {
  border-left: 4px solid #EE2429;
}

.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: #3E5154;
}

.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: #EE2429;
}

/* SILK Patterns > SectionIndex */
.SectionIndex a.active,
.SectionIndex a:hover {
  border-bottom: solid 2px #EE2429;
  color: #EE2429;
}

.SectionIndex.vertical a.active,
.SectionIndex.vertical a:hover {
  border-left-color: #EE2429;
}

/* SILK Patterns > Tabs */
.Tabs {
  border: none;
}

.desktop .Tabs_header,
.tablet .Tabs_header {
  display: block;
  background-color: transparent;
}

.Tabs__tab {
  background-color: #2C363E;
  border: 0;
  border-bottom: 4px solid transparent;
  color: #FFF;
  font-size: 13px;
  font-weight: 400;
  padding: 15px 20px 11px 20px;
  text-align: left;
}

.Tabs__tab:hover {
  background-color: #2C363E;
  border-bottom: 4px solid #EE2429;
}

.Tabs_header {
  background-color: #2C363E;
  border-bottom: none;
}

.Tabs_body {
  background-color: #FFF;
  border: none;
  z-index: inherit;
}

.Tabs__tab.active {
  background-color: #FFF;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2C363E;
  font-weight: 700;
}

.Tabs .PH:empty {
  display: none;
}

/* SILK Patterns > Wizard */
.WizardStep.ActiveStep {
  background: #EE2429;
}

.WizardParent {
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.WizardStep.ActiveStep a,
.WizardStep.ActiveStep a:link {
  color: #FFF;
}

.WizardStep.Past {
  background: #2C363E;
}

.WizardStep.Past a,
.WizardStep.Past a:link {
  color: #FFF;
}

.WizardStep a,
.WizardStep a:link {
  text-decoration: none;
}

.WizardStep a,
.WizardStep a:link,
.WizardStep a[disabled="disabled"],
.WizardStep a[disabled="disabled"]:hover {
  color: #333;
}

.WizardStep:first-of-type {
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
}

.WizardStep:last-of-type {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
}

.WizardStep.Past:before {
  border-bottom-color: #2C363E;
  border-top-color: #2C363E;
}

.WizardStep.ActiveStep:before {
  border-bottom-color: #EE2429;
  border-top-color: #EE2429;
}

/*------------------------------------*\
    $8. Useful Classes
\*------------------------------------*/
/* 8.1 Useful Classes > Text Classes ********************/
.Heading1 {
  color: #253B4A;
  font-weight: 400;
  line-height: 34px;
  margin-top: 40px;
}

.desktop.small .Heading1 {
  font-size: 24px;
}

.Heading2 {
  color: #253B4A;
  font-size: 18px;
  font-weight: 900;
  line-height: 22px;
  margin-top: 30px;
}

.Heading3 {
  color: #253B4A;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 20px;
}

.Heading4 {
  color: #253B4A;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  margin-top: 10px;
}

span.Heading1,
span.Heading2,
span.Heading3,
span.Heading4 {
  display: block;
}

@media screen and (min-width: 1366px) and (max-width: 1450px) {
  .pr-page .Heading1 {
    font-size: 26px;
  }
  .pr-page .Heading2 {
    font-size: 14px;
  }
}

.Text_Error {
  color: #BB5858;
  font-weight: 700;
  text-decoration: underline;
}

.Text_Note {
  color: #888;
  font-size: 12px;
  font-weight: 300;
}

.Label {
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

.LightGrayTitle {
  font-size: 18px;
  color: #2C363E;
  font-weight: bold;
}

.LightGrayDescription {
  font-size: 13px;
  color: #9B9B9B;
  font-weight: 400;
}

.LightGrayLabel {
  font-weight: 400;
  color: #ABABAB;
  font-size: 14px;
  text-transform: uppercase;
  margin-left: 13px;
}

.CamelCase {
  text-transform: capitalize;
}

.text-uppercase {
  text-transform: uppercase;
}

/* 8.2 Useful Classes > Buttons ********************/
input[type="radio"].Big_Radio:after,
input[type="radio"].Big_Radio:before,
input[type="radio"].Big_Radio:checked:after {
  content: "";
  display: none;
}

input[type="radio"].Big_Radio {
  -webkit-appearance: button;
  border: 1px solid #979797 !important;
  background: #FFF !important;
  width: 25px !important;
  height: 25px !important;
  -webkit-border-radius: 50% !important;
          border-radius: 50% !important;
}

input[type="radio"].Big_Radio:checked {
  border: solid 2px #2C363E !important;
}

input[type="radio"].Big_Radio:checked:before {
  content: " ";
  background-color: #2C363E !important;
  width: 13px;
  height: 13px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  border-color: #2C363E !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.Button,
a.Button {
  background-color: transparent;
  border: 1px solid #979797;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  color: #2C363E;
  font-size: 13px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  -webkit-transition: color 150ms ease-in, background-color 150ms ease-in, border-color 150ms ease-in;
  -o-transition: color 150ms ease-in, background-color 150ms ease-in, border-color 150ms ease-in;
  transition: color 150ms ease-in, background-color 150ms ease-in, border-color 150ms ease-in;
  white-space: nowrap;
}

input.Button {
  height: 40px;
  line-height: 40px;
}

.desktop button:hover,
.desktop .Button:hover,
.desktop a.Button:hover {
  background-color: #EE2429;
  border-color: #EE2429;
  color: #FFF;
}

/* Useful Classes > Default Action Button */
.Button.ButtonDefault,
.Button.Is_Default {
  background-color: #EE2429;
  border: none;
  color: #FFF;
}

.desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover {
  background-color: #EE2429;
  border: none;
}

/* START ButtonDropdown */
.ButtonDropdown_button.Button:hover {
  background-color: #2C363E;
  border-color: #2C363E;
}

.open .ButtonDropdown_button.Button:hover {
  background-color: #2C363E;
}

.ButtonDropdown.open .Button {
  background-color: #2C363E;
  border: 1px solid #2C363E;
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  color: #FFF;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.ButtonDropdown .ButtonDropdown_text {
  font-weight: 700;
  padding-right: 8px;
  text-transform: uppercase;
}

.ButtonDropdown .ButtonDropdown_icon > .fa {
  border-left: 0;
  padding-left: 8px;
}

/* REMOVE arrangevertical from messages dropdownlist*/
.ButtonDropdown.open .DropdownMenu.arrangeVertical {
  bottom: auto;
  top: auto;
}

.open.ButtonDropdown .ButtonDropdown_icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

a.Button:active,
.ButtonDropdown_button.Button:active {
  border-color: #2C363E;
}

.ButtonDropdown_button {
  display: table;
  margin: 0 !important;
}

.ButtonDropdown_button > * {
  display: table-cell;
  height: inherit;
  line-height: 35px;
  margin: 0 !important;
  text-align: center;
  vertical-align: middle;
  width: 20px;
}

.ButtonDropdown .ButtonDropdown_button .ButtonDropdown_icon .fa {
  border: 0 !important;
  display: inherit;
  padding: 0;
}

.ButtonDropdown .ButtonDropdown_button .ButtonDropdown_text {
  line-height: 41px;
}

/* IconDropdown */
.IconDropdown.open .IconDropdown_button,
.desktop .IconDropdown_button:hover {
  background-color: #2C363E;
  border-color: #2C363E;
  color: #FFF;
}

.IconDropdown.open .IconDropdown_button {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.PessoasObjetosSeguros {
  margin: 0 0 20px;
}

/* START RESET */
.PessoasObjetosSeguros .ButtonDropdown *,
.PessoasObjetosSeguros .ButtonDropdown.open * {
  border: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.PessoasObjetosSeguros .ButtonDropdown div span div.True,
.PessoasObjetosSeguros .ButtonDropdown div span div.True *,
.PessoasObjetosSeguros .ButtonDropdown.open div span div.True,
.PessoasObjetosSeguros .ButtonDropdown.open div span div.True * {
  cursor: pointer;
  pointer-events: none;
}

/* END RESET */
/* TAMANHO DO BOTÃO SUPERIOR */
.PessoasObjetosSeguros .ButtonDropdown,
.PessoasObjetosSeguros .ButtonDropdown.open {
  height: 70px;
}

/* TAMANHO DO BOTÃO SUPERIOR-INTERIOR */
.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button {
  border: 1px solid #2C363E;
  display: table;
  height: 70px;
  margin: 0;
  padding: 0;
  width: 270px;
}

/* POSIÇÃO DO TEXTO E DO ÍCONE */
.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button .ButtonDropdown_text,
.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button .ButtonDropdown_icon {
  border: none;
  display: table-cell;
  height: inherit;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button .ButtonDropdown_icon {
  width: 55px;
}

.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button .ButtonDropdown_text {
  text-align: center;
  width: 215px;
}

/* POSIÇÃO E TAMANHO DO ÍCONE */
.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button .ButtonDropdown_icon .fa,
.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button.Button .cars-tabs-Item .icon-title-description .icon-title-description-icon .fa {
  display: table-cell;
  padding: 0 10px 0 10px;
  text-align: center;
  width: 55px;
}

.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button .ButtonDropdown_text .icon-title-description {
  margin: 0 0 0 21px;
  padding: 0;
}

.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button .ButtonDropdown_text .icon-title-description .icon-title-description-content {
  padding: 0;
}

.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button .ButtonDropdown_text .icon-title-description .icon-title-description-content .icon-title-description-content-title,
.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button .ButtonDropdown_text .icon-title-description .icon-title-description-content .icon-title-description-content-description {
  text-align: left;
  max-width: 85%;
  overflow: hidden;
  font-synthesis: initial;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.ie .PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button .ButtonDropdown_text .icon-title-description .icon-title-description-content .icon-title-description-content-title,
.ie .PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button .ButtonDropdown_text .icon-title-description .icon-title-description-content .icon-title-description-content-description {
  line-height: 1.2;
}

.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button .ButtonDropdown_text .icon-title-description .icon-title-description-content .icon-title-description-content-description,
.PessoasObjetosSeguros .ButtonDropdown .DropdownMenu .cars-tabs-Item .icon-title-description .icon-title-description-content .icon-title-description-content-description {
  font-size: 12px;
  letter-spacing: 0.75px;
  margin: 3px 0 0 0;
  padding: 0;
}

/* CLOSED */
.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button.Button .icon-title-description-icon,
.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button.Button .icon-title-description-content-title {
  color: #2C363E;
}

.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button.Button {
  border: 1px solid #B3B3B3;
  background-color: transparent;
}

.PessoasObjetosSeguros .ButtonDropdown .ButtonDropdown_button.Button .cars-tabs-Item .icon-title-description .icon-title-description-icon .fa {
  font-size: 40px;
}

/* OPENED    */
.PessoasObjetosSeguros .ButtonDropdown.open .ButtonDropdown_button.Button .icon-title-description-icon,
.PessoasObjetosSeguros .ButtonDropdown.open .ButtonDropdown_button.Button .icon-title-description-content-title {
  color: #FFF;
}

.PessoasObjetosSeguros .ButtonDropdown.open .ButtonDropdown_button.Button {
  background-color: #2C363E;
  border: 1px solid transparent;
}

.PessoasObjetosSeguros .ButtonDropdown.open .ButtonDropdown_button.Button .ButtonDropdown_icon {
  color: #FFF;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.PessoasObjetosSeguros .ButtonDropdown.open .ButtonDropdown_button {
  border: 1px solid transparent;
}

/* LOWER BDD BOX */
.PessoasObjetosSeguros .ButtonDropdown .DropdownMenu .cars-tabs-Item {
  height: 80px;
  padding: 0 10px 10px 10px;
}

.PessoasObjetosSeguros .ButtonDropdown .DropdownMenu .cars-tabs-Item .icon-title-description {
  border: 1px solid #51595F;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  height: 70px;
  width: 100%;
}

.PessoasObjetosSeguros .ButtonDropdown .DropdownMenu .cars-tabs-Item .icon-title-description .icon-title-description-icon .fa {
  display: table;
  font-size: 35px;
  margin: 0 auto;
  text-align: center;
}

.PessoasObjetosSeguros .ButtonDropdown .DropdownMenu .cars-tabs-Item .icon-title-description .icon-title-description-content {
  padding-left: 6px;
}

.PessoasObjetosSeguros .ButtonDropdown .DropdownMenu {
  padding-top: 10px;
}

.ButtonDropdown_icon .fa-caret-down:before {
  content: "\f107";
  font-size: 30px;
}

.desktop .Button.Success:hover:active,
.desktop .Button.Danger:hover:active,
.desktop .Button.Is_Default:hover:active,
.Button.Success:active,
.Button.Danger:active,
.Button.Is_Default:active {
  border: 1px solid transparent;
}

/* Scaffolding buttons */
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: #EE2429;
  border-bottom: 2px solid #EE2429;
  border-left: 0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border-right: 0;
  border-top: 1px solid #EE2429;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  color: #FFF;
  font-weight: 600;
  text-decoration: none;
  text-shadow: none;
  -webkit-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}

.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: #EE2429;
  border-bottom: 2px solid #EE2429;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #EE2429;
}

.desktop a.ActionAdd:hover:active,
.desktop a.ActionEdit:hover:active,
.desktop a.ActionDelete:hover:active,
.desktop a.ActionChange:hover:active {
  border: 1px solid transparent;
  border-left: none;
  border-right: none;
}

/* Useful Classes > Other buttons */
.Button.Cancel {
  background-color: transparent;
  border: 1px solid #48687C;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #48687C;
}

.desktop .Button.Cancel:hover {
  background-color: transparent;
  border-color: #69899D;
  color: #69899D;
}

.Button.Success {
  background-color: #73A354;
  border-bottom: none;
  border-left: 0;
  border-right: 0;
  border-top: none;
  color: #FFF;
}

.desktop .Button.Success:hover {
  background-color: #82B660;
  border-bottom: none;
  border-top: none;
}

.Button.Danger,
a.ActionDelete {
  background-color: #BB5858;
  border-bottom: none;
  border-left: 0;
  border-right: 0;
  border-top: none;
  color: #FFF;
}

.desktop .Button.Danger:hover {
  background-color: #D56565;
  border-bottom: none;
  border-top: none;
}

.Button.Link {
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #EE2429;
}

.desktop .Button.Link:hover {
  background-color: transparent;
  border: 1px solid #EE2429;
  color: #EE2429;
}

.Button.Small,
.Panel__Actions .Button,
.Section_Actions .Button {
  font-size: 11px;
  height: 26px;
  line-height: 24px;
  min-width: 60px;
  padding-left: 10px;
  padding-right: 10px;
}

.Button.Icon {
  min-width: 0;
}

.Button.Icon span.fa {
  margin: 0;
}

.Button.Loading:before,
.Button.Loading[disabled]:before,
.Button.Loading:disabled:before {
  background-image: url("/WebPatterns/img/loadingdublin02.GIF?557468&572868&599732&599855&600492&230");
}

.Button.Is_Default.Loading:before,
.Button.Is_Default.Loading[disabled]:before,
.Button.Is_Default.Loading:disabled:before,
.Button.ButtonDefault.Loading:before,
.Button.ButtonDefault.Loading[disabled]:before,
.Button.ButtonDefault.Loading:disabled:before {
  background-image: url("/WebPatterns/img/loadingdublin01.GIF?557468&572868&599732&599855&600492&230");
}

.Button.Small.Loading:before {
  margin-top: 4px;
}

.Button.Loading.Icon:before {
  margin-right: 0;
}

.Button.Loading span.fa {
  display: none;
}

a.Button.Blue {
  background-color: #2C363E;
  color: #FFF;
}

.Button.cmd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  height: 70px;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 250px;
}

.login-right-content-box-content a.Button.cmd {
  height: 70px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

a.Button.cmd img {
  max-width: 170px;
  height: auto;
}

/* 8.3 Useful Classes > Background Colors ********************/
.Black {
  background-color: #2C363E;
}

.Blue {
  background-color: #5080B6;
}

.DarkBlue {
  background-color: #30495A;
}

.DarkPlum {
  background-color: #8E44AD;
}

.DarkRed {
  background-color: #C0392B;
}

.Gray {
  background-color: #7F8C8D;
}

.LightGray {
  background-color: #DCDCDC;
}

.Green {
  background-color: #73A354;
}

.LightGreen {
  background-color: #2ECC71;
}

.Orange {
  background-color: #F39C12;
}

.Plum {
  background-color: #9B59B6;
}

.Red {
  background-color: #EE2429;
}

.Silver {
  background-color: #DCDDDE;
}

.Turquoise {
  background-color: #1ABC9C;
}

.White {
  background-color: #FFF;
}

.Yellow {
  background-color: #F1C40F;
}

/* 8.4 Useful Classes > Text Colors ********************/
.Page .Text_black {
  color: #2C363E;
}

.Page .Text_blue {
  color: #5080B6;
}

.Page .Text_darkBlue {
  color: #30495A;
}

.Page .Text_darkPlum {
  color: #8E44AD;
}

.Page .Text_darkRed {
  color: #C0392B;
}

.Page .Text_gray {
  color: #7F8C8D;
}

.Page .Text_green {
  color: #73A354;
}

.Page .Text_lightGreen {
  color: #2ECC71;
}

.Page .Text_orange {
  color: #F39C12;
}

.Page .Text_plum {
  color: #9B59B6;
}

.Page .Text_red {
  color: #EE2429;
}

.Page .Text_silver {
  color: #DCDDDE;
}

.Page .Text_turquoise {
  color: #1ABC9C;
}

.Page .Text_white {
  color: #FFF;
}

.Page .Text_yellow {
  color: #F1C40F;
}

/* 8.4 Useful Classes > DISABLE ONCLICK(tested TAG "div") AND LINKS(tested TAG "a") ********************/
.pointerdisabled {
  pointer-events: none;
}

/*------------------------------------*\
    $9. Fidelidade Patterns
\*------------------------------------*/
/* 9. Fidelidade Patterns > insurance-number-card ********************/
.insurance-number-card {
  background-color: #FFF;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  color: #2C363E;
  font-size: 13px;
  font-weight: 700;
  height: 150px;
  letter-spacing: 2px;
  margin-left: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 160px;
}

.insurance-number-card:first-child {
  margin-left: 0;
}

.insurance-number-card.alert {
  background-color: #EE2429;
  color: #FFF;
}

.insurance-number-card.new {
  background-color: #2C363E;
  color: #FFF;
}

.insurance-number-card-icon {
  height: 75px;
  line-height: 140px;
  vertical-align: bottom;
}

.insurance-number-card-counter {
  font-weight: 700;
  height: 75px;
  line-height: 1.4;
  padding-top: 25px;
}

.black-button-group {
  background-color: #2C363E;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
  height: 53px;
  margin-top: 20px;
  padding: 16px 0;
}

.Page.ie .black-button-group {
  height: 55px;
}

.tablet .black-button-group {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  width: 100%;
}

.black-button-group-content a {
  border-bottom: 4px solid transparent;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  font-weight: 400;
  padding: 20px 40px 16px 40px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: border 0.5s ease-in;
  -o-transition: border 0.5s ease-in;
  transition: border 0.5s ease-in;
  white-space: nowrap;
}

.tablet .black-button-group-content a {
  padding: 20px 40px 18px 40px;
}

.black-button-group-content a:hover,
.black-button-group-content a.active {
  border-bottom: 4px solid #EE2429;
  color: #FFF;
}

/* 9. Fidelidade Patterns > insurance-home-list-item-card ********************/
.insurance-home-list-item-card {
  background-color: rgba(255, 255, 255, 0.6);
  border: 0;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
  display: table;
  padding: 30px 0 30px 30px;
  width: 100%;
}

.insurance-home-list-item-card.disabled .Button {
  pointer-events: none;
}

.insurance-home-list-item-left {
  color: #2C363E;
  display: table-cell;
  max-width: 220px;
  padding-right: 20px;
  text-align: center;
  width: 220px;
}

.insurance-home-list-item-icon {
  display: block;
  height: 80px;
  margin-top: 0;
  overflow: hidden;
  padding-top: 15px;
  width: 200px;
}

.insurance-home-list-item-icon [class^="icon-"],
.insurance-home-list-item-icon [class*=" icon-"] {
  margin-right: 0;
}

.insurance-home-list-item-icon .icon {
  display: block;
  font-size: 110px;
  margin-top: -15px;
}

.insurance-home-list-item-title {
  font-size: 21px;
  font-weight: 700;
  height: 25px;
  letter-spacing: 1px;
  margin-top: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.ie .insurance-home-list-item-title {
  line-height: 1.6;
}

.insurance-home-list-item-subdescription {
  color: #7E7E7E;
  font-size: 14px;
  height: 75px;
  overflow: hidden;
  padding-top: 20px;
}

.insurance-home-list-item-actions {
  margin-top: 0;
}

.insurance-home-list-item-right {
  display: table-cell;
  vertical-align: middle;
}

.layout-home .insurance-home-list-item-right {
  max-width: 700px;
  vertical-align: top;
}

.insurance-home-list-item-cards {
  display: table-row;
  width: 100%;
}

.insurance-home-list-item-cards a {
  display: table-cell;
  padding-left: 20px;
}

.insurance-home-list-item-cards a:first-child {
  padding-left: 0;
}

.insurance-home-list-item-card.disabled .insurance-home-list-item-left,
.insurance-home-list-item-card.disabled .insurance-home-list-item-left .insurance-home-list-item-description,
.insurance-home-list-item-card.disabled .insurance-home-list-item-left .insurance-home-list-item-actions a,
.insurance-home-list-item-card.disabled .insurance-home-list-item-left .insurance-home-list-item-cards a,
.insurance-home-list-item-card.disabled .insurance-home-list-item-left .insurance-home-list-item-subdescription,
.insurance-home-list-item-card.disabled .insurance-home-list-item-left .insurance-card,
.insurance-home-list-item-card.disabled {
  border-color: rgba(179, 179, 179, 0.6);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(179, 179, 179, 0.6);
}

.insurance-home-list-item-description {
  display: table-cell;
  height: 20px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: 200px;
}

.insurance-home-list-item-card.disabled .insurance-home-list-item-left .insurance-card {
  opacity: 0.6;
}

/* 9. Fidelidade Patterns > title-homepage ********************/
.title-homepage {
  color: #7E7E7E;
  font-size: 12px;
  letter-spacing: 2px;
  margin-left: 40px;
  text-transform: uppercase;
}

/* 9. Fidelidade Patterns > insurance-card     ********************/
.insurance-card {
  background-color: #FFF;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  height: 250px;
  margin-right: 20px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 220px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.insurance-card:hover {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.insurance-card:last-child {
  margin-right: 0;
}

.insurance-card.card-large {
  width: 700px;
}

.insurance-card.one-half-card {
  width: 340px;
}

/* 9. Fidelidade Patterns > insurance-card-black ********************/
.insurance-card-black-header,
.insurance-card-red-header {
  background-color: #2C363E;
  -webkit-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
  color: #FFF;
  height: 140px;
  padding: 20px 10px;
}

.insurance-card-red-header {
  background-color: #EE2429;
}

.insurance-card-black-icon,
.insurance-card-red-icon {
  margin-top: 10px;
}

.insurance-card-black-title,
.insurance-card-red-title {
  color: #FFF;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.insurance-card-black-description,
.insurance-card-red-description {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
}

.ie .insurance-card-black-subdescription,
.ie .insurance-card-red-subdescription {
  color: #7E7E7E;
  display: block;
  font-size: 14px;
  height: 34px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%;
  white-space: nowrap;
}

.insurance-card-black-subdescription,
.insurance-card-red-subdescription {
  color: #7E7E7E;
  font-size: 14px;
  height: 34px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.insurance-card-black-content,
.insurance-card-red-content {
  background-color: #FFF;
  -webkit-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
  padding: 20px 20px 0 20px;
}

.insurance-card-black-action,
.insurance-card-red-action {
  color: #2C363E;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 1px;
  padding-top: 21px;
  text-decoration: none;
  text-transform: uppercase;
}

a .insurance-card:after,
.CardFlip .insurance-card:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #EE2429;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  width: 30px;
  height: 5px;
}

a:hover .insurance-card:after,
.CardFlip:hover .insurance-card:after {
  width: 45%;
}

a:hover .insurance-card.card-large:after {
  width: 30%;
}

a.disabled,
a.disabled .insurance-card,
a.disabled .insurance-card .insurance-card-red-header,
a.disabled .insurance-card .insurance-card-red-header .insurance-card-red-title,
a.disabled .insurance-card .insurance-card-red-header .insurance-card-red-icon,
a.disabled .insurance-card .insurance-card-red-header .insurance-card-red-description,
a.disabled .insurance-card-red-content,
a.disabled .insurance-card .insurance-card-red-subdescription,
a.disabled .insurance-card .insurance-card-red-action,
a.disabled .insurance-card-red-action > div:before {
  background-color: transparent;
  border-color: rgba(179, 179, 179, 0.6);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(179, 179, 179, 0.6);
  pointer-events: none;
}

a.disabled,
a.disabled .insurance-card,
a.disabled .insurance-card .insurance-card-black-header,
a.disabled .insurance-card .insurance-card-black-header .insurance-card-black-title,
a.disabled .insurance-card .insurance-card-black-header .insurance-card-black-icon,
a.disabled .insurance-card .insurance-card-black-header .insurance-card-black-description,
a.disabled .insurance-card-black-content,
a.disabled .insurance-card .insurance-card-black-subdescription,
a.disabled .insurance-card .insurance-card-black-action,
a.disabled .insurance-card-black-action > div:before {
  background-color: transparent;
  border-color: rgba(179, 179, 179, 0.6);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(179, 179, 179, 0.6);
  pointer-events: none;
}

/* 9. Fidelidade Patterns > insurance-card-external ********************/
.insurance-card-external {
  -webkit-background-size: cover;
          background-size: cover;
  height: 250px;
  padding: 30px 20px 0 20px;
}

.bgSaudeImg {
  background: url("/FID_B2C_Resources/img/BGSaude.png?564202&572868&599732&599855&600492&242") no-repeat;
}

.bgPoupacaImg {
  background: url("/FID_B2C_Resources/img/BGPoupanca.png?564202&572868&599732&599855&600492&242") no-repeat;
}

.insurance-card-external-noBG {
  -webkit-background-size: cover;
          background-size: cover;
  height: 250px;
  padding: 30px 20px 0 20px;
}

.insurance-card-external-icon {
  color: #EE2429;
}

.insurance-card-external-title {
  color: #2C363E;
  font-size: 13px;
  font-weight: 900;
  height: 14px;
  letter-spacing: 3px;
  margin-top: 20px;
  text-transform: uppercase;
}

.insurance-card-external-title.PH:empty {
  display: block;
}

.insurance-card-external-description {
  color: #7E7E7E;
  font-size: 14px;
  height: 68px;
  margin-top: 20px;
}

.insurance-card-external-action {
  color: #2C363E;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 1px;
  margin-top: 18.5px;
  padding-bottom: 20px;
  text-decoration: none;
  text-transform: uppercase;
}

.insurance-card-external-action > div {
  position: relative;
}

a.disabled .insurance-card .insurance-card-external,
a.disabled .insurance-card .insurance-card-external .insurance-card-external-title,
a.disabled .insurance-card .insurance-card-external .insurance-card-external-description,
a.disabled .insurance-card .insurance-card-external .insurance-card-external-description-icon,
a.disabled .insurance-card .insurance-card-external .insurance-card-external-subdescription,
a.disabled .insurance-card .insurance-card-external .insurance-card-external-icon,
a.disabled .insurance-card .insurance-card-external .insurance-card-external-action,
a.disabled .insurance-card-external-action > div:before {
  background-color: transparent;
  border-color: rgba(179, 179, 179, 0.6);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(179, 179, 179, 0.6);
  pointer-events: none;
}

/* 9. Fidelidade Patterns > insurance-card-agent ********************/
.insurance-card-agent {
  padding: 20px 20px 0 20px;
}

.insurance-card-agent-title {
  color: #2C363E;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.insurance-card-agent-image {
  margin-top: 10px;
}

.insurance-card-agent-image img {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  height: 73px;
  width: 73px;
  border: 3px solid #FFF;
  margin-left: 0;
}

.insurance-card-agent-image img:first-child {
  right: -6px;
  position: relative;
  z-index: 1;
}

.insurance-card-agent-image img:last-child {
  position: relative;
  left: -6px;
}

.insurance-card-agent-name {
  font-size: 14px;
  letter-spacing: 1px;
  margin-top: 10px;
  text-transform: capitalize;
}

.insurance-card-agent-description {
  color: #7E7E7E;
  font-size: 14px;
  height: 34px;
  -webkit-line-clamp: 2;
  margin-top: 10px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-align: center;
}

.insurance-card-agent-action {
  bottom: 0;
  color: #2C363E;
  font-size: 14px;
  font-weight: 900;
  left: 10px;
  letter-spacing: 1px;
  margin-top: 30px;
  padding-bottom: 18px;
  position: absolute;
  right: 10px;
  text-decoration: none;
  text-transform: uppercase;
}

.insurance-card-agent-action > div {
  position: relative;
}

a.disabled .insurance-card .insurance-card-agent,
a.disabled .insurance-card .insurance-card-agent .insurance-card-agent-title,
a.disabled .insurance-card .insurance-card-agent .insurance-card-agent-name,
a.disabled .insurance-card .insurance-card-agent .insurance-card-agent-description,
a.disabled .insurance-card .insurance-card-agent .insurance-card-agent-action,
a.disabled .insurance-card-agent-action > div:before {
  background-color: transparent;
  border-color: rgba(179, 179, 179, 0.6);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(179, 179, 179, 0.6);
  pointer-events: none;
}

a.disabled .insurance-card .insurance-card-agent .insurance-card-agent-image {
  opacity: 0.5;
}

.omeuagente .widget-contacts-agent-carousel {
  -webkit-border-radius: 5px 0 0 0;
          border-radius: 5px 0 0 0;
  padding: 0;
}

.omeuagente .widget-contacts-agent-carousel .widget-contacts-agent-header {
  background: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.omeuagente .widget-contacts-agent-carousel .widget-agent-carousel {
  display: inline-block;
  width: 52%;
  padding: 22px 50px 0 50px;
}

.omeuagente .widget-contacts-agent-carousel .widget-agent-carousel-control {
  display: inline-block;
  margin-left: 20px;
  width: 30%;
}

.omeuagente .CardLeftImage.Card .Right {
  padding-left: 20px;
  vertical-align: middle;
}

.omeuagente .widget-contacts-agent-carousel .widget-agent-carousel-map,
.omeuagente .widget-contacts-agent-carousel .widget-agent-carousel-map > img {
  /*styleguide line purpose*/
  width: 100%;
}

.omeuagente > .widget-contacts-agent-carousel {
  background: #FFF;
}

.omeuagente .owl-prev.fa.fa-fw.fa-angle-left {
  left: -30px;
}

.omeuagente .owl-prev.fa.fa-fw.fa-angle-left,
.omeuagente .owl-next.fa.fa-fw.fa-angle-right {
  top: 58%;
}

.omeuagente .widget-contacts-agent-carousel .widget-agent-carousel-control a {
  max-width: 200px;
}

.omeuagente .widget-contacts-agent-carousel .CardLeftImage.Card .Card_Image img {
  height: 8em;
  width: 8em;
}

.omeuagente .widget-contacts-agent-carousel .CardLeftImage.Card .Card_Title {
  font-size: 1.8em;
  font-weight: 700;
  text-transform: uppercase;
}

.omeuagente .widget-contacts-agent-carousel .CardLeftImage.Card .Card_Actions {
  font-size: 16px;
  letter-spacing: 2px;
  margin-top: 10px;
}

.omeuagente .widget-contacts-agent-carousel .owl-theme .owl-controls {
  margin-top: 0;
  padding-left: 0;
}

.omeuagente .widget-contacts-agent-carousel .owl-theme .owl-controls .owl-page span {
  margin: 10px 6px;
}

.omeuagente .owl-theme .owl-controls .owl-buttons div {
  font-size: 20px;
}

/* 9. Fidelidade Patterns > insurance-card-white ********************/
.insurance-card-white {
  padding: 21px 0 0 0;
}

.insurance-card-white-title {
  color: #2C363E;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.insurance-card-white-description {
  -webkit-box-orient: vertical;
  color: #EE2429;
  display: -webkit-box;
  font-size: 14px;
  font-weight: 900;
  height: 50px;
  -webkit-line-clamp: 3;
  margin-top: 30px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.insurance-card-white-description-icon {
  -webkit-box-orient: vertical;
  color: #EE2429;
  display: -webkit-box;
  font-size: 14px;
  font-weight: 900;
  height: 50px;
  -webkit-line-clamp: 3;
  margin-top: 14px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.insurance-card-white-subdescription {
  -webkit-box-orient: vertical;
  color: #7E7E7E;
  display: -webkit-box;
  font-size: 14px;
  font-weight: 700;
  height: 34px;
  -webkit-line-clamp: 2;
  margin-top: 30px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.insurance-card-white-action {
  color: #2C363E;
  font-size: 14px;
  /* BLACK */
  font-weight: 900;
  letter-spacing: 1px;
  margin-top: 37px;
  padding-bottom: 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.insurance-card-white-action > div {
  bottom: 2px;
  position: relative;
}

/* THIS CARD WITH ICON */
.insurance-card-white.insurance-card-white-title {
  height: 16px;
}

.insurance-card-white.insurance-card-white-icon > .insurance-card-white-icon {
  display: table;
  height: 80px;
  width: 100%;
}

.insurance-card-white.insurance-card-white-icon > .insurance-card-white-icon > span {
  display: table-cell;
  vertical-align: middle;
}

.insurance-card-white.insurance-card-white-icon > .insurance-card-white-description {
  color: #7E7E7E;
  font-weight: 100;
  height: 101px;
  margin-top: 0;
  padding-top: 10px;
}

a.disabled .insurance-card .insurance-card-white,
a.disabled .insurance-card .insurance-card-white .insurance-card-white-title,
a.disabled .insurance-card .insurance-card-white .insurance-card-white-description,
a.disabled .insurance-card .insurance-card-white .insurance-card-white-description-icon,
a.disabled .insurance-card .insurance-card-white .insurance-card-white-subdescription,
a.disabled .insurance-card .insurance-card-white .insurance-card-white-action,
a.disabled .insurance-card-white-action > div:before {
  background-color: transparent;
  border-color: rgba(179, 179, 179, 0.6);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(179, 179, 179, 0.6);
  pointer-events: none;
}

/* NO FOOTER CLASS FOR ALL CARDS v*/
.no-footer-card .insurance-card-agent-action div:before,
.no-footer-card .insurance-card-red-actiondiv:before,
.no-footer-card .insurance-card-black-action div:before,
.no-footer-card .insurance-card-white-action div:before {
  display: none;
}

/* 9. Fidelidade Patterns > home-header ********************/
.header-homepage {
  margin: 40px 0 20px 40px;
}

.tablet .header-homepage {
  margin-right: 40px;
}

.home-header {
  min-width: 709px;
  vertical-align: middle;
}

.home-header-group {
  display: table;
  margin-top: 20px;
}

.home-header-left-content {
  display: table-cell;
  max-width: 257px;
}

.home-header-right-content {
  color: #A0A0A0;
  display: table-cell;
  padding-right: 5em;
  vertical-align: top;
}

.tablet .home-header-right-content {
  padding-top: 20px;
}

.home-header-title {
  color: #7E7E7E;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.tablet .home-header-title {
  margin-left: 30px;
}

.home-header-subtitle {
  color: #2C363E;
  font-size: 21px;
  font-weight: 400;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.home-header-content {
  color: #7E7E7E;
  font-size: 120%;
  line-height: 1.33em;
  margin-top: 1em;
}

.home-header-actions {
  color: #7E7E7E;
  float: left;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 20px;
  width: 50%;
}

.home-header-actions-right {
  color: #7E7E7E;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 20px;
  text-align: right;
  width: 50%;
}

.home-header-actions a {
  background-color: transparent;
  border: 1px solid #A0A0A0;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  color: #2C363E;
  display: inline-table;
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 9px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.home-header-actions a:hover {
  background-color: #EE2429;
  border-color: #EE2429;
  color: #FFF;
}

.home-header-actions-right a {
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  color: #2C363E;
  display: inline-table;
  font-size: 12px;
  font-weight: 400;
  height: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  padding: 0 0 0 1em;
  text-decoration: underline;
  text-transform: uppercase;
  white-space: nowrap;
}

.home-header-actions-right a:hover {
  color: #EE2429;
  text-decoration: none;
}

.home-header-left-content img {
  margin: -30px 30px 0 0;
}

.home-header-actions.disabled a,
.home-header-actions-right.disabled a {
  cursor: default;
  opacity: 0.6;
  pointer-events: none;
  text-decoration: none !important;
}

/* 9. Fidelidade Patterns > insurance-button-dropdown-item ********************/
.insurance-button-dropdown-item {
  display: table;
  vertical-align: middle;
  width: 100%;
}

.insurance-button-dropdown-item-icon {
  display: table-cell;
  font-size: 0.75em;
  vertical-align: middle;
  width: 40px;
}

.insurance-button-dropdown-item-icon .icon {
  font-size: 35px;
}

.tablet .Header .insurance-button-dropdown-item-icon .icon {
  font-size: 30px;
}

.insurance-button-dropdown-item-content {
  display: table-cell;
  max-width: 250px;
  padding-left: 5px;
  vertical-align: middle;
}

.tablet .insurance-button-dropdown-item-content {
  padding-left: 0;
}

.insurance-button-dropdown-item-title {
  display: block;
  font-size: 15px;
  font-weight: 700;
  overflow: hidden;
  padding: 0;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
}

.DropdownMenu .ListRecords > div:first-child .insurance-button-dropdown-item-title {
  margin-top: 1em;
}

.insurance-button-dropdown-item-description {
  font-size: 12px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

/* SINGLE LABEL ELEMENT */
.insurance-button-dropdown-item.insurance-button-dropdown-item-label .insurance-button-dropdown-item-content {
  padding-left: 0;
  text-align: center;
}

/* 9. Fidelidade Patterns > claims-circle-red ********************/
.claims-circle {
  background-color: #656C71;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  color: #FFF;
  display: block;
  height: 40px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 40px;
  z-index: 3;
}

.claims-circle > div {
  display: table-cell;
  height: inherit;
  vertical-align: middle;
  width: inherit;
}

.claims-circle-red {
  color: #FF0012;
  background-color: #FFF;
}

.claims-circle-red.inverse {
  color: #FF0012;
  background-color: #FFF;
}

.disabled .claims-circle-red,
.disabled .claims-circle {
  pointer-events: none;
}

.claims-circle * {
  display: table-cell !important;
  height: inherit;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  width: inherit !important;
}

/* 9. Fidelidade Patterns > table-vertical-align ********************/
.table-vertical-align .Content div[class*="ThemeGrid_Width"] {
  vertical-align: middle;
}

.table-vertical-align .Content table[class*="ThemeGrid_Width"] {
  vertical-align: middle;
}

.table-vertical-align .Content .OSInline {
  vertical-align: middle;
}

.table-vertical-align .Content .Columns .Column {
  vertical-align: middle;
}

.table-vertical-align .Content table td {
  vertical-align: middle;
}

.table-vertical-align .Content span {
  vertical-align: middle;
}

.table-vertical-align .Content .Form label {
  vertical-align: middle;
}

.table-vertical-align .Content .Form:not(.form-top) label {
  padding-top: 0;
}

/* 9. Fidelidade Patterns > insurance-list-item-left-content ********************/
.insurance-list-item-left-content-icon [class^="icon-"],
.insurance-list-item-left-content-icon [class*=" icon-"] {
  margin-right: 0;
}

.insurance-list-item-left-content-title {
  font-size: 21px;
  font-weight: 900;
  margin-top: 5px;
  text-transform: uppercase;
  overflow: hidden;
  white-space: normal;
}

.insurance-list-item-left-content-description {
  color: #7E7E7E;
  font-size: 14px;
  height: 32px;
  margin-top: 5px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.insurance-list-item-left-content-actions {
  margin-top: 14px;
}

.insurance-list-item-card.disabled .insurance-list-item-left-content,
.insurance-list-item-card.disabled .insurance-list-item-left-content-description,
.insurance-list-item-card.disabled .insurance-list-item-left-content-actions a,
.insurance-list-item-card.disabled .insurance-number-card,
.insurance-list-item-card.disabled .insurance-list-item-cards a {
  border-color: rgba(179, 179, 179, 0.6);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(179, 179, 179, 0.6);
  pointer-events: none;
}

/* override for claim card */
.insurance-list-item-card.disabled .insurance-number-card.new,
.insurance-list-item-card.disabled .insurance-number-card.new a {
  background-color: #2C363E;
  color: #FFF;
}

/* 9. Fidelidade Patterns > menu-separator ********************/
.menu-separator {
  color: #ABABAB;
  padding-left: 32px;
  padding-top: 20px;
}

/* 9. Fidelidade Patterns > menu-contacts-line ********************/
.menu-contacts-line {
  padding-left: 30px;
}

.menu-contacts-line .Separator {
  margin: 0;
}

/* 9. Fidelidade Patterns > insurance-list-item-card ********************/
.insurance-list-item-card {
  background-color: rgba(255, 255, 255, 0.6);
  border: 0;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
  display: table;
  padding: 30px;
  width: 100%;
}

.insurance-list-item-left {
  color: #2C363E;
  display: table-cell;
  max-width: 220px;
  padding-right: 20px;
  text-align: center;
  width: 220px;
}

.insurance-list-item-right {
  display: table-cell;
  vertical-align: middle;
}

.insurance-list-item-cards > a {
  display: table;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: none;
          box-shadow: none;
  float: left;
  margin-left: 10px;
  padding-left: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.insurance-list-item-cards a:hover {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.insurance-list-item-cards a:first-child {
  margin-left: 0;
  padding-left: 0;
}

.insurance-list-item-cards,
.insurance-list-item-cards > span {
  display: table;
}

.sinistergenericcard .insurance-list-item-cards,
.sinistergenericcard .insurance-list-item-cards > span {
  width: 100%;
}

.insurance-list-item-cards > span > a:hover {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  cursor: pointer;
}

.insurance-list-item-cards a:hover > div {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
}

.insurance-list-item-cards > span > a {
  display: table-cell;
  padding-right: 20px;
}

/* 9. Fidelidade Patterns > insurance-one-item ********************/
.insurance-one-item {
  background-color: rgba(255, 255, 255, 0.6);
  border: 0;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
  padding-bottom: 25px;
  padding-left: 30px;
  padding-right: 40px;
  padding-top: 35px;
  position: relative;
  width: 100%;
}

.insurance-one-item.white {
  background: #FFF;
}

.insurance-one-item .MediumRightColumns > .Column.ColLast,
.insurance-one-item .MediumRightColumns > .Column.ColFirst {
  vertical-align: middle;
}

.insurance-one-item.has-hover:hover {
  background-color: white;
  cursor: pointer;
}

.insurance-one-item.has-hover:before {
  background-color: transparent;
  -webkit-border-radius: 100px;
          border-radius: 100px;
  bottom: 10px;
  content: "";
  left: 0;
  position: absolute;
  top: 10px;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 5px;
}

.insurance-one-item.has-hover:hover:before {
  background-color: #EE2429;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.insurance-one-item a > .icon {
  margin-right: 10px;
}

.insurance-one-item a.Button {
  min-width: 150px;
}

.disabled .insurance-one-item a.Button {
  border-color: rgba(179, 179, 179, 0.6);
  color: rgba(179, 179, 179, 0.6);
  pointer-events: none;
}

.insurance-one-item.disabled .insurance-one-item-content .Column.ColFirst {
  opacity: 1;
}

.insurance-one-item.disabled {
  background: rgba(255, 255, 255, 0.35);
  cursor: default;
}

.insurance-one-item.disabled .claims-circle {
  background-color: rgba(101, 108, 113, 0.5);
}

.insurance-one-item.disabled .icon-title-description-content {
  opacity: 0.5;
}

.insurance-one-item.only-text {
  background: transparent;
  color: #636363;
  font-size: 16px;
  padding: 1em;
  pointer-events: none;
  text-align: center;
}

.insurance-one-item.has-hover.only-text:hover {
  background: transparent;
}

/* 9. Fidelidade Patterns > icon-title-description ********************/
.icon-title-description {
  display: table;
  vertical-align: middle;
  width: 100%;
}

.icon-title-description-icon {
  display: table-cell;
  vertical-align: middle;
  width: 60px;
}

.icon-title-description-icon .fa {
  max-width: 100%;
}

.icon-title-description-icon .icon {
  line-height: 0;
  padding-left: 0;
}

.icon-title-description-icon .icon:before {
  display: block;
  font-size: 125px;
  margin-left: -50px;
  margin-top: 7px;
  width: 53px;
}

.icon-title-description-content {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}

.icon-title-description-content-title {
  color: #2C363E;
  font-size: 18px;
  font-weight: 700;
}

.icon-title-description-content-description {
  color: #7E7E7E;
  font-size: 16px;
  padding-top: 4px;
}

.Header_title .icon-title-description {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.Header_title .icon-title-description-content-title {
  color: #2C363E;
  font-size: 20px;
  font-weight: 900;
  text-transform: capitalize;
}

.Header_title .icon-title-description-content-description {
  color: #7E7E7E;
  font-weight: 400;
  text-transform: none;
  position: static;
  font-size: 15px;
}

.disabled .icon-title-description-content-title,
.disabled .icon-title-description-content-description,
.disabled .Header_title .icon-title-description-content-title,
.disabled .Header_title .icon-title-description-content-description {
  color: #ABABAB;
  pointer-events: none;
}

.disabled .icon-title-description-content-title {
  color: #2C363E;
}

/* 9. Fidelidade Patterns > time-line-item ********************/
.time-line-item {
  display: block;
  float: left;
  margin-top: 20px;
  width: 100%;
}

.livestyleguide .time-line-item {
  float: none;
}

.time-line-item-line {
  background-color: rgba(126, 126, 126, 0.49);
  height: 85%;
  margin-left: 30px;
  position: absolute;
  width: 1px;
  z-index: 3;
}

.tablet.portrait .time-line-item .time-line-item-line {
  height: 142px;
}

.time-line-item:first-child .time-line-item-line {
  margin-top: 0;
  background-color: #CCC;
}

.tablet.portrait .time-line-item:first-child .time-line-item-line {
  height: 135px;
}

.time-line-item:last-child .time-line-item-line {
  display: none;
  height: 0;
}

.time-line-item .icon-title-description-icon .claims-circle .icon:before {
  display: block;
  font-size: 85px;
  left: -1px;
  padding: 0;
  position: relative;
  text-align: center;
  top: 6px;
}

.time-line-item .icon-title-description-icon .claims-circle-red .icon:before {
  font-size: 50px;
  left: 15px;
  top: 4px;
}

.time-line-item .icon {
  left: 28px;
  position: relative;
  top: 10px;
}

.time-line-item .icon-title-description-icon .claims-circle .fidelidade-base-icons:before {
  color: #FFF;
}

.claims-circle .fidelidade-base-icons {
  margin: 4px 0;
}

.MainContent .time-line-item > .insurance-one-item {
  position: relative;
}

.sinistergenericcard .CardSimple {
  background-color: rgba(255, 255, 255, 0.6);
  border: 0;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  padding: 35px;
}

.sinistergenericcard .insurance-list-item-left-content .insurance-list-item-left-content-icon {
  margin: 0 auto;
  width: 100px;
}

.sinistergenericcard .insurance-list-item-left-content .insurance-list-item-left-content-icon .icon:before {
  font-size: 140px;
  margin-left: -22px;
  position: relative;
  top: -11px;
}

.insurance-list-item-right .claims-circle .icon:before {
  font-size: 44px;
  top: 14px;
  left: 25px;
  position: relative;
}

.sinistergenericcard .insurance-list-item-card .insurance-list-item-right .claims-circle .icon:before {
  left: 47px;
  position: relative;
}

.time-line-item .insurance-one-item.disabled .icon-title-description-content .icon-title-description-content-title {
  color: #7E7E7E;
}

/* 9. Fidelidade Patterns > list-header ********************/
.list-header {
  background-color: #E8E8E8;
  color: #ABABAB;
  display: table;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 30px 120px 30px 34px;
  text-transform: uppercase;
  width: 100%;
}

.list-header .list-item-block {
  display: table-cell;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  width: 33.33%;
}

.list-header + .Covers_PolicyData:before {
  background-color: transparent;
}

.time-line-item .fidelidade-base-icons {
  color: #FFF;
}

/* 9. Fidelidade Patterns > list-item-content ********************/
.list-item-content {
  background-color: #FFF;
  min-height: 70px;
  padding-right: 130px;
}

.list-item-content:first-child {
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
}

.list-item-content:last-child {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
}

.list-item-content ~ .form-content .list-item-content:last-child {
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
}

.list-item-content-box {
  display: table;
  height: 69px;
  width: 100%;
  margin: 0 0 -17px 40px;
  border-top: 1px solid #DCDCDC;
}

.AccordionVertical__content > .list-item-content:first-child > .list-item-content-box,
.AccordionVertical__content .list-item-content.active > .list-item-content-box {
  border-color: transparent;
}

.list-item-content:first-child .list-item-content-box {
  border-color: transparent;
}

.list-item-content:last-child .list-item-content-box {
  border-bottom: 0;
}

.list-item-content-box .list-item-block {
  display: table-cell;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
  vertical-align: middle;
  width: 33.33%;
}

.list-item-content-box .list-item-block:first-child {
  color: #ABABAB;
  font-size: 16px;
  font-weight: 700;
  width: 33.33%;
}

.AccordionVertical__content div:not(.list-item-content) > .list-item-content:not(.active) .list-item-content-box {
  border-top: 1px solid #DCDCDC;
}

.sinisterdetail,
.ListRecord2Columns {
  padding-top: 30px;
}

.sinisterdetail .list-item-content-box .list-item-block,
.ListRecord2Columns .list-item-content-box .list-item-block {
  color: #ABABAB;
  font-size: 16px;
  font-weight: 700;
  width: 25%;
}

.sinisterdetail .list-item-content-box .list-item-block:first-child,
.ListRecord2Columns .list-item-content-box .list-item-block:first-child {
  color: #ABABAB;
  font-size: 16px;
  font-weight: 700;
  width: 25%;
}

.sinisterdetail .list-item-content-box .list-item-block:last-child,
.ListRecord2Columns .list-item-content-box .list-item-block:last-child {
  color: #253B4A;
  font-size: 16px;
  font-weight: 900;
  width: 75%;
}

.sinister_tipo .list-header {
  padding-bottom: 25px;
  padding-top: 25px;
}

.sinister_tipo .list-header .list-item-block {
  width: 25%;
}

.sinister_tipo .list-header .list-item-block:first-child {
  width: 25%;
}

.sinister_tipo .list-header .list-item-block:last-child {
  width: 75%;
}

.sinister_ur .AccordionVertical__header {
  padding-top: 0;
}

.sinister_ur .AccordionVertical_item {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
}

.sinister_ur .AccordionVertical___icon {
  vertical-align: baseline;
}

.sinister_ur .list-item-content-box {
  padding-bottom: 25px;
  padding-top: 25px;
}

.sinister_ur .list-item-content-box .list-item-block {
  color: #ABABAB;
  font-weight: 700;
}

.sinister_ur .list-item-content-box .list-item-block:first-child {
  color: #253B4A;
  font-weight: 900;
}

/* 9. Fidelidade Patterns > insurance-filter-item ********************/
.insurance-filter-item {
  display: inline-block;
  margin: 10px;
}

.insurance-filter-item:first-child {
  margin: 10px 0;
  padding-left: 0;
}

.tablet .insurance-filter-item {
  display: table-cell;
  padding-left: 20px;
  width: 50%;
}

.insurance-filter-item-content {
  max-width: 334px;
}

.insurance-filter-item-content > a {
  background-color: transparent;
  border: 1px solid #2C363E;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  color: #2C363E;
  display: block;
  font-weight: 400;
  padding: 10px 20px;
  text-align: left;
  -webkit-transition: all 150ms ease-in;
  -o-transition: all 150ms ease-in;
  transition: all 150ms ease-in;
}

.insurance-filter-item-content > a:hover {
  background-color: #EE2429;
  border-color: #FFF;
  color: #FFF;
}

.insurance-filter-item-content .insurance-button-dropdown-item-description {
  margin-top: 0;
}

/* 9. Fidelidade Patterns > document-left-structure ********************/
.document-left-structure {
  display: table;
  vertical-align: top;
  width: 100%;
}

.document-left-structure-icon {
  display: table-cell;
  vertical-align: top;
  width: 50px;
}

.document-left-structure-content {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
}

.document-left-structure-title {
  color: #2C363E;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}

.document-left-structure-description {
  color: #ABABAB;
  font-size: 16px;
  margin-top: 5px;
  text-transform: capitalize;
}

.document-left-structure-subdescription {
  color: #2C363E;
  font-size: 16px;
  margin-top: 5px;
  text-transform: capitalize;
}

.document-left-structure.active .document-left-structure-subdescription,
.document-left-structure.active .document-left-structure-description,
.document-left-structure.active .document-left-structure-title,
.document-left-structure.active .document-left-structure-icon {
  color: #EE2429;
}

/* 9. Fidelidade Patterns > inbox-left-structure ********************/
.inbox-left-structure {
  display: table;
  vertical-align: top;
  width: 100%;
}

.inbox-left-structure-icon {
  display: table-cell;
  vertical-align: top;
  width: 50px;
}

.inbox-left-structure-content {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
}

.inbox-left-structure-title {
  color: #2C363E;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.inbox-left-structure-description {
  color: #2C363E;
  font-size: 16px;
  margin-top: 5px;
}

.inbox-left-structure-subdescription {
  color: #ABABAB;
  font-size: 16px;
  margin-top: 5px;
}

/* 9. Fidelidade Patterns > edit-item-content ********************/
.edit-item-content {
  background-color: rgba(255, 255, 255, 0.6);
  padding-right: 120px;
  -webkit-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.edit-item-content .MediumLeftColumns > .Column.ColFirst,
.edit-item-content .MediumLeftColumns > .Column.ColLast,
.edit-item-content .Columns .Column {
  vertical-align: middle;
}

.edit-item-content .Columns .Columns .Column {
  margin-bottom: 0;
}

.form-content span .edit-item-content.active,
.edit-item-content.active {
  background-color: #FFF;
  margin: 20px 0;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.form-content span:first-child .edit-item-content.active,
.edit-item-content:first-child.active {
  margin: 0 0 20px 0;
}

.form-content span:last-child .edit-item-content.active,
.edit-item-content:last-child.active {
  margin: 20px 0 0 0;
}

.edit-item-content:fist-child {
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
}

.edit-item-content:last-child {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
}

.edit-item-content-box {
  border-bottom: 1px solid #DCDCDC;
  color: #2C363E;
  font-size: 18px;
  font-weight: 700;
  margin: 0 90px 0 40px;
  padding: 30px 0 30px 0;
  width: 100%;
}

.edit-item-content-box .edit-item-black {
  font-size: 16px;
  font-weight: 900;
}

.edit-item-content-box .Columns2 {
  color: #ABABAB;
}

.form-content span .edit-item-content .edit-item-content-box {
  border-bottom: 1px solid #DCDCDC;
}

.form-content span .edit-item-content:last-child .edit-item-content-box,
.edit-item-content:last-child .edit-item-content-box {
  border-bottom-color: transparent;
}

.list-item-content.active .edit-item-content-input {
  height: 100%;
  max-height: 100%;
  opacity: 1;
  overflow: auto;
  padding: 30px 0 30px 0;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.form-content span .list-item-content.active,
.list-item-content.active {
  background-color: #FFF;
  margin: 20px 0;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.form-content span:first-child .list-item-content.active,
.list-item-content:first-child.active {
  margin: 0 0 20px 0;
}

.form-content span:last-child .list-item-content.active,
.list-item-content:last-child.active {
  margin: 20px 0 0 0;
}

.form-content span:last-child .edit-item-content.active {
  background-color: #FFF;
}

.form-content span:last-child .edit-item-content.active .edit-item-content-box {
  border-bottom: 1px solid #DCDCDC;
}

.form-content .list-item-content:not(.active) .list-item-content-box {
  border-top: 1px solid #DCDCDC;
}

.form-content .list-item-content:first-child:not(:last-child) .list-item-content-box,
.form-content .list-item-content.active .list-item-content-box {
  border-top-color: transparent;
}

.edit-item-content-label {
  color: #ABABAB;
  font-size: 16px;
  font-weight: 400;
}

.edit-item-content-field {
  font-size: 18px;
  font-weight: 700;
}

.edit-item-content-input {
  color: #ABABAB;
  font-size: 16px;
  font-weight: 400;
  height: 0;
  margin: 0 90px 0 40px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  -webkit-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  width: 100%;
}

.edit-item-content.active .edit-item-content-input {
  height: 100%;
  max-height: 100%;
  opacity: 1;
  overflow: auto;
  padding: 0 0 30px 0;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.edit-item-content .edit-item-content-input input[type="text"],
.edit-item-content .edit-item-content-input input[type="password"],
.edit-item-content .edit-item-content-input input[type="datetime"],
.edit-item-content .edit-item-content-input input[type="datetime-local"],
.edit-item-content .edit-item-content-input input[type="date"],
.edit-item-content .edit-item-content-input input[type="month"],
.edit-item-content .edit-item-content-input input[type="time"],
.edit-item-content .edit-item-content-input input[type="week"],
.edit-item-content .edit-item-content-input input[type="number"],
.edit-item-content .edit-item-content-input input[type="email"],
.edit-item-content .edit-item-content-input input[type="url"],
.edit-item-content .edit-item-content-input input[type="search"],
.edit-item-content .edit-item-content-input input[type="tel"],
.edit-item-content .edit-item-content-input input[type="color"] {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #CCC;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2C363E;
  font-size: 18px;
  font-weight: 700;
  padding: 0 20px;
}

.edit-item-content .edit-item-content-box .fidelidade-base-icons.fidelidade-base-icons:before {
  color: #888;
  display: table-cell;
  font-size: 20px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.list-item-block .edit-item-content-item-icon .fa {
  font-size: 19px;
  color: #EE2429;
}

.list-item-block .edit-item-content-item-icon {
  float: right;
  margin-right: 0;
  padding-right: 0;
  text-align: right;
}

.active .list-item-block .edit-item-content-item-icon .fa {
  font-weight: bolder;
}

/* 9. Fidelidade Patterns > WidgetFloatActions ********************/
/* WidgetFloatActions > Contents */
.widget-float-actions__contents {
  display: none;
}

.widget-float-actions__contents input[type="text"] {
  background-color: #f6f6f6;
  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2C363E;
  font-size: 16px;
  font-weight: bold;
  height: 52px;
  line-height: 2;
}

.widget-float-actions__contents textarea,
.widget-float-actions__contents select {
  background-color: #f6f6f6 !important;
  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2C363E;
  font-size: 16px;
  font-weight: 700;
  height: 52px;
  line-height: 2;
}

.widget-float-actions__contents textarea {
  height: 282px;
  margin: 0;
  padding-top: 0.8em;
}

/* WidgetFloatActions > Contents - Active */
.widget-float-actions--active .widget-float-actions__contents {
  background-color: #FFF;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
          box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
  display: block;
  height: auto;
  max-height: none;
  max-width: 360px;
  position: absolute;
  right: 60px;
  top: 50px;
  width: 100%;
  z-index: 5;
}

.widget-float-actions--active .widget-float-actions__contents > div {
  height: 100%;
}

.widget-float-actions--active .widget-float-actions__contents-item {
  display: none;
}

.widget-float-actions--active .widget-float-actions__contents-item--active {
  display: block;
}

/* WidgetFloatActions > Buttons */
.widget-float-actions__buttons {
  background-color: #FFF;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -webkit-box-shadow: -5px 11px 10px rgba(0, 0, 0, 0.07);
          box-shadow: -5px 11px 10px rgba(0, 0, 0, 0.07);
  color: #ABABAB;
  height: 120px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50px;
  width: 60px;
  z-index: 5;
}

.widget-float-actions__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  border-top: 1px solid #ABABAB;
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
  height: 60px;
  line-height: 1em;
  vertical-align: middle;
  width: 100%;
}

.widget-float-actions__button:first-child {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  border-top: 0;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
}

.widget-float-actions__button .icon-Caixa_de_mensagens {
  padding-bottom: 10px;
}

/* WidgetFloatActions > Buttons - Active */
.widget-float-actions--active .widget-float-actions__buttons {
  -webkit-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.widget-float-actions--active .widget-float-actions__button {
  background-color: #2C363E;
  -webkit-border-radius: 0;
          border-radius: 0;
  color: #FFF;
}

.widget-float-actions--active .widget-float-actions__button--active {
  background-color: #FFF;
  -webkit-border-radius: 0;
          border-radius: 0;
  color: #EE2429;
}

.widget-float-actions__button--active {
  -webkit-border-radius: 0;
          border-radius: 0;
  color: #EE2429;
}

.widget-float-actions__icon-close,
.widget-float-actions__button--active .widget-float-actions__icon {
  display: none;
}

.widget-float-actions__button--active .widget-float-actions__icon-close {
  display: block;
}

/* WidgetFloatActions > Overlay */
.widget-float-actions__overlay {
  display: none;
  height: 0;
  position: static;
  width: 0;
}

.widget-float-actions--active .widget-float-actions__overlay {
  background-color: rgba(44, 54, 62, 0.6);
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 4;
}

/* WidgetFloatActions > Responsive */
/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .widget-float-actions--active .widget-float-actions__contents {
    max-width: 355px;
  }
}

/* 9. Fidelidade Patterns > WidgetContacts ********************/
.widget-contacts-agent-carousel {
  background-color: #f6f6f6;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  height: 100%;
  padding: 30px 25px;
}

.widget-contacts-agent-carousel-title {
  color: #2C363E;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
}

.widget-contacts-agent-carousel-carousel {
  margin-top: 10px;
}

.widget-contacts-agent-carousel-carousel .Card {
  background-color: transparent;
}

.widget-contacts-email-structure,
.widget-contacts-phone-structure {
  padding: 20px 25px 30px 25px;
}

.widget-contacts-email-structure-title,
.widget-contacts-phone-structure-title {
  color: #2C363E;
  font-size: 20px;
  text-transform: uppercase;
}

.widget-contacts-email-structure-subtitle,
.widget-contacts-phone-structure-subtitle {
  color: #ABABAB;
  font-size: 12px;
  margin-top: 15px;
}

.widget-contacts-email-structure-form,
.widget-contacts-phone-structure-form {
  color: #7E7E7E;
  margin-top: 15px;
}

.widget-contacts-phone-structure-form > input[type="text"] {
  font-style: normal;
  font-weight: 700;
}

.widget-contacts-email-structure-actions,
.widget-contacts-phone-structure-actions {
  color: #7E7E7E;
  font-size: 14px;
  margin-top: 15px;
  text-transform: uppercase;
}

.widget-contacts-email-structure-actions a:not(.Button),
.widget-contacts-phone-structure-actions a:not(.Button) {
  color: #7E7E7E;
  text-decoration: underline;
  text-transform: uppercase;
}

.widget-contacts-feed-back {
  display: inline;
  font-size: 13px;
  font-style: italic;
  font-weight: 600;
  text-transform: uppercase;
}

.widget-contacts-phone-structure input[name$="ContatoInput"] {
  color: #000;
  font-size: 18px;
  font-style: normal;
  margin-top: 0;
  background-image: none;
}

.widget-contacts-phone-structure input[name$="ContatoInput"]::-ms-clear {
  height: 25px !important;
  margin-right: 40px;
  width: 25px !important;
}

span[id*="wtContatoInputAjaxRfrsh"] {
  display: block;
  height: 115px;
}

.widget-float-actions__contents-item iframe {
  min-height: 496px;
}

.widget-float-actions__contents-item .iframe-document {
  height: 100%;
  overflow-y: auto;
}

.widget-contacts-email-structure-form textarea,
.widget-contacts-email-structure-form textarea:focus,
.widget-contacts-email-structure-form select {
  padding: 6px;
  font-size: 16px;
  background-color: #FBFBFB;
  border: 1px solid #E8E8E8;
}

.widget-contacts-phone-structure-form select,
.widget-contacts-email-structure-form select {
  color: #7E7E7E;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  background-image: url("data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik05ODkuODY3IDI1MC4zNDRsLTQ2OC4zMDkgNDY4LjMwOS00NzcuOTY0LTQ2OC4zMDktMjcuMzA3IDI3Ljg5MiA1MDUuNjYxIDQ5NS4yMjYgNDk1LjUxOC00OTUuNTE4LTI3LjU5OS0yNy41OTl6Ij48L3BhdGg+Cjwvc3ZnPgo=");
  background-position: -webkit-calc(100% - 10px) center;
  background-position: calc(100% - 10px) center;
  -webkit-background-size: 16px 16px;
          background-size: 16px;
  padding-right: 35px;
}

.widget-contacts-email-structure-form > div {
  margin-bottom: 10px;
}

.widget-contacts-email-structure-form textarea {
  min-height: 130px;
  max-width: 305px;
}

.widget-contacts-email-structure-form select:focus,
.widget-contacts-email-structure-form textarea:focus {
  border: 1px solid #AAA;
}

.widget-contacts-email-structure-actions .Button.Blue {
  background-color: #2C363E;
  color: #FFF;
}

.widget-contacts-email-structure-actions .Button:hover {
  background-color: #EE2429;
  color: #FFF;
}

.widget-contacts-email-structure-actions .Button:disabled,
.widget-contacts-email-structure-actions .Button[disabled] {
  background-color: #CCC;
  color: #999;
}

/* 9. Fidelidade Patterns > cars-tabs-Item ********************/
.cars-tabs-Item .icon-title-description-content-title,
.cars-tabs-Item .icon-title-description-icon {
  color: #2C363E;
}

.cars-tabs-Item .icon-title-description-content-title {
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
}

.cars-tabs-Item .icon-title-description .icon-title-description-icon .fa {
  font-size: 40px;
}

.cars-tabs-Item .icon-title-description-content-description {
  color: #ABABAB;
  font-size: 14px;
}

.cars-tabs-Item .icon-title-description {
  padding-right: 30px;
}

.cars-tabs-content {
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  width: 100%;
}

/* estados desta pattern */
.cars-tabs-Item.active .icon-title-description-content-title,
.cars-tabs-Item.active .icon-title-description-icon {
  color: #EE2429;
  font-weight: 900;
}

.cars-tabs-Item.active .icon-title-description-content-description {
  color: #7E7E7E;
}

.cars-tabs-content.active {
  height: 100%;
  opacity: 1;
  overflow: auto;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.cars-tabs-Item.disabled .icon-title-description-content-title,
.cars-tabs-Item.disabled .icon-title-description-icon,
.cars-tabs-Item.disabled .icon-title-description-content-description {
  color: #2C363E;
  opacity: 0.3;
}

.cars-tabs-Item.active.disabled .icon-title-description-content-description {
  color: #2C363E;
}

.cars-tabs-Item.disabled .icon-title-description-content-title:after {
  color: #2C363E;
  content: "\e93a";
  font-family: "icomoon" !important;
  font-weight: bold;
  margin-left: 6px;
}

.cars-tabs-Item > a:hover {
  text-decoration: none !important;
}

.cars-tabs-Item.disabled,
.cars-tabs-Item.disabled * {
  cursor: default;
  pointer-events: none;
}

/* 9. Fidelidade Patterns > home-campaigns ********************/
.home-campaigns {
  display: table;
  margin-top: 20px;
  padding-right: 30px;
  width: 100%;
}

.home-campaigns-item {
  display: table-cell;
  min-height: 327.88px;
  padding-left: 20px;
  position: relative;
  text-align: center;
}

.home-campaigns-item-title {
  color: #FFF;
  font-size: 32px;
  font-weight: 900;
  line-height: 39px;
  margin-top: 58px;
  min-width: 425px;
  width: 100%;
}

.home-campaigns-item-subtitle {
  color: #FFF;
  font-size: 14px;
  line-height: 17px;
  margin-top: 20px;
  width: 100%;
}

.home-campaigns-item-actions a {
  background-color: #FFF;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  color: #2C363E;
  font-size: 13px;
  font-weight: 700;
  margin-top: 45px;
  text-transform: uppercase;
}

.home-campaigns-item-content {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

.home-campaigns-item-image {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.home-campaigns-item-image img {
  float: left;
  margin-left: -20px;
}

.home-campaigns-item:first-child {
  padding-left: 0;
}

.home-campaigns-item:empty {
  display: none;
}

/* Fallback in case of no image */
.home-campaigns > div:not(.home-campaigns-item),
.home-campaigns div:not(.home-campaigns-item) > span {
  display: table;
  min-height: 327.88px;
  width: inherit;
}

/* 9. Fidelidade Patterns > FidelidadeFeedbackMessage ********************/
.Fidelidade_Feedback_Message {
  width: 360px;
}

.Fidelidade_Feedback_Title {
  color: #2C363E;
  font-size: 1.1em;
  font-weight: 900;
}

.Fidelidade_Feedback_Description {
  font-size: 0.9em;
  height: 33%;
  min-height: 50px;
  text-align: center;
}

.Fidelidade_Feedback_Button .Button,
.Fidelidade_Feedback_Button .Is_Default.Button {
  background-color: #2C363E;
  font-size: 1em;
  text-transform: uppercase;
}

/* 9. Fidelidade Patterns > policy-coverage-list ********************/
.subsection {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 2s;
  -o-transition: height 2s;
  transition: height 2s;
  width: 100%;
}

.subsection.expanded {
  height: auto;
}

.subsection > table {
  width: 100%;
}

.desktop .TableRecords > tbody > tr:hover,
.desktop .EditableTable > tbody > tr:hover td {
  background-color: none;
}

.list-item-content > .list-item-content-box > .ListRecords * {
  border: none;
  margin-left: 0;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 0;
}

.policydetails .list-item-block:last-child {
  display: table;
  width: 70px;
}

.lastcell {
  width: 160px;
}

.expansorbut {
  cursor: pointer;
}

.expandido {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 1s;
  -o-transition: height 1s;
  transition: height 1s;
}

.expansor .list-item-content .list-item-content-box {
  border-bottom: 0;
}

.expandido .ListRecords > br {
  display: none;
}

.expandido > .list-item-content > .list-item-content-box {
  padding-right: 0;
}

.expandido .list-item-content-box .list-item-block:first-child {
  color: #8891A0;
}

/* 9. Fidelidade Patterns > cliente_default_card ********************/
.cliente_default_card_description {
  color: #7E7E7E;
  font-size: 16px;
  overflow: hidden;
  padding-bottom: 50px;
  padding-left: 25%;
  padding-right: 25%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.cliente_default_card {
  background-color: #FFF;
  margin: 20%;
  vertical-align: middle;
}

.cliente_default_card_title {
  color: #2C363E;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 1px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

/* 9. Fidelidade Patterns > CoversElements */
.Covers .AccordionVertical {
  margin-bottom: 10px;
}

.Covers .AccordionVertical_item,
.AccordionVertical_item {
  background: none;
}

.Covers .AccordionVertical__header {
  display: block;
  font-size: 18px;
  height: 60px;
}

.AccordionVertical_item .AccordionVertical__header {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
  margin-bottom: 0 !important;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* LINHAS */
.Covers_Header,
.Covers_Cover,
.Covers_SubCover {
  display: table;
  min-height: 90px;
  table-layout: fixed;
  width: 100%;
}

.Covers_Header {
  background-color: #E8E8E8;
  height: 95px;
  margin: 0 0 10px 0;
}

.Covers_SimpleHeader {
  background-color: #EFEFEF;
  color: #C4C4C4;
  font-size: 14px;
  font-weight: 700;
  height: 70px;
  letter-spacing: 1px;
  line-height: 70px;
  width: 100%;
}

.Covers_SimpleHeader .Covers__Cell1.Covers__Cell {
  font-weight: 700;
}

.Covers_SimpleHeader.TwoValues {
  display: table;
  table-layout: fixed;
  width: 100% !important;
}

.Covers_SimpleHeader.TwoValues .Covers__Cell {
  display: table-cell;
  width: 33%;
}

.Covers_SimpleHeader.TwoValues .Covers__Cell1 {
  width: 30%;
  display: table-cell;
}

.Covers_SimpleHeader.TwoValues .Covers__Cell2 {
  text-align: right;
  /* width: 100%; */
  padding-right: 150px;
}

.MainContent .Covers_SimpleHeader.TwoValues .RowColLast {
  margin-right: -50px;
}

.Covers_SimpleHeader + .Covers_PolicyData:before {
  background-color: transparent;
}

.Covers_Cover .Covers__Cell {
  padding-bottom: 18px;
  padding-top: 18px;
}

.Covers_Cover {
  background-color: #FFF;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
  height: 90px;
  margin-top: 6px;
}

.Covers_SubCover {
  background-color: #F6F6F6;
  margin-bottom: 1px;
}

/* RowPolicyData */
.Covers_PolicyData {
  background-color: #FFF;
  display: table;
  height: 70px;
  overflow-y: hidden;
  position: relative;
  width: 100%;
}

.Covers_PolicyData:before {
  background-color: #DCDCDC;
  content: " ";
  height: 1px;
  margin: 0 30px;
  position: absolute;
  width: -webkit-calc(100% - 130px);
  width: calc(100% - 130px);
  z-index: 3;
}

/* RowPolicyData - Hide divider */
.Covers_PolicyData.hide-divider:before,
.Covers_PolicyData:first-child:before {
  background-color: transparent;
}

/* RowPolicyData - Disabled */
.Covers_PolicyData.disabled .Covers__PolicyDataText {
  color: #ABABAB;
  font-size: 16px;
  font-weight: normal;
}

/* CELULAS */
.Covers_Cover + .Covers_SubCover {
  margin-top: -4px;
}

.Covers_Cover + span > .Covers_SubCover:first-child {
  margin-top: -5px;
  padding-top: 5px;
}

.Covers__Cell {
  color: #7E7E7E;
  display: table-cell;
  font-size: 14px;
  padding: 0 0 0 30px;
  vertical-align: middle;
}

.Covers_Header .Covers__Cell {
  font-size: 12px;
}

.Covers_Header .Covers__Cell:not(:empty) {
  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(9%, transparent), color-stop(10%, #DCDCDC), color-stop(89%, #DCDCDC), color-stop(90%, #DCDCDC), color-stop(91%, transparent), to(transparent)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(top, transparent 0%, transparent 9%, #DCDCDC 10%, #DCDCDC 89%, #DCDCDC 90%, transparent 91%, transparent 100%) 1 100%;
       -o-border-image: -o-linear-gradient(top, transparent 0%, transparent 9%, #DCDCDC 10%, #DCDCDC 89%, #DCDCDC 90%, transparent 91%, transparent 100%) 1 100%;
          border-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(9%, transparent), color-stop(10%, #DCDCDC), color-stop(89%, #DCDCDC), color-stop(90%, #DCDCDC), color-stop(91%, transparent), to(transparent)) 1 100%;
          border-image: linear-gradient(to bottom, transparent 0%, transparent 9%, #DCDCDC 10%, #DCDCDC 89%, #DCDCDC 90%, transparent 91%, transparent 100%) 1 100%;
  border-left-width: 1px;
  border-style: solid;
}

.Covers_Header .Covers__Cell:not(:empty):first-child {
  -webkit-border-image: none;
       -o-border-image: none;
          border-image: none;
}

.Covers__Cell:not(:empty) {
  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(top, transparent 0%, transparent 100%) 1 100%;
       -o-border-image: -o-linear-gradient(top, transparent 0%, transparent 100%) 1 100%;
          border-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)) 1 100%;
          border-image: linear-gradient(to bottom, transparent 0%, transparent 100%) 1 100%;
  border-left-width: 1px;
  border-style: solid;
}

.Covers_Header .Covers__Cell:empty,
.Covers_Cover .Covers__Cell:empty,
.Covers_SubCover .Covers__Cell:empty {
  display: none;
}

.Covers__Cell1 {
  border: 1px solid transparent;
  font-weight: 700;
  min-width: 280px;
}

.Covers_Cover .Covers__Cell1 {
  color: #2C363E;
  font-size: 16px;
  letter-spacing: 0.9px;
}

/* Celulas dos dados */
.Covers__PolicyDataTitle {
  color: #ABABAB;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  width: 30%;
}

.Covers__PolicyDataText {
  color: #2C363E;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  padding-right: 100px;
  text-transform: capitalize;
  width: 70%;
}

/* Celulas das SubCoberturas */
.Covers_SubCover .Covers__Cell1 {
  color: #7E7E7E;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 18px;
  padding-top: 18px;
}

.Covers_SubCover ~ .Covers_Cover {
  background: #FFF;
  margin-top: 6px;
}

/* Tamanhos das celulas*/
.Covers__Small {
  width: 200px;
}

.Covers__Medium {
  width: 230px;
}

.Covers__Big {
  width: 280px;
}

.Covers__Gigantic {
  width: 330px;
}

/* Indent das celulas */
.Covers_SubCover .Covers__Indent1 {
  padding-left: 50px;
  font-weight: 700;
}

.Covers__Indent2 {
  padding-left: 70px;
}

.Covers_SubCover .Covers__Indent3 {
  padding-left: 90px;
  font-weight: 300;
}

.Covers__Indent4 {
  padding-left: 110px;
}

.Covers__Indent5 {
  padding-left: 130px;
}

.Covers__Indent6 {
  padding-left: 150px;
}

.Covers__Indent7 {
  padding-left: 170px;
}

.Covers__Indent8 {
  padding-left: 190px;
}

.Covers__Indent9 {
  padding-left: 210px;
}

.Covers__Indent10 {
  padding-left: 230px;
}

div:not(.list-item-content) ~ .list-item-content > div {
  border-color: transparent;
}

.list-item-content + .insurance-one-item {
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
}

/* limpeza da Ãºltima risca */
.AccordionVertical__content > div[class*="Covers_"]:last-child:before {
  background-color: transparent;
}

.AccordionVertical__content {
  -webkit-transition: height 0.5s ease, padding 0.5s ease, margin 0.5s ease;
  -o-transition: height 0.5s ease, padding 0.5s ease, margin 0.5s ease;
  transition: height 0.5s ease, padding 0.5s ease, margin 0.5s ease;
}

/* ELEMENTOS */
.Covers___ThisSlashThat {
  bottom: -2px;
  font-size: 14px;
  position: relative;
}

.Covers___ThisSlashThat .fa {
  color: #ababab;
  font-size: 20px;
  font-weight: 400;
  line-height: 17px;
}

.Covers___UsedCapital {
  color: #ABABAB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 19px;
  margin: 0 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}

.Covers___UsedCapital .Covers___InsideCell {
  display: block;
}

.Covers___InsideCell .tooltipstered {
  font-size: 10px;
  margin: -2px 0 0 4px;
}

.Covers___InsideCell .custom-tooltip > span {
  margin: -2px 0 0 4px;
}

.Covers___UsedCapital .Covers___InsideNote {
  text-align: center;
}

.Covers___Title,
.Covers___Note {
  clear: both;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  width: 100%;
}

.Covers___InsideNote .Covers___Note {
  letter-spacing: 0.25px;
}

.Covers___UsedCapital .Covers___Note {
  font-size: 11px;
  font-weight: normal;
  letter-spacing: initial;
  margin-top: -2px;
  text-transform: none;
}

.Covers___UsedCapital > span {
  margin-left: 8px;
}

.Covers___Title {
  color: #7E7E7E;
}

.Covers___Note {
  color: #9B9B9B;
}

.Covers___Capital {
  clear: both;
  color: #808080;
  display: inline-block;
  font-weight: normal;
  text-transform: none;
  white-space: nowrap;
  width: auto;
}

.Covers_Header .Covers___Note {
  margin-top: 5px;
}

.Covers___Featured {
  color: #808080;
  font-size: 16px;
  font-weight: 600;
}

hr.Covers___HorizontalLine {
  border-bottom: none;
  color: rgba(171, 171, 171, 0.6);
  width: 40px;
}

.Covers___UsedCapital .fa {
  color: #ababab;
  font-size: 20px;
  font-weight: 400;
}

.Covers___UsedCapital.HasBalloon .fa {
  display: block;
}

.Covers___UsedCapital:not(hasballoon) .fa {
  display: none;
}

.Covers___ThisSlashThat .Covers___InsideCell.HasBalloon .fa {
  display: inline-block;
}

.Covers___UsedCapital .icon-Tooltip:hover {
  color: #EE2429;
}

.Covers___ThisSlashThat .Covers___InsideCell:not(hasballoon) .fa {
  display: none;
}

/* 9. Fidelidade Patterns > CustomTooltip  */
.custom-tooltip {
  position: relative;
  display: inline-block;
}

.custom-tooltip:hover {
  color: #EE2429;
}

.custom-tooltip a {
  color: #FFF;
  text-decoration: underline;
}

.custom-tooltip > div {
  visibility: hidden;
  background-color: #2C363E;
  min-width: 350px;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  padding: 20px 40px;
  position: absolute;
  z-index: 100;
  bottom: 145%;
  left: 46%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-transform: center;
}

.custom-tooltip:hover > div {
  visibility: visible;
  opacity: 1;
}

.custom-tooltip > div:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 7px;
  border-style: solid;
  border-color: #2C363E transparent transparent transparent;
}

.custom-tooltip > div:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: 15px;
  width: 100%;
}

/* Classes contextuais que alteram conteudos em webblocks gerais */
/* Balao de info azul escuro, so no contexto de coberturas */
.BaloonDark .tooltip_style {
  background-color: #2C363E !important;
  text-align: center;
}

.Covers .Hovered .fa:hover {
  color: #EE2429;
}

/* 9. Fidelidade Patterns > ContactCard  */
.contact-card {
  padding: 20px 25px 30px;
}

.contact-card-user-title {
  font-size: 20px;
  text-transform: uppercase;
}

.contact-card-user-image {
  margin-top: 10px;
}

.contact-card-user-image img {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  height: 103px;
  width: 103px;
  border: 3px solid #FFF;
  margin-left: 0;
}

.contact-card-user-image img:first-child {
  right: -10px;
  position: relative;
  z-index: 1;
}

.contact-card-user-image img:last-child {
  position: relative;
  left: -10px;
}

.contact-card-user-name {
  margin-top: 5px;
}

.contact-card-user-input {
  color: #7E7E7E;
  margin-top: 10px;
  text-align: center;
}

.contact-card-user-input input[type="text"],
.contact-card-user-input input[type="password"] {
  color: #000;
  font-size: 18px;
  font-style: normal;
  margin-top: 15px;
}

.contact-card-user-actions {
  margin-top: 15px;
  text-transform: uppercase;
}

/* QUICK FIXES */
.Covers__Cell:not(.Covers__Cell1) {
  padding: 0;
  text-align: center;
}

.Covers_PolicyData .Covers__Cell2 {
  text-align: left;
}

.Covers {
  width: 100%;
}

.Covers .insurance-one-item {
  margin-bottom: 10px;
}

/* Pedir Reembolso e upload-file */
.PedirReembolso .SolidButtonGroupGeneral .wrapme {
  width: auto;
}

.PedirReembolso .SolidButtonGroupGeneral .ButtonGroup_button.Button:before {
  left: -webkit-calc(100% - 35px);
  left: calc(100% - 35px);
}

.PedirReembolso .Section_header {
  border: none;
  padding-bottom: 10px;
}

.PedirReembolso .Tabs .Section__title {
  padding-left: 36px;
}

.PedirReembolso .RadioGroupChooserItemLabel .icon-title-description {
  width: 300px;
  height: 80px;
  background: #FFF;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.PedirReembolso .RadioGroupChooserItemLabel .PlaceHereRadioButtonAndLabel input {
  display: none;
}

.PedirReembolso .RadioGroupChooserItemLabel .PlaceHereRadioButtonAndLabel input:checked + .icon-title-description {
  background-color: #2C363E;
  color: #FFF;
}

.PedirReembolso .RadioGroupChooserItemLabel .PlaceHereRadioButtonAndLabel .icon-title-description .icon-title-description-content-description {
  font-size: 11px;
  color: #7E7E7E;
}

.PedirReembolso .RadioGroupChooserItemLabel .PlaceHereRadioButtonAndLabel input:checked + .icon-title-description .icon-title-description-content-description {
  color: #FFF;
}

.PedirReembolso .RadioGroupChooserItemLabel .PlaceHereRadioButtonAndLabel input:checked + .icon-title-description .icon-title-description-content-title {
  color: #FFF;
  font-size: 18px;
}

.PedirReembolso .RadioGroupChooserItemLabel .icon-title-description .icon-title-description-content {
  padding-left: 0;
}

.PedirReembolso .DadosDasFaturas .Tabs__tab {
  background-color: #EDEDEE;
  color: #000;
  border: 0;
  width: 225px;
  height: 71px;
  line-height: 71px;
  padding: 0 30px;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 10px;
  display: inline-table;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

.PedirReembolso .DadosDasFaturas .Tabs__tab.New__tab a .CardLeftImage.Card .Right .Card_Title {
  font-style: italic;
  color: #7E7E7E;
}

.PedirReembolso .DadosDasFaturas .Tabs__tab.New__tab {
  padding: 0;
}

.PedirReembolso .DadosDasFaturas .Tabs_body,
.DadosDasFaturas .Tabs__tab.active {
  background-color: #FFF;
  border: none;
}

.PedirReembolso .DadosDasFaturas .Tabs_header {
  background-color: transparent;
  height: 71px;
}

.PedirReembolso .DadosDasFaturas .Tabs_header .Columns.MarginBottom {
  margin-bottom: 0;
}

.PedirReembolso .DadosDasFaturas .Tabs__tab span.fa {
  font-size: 22px;
  font-weight: 400;
  vertical-align: sub;
}

.PedirReembolso .DadosDasFaturas .Tabs__tab a {
  display: table-cell;
  vertical-align: middle;
  height: inherit;
}

.PedirReembolso .DadosDasFaturas .Tabs__tab a .CardLeftImage.Card {
  display: table;
  padding: 0;
  vertical-align: middle;
  width: 80%;
  margin: 0 auto;
}

.PedirReembolso .DadosDasFaturas .Tabs__tab a .CardLeftImage.Card .Left {
  display: table-cell;
  vertical-align: middle;
}

.PedirReembolso .DadosDasFaturas .Tabs__tab a .CardLeftImage.Card .Left .fa {
  display: block;
  color: #000;
}

.PedirReembolso .DadosDasFaturas .Tabs__tab a .CardLeftImage.Card .Right .Card_Title {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}

.PedirReembolso .DadosDasFaturas .Tabs__tab.active *:not(.Check),
.PedirReembolso .DadosDasFaturas .Tabs__tab *:not(.Check) {
  font-weight: bold;
  vertical-align: middle;
  color: #2C363E;
}

.PedirReembolso .DadosDasFaturas .Tabs__tab .Columns .Column {
  vertical-align: middle;
  width: 50%;
  display: table-cell;
}

.PedirReembolso .DadosDasFaturas .Tabs__tab .Columns .ColFirst {
  width: 25%;
  text-align: center;
}

.PedirReembolso .DadosDasFaturas .Tabs__tab .Columns .ColLast {
  width: 25%;
}

.PedirReembolso .Div_Expense input,
.PedirReembolso .Div_Expense .Button,
.PedirReembolso .Div_Expense .Button:hover,
.PedirReembolso .Button,
.PedirReembolso a.Button,
.PedirReembolso input {
  height: 55px;
  padding: 0 0 0 12px;
  border: 1px solid #E8E8E8;
  color: #000;
  background-color: #FBFBFB;
  -webkit-border-radius: 0;
          border-radius: 0;
}

.PedirReembolso select,
.PedirReembolso option,
.PedirReembolso .select2-choice,
.PedirReembolso .select2-placeholder,
.PedirReembolso .select2-chosen,
.PedirReembolso input,
.PedirReembolso button,
.PedirReembolso .Button,
.PedirReembolso a.Button {
  font-size: 13px;
}

.PedirReembolso .Div_Expense .Button,
.PedirReembolso .Div_Expense .Button:hover {
  text-align: center;
  margin-top: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  color: #C8C8C8;
}

.PedirReembolso input::-webkit-input-placeholder {
  color: #C8C8C8;
  opacity: 1;
}

.PedirReembolso input::-ms-input-placeholder {
  color: #C8C8C8;
  opacity: 1;
}

.PedirReembolso input::placeholder {
  color: #C8C8C8;
  opacity: 1;
}

.PedirReembolso .Section_content {
  display: table;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  padding: 10px 0;
}

.PedirReembolso select {
  height: 55px;
  font-size: 12px;
  padding: 0 0 0 12px;
  border: 1px solid #E8E8E8;
  color: #C8C8C8;
  background-color: #FBFBFB;
  width: 100%;
}

.PedirReembolso select:not(.Not_Valid):focus {
  border: 1px solid #E8E8E8;
}

.PedirReembolso a.select2-choice {
  height: 55px;
  font-size: 12px;
  padding: 0 0 0 12px;
  border: 1px solid #E8E8E8;
  color: #000;
  background-color: #FBFBFB;
  -webkit-border-radius: 0;
          border-radius: 0;
}

.PedirReembolso .select2-container .select2-choice .select2-arrow,
.PedirReembolso .select2-container .select2-choice div {
  background-color: #FBFBFB;
}

.PedirReembolso a.select2-choice .select2-chosen {
  height: inherit;
  display: table-cell;
  vertical-align: middle;
}

.PedirReembolso a.select2-choice .select2-chosen:not(:empty) + .select2-placeholder {
  display: none;
}

.PedirReembolso a.select2-choice .select2-chosen:empty + .select2-placeholder {
  position: absolute;
  top: 10px;
  font-style: italic;
  text-transform: uppercase;
  color: #C8C8C8;
  font-weight: 400;
}

.PedirReembolso .AddExpense {
  width: 100%;
  margin: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  min-width: 800px;
}

.PedirReembolso .AddRecipe {
  width: 550px;
  min-width: 550px;
}

.PedirReembolso .Div_Expense {
  display: table;
  width: 100%;
}

.PedirReembolso .Div_Expense > .select2-container,
.PedirReembolso .Div_Expense > select,
.PedirReembolso .Div_Expense > div,
.PedirReembolso .Div_Expense > input {
  display: table-cell;
  float: left;
  margin-right: 10px;
  margin-left: 0 !important;
}

.PedirReembolso .Div_Expense > .select2-container {
  margin-left: 0;
  width: 50%;
}

.PedirReembolso .Section {
  margin: 35px 0 30px;
}

.PedirReembolso .Card {
  background-color: transparent;
}

.PedirReembolso .checkmark {
  display: inline-block;
}

.PedirReembolso > div:first-child .section {
  margin-top: 50px;
}

.UserMessage {
  margin: 15px 0 15px 35px;
}

.UserMessage .TableVerticalAlign .Cell1 {
  padding-right: 17px;
}

.PedirReembolso .Div_Expense > div,
.PedirReembolso .Div_Expense > select,
.PedirReembolso .Div_Expense > input {
  display: table;
}

.PedirReembolso .Columns6 .Column {
  padding: 0;
  display: table-cell;
}

.PedirReembolso .Columns6 .Column.ColFirst {
  width: 38%;
}

.PedirReembolso .Columns6 .Column.LeftMiddle {
  width: 13%;
}

.PedirReembolso .Columns6 .Column.Col3rd {
  width: 10%;
}

.PedirReembolso .Columns6 .Column.Col4th {
  width: 13%;
}

.PedirReembolso .Columns6 .Column.RightMiddle {
  width: 22%;
}

.PedirReembolso .Columns6 .Column.ColLast {
  width: 56px;
}

.PedirReembolso .Columns6 .Column:not(:first-child) {
  padding: 0;
  border-left: 10px solid transparent;
}

.PedirReembolso .DadosDasFaturas .Tabs__tab .TabIconsInside {
  padding: 0;
  display: inline-table;
  margin: 0;
}

.PedirReembolso .tooltipstered {
  float: right;
  display: block;
  width: 40px;
  height: 1px;
  margin: 0;
  padding: 0;
  margin-left: -40px;
}

.PedirReembolso select.mutated,
.PedirReembolso select.OptionFirstOut option {
  color: #2C363E;
  font-style: normal;
}

.PedirReembolso select.OptionFirstOut > option:first-child {
  display: none;
  visibility: hidden;
}

.PedirReembolso .btn-add-expense {
  padding: 20px;
}

.PedirReembolso .btn-add-expense a {
  color: #000;
  font-weight: 900;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
}

.ListRecords.with-hidden-col > span,
.with-hidden-col > span {
  display: table-row;
  width: 100%;
}

.with-hidden-col {
  display: table;
  width: 100%;
}

.with-hidden-col .tbl-row {
  display: table-row;
}

.with-hidden-col .tbl-cell {
  display: table-cell;
  vertical-align: top;
}

.with-hidden-col .tbl-cell:first-child {
  display: table-cell;
  vertical-align: top;
}

.with-hidden-col .tbl-cell:not(:last-child) {
  padding-right: 10px;
  padding-bottom: 5px;
}

.with-hidden-col table td:not(:last-child) {
  padding-right: 10px;
}

.with-hidden-col table td:last-child,
.with-hidden-col .tbl-cell:last-child {
  width: 56px;
}

table .col-hide,
.with-hidden-col .col-hide {
  display: none;
}

.SelectArrow > * {
  background-image: none;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-appearance: none;
}

.SelectArrow:after {
  content: " ";
  border: solid #ABABAB;
  border-width: 0 2px 2px 0;
  display: block;
  position: relative;
  z-index: 10;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  left: -webkit-calc(100% - 25px);
  left: calc(100% - 25px);
  top: -37px;
  pointer-events: none;
}

.SelectArrow a.select2-choice .select2-arrow {
  display: none;
}

.SelectArrow.Cross > input {
  color: transparent !important;
}

.SelectArrow.Cross:before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 10;
  width: 18px;
  height: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  pointer-events: none;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background-color: #ABABAB;
  top: 26px;
}

.SelectArrow.Cross:after {
  content: " ";
  display: block;
  position: absolute;
  z-index: 10;
  width: 18px;
  height: 2px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 0;
  right: 0;
  top: 26px;
  pointer-events: none;
  background-color: #ABABAB;
  margin: 0 auto;
  border: none;
}

/* BOTÕES DAS POPUP DO PEDIDO DE REEMBOLSO */
.MasterPopUp .content_button_modal {
  width: 250px;
}

/* ICONS DAS TABS DE PEDIR REEMBOLSO */
.Div_Expenses .Div_Expense .SelectArrow.Cross {
  width: 56px !important;
  margin: 0;
}

.SelectArrow.Cross {
  position: relative;
}

.SelectArrow.Cross .Button {
  min-width: 70px;
}

.Check {
  border-width: 0 3px 3px 0;
  width: 10px;
  height: 15px;
  display: block;
  border-style: solid;
  position: relative;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -5px;
  margin-left: 5px;
  background-color: transparent;
  border-left-color: #FFF;
  border-top-color: #FFF;
  pointer-events: none;
  color: lightgreen;
}

.Check.Cross {
  display: block;
  width: 1px;
  height: 1px;
  background-color: transparent;
  border: 0;
  pointer-events: none;
  color: #2C363E;
}

.Check.Cross:before {
  content: " ";
  border-width: 0 3px 3px 0;
  width: 8px;
  height: 8px;
  display: block;
  border-style: solid;
  margin: -10px 0 0 -3px;
  position: absolute;
  border-left-color: #FFF;
  border-top-color: #FFF;
  pointer-events: none;
}

.Check.Cross:after {
  content: " ";
  border-width: 0 3px 3px 0;
  width: 8px;
  height: 8px;
  display: block;
  border-style: solid;
  position: absolute;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  margin: -7px 0 0 -3px;
  left: 8px;
  top: 5px;
  border-left-color: #FFF;
  border-top-color: #FFF;
  pointer-events: none;
}

.Plus {
  display: block;
  width: 1px;
  height: 1px;
  background-color: transparent;
  border: 0;
  pointer-events: none;
  margin: -3px 0 0 30px;
}

.Plus:before {
  content: " ";
  border-width: 0 3px 3px 0;
  width: 5px;
  height: 5px;
  display: block;
  border-style: solid;
  margin: -5px 0 0 -5px;
  position: absolute;
  border-left-color: #FFF;
  border-top-color: #FFF;
  pointer-events: none;
}

.Plus:after {
  content: " ";
  border-width: 0 3px 3px 0;
  width: 5px;
  height: 5px;
  display: block;
  border-style: solid;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  margin: 0;
  left: 8px;
  top: 5px;
  border-left-color: #FFF;
  border-top-color: #FFF;
  pointer-events: none;
}

.TabIconsInside .TableVerticalAlign .Cell1,
.TabIconsInside .TableVerticalAlign .Cell2 {
  padding: 0;
  width: 50%;
}

.TabIconsInside .TableVerticalAlign .Cell2 {
  padding: 0;
  padding-left: 5px;
  width: 50%;
}

.TabIconsInside .TableVerticalAlign .Cell1 > a,
.TabIconsInside .TableVerticalAlign .Cell2 > a {
  width: 20px;
  height: 50px;
}

.TabIconsInside .TableVerticalAlign {
  width: 50px;
  height: 20px;
}

/* TABS */
.Tabs .Section__body {
  padding-left: 33px;
}

.PlaceHereRadioGroupChooserItem .RadioGroupChooserItemLabel .PlaceHereRadioButtonAndLabel .icon-title-description-content-description {
  font-size: 12px;
}

.PlaceHereRadioGroupChooserItem .RadioGroupChooserItemLabel {
  width: 300px;
  height: 80px;
  margin: 0 10px 10px 0;
  background-color: #FFF;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  cursor: pointer;
  border: 1px solid rgba(216, 216, 216, 0.4);
  display: inline-block;
}

.PlaceHereRadioGroupChooserItem .RadioGroupChooserItemLabel .PlaceHereRadioButtonAndLabel .icon-title-description-content-title {
  font-size: 18px;
  text-transform: uppercase;
}

/* GROUP */
.PlaceHereRadioGroupChooserItem .RadioGroupChooserItemLabel .PlaceHereRadioButtonAndLabel,
.PlaceHereRadioGroupChooserItem .RadioGroupChooserItemLabel .PlaceHereRadioButtonAndLabel .icon-title-description {
  width: inherit;
  height: inherit;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.PlaceHereRadioGroupChooserItem .RadioGroupChooserItemLabel.blocked {
  cursor: default;
  pointer-events: none;
}

.PlaceHereRadioButtonAndLabel input {
  display: none;
}

.PlaceHereRadioButtonAndLabel input:checked ~ .icon-title-description {
  background-color: #2C363E;
}

.PlaceHereRadioButtonAndLabel input:checked ~ .icon-title-description .icon-title-description-icon {
  color: #FFF;
}

.PlaceHereRadioButtonAndLabel input:checked ~ .icon-title-description .icon-title-description-content-title {
  color: #FFF;
}

/* CUSTOM PATTERN UPLOAD FILE*/
.custom-toggle-button .option:first-child {
  margin-right: 10px;
}

.custom-toggle-button .option:last-child {
  margin-left: 10px;
}

.upload-file__placeholder {
  display: none;
}

.upload-file {
  display: table;
  table-layout: fixed;
  height: 56px;
}

.upload-file__info,
.upload-file label {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #EBEBEB;
  padding: 0 20px;
  margin: 0 20px 0 0;
  font-weight: bold;
  font-size: 16px;
  width: 460px;
}

.upload-file label,
.upload-file__remove {
  width: 56px;
  background-color: #FBFBFB;
  cursor: pointer;
  font: normal normal normal 14px/1 FontAwesome;
}

.upload-file__gutter {
  width: 10px;
}

.upload-file__info {
  background-color: #FBFBFB;
}

.upload-file__label:before {
  content: "\e90b";
  font-family: "icomoon";
  text-rendering: auto;
  font-size: 28px;
  padding: 0;
  margin: 0;
}

.upload-file__info:empty,
.upload-file__info:empty ~ .upload-file__gutter {
  display: none;
}

.upload-file__info .initial {
  color: #C8C8C8;
  font-weight: 300;
  font-family: Lato;
  font-size: 13px;
  font-style: italic;
}

.UploadOtherDocs {
  width: 566px;
}

.UploadOtherDocs .Button.AddExpense.AddRecipe {
  width: 100%;
  margin: 0 !important;
}

/* Style "MorphBoxButtonGroup" default style "MorphBoxButtonGroup" */
.MorphBoxButtonGroup.SimpleButtonTextIcon label.ButtonGroup_button.Button {
  width: 100%;
  height: 65px;
  display: inline-table;
  vertical-align: middle;
  padding: 1em;
  border: 1px solid #E8E8E8;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background-color: #FBFBFB;
  -webkit-box-shadow: -2px 3px 4px 0 rgba(0, 0, 0, 0.02);
          box-shadow: -2px 3px 4px 0 rgba(0, 0, 0, 0.02);
  font-size: 12px;
}

.MorphBoxButtonGroup.SimpleButtonTextIcon label.ButtonGroup_button.Button:hover {
  background-color: #2C363E;
  -webkit-box-shadow: -2px 3px 4px 0 rgba(0, 0, 0, 0.12);
          box-shadow: -2px 3px 4px 0 rgba(0, 0, 0, 0.12);
  color: #FFF;
}

.MorphBoxButtonGroup.SimpleButtonTextIcon .ButtonGroup_button.Button:before {
  display: none;
}

.MorphBoxButtonGroup.SimpleButtonTextIcon .ButtonGroup_button.Button.active {
  background-color: #2C363E;
  -webkit-box-shadow: -2px 3px 4px 0 rgba(0, 0, 0, 0.12);
          box-shadow: -2px 3px 4px 0 rgba(0, 0, 0, 0.12);
  color: #FFF;
}

.MorphBoxButtonGroup.SimpleButtonTextIcon label.ButtonGroup_button.Button .fa {
  color: #000;
  font-size: 25px;
  width: 25px;
  top: 5px;
  left: 5px;
  position: relative;
  padding: 0 30px 0 5px;
  display: none;
}

.MorphBoxButtonGroup.SimpleButtonTextIcon .MorphBoxItemPlaceholder {
  width: 340px;
  float: left;
  margin-right: 15px;
  margin-bottom: 0;
}

.MorphBoxButtonGroup.SimpleButtonTextIcon .HasIcon label.ButtonGroup_button.Button .fa {
  display: inline-block;
  font-weight: 100;
}

.MorphBoxButtonGroup.SimpleButtonTextIcon label.ButtonGroup_button.Button.active .fa {
  color: #FFF;
}

.MorphBoxButtonGroup.SimpleButtonTextIcon .Red label.ButtonGroup_button.Button .fa,
.MorphBoxButtonGroup.SimpleButtonTextIcon .Red label.ButtonGroup_button.Button.active .fa {
  color: #EE2429;
}

.MorphBoxButtonGroup.SimpleButtonTextIcon .Disabled label.ButtonGroup_button.Button.active .fa {
  color: #000;
}

.MorphBoxButtonGroup.SimpleButtonTextIcon .Red.Disabled label.ButtonGroup_button.Button.active .fa {
  color: #EE2429;
}

.MorphBoxButtonGroup.SimpleButtonTextIcon .MorphBoxPlaceholder .ButtonGroup label.ButtonGroup_button.Button .fa,
.MorphBoxButtonGroup.SimpleButtonTextIcon .MorphBoxPlaceholder .ButtonGroup label.ButtonGroup_button.Button .tooltipstered {
  font-weight: 100;
  position: absolute;
  left: 85%;
  top: 19px;
}

.MorphBoxButtonGroup.SimpleButtonTextIcon .MorphBoxPlaceholder .ButtonGroup label.ButtonGroup_button.Button .tooltipstered .fa {
  position: static;
  left: 0;
  top: 0;
}

.MorphBoxButtonGroup.SimpleButtonTextIcon .Disabled label.ButtonGroup_button.Button.active,
.MorphBoxButtonGroup.SimpleButtonTextIcon .Disabled label.ButtonGroup_button.Button {
  color: #DADADA;
  font-weight: 400;
  background-color: #FBFBFB;
  -webkit-box-shadow: none;
          box-shadow: none;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.MorphBoxButtonGroup.SimpleButtonTextIcon .Disabled label.ButtonGroup_button.Button.active .fa,
.MorphBoxButtonGroup.SimpleButtonTextIcon .Disabled label.ButtonGroup_button.Button .fa {
  pointer-events: all;
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
}

/**custom toggle button**/
.custom-toggle-button .option.first {
  margin-right: 10px;
}

.custom-toggle-button .option.second {
  margin-left: 10px;
}

/* $CustomStyleComboBox ********************/
.custom-select {
  background-color: #FFF;
  position: relative;
  /*font-style: italic;*/
  font-weight: bold;
}

.custom-select.disabled {
  pointer-events: none;
}

.custom-select-selected {
  background-color: #FBFBFB;
  border: 1px solid #E8E8E8;
  color: #2C363E;
  cursor: pointer;
  font-size: 14px;
  height: 55px;
  line-height: 55px;
  overflow: hidden;
  padding: 0 35px 0 12px;
  position: relative;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.custom-select-selected.prompt {
  color: #B4B4B4;
  font-style: italic;
  font-weight: 300;
}

.custom-select-option.prompt,
.custom-select-option.selected.prompt {
  color: #CCC;
  font-style: italic;
  font-weight: 300;
}

.custom-select-option.prompt:hover,
.custom-select-option[data-index="0"]:hover {
  color: #FFF;
}

.custom-select-option[data-index="0"] {
  color: #CCC;
  font-style: italic;
  font-weight: 300;
}

.custom-select.open .custom-select-selected {
  border: 1px solid #AAA;
  /*font-weight: bold;
  font-style: italic;*/
}

.custom-select-selected:after {
  content: "\f107";
  color: #9B9FA3;
  font-family: FontAwesome;
  font-size: 24px;
  font-weight: 100;
  font-style: normal;
  position: absolute;
  top: 0;
  right: 16px;
  opacity: 0.7;
}

.custom-select.open .custom-select-selected:after {
  content: "\f106";
}

.phone .custom-select-selected:after {
  font-size: 30px;
  right: 15px;
}

.custom-select .custom-select-drop {
  background-color: #FBFBFB;
  border: 1px solid #AAA;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 999999;
  font-size: 14px;
}

.custom-select.open .custom-select-drop {
  display: block;
}

.custom-select-items {
  list-style-type: none;
  max-height: 292px;
  overflow-y: auto;
}

.custom-select-items::-webkit-scrollbar {
  right: 5px;
  width: 5px;
}

.custom-select-items::-webkit-scrollbar-track {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 5px 0 0 #CCC;
          box-shadow: inset 5px 0 0 #CCC;
}

.custom-select-items::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 5px 0 0 #EE2429;
          box-shadow: inset 5px 0 0 #EE2429;
}

/** Custom Multicare - html.Multicare **/
.Multicare .custom-select-items::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 5px 0 0 #EFAB00;
          box-shadow: inset 5px 0 0 #EFAB00;
}

.custom-select-option,
.custom-select-title {
  overflow: hidden;
  padding: 8px 18px;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 30px;
}

.custom-select-title {
  color: #EE2429;
  font-weight: normal;
  font-style: normal;
}

/** Custom Multicare - html.Multicare **/
.Multicare .custom-select-title {
  color: #2C363E;
  opacity: 0.4;
}

.custom-select-option {
  cursor: pointer;
  text-transform: uppercase;
}

.custom-select-title ~ .custom-select-option {
  padding-left: 30px;
}

.custom-select-option:hover {
  background-color: #EE2429;
  color: #FFF;
}

.custom-select-option.selected {
  font-weight: bold;
}

.custom-select-option:hover:not(:last-child):after {
  background-color: #80868B;
}

.phone .custom-select-selected {
  height: 56px;
  line-height: 56px;
  text-align: center;
}

.custom-select.disabled .prompt {
  color: #CCC;
  font-weight: normal;
}

/*  9. Fidelidade Patterns > Popup Line Info  */
.popup-info-line {
  min-height: 68px;
  font-family: Lato;
  padding: 16px 16px 16px 16px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #CCC;
}

.popup-info-line > div:first-child {
  width: 30%;
  text-align: left;
  padding-right: 14px;
}

.popup-info-line > div:last-child {
  width: 70%;
  text-align: left;
  line-height: 1.2em;
}

.popup-info-line:last-of-type {
  border-bottom: 1px solid transparent;
}

.popup-info-line_title {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 16px;
  color: #333;
  line-height: 1.4em;
}

.popup-info-line_subtitle {
  font-size: 12px;
  color: #BBB;
  line-height: 1em;
}

.popup-info-line_description {
  color: #BBB;
  text-align: left;
  font-size: 14px;
}

.tablet .Menu_TopMenu a:link,
.tablet .Menu_TopMenu a:visited,
.tablet .Menu_TopMenu a {
  white-space: normal;
}

.menu-user-context .menu-user-context-action .Menu_TopMenu:before {
  margin-left: -5px;
}

.menu-user-context .menu-user-context-action .Menu_TopMenu:hover:before {
  margin-left: -5px;
}

/*Cookies */
#cookies {
  border-bottom: solid 1px #DADEDF;
  display: none;
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative;
  text-align: center;
  z-index: 10;
}

#cookies .Button {
  padding-bottom: 2px;
  padding-top: 2px;
}

.close {
  color: #000;
  filter: alpha(opacity=20);
  float: right;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  opacity: 0.2;
  text-shadow: 0 1px 0 #FFF;
}

.close:hover,
.close:focus {
  color: #000;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
  text-decoration: none;
}

/* SILKUI REPAIR */
body.ModalOpened .ModalContainer {
  display: block;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
          transform: translateX(-50%) translateY(-50%) translateZ(0);
}

.ModalContainer {
  top: 50%;
  bottom: inherit;
}

/* ICON FONT REPAIR */
.Menu_TopMenus span[class*="icon-"]:before {
  display: table-cell;
  height: inherit;
  margin: 0;
  padding: 0 3px 0 0;
  text-align: center;
  width: inherit;
}

.Menu_TopMenus > span > div:nth-child(2) {
  padding-top: 17px;
}

.icon-Caixa_de_mensagens:before .inbox-left-structure-icon > .icon:before {
  position: unset;
}

.Menu .icon-Caixa_de_mensagens {
  font-size: 2em;
  padding: 0 10px 10px 0;
  width: inherit;
}

/* SILK Patterns > Dropdown */
.DropdownMenu .cars-tabs-Item.active:not(.disabled) .icon-title-description {
  background-color: #EE2429;
}

.DropdownMenu .cars-tabs-Item.active .icon-title-description:hover,
.DropdownMenu .cars-tabs-Item .icon-title-description:hover {
  background-color: #EE2429;
  color: #FFF;
}

.DropdownMenu .cars-tabs-Item .icon-title-description-icon {
  color: #FFF;
  display: table-cell;
  vertical-align: middle;
  width: 20%;
}

.DropdownMenu .cars-tabs-Item .icon-title-description-icon .icon:before {
  position: unset;
}

.cars-tabs-Item .icon-title-description-content {
  display: table-cell;
  padding-left: 10px;
}

.DropdownMenu .cars-tabs-Item.active .icon-title-description-content-title,
.DropdownMenu .cars-tabs-Item .icon-title-description-content-title {
  color: #FFF;
  font-size: 14px;
  font-weight: 900;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  width: 80%;
  max-width: 100%;
}

.ie .DropdownMenu .cars-tabs-Item .icon-title-description-content-title {
  line-height: 1.6;
}

.ie .DropdownMenu .disabled.cars-tabs-Item .icon-title-description-content-title {
  line-height: 1.5;
}

.DropdownMenu .cars-tabs-Item .icon-title-description .icon-title-description-icon .icon {
  line-height: 0;
  margin: 0;
  padding: 0;
}

.DropdownMenu .cars-tabs-Item.active .icon-title-description-content-description,
.DropdownMenu .cars-tabs-Item .icon-title-description-content-description {
  color: #ABABAB;
}

.DropdownMenu .cars-tabs-Item.active .icon-title-description-content-description,
.DropdownMenu .cars-tabs-Item.disabled .icon-title-description-content-description {
  color: #FFF;
}

.DropdownMenu > div > span > div > div > div > div > .icon:before {
  display: block;
  font-size: 50px;
  margin-left: -27px;
  margin-top: 5px;
  padding: 0 15px;
  width: 30px;
}

.DropdownMenu {
  background-color: #2C363E;
  border-color: transparent;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  -moz-border-radius-topleft: 0;
  border-style: solid;
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
  border-width: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFF;
  display: none;
  left: 0;
  min-width: 110%;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 15;
}

.tablet .DropdownMenu {
  top: 100%;
}

.DropdownMenu.arrangeHorizontal {
  -webkit-border-radius: 6px;
          border-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 0;
          border-top-right-radius: 0;
}

.DropdownMenu .PH a {
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 3px;
          border-radius: 3px;
  color: #FFF;
  font-weight: 400;
  margin: 10px;
  padding: 8px 10px;
}

.DropdownMenu .PH > span > a {
  color: #FFF;
  display: block;
}

.DropdownMenu .PH a:hover {
  background-color: #EE2429;
  color: #FFF;
}

.DropdownMenu .icon-title-description-content {
  color: #FFF;
  font-size: 1.15em;
  font-weight: 700;
  text-transform: uppercase;
}

.DropdownMenu .icon-title-description-content div {
  max-width: 135px;
  overflow: hidden;
  float: left;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  clear: left;
}

.DropdownMenu .fa-lg {
  font-size: 110%;
}

.DropdownMenu .cars-tabs-Item .icon-title-description {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #FFF;
  display: table;
  font-weight: 400;
  padding: 8px 10px;
}

.DropdownMenu .cars-tabs-Item {
  display: block;
  width: inherit;
}

.DropdownMenu .icon-title-description .icon-title-description-icon span {
  color: #FFF;
}

/* 1.3 General Properties > Paddings ********************/
.PaddingTop25 {
  padding-top: 25px;
}

.PaddingTop10 {
  padding-top: 10px;
}

.PaddingBottom25 {
  padding-bottom: 25px;
}

.PaddingBottom10 {
  padding-bottom: 10px;
}

.width200 {
  width: 200px;
}

.width150 {
  width: 150px;
}

.TextTransformNone {
  text-transform: none;
}

.TableVerticalAlign .Cell1,
.TableVerticalAlign .Cell2 {
  font-weight: 400;
  padding: 0;
}

/* review this pattern */
/* custom Modal */
.content_modal .Modal .ModalContainer {
  max-width: 400px;
}

.content_title_modal {
  color: #2C363E;
  font-size: 17px;
  font-weight: 600;
}

.content_description_modal {
  color: #ABABAB;
  font-size: 14px;
  font-weight: 300;
}

.content_button_modal {
  width: 150px;
}

/*Modal Pedir Reembolso*/
.ModalActions .Button:hover {
  background-color: #EE2429;
  color: #FFF;
  border-color: #EE2429;
}

.ModalActions .Button {
  background-color: transparent;
  border: 1px solid #979797;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #2C363E;
  font-size: 13px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  -webkit-transition: all 150ms ease-in;
  -o-transition: all 150ms ease-in;
  transition: all 150ms ease-in;
  white-space: nowrap;
  padding: 0;
}

.ModalContainer .Heading1 {
  font-size: 20px;
}

/********************/
/* LOGIN */
.MobileAppImage {
  position: absolute;
  width: 100vw;
  text-align: center;
  left: 0;
}

.MobileAppImage img {
  max-width: 760px;
  width: 100%;
}

.LogoImage img {
  width: 100%;
}

.login-cobranding img {
  width: 100%;
  max-width: 256px;
}

.login-center-content {
  position: absolute;
  z-index: 5;
  bottom: 90px;
  left: -webkit-calc(50% - 357px);
  left: calc(50% - 357px);
}

.login-center-content img {
  max-width: 100%;
  height: 214px;
}

.login-left-content-box-content-image img {
  height: 35px;
}

.MediumRightColumns > .Column.ColLast {
  padding-left: 0;
  padding-right: 0;
}

.tablet .login-left-content-box-content-image img {
  top: -50px;
  display: block;
  width: 100%;
  height: auto;
}

.tablet .login-left-content-box-content .ColFirst {
  width: 10%;
}

.tablet .login-left-content-box-content .ColLast {
  width: 90%;
}

/* IE */
.ie .Card .Heading3.Card_Title {
  margin: 0;
  padding: 0;
}

.ie .Badge {
  line-height: 14px;
  padding: 4px 0 1px;
}

.ie .PedirReembolso .DadosDasFaturas .Tabs__tab a .CardLeftImage.Card {
  display: table;
  width: inherit;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  height: 30px;
}

.ie .PedirReembolso .Columns6 .Column.ColFirst {
  width: 38.2%;
}

.PedirReembolso .Tabs_body .Section_content {
  padding-left: 70px;
}

/*Calendar*/
.datepicker {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  width: 260px;
  z-index: 1;
  background-color: #2C363E;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 8px 8px 40px 5px rgba(0, 0, 0, 0.08);
          box-shadow: 8px 8px 40px 5px rgba(0, 0, 0, 0.08);
  color: #FFF;
  font-family: "Helvetica", "Helvetica Neue", "Arial", sans-serif;
  font-size: 14px;
  line-height: 14px;
}

@media (min-width: 320px) {
  .datepicker {
    width: 300px;
  }
}

@media (min-width: 480px) {
  .datepicker {
    width: 460px;
  }
}

@media (min-width: 768px) {
  .datepicker {
    width: 560px;
  }
}

.datepicker__inner {
  overflow: hidden;
  padding: 20px;
}

@media (min-width: 480px) {
  .datepicker__months {
    overflow: hidden;
  }
}

.datepicker__month {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  font-size: 12px;
}

@media (min-width: 480px) {
  .datepicker__month {
    width: 200px;
  }
}

@media (min-width: 768px) {
  .datepicker__month {
    width: 240px;
  }
}

@media (min-width: 480px) {
  .datepicker__month--month1 {
    float: left;
  }
}

.datepicker__month--month2 {
  display: none;
}

@media (min-width: 480px) {
  .datepicker__month--month2 {
    display: table;
    float: right;
  }
}

.datepicker__month-day--valid {
  cursor: pointer;
}

.datepicker__month-day--lastMonth,
.datepicker__month-day--nextMonth {
  visibility: hidden;
}

@media (min-width: 480px) {
  .datepicker__month-button--disabled {
    visibility: hidden;
  }
}

.datepicker__info--feedback {
  display: none;
}

.datepicker__info--error,
.datepicker__info--help {
  display: block;
}

.datepicker__tooltip {
  position: absolute;
}

.month-disabled {
  pointer-events: none;
}

@media (min-width: 480px) {
  .datepicker__months {
    position: relative;
  }
  .datepicker__months:before {
    background: #DCDCDC;
    bottom: 0;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
  }
}

.datepicker__month-caption {
  height: 2.5em;
  vertical-align: middle;
}

.datepicker__month-name {
  text-transform: uppercase;
  text-align: center;
}

.datepicker__week-days {
  height: 2em;
  vertical-align: middle;
}

.datepicker__week-name {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  color: #EE2429;
  text-align: center;
}

.datepicker__month-day {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: color, background-color, border-color;
  -o-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: #ACB2C1;
  padding: 4px 8px;
  border-bottom: 4px solid #2C363E;
  border-top: 4px solid #2C363E;
}

.datepicker__month-day--no-check-in {
  position: relative;
}

.datepicker__month-day--no-check-in:after {
  background-color: rgba(255, 0, 0, 0.1);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 50%;
  top: 0;
  z-index: -1;
}

.datepicker__month-day--no-check-out {
  position: relative;
}

.datepicker__month-day--no-check-out:after {
  background-color: rgba(255, 0, 0, 0.1);
  bottom: 0;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.datepicker__month-day--invalid {
  color: #E8EBF4;
}

.datepicker__month-day--disabled {
  color: #E8EBF4;
  position: relative;
}

.datepicker__month-day--day-of-week-disabled {
  background-color: rgba(232, 235, 244, 0.5);
}

.datepicker__month-day--selected {
  background-color: rgba(255, 255, 255, 0.2);
  color: #FFF;
}

.datepicker__month-day--selected:after {
  display: none;
}

.datepicker__month-day--today {
  background-color: #0F1219;
  color: #FFF;
}

.datepicker__month-day--first-day-selected,
.datepicker__month-day--last-day-selected {
  background-color: #EE2429;
  color: #FFF;
}

.datepicker__month-day--last-day-selected:after {
  content: none;
}

.datepicker__month-button {
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color, background-color, border-color;
  -o-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: #CCC;
  display: inline-block;
  padding: 5px 10px;
  font-size: 18px;
}

.datepicker__month-button:hover {
  color: #EE2429;
}

.datepicker__topbar {
  margin-bottom: 10px;
  position: relative;
  height: 36px;
  border: 2px solid #AAAAAA61;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #DDD;
  font-family: "Lato";
}

.datepicker__info-text {
  font-size: 13px;
}

.datepicker__info--selected {
  font-size: 11px;
  width: 100%;
  text-align: left;
}

.datepicker__info--selected-label {
  color: #ACB2C1;
  font-weight: 100;
}

.datepicker__info-text--selected-days {
  font-size: 11px;
  font-style: normal;
}

.datepicker__info--error {
  color: #BBB;
  font-size: 13px;
  font-style: italic;
}

.datepicker__info--help {
  color: #ACB2C1;
  font-style: italic;
}

.datepicker__close-button {
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color, background-color, border-color;
  -o-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #EE2429;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 16px;
  color: #FFF;
  margin-top: 20px;
  padding: 10px 10px;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  min-width: 150px;
  min-height: 40px;
  font-weight: 700;
}

.datepicker__close-button:hover {
  background-color: #FFF;
  color: #484C55;
}

.datepicker__footer {
  position: relative;
  text-align: center;
}

.datepicker.datepicker--open {
  display: block;
}

.datepicker.datepicker--closed {
  display: none;
}

.datepicker .clear-picker {
  text-decoration: underline;
  cursor: pointer;
}

.calendar-picker-box {
  position: relative;
  min-width: 246px;
}

.calendar-picker-box input {
  display: none;
}

.calendar-picker {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2C363E;
  height: 43px;
  text-align: left;
  width: 100%;
  cursor: pointer;
  padding: 10px 26px 10px 10px;
  position: relative;
  border: 1px solid #979797;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}

.calendar-picker.openned {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  border: none;
  background-color: #2C363E;
  color: #FFF;
}

.calendar-picker-box .datepicker {
  position: absolute;
  top: 42px;
  left: 0;
}

.calendar-picker-box.Left .datepicker {
  left: auto;
  right: 0;
}

.calendar-picker .fa {
  position: absolute;
  right: 14px;
}

.ie .calendar-picker .fa {
  top: 14px;
}

.calendar-picker .icon-app_down {
  display: block;
}

.calendar-picker.openned .icon-app_down {
  display: none;
}

.calendar-picker .icon-app_up {
  display: none;
}

.calendar-picker.openned .icon-app_up {
  display: block;
}

.calendar-picker-box:not(.Left) .datepicker.datepicker--open {
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

.calendar-picker-box.Left .datepicker.datepicker--open {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

.datepicker__info-text.datepicker__info-text--start-day {
  display: inline-block;
}

.datepicker__info-text.datepicker__info-text--end-day {
  display: inline-block;
}

.datepicker .nav-button {
  text-align: center;
}

.datepicker__month-day--hovering {
  background-color: rgba(255, 255, 255, 0.2);
  color: #FFF;
}

.datepicker__close-button:disabled {
  pointer-events: none;
  background-color: #DDD;
}

/* 9. Fidelidade Patterns > $VerticalAlign ********************/
.TableAlign {
  display: table;
  width: 100%;
}

.TableAlign .Cell1,
.TableAlign .Cell2 {
  display: table-cell;
}

.TableAlign.Middle .Cell1,
.TableAlign.Middle .Cell2 {
  vertical-align: middle;
}

.TableAlign.Top .Cell1,
.TableAlign.Top .Cell2 {
  vertical-align: top;
}

.TableAlign.Baseline .Cell1,
.TableAlign.Baseline .Cell2 {
  vertical-align: baseline;
}

/* 9. Fidelidade Patterns > $BoxedCustomRadio ********************/
.boxed-custom-radio {
  position: relative;
  display: inline-block;
  color: #343838;
}

.boxed-custom-radio.boxed-custom-radio--initialized {
  background-color: #FFF;
  min-width: 200px;
  border: 1px solid #DDD;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.boxed-custom-radio.boxed-custom-radio--initialized .boxed-custom-radio__input {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.boxed-custom-radio label {
  color: inherit;
  margin-left: 12px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  margin: 0;
}

/* IE height fix */
.ie .boxed-custom-radio label {
  height: 18px;
}

.boxed-custom-radio.boxed-custom-radio--initialized input,
.boxed-custom-radio.boxed-custom-radio--initialized input[type="radio"] {
  opacity: 0;
  position: absolute;
  top: unset;
  left: unset;
  right: 16px;
  min-width: 24px;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  z-index: 1;
}

.boxed-custom-radio.boxed-custom-radio--initialized input:after,
.boxed-custom-radio.boxed-custom-radio--initialized input:before {
  display: none;
}

.boxed-custom-radio.boxed-custom-radio--initialized .boxed-custom-radio__radio {
  position: absolute;
  background-color: #FFF;
  min-width: 24px;
  width: 36px;
  height: 36px;
  border: 1px solid #CCC;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  right: 16px;
}

.boxed-custom-radio.boxed-custom-radio--initialized .boxed-custom-radio__radio:after {
  content: " ";
  display: block;
  opacity: 0;
  position: absolute;
  top: 44%;
  left: 50%;
  width: 34%;
  height: 16%;
  border-left: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.boxed-custom-radio.boxed-custom-radio--initialized input:hover ~ .boxed-custom-radio__radio {
  border-color: #AAA;
}

.boxed-custom-radio.boxed-custom-radio--initialized input:checked ~ .boxed-custom-radio__radio {
  border: 1px solid #2C363E;
  background-color: #2C363E;
}

.boxed-custom-radio.boxed-custom-radio--initialized input:checked ~ .boxed-custom-radio__radio:after {
  opacity: 1;
}

.boxed-custom-radio.boxed-custom-radio--initialized input:checked ~ label {
  font-weight: bold;
}

/* disabled */
.boxed-custom-radio.boxed-custom-radio--initialized input:disabled ~ .boxed-custom-radio__radio,
.boxed-custom-radio.boxed-custom-radio--initialized input.disabled:hover ~ .boxed-custom-radio__radio {
  background-color: #F4F6F7;
  border: 1px solid #C9D2D7;
}

/* disabled + checked */
.boxed-custom-radio.boxed-custom-radio--initialized input:disabled:checked ~ .boxed-custom-radio__radio {
  border: 2px solid #EE2429;
  background-color: #EE2429;
  opacity: 0.5;
}

/* Squared checkbox */
.boxed-custom-radio.boxed-custom-radio--initialized.boxed-custom-radio--squared .boxed-custom-radio__radio {
  -webkit-border-radius: 6px;
          border-radius: 6px;
}

.boxed-custom-radio.boxed-custom-radio--initialized.boxed-custom-radio--squared .boxed-custom-radio__radio:after {
  border-left-color: #EE2429;
  border-bottom-color: #EE2429;
  width: 46%;
}

.boxed-custom-radio.boxed-custom-radio--initialized.boxed-custom-radio--squared input:checked ~ .boxed-custom-radio__radio {
  border: 1px solid #C9D2D7;
  background-color: #FFF;
}

.boxed-custom-radio.boxed-custom-radio--initialized.boxed-custom-radio--squared input:hover ~ .boxed-custom-radio__radio {
  border-color: #AAA;
}

/* disabled */
.boxed-custom-radio.boxed-custom-radio--initialized.boxed-custom-radio--squared input:disabled ~ .boxed-custom-radio__radio,
.boxed-custom-radio.boxed-custom-radio--initialized.boxed-custom-radio--squared input.disabled:hover ~ .boxed-custom-radio__radio {
  background-color: #F4F6F7;
  border: 1px solid #C9D2D7;
}

/* disabled + checked */
.boxed-custom-radio.boxed-custom-radio--initialized.boxed-custom-radio--squared input:disabled:checked ~ .boxed-custom-radio__radio {
  border: 1px solid #C9D2D7;
  background-color: #FFF;
  opacity: 0.5;
}

/*$CustomModal*/
@-webkit-keyframes customModalFadeInTop {
  from {
    -webkit-transform: translate(-50%, -62%);
            transform: translate(-50%, -62%);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes customModalFadeInTop {
  from {
    -webkit-transform: translate(-50%, -62%);
            transform: translate(-50%, -62%);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.custom-modal__body {
  background-color: #FFF;
  padding: 40px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 2px 2px 8px 0 rgba(175, 185, 193, 0.3);
          box-shadow: 2px 2px 8px 0 rgba(175, 185, 193, 0.3);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 101;
  -webkit-animation: customModalFadeInTop 300ms ease-out;
          animation: customModalFadeInTop 300ms ease-out;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.custom-modal__overlay {
  background-color: rgba(40, 51, 58, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  opacity: 0;
  -webkit-animation: fadeIn 200ms ease-out;
          animation: fadeIn 200ms ease-out;
}

.custom-modal {
  display: none;
}

.custom-modal--show {
  display: block;
}

.custom-modal--show .custom-modal__overlay {
  opacity: 1;
}

.custom-modal-content {
  display: none;
  
  
  
  
  
}

.custom-modal .custom-modal-content {
  display: block;
}

.CloseModal {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  right: 20px;
  top: 20px;
}

.CloseModal:after,
.CloseModal:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 20px;
  left: 10px;
  background-color: #000;
}

.CloseModal:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.CloseModal:before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* 9. Fidelidade Patterns > $BlankState ********************/
.blank-state {
  background-color: #33333314;
  padding: 30px;
  text-align: center;
}

/* 9. Fidelidade Patterns > $FormLogin ********************/
.form-login {
  width: 100%;
  max-width: 300px;
}

.form-login--title {
  font-size: 18px;
  margin-bottom: 20px;
}

.form-login--title.Heading2 {
  margin-top: 0 !important;
}

.form-login--form {
  width: 100%;
}

.split.right .form-login:not(:first-child) {
  margin-top: 40px;
}

.split .form-login--form input:-moz-read-only {
  color: #333;
  background-color: #B6B6B6;
  border: none;
}

.split .form-login--form input:read-only {
  color: #333;
  background-color: #B6B6B6;
  border: none;
}

.form-login--notes {
  color: #8C8C8C;
  font-size: 12px;
  margin-top: 20px;
  text-align: justify;
}

/* 9. Fidelidade Patterns > $FormLoginField ********************/
.form-login-field {
  width: 100%;
}

.form-login .form-login-field:not(:first-child) {
  margin-top: 20px;
}

.form-login-field--label {
  margin-bottom: 5px;
  font-size: 14px;
}

.form-login-field--info {
  margin-top: 5px;
  font-size: 12px;
  text-align: justify;
}

.form-login-field--info > div {
  max-width: 350px;
}

.desktop.small .form-login-field--info > div {
  max-width: 280px;
}

.phone .form-login-field--label {
  font-size: 16px;
}

/* 9. Fidelidade Patterns > $SimulacaoLayer ********************/
.simulacao-cont > div:not(:last-child) {
  margin-bottom: 20px;
}

.simulacao-cont__banner img {
  width: 100%;
  max-width: 1220px;
}

/* 9. Fidelidade Patterns > $SimulacaoTabContLayer ********************/
.simulacao-tab-cont {
  min-height: 400px;
  border-bottom: 1px solid #CCC;
}

/* 9. Fidelidade Patterns > $OrSeparator ********************/
.or-separator:before {
  content: "";
  position: absolute;
  width: 40%;
  right: 0;
  height: 1px;
  background-color: #9A9A9A;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

.or-separator:after {
  content: "";
  position: absolute;
  width: 40%;
  left: 0;
  height: 1px;
  background-color: #9A9A9A;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

.or-separator {
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  color: #9A9A9A;
  position: relative;
}

/* 9. Fidelidade Patterns > $ClaimsButton ********************/
.claim-car-btn-wrapper {
  display: inline-block;
  margin-right: 15px;
}

.claim-car-btn {
  background-color: #2C363E;
  width: 300px;
  height: 80px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 6px;
  color: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.claim-car-btn .claim-car-btn_icon {
  font-size: 46px;
  margin-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.claim-car-btn__name {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.claim-car-btn__plate {
  font-size: 12px;
  margin-top: 4px;
}

/* Claims */
.Section {
  margin-bottom: 60px;
}

/* 9. Fidelidade Patterns > $WhiteBackgroundArea ********************/
.white-bg-area {
  background-color: #FFF;
  margin-right: 40px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

/* 9. Fidelidade Patterns > $FormSection ********************/
.form-section {
  padding: 30px;
}

.form-section__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.form-section .form-section__desc {
  color: #AFAFAF;
  font-size: 14px;
  margin-bottom: 40px;
  max-width: 800px;
}

.form-section .input-field-wrapper {
  max-width: 800px;
}

/* 9. Fidelidade Patterns > $InputField ********************/
.input-field-wrapper {
  margin-left: 20px;
}

.input-field-wrapper .input-field-wrapper__label {
  color: #AFAFAF;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
}

.input-field-wrapper input,
.input-field-wrapper select {
  height: 55px;
  padding: 0 0 0 12px;
  border: 1px solid #E8E8E8;
  color: #333;
  background-color: #FBFBFB;
  -webkit-border-radius: 0;
          border-radius: 0;
}

.input-field-wrapper select {
  width: 100%;
}

.input-field-wrapper input::-webkit-input-placeholder,
.input-field-wrapper select::-webkit-input-placeholder {
  color: #DDD;
}

.input-field-wrapper input::-ms-input-placeholder,
.input-field-wrapper select::-ms-input-placeholder {
  color: #DDD;
}

.input-field-wrapper input::placeholder,
.input-field-wrapper select::placeholder {
  color: #DDD;
}

:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #DDD !important;
}

.input-field-wrapper.more-fields .input-field-wrapper__input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.input-field-wrapper.more-fields .input-field-wrapper__input input {
  max-width: 100px;
  margin-right: 18px;
}

.input-field-wrapper.has-margin-bottom {
  margin-bottom: 50px;
}

/* Upload Widget */
input.upload-btn {
  height: 55px;
  -webkit-border-radius: 0;
          border-radius: 0;
  background-color: #FBFBFB;
  border: 1px solid #EBEBEB;
  margin: 0;
}

input.upload-btn:hover,
input.Button.upload-btn:hover {
  background-color: #FBFBFB;
}

/* 9. Fidelidade Patterns > $ClaimsStatus ********************/
.claims-concluded {
  display: table;
  vertical-align: middle;
  width: 100%;
}

.claims-concluded > div {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
}

.claims-concluded > div:not(:first-child) {
  margin-left: 20px;
}

.claims-concluded__status {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin-left: 40px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  max-width: 500px;
}

.claims-concluded__status .fa {
  font-size: 24px;
}

.claims-concluded__icon {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  font-size: 34px;
  width: 90px;
}

.claims-concluded__btn {
  text-align: right;
}

.claims-concluded__btn .Button {
  min-width: 200px;
}

.insurance-one-item .claims-concluded__details {
  width: 162px;
}

/* 9. Fidelidade Patterns > $ClaimsDetails ********************/
.claims-details {
  display: table;
}

.claims-details__icon,
.claims-details__info {
  display: table-cell;
  vertical-align: middle;
}

.claims-details__icon {
  padding-right: 20px;
  color: #EE2429;
}

.claims-details__info {
  min-width: 160px;
}

.claims-details__plate {
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 4px;
}

.claims-details__date,
.claims-details__num {
  color: #C1C1C1;
}

/* 9. Fidelidade Patterns > $GoogleMaps ********************/
.MapPlaceHolder {
  min-height: 400px;
}

/* 9. Fidelidade Patterns > $NotificationMessage ********************/
.notification-message {
  margin-bottom: 20px;
}

.notification-message__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/* Date */
.notification-message__date {
  text-align: center;
  margin-top: 0;
  margin-left: 4px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  width: 70px;
  font-weight: bold;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.notification-message__date:before {
  content: "";
  display: block;
  width: 1px;
  position: relative;
  left: 50%;
  margin-top: -10px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #C8C8C8;
  z-index: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  
}

.notification-message__date:after {
  content: "";
  display: block;
  width: 1px;
  position: relative;
  left: 50%;
  margin-bottom: -10px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #C8C8C8;
  z-index: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  
}

.notification-message:first-child .notification-message__date:before,
.notification-message:last-child .notification-message__date:after {
  display: block;
  background-color: transparent;
}

.notification-message__date-wrapper {
  margin-top: 8px;
  margin-bottom: 4px;
  padding: 0;
  position: relative;
  z-index: 1;
}

.notification-message__date-wrapper:before {
  content: "";
  display: block;
  background: #EE2429;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 8px;
  height: 8px;
  margin: auto;
  margin-bottom: 4px;
}

.notification-message__date-day,
.notification-message__date-month {
  display: block;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
}

.notification-message:first-child .notification-message__date:after,
.notification-message--first .notification-message__date:after {
  top: 0%;
}

.notification-message:last-child .notification-message__date:after,
.notification-message--last .notification-message__date:after {
  bottom: 0%;
}

/* Title */
.notification-message__title {
  font-size: 16px;
  line-height: 18px;
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 86px;
  position: relative;
  
}

.notification-message__title.notification-message__title--noPadding {
  padding-top: 0;
}

.notification-message__title:before {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  left: 39px;
  top: -10px;
  bottom: 10px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #C8C8C8;
  z-index: 0;
}

.notification-message:first-child .notification-message__title:before {
  background: transparent;
}

/* Main */
.notification-message__main-wrapper {
  margin-left: 13px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.notification-message__main {
  background: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

.notification-message__status {
  margin: 0 15px;
  width: 32px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.notification-message__status img {
  display: block;
  width: 32px;
  height: auto;
}

.notification-message__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-left: 1px solid rgba(219, 219, 219, 0.4);
  padding: 0 20px;
}

.notification-message__text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.notification-message__text {
  min-width: 220px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 16px;
  line-height: 19px;
}

.notification-message__message-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}

/* Actions */
.notification-message__actions {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 180px;
  margin-top: -10px;
  padding: 30px 20px;
  padding-right: 0;
}

.notification-message__actions .Button {
  margin: 0;
  margin-top: 10px;
  width: 100%;
  text-transform: uppercase;
}

/* NotificationMessage - No Date */
.notification-message--no-date .notification-message__date-wrapper:before {
  background-color: #2C363E;
}

/* NotificationMessage - Outline */
.notification-message--outline .notification-message__main {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px dashed #2C363E;
}

.notification-message--outline .notification-message__content {
  border-left-color: #C8C8C8;
}

/* NotificationMessage - Old */
.notification-message--old .notification-message__date-wrapper,
.notification-message--old .notification-message__main-wrapper {
  opacity: 0.5;
}

.notification-message--old .notification-message__date-wrapper:before {
  background-color: #2C363E;
}

/* IE specific rules */
/* IE min-height fix */
.ie .notification-message__text-wrapper {
  min-height: 60px;
}

.ie .notification-message__text-wrapper:after {
  content: "";
  min-height: inherit;
  font-size: 0;
}

/* IE text overflow fix */
.ie .notification-message__text {
  -webkit-flex-basis: 0%;
      -ms-flex-preferred-size: 0%;
          flex-basis: 0%;
}

/* NotificationMessage > StarRating */
.notification-message__actions .star-rating {
  height: 39px;
  margin-top: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 9. Fidelidade Patterns > $StarRating ********************/
.star-rating {
  direction: rtl;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 2em;
  height: 1em;
  
}

.star-rating__star {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  
  cursor: pointer;
}

.star-rating__star svg {
  fill: #A1A5A8;
  width: 1em;
  height: 1em;
  margin-left: 0.1em;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.star-rating__star:last-child svg {
  margin-left: 0;
}

.star-rating__star--active svg {
  fill: #EE2429;
}

.star-rating:not(.star-rating--locked):hover .star-rating__star--active svg {
  fill: #A1A5A8;
}

.star-rating:not(.star-rating--locked) .star-rating__star:hover svg,
.star-rating:not(.star-rating--locked) .star-rating__star:hover ~ .star-rating__star svg {
  fill: #EE2429;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

/* StarRating - Locked */
.star-rating--locked .star-rating__star {
  cursor: default;
}

.star-rating--locked .star-rating__star svg {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

/* 9. Fidelidade Patterns > $NotificationsCount ********************/
/* ---------- NotificationsCount ---------- */
.notifications-count {
  height: 20px;
  color: #EE2429;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}

.notifications-count__number {
  position: relative;
  top: 2px;
}

.notifications-count img,
.notifications-count svg {
  display: inline-block;
  width: 20px;
  height: 25px;
  margin-left: 5px;
  margin-right: 5px;
}

.notifications-count svg path {
  fill: #E8E8E8;
}

.notifications-count--has-notifications svg path {
  fill: #EE2429;
}

/* 9. Fidelidade Patterns > $ProcessCardsCarousel_Item ********************/
/* Process Cards container */
.process-cards-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  max-width: 990px;
}

/* Process Card items */
.process-card {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 16px;
  padding: 0.875em;
  margin: 0.938em 0.313em;
  margin-left: 0;
  margin-right: 0;
  background: #FFF;
  width: 11.625em;
  height: 8.5em;
  position: relative;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-box-shadow: -2px 3px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: -2px 3px 4px 0 rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 8px;
          border-radius: 8px;
  z-index: 1;
}

.desktop .process-card:hover {
  cursor: pointer;
}

.process-card__header,
.process-card__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.process-card__column-left,
.process-card__column-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.process-card__column-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.process-card__icon {
  height: 50px;
}

.process-card__icon img {
  display: block;
  width: auto;
  height: 100%;
}

.process-card__title {
  font-size: 18px;
  line-height: 20px;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.process-card__status {
  height: 0;
  opacity: 0;
  color: #EE2429;
  font-size: 14px;
  line-height: 17px;
  margin-top: 0.125em;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  
  
}

.process-card__status-icon {
  width: 32px;
  height: 32px;
}

.process-card__status-icon img {
  width: 100%;
  height: auto;
}

/* Process Card SVG elements */
.process-card svg {
  -webkit-transition: fill 300ms ease-in-out;
  -o-transition: fill 300ms ease-in-out;
  transition: fill 300ms ease-in-out;
}

.process-card:not(.process-card--selected) .process-card__status-icon svg path {
  fill: #C8C8C8;
}

.process-card__status-icon svg {
  width: 100%;
  height: 100%;
}

/* Process Card Selected */
.process-card--selected {
  width: 14.5em;
  height: 10.375em;
  margin: 0;
  -webkit-box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.07);
  position: relative;
  z-index: 2;
}

.process-card--selected .process-card__title {
  font-size: 1.375em;
}

.process-card--selected .process-card__status:not(:empty) {
  height: 16px;
  opacity: 1;
}

/* Process Card Locked */
.process-card--locked {
  color: #C8C8C8;
  background-color: rgba(255, 255, 255, 0.2);
}

.process-card--locked .process-card__status {
  color: #C8C8C8;
}

.process-card--locked:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  border: 1px dashed #C8C8C8;
}

.process-card--locked svg path {
  fill: #C8C8C8;
}

.process-card--locked .notifications-count svg path {
  fill: #E8E8E8;
}

/* 9. Fidelidade Patterns > $ProcessCardsCarousel ********************/
.process-cards-carousel {
  width: 100%;
  max-width: 870px;
  margin: auto;
}

.process-cards-carousel__items {
  width: 100%;
  max-width: 870px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.process-cards-carousel .slick-slider {
  padding: 0 30px;
  margin-bottom: 90px;
}

.process-cards-carousel .slick-slide {
  margin: 0;
}

.process-cards-carousel .slick-slide img {
  width: 100%;
}

.process-cards-carousel .slick-arrow,
.process-cards-carousel .slick-arrow svg {
  width: 26px;
  height: 26px;
}

.desktop .process-cards-carousel button.slick-arrow:hover,
.desktop .process-cards-carousel .slick-arrow:hover {
  background-color: transparent;
  border-color: transparent;
}

.process-cards-carousel .slick-arrow svg {
  fill: #606060;
}

.process-cards-carousel .slick-arrow:hover svg {
  fill: #222;
}

.process-cards-carousel .slick-prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}

.process-cards-carousel .slick-next {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
      -ms-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}

.process-cards-carousel .slick-prev:before,
.process-cards-carousel .slick-next:before {
  display: none;
}

.process-cards-carousel .slick-slide {
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  width: 290px;
  height: 244px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.process-cards-carousel .slick-slide > div {
  width: 224px;
  height: 160px;
  -webkit-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  position: relative;
}

.process-cards-carousel .slick-active {
  opacity: 0.5;
}

.process-cards-carousel .slick-current {
  opacity: 1;
}

.process-cards-carousel .slick-current > div {
  width: 300px;
  height: 244px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.process-cards-carousel .slick-initialized .slick-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* SlickSlider > ProcessCard */
.process-cards-carousel .slick-slide .process-card {
  width: 224px;
  height: 160px;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.process-cards-carousel .slick-slide .process-card__icon svg {
  width: 64px;
  height: 64px;
}

.process-cards-carousel .slick-current .process-card {
  width: 300px !important;
  height: 214px;
  margin: 0;
  -webkit-box-shadow: -2px 3px 24px 0 rgba(0, 0, 0, 0.12);
          box-shadow: -2px 3px 24px 0 rgba(0, 0, 0, 0.12);
  position: relative;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
}

.process-cards-carousel .slick-current .process-card .process-card__title {
  font-size: 28px;
  font-weight: bold;
  line-height: 32px;
}

.process-cards-carousel .slick-current .process-card .process-card__status:not(:empty) {
  height: 16px;
  opacity: 1;
}

/* Slick Pagination */
.process-cards-carousel .slick-dots {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  left: 0;
  bottom: -55px;
}

.process-cards-carousel .slick-dots li {
  width: 36px;
  height: 36px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 0;
  margin-right: 0;
  margin-left: 20px;
  position: relative;
}

.process-cards-carousel .slick-dots li:first-child {
  margin-left: 0;
}

.process-cards-carousel .slick-dots li:before {
  content: "";
  display: inline-block;
  height: 2px;
  width: 33px;
  background: #2C363E;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: absolute;
  left: -27px;
}

.process-cards-carousel .slick-dots li:first-child:before {
  display: none;
}

.process-cards-carousel .slick-dots a {
  line-height: 0;
}

.process-cards-carousel .slick-dots svg {
  width: 24px;
  height: 24px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.process-cards-carousel .slick-dots svg circle {
  stroke-width: 2px;
  stroke: #2C363E;
  fill: rgba(238, 36, 41, 0);
  -webkit-transition: fill 200ms ease-in-out;
  -o-transition: fill 200ms ease-in-out;
  transition: fill 200ms ease-in-out;
}

.process-cards-carousel .slick-dots svg path {
  fill: #2C363E;
}

/* Slick Pagination > Icon Specific Styles */
.process-cards-carousel .slick-dots svg .svg-circle-dots-red__dot {
  fill: #2C363E;
  stroke-width: 0;
}

/* Slick Pagination > Active */
.process-cards-carousel .slick-dots .slick-active,
.process-cards-carousel .slick-dots .slick-active svg {
  opacity: 1;
}

.process-cards-carousel .slick-dots .slick-active svg {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}

.process-cards-carousel .slick-dots .slick-active svg circle {
  fill: #EE2429;
}

.process-cards-carousel .slick-dots .slick-active svg path {
  fill: #FFF;
}

/* Slick Pagination > Active > Icon Specific Styles */
.process-cards-carousel .slick-dots .slick-active svg .svg-circle-dots-red__dot {
  fill: #FFF;
  stroke-width: 0;
}

/* 9. Fidelidade Patterns > $InlineSVG ********************/
/* ---------- InlineSVG ---------- */
.inline-svg {
  display: inline-block;
  line-height: 0;
}

.inline-svg--current-color svg path {
  fill: currentColor;
}

.inline-svg svg {
  max-width: 100%;
  height: auto;
}

.inline-svg--fixed-size svg {
  width: 100%;
}

/* 9. Fidelidade Patterns > $ClaimsResume ********************/
.claims-resume {
  margin-bottom: 20px;
}

.claims-resume__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/* Date */
.claims-resume__date {
  text-align: center;
  margin-top: 0;
  margin-left: 4px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  width: 74px;
  font-weight: bold;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.claims-resume__date-wrapper {
  margin-top: 18px;
  margin-bottom: 4px;
  padding: 0;
  position: relative;
  z-index: 1;
  color: #9B9B9B;
}

.claims-resume__date-wrapper:before {
  content: "";
  display: block;
  background-color: #9B9B9B;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 8px;
  height: 8px;
  margin: auto;
  margin-bottom: 4px;
}

.claims-resume__date-day,
.claims-resume__date-hour {
  display: block;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
  color: #9B9B9B;
}

/* Main */
.claims-resume__main-wrapper {
  margin-left: 13px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.claims-resume__main {
  background: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

.claims-resume__status {
  margin: 0 15px;
  width: 32px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.claims-resume__status img {
  display: block;
  width: 32px;
  height: auto;
}

.claims-resume__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-left: 1px solid rgba(219, 219, 219, 0.4);
  padding: 0 20px;
}

.claims-resume__text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100px;
  padding-bottom: 44px;
}

.claims-resume__text {
  min-width: 220px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 16px;
  line-height: 19px;
}

/* IE min-height fix */
.ie .claims-resume__text-wrapper {
  min-height: 60px;
}

.ie .claims-resume__text-wrapper:after {
  content: "";
  min-height: inherit;
  font-size: 0;
}

/* IE text overflow fix */
.ie .claims-resume__text {
  -webkit-flex-basis: 0%;
      -ms-flex-preferred-size: 0%;
          flex-basis: 0%;
}

/* 9. Fidelidade Patterns > $ClaimsResumeItem ********************/
.resume-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 26px 20px;
  border-bottom: 1px solid #DBDBDB;
}

.resume-item > div:first-child {
  font-weight: bold;
  color: #9B9B9B;
  text-transform: uppercase;
  font-size: 12px;
  width: 25%;
}

.resume-item > div:last-child {
  color: #2C363E;
  font-size: 16px;
}

/* 9. Fidelidade Patterns > $DocUploaded ********************/
.doc-uploaded-wrapper {
  width: 180px;
}

.doc-uploaded__btn .Button {
  text-transform: uppercase;
  color: #333;
  border: 1px solid #333;
  width: 100%;
}

.doc-uploaded__btn {
  margin-top: 16px;
}

/* 9. Fidelidade Patterns > $MultiFileUpload *********************/
.multi-file-upload .file-upload {
  margin-bottom: 10px;
}

.multi-file-upload .file-upload--hidden {
  width: 0;
  height: 0;
  overflow: hidden;
  margin-bottom: 0;
}

.multi-file-upload__controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.multi-file-upload__helper-text {
  margin-left: 20px;
}

.multi-file-upload__label {
  font-size: 12px;
  color: #AAA;
  margin-bottom: 10px;
}

/*MultiFileUpload inside Contact Widget*/
.widget-contacts-email-structure-form .multi-file-upload__button.Button.Is_Default {
  background-color: transparent;
  color: #2C363E;
  border: 1px solid #2C363E;
  width: 100%;
  text-transform: uppercase;
}

.widget-contacts-email-structure-form .multi-file-upload__button.Button.Is_Default:hover {
  background-color: #2C363E;
  color: #FFF;
}

.widget-contacts-email-structure-form .multi-file-upload__button.Button[disabled] {
  background-color: #CCC;
  color: #999;
  border: none;
}

/* 9. Fidelidade Patterns > $FileUpload *********************/
.file-upload {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.file-upload__delete {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  opacity: 0.3;
  pointer-events: none;
  background: #FFF;
  border: 1px solid #C3C3C3;
  margin-left: 4px;
}

.file-upload--has-file .file-upload__delete {
  color: #EE2429;
  opacity: 1;
  cursor: pointer;
  pointer-events: all;
}

.file-upload__container {
  background: #FFF;
  border: 1px solid #C3C3C3;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 56px;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
}

.file-upload__input,
.file-upload__input input {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 10;
  
  
  
  
}

.file-upload__input {
  
}

.file-upload__label {
  color: #333;
  font-weight: bold;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 20px;
}

.file-upload__label--prompt {
  font-weight: normal;
  font-style: italic;
  color: #9B9B9B;
}

.file-upload__icon {
  color: #EE2429;
  font-size: 16px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.multi-file-upload .file-upload {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.file-upload__wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.file-upload__error-msg {
  text-align: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 100%;
  margin-top: 6px;
  font-size: 12px;
  color: #FF0012;
}

.file-upload .file-upload__error-msg {
  display: none;
}

.file-upload.file-upload--has-error .file-upload__error-msg {
  display: block;
}

.file-upload.file-upload--has-error .file-upload__container {
  border: 1px solid #EE2429;
}

/* 9. Fidelidade Patterns > $UploadedDocument *********************/
a.doc-uploaded {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #333;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  max-width: 200px;
}

a .doc-uploaded__icon {
  font-size: 22px;
}

.doc-uploaded__name {
  font-size: 14px;
  text-decoration: underline;
}

a.doc-uploaded-link:hover,
a.doc-uploaded:link,
a.doc-uploaded:visited {
  color: #333;
}

/* 9. Fidelidade Patterns > $FormField *********************/
.form-field {
  margin-top: 20px;
}

.form-field__label:not(:empty) {
  margin-bottom: 5px;
}

.form-field__input {
  min-height: 40px;
}

/* 9. Fidelidade Patterns > $ButtonIconDocUploaded *********************/
.Button.Icon.doc-uploaded:not(:last-child) {
  margin-bottom: 14px;
}

.Button.Icon.doc-uploaded:hover {
  background-color: #EBEBEB;
  border: 1px solid #979797;
  color: #676767;
}

.Button.Icon.doc-uploaded div {
  margin-left: 5px;
  line-height: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.Button.Icon.doc-uploaded .fa {
  font-size: 20px;
}

.Button.Icon.doc-uploaded {
  min-width: 220px;
  background-color: #FAFAFA;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 9. Fidelidade Patterns > $PieCharts *********************/
.pie-chart-total {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
}

.pie-chart-total-legend {
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  color: #646769;
  letter-spacing: 0;
  text-align: center;
}

/* Center title inside PieChart */
.OSChart[id*="PieChart"] .highcharts-title {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.OSChart[id*="PieChart"] .highcharts-tooltip {
  z-index: 10;
}

.OSChart[id*="PieChart"] .highcharts-tooltip > span {
  background: rgba(0, 0, 0, 0.8);
  border: none;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 8px 10px 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: left;
  -webkit-align-items: left;
      -ms-flex-align: left;
          align-items: left;
  min-width: 150px;
}

/* 9. Fidelidade Patterns > $ChartLegendItem *********************/
.chart-legend-item {
  margin: 4px 8px;
  margin-left: 0;
  display: inline-block;
}

.chart-legend-item__color {
  height: 8px;
  width: 8px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 6px;
  background-color: #EEE;
}

.chart-legend-item__text {
  font-size: 12px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 9. Fidelidade Patterns > $RewardsActivityCard *********************/
.rewards-act-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 600px;
}

.rewards-act-card__top-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 26px;
}

.rewards-act-card__title {
  font-size: 28px;
  font-weight: bold;
}

.rewards-act-card__top-actions {
  color: #5E686A;
  font-size: 24px;
}

.rewards-act-card__cont {
  background-color: #FFF;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

.rewards-act-card__featured-cont {
  border-bottom: 1px solid #DDD;
  padding: 24px;
}

.rewards-act-card__bottom-title {
  color: #636769;
  font-size: 18px;
  margin-bottom: 16px;
}

.rewards-act-card__bottom-cont {
  padding: 32px 24px;
}

/* 9. Fidelidade Patterns > $RewardsActivityItem *********************/
.rewards-item {
  padding: 0 16px 16px;
  border-bottom: 1px solid #E8EAEC;
  margin-bottom: 16px;
}

.rewards-item__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}

.rewards-item__top > div:nth-child(1) {
  font-size: 12px;
  color: #D4D6D8;
}

.rewards-item__top > div:nth-child(2) {
  color: #48E871;
  font-size: 12px;
}

.rewards-item--is-red .rewards-item__top > div:nth-child(2) {
  color: #F61D1E;
}

.rewards-item:last-child {
  border-bottom: 0;
}

/* 9. Fidelidade Patterns > $RewardsDetail *********************/
.rewards-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.rewards-detail__icon {
  font-size: 40px;
}

.rewards-detail__icon img {
  max-width: 40px;
}

.rewards-detail__desc-detail > div:first-child {
  font-size: 16px;
  color: #111517;
}

.rewards-detail__desc-detail > div:last-child {
  font-size: 14px;
}

.rewards-detail__descrip > div:nth-child(1) {
  font-size: 12px;
  color: #D3D6D8;
  font-weight: bold;
}

.rewards-detail__descrip {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

.rewards-detail__descrip > div:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* 9. Fidelidade Patterns > $RewardsStatisticsBlock *********************/
.rewards-statistics__title {
  font-size: 18px;
  margin-bottom: 16px;
  color: #62686A;
}

.rewards-statistics__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.rewards-statistics__chart,
.rewards-statistics__details {
  padding: 10px 20px;
}

.rewards-statistics__chart {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 260px;
      -ms-flex: 1 0 260px;
          flex: 1 0 260px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.rewards-statistics__details {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 9. Fidelidade Patterns > $SimpleCard *********************/
.simple-card {
  min-width: 256px;
  background-color: #FFF;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  padding: 24px;
}

.simple-card__content {
  color: #121517;
}

.simple-card__actions {
  margin-top: 20px;
}

.simple-card__actions .Button {
  width: 100%;
}

.act-dashboard-block__right .simple-card {
  margin-bottom: 20px;
}

/* 9. Fidelidade Patterns > $ActivityDashboardBlock *********************/
.act-dashboard-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.act-dashboard-block > div {
  padding: 22px;
}

.act-dashboard-block__right img {
  width: 256px;
}

/* 9. Fidelidade Patterns > $LayoutForIframeContent *********************/
.iframe-document--show-background {
  background: url("/FID_B2C_Resources/img/Bg_ap.jpg?242") no-repeat;
  background-color: #EEE;
  -webkit-background-size: cover;
          background-size: cover;
  overflow: auto;
}

.iframe-document .MainContent {
  margin: 0;
  padding: 0;
}

/*------------------------------------*\
    $10. Custom Classes
\*------------------------------------*/
/* 10.1 Custom Classes > Font Sizes ********************/
.size-12 {
  font-size: 12px;
}

.size-13 {
  font-size: 13px;
}

.size-14 {
  font-size: 14px;
}

.size-16 {
  font-size: 16px;
}

.size-18 {
  font-size: 18px;
}

.size-20 {
  font-size: 20px;
}

.size-22 {
  font-size: 22px;
}

/* 10.2 Custom Classes > Message Text ********************/
.message-text {
  color: #7E7E7E;
  font-size: 16px;
  line-height: 31px;
}

/* 10.3 Custom Classes > PopDocPageDiv ********************/
.PopDocPageDiv {
  min-height: 700px;
  min-width: 800px;
  padding: 0 70px 0 70px;
}

/* 10.4 Custom Classes > Action Link ********************/
a.action-link {
  font-size: 16px;
  line-height: 24px;
  color: #2C4150;
  text-decoration: underline;
}

/* 10.5 Custom Classes > Private Area ********************/
.private_area .private_condicoes {
  text-decoration: underline;
}

/* 10.6 Custom Classes > HeaderEntityCardSubtitleText ********************/
.HeaderEntityCardSubtitleText {
  color: #7E7E7E;
  width: 500px;
}

/* 10.7 Custom Classes > Spacing ********************/
/* Top */
.margin-top-small {
  margin-top: 10px;
}

.margin-top-medium {
  margin-top: 20px;
}

.margin-top-large {
  margin-top: 40px;
}

/* Bottom */
.margin-bottom-small {
  margin-bottom: 10px;
}

.margin-bottom-medium {
  margin-bottom: 20px;
}

.margin-bottom-large {
  margin-bottom: 40px;
}

/* Left */
.margin-left-small {
  margin-left: 10px;
}

.margin-left-medium {
  margin-left: 20px;
}

.margin-left-large {
  margin-left: 40px;
}

/* Right */
.margin-right-small {
  margin-right: 10px;
}

.margin-right-medium {
  margin-right: 20px;
}

.margin-right-large {
  margin-right: 40px;
}

/* 10.7 Custom Classes > Flex ********************/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/* Flex - Direction */
.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

/* Flex - Justify Content */
.flex-justify-content-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex-justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-justify-content-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.flex-justify-content-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* Flex - Align Items */
.flex-align-items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex-align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-align-items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex-align-items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/* Flex - Wrap Items*/
.flex-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

/*------------------------------------*\
    $11. Studio Preview
\*------------------------------------*/
/*------------------------------------*\
    $12. Print
\*------------------------------------*/
/*------------------------------------*\
    $13. RichWidgets
\*------------------------------------*/
/* Override para retirar o spining de loading */
.os-internal-ui-dialog.os-internal-ui-widget.os-internal-ui-widget-content.os-internal-ui-corner-all.os-internal-Popup.os-internal-ui-draggable .os-internal-ui-dialog-content.os-internal-ui-widget-content .Text_Note {
  display: none;
}
