@import url("Theme.FID_B2C_Theme.css?43962");

/*

    FID_B: 2C_Theme_CV;

    Tema da Garantia

    0. Imports
    1. General Properties
    2. Structure
    3. Text formating
    4. Forms
    5. Built-in widgets
    6. RichWidgets
    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 Patterns
        1. CustomModal
        2. ModalContentLayout
        3. PersonPanel
        4. Person
        5. ShareLayout
        6. ActionPanel
        7. Row
        8. CustomTooltip
    10. Useful Classes  >  Custom

*/

/*------------------------------------*\
    $1. General Properties
\*-------------------------------------*/
.mailIcoContainer {
  position: absolute;
  margin-top: 40px;
  left: 78%;
  pointer-events: none;
}

/*------------------------------------*\
    $2. General Properties
\*-------------------------------------*/
body,
html,
form {
  height: 100%;
  min-height: 100%;
}

.Page.layout-dialog {
  min-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;
}

.Page.layout-dialog .SimpleContentContainer {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.Page.layout-dialog .Footer {
  position: static;
  padding: 0;
}

/*------------------------------------*\
    $3. Text formating
\*-------------------------------------*/
.Text_blue {
  color: #00319C;
}

/**temporary solution*/
.Text_red {
  color: #00319C;
}

/*------------------------------------*\
    $9.2 Patterns  >  Controls
\*-------------------------------------*/

.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: #00319C;
}

a,
a:link,
a:visited {
  color: #00319C;
}

.desktop button:hover,
.desktop a.Button:hover,
a.Button:hover {
  background-color: #00319C;
  border-color: #00319C;
  color: #FFF;
}

.Button.ButtonDefault,
.Button.Is_Default {
  background-color: #00319C;
}

.desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover {
  background-color: transparent;
  border: 1px solid #00319C;
  color: #00319C;
}

.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: #00319C;
  border: 1px solid #00319C;
  color: #FFF;
}

/*------------------------------------*\
    $2. Structure
\*-------------------------------------*/

.Menu_TopMenu:hover::before,
.Menu_TopMenuActive::before,
.openhealthmenu .Menu_DropDownPanel .Menu_SubItemsPlaceholder a:hover.Menu_SubMenuItem::before {
  background-color: #00319C;
}

/*------------------------------------*\
        $7 SILK Patterns
  \*------------------------------------*/

/* 7.1 SILK Patterns > Content ********************************/

/* SILK Patterns > Accordion */

.AccordionVertical_item.open .AccordionVertical___title,
.AccordionVertical_item.open > .AccordionVertical__header > .AccordionVertical___icon > .fa {
  color: #00319C;
}

/*------------------------------------*\
        $8 Useful Classes
  \*------------------------------------*/
.padding20 {
  padding: 20px;
}

/*------------------------------------*\
        $9. Fidelidade Patterns
  \*------------------------------------*/
.black-button-group a,
.black-button-group a:link,
.black-button-group a:visited {
  color: #E8E8E8;
}

.black-button-group-content a:hover,
.black-button-group-content a.active {
  border-bottom: 4px solid #0BBBEF;
  color: #0BBBEF;
}

/* 9.25 Fidelidade Patterns > widgets-float-actions ****************************/

.widgets-float-actions.active .widgets-float-actions-item.active {
  color: #00319C;
}

.list-item-block .edit-item-content-item-icon .fa {
  color: #00319C;
}

.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: #00319C;
}

.insurance-one-item.has-hover:hover::before {
  background-color: #00319C;
}

.DropdownMenu .PH a:hover {
  background-color: #00319C;
}

/* 9.4.2 Fidelidade Patterns > insurance-card-black **************/
a .insurance-card:after,
.CardFlip .insurance-card:after {
  background-color: #00319C;
  -webkit-border-radius: 0;
          border-radius: 0;
}

.insurance-card,
.insurance-card-black-header,
.insurance-card-red-header {
  -webkit-border-radius: 0;
          border-radius: 0;
}

.insurance-card-black-header,
.insurance-card-red-header {
  padding: 10px;
}

.insurance-card-white {
  padding: 21px 10px;
}

.insurance-card-agent-name {
  font-weight: 900;
  color: #00319C;
  letter-spacing: normal;
}

.insurance-card-agent-description {
  margin-top: 2px;
  color: #00319C;
}

/*a .insurance-card-black-action > div::before,
a .insurance-card-red-action > div::before,
a .insurance-card-agent-action > div::before,
a .insurance-card-white-action > div::before,
a .insurance-card-external-action > div::before {
    background-color: #00319C;
    border: 3px solid #00319C;
}*/

.insurance-card-black-header {
  background-color: #00319C;
}

.insurance-card-black-subdescription,
.insurance-card-red-subdescription,
.insurance-card-black-action,
.insurance-card-red-action,
.insurance-card-white-title,
.insurance-card-agent-title,
.insurance-card-white-subdescription,
.insurance-card-white-action,
.insurance-card-white.insurance-card-white-icon,
.insurance-card-agent-action {
  color: #00319C;
}

.insurance-card-agent-image img {
  border: 4px solid #00319C;
}

/* 9.7 Fidelidade Patterns > insurance-card-white ****************/

.insurance-card-white-description-icon,
.insurance-card-white-description {
  color: #00319C;
  padding: 10px;
}

/*  Fidelidade Patterns > FormItem ****************/

.form-item {
  width: 100%;
}

.form-item > div {
  display: inline-block;
}

.form-item:not(:last-child) {
  margin-bottom: 20px;
}

.form-item .form-item--input {
  margin-left: 10px;
  width: -webkit-calc(80% - 10px);
  width: calc(80% - 10px);
}

.form-item .form-item--label {
  width: 20%;
  max-width: 180px;
}

/* Fidelidade Patterns > Calendars ***************/

.Calendar {
  background-color: #2C363E;
  color: #DDD;
}

.Calendar-navBtn > div {
  color: #0BBBEF;
}

.Calendar-titleCont {
  color: #FFF;
}

.Calendar-dayNames {
  border-bottom: 1px solid #4C4C4C;
  border-top: 2px solid #0BBBEF;
}

.Calendar-day-selected,
.Calendar-day-selected:hover {
  background-color: #0BBBEF;
}

.Calendar-navBtn:hover {
  background: #0BBBEF5C;
}

body > .Calendar-topCont .Calendar-day,
body > .Calendar-topCont .Calendar-weekNumber,
.Calendar-dayNames div,
.Calendar-bottomBar-today,
.triggerTime,
.triggerTimeBack {
  border: none;
  color: #DDD;
}

.Calendar-day:not(.Calendar-day-selected):hover,
.Calendar-bottomBar-today:hover,
.triggerTime:hover,
.triggerTimeBack:hover {
  background: #0BBBEF5C;
  color: #FFF;
}

.Calendar-bottomBar-today {
  border-top: 1px solid #4D4D4D;
}