@import url("/FID_B2C_ARC_Th_1_0_1/Theme.FID_B2C_Theme.css?62291");

/*
  Date: 2023-11-23 12:04:52
*/
/*! =========================================================================== */
/*!                                                                             */
/*  Abbreviation:        ARC MyFid                                              */
/*  Application:         Canais Diretos Theme                                   */
/*  Module:              CanaisDiretos_Th                                       */
/*!                                                                             */
/*! =========================================================================== */
/*

    FID B2C ARC MyFidelidade Theme
    (Canais Directos Theme)

    To override a style copy and paste it to
    the application theme and then modify it

    0. Imports
    1. General Properties
    2. Structure
       2.1 Structure > Header
       2.2 Structure > Menu
       2.3 Structure > Footer
       2.4 Structure > Content
       2.5 Structure > Sidebar
       2.6 Structure > Title
    3. Text Formating
    4. Forms
    5. Built-in widgets
    6. RichWidgets
       6.1 RichWidgets > Feedback Ajax Loading
       6.2 RichWidgets > Feedback Message
    7. Login
    8. Useful Classes
    9. Patterns
       9.1 Patterns > Content
       9.2 Patterns > Controls
       9.3 Patterns > Data
       9.4 Patterns > Development
       9.5 Patterns > Email
       9.6 Patterns > Layout
       9.7 Patterns > Mobile
       9.8 Patterns > Navigation
       9.9 Patterns > Responsive
       9.10 Patterns > Structure
       9.11 Patterns > Utilities
       9.12 Patterns > Custom
    10. Useful Classes > Custom
    11. Media Queries

*/
/*------------------------------------*\
    $0. Imports
\*------------------------------------*/
@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-Black.woff") format("woff"), url("/FID_B2C_Resources/fonts/Lato-Black.ttf") format("truetype");
}

/* All */
.margin-none {
  margin: 0;
}

.margin-small {
  margin: 10px;
}

.margin-medium {
  margin: 20px;
}

.margin-large {
  margin: 40px;
}

/* Vertical */
.margin-v-none {
  margin-top: 0;
  margin-bottom: 0;
}

.margin-v-small {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin-v-medium {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-v-large {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* Horizontal */
.margin-h-none {
  margin-left: 0;
  margin-right: 0;
}

.margin-h-small {
  margin-left: 10px;
  margin-right: 10px;
}

.margin-h-medium {
  margin-left: 20px;
  margin-right: 20px;
}

.margin-h-large {
  margin-left: 40px;
  margin-right: 40px;
}

/* Top */
.margin-top-none {
  margin-top: 0;
}

.margin-top-small {
  margin-top: 10px;
}

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

.margin-top-large {
  margin-top: 40px;
}

/* Bottom */
.margin-bottom-none {
  margin-bottom: 0;
}

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

.margin-bottom-medium {
  margin-bottom: 20px;
}

.margin-bottom-large {
  margin-bottom: 40px;
}

/* Left */
.margin-left-none {
  margin-left: 0;
}

.margin-left-small {
  margin-left: 10px;
}

.margin-left-medium {
  margin-left: 20px;
}

.margin-left-large {
  margin-left: 40px;
}

/* Right */
.margin-right-none {
  margin-right: 0;
}

.margin-right-small {
  margin-right: 10px;
}

.margin-right-medium {
  margin-right: 20px;
}

.margin-right-large {
  margin-right: 40px;
}

/*------------------------------------*\
    $1. General Properties
\*------------------------------------*/
/*------------------------------------*\
    $2.1 Structure > Layouts
\*------------------------------------*/
/* Base Layout - hidden menu */
.Menu.hide-menu ~ .Content.ThemeGrid_Wrapper {
  padding-left: 0;
}

.Menu.hide-menu ~ .Content.ThemeGrid_Wrapper .MainContent {
  margin-left: 0;
}

/* Base Layout - Tablet */
.tablet.portrait .Header {
  height: auto;
}

.tablet.portrait.Page .ThemeGrid_Container {
  height: auto;
}

.tablet.portrait.Page .ThemeGrid_Container .MainContent {
  height: auto;
}

.phone.fid-layout-arc-phone .Content.ThemeGrid_Wrapper,
.tablet.fid-layout-arc-phone .Content.ThemeGrid_Wrapper {
  position: fixed;
  height: 100%;
  overflow: auto;
  padding: 0 24px;
}

.phone.fid-layout-arc-phone .ThemeGrid_Container,
.tablet.fid-layout-arc-phone .ThemeGrid_Container {
  height: unset;
  overflow: unset;
}

.phone.fid-layout-arc-phone .header-breadcrumbs,
.phone.fid-layout-arc-phone .header-breadcrumbs a,
.phone.fid-layout-arc-phone .Header,
.phone.fid-layout-arc-phone .MainContent,
.tablet.fid-layout-arc-phone .header-breadcrumbs,
.tablet.fid-layout-arc-phone .header-breadcrumbs a,
.tablet.fid-layout-arc-phone .Header,
.tablet.fid-layout-arc-phone .MainContent {
  margin-left: 0;
}

.phone.fid-layout-arc-phone .header-breadcrumbs .fa-fw,
.tablet.fid-layout-arc-phone .header-breadcrumbs .fa-fw {
  width: auto;
  margin-right: 8px;
}

.phone.fid-layout-arc-phone .Header,
.tablet.fid-layout-arc-phone .Header {
  display: block;
  height: auto;
  width: 100%;
}

.phone.fid-layout-arc-phone .icon-title-description-content,
.tablet.fid-layout-arc-phone .icon-title-description-content {
  display: block;
  padding: 0;
  margin-top: 24px;
}

.phone.fid-layout-arc-phone .icon-title-description,
.tablet.fid-layout-arc-phone .icon-title-description {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}

.phone.fid-layout-arc-phone .Header_title .icon-title-description-content-description,
.tablet.fid-layout-arc-phone .Header_title .icon-title-description-content-description {
  font-size: 18px;
  line-height: 22px;
}

.phone.fid-layout-arc-phone .Header .icon-title-description-content-title,
.tablet.fid-layout-arc-phone .Header .icon-title-description-content-title {
  font-size: 32px;
  max-width: 100%;
  overflow: unset;
  white-space: normal;
  text-transform: uppercase;
  line-height: 36px;
}

.phone.fid-layout-arc-phone .Section_header,
.tablet.fid-layout-arc-phone .Section_header {
  margin-bottom: 0;
}

.phone.fid-layout-arc-phone .custom-btn-group,
.phone.fid-layout-arc-phone .custom-btn-group > span,
.phone.fid-layout-arc-phone .custom-btn-group .ListRecords,
.tablet.fid-layout-arc-phone .custom-btn-group,
.tablet.fid-layout-arc-phone .custom-btn-group > span,
.tablet.fid-layout-arc-phone .custom-btn-group .ListRecords {
  display: block;
}

.phone.fid-layout-arc-phone .custom-btn-group-item,
.tablet.fid-layout-arc-phone .custom-btn-group-item {
  width: 100%;
  margin: 0;
}

.phone.fid-layout-arc-phone .selection-card-item,
.tablet.fid-layout-arc-phone .selection-card-item {
  width: 100%;
  margin: 0;
}

.phone .MainPopup .layout-popup__main-content .widget-contacts-email-structure-actions .Button {
  width: 100%;
}

/*------------------------------------*\
    $2.1 Structure > Header
\*------------------------------------*/
.Header .icon-title-description-content-title {
  max-width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*------------------------------------*\
    $2.2 Structure > Menu
\*------------------------------------*/
/*------------------------------------*\
    $2.3 Structure > Footer
\*------------------------------------*/
/*------------------------------------*\
    $2.4 Structure > Content
\*------------------------------------*/
.Page .ThemeGrid_Container {
  height: 100%;
  overflow: auto;
}

.Page .ThemeGrid_Container .MainContent {
  height: 100%;
}

.Header .icon-title-description-icon .fa {
  font-size: 60px;
}

.RadioGroupChooserItemLabel .icon-title-description-icon .fa {
  font-size: 44px;
}

/* Changing Tooltipster defaults */
.tooltip_style {
  padding: 30px 23px;
  background-color: #2C363E;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}

.tooltip_style .tooltipster-content {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  padding: 0;
}

/* Component to extendend default tooltip */
.tooltip-extendend-content {
  padding: 0 20px;
  max-width: 350px;
}

.tooltip-extendend-content__body {
  margin-bottom: 10px;
}

.tooltip-extendend-content__header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 10px;
}

.tooltip-extendend-content__header > div:empty {
  display: none;
}

.tooltip-extendend-content__header-icon {
  margin-right: 20px;
}

.tooltip-extendend-content__header-icon .fa {
  font-size: 43px;
  color: #EE2429;
}

.tooltip-extendend-content__header-title {
  color: #FBFBFB;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
}

.tooltip-extendend-content__footer img {
  height: 100px;
  margin: 0 10px 10px 0;
}

.tooltip-extendend-content__footer-title {
  margin-bottom: 10px;
  font-weight: normal;
  color: #FBFBFB;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

/* CaimsDetails */
.claims-details--has-hidden-plate-text .claims-details__plate {
  max-width: 180px;
  max-height: 40px;
  overflow: hidden;
}

/*------------------------------------*\
    $2.5 Structure > Sidebar
\*------------------------------------*/
/*fixing menu height*/
.menu-structure-content {
  height: calc(100% - 347px);
}

/*------------------------------------*\
    $2.6 Structure > Title
\*------------------------------------*/
/*------------------------------------*\
    $4. Forms
\*------------------------------------*/
/*------------------------------------*\
    $5. Built-in widgets
\*------------------------------------*/
/* Textarea */
textarea::-webkit-input-placeholder {
  color: #C8C8C8;
}
textarea::placeholder {
  color: #C8C8C8;
}

/*------------------------------------*\
    $6. RichWidgets
\*------------------------------------*/
/*------------------------------------*\
    $6.1 RichWidgets > Feedback Ajax Loading
\*------------------------------------*/
/*------------------------------------*\
    $6.2 RichWidgets > Feedback Message
\*------------------------------------*/
/*------------------------------------*\
    $9.1 Patterns > Content
\*------------------------------------*/
/* AccordionContentItem */
.accordion-content-item {
  background-color: #FFF;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 22px 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  margin-bottom: 10px;
  -webkit-align-items: center;
          align-items: center;
}

/* AccordionContentItem > No Margin */
.accordion-content-item--has-no-margin {
  margin-bottom: 0;
}

/* AccordionContentItem > Icon */
.accordion-content-item__icon {
  margin-right: 22px;
}

/* AccordionContentItem > Image */
.accordion-content-item__icon img {
  width: 70px;
}

/* AccordionContentItem > Description */
.accordion-content-item__description,
.accordion-content-item__actions {
  -webkit-flex-grow: 1;
          flex-grow: 1;
}

/* AccordionContentItem > Heaidng2 */
.accordion-content-item__description .Heading2 {
  margin-top: 0;
}

/* BlackButtonGroup */
.black-button-group,
.Page.ie .black-button-group {
  height: auto;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
          align-items: stretch;
}

/* BlackButtonGroup > Content */
.black-button-group__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
  position: relative;
  -webkit-flex: 1;
          flex: 1;
  -ms-overflow-style: none;
  
}

.black-button-group__content > span {
  display: -webkit-flex;
  display: flex;
}

.black-button-group__content::-webkit-scrollbar,
.black-button-group__content > span::-webkit-scrollbar {
  height: 0;
}

.black-button-group__content a {
  border-top: 4px solid transparent;
}

/* BlackButtonGroup > Navigation */
.black-button-group__nav-left,
.black-button-group__nav-right {
  width: 40px;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}

.black-button-group--nav-left-disabled .black-button-group__nav-left,
.black-button-group--nav-right-disabled .black-button-group__nav-right {
  color: #7F8C8D;
  pointer-events: none;
}

.black-button-group--nav-disabled .black-button-group__nav-left,
.black-button-group--nav-disabled .black-button-group__nav-right {
  display: none;
}

/* BlackButtonGroup > Responsive */
.tablet .black-button-group {
  overflow-x: auto;
}

/* InputField */
.input-field-wrapper input[type="radio"],
.input-field-wrapper input[type="checkbox"] {
  
}

.input-field-wrapper textarea {
  border: 1px solid #E8E8E8;
  color: #333;
  background-color: #FBFBFB;
  -webkit-border-radius: 0;
          border-radius: 0;
}

.claims-input-field .multi-file-upload__controls input.Button {
  background: #FBFBFB;
  padding: 6px 20px;
  border: 1px solid #E8E8E8;
  color: #333;
}

.claims-input-field .multi-file-upload__controls input.Button:hover {
  background-color: #2C363E;
  color: #FFF;
}

/* Modal */
.ModalContainer {
  top: 100%;
}

body.ModalOpened .ModalContainer {
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
          transform: translateX(-50%) translateY(-50%) translateZ(0);
}

/* FormSection */
.form-section.has-text-area textarea {
  height: 170px;
  padding: 20px;
}

.form-section.has-text-area .Text_small.Note {
  text-align: right;
  margin-bottom: 8px;
  font-size: 12px !important;
}

/* HeaderIconTitleDescription */
/* Change default header title ellipsis */
.Header .icon-title-description.has--full-title .icon-title-description-content-title {
  overflow: initial;
  text-overflow: initial;
}

/* SelectionCard */
.selection-card,
.selection-card > span,
.selection-card .ListRecords {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* SelectionCardItem */
.selection-card-item {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  width: 300px;
  height: 80px;
  padding: 18px;
  padding-left: 6px;
  margin: 5px;
  background-color: #FFF;
  overflow: hidden;
  border: 1px solid #D7D7D7;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

/* SelectionCardItem > Icon */
.selection-card-item__icon {
  font-size: 44px;
  line-height: 0;
}

/* SelectionCardItem > Description */
.selection-card-item__description {
  overflow: hidden;
  margin-left: 10px;
}

/* SelectionCardItem > Title */
.selection-card-item__title {
  font-size: 18px;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

.selection-card-item__subtitle {
  margin-top: 4px;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* SelectionCardItem > States */
.selection-card-item--is-selected {
  background-color: #2C363E;
  border-color: #2C363E;
  color: #FFF;
}

/*------------------------------------*\
    $9.2 Patterns > Controls
\*------------------------------------*/
/* Button */
.Button.Big {
  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: 60px;
  border: none;
  text-align: center;
  text-transform: uppercase;
}

.Button.btn-with-icon {
  position: relative;
  padding: 10px 38px 10px 30px;
  text-align: left;
}

.Button.btn-with-icon[disabled] {
  background: #DCDCDC;
  color: #ABABAB;
}

.btn-with-icon .fa {
  position: absolute;
  top: 30px;
  right: 6px;
}

/* CustomButtonGroup */
.custom-btn-group,
.custom-btn-group > span,
.custom-btn-group .ListRecords {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* CustomButtonGroupItem */
.custom-btn-group-item {
  position: relative;
  height: 80px;
  background-color: #FFF;
  border: 1px solid #D7D7D7;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  width: 300px;
  padding: 18px;
  padding-left: 6px;
  margin: 5px;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  cursor: pointer;
}

/* CustomButtonGroupItem > Content */
.custom-btn-group-item__content {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  overflow: hidden;
}

/* CustomButtonGroupItem > Input */
.custom-btn-group-item__input {
  display: none;
}

/* CustomButtonGroupItem > Icon */
.custom-btn-group-item__icon {
  font-size: 44px;
  line-height: 0;
}

/* CustomButtonGroupItem > Description */
.custom-btn-group-item__description {
  overflow: hidden;
  margin-left: 10px;
}

/* CustomButtonGroupItem > Title */
.custom-btn-group-item__title {
  font-size: 18px;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

.custom-btn-group-item__subtitle {
  margin-top: 4px;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #7E7E7E;
}

/* CustomButtonGroupItem > States */
.custom-btn-group-item:hover,
.custom-btn-group-item--is-selected {
  background-color: #2C363E;
  border-color: #2C363E;
  color: #FFF;
}

.custom-btn-group-item:hover .custom-btn-group-item__subtitle,
.custom-btn-group-item--is-selected .custom-btn-group-item__subtitle {
  color: #FFF;
}

.custom-btn-group-item--is-disabled {
  color: #979797;
  pointer-events: none;
}

.custom-btn-group-item--is-selected.custom-btn-group-item--is-disabled {
  background-color: #979797;
  border-color: #979797;
  color: #FFF;
  pointer-events: none;
}

/* SimpleButtonGroup */
.custom-btn-group,
.custom-btn-group > span,
.custom-btn-group .ListRecords {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* SimpleButtonGroupItem */
.simple-btn-group-item {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  position: relative;
  margin: 5px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #FBFBFB;
  border: 1px solid #D7D7D7;
  -webkit-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);
}

/* SimpleButtonGroupItem > Content */
.simple-btn-group-item__content {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  width: 340px;
  height: 66px;
  padding: 8px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  
}

/* SimpleButtonGroupItem > Input */
.simple-btn-group-item__input {
  display: none;
}

/* SimpleButtonGroupItem > Title */
.simple-btn-group-item__title {
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
}

/* SimpleButtonGroupItem > Tooltip */
.simple-btn-group-item--has-tooltip .simple-btn-group-item__content {
  position: relative;
  padding-right: 38px;
}

.simple-btn-group-item__tooltip {
  position: absolute;
  right: 18px;
  top: 22px;
  color: inherit;
  
  
  
}

.simple-btn-group-item__tooltip .fa {
  font-size: 22px;
}

/* SimpleButtonGroupItem > States */
.simple-btn-group-item:hover,
.simple-btn-group-item--is-selected {
  background-color: #2C363E;
  border-color: #2C363E;
  color: #FFF;
}

.simple-btn-group-item--is-disabled .simple-btn-group-item__content {
  pointer-events: none;
}

.simple-btn-group-item--is-disabled,
.simple-btn-group-item--is-disabled:hover {
  background-color: #FBFBFB;
  border-color: #D7D7D7;
  color: #979797;
}

.simple-btn-group-item--is-selected.simple-btn-group-item--is-disabled,
.simple-btn-group-item--is-selected.simple-btn-group-item--is-disabled:hover {
  background-color: #979797;
  border-color: #979797;
  color: #FFF;
}

/* MultiSelectItem */
.multi-select-item {
  margin-right: 20px;
  height: 40px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #979797;
  text-transform: uppercase;
  font-weight: 600;
}

.multi-select-item__input {
  height: 100%;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  cursor: pointer;
  padding: 0 10px;
}

.multi-select-item__input input[type=checkbox] {
  display: none;
}

.multi-select-item--is-selected {
  background-color: #2C363E;
  color: #FFF;
  border-color: #2C363E;
}

.multi-select-item:hover {
  background-color: #2C363E;
  color: #FFF;
  border-color: #2C363E;
}

.multi-select-item--is-disabled {
  border-color: #979797;
  color: #979797;
  pointer-events: none;
}

.multi-select-item--is-selected.multi-select-item--is-disabled {
  background-color: #979797;
  border-color: #979797;
  color: #FFF;
}

/* widgetcontactEmailStructure > MultiSelectItem */
.widget-contacts-phone-structure-form .multi-select-item {
  color: #292929;
}

/* Custom Modal */
.custom-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  z-index: 100;
  
  
  
  
}

/* CustomModal > Overlay */
.custom-modal__overlay {
  background-color: rgba(40, 51, 58, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  opacity: 0;
  -webkit-animation: modalFadeIn 200ms ease-out;
          animation: modalFadeIn 200ms ease-out;
  
}

/* CustomModal > Body */
.custom-modal__body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  max-width: 50vw;
  max-height: 90vh;
  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: translateY(0);
          transform: translateY(0);
  opacity: 0;
  position: relative;
  top: 0;
  left: 0;
  z-index: 101;
  -webkit-animation: modalFadeInTop 300ms ease-out;
          animation: modalFadeInTop 300ms ease-out;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  
  
  
  
  
  
  
  
  
}

.ie .custom-modal__body {
  display: block;
}

/* CustomModal > Absolute */
.custom-modal--absolute .custom-modal__body {
  position: absolute;
  top: 50px;
  max-height: none;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-animation-name: modalFadeInTopAbsolute;
          animation-name: modalFadeInTopAbsolute;
}

/* CustomModal > Content */
.custom-modal__content {
  overflow: auto;
  height: 100%;
}

.ie .custom-modal__content {
  max-height: 100%;
}

/* CustomModal > Close Button */
.custom-modal__close {
  position: absolute;
  width: 22px;
  height: 22px;
  right: 16px;
  top: 16px;
  cursor: pointer;
}

.custom-modal__close:after,
.custom-modal__close:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  background-color: #2C363E;
}

.custom-modal__close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.custom-modal__close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* CustomModal > Show */
.custom-modal--show {
  display: -webkit-flex;
  display: flex;
}

.custom-modal--show .custom-modal__overlay {
  opacity: 1;
}

body.show-modal {
  overflow-x: hidden;
}

/* CustomModal > Responsive */
.desktop .custom-modal__body,
.tablet .custom-modal__body {
  min-width: 600px;
}

/* iPhone 12 Pro Max */
@media screen and (max-width: 428px) {
  .tablet.portrait .custom-modal__body {
    min-width: auto;
  }
}

.desktop.small .custom-modal__body {
  max-width: 60%;
}

.tablet .custom-modal__body {
  max-width: 90%;
}

.phone .custom-modal__body {
  max-width: 90%;
  padding: 24px;
}

.phone .custom-modal__close {
  width: 12px;
  height: 12px;
  right: 10px;
  top: 10px;
}

.phone .custom-modal__close:after,
.phone .custom-modal__close:before {
  width: 1px;
}

/* CustomModal > Animations */
@-webkit-keyframes modalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes modalFadeInTop {
  from {
    -webkit-transform: translateY(-12%);
            transform: translateY(-12%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes modalFadeInTop {
  from {
    -webkit-transform: translateY(-12%);
            transform: translateY(-12%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes modalFadeInTopAbsolute {
  from {
    -webkit-transform: translate(-50%, -10%);
            transform: translate(-50%, -10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    opacity: 1;
  }
}

@keyframes modalFadeInTopAbsolute {
  from {
    -webkit-transform: translate(-50%, -10%);
            transform: translate(-50%, -10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    opacity: 1;
  }
}

/* Layout Popup */
.Page .MainPopup {
  padding: 20px;
  min-width: 350px;
  min-height: 275px;
}

.Page.tablet .MainPopup, .Page.phone .MainPopup {
  min-width: auto;
}

.Page.tablet .MainPopup .content_button_modal, .Page.phone .MainPopup .content_button_modal {
  width: auto;
}

/*------------------------------------*\
    $9.3 Patterns > Data
\*------------------------------------*/
/*------------------------------------*\
    $9.6 Patterns > Layout
\*------------------------------------*/
/*------------------------------------*\
    $9.8 Patterns > Navigation
\*------------------------------------*/
/*------------------------------------*\
    $9.12 Patterns > Custom
\*------------------------------------*/
.fid-scroll-carousel {
  margin: 0 -24px;
}

.fid-scroll-carousel.no-list .fid-scroll-carousel__list {
  display: grid;
  grid-gap: calc(24px / 2);
  grid-template-columns: 10px;
  grid-template-rows: minmax(auto, 1fr);
  grid-auto-flow: column;
  grid-auto-columns: calc(356px - 24px * 2);
  overflow-x: scroll;
  -webkit-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}

.fid-scroll-carousel.no-list .fid-scroll-carousel__list:before, .fid-scroll-carousel.no-list .fid-scroll-carousel__list:after {
  content: '';
  width: 10px;
}

.fid-scroll-carousel.no-list .fid-scroll-carousel__list > div {
  position: relative;
  scroll-snap-align: center;
  width: 300px;
}

.fid-scroll-carousel.with-list .fid-scroll-carousel__list .ListRecords {
  display: grid;
  grid-gap: calc(24px / 2);
  grid-template-columns: 10px;
  grid-template-rows: minmax(auto, 1fr);
  grid-auto-flow: column;
  grid-auto-columns: calc(356px - 24px * 2);
  overflow-x: scroll;
  -webkit-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}

.fid-scroll-carousel.with-list .fid-scroll-carousel__list .ListRecords:before, .fid-scroll-carousel.with-list .fid-scroll-carousel__list .ListRecords:after {
  content: '';
  width: 10px;
}

.fid-scroll-carousel.with-list .fid-scroll-carousel__list .ListRecords > div {
  position: relative;
  scroll-snap-align: center;
  width: 300px;
}

/* FileUpload */
.file-upload > input[type="text"],
.file-upload > input[type="submit"] {
  display: none;
}

/* NotificationMessage */
/* NotificationMessage > Actions */
.notification-message__content {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex: 1;
          flex: 1;
  border-left: 1px solid rgba(219, 219, 219, 0.4);
  padding: 25px 15px;
}

.notification-message__text-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
          flex: 1;
  -webkit-align-items: unset;
          align-items: unset;
  min-height: auto;
  padding: 0 10px 0 0;
}

.notification-message__actions {
  width: auto;
  margin-top: 0;
  padding: 0 16px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
}

.notification-message__actions .Button {
  margin: 0;
  min-width: 180px;
}

/* NotificationMessage > Hide Message Type Icon */
.notification-message--hide-type .notification-message__status {
  display: none;
}

.notification-message--hide-type .notification-message__content {
  border-left: none;
}

.notification-message--hide-type .notification-message__text {
  padding-left: 16px;
}

/* NotificationMessage > Vertical Alignment */
.notification-message--align-top .notification-message__actions {
  -webkit-align-self: flex-start;
          align-self: flex-start;
}

.notification-message--align-center .notification-message__actions {
  -webkit-align-self: center;
          align-self: center;
}

.notification-message--align-bottom .notification-message__actions {
  -webkit-align-self: flex-end;
          align-self: flex-end;
}

/* NotificationMessage - Old */
.notification-message--old .notification-message__date-wrapper,
.notification-message--old .notification-message__main-wrapper {
  opacity: 1;
}

/**field wrapper**/
.input-field-wrapper select {
  width: auto;
}

.Footer {
  height: auto;
}

/* $4.3.5 - Patterns - Interaction - DatePicker */
.inov-calendar.pika-single-custom {
  background: #F6F6F6;
  border: none;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  display: block;
  margin-top: 4px;
  max-width: 300px;
  position: relative;
}

.inov-calendar.pika-single-custom.is-bound {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: absolute !important;
  z-index: 151;
}

input.OSFillParent.calendar-input {
  display: none;
}

.inov-calendar.pika-single-custom.is-hidden {
  display: none;
}

.inov-calendar .pika-title {
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 16px 16px 6px;
  border: none;
}

.inov-calendar .pika-labels {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
          flex: 1;
}

.inov-calendar .year-first .pika-select-month {
  margin-left: 16px;
  margin-right: 0;
}

.inov-calendar .pika-select-month {
  margin-right: 16px;
}

.inov-calendar .pika-prev,
.inov-calendar .pika-next {
  background-color: transparent;
  border: 0;
  color: #868E96;
  cursor: pointer;
  font: normal normal normal 0 FontAwesome, sans-serif;
  padding: 0 8px;
  position: static;
  margin-bottom: 5px;
  height: 30px;
}

.inov-calendar .pika-next {
  margin-left: 16px;
  position: static;
}

.inov-calendar .pika-prev,
.inov-calendar .is-rtl .pika-next {
  position: static;
}

.inov-calendar .pika-prev:before {
  content: "\f104";
  font-size: 20px;
  position: relative;
}

.inov-calendar .pika-next:before {
  content: "\f105";
  font-size: 20px;
  position: relative;
}

.inov-calendar .pika-next:hover,
.inov-calendar .pika-prev:hover {
  color: #EE2429;
  background-color: transparent;
}

.inov-calendar .pika-label {
  color: #333;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  padding-top: 5px;
  line-height: unset;
  overflow: unset;
}

.inov-calendar .pika-label:first-child {
  margin-right: 16px;
}

.inov-calendar .pika-title select {
  cursor: pointer;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
}

.inov-calendar .pika-label:hover {
  color: #EE2429;
  text-decoration: none;
}

.inov-calendar .pika-table {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding: 0 16px 16px;
  width: 100%;
  margin-top: 10px;
}

.inov-calendar .pika-table thead {
  /*display: flex;
  flex-direction: row;*/
}

.inov-calendar .pika-table thead tr {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
          flex: 1;
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
}

.inov-calendar .pika-table th {
  color: #EE2429;
  -webkit-flex: 1;
          flex: 1;
  font-weight: 600;
  opacity: 1;
  border: none;
}

.inov-calendar .pika-table th abbr[title] {
  text-decoration: none;
}

.inov-calendar .pika-table tbody {
  margin-top: 8px;
  overflow: hidden;
}

.inov-calendar .pika-table tbody tr {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  margin-bottom: 4px;
}

.phone .inov-calendar .pika-lendar tr {
  border-bottom: 0;
}

.phone .inov-calendar .pika-time td {
  display: initial;
}

.inov-calendar .pika-table tbody tr:last-child {
  margin-bottom: 0;
}

.inov-calendar .pika-table tbody td {
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex: 1;
          flex: 1;
  -webkit-justify-content: center;
          justify-content: center;
}

.inov-calendar .pika-button {
  background-color: transparent;
  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  color: #15181A;
  cursor: pointer;
  height: 32px;
  padding: 0;
  position: relative;
  width: 32px;
  z-index: 10;
}

.inov-calendar .pika-button:hover {
  background-color: #E9ECEF;
  color: #333;
}

.inov-calendar .is-today .pika-button {
  background-color: #EE24291C;
}

.inov-calendar .is-inrange .pika-button {
  background: #EE2429 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9)));
  background: #EE2429 -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
  background: #EE2429 linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
}

.inov-calendar .is-startrange .pika-button,
.inov-calendar .is-selected .pika-button,
.inov-calendar .is-endrange .pika-button {
  background: #EE2429;
  color: #FFF;
}

.inov-calendar .is-inrange {
  position: relative;
}

.inov-calendar .is-inrange:before {
  background: #EE2429 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9)));
  background: #EE2429 -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
  background: #EE2429 linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
  -webkit-border-radius: 4px;
          border-radius: 4px;
  content: '';
  height: 100%;
  left: -8px;
  position: absolute;
  right: -14px;
  top: 0;
}

.inov-calendar .is-inrange:first-child:before {
  left: 3px;
}

.is-inrange:last-child:before {
  right: 3px;
}

.inov-calendar .is-disabled .pika-button,
.inov-calendar .is-disabled.is-outside-current-month .pika-button {
  color: #C3C3C3;
  pointer-events: none;
  text-decoration: none;
}

.inov-calendar .is-outside-current-month .pika-button {
  color: #868E96;
  text-decoration: none;
}

.inov-calendar .has-event .pika-button:before {
  background-color: #EE2429;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  bottom: 3px;
  content: '';
  height: 4px;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  width: 4px;
}

.inov-calendar .is-selected.has-event .pika-button:before {
  background-color: #FFF;
}

.inov-calendar .pika-today-container {
  height: auto;
  padding: 0 0 16px;
  width: 100%;
}

.inov-calendar .pika-today-container:hover {
  background-color: transparent;
}

.inov-calendar .pika-go-today {
  background-color: transparent;
  border: 0;
  color: #EE2429;
  cursor: pointer;
  font-weight: normal;
  padding: 0;
}

.inov-calendar .pika-go-today:hover {
  color: #295FD6;
}

.inov-calendar .month-picker,
.inov-calendar .year-picker {
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
}

.inov-calendar .pika-month,
.inov-calendar .pika-year {
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: 16px;
  width: 33.333%;
}

.inov-calendar .pika-month.is-selected,
.inov-calendar .pika-year.is-selected {
  background-color: #EE2429;
  color: #FFF;
}

.inov-calendar .prev-year,
.next-year {
  color: #868E96;
}

.inov-calendar .pika-time-container {
  margin: 0 16px;
}

.inov-calendar .pika-time-container select {
  background-color: transparent;
  border: 0;
  color: #EE2429;
}

.inov-calendar .pika-time-container option {
  color: #15181A;
}

.inov-calendar .pika-title .pika-time-container select {
  opacity: 1;
  position: static;
}

/*fixing silk styles*/
.pika-prev:after {
  display: none;
}

.pika-next:after {
  display: none;
}

.inov-calendar .pika-single:not(.is-bound) .pika-next {
  right: unset !important;
  position: static;
}

.inov-calendar .pika-single:not(.is-bound) .pika-prev {
  position: static;
  left: unset;
}

.pika-single:not(.is-bound) .pika-next {
  right: unset;
  position: static;
  width: unset;
}

.inov-calendar button:hover,
.inov-calendar .Button:hover,
.inov-calendar a.Button:hover {
  background-color: transparent;
}

.inov-calendar .is-disabled .pika-button {
  background-color: transparent;
  opacity: 1 !important;
}

.inov-calendar .is-disabled.is-outside-current-month .pika-button {
  opacity: 1 !important;
}

.inov-calendar .pika-select {
  pointer-events: auto;
}

.has-event:not(.is-selected) .pika-button:after {
  background-color: #EE2429;
}

/*IE Fixing table size*/
.ie.inov-calendar .pika-labels {
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
}

.ie.inov-calendar .pika-table th {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: center;
          justify-content: center;
}

.ie.inov-calendar .pika-table tbody td {
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
}

.ie.inov-calendar.pika-single-custom,
.ie.inov-calendar.pika-lendar {
  max-width: 256px;
}

.ie.inov-calendar .pika-table thead tr {
  width: 100%;
  text-align: center;
}

.ie.inov-calendar .pika-table tbody {
  display: table;
  width: 100%;
  text-align: center;
}

.ie.inov-calendar .pika-table {
  display: table;
}

/* CharCounter */
.form-section textarea {
  background-color: #FBFBFB;
  border: 1px solid #E8E8E8;
}

.form-section .input-field-wrapper__input--is-danger .Text_small.Note {
  color: #EE2429;
}

.form-section .input-field-wrapper__input--is-danger textarea {
  border: 1px solid #EE2429;
}

.form-section .input-field-wrapper__input--is-danger textarea:focus {
  border: 1px solid #EE2429;
}

/*------------------------------------*\
    $10. Useful Classes > Custom
\*------------------------------------*/
/* InsuranceExternalCardWhite */
.insurance-card.card-large.insurance-card--disabled {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.insurance-card.card-large.insurance-card--disabled:hover,
.insurance-card.card-large.insurance-card--no-clickable:hover {
  cursor: default;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*----------
$TimelineItem
------------*/
.timeline-item-current .attachment-btn,
.timeline-item-past .attachment-btn {
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 0;
}

.timeline-item-current .btn,
.timeline-item-next .btn,
.timeline-item-past .btn {
  margin-left: 0;
  width: 90%;
  font-size: 14px;
  min-height: unset;
  margin-top: 8px;
}

.timeline-item .upload-file span {
  font-style: normal;
  font-size: 14px;
  font-weight: 200;
  color: #2C363E;
}

.timeline-item-next {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFF;
  border: 1px dashed #979797;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  padding: 16px 12px;
  margin: 16px 16px 0 16px;
}

.timeline-item-next__left {
  /*min-width: 22px;
  height: 22px;
  border: 1.2px solid #FFF;
  border-radius: 50%;
  vertical-align: top;
  text-align: center;*/
  position: relative;
}

.timeline-item-next__left:after {
  content: "";
  border: 1px solid #D8D8D8;
  opacity: 0.7;
  height: 150px;
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 0;
}

.timeline-item-next__left span {
  position: absolute;
  font-weight: 800;
  top: 50%;
  left: 52%;
  -webkit-transform: translate(-50%, -67%);
          transform: translate(-50%, -67%);
  letter-spacing: 0.6px;
}

.timeline-item-next__content {
  padding: 0 0 0 16px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
}

.timeline-item-next__content--title {
  font-weight: 700;
  line-height: 20px;
}

.timeline-item-next__content--description {
  font-size: 12px;
  line-height: 17px;
  font-weight: 200;
}

.timeline-item-next__content--action {
  -webkit-flex: 1;
          flex: 1;
  margin-top: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
          align-items: flex-end;
}

.timeline-item-next__content--action a {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.timeline-item-current,
.timeline-item-past {
  display: -webkit-flex;
  display: flex;
  background-color: #FFF;
  border-left: 5px solid #FFF;
  -webkit-box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.07);
          box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.07);
  padding: 24px;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.timeline-item-current .btn.btn-secondary,
.timeline-item-past .btn.btn-secondary {
  color: #2C363E;
  border-color: #2C363E;
}

.timeline-item-current__left,
.timeline-item-past__left {
  min-width: 22px;
  min-height: 22px;
  font-size: 22px;
  color: #2C363E;
  font-weight: 300;
  z-index: 2;
  background-color: inherit;
  position: relative;
  height: 100%;
}

.timeline-item-current__left:before,
.timeline-item-past__left:before {
  content: "";
  border: 1px solid #D8D8D8;
  opacity: 0.7;
  height: 100%;
  position: absolute;
  top: -68%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}

.timeline-item-current__left:after,
.timeline-item-past__left:after {
  content: "";
  border: 1px solid #D8D8D8;
  opacity: 0.7;
  height: 100vh;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 2px);
          transform: translate(-50%, 2px);
}

.timeline-item-current__content,
.timeline-item-past__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  color: #333D47;
  padding: 0 0 0 16px;
  -webkit-flex: 1;
          flex: 1;
}

.screen.background-grey .timeline-item-current__content .btn.btn-primary {
  background-color: #EE2429;
  border-color: #EE2429;
  color: #FFF;
}

.screen.background-grey .timeline-item-current__content .btn.btn-cancel,
.screen.background-grey .timeline-item-current__content .btn.btn-cancel:hover,
.screen.background-grey .timeline-item-current__content .btn.btn-cancel:focus,
.screen.background-grey .timeline-item-current__content .btn,
.screen.background-grey .timeline-item-current__content .btn:hover,
.screen.background-grey .timeline-item-current__content .btn:focus {
  border: 1px solid;
  color: #2D2D2D;
}

.screen.background-grey .timeline-item-current__content .btn.btn-cancel[disabled],
.screen.background-grey .timeline-item-current__content .btn.btn-cancel[disabled]:hover,
.screen.background-grey .timeline-item-current__content .btn.btn-cancel[disabled]:focus,
.screen.background-grey .timeline-item-current__content .btn.btn-cancel[disabled]:active,
.screen.background-grey .timeline-item-current__content .btn[disabled],
.screen.background-grey .timeline-item-current__content .btn[disabled]:hover,
.screen.background-grey .timeline-item-current__content .btn[disabled]:focus,
.screen.background-grey .timeline-item-current__content .btn[disabled]:active {
  background: transparent;
  color: #B0BEC5;
  border: 1px solid #CFD8DC;
}

.timeline-item-current__content,
.timeline-item-past__content .attachment-btn {
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 0 0 0 16px;
}

.timeline-item-current__content--description,
.timeline-item-past__content--description {
  font-size: 14px;
  line-height: 19px;
  font-weight: 200;
}

.timeline-item-current__content--action,
.timeline-item-past__content--action {
  -webkit-flex: 1;
          flex: 1;
  margin-top: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
}

.timeline-item-current__right,
.timeline-item-past__right {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  font-size: 12px;
  padding-left: 4px;
}

.timeline-item-current__right-label,
.timeline-item-past__right-label {
  color: #7E7E7E;
  font-weight: 600;
  font-size: 12px;
}

.timeline-item-current__right-sublabel,
.timeline-item-past__right-sublabel {
  font-weight: 300;
  text-align: right;
  font-size: 12px;
}

.timeline-item-past {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.timeline-item-past__left .icon-Sucesso {
  color: #51DB00;
}

.timeline-item-past__left .icon-Tooltip {
  color: #979797;
  font-weight: 800;
}

.timeline-item-past.only-child {
  -webkit-box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.08);
          box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.08);
  border-bottom: none;
}

.timeline-item-current.only-child .timeline-item-current__left:before,
.timeline-item-current.only-child .timeline-item-current__left:after {
  display: none;
}

.last-child :after {
  display: none;
}

.timeline-item-current.last-child .timeline-item-current__left:after {
  display: none;
}

.timeline-item-current.first-child .timeline-item-current__left:before {
  display: none;
}

.help-link {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 50px 0 30px;
}

.help-link a {
  color: #292B2E;
  text-decoration: underline;
  font-weight: 300;
  font-size: 14px;
}

.details-layout .header .timeline-item-next__content--action a {
  color: #FFF;
}

.timeline-item__right {
  padding-left: 4px;
}

.timeline-item-next__left svg circle {
  stroke: #FFF;
}

.timeline-item-next__left svg .svg-circle-dots-red__dot {
  fill: #FFF;
}

/*------------------ End of $TimelineItem ------------------------------*/
/* ---------
$InlineSVG
--------- */
/* ---------
$InlineSVG
--------- */
.svg-wrapper {
  display: -webkit-inline-flex;
  display: inline-flex;
}

/*------------------ End of $InlineSVG ------------------------------*/
a.black-link {
  text-decoration: underline;
  color: #333;
}

a.black-link:hover {
  color: #EE2429;
}

.textarea {
  resize: none;
}

/*------------------------------------*\
    $9.1 Patterns > Widgets
\*------------------------------------*/
/* PopupEditor */
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title:hover {
  background: none;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title {
  background: none;
  right: 28px;
  top: 18px;
  position: absolute;
  width: 25px;
  height: 25px;
  border: 2px solid transparent;
  -webkit-border-radius: 40px;
          border-radius: 40px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title:before,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title:after {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 25px;
  height: 2px;
  top: 9px;
  right: -2px;
  background: #000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*------------------------------------*\
    $11. Media Queries
\*------------------------------------*/