@import url("/NB_Theme/Theme.NB_Theme.css?61");

/* =====================================================================
========================================================================

NOVO BANCO External Theme

    [NOTE]
        . This theme is based on NB_Theme.
        . Below you can find the CSS map Structure that is been used on the Outsystems UI.

Outsystems UI Theme Structure:

    $0 - Root - CSS Variables
    $1 - Resets
    $2 - HTML Elements
        - Links
        - Images
        - Headings
        - Inputs and Selectors
        - Buttons
    $3 - Page Layout
        - Layout
        - Header
        - Menu                                       
        - Content                                    
    $4 - Patterns
        - Content
            - Content - Accordion
            - Content - Alert
            - Content - Animate
            - Content - Balloon
            - Content - BlankSlate
            - Content - Bullets
            - Content - Card
            - Content - CardBackground
            - Content - CardSectioned
            - Content - Carousel
            - Content - ChatMessage
            - Content - LightBoxImage
            - Content - Modal
            - Content - Panel
            - Content - Section
            - Content - Tag
            - Content - Tooltip
        - Controls
            - Controls - AnimatedLabel
            - Controls - ButtonGroup
            - Controls - DatePicker
            - Controls - Dropdown
            - Controls - DropdownSelect
            - Controls - FileUpload
            - Controls - InputWithIcon
            - Controls - RangeSlider
            - Controls - Search
            - Controls - SearchBalloon
            - Controls - ToogleButton
        - Numbers
            - Numbers - Badge
            - Numbers - Counter
            - Numbers - IconBadge
            - Numbers - ProgressBar
            - Numbers - ProgressCircle
            - Numbers - UserAvatar
        - Layouts
            - Layouts - Logins
        - Navigation
            - Navigation - Breadcrumbs
            - Navigation - NavigationBar
            - Navigation - Sidebar
            - Navigation - Tabs
            - Navigation - Timeline
            - Navigation - Wizard
        - Responsive
            - Responsive - ResponsiveTables
        - Structure
            - Structure - AlignCenter
            - Structure - Columns
            - Structure - Gallery
        - Utilities
            - Utilities - Separator
    $5 - Widgets & RichWidgets
        - Widgets - Form / EditRecord
        - Widgets - TableRecords / EditableTable
        - RichWidgets - CounterMessage
        - RichWidgets - FeedbackAjaxWait
        - RichWidgets - FeedbackMessage
        - RichWidgets - Pagination
        - RichWidgets - PopupEditor
    $6 - Styles
        - Styles - Typography
        - Styles - Colors
        - Styles - Space
        - Styles - Border Radius
        - Styles - Border Size
        - Styles - Elevation/Shadows
        - Styles - Display Flex Properties
        - Styles - Others
    $7 - Right-to-Left Mode
    $8 - Custom Patterns
    $9 - Custom Styles
    $10 - Web Blocks
            - WB - Simulador
            - WB - Dados do Pedido
            - WB - MultipleLoans
            - WB - LoanCard
            - WB - StepBlock
            - WB - TaskBlock
            - WB - UploadFicheiros
            - WB - Documento

========================================================================
======================================================================== */


/* ===================================================================== */
/*  Include Fonts
/* ===================================================================== */

@font-face {
    font-family: 'OpenSans';
    src: url('/NB_ExternalResources/opensans-light-webfont.woff2') format('woff2'),
         url('/NB_ExternalResources/opensans-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('/NB_ExternalResources/opensans-regular-webfont.woff2') format('woff2'),
         url('/NB_ExternalResources/opensans-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('/NB_ExternalResources/opensans-semibold-webfont.woff2') format('woff2'),
         url('/NB_ExternalResources/opensans-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('/NB_ExternalResources/opensans-bold-webfont.woff2') format('woff2'),
         url('/NB_ExternalResources/opensans-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* -------------------------- *
 *     FONT AWESOME CORE
 * -------------------------- */
 
 @font-face {
  font-family: 'FontAwesome';
  src: url('/RichWidgets/fonts/fontawesome-webfont.eot?v=4.3.0'); /* IE9 Compat Modes */
  src: url('/RichWidgets/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') /* IE6-IE8 */ format('embedded-opentype'),
       url('/RichWidgets/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
       url('/RichWidgets/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff') /* Modern Browsers */,
       url('/RichWidgets/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype') /* Android */,
       url('/RichWidgets/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ===================================================================== */
/*  $0 - Root - CSS Variables
/* ===================================================================== */
:root {
    /* Typography - Size */
    --font-size-display: 40px;
    --font-size-h1: 30px;
    --font-size-h2: 28px;
    --font-size-h3: 26px;
    --font-size-h4: 24px;
    --font-size-h5: 22px;
    --font-size-h6: 20px;


    /* Typography - Size */
    --font-size-l: 18px;
    --font-size-base: 16px;
    --font-size-s: 14px;
    --font-size-xs: 12px;
    --font-size-xxs: 10px;

    /* Color - Brand */
    --color-primary: #c4dc3d;
    --color-primary-hover:  #ADC236;
    
    --color-secondary: #47bac5;
    --color-secondary-hover: #3EA2AB; 
    
    --color-tertiaty: #ffffff;
    --color-tertiaty-hover: #E6E6E6; 
    
    /* Color - Extended */    
    --NB-primary:   #c4dc3d;
    --NB-secondary: #47bac5;
    --NB-tertiary:  #088889;
    
    --NB-neutral-0: #ffffff;
    --NB-neutral-1: #f2f4f8;
    --NB-neutral-2: #e6e7e7;
    --NB-neutral-3: #9ba1a1;
    --NB-neutral-4: #828989;
    --NB-neutral-5: #616469;
    --NB-neutral-6: #4c4c4c;
    --NB-neutral-7: #333333;
    
    /* Color - Semantic */
    --color-error: #f37053;
    --color-warning: #ffcb09;
    --color-success: #67c18c;
    --color-info: #56c5d0;
    

    /* Elevation / Shadow */
    --shadow-s: 0 0 14px 0 rgba(162, 162, 162, 0.5);
    --shadow-l:  0 0 30px 0 rgba(215,222,227,0.4);
    --shadow-xl: 0 24px 59px 0 rgba(51,59,69,0.15);
    
    /* App Settings */
    --header-size: 80px;
    
    /* Space - Sizes */
    --space-none: 0;
    --space-xs: 4px;
    --space-s: 8px;
    --space-r: 12px;
    --space-base: 16px;
    --space-m: 24px;
    --space-l: 30px;
    --space-xl: 40px;
    --space-xxl: 48px;
    --space-xxxl: 66px;
}

/* ================================================================ */
/*  $1 - Resets
/* ================================================================ */

html {    
    font-family: 'OpenSans', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    /* scroll-behavior: smooth; */
}

body {
    font-family: 'OpenSans', Helvetica, Arial, sans-serif;
}

body.overflow-hidden .header {
    z-index: 0;
}

.tablet .tablet-break-middle > .columns-item {
    -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
    width: 50%!important;
}

.max-content {
    max-width: max-content; 
}

/* ================================================================ */
/*  $2 - HTML Element
/* ================================================================ */
.font-size-display { line-height: 1; }
.heading1,
.heading2,
.heading3,
.heading4,
.heading5,
.heading6 { line-height: 1.25; }

.font-size-base,
.font-size-regular { font-size: 16px; }
.font-size-l { font-size: 18px; }
.font-size-xxs { font-size: 10px; }
.font-size-90 { font-size: 90%; }

/* $6.1.3 - Styles - Typography - Sizes Phone */
.phone .font-size-display {--font-size-display: 35px;}
.phone .heading1 { --font-size-h1: 28px; }
.phone .heading2 { --font-size-h2: 24px; }
.phone .heading3 { --font-size-h3: 22px; } 
.phone .heading4 { --font-size-h4: 20px; }
.phone .heading5 { --font-size-h5: 18px; }


.padding-left-r { padding-left: var(--space-r); }
.padding-right-r { padding-right: var(--space-r); }
.padding-top-r { padding-top: var(--space-r); }
.padding-bottom-r { padding-bottom: var(--space-r); }

.margin-left-r { margin-left: var(--space-r); }
.margin-right-r { margin-right: var(--space-r); }
.margin-top-r { margin-top: var(--space-r); }
.margin-bottom-r { margin-bottom: var(--space-r); }

.padding-top-xxxl { padding-top: var(--space-xxxl); }
.padding-right-xxxl { padding-right: var(--space-xxxl); }
.padding-left-xxxl { padding-left: var(--space-xxxl); }
.padding-bottom-xxxl { padding-bottom: var(--space-xxxl); }
.margin-top-xxxl { margin-top: var(--space-xxxl); }
.margin-bottom-xxxl { margin-bottom: var(--space-xxxl); }

/* Link decoratiosn */
.underline {
    text-decoration: underline;
}

.underline:hover {
    text-decoration: none;
    color: inherit;
    transition: .15s ease-in-out;
}

.border-bottom-2 {
    border-bottom: 1px solid var(--NB-neutral-2);
}

.font-weight-normal {
    font-weight: normal;
}

.line-height-s {
    line-height: 1.2;
}

footer .Is_Default, 
footer a.Is_Default {
    background: transparent;
}

footer .Is_Default:hover, 
footer a.Is_Default:hover,
footer .Is_Default:active, 
footer a.Is_Default:active,
footer .Is_Default:focus, 
footer a.Is_Default:focus,
footer .Is_Default:visited, 
footer a.Is_Default:visited,
footer .Is_Default:hover:active, 
footer a.Is_Default:hover:active{
    background: transparent;
}

/* Width */
.max-width-94 {
    max-width: 94%;
}

/* Validation messages */
.animated-label-input .ValidationMessage {
    font-size: var(--font-size-xxs);
    font-weight: 600;
    
    position: absolute;
    top: 58px;
}


a, a:visited{
    color: inherit;
}

/* Checkbox Radio Button */
.checkbox {
    height: 20px;
    width: 20px;
}

.checkbox:before {
    border: var(--border-size-s) solid var(--NB-neutral-2);
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

.checkbox:checked:after {
    background-color: var(--NB-primary);
    border: none;
    height: 10px;
    width: 10px;
    left: 5px;
    top: 5px;
    border-radius: 50%;
}

.checkbox:checked:before {
    background-color: transparent;
    border: var(--border-size-s) solid var(--NB-neutral-2);

}

.checkbox[disabled="disabled"]:before,
.checkbox[disabled="disabled"]:checked:before {
    background-color: transparent;
    border-color: var(--NB-neutral-2);
}

.checkbox[disabled="disabled"]:after {
    opacity: .4;
}

/* Checkbox Small */

.checkbox-small {
    height: 16px;
    width: 16px;
}

.checkbox-small:before {
    height: 15px;
    width: 15px;
}

.checkbox-small:checked:after {
    height: 8px;
    width: 8px;
    left: 5px;
    top: 5px;
}

.radio-button{
    height: 20px;
    width: 20px;
}

.radio-button:before {
    background-color: transparent;
    border: var(--border-size-s) solid var(--NB-neutral-2);    
    height: 20px;
    width: 20px;
}

.radio-button:checked:before {
    background-color: transparent;
    border: var(--border-size-s) solid var(--NB-neutral-2);    
    height: 20px;
    width: 20px;
}

.radio-button:checked:after {
    position: absolute;
    background: var(--NB-primary);
    border-radius: 50%;
    content: "";
    display: block;
    height: 10px;
    left: 11px;
    top: 11px;
    width: 10px;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}

.radio-button[disabled="disabled"]:checked:before {
    background-color: var(--NB-neutral-2);
    border: var(--border-size-s) solid var(--NB-neutral-2);
    opacity: .4;
}

.radio-button[disabled="disabled"]:checked:after {
    background-color: var(--color-neutral-3);
    opacity: .4;
} */

.checkbox.Not_Valid:before,
.radio-button.Not_Valid:before {
    border-color: var(--color-error);
}

.checkbox:checked:hover:before,
.radio-button:checked:hover:before {
    -webkit-filter: brightness(1);
            filter: brightness(1);
}

.checkbox:focus:before, 
.radio-button:focus:before {
    outline: 0;
    box-shadow: none;
}

/* Checkbox Square */

.checkbox-square-phone,
.checkbox-square {
    position:relative;
}

.checkbox-square-phone [type=checkbox]:checked, .checkbox-square-phone [type=checkbox]:not(:checked),
.checkbox-square [type=checkbox]:checked, .checkbox-square [type=checkbox]:not(:checked) {
    position:absolute;
    left:-9999px;
}

.checkbox-square label {
    padding-left: 22px;
    display: inline;
}

.checkbox-square-phone label {
    padding-left: 30px;
    display: inline;
}

.checkbox-square-phone label:before,
.checkbox-square label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: solid 1px #bdbdbd;
}

.checkbox-square-phone input[type=checkbox]:checked+span+label:before,
.checkbox-square input[type=checkbox]:checked+span+label:before {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    content: "\f00c";
    font-family: 'FontAwesome';
    background-color: var(--color-primary);
    color: white;
    font-size: 17px;
    font-style: oblique;
    opacity: 0.8;
}

.checkbox-square-phone input[type=checkbox]+span+label:after,
.checkbox-square input[type=checkbox]+span+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.checkbox-square-phone input[type=checkbox]:checked+label:after, .checkbox-square-phone input[type=checkbox]:not(:checked)+span+label:after
.checkbox-square input[type=checkbox]:checked+label:after, .checkbox-square input[type=checkbox]:not(:checked)+span+label:after {
    position: absolute;
    top: 4px;
    left: 5px;
    color: #3a75a9;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.checkbox-square-phone input[type=checkbox]:checked+span+label:after 
.checkbox-square input[type=checkbox]:checked+span+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Inputs and Selectors */

.input, 
textarea.input, 
.select {
    border-color: var(--NB-neutral-3);
    color: var(--NB-neutral-3);
    box-shadow: none;
}

.input:focus, .textarea:focus, .select:focus {
    border: var(--border-size-s) solid var(--color-neutral-2);
}

/* Buttons */

.Button, a.Button,
.btn, a.btn {
    position: relative;
    background-color: var(--color-primary);
    border: var(--border-size-none);
    height: 44px;
    padding: 0 70px;
    opacity: 1;
    font-size: 14px;
    color: var(--NB-neutral-0);
    text-transform: uppercase;
    text-align: center;
    box-shadow: 0 10px 40px 0 rgba(51, 59, 69, 0.1);
}

a.Button:not(.Button)[disabled="disabled"], 
a.btn:not(.Button)[disabled="disabled"] {
    background-color: var(--color-primary);
    color: var(--NB-neutral-0);
    opacity: .4;
}

.Button.no-padding, a.Button.no-padding,
.btn.no-padding, a.btn.no-padding { 
    padding: 0; 
} 

.Button.small-padding, a.Button.small-padding,
.btn.small-padding, a.btn.small-padding { 
    padding: 0 30px; 
} 

.Button:hover, a.Button:hover,
.btn:hover, a.btn:hover,
.Button:hover:active, a.Button:hover:active,
.btn:hover:active, a.btn:hover:active {
    background: var(--color-primary-hover);
}

.Secondary, a.Secondary {
    background-color: var(--color-secondary);
}

.Secondary:hover, a.Secondary:hover,
.Secondary:hover:active, a.Secondary:hover:active {
    background-color: var(--color-secondary-hover);
}

a.Secondary:not(.Button)[disabled="disabled"], 
a.Secondary:not(.Button)[disabled="disabled"] {
    background-color: var(--color-secondary);
    color: var(--NB-neutral-0);
    opacity: .4;
}

.Cancel, a.Cancel {
    background-color: var(--color-tertiaty);
    border: var(--border-size-none) solid var(--NB-neutral-6);
    color: var(--NB-neutral-3);
}

.Cancel:hover, a.Cancel:hover,
.Cancel:hover:active, a.Cancel:hover:active {
     background-color: var(--color-tertiaty-hover);
}

a.Cancel:not(.Button)[disabled="disabled"], 
a.Cancel:not(.Button)[disabled="disabled"] {
    background-color: var(--color-tertiaty);
    color: var(--NB-neutral-3);
    opacity: .4;
}

.btn-border {
    border: 1px solid var(--NB-neutral-2);
    background: transparent;
    height: 35px;
    color: var(--NB-neutral-3);
    font-weight: 400;
    padding: 0;
    width: 100%;
    box-shadow: none;
}

.btn-border:hover {
    box-shadow: var(--shadow-l);
}

.btn-small {
    height: 40px;
    text-transform: none;
}

.btn-large,
a.btn.btn-large{
    height: 55px;
}

.button-edit {
    position: relative;
    background-color: var(--NB-primary);
    width: 80px;
    border-radius: 20px;
    font-size: 10px;
    color: var(--NB-neutral-0);
    font-weight: 600;
    text-transform: uppercase;
    padding: var(--space-xs) var(--space-r);
    padding-left: var(--space-l);
}

.button-edit::after {
    position: absolute;
    content: "\27F5";
    font-size: 14px;
    left: var(--space-s);
    top: 0;
    color: var(--NB-neutral-0); 
}

.ie .button-edit::after,
.ie11 .button-edit::after {
    padding-top: 2px;
}

.button-add-proposal {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    background: var(--NB-neutral-0);
    border-radius: 50%;
    box-shadow: var(--shadow-xl);
    transition: .3s ease-in-out;
}

.button-add-proposal::after {
    position: absolute;
    font-family: "FontAwesome";
    content:"\f067";
    color: var(--NB-neutral-4);
    font-size: 15px;
    font-weight: 500;
    left: 29px;
    top: 25px;
}

.button-add-proposal:hover {
    background: var(--NB-primary);
    transition: .3s ease-in-out;
}

.button-add-proposal:hover::after {
    color: var(--NB-neutral-0);
    font-weight: 700;
}

.btn.Loading::after,
.btn.Loading[disabled]::after,
.btn.Loading:disabled::after,
.btn.Loading:hover::after{
    content: url(/NB_ExternalResources/img/loading_primary.gif?1041);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ie .btn.Loading::after,
.ie11 .btn.Loading::after,
.ie .btn.Loading[disabled]::after,
.ie11 .btn.Loading[disabled]::after,
.ie .btn.Loading:disabled::after,
.ie11 .btn.Loading:disabled::after,
.ie .btn.Loading:hover::after,
.ie11 .btn.Loading:hover::after {    
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.ListagemSimulacoes {
    position: relative;
}

.ListagemSimulacoes .button-add-proposal {
    position: relative;
    display: block;
}

.phone .ListagemSimulacoes .button-add-proposal {
    z-index: 2;
    position: fixed;
    bottom: 5vh;
    right: 16px;
}

.ios .phone .ListagemSimulacoes .button-add-proposal {
    bottom: 10vh;
}

/* ================================================================ */
/*  $3 - Layout - grid
/* ================================================================ */

/* $4.7.2 - Patterns - Structure - Columns */

.phone .columns.gutter-l.phone-break-all:only-child > .columns-item:not(:last-child) {
    margin-bottom: var(--space-none);
}

.phone .header .ThemeGrid_Container {
    padding: var(--space-none) var(--space-l);
}

.phone .content .ThemeGrid_Container {
    padding: var(--space-l);
}

.phone [class*="ThemeGrid_Width"]:not(.no-responsive) {
    margin: var(--space-none) var(--space-none) var(--space-s) var(--space-none);
}

/* ================================================================ */
/*  $3 - Layout
/* ================================================================ */

/* Estilos */

.color-transparency {
    color: transparent !important;
}

.phone .color-transparency {
    display: none;
}

.underline {
    text-decoration: underline;
}

.underline:hover {
    text-decoration: none;
    color: initial;
}

.underline-hover {
    text-decoration: none;
    cursor: pointer;
}

.underline-hover:hover {
    text-decoration: underline;
}
    
.underline-link {
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--NB-neutral-3);
}

.underline-link span {
    text-decoration: underline;
}

/* Grid */ 

.layout-top .content-bottom .ThemeGrid_Container {
    padding: var(--space-none) var(--space-xl);
}

/* Header - HeaderTop */

.layout .header {
    box-shadow: var(--shadow-none);
    color: var(--NB-neutral-5);
    
    background: transparent;
    position: relative;
    z-index: 2;
}

.phone .layout .header {
    z-index: 10;
}

.layout .main,
.ie11 .layout .main {
    padding-top: 0 !important;
}

.layout .header > .ThemeGrid_Container {
    position: relative;
}

.phone .layout .header > .ThemeGrid_Container:before {
    left: var(--space-none);
    right: var(--space-none);
}

.layout .header .Button,
.layout .header a.Button, 
.layout .header .btn, 
.layout .header a.btn {
    box-shadow: none;
    text-transform: none;
}

.phone .header-center {
    padding: var(--space-none);
}

.phone .header-center > div {
    width: 100%;
}

/* Layout > UseBlueHeader: True */

@-webkit-keyframes color-change {
    0% {
        background: var(--NB-neutral-0);
    }
    100% {
        background: var(--NB-neutral-4);
    }
}
@keyframes color-change {
    0% {
        background: var(--NB-neutral-0);
    }
    100% {
        background: var(--NB-neutral-4);
    }
}

.layout.use-blue-header .header {
    background: var(--NB-secondary);
    box-shadow: var(--shadow-none);
    color: var(--NB-neutral-0);
    position: fixed;
    z-index: 4;
}

.ie .layout.use-blue-header .header,
.ie11 .layout.use-blue-header .header {
    position: relative;
}

.phone .layout.use-blue-header .header{
    position: absolute;
}

.layout.use-blue-header .header .Secondary, 
.layout.use-blue-header .header a.Secondary {
    background-color: var(--NB-neutral-0);
    color: var(--NB-secondary);
    text-transform: none;
}

.layout.use-blue-header .header .Secondary:hover, 
.layout.use-blue-header .header a.Secondary:hover,
.layout.use-blue-header .header .Secondary:hover:active, 
.layout.use-blue-header .header a.Secondary:hover:active {
    background-color: var(--NB-neutral-0);
    filter: brightness(90%);
}

.layout.use-blue-header .header > .ThemeGrid_Container:before {
    display: none;
}

.layout.use-blue-header .menu-icon {
    color: var(--NB-neutral-0);
}

.layout.use-blue-header .menu-icon-line {
    background: var(--NB-neutral-0);
}

.layout.use-blue-header .menu-icon.is--opend > div {
    background: var(--NB-neutral-3);
    transition: background;
}

.phone .layout.use-blue-header .header .ThemeGrid_Container {
    background-color: var(--NB-secondary);
    color: var(--NB-neutral-0);
}

.phone .layout.use-blue-header .header .ThemeGrid_Container .header-top {
    border-bottom: none;
}

/* IE fix */
.ie11 .header .heading6,
.ie10 .header .heading6 {
    color: var(--NB-neutral-3);
}

.ie11 .layout.use-blue-header .header .heading6,
.ie10 .layout.use-blue-header .header .heading6 {
    color: var(--NB-neutral-0);
}

/* Menu */
.header .Application_Menu, .header .Menu_TopMenus, .header .Menu_DropDownButton, .header .Menu_TopMenu, .header .Menu_TopMenu > div, .header .Menu_TopMenu > div > a{
    min-width: max-content;
}

.ie .dropdown-logged-box-store, .ie11 .dropdown-logged-box-store{
    margin: var(--space-m);
}

.ie .dropdown-logged-box-store .Button, .ie11 .dropdown-logged-box-store .Button{
    border: 1px solid var(--NB-neutral-2);
    color: var(--NB-neutral-3);
}

.phone .border .header-top, .ios.phone .border .header-top {
    border-bottom: none;
}

.phone .border .header-top {
    border-bottom: 1px solid var(--NB-neutral-1);
}

.phone .layout.use-blue-header .header .ThemeGrid_Container .header-top, .ios.phone .layout.use-blue-header .header .ThemeGrid_Container .header-top {
    border-bottom: none;
}

.Menu_TopMenu > div a,
.Menu_TopMenu > div a:hover,
.Menu_TopMenu > div a:visited,
.Menu_TopMenuActive > div a,
.Menu_TopMenuActive > div a:visited,
.Menu_TopMenuActive > div a:hover,
.Menu_TopMenu:hover.Menu_TopMenuActive > div a {
    color: var(--NB-neutral-3);
    font-size: var(--font-size-l);
    font-weight: var(--font-light);
}

.Menu_TopMenu:hover > div .fa, 
.Menu_TopMenu:hover > div a, 
.Menu_TopMenu:hover > div a:visited {
    color: var(--NB-neutral-3);
}

.Menu_TopMenuActive > div a,
.Menu_TopMenuActive > div a:visited,
.Menu_TopMenuActive > div a:hover,
.Menu_TopMenu:hover.Menu_TopMenuActive > div a {
    color: var(--color-secondary);
}

.Menu_TopMenu:hover.Menu_TopMenuActive > div .Menu_DropDownArrow:before,
.Menu_TopMenu:hover.Menu_TopMenuActive > div .Menu_DropDownArrow:after,
.Menu_TopMenuActive > div .Menu_DropDownArrow:before,
.Menu_TopMenuActive > div .Menu_DropDownArrow:after {
    background-color: var(--NB-secondary);
}

.header .Menu_TopMenu:hover,
.header .Menu_TopMenu.Menu_TopMenuActive {
    border-bottom-color: var(--NB-secondary);
}

.Menu_TopMenu .fa, 
.Menu_DropDownPanel .fa {
    display: none;
}

.phone .Menu_TopMenu {
    border-bottom: var(--border-size-s) solid var(--NB-neutral-2);
    height: 70px;
    padding: var(--space-none) var(--space-m);
}

.phone .Menu_DropDownButton {
    padding: 0 var(--space-l);
    margin: var(--space-none);
}

.phone .Menu_TopMenu > div a,
.phone .Menu_TopMenu > div a:visited {
    color: var(--NB-neutral-3);
    font-size: var(--font-size-s);
    font-weight: var(--font-semi-bold);
}

.phone .Menu_TopMenu .fa, 
.phone .Menu_DropDownPanel .fa {
    display: inline-block;
    margin-right: 20px;
    margin-top: 0;
}

.Menu_DropDownPanel a,
.Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited {
    white-space: nowrap;
}


.phone .Menu_DropDownPanel a,
.phone .Menu_DropDownPanel a:link,
.phone .Menu_DropDownPanel a:visited {
    font-weight: var(--font-semi-bold);
}

.phone .header .Menu_DropDownButton {
    margin: var(--space-none);
}

.phone .header .Menu_DropDownButton .Menu_TopMenu {
    padding: var(--space-none) var(--space-m);
}

.tablet .header .Menu_TopMenu > div, 
.phone .header .Menu_TopMenu > div {
    padding: var(--space-base) 0;
}

.phone .header .Menu_TopMenu.Menu_TopMenuActive {
    border-bottom: var(--border-size-s) solid var(--NB-neutral-3);
    font-size: var(--font-size-s);
}

.phone .Menu_TopMenu.Menu_TopMenuActive > div a, 
.phone .Menu_TopMenu.Menu_TopMenuActive > div a:visited {
   color: var(--NB-neutral-10);
   font-weight: 600;
   font-size: var(--font-size-s);
}

.phone .Menu_TopMenus .card {
    border: 0;
}

.phone .Menu_TopMenus .card .card-image {
    border: 0;
}

.phone .card-bottom {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
}

.phone .card-bottom div {
    width: 100%;
}

.phone .card-bottom .card-footer {
    background: #47BAC5;
    color: #fff;
    padding: 15px 30px;
}

/* Layout > UseBlueHeader: True */

.layout.use-blue-header .Menu_TopMenu > div a,
.layout.use-blue-header .Menu_TopMenu > div a:hover,
.layout.use-blue-header .Menu_TopMenu > div a:visited,
.layout.use-blue-header .Menu_TopMenuActive > div a,
.layout.use-blue-header .Menu_TopMenuActive > div a:visited,
.layout.use-blue-header .Menu_TopMenuActive > div a:hover,
.layout.use-blue-header .Menu_TopMenuActive:hover > div a {
    color: var(--NB-neutral-0);
}

.phone .layout.use-blue-header .Menu_TopMenu > div a,
.phone .layout.use-blue-header .Menu_TopMenu > div a:hover,
.phone .layout.use-blue-header .Menu_TopMenu > div a:visited,
.phone .layout.use-blue-header .Menu_TopMenuActive > div a,
.phone .layout.use-blue-header .Menu_TopMenuActive > div a:visited,
.phone .layout.use-blue-header .Menu_TopMenuActive > div a:hover,
.phone .layout.use-blue-header .Menu_TopMenuActive:hover > div a {
    color: var(--NB-neutral-3);
}

.layout.use-blue-header .Menu_TopMenu:hover > div .fa,
.layout.use-blue-header .Menu_TopMenu:hover > div a,
.layout.use-blue-header .Menu_TopMenu:hover > div a:visited {
    color: var(--NB-neutral-0);
}

.phone .layout.use-blue-header .Menu_TopMenu:hover > div .fa,
.phone .layout.use-blue-header .Menu_TopMenu:hover > div a,
.phone .layout.use-blue-header .Menu_TopMenu:hover > div a:visited {
    color: var(--NB-neutral-6);
}

.layout.use-blue-header .Menu_TopMenuActive > div a,
.layout.use-blue-header .Menu_TopMenuActive > div a:visited,
.layout.use-blue-header .Menu_TopMenuActive > div a:hover,
.layout.use-blue-header .Menu_TopMenu:hover.Menu_TopMenuActive > div a {
    color: var(--NB-neutral-0);
}

.phone .layout.use-blue-header .Menu_TopMenuActive > div a,
.phone .layout.use-blue-header .Menu_TopMenuActive > div a:visited,
.phone .layout.use-blue-header .Menu_TopMenuActive > div a:hover,
.phone .layout.use-blue-header .Menu_TopMenu:hover.Menu_TopMenuActive > div a {
    color: var(--NB-neutral-8);
}

.layout.use-blue-header .Menu_TopMenu:hover.Menu_TopMenuActive > div .Menu_DropDownArrow:before,
.layout.use-blue-header .Menu_TopMenu:hover.Menu_TopMenuActive > div .Menu_DropDownArrow:after,
.layout.use-blue-header .Menu_TopMenuActive > div .Menu_DropDownArrow:before,
.layout.use-blue-header .Menu_TopMenuActive > div .Menu_DropDownArrow:after {
    background-color: var(--NB-neutral-0);
}

.phone .layout.use-blue-header .Menu_TopMenu:hover.Menu_TopMenuActive > div .Menu_DropDownArrow:before,
.phone .layout.use-blue-header .Menu_TopMenu:hover.Menu_TopMenuActive > div .Menu_DropDownArrow:after,
.phone .layout.use-blue-header .Menu_TopMenuActive > div .Menu_DropDownArrow:before,
.phone .layout.use-blue-header .Menu_TopMenuActive > div .Menu_DropDownArrow:after {
    background-color: var(--NB-neutral-6);
}

.layout.use-blue-header .header .Menu_TopMenu:hover,
.layout.use-blue-header .header .Menu_TopMenu.Menu_TopMenuActive {
    border-bottom-color: var(--color-neutral-0);
}

.phone .layout.use-blue-header .header .Menu_TopMenu:hover,
.phone .layout.use-blue-header .header .Menu_TopMenu.Menu_TopMenuActive {
    border-bottom-color: var(--NB-neutral-3);
}

.layout.use-blue-header .login-info a.btn {
    background-color: var(--NB-neutral-0);
    border-color: var(--NB-neutral-0);
    color: var(--color-secondary);
}

/* Layout - background-color */

.layout .content .main-content {
    background-color: var(--NB-neutral-1);
}

.layout .content .main-content.white {
    background-color: var(--NB-neutral-0);
}

.layout .content .main-content.border .ThemeGrid_Container {
    border-top: 1px solid var(--NB-neutral-1); 
}

.layout .content .main-content.border .ThemeGrid_Container .ThemeGrid_SubmeterProposta {
    margin-top:-22px;
}

.ThemeGrid_Container.ThemeGrid_SubmeterProposta.ThemeGrid_AcompanhamentoProposta {
    max-width: none;
}

.layout .content .main-content.border .ThemeGrid_Container .ThemeGrid_Avancado {
    margin-top: 30px;
}

.phone .layout .content .main-content .ThemeGrid_Container, .ios.phone .layout .content .main-content .ThemeGrid_Container {
    border-top: none;
    padding-top: 0;
}

.layout .content .main-content .ThemeGrid_Container.listagemSimulacoes {
    margin-top: 80px;
}

.ie .layout .content .main-content .ThemeGrid_Container.listagemSimulacoes,
.ie11 .layout .content .main-content .ThemeGrid_Container.listagemSimulacoes {
    margin-top: 0px;
}

/* Menu_Icon - Hamburguer */

.menu-icon {
    height: 20px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
}

.menu-icon > div {
    border-radius: 4px;
    color: var(--NB-neutral-3);
    height: 3px;
    margin: 0;
    position: absolute;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: ease;
    width: 100%;
}

.menu-icon > div:nth-child(1) {
    opacity: 1;
    top: 0;
}

.menu-icon > div:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}

.menu-icon > div:nth-child(3) {
    bottom: 0;
}

.menu-icon.is--opend > div:nth-child(1) {
    opacity: 0;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
}

.menu-icon.is--opend > div:nth-child(2) {
    top: 0;
    transform: translate3d(0,10px,0) rotate(45deg) scale(0.9);
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
}

.menu-icon.is--opend > div:nth-child(3) {
    top: 0;
    transform: translate3d(0,10px,0) rotate(-45deg) scale(0.9);
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;
}

/* Dropdown Logged */

.dropdown-logged {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    border-left: 1px solid var(--NB-neutral-2);
    margin-left: var(--space-m);
}

.dropdown-logged .dropdown .dropdown-header {
    background: transparent;
    color: inherit;
    border: none;
    box-shadow: none;
    padding: 0;
    font-size: 16px;
    height: 20px;
}

.ie .dropdown-logged .dropdown .dropdown-header, .ie11 .dropdown-logged .dropdown .dropdown-header{
    border: none !important;
}

.dropdown-logged .dropdown .dropdown-header .dropdown-header-text {
    padding-right: var(--space-base);
    color: var(--NB-neutral-3);
    font-weight: light;
    min-width: max-content;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: -o-max-content;
    min-width: -ms-max-content;
}

.dropdown-logged .dropdown .dropdown-icon {
    color: var(--NB-neutral-3);
}

.dropdown-logged .dropdown-content {
    top: 10px;
    left: -20px;
}

.dropdown-logged .dropdown .dropdown-content .dropdown-content-list {
    width: 215px;
    border-radius: 6px;
    border: none;
    margin-top: var(--space-none);
    padding: var(--space-s) var(--space-none);
    position: absolute;   
    box-shadow: 0 0 30px 0 rgba(215, 222, 227, 0.5);
}

.dropdown-logged .dropdown .dropdown-content .dropdown-content-list a {
    color: var(--NB-neutral-3);
    height: 70px;
    padding: var(--space-none) var(--space-l);
    border-bottom: 1px solid var(--NB-neutral-1);
}

.dropdown-logged .dropdown .dropdown-content .dropdown-content-list a:first-child {
    height: 62px;
}

.dropdown-logged .dropdown .dropdown-content .dropdown-content-list a:last-child {
    border-bottom: none;
    height: 62px;
}

.dropdown-logged-gradient {
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 18%, rgba(205,208,208,.3) 100%);
    height: 20px;
    margin-top: -20px;
}

.phone .dropdown-logged {
    width: auto;
    border-left: none;
    padding: var(--space-l) 0;
    margin: 0;
    border-bottom: 2px solid var(--NB-neutral-2);
}

.phone .dropdown-logged .dropdown .dropdown-icon,
.phone .dropdown-logged .dropdown-content {
    display: none;
}

.layout.use-blue-header .header .dropdown-logged {
    border-left: 1px solid rgba(255, 255, 255, .5);
    height: 20px;
}

.layout.use-blue-header .header .dropdown-logged .dropdown .dropdown-header .dropdown-header-text {
    color: var(--NB-neutral-0);
}

.layout.use-blue-header .header .dropdown-logged .dropdown .dropdown-icon {
    color: var(--NB-neutral-0);
}

/* Menu - Tablet */

.tablet .menu-icon {
    display: none;
}

.tablet .layout .header > .ThemeGrid_Container:before {
    left: var(--space-m);
    right: var(--space-m);
}

.tablet .layout-top .Application_Menu {
    background-color: inherit;
    height: inherit;
    left: auto;
    pointer-events: auto;
    position: inherit;
    -webkit-transform: none;
            transform: none;
    width: inherit;
}

.tablet .layout-top .Application_Menu:before {
    display: none;
}

.tablet .layout-top .Menu_TopMenus,
.tablet .layout-side .navigation {
    background-color: transparent;
    box-shadow: var(--shadow-none);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;
    height: var(--header-size);
    left: auto;
    position: inherit;
    transform: none;
    -webkit-transition: none;
            transition: none;
    width: 100%;

    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
}

.tablet .layout-top .is--visible .Menu_TopMenus,
.tablet .layout-side .is--visible.navigation {
    transform: none;
}

.tablet .header .Menu_DropDownButton + .Menu_DropDownButton {
    margin-left: var(--space-base);
}

.tablet .header .Menu_TopMenu > div {
    border: var(--border-size-none);
    border-bottom: var(--border-size-s) solid transparent;
    padding: var(--space-none) var(--space-s);
}

.tablet .header .Menu_DropDownPanel {
    border: var(--border-size-s) solid var(--color-neutral-3);
    box-shadow: var(--shadow-m);
    height: auto;
    margin: var(--space-none);
    min-width: 140px;
    padding: var(--space-none);
    z-index: 250;
}

/* Menu - Phone */

.phone .menu-icon {
    z-index: 100;
    margin-right: var(--space-xs);
    color: var(--NB-neutral-3) !important;
}

.phone .menu-icon.is--opend {
    color: var(--NB-neutral-3) !important;
}

.phone .layout .header > .ThemeGrid_Container {
    position: relative;
    background: var(--NB-neutral-0);
}

.phone .layout-top .Application_Menu {
    position: fixed;
    height: 100vh;
    top: 0;
    bottom: 0;
}

.phone .layout-top .Application_Menu:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
}

.phone .layout-top .Menu_TopMenus {
    background-color: transparent;
    box-shadow: none;
    height: 0;
    left: 0;
    overflow: auto;
    position: relative;
    top: 0;
    transform: none;
    width: 100%;
}

.phone .layout-top .is--visible .Menu_TopMenus {
    height: 100%;
    transform: none;
}

.phone .layout-top .Menu_TopMenus .btn {
    background-color: var(--NB-secondary) !important;
    color: var(--NB-neutral-0) !important;
}

.phone .Application_Menu .Menu_DropDownButton {
    width: 100%;
    padding: var(--space-none);
}

/* Sidebar menu */

 @-webkit-keyframes enter-left {
    0% {
        opacity: 1;
        -webkit-transform: translateX(-100%);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes enter-left {
    0% {
        opacity: 1;
        transform: translateX(-100%);
    }
    50% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes leave-left {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(-100%) translateY(0) translateZ(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(-100%);
    }
}

@keyframes leave-left {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    50% {
        opacity: 1;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(-100%);
    }
}

.phone .layout-top .Application_Menu .sidebar {
    opacity: 0;
}

.phone .layout-top .Application_Menu.is--visible .sidebar {
    opacity: 1;
    -webkit-animation-name: enter-left;
            animation-name: enter-left;
}

.phone .layout-top .Application_Menu.is--hidden .sidebar {
    opacity: 1;
    -webkit-animation-name: leave-left;
            animation-name: leave-left;
}

.sidebar-container {
    background: var(--color-neutral-0);
    box-shadow: none;
    height: 100vh;
    position: fixed;
    overflow-y: visible;
    right: 0;
    top: 0;
    -webkit-transform: none;
            transform: none;
    z-index: 150;
}

.sidebar-content {
    position: relative;
    height: 100vh;
    padding: var(--space-l);
    padding-top: var(--space-xxl);
}

.sidebar-overlay {
    display: none;
}


.phone .sidebar-container {
    width: calc(100vw - 90px);
}

.phone .layout-top .Application_Menu.is--visible .sidebar .sidebar-container .orelha-contactos {
    left: -26px;
    top: auto;
    bottom: 160px;
}

.phone .sidebar-container .header-mobile-footer {
    position: absolute;
    bottom: 100px;
    font-size: var(--font-size-xs);
    color: var(--NB-neutral-3);
}

.ie .Application_Menu,
.ie11 .Application_Menu {
    max-width: auto;
    width: auto;
}

.application-name img {
    margin-top: -8px;
}

/* Secondary menu */

.menu-back-option {
    padding: 0 var(--space-l);
    border-left: 1px solid rgba(255, 255, 255, .5);
    margin-left: var(--space-l);
    height: 20px;
}

/* Simulation name link */

.simulationName {
    color: var(--NB-neutral-0);
    border-left: 1px solid rgba(255, 255, 255, .5);
    height: 20px;
}

.phone .simulationName .font-size-regular {
    text-align: left;
    margin-bottom: var(--space-none);
}

.phone .simulationName .fa {
    padding-right: var(--space-s);
}

/* Footer */

footer {
    background-color: var(--color-neutral-2);
    position: relative;
}

.phone footer.add-sidebar-padding {
    padding-bottom: 90px;
}

.phone .layout-top footer.content-bottom .ThemeGrid_Container {
    text-align: center;
}

footer .columns-item > div {
    padding: var(--space-r) var(--space-none);
    position: relative; 
    height: 100%;
}

.tablet footer .columns-item > div {
    height: 120px;
}

.tablet footer .footer-content-left > div,
.phone footer .footer-content-left > div {
    display: block;
    font-size: var(--font-size-xs);
    line-height: 1.2;
    width: 100%;
}

footer .font-family-nb {
    line-height: 1;
} 
.tablet footer .footer-content-left .dropdowns-inline,
.tablet footer .footer-content-left .separator,
.phone footer .footer-content-left .dropdowns-inline,
.phone footer .footer-content-left .separator {
    display: inline-block;
    vertical-align: middle;
}

footer .separator {
    margin-top: 12px;
    opacity: .5;
}

.footer-content-left {
    padding: var(--space-r) var(--space-none);
    min-height: 80px;
} 

/* ================================================================ */
/*  $4 - Patterns
/* ================================================================ */

/* Patterns - Navigation - Timeline */

.TimelineContainer {
    margin-top: -32px;
}

.phone .TimelineContainer_Avancado {
    margin-top: 91px;
 }
 
.TimelineContainer_Avancado {
    margin-top: 65px;
}

.ie .TimelineContainer_Avancado,
.ie11 .TimelineContainer_Avancado {
    margin-top: -10px;
}

.TimelineContainer_Phone {
    margin-top: 72px;
}

/* Timeline desktop version */

.WizardParent {
    border: 1px solid #e2e2e2;
    overflow: hidden;
    width: 61%;
    margin-top: 18px;
    border-radius: 5px;
}

.WizardStep {
    background: #bdbdbd;
    font-weight: normal;
    line-height: 38px;
    padding-right: 10px;
    position: relative;
    text-align: center;
    font-size: 12px;
    font-family: NB;
    color: white;
    text-transform: uppercase;
    min-width: 25%;
    vertical-align: middle;
}

.WizardStep.ActiveStep {
    background: #47bac5;
    color: #ffffff;
}

.WizardStep.Completed {
    background: #ffffff;
    color:#47bac5;
}

.WizardStep a,
.WizardStep a:link {
    display: block;
    text-align: center;
    color: #ffffff;
    font-family: NB;
    font-size: 12px;
}

.WizardStep.ActiveStep a,
.WizardStep.ActiveStep a:link {
    color: #ffffff;
}

.WizardStep.Completed a,
.WizardStep.Completed a:link {
    color:#47bac5;
}

.WizardStep:after {
    border-right: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    content: "";
    height: 38px;
    position: absolute;
    right: 8px;
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 38px;
    z-index: 1;
}

.WizardStep:before {
    border-bottom: 20px solid #bdbdbd;
    border-left: 20px solid transparent;
    border-top: 20px solid #bdbdbd;
    content: "";
    height: 0;
    left: -20px;
    position: absolute;
    top: 0;
    width: 0;
}

.WizardStep.Completed:before {
    border-bottom-color: #fff;
    border-top-color: #fff;
} 

.WizardStep.ActiveStep:before {
    border-bottom-color: #47bac5;
    border-top-color: #47bac5;
}

.WizardStep.LastStep:after,
.WizardStep.ActiveStep:after,
.WizardStep.HideArrow:after,
.WizardStep:last-of-type:after {
    border: 0;
    content: "";
}

.ie .link-container,
.ie10 .link-container,
.ie11 .link-container {
    height: 38px;
    z-index: 2;
}

.link-container {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px 0 5px;
    position: relative;
    cursor: pointer;
}

.link-line-height {
    line-height: 1.01;
}

.link-position-z-index {
    position: relative;
}

.list-records-display-flex {
    display: flex;
}

.WizardParent .only-balloon .tippy-popper {
    min-width: 200px;
    max-width: 207px;
}

.WizardParent .only-balloon .tippy-popper .tippy-tooltip {
    margin-left: 8%;
}

.WizardParent .only-balloon .tippy-popper .balloon-content {
    padding: var(--space-s);
}

/* Timeline mobile version */

.wizard-mobile {
    display: flex;
    flex-direction: row;
}

.wizard-mobile .ListRecords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction:row;
}

.mobile-wizard-item {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
    -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    position: relative;
    width: 100%;
}

.mobile-wizard-item-icon {
    align-items: center;
    border: var(--border-size-m) solid var(--color-neutral-6);
    border-radius: var(--border-radius-circle);
    display: flex;
    height: 16px;
    justify-content: center;
    margin: 0 auto;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    position: relative;
    width: 16px;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    border-color:var(--color-neutral-6);
    background-color: var(--color-neutral-6)
}

.mobile-wizard-item.completed .mobile-wizard-item-icon {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-neutral-0);
}

.mobile-wizard-item.active .mobile-wizard-item-icon {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-neutral-0);
}

.mobile-wizard-item-icon .fa-fw {
    font-size: var(--font-size-xs);
    width: auto;
}

.mobile-wizard-item-icon-wraper {
    margin: var(--space-s) var(--space-none);
    position: relative;
    width: 100%;
}

.mobile-wizard-item .mobile-wizard-item-icon-wraper:before {
    content: '';
    height: 2px;
    position: absolute;
    right: calc(50% + 7px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(100% - 14px);
    z-index: 0;
}

.mobile-wizard-item-icon-wraper:before {
    background-color:var(--color-neutral-6);
}

.mobile-wizard-item:first-child .mobile-wizard-item-icon-wraper:before {
    content: none;
}

.mobile-wizard-item-label {
    color: #000000;
    opacity: 0.4;
    font-size: var(--font-size-s);
    font-weight: 300;
    letter-spacing: -0.12px;
    line-height: 1.17;
    text-align: center;    
    max-width: 90%;
}

.mobile-wizard-item.completed .mobile-wizard-item-label {
    color: #000000;
    opacity: 1;
    font-size: var(--font-size-s);
}

.mobile-wizard-item.active .mobile-wizard-item-label {
    color: #000000;
    opacity: 1;
    font-size: var(--font-size-s);
    font-weight: normal;
}

/* Patterns - Content - Accordion */

.accordion:not([class*="background-"]) {
    background-color: transparent;
}

.accordion-item {
    background-color: var(--color-neutral-0);
    border-bottom-width: var(--border-size-s);
    margin-bottom: var(--space-m);
    border: none; 
}

.accordion-item .accordion-item-title {
    color: var(--NB-tertiary);
    font-weight: bold;
}

.accordion-item,
.accordion-item:first-child,
.accordion-item:last-child {
    border-bottom-width: var(--border-size-s);
    border-radius: var(--border-radius-soft);
}

.accordion-item.is--open {
    border: var(--border-size-none) solid var(--color-neutral-4);
}

.accordion-item:last-child {
    border-bottom-width: none;
}

.accordion-item .accordion-item-header {
    color: var(--color-secondary);
    font-size: var(--font-size-base);
    font-weight: var(--font-semi-bold);
    padding: var(--space-m) var(--space-l);
    align-items: center;    
}

.accordion-item.is--open .accordion-item-header {
    font-weight: var(--font-semi-bold);
}

.accordion-item.is--disabled .accordion-item-header {
    color: var(--color-neutral-6);
}

.accordion-item .accordion-item-icon .fa {
    color: var(--color-neutral-5);
}

.accordion-item.is--open .accordion-item-icon .fa {
    color: var(--color-secondary)
}

.accordion-item.is--disabled .accordion-item-icon .fa {
    color: var(--color-neutral-4);
}

.accordion-item .accordion-item-content {
    border-top: var(--border-size-s) solid var(--color-neutral-2);
    color: var(--color-neutral-8);
}

/* Choices Inner - simulador avançado */

.accordion-item .accordion-item-content .choices__inner,
.accordion-item .accordion-item-content .input,
.choices__inner{
    height: 60px;
    line-height: calc(var(--font-size-base) * 3);
}

.accordion-item .accordion-item-content .choices__list--dropdown .choices__item--selectable,
.choices__item--selectable {
    height: 60px!important;
    border-bottom: var(--border-size-s) solid var(--color-neutral-2);
}

.accordion-item .accordion-item-content .choices[data-type*="select-one"]:after,
.choices[data-type*="select-one"]:after {
    top: 20px;
}

.accordion-item .accordion-item-content > *:first-child {
    margin-top: var(--space-none);
    transition: all .25s ease;
}

.accordion-item.is--open .accordion-item-content > *:first-child {
    margin-top: var(--space-none);
}

.accordion-item .accordion-item-content {
    overflow: hidden;
}

.accordion-item .accordion-item-content.is--expanded {
    padding: var(--space-m);
    overflow: visible;
}

.accordion-item .accordion-item-content .choices[data-type*="select-one"].is-open:after,
.choices[data-type*="select-one"].is-open:after {
    top: 36px;
}

.accordion-item.margin-bottom-none {
    margin-bottom: var(--space-none);
}

.special-accordion .accordion-item .accordion-item-icon {
    display: none;
}

.special-accordion .accordion-item .accordion-item-content,
.special-accordion .accordion-item .accordion-item-content.is--collapsed,
.special-accordion .accordion-item .accordion-item-content.is--expanded {
    height: auto;
    padding: var(--space-none) var(--space-m) var(--space-m);
    visibility: visible;
    padding-top: var(--space-l);
    cursor: inherit;
}

.special-accordion .accordion-item.is--open .accordion-item-header,
.special-accordion .accordion-item .accordion-item-content.is--expanded{
    cursor: inherit;
}

.ie .info-basicas-section-margin,
.ie10 .info-basicas-section-margin,
.ie11 .info-basicas-section-margin {
    margin-bottom: -15px;
}

.info-basicas-section-margin {
    margin-bottom: -60px;
}

/* Hidden accordion Begin - accordion background invisible */

.hidden-accordion
{
    background-color: transparent;
}

.hidden-accordion .accordion-item-header,
.hidden-accordion .accordion-item
{    
    background-color: transparent;
}

.hidden-accordion .accordion-item .accordion-item-icon,
.hidden-accordion .accordion-item .accordion-item-header {
    display: none;
}

.hidden-accordion .accordion-item-header,
.hidden-accordion .accordion-item .accordion-item-content.is--expanded
{
    padding: 0px;
}

/* Arrows */ 

.choices[data-type*="select-one"]:after {
    content: '\f107';
    right: 19px;
    top: 18px;
    width: 13px;
    height: 6px;
    transition: none;
}

.choices[data-type*="select-one"].is-open:after {
    color: var(--NB-neutral-4);
    transform-origin: initial;
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transition: none;
}
    
/* Patterns - Controls - ButtonGroup */

.hb-button-group.cross-selling-color a.btn:not(.Button)[disabled="disabled"],
.hb-button-group a.btn:not(.Button)[disabled="disabled"],
.hb-button-group a.btn {
    border: 1px solid;    
    border-color: var(--color-neutral-5);
    background-color: var(--color-neutral-0);
    color: var(--color-neutral-8);
    text-transform: none;
    box-shadow: none;
    font-size: 12px;
}

.hb-button-group .sim-button a.btn.checked {
    border-right: none;
}

.hb-button-group .nao-button a.btn.checked {
    border-left: none;
}

.hb-button-group a.btn.cross-selling-error {
    border-color: var(--color-error);
}

.hb-button-group a.btn.checked:not(.Button)[disabled="disabled"],
.hb-button-group a.btn.checked,
.hb-button-group a.btn.checked:hover {
    background-color: var(--color-secondary);
    border-color: var(--color-neutral-5);
    text-transform: none;
    color: white;
}

.hb-button-group .btn:hover:active,
.hb-button-group a.btn:hover{
    background-color: white;
    color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.bonificacoes-spread .columns .columns-item {
    margin-bottom: 0;
}

.nao-button,
.sim-button {
    width: 50%;
}

.phone .nao-button,
.phone .sim-button {
    width: 50%;
}
    
.sim-button a {
    border-radius: 6px 0 0 6px;
}

.nao-button a {
    border-radius: 0 6px 6px 0;
}

/* Patterns - Controls - DropDownSelect */

.choices__list--single .choices__item {
    color: var(--NB-neutral-3)!important; 
}

main .choices { 
    min-width: 0;
}

main .choices[data-type*="select-one"]:after,
main .choices.is-open.is-focused[data-type*="select-one"]:after,
main .choices .search--wrapper::before {
    color: var(--color-secondary);
    font-weight: 300;
    height: 6px;
    width: 13px;
}

main .choices__inner,
main .input {
    border: var(--border-size-s) solid var(--NB-neutral-2);
    background-color: var(--NB-neutral-0); 
    box-shadow: none;
}

main .choices__inner, .choices__inner:hover,
main .is-focused .choices__inner,
main .is-open .choices__inner,
main .choices.is-open.is-focused .choices__inner {
    border: var(--border-size-s) solid var(--NB-neutral-2);
    box-shadow: none;
}

main .choices__list--dropdown {
    border: var(--border-size-none);
    box-shadow: var(--shadow-l);
}

main .choices__list--dropdown .choices__item--selectable {
    border-bottom: var(--border-size-none) solid var(--NB-neutral-2);
}

main .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: var(--color-neutral-1);
    color: var(--color-secondary)!important;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: var(--NB-neutral-1);
    color: var(--NB-neutral-3);
}

.choices__list--dropdown .choices__item {
    color: var(--NB-neutral-3);
}

main .choices__list--dropdown {
    top: calc(100% - 5px);
    color: var(--NB-neutral-3);
}
 
main .choices__list.choices__list--dropdown {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

main .choices__list.choices__list--dropdown.is-active {
    margin-top: var(--space-none);
    border:  var(--border-size-s) solid var(--NB-neutral-2);
}

/* DropDown mais pequeno - simulador avançado */

.accordion-item .accordion-item-content .hb-dropdown .choices__list--dropdown .choices__item--selectable, 
.hb-dropdown .choices__item--selectable{
    height: 44px!important;
}

.accordion-item .accordion-item-content .hb-input .input,
.accordion-item .accordion-item-content .hb-dropdown .choices__inner, 
.accordion-item .accordion-item-content .hb-dropdown .input, 
.hb-dropdown .choices__inner{
    height: 44px;
    line-height: calc(var(--font-size-base) * 2);
}
    
.accordion-item .accordion-item-content .hb-dropdown .choices[data-type*="select-one"]:after, 
.hb-dropdown .choices[data-type*="select-one"]:after {
    top: 10px;
}

.accordion-item .accordion-item-content .hb-dropdown .choices[data-type*="select-one"].is-open:after,
.hb-dropdown .choices[data-type*="select-one"].is-open:after {
    top: 25px;
}

/* DropDownSelect when it's used in a text inline context */
 
.dropdowns-inline .choices {
    display: inline-block;
    margin: var(--space-none);
    margin-right: var(--space-r);
    min-width: auto;
    vertical-align: middle;
    width: auto;
}

.dropdowns-inline .choices__inner {
    background-color: transparent; 
    border: var(--border-size-none);
    border-bottom: var(--border-size-s) solid var(--color-secondary);
    border-radius: var(--border-radius-none);
    padding: var(--space-none);
    
    box-shadow: none;
    margin-top: -1px;
    height: 40px;
}

/* Dropdown Inline*/

.drop-motive .dropdowns-inline .choices_list.choices_list--dropdown {
    min-width: 300px;
}

.dropdowns-inline .choices_list.choices_list-dropdown.is-active {
    margin-top: none;
    box-shadow: none;
}    

.dropdowns-inline .choices.is-focused .choices__inner,
.dropdowns-inline .choices.is-open.is-focused .choices__inner {
    border: var(--border-size-none);
    box-shadow: none;
}

.ie11 .dropdowns-inline .choices:hover .choices__inner,
.ie11 .dropdowns-inline .choices.is-open:hover .choices__inner,
.ie11 .dropdowns-inline .choices .choices__inner:hover,
.ie11 .dropdowns-inline .choices.is-open .choices__inner:hover {
    box-shadow: none;
}

.dropdowns-inline .choices__list--single .choices__item {
    color: var(--color-secondary)!important;
    font-weight: var(--font-regular);
    padding-right: var(--space-xs);
    text-overflow: initial;
    text-overflow: clip;
    
    padding-top: 0;
    line-height: 1.6;
}

.ios .dropdowns-inline .choices__list--single {
    display: flex;
}

.dropdowns-inline .choices[data-type*="select-one"]:after,
.dropdowns-inline .choices[data-type*="select-one"].is-open:after {
    color: var(--color-secondary);
    right: var(--space-none);
}

.dropdowns-inline .choices[data-type*="select-one"].is-open:after {
   top: 27px;
}

.dropdowns-inline .choices__list--dropdown {
    min-width: 180px;
    border-radius: 3px;
}

footer .choices__list--dropdown {
    top: auto;
    bottom: 100%;
}

.dropdowns-inline .choices__list.choices__list--dropdown.is-active {
    margin-top: var(--space-none);
    box-shadow: var(--shadow-s);
}

.dropdowns-inline .choices__list--dropdown .choices__list {
    min-height: 70px;
}

.dropdowns-inline .choices__list--dropdown .choices__item {
    color: var(--color-neutral-8);
    font-size: var(--font-size-s);
}

.dropdowns-inline .choices__item.choices__item--choice.choices__item--selectable {
    border-bottom: 1px solid var(--NB-neutral-1);
}


.dropdowns-inline .choices__item.choices__item--choice.choices__item--selectable.is-highlighted {
    color: var(--color-secondary);
    background-color: var(--color-neutral-1);
}

.dropdowns-inline .choices__item.choices__item--choice.choices__item--selectable.is-highlighted::after {
    content:"";
    height: 50%;
    background-color: var(--color-secondary);
    width: 2px;
    position:absolute;
    left: 0
}

.dropdowns-inline .choices__list.choices__list--dropdown {
    border-style: var(--border-size-none);
    border-radius: 3px;
    box-shadow: 0 0 30px 0 rgba(215,222,227,0.5);
    left:-15px;
}

.drop-motive .choices__list.choices__list--dropdown {
    width: 300px;
    min-width: 300px;
}

.onboarding-text .choices[data-type*="select-one"]:after {  
    top: 8px;
}
 
.onboarding-text .choices__item--selectable {
    border-bottom: none;
}

.phone .onboarding-text .choices__list.choices__list--single > .choices__item--selectable{
    height: auto !important;
}

.phone .dropdowns-inline .choices__inner {
    height: 30px;
}

.phone .dropdowns-inline .choices[data-type*="select-one"].is-open:after {
   top: 22px;
}

footer .dropdowns-inline .choices__list--single .choices__item,
footer .dropdowns-inline .choices[data-type*="select-one"]:after,
footer .dropdowns-inline .choices[data-type*="select-one"].is-open:after {
    color: var(--color-neutral-0);
    font-size: var(--font-size-xs);
}

footer .dropdowns-inline .choices[data-type*="select-one"]:after,
footer .dropdowns-inline .choices[data-type*="select-one"].is-open:after { 
    font-weight: 300; 
    top: 11px;
}

footer .dropdowns-inline .choices[data-type*="select-one"].is-open:after { top: 20px; }

footer .dropdowns-inline .choices__inner {
    border-color: rgba(var(--NB-neutral-0), .5);
    height: 24px;
    margin-top: 7px;
}

footer .dropdowns-inline .choices__list--dropdown .choices__list {
    min-height: 80px;
}
  
  
/* Patterns - Controls - Animated inputs */

.animated-label {
    position: relative;
    display: block;
    border: var(--border-size-s) solid var(--NB-neutral-2);
    border-radius: 6px;
    box-shadow: var(--shadow-l);
}

.animated-label-text {
    color: var(--NB-neutral-4);
    font-size: var(--font-size-xxs);
    font-weight: bold;
    letter-spacing: .3px;    
    pointer-events: none;
    position: absolute;
    top: 22px;
    left: 20px;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.animated-label.active .animated-label-text {
    top: 13px;
    left: 20px;
    font-size: var(--font-size-xxs);
}

.animated-label-input .input {
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: var(--font-size-xs);
    border: none;
}

.input-with-icon.input-with-icon-right .input-with-icon-content-icon:not(:empty)+.input-with-icon-input input {
    padding-left: 20px;
    padding-right: 20px;
}

.ie .animated-label-input .input,
.ie11 .animated-label-input .input {
    height: 60px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: var(--font-size-xs) !important;
    border: none !important;
}

.ie .animated-label-input .iti.iti--allow-dropdown .input,
.ie11 .animated-label-input .iti.iti--allow-dropdown .input {
    padding-left: 50px !important;
}

.animated-label-inline .input,
.layout .Form .animated-label-inline .input.ReadOnly:not(.Not_Valid) {
    background-color: transparent;
    border-left: 0;
    border-radius: var(--border-radius-none);
    border-right: 0;
    border-top: 0;
}

.animated-label-inline .animated-label-text {
    left: 20px;
}

.layout .Form .animated-label-inline .input.ReadOnly:not(.Not_Valid):hover {
    border-left: 20px;
    border-radius: var(--border-radius-none);
    border-right: 0;
    border-top: 0;    
}

/*    Overwrite basetheme - input.Not_Valid    */

.animated-label-inline .input.Not_Valid, .layout .Form .animated-label-inline .input.Not_Valid {
    padding-left: 20px;
}

/* Animated label with icon */

.input-with-icon.PasswordIcon .input-with-icon-content-icon {
    right: 5px;
    align-items: flex-end;
}

/* Patterns - Controls - RangeSlider */

.range-slider .noUi-connect {
    background: var(--color-secondary);
}

.range-slider .noUi-target {
    background: var(--color-neutral-3);
}

.range-slider .noUi-handle {
    background: var(--color-neutral-0);
    border: var(--border-size-none);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);
    height: 20px;
    margin-top: -8px;
    width: 20px;
}

.range-slider .noUi-handle.noUi-active,
.range-slider .noUi-handle:hover {
    border: var(--border-size-none);
}

.range-slider .noUi-handle:hover,
.firefox .range-slider .noUi-handle {
    cursor: grab !important;
}

.range-slider .noUi-handle:active,
.range-slider .noUi-handle.noUi-active,
.firefox .range-slider .noUi-handle.noUi-handle-lower.noUi-active  {
    cursor: grabbing !important;
}

.range-slider .noUi-handle:before,
.range-slider .noUi-handle:after {
    display: none;
}

.range-slider .noUi-pips {
    color: var(--color-neutral-6);
    padding-top: var(--space-base);
}

.range-slider .noUi-marker {
    background: var(--color-neutral-6);
}

.range-slider .noUi-value-horizontal {
    font-size: var(--font-size-xs);
    font-weight: var(--font-semi-bold);
    -webkit-transform: translate(0, 20%);
            transform: translate(0, 20%);
}

.range-slider .noUi-value-horizontal:last-child {
    -webkit-transform: translate(-100%, 20%);
            transform: translate(-100%, 20%);
}

.range-slider-label {
    color: var(--color-neutral-6);
}

.range-slider-separator {
    background-color: var(--color-neutral-3);
}

.range-slider .noUi-tooltip {
    background-color: var(--color-primary);
    border: var(--border-size-none);
    box-shadow: var(--shadow-m);
    color: var(--color-neutral-0);
    display: none;
    font-size: var(--font-size-xs);
    font-weight: var(--font-bold);
    margin-bottom: -4px;
    padding: var(--space-s);
}

.range-slider .noUi-tooltip:before {
    background-color: var(--color-primary);
    content: "";
    display: block;
    height: 8px;
    left: 50%;
    position: absolute;
    top: calc(100% - 4px);
    -webkit-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotate(45deg);
    width: 8px;
}

.range-slider .noUi-active .noUi-tooltip {
    display: block;
}

.range-slider .noUi-horizontal {
    margin: var(--space-base) auto;
    width: 92%;
}

.range-slider-block.is-disabled .noUi-handle.noUi-handle-lower {
    background-color: var(--NB-neutral-1);
}

/* Patterns - Structure - Gallery */

.gallery-content,
.gallery-content.ListRecords {
    position: relative;
    z-index: 0;
}

/* ================================================================ */
/*  $5 - Widgets & RichWidgets
/* ================================================================ */

TableRecords tbody tr:last-child td:last-child {
    border-radius: var(--border-radius-soft);
}

/* $5.2 - Widgets - TableRecords */

.NBTableRecords,
.EditableTable {
    border-radius: 6px;
    border-spacing: 0;
    border: none;
    empty-cells: show;
    
    border-collapse:separate; 
    border-spacing:0 10px;
}

.NBTableRecords .TableRecords_Header,
.NBEditableTable  thead th {
    background-color: var(--NB-neutral-0);
    border-bottom: none;
    box-shadow: var(--shadow-l);
    color: var(--NB-neutral-3);
    font-size: 10px;
    font-weight: var(--font-semi-bold);
    letter-spacing: .5px;
    text-transform: uppercase;
    height: 38px;
    padding: var(--space-none);
    padding-left: var(--space-m);
    position: relative;
    text-align: left;
}

.card .NBTableRecords,
.card .NBEditableTable {
    border: 0;
}

.desktop .NBTableRecords .TableRecords_Header.SortColumns_Sortable:hover {
    color: var(--NB-neutral-6);
    text-decoration: none;
}

.NBTableRecords .TableRecords_Header.SortColumns_Sorted {
    color: var(--NB-neutral-3);
    text-decoration: none;   
    transition: .25s ease-in-out;
}

.NBTableRecords .TableRecords_Header:first-child {
    border-radius: 6px var(--border-radius-none) var(--border-radius-none) var(--border-radius-none);
}

.NBTableRecords .TableRecords_Header:last-child {
    border-radius: var(--border-radius-none) 6px var(--border-radius-none) var(--border-radius-none);
}

.NBTableRecords .TableRecords_Header .fa {
    font-size: var(--font-size-xs);
    margin-left: var(--space-s);
    width: auto;
}

.tablet.portrait .NBTableRecords .TableRecords_Header .fa,
.phone .TableRecords .TableRecords_Header .fa {
    display: none;
}

.NBTableRecords tr {
    box-shadow: var(--shadow-l);
    border-radius: 6px;
    -webkit-transition: all 180ms linear;
            transition: all 180ms linear;
}

.NBTableRecords tbody tr:hover {
    box-shadow: 0 0 30px 0 rgba(52, 53, 53, 0.4);
    border-radius: 6px;
    cursor: pointer;
    transition: .3s ease-in-out;
}

.NBTableRecords .TableRecords_OddLine,
.NBTableRecords .TableRecords_EvenLine {
    background-color: var(--NB-neutral-0);
    border-bottom: none;
    height: 80px;
    text-align: left;    
    padding: var(--space-none);
    padding-left: var(--space-m); 
    font-size: var(--font-size-s);
    font-weight: var(--font-semi-bold);
    color: var(--NB-neutral-4);    
    -webkit-transition: all 180ms linear;
            transition: all 180ms linear;
}

.NBTableRecords .TableRecords_OddLine.block,
.NBTableRecords .TableRecords_EvenLine.block,
.ios .NBTableRecords .TableRecords_OddLine.block,
.ios .NBTableRecords .TableRecords_EvenLine.block {
    display: block !important;
}

.NBTableRecords .TableRecords_OddLine:first-child,
.NBTableRecords .TableRecords_EvenLine:first-child { 
    border-radius: 6px 0 0 6px;
    position: relative;
}

.NBTableRecords .TableRecords_OddLine:first-child,
.NBTableRecords .TableRecords_EvenLine:first-child { 
    border-right: 2px 1px dashed var(--NB-neutral-2);
}

.NBTableRecords .TableRecords_OddLine:first-child, 
.NBTableRecords .TableRecords_EvenLine:first-child { 
    border-radius: 6px 0 0 6px;
    position: relative;
}

.NBTableRecords .TableRecords_OddLine:last-child, 
.NBTableRecords .TableRecords_EvenLine:last-child { 
    border-radius: 0 6px 6px 0;
    padding-right: var(--space-m);
}

.NBTableRecords .TableRecords_Header:last-child {
    padding-right: var(--space-m);
}

.table-tag-section,
.table-tag-section {
    border-right: 2px dashed var(--NB-neutral-2); 
    padding-right: 10px;
}

.tablet .table-tag-section,
.tablet .table-tag-section,
.phone .table-tag-section,
.phone .table-tag-section {
    border-right: none;
}

.tablet .NBTableRecords .TableRecords_OddLine:first-child, 
.tablet  .NBTableRecords .TableRecords_EvenLine:first-child,
.phone .NBTableRecords .TableRecords_OddLine:first-child, 
.phone  .NBTableRecords .TableRecords_EvenLine:first-child { 
    border-bottom: 2px dashed var(--NB-neutral-2)!important;
}

.table-tag-section.construcao {
    background-color: var(--NB-neutral-4);
}

.table-tag-section.decisao {
    background-color: var(--NB-secondary);
}

.table-tag-section.fechada {
    background-color: var(--NB-primary);
}

/* Estados das Tabelas */

.NBTableRecords .TableRecords_OddLine .tag.tag-small,
.NBTableRecords .TableRecords_EvenLine .tag.tag-small {
    background-color: var(--NB-neutral-3);
}

.NBTableRecords .construcao .TableRecords_OddLine .tag.tag-small,
.NBTableRecords .construcao .TableRecords_EvenLine .tag.tag-small {
    background-color: var(--NB-neutral-4);
}

.NBTableRecords .decisao .TableRecords_OddLine .tag.tag-small,
.NBTableRecords .decisao .TableRecords_EvenLine .tag.tag-small {
    background-color: var(--NB-secondary);
}

.NBTableRecords .decisao .TableRecords_OddLine:first-child,
.NBTableRecords .decisao .TableRecords_EvenLine:first-child { 
    border-left: 5px solid var(--NB-secondary);
    border-radius: 0;
}

.NBTableRecords .fechada .TableRecords_OddLine .tag.tag-small,
.NBTableRecords .fechada .TableRecords_EvenLine .tag.tag-small {
    background-color: var(--NB-primary);
}

.NBTableRecords .fechada .TableRecords_OddLine:first-child,
.NBTableRecords .fechada .TableRecords_EvenLine:first-child { 
    border-left: 5px solid var(--NB-primary);
    border-radius: 0;
}

.NBTableRecords .TableRecords_OddLine .tag.tag-small,
.NBTableRecords .TableRecords_EvenLine .tag.tag-small {
    position: relative;
    height: 20px;
    width: auto;
    padding-left: 22px;    
    font-size: var(--font-xxs);
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.NBTableRecords .TableRecords_OddLine .tag.tag-small img,
.NBTableRecords .TableRecords_EvenLine .tag.tag-small img {
    position: absolute;
    top: 3px;
    left: 3px;
}

.tablet .TableRecords.table-no-header.no-responsive tbody td,
.phone .TableRecords.table-no-header.no-responsive tbody td {
   border: none;
   padding: var(--space-base) var(--space-none);
}

.tablet .panel .TableRecords tbody tr td, 
.phone .panel .TableRecords tbody tr td {
    padding: var(--space-base) var(--space-none);
}

.table-records-small .TableRecords_OddLine,
.table-records-small .TableRecords_EvenLine {
    height: 48px;    
}

.table-records-medium .TableRecords_OddLine,
.table-records-medium .TableRecords_EvenLine {
    height: 64px;    
}

.table-records-stripping .TableRecords_EvenLine {
    background-color: var(--NB-neutral-1);
}

.desktop .TableRecords tr:hover .TableRecords_OddLine,
.desktop .TableRecords tr:hover .TableRecords_EvenLine {
    background-color: var(--NB-neutral-0);
}

.phone .TableRecords tbody tr {
    margin-bottom: var(--space-r);
}

/* Default Responsive TableRecords */

.desktop .TableRecords_Label,
.tablet .TableRecords_Label {
    display: none;
}

.tablet .TableRecordsNB_Wrapper .TableRecords_Label {
    display: block;
    text-transform: uppercase;
    color: var(--NB-neutral-3);
    font-size: var(--font-size-xxs);
}
    
.phone .TableRecordsNB_Wrapper .TableRecords_Label,
.tablet .TableRecordsNB_Wrapper .TableRecords_Label {
    margin-top: 3px;   
}

.tablet.portrait .TableRecords_Label,
.phone .TableRecords_Label {
    display: block;
    text-transform: uppercase;
    color: var(--NB-neutral-3);
    font-size: var(--font-size-xxs);
}

.tablet .TableRecords tbody tr:first-child td, 
.phone .TableRecords tbody tr:first-child td {
    border-radius: 6px 6px 0 0;
}

.tablet .TableRecords_OddLine:nth-child(1),
.tablet .TableRecords_EvenLine:nth-child(1), 
.phone .TableRecords_OddLine:nth-child(1),
.phone .TableRecords_EvenLine:nth-child(1) {
    border-bottom: 1px solid var(--NB-neutral-1);
    border-left: none;
    padding-bottom: var(--space-m);
}

.tablet .construcao .TableRecords_OddLine:nth-child(1),
.tablet .construcao .TableRecords_EvenLine:nth-child(1),
.tablet .decisao .TableRecords_OddLine:nth-child(1),
.tablet .decisao .TableRecords_EvenLine:nth-child(1),
.tablet .fechada .TableRecords_OddLine:nth-child(1),
.tablet .fechada .TableRecords_EvenLine:nth-child(1),

.phone .construcao .TableRecords_OddLine:nth-child(1),
.phone .construcao .TableRecords_EvenLine:nth-child(1),
.phone .decisao .TableRecords_OddLine:nth-child(1),
.phone .decisao .TableRecords_EvenLine:nth-child(1),
.phone .fechada .TableRecords_OddLine:nth-child(1),
.phone .fechada .TableRecords_EvenLine:nth-child(1) {
    border-bottom: 1px solid var(--NB-neutral-1);
    border-left: none;
    padding-bottom: var(--space-m);
    border-radius: 0;
}

.phone .construcao .TableRecords_OddLine:nth-child(1),
.phone .construcao .TableRecords_EvenLine:nth-child(1) {
    border-radius: 6px 6px 0 0;
}

.tablet .decisao .TableRecords_OddLine:nth-child(1),
.tablet .decisao .TableRecords_EvenLine:nth-child(1),
.phone .decisao .TableRecords_OddLine:nth-child(1),
.phone .decisao .TableRecords_EvenLine:nth-child(1) {
    border-top: 5px solid var(--NB-secondary);
    border-radius: 0;
}

.tablet .fechada .TableRecords_OddLine:nth-child(1),
.tablet .fechada .TableRecords_EvenLine:nth-child(1),
.phone .fechada .TableRecords_OddLine:nth-child(1),
.phone .fechada .TableRecords_EvenLine:nth-child(1) {
    border-top: 5px solid var(--NB-primary);
    border-radius: 6px 6px 0 0;
}

.tablet .TableRecords_OddLine:last-child,
.tablet .TableRecords_EvenLine:nth-child,
.phone .TableRecords_OddLine:last-child,
.phone .TableRecords_EvenLine:nth-child {
    border-radius: 0 0 6px 6px;
}

.tablet .TableRecords_OddLine:nth-child(1) .TableRecords_Label,
.tablet .TableRecords_OddLine:nth-child(2) .TableRecords_Label,
.tablet .TableRecords_EvenLine:nth-child(1) .TableRecords_Label,
.tablet .TableRecords_EvenLine:nth-child(2) .TableRecords_Label,
.phone .TableRecords_OddLine:nth-child(1) .TableRecords_Label,
.phone .TableRecords_OddLine:nth-child(2) .TableRecords_Label,
.phone .TableRecords_EvenLine:nth-child(1) .TableRecords_Label,
.phone .TableRecords_EvenLine:nth-child(2) .TableRecords_Label {
    display: none;
}

.tablet .NBTableRecords .TableRecords_OddLine .tag.tag-small .tag-status,
.tablet .NBTableRecords .TableRecords_EvenLine .tag.tag-small .tag-status,
.phone .NBTableRecords .TableRecords_OddLine .tag.tag-small .tag-status,
.phone .NBTableRecords .TableRecords_EvenLine .tag.tag-small .tag-status {
    margin-bottom: 0;
}

.tablet .TableRecords_Label,
.phone .TableRecords_Label {
    min-width: 70px;
    max-width: 50%;
}

.tablet .TableRecords,
.phone .TableRecords:not(.no-responsive) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tablet .TableRecords thead,
.phone .TableRecords thead {
    display: none;
}

.tablet .TableRecords tbody,
.phone .TableRecords tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
    width: 100%;
}

.tablet .TableRecords tbody tr,
.phone .TableRecords tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
    margin-bottom: var(--space-m);
}

.tablet .TableRecords tbody tr td,
.phone .TableRecords tbody tr td  {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: var(--space-base) var(--space-m) var(--space-none) var(--space-m);
    width: 100% !important;
}

.tablet .TableRecords tbody tr td,
.phone .TableRecords tbody tr td {
    -webkit-box-align: start;
       -ms-flex-align: start;
          align-items: flex-start;
}

.tablet .TableRecords tbody tr td:last-child,
.phone .TableRecords tbody tr td:last-child {
    padding-bottom: var(--space-base);
    border-radius: 0 0 6px 6px;
}

.tablet .TableRecords tbody tr td:not(:last-child),
.phone .TableRecords tbody tr td:not(:last-child) {
    border-bottom: var(--border-size-none); 
}

.tablet .TableRecords tbody tr:first-child td,
.phone .TableRecords tbody tr:first-child td {
    border-radius: var(--border-radius-soft) var(--border-radius-soft) var(--border-radius-none) var(--border-radius-none);
}

/* ================================================================ */
/*  $6 - Styles
/* ================================================================ */

/* $6.2.1 - Styles - Colors - Brand */

.background-primary { background-color: var(--color-primary); }
.background-secondary { background-color: var(--color-secondary); }

.text-primary { color: var(--NB-primary); }
.text-secondary { color: var(--NB-secondary); }
.text-tertiary { color: var(--NB-tertiary); }


/* Background and Text Colors used when IsLight parameter for Badge / Tag / UserInitials is True */

.background-primary-lightest { background-color: var(--color-neutral-0); }
.background-secondary-lightest { background-color: var(--color-neutral-0); }

.text-primary-darker { color: var(--color-primary);}
.text-secondary-darker { color: var(--color-secondary); }


/* $6.2.2 - Styles - Colors - Extendend */

/* $6.2.3 - Styles - Colors - Neutral */

.background-transparent { background-color: transparent; }
.background-neutral-0 { background-color: var(--NB-neutral-0); }
.background-neutral-1 { background-color: var(--NB-neutral-1); }
.background-neutral-2 { background-color: var(--NB-neutral-2); }
.background-neutral-3 { background-color: var(--NB-neutral-3); }
.background-neutral-4 { background-color: var(--NB-neutral-4); }
.background-neutral-5 { background-color: var(--NB-neutral-5); }
.background-neutral-6 { background-color: var(--NB-neutral-6); }
.background-neutral-7 { background-color: var(--NB-neutral-7); }

.text-neutral-0 { color: var(--NB-neutral-0); }
.text-neutral-1 { color: var(--NB-neutral-1); }
.text-neutral-2 { color: var(--NB-neutral-2); }
.text-neutral-3 { color: var(--NB-neutral-3); }
.text-neutral-4 { color: var(--NB-neutral-4); }
.text-neutral-5 { color: var(--NB-neutral-5); }
.text-neutral-6 { color: var(--NB-neutral-6); }
.text-neutral-7 { color: var(--NB-neutral-7); }

/* Background and Text Colors used when IsLight parameter for Badge / Tag / UserInitials is True */

.background-neutral-0-lightest,
.background-neutral-1-lightest,
.background-neutral-2-lightest,
.background-neutral-3-lightest,
.background-neutral-4-lightest {
    background-color: var(--NB-neutral-7);  
}

.background-neutral-5-lightest,
.background-neutral-6-lightest,
.background-neutral-7-lightest,
.background-neutral-8-lightest,
.background-neutral-9-lightest,
.background-neutral-10-lightest {
    background-color: var(--NB-neutral-0);
}

.text-neutral-5-darker { color: var(--color-neutral-5); }
.text-neutral-6-darker { color: var(--color-neutral-6); }
.text-neutral-7-darker { color: var(--color-neutral-7); }
.text-neutral-8-darker { color: var(--color-neutral-8); }
.text-neutral-9-darker { color: var(--color-neutral-9); }
.text-neutral-10-darker { color: var(--color-neutral-10); }


/* $6.2.4 - Styles - Colors - Semantic */

.background-error-light { background-color: var(--color-error-light); }
.background-error { background-color: var(--color-error); }

.text-error-light { color: var(--color-error-light); }
.text-error { color: var(--color-error); }

.background-warning-light { background-color: var(--color-warning-light); }
.background-warning { background-color: var(--color-warning); }

.text-warning-light { color: var(--color-warning-light); }
.text-warning { color: var(--color-warning); }

.background-success-light { background-color: var(--color-success-light); }
.background-success { background-color: var(--color-success); }

.text-success-light { color: var(--color-success-light); }
.text-success { color: var(--color-success); }

.background-info-light { background-color: var(--color-info-light); }
.background-info { background-color: var(--color-info); }

.text-info-light { color: var(--color-info-light); }
.text-info { color: var(--color-info); }


/* $6.2.5 -  - Styles - Others */
.align-right{
    float: right;
}

/* ================================================================ */
/*  $8 - Custom Patterns
/* ================================================================ */

/* Positions */

.position-static {
    position: static;
}

.position-sticky {
    top: 0;
    position: fixed;
}

.sticky {
    top: 0;
    position: fixed;
}

.display-flex-column-direction {
    display: flex;
    flex-direction: column;
}

.max-width-85 {
    max-width: 85%;
}

.min-width-305 {
    min-width: 310px;
}

.ie .min-width-305,
.ie11 .min-width-305 {
    min-width: auto;
}


/*------------*/

.missao-simulador {
    min-height: 80px;
}

/* SideBar Calculated Value */

.desktop .semaforoContainer {    
    position: sticky;
    *position: fixed; /* IE */
    position: -webkit-sticky;
    top: 90px;
}

.desktop .semaforoContainerSticky {    
    position: fixed !important; 
    top: 200px;
    min-width: 200px;
    max-width: 400px;
}

.tablet .semaforoContainer {
    position: sticky;
    position: -webkit-sticky;
    top: 90px;
}

.tablet .SubmeterProposta .semaforoContainer {
    padding-top: 5px;
}

.tablet .semaforoContainerSticky {
    position: fixed !important; 
    top: 200px;
    min-width: 200px;
    max-width: 400px;
}

.desktop .semaforo-container-dados .columns div:nth-child(2) {
    max-width: 54%;
}

.desktop .semaforo-container-dados .columns .columns-item {
    margin-top: var(--space-base);
}

.scrollMenuBlocker {
    background-color: transparent;
}

.side-bar-calculated-value {
    box-shadow: 0 24px 59px 0 rgba(51,59,69,.15);
    border-radius: 6px;
    position: relative;
    z-index: 1;
}

.phone .side-bar-calculated-value {
    z-index: 9;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(calc(100% - 80px));
            transform: translateY(calc(100% - 80px));
    -webkit-transition: all .5s ease-out;
            transition: all .5s ease-out;
    box-shadow: 0 2px 50px 5px rgba(51,59,69,.25); 
}

.phone .side-bar-calculated-value.is-open {
    -webkit-transform: translateY(0);
            transform: translateY(0);      
}

.side-bar-calculated-value .sbcv---action {
    color: var(--color-neutral-0);
    display: none;
    font-size: 32px;
    line-height: 1;
    position: absolute;
    right: 20px;
    top: 30px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    z-index: 10;
}

.phone .side-bar-calculated-value .sbcv---action {
    display: block;
    top: -33px;
    right: calc( 50% - 21px );
    z-index: 33;
    color: white;
}

.phone .side-bar-calculated-value.is-open .sbcv---action {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.sbcv--top-content{
    background-color: var(--color-neutral-0);
    border-top-left-radius: var(--border-radius-soft);
    border-top-right-radius: var(--border-radius-soft);
    padding: var(--space-base) var(--space-m);
    position: relative;
}

.phone .sbcv--top-content {
    padding: var(--space-m) var(--space-l);
    height: 120px;
    min-height: 120px;
}

/* Imagem e animação do semáforo */

.semaforoImage {
    position: absolute; 
    left: calc( 50% - 31px );
    top: -25px;
}

.phone .side-bar-calculated-value.is-open .semaforoImage { /* melhorias do recomendador */
    left: calc( 50% - 170px );
    top: 28px;
}

.semaforoImage img {
    z-index: 1;
}

.semaforoImage .oval {
    z-index: 0;
    position: absolute;
    background-color: var(--NB-neutral-2);
    width: 46px;
    height: 3px;
    left: 8px;
    bottom: 0;
    border-radius: 50%;
}

@keyframes floatSemaforo {
    0% { transform: translatey(0px); }
    50% { transform: translatey(-15px); }
    100% { transform: translatey(0px); }
}

.semaforoImage.semaforoLoading img {
    animation: floatSemaforo 1s ease-in-out infinite;
}

@keyframes floatSemaforoPhone {
    0% { transform: translate3d(-35vw, 35px, 0); }
    50% { transform: translate3d(-35vw, 20px, 0); }
    100% { transform: translate3d(-35vw, 35px, 0); }
}

.phone .semaforoImage.semaforoLoading img {
    animation: floatSemaforoPhone 1s ease-in-out infinite;
}

.semaphore-text {
    line-height: 1.3;
    font-size: var(--font-size-s);
    font-weight: light;
    color: var(--color-success);
}

.phone .semaphore-text {   /* melhorias do recomendador*/
    margin-left: 63px;
}

/* Cores semáforo */

.sbcv--top-content:before,
.sbcv--top-content.info:before,
.sbcv--top-content.success:before,
.sbcv--top-content.warning:before,
.sbcv--top-content.error:before,
.sbcv--top-content:after,
.sbcv--top-content.info:after,
.sbcv--top-content.success:after,
.sbcv--top-content.warning:after,
.sbcv--top-content.error:after {
    content: "";
    position: absolute;
    display: block;
    height: 4px;
    width: 35%;
    border-radius: 2px;
    top: 10px;
}

.sbcv--top-content:before,
.sbcv--top-content.info:before,
.sbcv--top-content.success:before,
.sbcv--top-content.warning:before,
.sbcv--top-content.error:before {
    left: 10px;
}

.sbcv--top-content:after,
.sbcv--top-content.info:after,
.sbcv--top-content.success:after,
.sbcv--top-content.warning:after,
.sbcv--top-content.error:after {
    left: 62%;
}

.sbcv--top-content:before, 
.sbcv--top-content:after {
    background-color: transparent;
}

.sbcv--top-content.info:before,
.sbcv--top-content.info:after {
    background-color: var(--color-info);
}

.sbcv--top-content.success:before,
.sbcv--top-content.success:after {
    background-color: var(--color-success);
}

.sbcv--top-content.warning:before,
.sbcv--top-content.warning:after {
    background-color: var(--color-warning);
}

.sbcv--top-content.error:before,
.sbcv--top-content.error:after {
    background-color: var(--color-error);
}

.sbcv--top-content.success .text-success {
    color: var(--color-success);
}

.sbcv--bottom-content {
    background-color: var(--color-secondary);
    border-radius: var(--border-radius-soft);
    padding: var(--space-m) var(--space-base);
    position: relative;
    z-index: 1;
}

.phone .sbcv--bottom-content {
    border-radius: 0;
}

/* Melhorias do recomendador */

.phone .sbcv--top-content:before,
.phone .sbcv--top-content:after {
    display: none;
}

.side-bar-calculated-value.is-open .sbcv--bottom-content.background-error,
.side-bar-calculated-value.is-open .sbcv--bottom-content.background-success,
.side-bar-calculated-value.is-open .sbcv--bottom-content.background-warning,
.side-bar-calculated-value.is-open .sbcv--bottom-content { 
    border-radius: var(--border-radius-soft) var(--border-radius-soft) 0 0;
    background-color: var(--color-secondary);
}

.phone .sbcv--bottom-content.background-error {
    background-color: var(--color-error);
}

.phone .sbcv--bottom-content.background-success {
    background-color: var(--color-success);
}

.phone .sbcv--bottom-content.background-warning {
    background-color: var(--color-warning);
}

.phone .sbcv--top-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.phone .side-bar-calculated-value.is-open .sbcv--top-content {
    margin-bottom: -32px;
}

.phone .side-bar-calculated-value.is-open .sbcv--top-content .semaphore.text-align-center {
    margin-top: -10px;
}

.phone .side-bar-calculated-value.is-open .sbcv--top-content .semaforoImage  {
    top: 11px;
}

.phone .side-bar-calculated-value.is-open .sbcv--bottom-content {
    padding-bottom: var(--space-s);
}

.semaforo-status {
    z-index: 32;
    position: relative;
    border-radius: 4px;
    width: 121%;
    margin-top: -30px;
    right: 10%;
}

.semaforo-status.error {
    border: 4px solid var(--color-error);
    background-color: var(--color-error);
}

.semaforo-status.warning {
    border: 4px solid var(--color-warning);
    background-color: var(--color-warning);
}

.semaforo-status.success {
    border: 4px solid var(--color-success);
    background-color: var(--color-success);
}

.sbvc---circle {
    position: absolute;
    top: -30px;
    right: calc( 50% - 21px );
    width: 42px;
    height: 42px;
    border-radius: 50%;
    z-index: -1;
}

.sbvc---circle.error {
    background-color: var(--color-error);
}

.sbvc---circle.success {
    background-color: var(--color-success);
}

.sbvc---circle.warning {
    background-color: var(--color-warning);
}

/* Button do semaforo - Mobile - melhorias do recomendador */

.side-bar-calculated-value.is-open .sbcv--top-content .semaforo-button {
    display: none;
}

.semaforo-button {
    z-index: 2;
    position: relative;
    display: flex;
    justify-content: flex-end;
    top: 8%;
}

.semaforo-button-container {
    width: 13%;
    border-radius: 5px;
    height: 60px;
    display: flex;
    align-items: center;
    background-color: white;
    justify-content: center;
}

.semaforo-button-container:hover {
    background-color:var(--color-tertiaty-hover);
}

.semaforo-button-container.error.disabled {
    opacity: .4;
}

.semaforo-button-container .fa {
    display: flex;
    justify-content: center;
    font-size: xx-large;
}

.semaforo-button-container.error .fa {
    color: var(--color-error);
}

.semaforo-button-container.warning .fa {
    color: var(--color-warning);
}

.semaforo-button-container.success .fa {
    color: var(--color-success);
}

.semaforo-button-container a:hover:active {
    background-color: var(--color-tertiaty-hover);
}

.phone .semaforo-buttons {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

/*...................................................*/

/* .tablet .sbcv--bottom-content, */
.phone .sbcv--bottom-content {
    padding: var(--space-base);
    margin-top: -20px;
}

.sbcv---content-wrapper {
    position: relative;
}

.phone .side-bar-calculated-value.is-open .sbcv---content-wrapper:before,
.sbcv---content-wrapper:before {
    border-right: var(--border-size-s) dashed var(--color-neutral-0);
    content: "";
    display: block;
    height: 100%;
    left: 68%;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1;
    opacity: .5;
}

.phone .side-bar-calculated-value .sbcv---content-wrapper:before {
    display: none;
}

.sbcv--bottom-content .sbcv---left-info,
.sbcv--bottom-content .sbcv---right-info {
    display: inline-block;
    vertical-align: top;
}

.sbcv---left-info {
    width: 70%;
}

.tablet .sbcv---left-info {
    width: 75%;
}

.sbcv---right-info {
    width: 30%;
}

.tablet .sbcv---right-info {
    width: 25%;
}

.phone .sbcv---right-info {
    display: flex;
}

.phone .side-bar-calculated-value.is-open .sbcv---right-info {
    display: inline-block;
}

.sbcv---left-info .font-size-display,
.sbcv---left-info [class*=heading],
.sbcv---right-info .font-size-display,
.sbcv---right-info [class*=heading] {
    line-height: 1;
}

/* Recomendador 2 emprestimos */

.sbcv---content-wrapper .sbcv---left-info .badge {
    color: var(--color-secondary);
    height: 20px;
    min-width: 20px;
    font-weight: bold;
    background-color: white!important;
}

.sbcv---actions {
    margin-top: var(--space-m);
}

.sbcv---actions a {
    color: var(--color-neutral-0);
    text-transform: uppercase;
}

/* Semaphore Mobile New Version */

.phone .side-bar-calculated-value.is-open .semaforoImage img {
    z-index: 300;
    transform: translate3d(-0, 0, 0);
}

.phone .side-bar-calculated-value .semaforoImage img {
    z-index: 200;
    transform: translate3d(-35vw, 35px, 0);
}

.phone .side-bar-calculated-value .sbcv---left-info > div:first-child {
    transform: translateX(80px);
}

.phone .side-bar-calculated-value.is-open .sbcv---left-info > div:first-child {
    transform: translateX(0);
}

.phone  .side-bar-calculated-value .sbcv--top-content {
    top: 100px;
    margin-top: -100px;
}

.phone .side-bar-calculated-value.is-open .sbcv--top-content {
    top: 0;
    margin-top: 0;
    height: unset;
}

/* Section FINE Style */
.section.fine-style {
    box-shadow: var(--shadow-l);
    line-height: 1.7;
}

.section.fine-style .section-header {
    display: none;
}

.section.fine-style .section-content {
    background-color: var(--color-neutral-0);
    border-radius: 6px;
    padding: var(--space-l) var(--space-xl);
    position: relative;
}

.section.fine-style .accordion.fine-accordion .accordion-item .accordion-item-content {
    overflow: hidden;
}

.phone .section.fine-style .section-content,
.tablet .section.fine-style .section-content {
    padding: var(--space-none);
}

.section.fine-style .section-content > * {
    position: relative;
}

.phone .section.fine-style .section-content > *,
.tablet .section.fine-style .section-content > * {
    padding: var(--space-l);
}

.phone .section.fine-style .section-content table,
.tablet .section.fine-style .section-content table {
    margin-bottom: var(--space-none);
}

.section.fine-style .accordion-item {
    background-color: transparent;
    border: var(--border-size-none);
    border-radius: var(--border-radius-none);
    margin: var(--space-none);
    position: relative;
}

.phone .section.fine-style .accordion-item,
.tablet .section.fine-style .accordion-item {
    border-bottom: 1px solid var(--color-neutral-2);
    padding-bottom: 20px;
    padding-top: 10px;
}

.phone .section.fine-style .accordion-item.comissoes,
.tablet .section.fine-style .accordion-item.comissoes {
    border-bottom: 1px solid var(--color-neutral-0);
    padding-top: 10px;
    padding-bottom: var(--space-xs);
}

.section.fine-style .accordion-item .accordion-item-header {
    padding: var(--space-none);
}

.section.fine-style .section-buttonFINE {
    width: 178px;
}

.section.fine-style .section-encargos {
    width: calc(98% - 178px);
}

.phone .section.fine-style .section-buttonFINE,
.phone .section.fine-style .section-encargos,
.tablet .section.fine-style .section-buttonFINE,
.tablet .section.fine-style .section-encargos,
.tablet .section.fine-style .section-encargos .ThemeGrid_Width4,
.tablet .section.fine-style .section-encargos .ThemeGrid_Width6,
.tablet .section.fine-style .section-encargos .ThemeGrid_Width8 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.phone .section.fine-style .section-encargos,
.tablet .section.fine-style .section-encargos {
    margin-bottom: var(--space-none);
}  

.section.fine-style .buttonFINE {
    position: relative;
    border: 1px solid var(--NB-neutral-2);    
    box-shadow: 0 0 30px 0 rgba(215, 222, 227, 0.4);
    padding: var(--space-m);
    border-radius: 6px;
}

.section.fine-style .buttonFINE .icon-fine img {
    position: absolute;
    left: var(--space-m);    
    top: -10px;
    width: 30px;
}

.section.fine-style .buttonFINE .btn a {
    color: var(--color-primary);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section.fine-style .buttonFINE .btn {
    border: 1px solid var(--color-primary);
    background: transparent;
    height: 40px;
    color: var(--NB-neutral-3);
    font-weight: 400;
    padding: 0;
    width: 100%;
    box-shadow: none;
    letter-spacing: 0.5px;
}

.section.fine-style .buttonFINE .btn.disable:hover,
.section.fine-style .buttonFINE .btn.disable {
    border: 1px solid var(--color-neutral-7);
    opacity: .4;
    cursor: default;
    box-shadow: none;
}

.section.fine-style .buttonFINE .btn.disable a {
    color: var(--color-neutral-8);
    cursor: default;
}

.ie11 .section.fine-style .buttonFINE .btn {
    padding: 5px 20px;
}

.ie11 .section.fine-style .buttonFINE .btn a {
    color: var(--color-primary);
}

.section.fine-style .buttonFINE .btn:hover {
    box-shadow: var(--shadow-l);
}

.phone .section.fine-style .accordion-item .accordion-item-header,
.tablet .section.fine-style .accordion-item .accordion-item-header {
    padding: var(--space-none);
    padding: none;
}

.section.fine-style .accordion-item-icon {
    display: none;
}

.phone .section.fine-style .accordion-item-icon,
.tablet .section.fine-style .accordion-item-icon {
    display: block;
}


.phone .section.fine-style .columns.gutter-l,
.tablet .section.fine-style .columns.gutter-l {
    margin-bottom: 0;
}

.section.fine-style .accordion-item .heading4.text-primary {
    -webkit-transition: all .25s ease;
            transition: all .25s ease;
}

.phone .section.fine-style .accordion-item .heading4.text-primary,
.tabçet .section.fine-style .accordion-item .heading4.text-primary {
    color: var(--color-neutral-8);
    font-size: var(--font-size-h5);
}

.section.fine-style .accordion-item.is--open .heading4.text-primary {
    color: var(--color-primary);
}

.section.fine-style .accordion-item .accordion-item-content {
    border: var(--border-size-none);
    color: var(--color-neutral-7);
    padding: var(--space-none);
}

.section.fine-style .accordion-item .accordion-item-content > *:first-child {
    margin-top: var(--space-none);
}

.phone .section.fine-style .accordion-item-content,
.tablet .section.fine-style .accordion-item-content {
    padding: var(--space-none) var(--space-none);
}

.phone .section.fine-style .accordion-item-icon,
.tablet .section.fine-style .accordion-item-icon {
    display: none;
}

.phone .section.fine-style .accordion-item .accordion-item-icon,
.tablet .section.fine-style .accordion-item .accordion-item-icon {
    display: block;
}

.phone .section.fine-style .accordion-item.is--open .accordion-item-icon .fa,
.tablet .section.fine-style .accordion-item.is--open .accordion-item-icon .fa {
    color: var(--color-neutral-5);
}

/* FINE -TABS */

.fine-tabs.ThemeGrid_MarginGutter {
    margin-left: 0;
}

.fine-tabs .tabs .tabs-content {
    margin-top: 0;
    padding: 0;
}

.fine-tabs .tabs .tabs-header {
    border-bottom: 3px solid var(--color-primary);
    z-index: 0;
}

.fine-tabs .tabs .tabs-header-item:first-child {
    border-radius: 5px 0 0 0;
}

.fine-tabs .tabs .tabs-header-item:last-child {
    border-radius: 0 5px 0 0;
}

.fine-tabs .tabs-header-item {
    width: 12%;
    background-color: white;
    color: #A5A5A5;
    border: 1px solid #E0E0E0;
    margin-left: 0;
    padding: 8px 2px;
    transition: none;
    -webkit-transition: none;
    font-size: 12px;
    word-break: break-word;
}

.phone .fine-tabs .tabs-header-item {
    padding: 8px 2px 8px 0px;
}

.fine-tabs .tabs-header-item.active {
    background-color: var(--color-primary);
    color: white;
    border: 1px solid var(--color-primary);
}

.fine-tabs .tabs-header-item:hover {
    border-bottom: 0;
}

.fine-tabs .tabs .tabs-header .tabs-header-item .badge {
    color: white;
    margin-left: 0;
    margin-right: var(--space-s);
    background-color: #A5A5A5;
    height: 20px;
    min-width: 20px;
}

.fine-tabs .tabs .tabs-header .tabs-header-item.active .badge {
    background-color: white;
    color: var(--color-primary);
}

/* RangeSlider CustomBlock */
.range-slider-block {
    position: relative;
}

.tablet .range-slider-block,
.phone .range-slider-block {
    padding-top: var(--space-none);
    margin-bottom: var(--space-none);
}

.range-slider-block.is-disabled {
    /* opacity: .4; */
    cursor: not-allowed;
}

.range-slider-block.is-disabled:before {
    background-color: transparent;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 20;
}

.range-slider-block.is-disabled .range-slider .noUi-connect {
    background-color: var(--color-neutral-5);
}

.range-slider-block .range-slider-label {
    color: var(--NB-neutral-7);
    font-size: var(--font-size-xs);
    font-weight: var(--font-semi-bold);
    margin: 0;
}

.range-slider-block .range-slider-input {
    margin-bottom: var(--space-s);
    margin-top: var(--space-s);
}

.range-slider-block .range-slider-input > input {
    border: var(--border-size-none);
    /* box-shadow: var(--shadow-l); */
    font-size: var(--font-size-h3);
    font-weight: var(--font-light);
    color: var(--NB-neutral-6);
    height: 60px;
    text-align: center;
    width: 100%;
}

.range-slider-block .range-slider-input > input,
.range-slider-block .range-slider-input > .textarea:hover,
.range-slider-block .range-slider-input > .select:hover {
    border: var(--border-size-s) solid var(--NB-neutral-2);
    border-radius: 6px;
}

.range-slider-block .range-slider-input > input.updating,
.range-slider-block .range-slider-input > input:focus,
.range-slider-block .range-slider-input > input:hover:focus {
    border-color: var(--color-secondary);
}

.range-slider-block .range-slider-input > input:focus,
.range-slider-block .range-slider-input > input:hover:focus {
    caret-color: var(--color-secondary);
}

.range-slider-block .range-slider-values {
    display: none;
}

.range-slider-block .noUi-marker {
    display:none;
}

/* rangle slider lock/unlock style */
.range-slider-block.locked-type.is-locked:before,
.range-slider-block.locked-type.is-locked:after {
    background-color: transparent;
    bottom: 25%;
    content: "";
    display: block;
    left: 0;
    opacity: .4;
    position: absolute;
    right: 30px;
    top: 0;
    z-index: 2;
}

.range-slider-block.locked-type.is-locked:after {
    bottom: 0;
    right: 0;
    top: 75%;
}

.range-slider-input-wrapper {
    position: relative;
}

.range-slider-lock-wrapper {
    height: 100%;
    position: absolute;
    right: 5px;
    top: 0;
    width: 30px;
}

.phone .range-slider-lock-wrapper {
    height: 60px;
}

.range-slider-lock-wrapper > div {
    cursor: pointer;
    font-size: var(--font-size-h6);
    position: relative;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
}

.range-slider-lock-icon {
    color: var(--color-secondary);
    display: none;
}

.range-slider-block.locked-type.is-locked .range-slider-lock-icon {
    display: block;
}

.range-slider-unlock-icon {
    color: var(--color-neutral-7);
}

.range-slider-block.locked-type.is-locked .range-slider-unlock-icon {
    display: none;
}

/* show/hide info message */
.range-slider-message {
    background-color: var(--color-neutral-3);
    border-radius: var(--border-size-s);
    bottom: 0;
    box-shadow: var(--shadow-m);
    color: var(--color-neutral-0);
    font-size: var(--font-size-xs);
    line-height: var(--font-size-h6);
    left: 10%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: var(--space-none);
    position: absolute;
    text-align: center;
    -webkit-transition: all .5s ease;
            transition: all .5s ease;
    width: 80%;
    z-index: 1;

    
    
    
    
    
    
}

.range-slider-message:before {
    background-color: var(--color-neutral-3);
    content: "";
    display: block;
    height: 12px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
    width: 12px;
    -webkit-transition: all .5s ease;
            transition: all .5s ease;

    
}

.range-slider-block[class*="notification-"] .range-slider-message {
    bottom: 95%;
    max-height: 60px;
    opacity: 1;
    overflow: visible;
    padding: var(--space-s) var(--space-base);
}

.range-slider-block[class*="notification-"] .range-slider-message:before {
    opacity: 1;
}

.range-slider-block.notification-Error .range-slider-message,
.range-slider-block.notification-Error .range-slider-message:before {
    background-color: var(--color-error);
}

.range-slider-block.notification-Success .range-slider-message,
.range-slider-block.notification-Success .range-slider-message:before {
    background-color: var(--color-success);
}

.range-slider-block.notification-Info .range-slider-message,
.range-slider-block.notification-Info .range-slider-message:before {
    background-color: var(--color-info);
}

.range-slider-block.notification-Warning .range-slider-message,
.range-slider-block.notification-Warning .range-slider-message:before {
    background-color: var(--color-warning);
}

.range-slider-block.notification-Error .range-slider-input > input {
    border-color: var(--color-error);
}

.range-slider-block.notification-Success .range-slider-input > input {
    border-color: var(--color-success);
}

.range-slider-block.notification-Info .range-slider-input > input {
    border-color: var(--color-info);
}

.range-slider-block.notification-Warning .range-slider-input > input {
    border-color: var(--color-warning);
}

.Menu_TopMenus{
flex:none;
}

/* NB_ExternalPatterns > Card Image Popped */

.card-image-popped .card-image {
    padding: var(--space-none);
}

.card-image-popped .card-image img {
    webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.card-image-popped .card-title {
    font-family: 'NB', Roboto, Helvetica, Arial, sans-serif;
}

.card-image-popped .card-content {
    padding: var(--space-none);
    padding-top: var(--space-m);
}

.card-image-popped .font-size-display {
    font-size: 36px;
}

.card-image-popped .card-footer {
    background-color: var(--color-secondary);
    color: var(--color-neutral-0);    
    font-size: var(--font-size-s);
    padding: var(--space-base) var(--space-m); 
}

.TabContent {
    padding:  var(--space-m);
}

.ie .TableRecords, 
.ie .EditableTable,
.ie11 .TableRecords, 
.ie11 .EditableTable {
    border: none;
}

/* ================================================================ */
/*  $9 - Custom Styles
/* ================================================================ */

/* font styles */
.font-family-nb.font-size-display {
    line-height: 1;
}

/* float illustration image on simulator page */
.float-illustration,
.float-illustration-simulador {
    position: relative;
    z-index: 0;
}

.float-illustration img {
    display: block;
    position: absolute;
    -webkit-transform: translateY(-55%);
            transform: translateY(-55%);
}
.float-illustration-simulador img {
    display: block;
    position: absolute;
    transform: translateY(-80%);
    width: 447px;
    left: -30px;
}

.ie11 .float-illustration-simulador img {
    width: 415px;
    transform: translateY(-81%);
}

.tablet .float-illustration-simulador img {
    position: absolute;
    transform: translateY(-80%);
    width: 350px;
    max-width: 350px;
    left: -110px;
    top: 10px;
}

.phone .float-illustration-simulador img {
    width: 260px;
    display: block;
    position: absolute;
    transform: translateY(-54%);
    right: 0;
    left: 9%;
}

.float-illustration-onboarding img {
    position: absolute;
    top: 7vh;
    width: 640px;
    right: -130px;
}

.tablet .floating-illustration-onboarding-mobile img {
    width: 80%;
    padding-left: 10%;
}

.phone .floating-illustration-onboarding-mobile img {
    width: 100%;
    padding-left: 0;
}

.float-illustration-login img {
    position: absolute;
    top: 10vh;
    left: 40%;
    width: 850px;
}

.float-illustration-registo-error img {
    position: absolute;
    top: 10vh;
    left: 50%;
    width: 450px;
}

.float-illustration-login.mediadora img {
    position: absolute;
    left: 42%;
    top: 10vh;
    width: 700px;
}

.tablet .float-illustration-login img,
.tablet .float-illustration-login.mediadora img {
    position: relative;
    width: 80%;
    top: 0;
    left: 10%;
    right: 10%;
}

.phone .float-illustration-login img,
.phone .float-illustration-login.mediadora img {
    position: relative;
    width: 100%;
    top: 25px;
    left: 0;
    right: 0;
}

.float-illustration-gravar img {
    position: absolute;
    top: 130px;
    right: -95px;
}

.float-illustration-aprovacao img {
    position: absolute;
    top: 18vh;
    right: -55px;
}

.float-illustration-carmen img {
    z-index: -1;
    position: absolute;
    top: 150px;
    right: 30px;
}

.float-illustration-FINE-cat img {
    position: absolute;
    top: 60px;
    right: -80px;
}

.float-illustration-FINE-ball img {
    position: absolute;
    bottom: 36px;
    left: -25px;
    z-index: 2;
}

.illustration-error-smile {
    display: flex;
    align-items: center;
    justify-content: center;
}

.illustration-error-smile .fa{
    color: var(--color-neutral-6);
    margin-left: 10px;
    margin-right: 5px;
}

.illustration-error-tooltip {
    position: absolute;
    left: calc( 50% - 50px);
    top: -20px;
}

.float-illustration-FINE-screen img {
    position: absolute;
    bottom: 40px;
    right: -50px;
}

.float-illustration-success {
    left: calc(50% - 185px);
    position: absolute;
    top: -140px;
}

.float-illustration-success.small-image-ill-sucess
{
    left: calc(50% - 122px);
    top: -45px;
}

.flip-image {
    transform: scaleX(-1);
}

.margin-illustration-simulador {
    margin-bottom: -26px;
    margin-left: 28px;
}

/* remove padding-top and padding-bottom to the ThemeGrid_Container */

.ThemeGrid_Container.padding-top-none,
.layout-top .content .ThemeGrid_Container.padding-top-none {
    padding-top: var(--space-none);
}

.ThemeGrid_Container.padding-bottom-none,
.layout-top .content .ThemeGrid_Container.padding-bottom-none {
    padding-bottom: var(--space-none);
}

.ThemeGrid_Container.padding-right-none,
.layout-top .content .ThemeGrid_Container.padding-right-none {
    padding-right: var(--space-none);
}

.ThemeGrid_Container.padding-left-none,
.layout-top .content .ThemeGrid_Container.padding-left-none {
    padding-left: var(--space-none);
}

/* M O D A L */
.modal-overlay {
    background-color: rgba(0, 0, 0, .7);
 }

.modal {
    z-index: 102;
    position: fixed;    
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;    
    height: 104vh;
    max-height: 104vh;
    align-items: flex-start;
    padding: var(--space-xxl);    
    opacity: 1;
    display: none;    
    overflow: auto;
    
}

.modal.is--visible {
    display: inline-flex;
}

.ie .modal.is--visible,
.ie11 .modal.is--visible {
    display: inline-block;
    padding-top: 15vh;
}

.modal-wrapper.illustration-overflow {
    --border-radius-soft: 6px;
    --color-neutral-1: #fafafa;
    --shadow-xl: 0 24px 59px 0 rgba(0,0,0,.5);
    
    position: relative;
    top: 0;
    
    background-color: var(--color-neutral-0);
    border: none;
    border-radius: 8px;
    box-shadow: var(--shadow-xl);
    min-width: 700px;
    min-height: fit-content;
    overflow: visible;
    padding: var(--space-xxl);
    margin: auto;
}

.modal-wrapper.illustration-overflow.modal-small.modal-wrapper {
    min-width: 400px;
    max-width: 600px;
}

.modal-wrapper.illustration-overflow.modal-small .modal-ajuda-small-title {
    width: 100%;
}

.modal-small .modal-footer {
    padding-bottom: 0;
    padding-top: var(--space-xl);
}

.phone .modal-small .modal-footer {
    padding-top: 0;
}

.modal-wrapper.illustration-overflow.modal-medium {
    min-width: 600px;
}




.modal-wrapper.illustration-overflow .modal-top {
    left: 0;
    line-height: 1;
    padding-top: var(--space-m);
    padding-right:var(--space-l);
    position: absolute;
    right: 0;
    top: 0;
}

.modal-wrapper.illustration-overflow .modal-close {
    font-size: var(--font-size-h2);
}

.modal-wrapper.illustration-overflow .modal-content {
    padding: var(--space-none);
    overflow-x: hidden;
}

.modal-wrapper.illustration-overflow img.bottom-illustration {
    bottom: 0;
    position: absolute;
    right: 20px;

    
    
}

.ie .modal-wrapper,
.ie11 .modal-wrapper {
    max-height: none !important;
}

/* Calendar - Date Picker */
.pika-table {
    padding-bottom: var(--space-base);
}

.pika-today-container {
    display:none;
}

/* Modal Specific button - Footer */
.modal-specific-btn .modal-content {
    margin-bottom: calc(var(--space-xxl) + var(--space-base));
}

.phone .modal-specific-btn .modal-content {
    margin-bottom: var(--space-xxl);
}

.modal-specific-btn .modal-footer {
    position: absolute;
    bottom: 0;
    padding: 0;
    width: 100%;
    left: 0;
}

.phone .modal-specific-btn .modal-footer {
    margin-bottom: 10vh;
    position: static;
    bottom: unset;
    left: unset;
    width: 100%;
}

.modal-specific-btn .modal-footer a {
    border-radius: 0 0 6px 6px;
    height: 70px;
}

.phone .modal-specific-btn .modal-footer.ph a {
    border-radius: 6px;
    padding: 0;
}

/* Scroll Modal estilo */
.ie .modal-specific-btn, .ie11 .modal-specific-btn, .firefox .modal-specific-btn {
    max-height: none;
}

.modal-content-specific-scroll {
    max-height: 150px;
    overflow-y: auto;
    margin: 0 auto var(--space-base);
    padding: 0 var(--space-l);
    box-sizing: content-box;
}

.phone .modal-content-specific-scroll {
    padding: 0 var(--space-l) 0 0;
    overflow-y: scroll;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--NB-neutral-2); 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--NB-neutral-3); 
}

/* Hidden phone version */
.phone .hidden {
    display: none;
}

/* Hidden IE version */
.ie .hidden, .ie10 .hidden, .ie11 .hidden, .edge .hidden {
    display: none;
}

/* Modal - mobile version */

.phone .modal {
    height: 100vh;
    min-height: 100vh;
    padding: var(--space-none);
    /*overflow-y: scroll; */
    min-width: 100%;
    max-width: 100%;
}

.phone .modal .modal-content {
    margin-top: var(--space-xxl);
}

.phone .modal .modal-content img {
    display: none;
}
/* excepção */
.phone .modal .modal-content .illustration-error-tooltip img ,
.phone .modal .modal-content .illustration-error-smile img {
    display: block!important;
}

.phone .modal .modal-wrapper {
    height: auto;
    min-height: 100vh;
    min-width: 100%;
    max-width: 100%;
    overflow-y: scroll;
    border-radius: 0;
    padding: var(--space-l);
}

.phone .modal .modal-content .Button.nobottom,
.phone .modal .modal-content .btn.nobottom {
    bottom: unset;
}

/* Toggle Inline Text */

.toggle-inline-text {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 152px;
    height: 42px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 20px;
}

.toggle-inline-text > div {
    position: absolute;
    height: 40px;
    color: var(--NB-neutral-3);
    font-size: 10px;
    font-weight: bold;
    line-height: 40px;
    text-transform: uppercase;
    cursor: pointer;
    
    -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
                
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
             align-self: center;           
}

.toggle-inline-text > div.left-label { 
    left: 22px; 
}

.toggle-inline-text > div.left-label.active,
.toggle-inline-text > div.right-label.active { 
    z-index: 10;
    color: var(--NB-neutral-0);
    transition: .3s ease-in-out;
}

.toggle-inline-text > div.right-label { 
    right: 22px; 
}

.toggle-inline-text .toggle-button-border {
    height: 26px;
    width: 136px;
    padding: 7px;
    border: 20px;
}

.toggle-inline-text .toggle-button-label {
    visibility: hidden;
}

.toggle-inline-text .checkbox-toogle {
    z-index: 2;
    background-color: var(--NB-primary);
    border-radius: 20px;
    height: 26px;
    width: 63px;
    left: 7px;
    opacity: 1;
    position: absolute;
    top: 7px;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    transition: .3s ease-in-out;
}

.toggle-inline-text .checkbox-toogle.active {
    -webkit-transform: translateX(68px);
            transform: translateX(68px);
} 

/* Disabled class */
.disabled {
    opacity: .3;
    cursor: not-allowed;
}

.input[disabled="disabled"], 
.input[readonly="readonly"] {
    border: 1px solid var(--NB-neutral-2);
    box-shadow: var(--shadow-l);
}

/* CrossSelling options */
.cross-selling {
    display: flex !important;
}

.tablet .cross-selling,
.phone .cross-selling {
    display: block !important;
}

.cross-selling-option {
    padding: var(--space-m);
    border: 1px solid var(--NB-neutral-2);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 31%;
    margin-right: var(--space-s);
}

.tablet .cross-selling-option,
.phone .cross-selling-option{
    max-width: 100%;
    min-width: 100%;
    margin: 0;
    margin-bottom: var(--space-m);
}

.cross-selling-option:last-child {
    margin-right: var(--space-none);
}

.cross-selling-option.active {
    border: 1px solid var(--color-secondary);
}

.balcao-option.active {
    border: 1px solid var(--NB-primary);
}

.cross-selling-option.active > div .font-family-nb {
    color: var(--color-secondary);
}

.cross-selling-option.disable {
    opacity: .6;
    cursor: none;
}

.cross-selling-option cross-bonificacao {
    align-self: flex-end;
}

.cross-selling-option .bullets {
  list-style: none; 
  padding-left: 10px; 
}

.cross-selling-option .bullets .bullets-item::before {
  content: "\2022";  
  color: var(--NB-neutral-3);
  font-weight: bold;
  display: inline-block;
  width: 4px; 
  margin-left: -10px;
  margin-right: 10px;
}

.cross-selling-option.active .bullets .bullets-item::before {
    color: var(--color-secondary);
    transition: .3s ease-in-out;
}

.cross-selling-option .checkbox {
    height: 26px;
    width: 26px ;
}

.ios .cross-selling-option .checkbox,
.cross-selling-option .checkbox {
    background-color: white !important;
}

.cross-selling-option .checkbox:before {
    border: var(--border-size-s) solid var(--color-neutral-5);
    height: 26px;
    width: 26px;
    border-radius: 50%;
    background: white;
    transition: .3s ease-in-out;
}

.cross-selling-option .checkbox:after,
.ios .cross-selling-option .checkbox:after {
    background-color: transparent!important;
    
    font-family: 'FontAwesome';
    content: "\f00c";
    font-size: var(--font-size-xs);
    
    color: white;
    padding-left: 1px;
    
    transform: scale(0);
    opacity: 0;
    transition: .3s ease-in-out;
    padding: 3px 4px;
}

.cross-selling-option .checkbox:checked:after,
.ios .cross-selling-option .checkbox:checked:after {
    transform: scale(1);
    opacity: 1;
    transition: .3s ease-in-out;
}

.cross-selling-option .checkbox:checked:before,
.ios .cross-selling-option .checkbox:checked:before {
    background-color: var(--color-secondary);
    border: 2px solid var(--color-secondary);
    transition: .3s ease-in-out;
}

/* cross-selling disabled*/

.cross-selling-option.disabled .checkbox:checked:before,
.ios .cross-selling-option.disabled .checkbox:checked:before {
    background-color: var(--NB-neutral-3);
    border-color: var(--NB-neutral-3);
}


.cross-selling-option label {
    display: none;
}

/* Checkbox IE11*/
.ie11 .cross-selling-option .checkbox {
    height: auto;
    width: auto ;
}

.ie11 .cross-selling-option .checkbox:before,
.ie11 .cross-selling-option input[type=checkbox]::-ms-check {
    border: var(--border-size-m) solid var(--color-secondary);
    color: white;
    background-color: var(--color-secondary);
    height: 20px !important;
    width: 20px !important;
    padding: 4px 5px !important;
    border-radius: 50%;
}

/* Special Separator - green & blue element */

.separator-green-line,
.separator-blue-line {
    position: relative;
}

.separator-green-line::before,
.separator-blue-line::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 1px;
    background-color: var(--NB-primary);
}

.separator-green-line::before {
    background-color: var(--NB-primary);
}

.separator-blue-line::before {
    background-color: var(--NB-secondary);
}

/* Resumo da Simulação */

.phone .simulation-resume,
.tablet .simulation-resume {
    background-color: var(--NB-neutral-0);  
    border-radius: 6px;
}

.simulation-resume .accordion-item .accordion-item-content {
    border-top: none;   
}

.simulation-resume .accordion-item.is--open .accordion-item-header {
    padding-bottom: var(--space-none);
}

.simulation-resume .accordion-item .accordion-item-content.is--expanded,
.simulation-resume .accordion-item .accordion-item-content.is--collapsed {    
    padding: var(--space-l);
    padding-top: var(--space-xs);
    height: auto!important;
}

.simulation-resume .accordion-item .accordion-item-header .float-illustration-resume img {
    position: absolute;
    right: var(--space-l);
    bottom: 0;
    transform: translateY(0);
}

.simulation-resume .accordion-item.is--open .accordion-item-header .float-illustration-resume img {
    position: absolute;
    right: var(--space-l);
    transform: translateY(33px);
}

.simulation-resume .accordion-item .accordion-item-header {
    position: relative;
}

/* Modal Ajuda */
.modal-ajuda-content-semaforo {
    display: flex;
    justify-content: center;
}

.help-container {
    position: relative;
    border: 1px solid var(--NB-neutral-1);
    border-radius: 6px;
    box-shadow: var(--shadow-l);
    width: 75%;
}

.help-container.border::before {
    content: " ";
    position: absolute;
    left: calc( 50% - 15px);
    top: 0;
    width: 30px;
    height: 1px;
    background-color: var(--NB-primary);
}

/* Alert Content - submeter proposta */

.alert-content .accordion-item.is--open .accordion-item-header {
    border-radius: 6px 6px 0 0;
}

.alert-content .accordion-item.is--closed .accordion-item-header {
    border-radius: 6px;
}

.alert-content .accordion-item-header {
    color: var(--NB-neutral-0);
    
    padding: var(--space-r) var(--space-m);
    padding-bottom: var(--space-s);
}

.alert-content.info .accordion-item-header {
    background-color: var(--NB-secondary); 
}

.alert-content .accordion-item .accordion-item-icon .fa,
.alert-content .accordion-item .accordion-item-title {
    color: var(--NB-neutral-0);
}

.alert-content-header {
    color: var(--NB-neutral-0);
    padding: var(--space-base) var(--space-l);
    border-radius: 6px 6px 0 0 ;
}

.alert-content .accordion-item .accordion-item-content {
    overflow: hidden;
}

/*Loading Indicator*/

.loading {
    position: relative;
    left: 42%;
    margin: -6px 0px 0px -42px;
    padding: 10px;
}

.loadingSpread {
    position: relative;
    left: 42%;
    margin: -6px 0px 0px -42px;
    padding: 30px;
}

.loading-dot {
    float: left;
    width: 3px;
    height: 3px;
    margin: 0 2px;
    background: #E6E7E7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: loadingFade 1s infinite;
    -moz-animation: loadingFade 1s infinite;
    animation: loadingFade 1s infinite;
}

.loading-dot:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.loading-dot:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.loading-dot:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.loading-dot:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.loading-dot:nth-child(5) {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.loading-dot:nth-child(6) {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.loading-dot:nth-child(7) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.loading-dot:nth-child(8) {
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

@-webkit-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@-moz-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

/*.files-upload-section {
    border-bottom: 1px solid var(--NB-neutral-2);
    padding-bottom: var(--space-xl);
}

.phone .files-upload-section,
.tablet .files-upload-section  {
    border-bottom: 1px solid var(--NB-neutral-2);
    padding-bottom: var(--space-s);
} 

.files-upload-section:first-child {
    padding-top: var(--space-none);
}

.files-upload-section:last-child {
    padding-bottom: var(--space-l);
    border-bottom: none;
}

.files-upload-section .TableRecords, 
.files-upload-section .EditableTable {
    border: none;
}

.tablet .files-upload-section .TableRecords tbody, 
.phone .files-upload-section .TableRecords tbody {
    margin-bottom: var(--space-l);
}

.tablet .files-upload-section .TableRecords tbody tr, 
.phone .files-upload-section .TableRecords tbody tr {
    margin-bottom: var(--space-none);
}

.files-upload-section .TableRecords .TableRecords_OddLine, 
.files-upload-section .TableRecords .TableRecords_EvenLine {
    border-bottom: none;
    height: auto;
    padding: var(--space-xs) 0;
}

.files-upload-section .delete-button, 
.files-upload-section .delete-button,
.files-upload-section .check-button, 
.files-upload-section .check-button {
    float: right;
    vertical-align: middle;
}

.files-upload-section .delete-button .delete-button-area, 
.files-upload-section .delete-button .delete-button-area,
.files-upload-section .check-button .check-button-area, 
.files-upload-section .check-button .check-button-area {
    padding-right: var(--space-m);
    width: auto;
    max-width: 20px;
    text-align: center;
}
*/
.qq-upload-list { display: none; }
.qq-upload-list li {} 
.qq-upload-spinner { display: none; }

.qq-upload-file {}

/* Multiple File Upload */

.qq-upload-button {
    z-index: 30;
    display:block;
    margin: -12px var(--space-base) 0;
    float:left;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: var(--NB-neutral-0);
    transition: .3s ease-in-out;
}

.tablet .files-upload-section .qq-upload-button a.button::after,
.phone .files-upload-section .qq-upload-button a.button::after {
    position: absolute;
    content:url('/HB_Theme/img/upload_white.png?1175');
    right: 220px;
    top: -16px;
}

.qq-upload-button a.button::after {
    position: absolute;
    content:"\207A";
    color: var(--NB-neutral-2);
    font-size: 30px;
    font-weight: 700;
    left: 7px;
    top: -7px;
}

.ie .qq-upload-button a.button::after, .ie11 .qq-upload-button a.button::after{
    top: -5px !important;
}  

.qq-upload-button:hover {
    background: var(--NB-neutral-0);
    transition: .3s ease-in-out;
    cursor: pointer;
}

.qq-upload-button:hover a.button::after {
    color: var(--NB-primary);
    transition: .3s ease-in-out;
}

.qq-upload-button-hover,
.qq-upload-button-focus {
    outline: none;
}

.phone .qq-upload-button,
.tablet .qq-upload-button,
.phone .qq-upload-button:hover,
.tablet .qq-upload-button:hover {
    background: transparent;
}

.tablet .files-upload-section .qq-upload-button a.button::after,
.phone .files-upload-section .qq-upload-button a.button::after {
    color: var(--color-primary);
}

.tablet .fileSimulacao .qq-upload-button,
.phone .fileSimulacao .qq-upload-button {
    border-radius:0;
    margin-left: 0;
}

.phone .qq-upload-button:hover a.button::after ,
.tablet .qq-upload-button:hover a.button::after {
    color: var(--NB-neutral-0);
}

.qq-uploader {
    position: relative;
    width: 100%;
    z-index: 0;
}

.ie .qq-uploader,
.ie11 .qq-uploader {
    margin-top: 15px;
}

.qq-upload-drop-area {
    display: block!important;
    position: absolute; 
    top: -20px;
    left: 0; 
    width: 100%; 
    height: 100%;
    min-height: 42px;
    max-height: 42px;
    z-index: 2;
    background: var(--NB-neutral-2); 
    text-align: center; 
    border-radius: 6px;
}

.tablet .qq-upload-drop-area,
.phone .qq-upload-drop-area {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
}

.tablet .files-upload-section .qq-upload-drop-area span,
.phone .files-upload-section .qq-upload-drop-area span {
    color: white;
    left: 3%;
}

.qq-upload-drop-area span {
    display:block; 
    position:absolute; 
    top: 50%; 
    width:100%; 
    color: var(--NB-neutral-0);
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.qq-upload-drop-area-active {
    background: var(--NB-neutral-3);
}

.limiteMax {
    width: 100%; 
    min-height: 40px;
    max-height: 40px;
    
    background-color: transparent;
    border: 1px solid var(--color-error);
    border-radius: 6px;
}

.limiteMax > div {    
    color: var(--color-error);
    font-size: var(--font-size-xxs);
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 0;
    text-align: center;
}

.qq-upload-drop-area.limiteMax span {
    color: var(--color-error);
}

/* input & texts onboarding */

.onboarding {
    position: relative;
    min-height: 80vh;
}

.onboarding-text {
    font-size: 26px;
    font-weight: 300;
    line-height: 1.9;
    color: var(--NB-neutral-5);
    margin-right: var(--space-xxxl);
}

.phone .onboarding-text,
.tablet .onboarding-text {
    margin-right: var(--space-none);
}

.onboarding-choices-input {
    background-color: transparent;
    border: var(--border-size-none);
    border-bottom: var(--border-size-s) solid var(--color-secondary);
    border-radius: var(--border-radius-none);
    padding: var(--space-none);
    box-shadow: none;
    border-color:none;
    
    display: inline-block;
    line-height: 1.5;
    max-width: 180px;
    min-width: auto;
    text-align: left;
    margin-left: 0;
    width: auto;
    
    color: var(--NB-secondary);
}

.onboarding-choices-input.ThemeGrid_MarginGutter {
    margin-left: 0;
}

.onboarding-choices-input.age {
    max-width: 30px; 
    text-align: center;
    margin-left: 0;
}

.ie .onboarding-choices-input:hover {
    box-shadow: none;
}

.onboarding-intro {
    padding: 2vh 0;
    min-height: 70vh;
}

.phone .onboarding-intro {
    padding: 0;
    min-height: 57vh;
}

.phone .onboarding-text {
    font-size: 18px;
}

.phone .onboarding-choices-input {
    max-width: 105px; 
}

.phone .onboarding-choices-input.age {
    max-width: 30px; 
}

/* Vantagens Onboarding */
.border-right-center{
    height: 80px; 
    border-right: 1px solid var(--NB-neutral-2);
}

.onboarding-vantagens {
    margin-top: 100px;
}

.tablet .onboarding-vantagens {
    margin-top: 0;
}

.phone .onboarding-vantagens {
    margin-top: 21px;
}

.vantagens {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.vantagens .help-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ie .vantagens .help-container, .ie11 .vantagens .help-container, .ie10 .vantagens .help-container{
    justify-content: flex-start;
}

/* Scroll Icon animation */

.scroll-icon {
    left: calc( 50% - 90px);
    top: 70vh;
    text-align: center;
    margin-top:-70px;
}

.scroll-icon-bottom {
    left: calc( 50% - 90px);
    top: 193vh;
    text-align: center;
    margin-bottom: 50px;
    margin-top: -23px;
}

.scroll-icon .scroll-icon-float,
.scroll-icon-bottom .scroll-icon-float{
    animation: float 2s ease-in-out infinite;
}

.homepage-couch-image-phone-container {
    width: 373px;
}

.homepage-couch-image-phone {
    left: calc( 50% - 247px );
    position: relative;
}

.scroll-icon-text {
    line-height: 1.3;
    font-size: 14px;
    color: var(--NB-secondary);
    font-weight: lighter;
    margin-top: var(--space-xs);
}

.phone .scroll-icon-float {
    display: none;
}

@keyframes float {
    0%   { transform: translateY(20%); }
    50%  { transform: translateY(-20%);}
    100% { transform: translateY(20%); }
}

/* Proponentes active/ disable */

.personalData {
}

.personalData.disabled {
    opacity: .4;
    cursor: none;
    pointer-events: none;
}

.submissao-tag-section .tag {
    text-transform: uppercase;
}


.submissao-tag-section.decisao .tag {
    background: var(--NB-secondary);
}

.submissao-tag-section.fechada .tag {
    background: var(--NB-primary);
}

.submissao-tag-section .tag .tag-content {
    display: inline-block;
    width: 100%;
    min-width: 220px;
}

.submissao-tag-section .tag .tag-content > div img,
.submissao-tag-section .tag .tag-content > div .tag-status {
    display: inline;
}

.submissao-tag-section .tag .tag-content > div img {
    float: left;
    margin-right: 3px;
}

.submissao-tag-sectio .tag .tag-content .tag-status {
    font-size: 10px;
}

/* Tooltips Button */

.btn-tooltip {
    position: relative;
    width: 19px;
    height: 19px;
    background: var(--NB-neutral-0);
    border: 1px solid var(--NB-neutral-2);
    border-radius: 50%;
    line-height: 1.5;
}

.btn-tooltip::after {
    content: "i";
    font-family: 'OpenSans', Helvetica, Arial, sans-serif;
    font-weight: 400;
    position: absolute;
    top: -1px;
    left: 7px;
    color: var(--NB-neutral-3);
    font-size: var(--font-size-xs);
}

.btn-tooltip:hover {
    border: 1px solid var(--NB-secondary);
    transition: .3s ease-in-out;
}

.btn-tooltip:hover::after {
    color: var(--NB-secondary);
    transition: .3s ease-in-out;
}

/* Feedback messages */

div.Feedback_Message_Wrapper {
    width: 100% !important;
}

div.Feedback_Message_Error, 
div.Feedback_Message_Warning, 
div.Feedback_Message_Success, 
div.Feedback_Message_Info {
    padding: var(--space-base) var(--space-m);
}

.Feedback_Message_Error:before,
.Feedback_Message_Warning:before, 
.Feedback_Message_Success:before, 
.Feedback_Message_Info:before {
    content: " ";
    display: none;
}

.ie.desktop .smille-block, .ie11.desktop .smille-block{
display: block;
}

div.Feedback_Message_Wrapper [class*="Feedback_Message_"] span {
    padding-left: 0;
    font-size: 16px;
    padding-right: var(--space-l);
}

.Feedback_Message_Wrapper_Close {
    padding: var(--space-s);
    padding-top: 11px;
}

.simulation-name {
    min-width: fit-content;
}

.ie .simulation-name,
.ie11 .simulation-name {
    min-width: 100%;
}

.content {
    min-height: 90vh!important;
}

.desktop .content{
    min-height: calc(100vh - 80px) !important;
}

.ie.desktop .content .main-content, .ie11.desktop .content .main-content{
    min-height: calc(100vh - 160px) !important;
}

.ie .layout-top .content-bottom .ThemeGrid_Container, .ie11 .layout-top .content-bottom .ThemeGrid_Container{
    padding: 6px 40px;
}

.Login {
    padding-top: 7vh;
    min-height: 70vh;
}

.tablet .Login,
.phone .Login {
    padding-top: 30px;
}

.login-section {
    position: relative;
    max-width: 370px;

}

.tablet .login-section {
    min-height: 50vh;
    text-align: center;
    margin: 0 auto;
}

.phone .login-section {
    min-height: auto;
    text-align: center;
}

.registo-section {
    position: relative;
    min-height: 70vh;
}

.login-footer {
    position: relative;
    bottom: 0;
    width: 100%!important;
    margin-top: var(--space-xxxl);
}

.tablet .login-footer {
    text-align: center;
    left: 0;
}


.phone .login-footer {
    position: relative;
    padding-top: 20px;
    text-align: center;
}

input[type=text]:disabled {
  cursor: not-allowed; 
}

/* Carousel */

.carousel-container .tns-outer {
    position: relative;
    min-height: 370px;
}

.phone .carousel-container .tns-outer {
    position: relative;
    min-height: 50vh;
}

.phone .carousel .tns-ovh {
    min-height: 60vh;
}

.carousel-actions {
    position: absolute;
    width: 100%;
    bottom: 30px;
    padding-right: var(--space-base);
}

.carousel-actions .btn {
    max-width: 200px;
}

.carousel-button {
    padding: 0 var(--space-s);
}

.phone .carousel-button {
    padding: 0;
}

.phone .carousel-actions .btn {
    max-width: 170px;
}

.carousel .tns-ovh {
    position: absolute;
    top: 0;
}

.carousel .tns-nav {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
    
    text-align: center;
    margin: 18px 0 0 0;
}

.phone .carousel .tns-nav {
    bottom: 0;
}

.carousel .tns-nav > [aria-controls] {
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0 10px;
    border-radius: 50%;
    background: var(--NB-neutral-2);
    border: 0;
}

.carousel .tns-nav > [aria-selected="true"] {
    background: var(--NB-primary);
}

/* experiencias */

.tns-item {
    position: relative;
    height: 370px;
}

.phone .tns-item {
    position: relative;
    height: 65vh;
}


/* esconder items com base no device */

.visibleOnPhone,
.visibleOnTablet,
.visibleOnDesktop {
    display: none;
}

.phone .visibleOnPhone,
.tablet .visibleOnTablet,
.desktop .visibleOnDesktop {
    display: block;
}

/* Ballon Tooltips */

.tippy-popper {
    max-width: 400px;
    min-width: 400px;
}

.phone .tippy-popper{
    min-width: 0;
    max-width: calc(100vw - 50px);
}

.menu-back-option .tippy-popper {
    max-width: max-content;
    min-width: auto;
    max-height: 35px;
}

.tippy-popper .tippy-tooltip {
    color: var(--NB-neutral-0);
}

.tippy-tooltip.light-theme {
    background: var(--NB-neutral-5);
    box-shadow: none;
    border: none;
    border-radius: 10px;
}

.tippy-popper .tippy-tooltip .tippy-arrow {
    display: none;
}

.balloon {
    background-color: var(--NB-neutral-5);
    box-shadow: none;
}

.balloon-content .bullets .bullets-item::before {
    color: var(--NB-neutral-0);
}

.tooltip-title {
    width: calc( 100% - 20px);
}

/* search area */
.search {
    
}

.search-actions {
    min-width: 80px;
    max-width: 80px;
    height: 60px;
}

.input-with-icon .input-with-icon-content-icon.search-actions {
    height: 60px;
}

/* Search Button with icon */
.search-button {
    position: relative;
    height: 60px;
    width: 80px;
    background: var(--NB-primary);
    border-radius: 0 6px 6px 0 ;
}

.search-button:hover {
    background: var(--color-primary-hover);
}

.search-button span.fa {
    position: absolute;
    padding: 16px 26px ;
    
    color: var(--NB-neutral-0);
}

.search-option {
    border: 1px solid var(--NB-neutral-2);
    border-radius: 6px;
    padding: var(--space-m);
    cursor: pointer;
    transition: .3s ease-in-out; 
    height: 100%;
}

.tablet .search-option {
    display: flex;
}

.search-option:hover,
.search-option.active {
    border: 1px solid var(--NB-primary);
    transition: .3s ease-in-out;
}

/* Orelha de contactos */
.orelha-contactos {
    z-index: 100;
    position: fixed;
    right: 0;
    top: 125px;
    
    width: 94px;
    height: 77px;
    background-color: var(--NB-primary);
    border-radius: 15px 15px 0 15px;
    padding: 13px 10px;
    line-height: 1.1;
    
    cursor: pointer;
    
    
}

.tablet .orelha-contactos {
    top: 93px;
}

/* Fake Bot Talk */

.fake-bot {
    position: relative;
    z-index: 1;
    margin-top: var(--space-base);
}

.fake-bot .tooltip-fake-bot {
    display: block;
    text-align: right;
}

.fake-bot .tooltip-fake-bot .bot-icon {
     position: relative;
     width: 60px;
     height: 60px;
     background-color: var(--NB-primary);
     border-radius: 50%;
     box-shadow: var(--shadow-xl);
     cursor: pointer;
} 

.fake-bot .tooltip-fake-bot .bot-icon img {
    position: absolute;
    bottom: 3px;
    left: 10px;
} 

.fake-bot .tooltip-fake-bot .bot-notifications {
    position: absolute;
    width: 22px; 
    right: -10px;
    top: 5px;
    background-color: var(--NB-secondary);
    border-radius: 50%;
    text-align: center;
} 

.fake-bot .tippy-popper .tippy-tooltip,
.fake-bot .tippy-popper .balloon,
.fake-bot .tippy-popper .balloon .balloon-content {
    background-color: transparent;
}

.ie .fake-bot .tippy-popper .tippy-tooltip, .fake-bot .tippy-popper .balloon, .fake-bot .tippy-popper .balloon .balloon-content,
.ie11 .fake-bot .tippy-popper .tippy-tooltip, .fake-bot .tippy-popper .balloon, .fake-bot .tippy-popper .balloon .balloon-content {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.fake-bot .tippy-popper .balloon .balloon-content {
    padding: var(--space-none) 5px;
    margin-top: var(--space-m);
}

.fake-bot .tippy-popper .secondary-baloon,
.fake-bot .bot-message .secondary-baloon {
    background: var(--NB-neutral-0);
    padding: var(--space-base) var(--space-l);
    margin-bottom: 5px;
    border-radius: 10px;
    color: var(--NB-neutral-5);
    font-weight: bold;
    font-size: var(--font-size-s);
    box-shadow: var(--shadow-xl);
}

.fake-bot .tippy-popper .secondary-baloon {
    margin-right: 60px;
}

.fake-bot .bot-message .secondary-baloon {
    line-height: 1;
}

.fake-bot .bot-message {
    position: absolute;
    right: 65px;
}

.fake-bot .bot-message .secondary-baloon {
    z-index: 3;
    position: relative;
    width: 245px;
    height: 47px;
    text-align: right;
}

.fake-bot .bot-message .balloon-content .secondary-baloon:first-child {
    max-width: 260px;
}

.fake-bot .bot-message .balloon-content .secondary-baloon:second-child {
    max-width: 285px;
}

.fake-bot .bot-message .balloon-content .secondary-baloon:second-child {
    max-width: 230px;
}

.fake-bot .bot-message .secondary-baloon .bot-message-pointer img{
    z-index: 2;
    position: absolute;
    width: 22px;
    right: -12px;
    top: 14px;
}

.tooltip-semaforo .fot-family-nb span {
    text-decoration: none;
    transition: .3s ease-in-out;
}

.tooltip-semaforo:hover .fot-family-nb span {
    text-decoration: underline;
    transition: .3s ease-in-out;
}

/* Pesquisa de Simulações */

.pesquisa-simulacoes {
    position: relative;
    box-shadow: var(--shadow-l);
}

.pesquisa-simulacoes .search-button {
    position: absolute;
    top: 0;
    right: -80px;
    box-shadow: var(--shadow-l);
}

.phone .pesquisa-simulacoes .search-button {
    display: none;
}

.pesquisa-simulacoes .dropdown .dropdown-header {
    height: 60px;
    border: none;
    border-radius: 6px 0 0 6px;
}

.phone .pesquisa-simulacoes .dropdown .dropdown-header {
    border-radius: 6px;
}

.pesquisa-simulacoes .dropdown .dropdown-header {
    height: 60px;
    box-shadow: none;
}

.pesquisa-simulacoes .dropdown .dropdown-content .dropdown-content-list {
    margin-top: var(--space-r);
    border: none;
    box-shadow: var(--shadow-xl);
}

.pesquisa-simulacoes .dropdown-header-text,
.pesquisa-simulacoes .dropdown-header-text > div > input {
    height: 60px;
    width: 90%;
    border: none;
    box-shadow: none;
}

.pesquisa-simulacoes .dropdown .dropdown-content .gallery .gallery-content .gallery-item,
.pesquisa-simulacoes .gallery-item {
    margin-top: var(--space-none)!important;
    margin-left: var(--space-none)!important;
}

.ie .is--visible .dropdown-header.select,
.ie11 .is--visible .dropdown-header.select {
    border: none;
}

.dropdown.is--visible .dropdown-icon {
    color: inherit !important;
}

/* Tooltip Semáforo */
.TooltipSemaforo {
    z-index: 100;
    margin-top: -108px;
}

.is-sticky .TooltipSemaforo {
    position: sticky;
    top: 15px;
}

.SubmeterProposta .TooltipSemaforo {
    margin-top: 42px;
}

/* List Pagination */
.ListNavigation_PageNumber,
a.ListNavigation_Previous,
a.ListNavigation_Next,
span.ListNavigation_DisabledPrevious,
span.ListNavigation_DisabledNext {
    max-width: 30px;
}

.ListNavigation_PageNumber {
    background-color: transparent;
    border: none;
    color: var(--NB-neutral-3);
    font-size: var(--font-size-xs); 
    font-weight: var(--font-semi-bold);
    cursor: pointer;
}

a.ListNavigation_Previous,
a.ListNavigation_Next,
span.ListNavigation_DisabledPrevious,
span.ListNavigation_DisabledNext {
    background-color: transparent;
    border: none;
    color: var(--NB-neutral-3);
    font-weight: var(--font-regular);
    cursor: pointer;
}

span.ListNavigation_DisabledPrevious,
span.ListNavigation_DisabledNext {
    display: none;
}

a.ListNavigation_Previous:before,
span.ListNavigation_DisabledPrevious:before {
    content: "\f104";
    position: relative;
    font-size: 20px;
}

a.ListNavigation_Next:before,
span.ListNavigation_DisabledNext:before {
    content: "\f105";
    position: relative;
    font-size: 20px;
}

.ListNavigation_CurrentPageNumber {
    background: transparent;
    border: none;
    color: var(--NB-neutral-7);
}

span.ListNavigation_CurrentPageNumber {
    color: var(--NB-neutral-7);
    font-weight: 600;
}

.ListNavigation_PageNumber:hover, 
.ListNavigation_Previous:hover, 
.ListNavigation_Next:hover {
    background-color: transparent;
    border: none;
    color: var(--NB-neutral-7);
    transition: .3s ease-in-out;
}

span.ListNavigation_Ellipsis {
    display: none;
}

/* Modal Imprimir Pre Avaliacação */

.float-image-with-rgpd {
    width: 290px;
    margin-right: -15px;
}

.float-image-without-rgpd {
    width: 240px;
    margin-right: 24px;
    margin-top: -43px;
}

.rgpd-container {
    display: flex;
    align-items: center;
}

.modal-wrapper {
    max-height: unset;
}

.modal-imprimir-title {
    color: rgba(155, 161, 161, 0.8);
    font-weight: bold;
}

.modal-imprimir-content-fields {
    color: rgba(0, 0, 0, 0.7);
}

.modal-imprimir-content-title {
    font-size: 40px;
    line-height: 1.01;
    letter-spacing: -0.4px;
}

.modal-imprimir-content-subtitle {
    color: rgba(76, 76, 76, 0.8);
    font-size: 14px;
    line-height: 1;
}

.imprimir-avaliacao-modal {
    max-width: 75%;
    margin-top: -15px;
}

.imprimir-avaliacao-modal-one-prop {
    min-width: 140%;
}

.imprimir-avaliacao-modal-phone {
    margin-top: -28px;
    width: 100%;
}

.modal-imprimir-botao-imprimir {
    max-width: 75%;
}

.modal-imprimir-botao-imprimir-one-prop {
    max-width: 69%;
}

.modal-imprimir-inputs-one-prop {
    display: flex;
    flex-direction: column;
}

.modal-imprimir-inputs-one-prop > div {
    margin-left: inherit;
}

.nif-input-one-prop {
    margin-top: 12px;
}

.one-prop-label-inputs {
    min-width: 80%;
}

.one-prop-label-inputs-phone {
    min-width: 100%;
    margin-bottom:6px;
}

.animated-label-input .input {
    width: 100%;
}

.one-prop-label-inputs-phone .animated-label-input .ValidationMessage {
    top: 66px;
}

/*overwrite basetheme*/

.search .input-with-icon .input-with-icon-content-icon + .input-with-icon-input input  {
    padding: var(--space-none) var(--space-base);
}

/* ================================================================ */
/*  $10 - Web Blocks
/* ================================================================ */

/* Web Blocks - WB - Simulador */


.DadosSimuladorContainer {
    max-width: 94%;
}

.phone .DadosSimuladorContainer {
    max-width: 100%;
}

.btn.btn-large.button-secondary {
    border: 1px solid white;
}

.text-decoration-underline {
    text-decoration: underline;
}

.semaforoContainer .semaforo-right-info .columns {
    flex-direction: column;
}

.tablet .personalData .columns,
.tablet .bonificacoes-spread .columns {
    flex-direction: column;
}

.personalData .columns .columns-item {
    margin-bottom: 0;
}

.phone .valor-avaliacao.columns.columns2 {
    display: flex;
    flex-direction: column-reverse;
}

.phone .valor-avaliacao.columns.columns2 .columns-item:last-child {
    margin-bottom: 0;
}

.valor-avaliacao-text {
    font-size: 10px;
    color: #828989;
    margin-top: 40px;
}

.phone .valor-avaliacao-text {
    margin-top: 0;
}

.header-label {
    font-size: 13px;
    font-weight: bold;
    color: var(--color-secondary);
}

.simulador-input {
    width: 100px;
    margin-right: 15px;
}

.phone .simulador-input.first,
.tablet .simulador-input.first {
    margin-top: 0;
}

.phone .simulador-input.bigger,
.tablet .simulador-input.bigger,
.phone .simulador-input,
.tablet .simulador-input {
    width: 100%;
    margin-left: 0;
    margin-top: var(--space-r);
}

.simulador-input.bigger {
    width: 220px;
}

.dados-credito {
    display: flex;
    flex-direction: row;
}

.phone .dados-credito,
.tablet .dados-credito {
    flex-direction: column;
}

/* correcção da dropdwon nacionalidade (outra nacionalidade) */

.hb-dropdown .choices__list--dropdown .choices__item {
    padding: var(--space-none) var(--space-s);
}

.desktop .personalData .columns-item {
    max-width: 25%;
}

.personalData .columns-item .hb-dropdown .choices__list--dropdown {
    min-width: 100%;
    width: auto;
    white-space: nowrap;
}

/* Prazo de emprestimo - mensagem de ajuste do prazo*/

.prazo-emprestimo-input.alert-message .input.Not_Valid {
    border-color: var(--color-success);
}

.prazo-emprestimo-input.alert-message .ValidationMessage {
    color: var(--color-success);
}

/* Tipo de propriedade - mensagem de ajuste do tipo de propriedade*/

.hb-dropdown.alert-message .choices.Not_Valid .choices__inner {
    border-color: var(--color-success);
}

.hb-dropdown.alert-message .ValidationMessage {
    color: var(--color-success);
}

/* Web Blocks - WB - Dados do Pedido / A sua simulacao */

.a-sua-simulacao.columns.gutter-l {
    background-color: white;
    border-radius: 5px;
    width: 100%;
    margin-left: 0px;
    position: relative;
    padding-bottom: 10px;
}

.a-sua-simulacao.columns.gutter-l .columns-item:first-child {
    padding-right: 0;
}

.a-sua-simulacao.columns.gutter-l .columns-item:last-child {
    min-width: 30%;
}

.ie .a-sua-simulacao.columns.gutter-l :last-child.columns-item,
.ie11 .a-sua-simulacao.columns.gutter-l :last-child.columns-item {
    min-width: 0;
}

.a-sua-simulacao.columns.gutter-l .columns-item {
    margin-bottom: 0;
}

.a-sua-simulacao-badge {
    margin-top: -4px;
    margin-right: var(--space-r);
}

.a-sua-simulacao-imagem {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    height: 100%;
}

.a-sua-simulacao-dados {
    margin-left: -2%;
    width: 80%;
    margin-right: 2%;
}

.a-sua-simulacao-float-illustration-img {
    height: 204px;
    margin-left: -22px;
    position: absolute;
    bottom: 0;
}

.ie .a-sua-simulacao-float-illustration-img,
.ie10 .a-sua-simulacao-float-illustration-img,
.ie11 .a-sua-simulacao-float-illustration-img {
    height: 209px;
}    

.dados-do-pedido .accordion-item .accordion-item-content, 
.dados-do-pedido .accordion-item .accordion-item-content.is--collapsed {
    visibility: unset;
}

.phone .dados-header .badge.badge-small.a-sua-simulacao-badge,
.tablet .modal-content .dados-header .badge.badge-small.a-sua-simulacao-badge {
    background-color: #979797;
}

.a-sua-simulacao-badge {
    margin-top: -4px;
    margin-right: var(--space-r);
}

.right-side-phone .accordion-item .accordion-item-header {
    padding: 15px 0;
}

.right-side-phone .accordion-item .accordion-item-content.is--expanded {
    padding: 20px 15px;
}

.a-sua-simulacao-badge {
    margin-top: -4px;
    margin-right: var(--space-r);
}

.dados-simulacao-left-side {
    border-right: 2px dashed #47BAC5;
}

/* Web Blocks - WB - Multiple Loans  */

.multipleLoansDiv {
    max-width: 94%;
    background: #FFFFFF;
    border-radius: 6px;
}

.phone .multipleLoansDiv,
.tablet .multipleLoansDiv {
    max-width: 100%;
}

.multipleLoansDiv.open .multiple-loans-toggle {
    padding: 18px 0 15px 15px;
}

.multipleLoansDiv .multiple-loans-toggle {
    padding: 18px 0 18px 15px;
}

.phone .multiple-loans-toggle {
    padding: 10px;
    align-items: center;
}

.phone .multipleLoansDiv.open .multiple-loans-toggle {
    padding: 10px;
}

.numericInput{
    height: 42px;
    border: 1px solid #E6E7E7;
    border-radius: 6px;
    font-weight: 300;
    font-size: 24px;
    width: 210.99px;
    color: var(--color-secondary);
    text-align: center!important;
}

.numericInput.input-error {
    border: 1px solid var(--color-error);
    color: var(--color-error);
}

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

.numericInput.red {
    color: var(--color-error);
}

.multipleLoansMessage {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 117.2%;
    letter-spacing: -0.01em;
    color: #616469;
}

.phone .multipleLoansMessage {
    font-size: 18px;
}

.multipleLoansDiv.open .toggle-inline-text {
    background-color: var(--color-secondary);
}

.multipleLoansDiv .toggle-inline-text {
    background-color: #CED4DA;
    width: 58px;
    height: 28px;
}

.multipleLoansDiv .toggle-inline-text .checkbox-toogle {
    width: 20px;
    height: 20px;
    background-color: #FFFFFF;
    top: 3px;
    z-index: 0;
}

.multipleLoansDiv .toggle-inline-text .checkbox-toogle.active {
    left: 0px;
    transform: translateX(31px);
}

.limits-message {
    background-color: var(--color-neutral-3);
    border-radius: var(--border-size-s);
    bottom: 72%;
    box-shadow: var(--shadow-m);
    color: var(--color-neutral-0);
    font-size: var(--font-size-xs);
    line-height: var(--font-size-h6);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: var(--space-none);
    position: absolute;
    text-align: center;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 1;
    max-width: 210px;
}

.phone .limits-message {
    bottom: 82%;
}

.limits-message:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--color-error) transparent transparent transparent;
}

.limits-message.show-error {
    bottom: 72%;
    max-width: 210px;
    max-height: 70px;
    opacity: 1;
    overflow: visible;
    padding: var(--space-xs) var(--space-xs);
    background-color: var(--color-error);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.phone .limits-message.show-error {
    bottom: 82%;
    left: 25%;
    width: 50%;
}

.phone .limits-message.second-loan.show-error {
    bottom: 79%;
}

/* Web Blocks - WB - Loan Card  */

.inputHeader {
    font-weight: bold;
    font-size: 12px;
    line-height: 100%;
    color: #616469;
}

.card.emprestimo-card {
    box-sizing: border-box;
    box-shadow: -5px 0px 0px #47BAC5;
    padding: var(--space-m) var(--space-base);
}

.hb-input .inputCard {
    background: #FFFFFF;
    color: #616469;
    width: 145px;
    text-align: center!important;
}

.phone .hb-input .inputCard,
.tablet .hb-input .inputCard {
    width: 100%;
}

.phone .hb-input .inputCard,
.tablet .hb-input .inputCard {
    text-align: left!important;
}

.card .badge-small {
    background-color: var(--color-secondary);
}
 
.card .hb-dropdown .choices__list--single .choices__item {
    color: #616469!important;
}

.loan-card {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: var(--border-radius-soft);
}

.loan-card-input {
    margin-right: 15px;
    width: 145px;
    margin-bottom: var(--space-base);
}

.loan-card-input.last {
    margin-right: 0;
}

.tablet .loan-card-input,
.phone .loan-card-input {
    margin-right: 0;
    width: 100%;
}


/* Web Blocks - WB - StepBlock */

.status {
    margin-top: 100px;
}

.status-empty .accordion-item-icon {
    visibility: hidden; 
}

.tablet .status,
.phone .status {
    margin-top: 0;
}

.phone .status .float-illustration {
    right: 20px!important;
}

.status .float-illustration {
    right: var(--space-l);
    right: 50px!important;    
    transform: translateY(0);
}

.phone .status .float-illustration {
    bottom: 10px;
}

.status .fa-stack {
    font-size: 27px;
    height: 50px;
    min-width: 50px; 
}

.status .title-container {
    width: 60%;
    font-family: NB;
}

.phone .status .title-container {
    width: 100%;
    font-size: 20px;
}

.status .step-icon {
    width: 30%;
}

.phone .status .step-icon {
    width: 100%;
    margin-top: 8px;
    font-size: 12px;
}

.status .step-icon .fa {
    color: var(--color-neutral-3);
    text-align: center;
}

.phone .status .step-icon .fa {
    display: none;
}

.status .done-Status .stacked-icon-back {
    color: var(--color-success);
}

.status .done-Status .stacked-icon-front {
    font-size: 1.5em;
}

.status .accordion-item.is--open.initiated-Status,
.status .accordion-item.initiated-Status {
    border: 3px solid var(--NB-secondary);
}

.phone .status .accordion-item.is--open.initiated-Status, 
.phone .status .accordion-item.initiated-Status {
    border-top: 3px solid var(--NB-secondary);
    border-right: 0;
    border-bottom: 3px solid var(--NB-secondary);
    border-left: 0;
}

.status .accordion-item, 
.status .accordion-item:first-child, 
.status .accordion-item:last-child {
    border-radius: 10px;
}

.phone .status .accordion-item, 
.phone .status .accordion-item:first-child, 
.phone .status .accordion-item:last-child {
    border-radius: 0;
}

.status .accordion-item-title {
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
}

.status .accordion-item-header .accordion-item-title .title-status {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    margin-left: -40px;
}

.ie .status .accordion-item-header .accordion-item-title .title-status,
.ie11 .status .accordion-item-header .accordion-item-title .title-status {
    margin-left: -30px;
}

.phone .status .accordion-item-header .accordion-item-title .title-status {
    margin-left: unset;
}

.phone .status .accordion .ListRecords .accordion-item .accordion-item-header {
    height: 85px;
}

.status .accordion .ListRecords .accordion-item .accordion-item-header {
    height: 72px;
}

.phone .status .accordion-item-header .accordion-item-title .title-status {
    flex-direction: column;
}

.status .badge.badge-large {
    font-size: 30px;
    height: 50px;
    min-width: 50px; 
    font-weight: var(--font-bold);
}

.status .badge.initiated-Status {
    background-color: var(--color-secondary);
}

.status .badge.notinitiated-Status {
    background-color: white;
    border: 4px solid var(--color-neutral-5);
    color: var(--color-neutral-5);
}


/* Web Blocks - WB - TaskBlock */

.task .tag {
    width: 85%;   
}

.task .tag.initiated-Status {
    background-color: var(--color-secondary);
}

.task .tag.done-Status {
    background-color: var(--color-success);
}

.task .tag.notinitiated-Status {
    background-color: #a5a5a5;
}

.task .box-shadow {
    -moz-box-shadow: 0 0 5px var(--NB-neutral-2);
    -webkit-box-shadow: 0 0 5px var(--NB-neutral-2);
    box-shadow: 0 0 5px var(--NB-neutral-2);   
}

.task div[id$="TaskDescription"] a {
    text-decoration: underline;
    color: var(--NB-secondary);
    font-weight: var(--font-semi-bold);
}

.task .task-container {
    display: flex;
}

.phone .task .task-container {
    flex-direction: column;
}

.short-name-wrapper {
    width: 30%;
    margin-top: 6px;
}

.phone .short-name-wrapper {
    display: flex;
    width: 100%;
    margin-bottom: var(--space-r);
    margin-top: 0;
    font-size: 11px;
}

.phone .short-name-wrapper .separator {
    display: none;
}

.short-name-wrapper .date-container {
    margin-top: 4px;
    font-weight: 700;
}

.phone .short-name-wrapper .date-container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 0;
}

.short-name-container {
    text-transform: uppercase;
}

.phone .short-name-container {
    text-transform: uppercase;
    width: 100%;
    text-align: left;
}

.phone .short-name-container .initiated-Status {
    color: var(--NB-secondary);
}

.phone .short-name-container .done-Status {
    color: var(--color-success);
}

.phone .short-name-container .notinitiated-Status {
    color: #979797;
}

.task-description {
    text-align: left;
    font-size: 14px;
}

.phone .task-description {
    font-size: 13px;
}

.task-wrapper-container {
    display: flex;
}

.phone .task-wrapper-container {
    flex-direction: column-reverse;
}

.button-to-documents {
    width: 35%;
    display: flex;
    justify-content: center;
}

.phone .button-to-documents {
    width: 100%;
}

.button-to-documents-link {
    width: 65%;
    border: 1px solid var(--color-secondary);
    height: 45px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
}

.phone .button-to-documents-link {
    width: 100%;
}

.tablet .button-to-documents-link {
    width: 85%;
}

.button-to-documents-link >a {
    display: flex;
    align-items: center;
}

.task.task-wrapper-container .ListRecords {
    width: 65%;
}

.phone .task.task-wrapper-container .ListRecords {
    width: 100%;
}


/* Web Blocks - WB - UploadFicheiros */

.buttons-filter .button-group {
    width: 70%;
}

.tablet .documentos-filtro .buttons-filter .button-group {
    width: 66%;
}

.buttons-filter .button-group label {
    width: 25%;
}

.tablet .documentos-filtro .buttons-filter .button-group label {
    display: flex;
}

.buttons-filter .button-group .btn {
    background-color: white;
    color: var(--color-neutral-8);
    font-size: 12px;
    text-transform: none;
    box-shadow: none;
}

.tablet .documentos-filtro .buttons-filter .button-group .btn {
    height: 55px;
    white-space: pre-wrap;
    padding: var(--space-none) var(--space-s);
}

.buttons-filter .button-group input[type="radio"]:checked + .btn {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: white;
}

.buttons-filter .button-group .btn:hover:active {
    background: var(--color-secondary);
    color: white;
}
  
.phone .documentos-filtro {
    padding: 0 35px 15px 35px;
}

.phone .documentos-filtro .select {
    font-size: 14px;
    font-weight: bold;
    color: #7861a9;
    border-color: white;
}

.documentos-filtro-title {
    margin-bottom: var(--space-s);
    font-weight: bold;
    font-size: var(--font-size-xs);
}

.upload-files-category {
    font-size: 24px;
    margin-top: 35px;
    margin-bottom: 18px;
    font-family: NB;
    color: #616469;
    line-height: 1.45;
}

.documents-container-message {
    font-size: 16px;
    margin-top: 35px;
    margin-bottom: 18px;
    color: #616469;
    line-height: 1.45;
}

.phone .documents-container-message {
    margin-top: 15px;
    text-align: center;
}

.special-accordion .documents-container .accordion-item .accordion-item-icon {
    display: unset;
}

.special-accordion .documents-container .accordion-item .accordion-item-content.is--collapsed {
    height: 0;
    padding: var(--space-none) var(--space-none) var(--space-none);
    visibility: visible;
    padding-top: var(--space-none);
    cursor: inherit;
}

.Button.invisible {
    display: none!important;
}

.sendDocsMain {
    background-color: rgba(71, 186, 197, 0.8);
    box-shadow: 0px -2px 7px rgba(0, 0, 0, 0.2);
    height: 100px;
    left: 0px;
    width: 100%;
    position: fixed;    
    bottom: -100px;
    z-index: 1;
    padding: 30px;
    padding-right: 10%;
    transition: all 1s;
}

.sendDocsMain.is--visible {
    bottom: 0px;
}

.sendDocsButton {
    background: #C4DC3D!;
    border-radius: 5px;
    width: 270px!important;
    margin-right: 3%;
    padding:0px!important;
    line-height: 0px!important;    
}

.numberOfFilesLabel {
    color: #FFFFFF;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    letter-spacing: -0.02em;
    margin-top: 10px;
}

.labelWrapper {
    display: flex;
    justify-content: flex-end;
    width: 100%!important;
}

/* Web Blocks - WB - Documento */

.upload-files-card {
    border-radius: 8px;
    background-color: white;
}

.phone .upload-files-card {
    box-shadow: 2px 1px 2px 2px rgba(0, 0, 0, 0.1);
}

.upload-files-card .upload-files-title.ThemeGrid_Width10 {
    border-left: 2px solid #4c4c4c;
    padding: 10px 0px 0px 30px;
    width: 100%;
    display: flex;
}

.upload-files-card .upload-files-title.agora.ThemeGrid_Width10 {
    border-color: var(--color-secondary);
}

.upload-files-card .upload-files-title.enviado.ThemeGrid_Width10 {
    border-color: var(--color-success);
}

.upload-files-card .upload-files-title.depois.ThemeGrid_Width10 {
    border-color: var(--color-warning);
}

.phone .documents-container .upload-files-card .upload-files-title,
.tablet .documents-container .upload-files-card .upload-files-title {
    margin-bottom: var(--space-base);
}

.upload-files-card .upload-files-content .TableRecords .TableRecords_OddLine,
.upload-files-card .upload-files-content .TableRecords .TableRecords_EvenLine  {
    padding: 0 0 10px 0;
    border-bottom: none;
    height: 0;
}

.firefox .upload-files-card .upload-files-content .TableRecords .TableRecords_OddLine,
.firefox .upload-files-card .upload-files-content .TableRecords .TableRecords_EvenLine {
    padding: 0 0 46px 0;
}

.phone .upload-files-card .upload-files-content .TableRecords .TableRecords_OddLine,
.phone .upload-files-card .upload-files-content .TableRecords .TableRecords_EvenLine,
.tablet.portrait .upload-files-card .upload-files-content .TableRecords .TableRecords_OddLine,
.tablet.portrait .upload-files-card .upload-files-content .TableRecords .TableRecords_EvenLine {
    padding: 0 0 20px 0;
    height: 0;
}

.upload-files-card .TableRecords {
    border: none;
}

.tablet .TableRecords.Empty.translatedToResponsive,
.phone .TableRecords.Empty.translatedToResponsive {
    height: 0;
}

.upload-files-card .qq-upload-drop-area {
    border: 2px dashed #e6e6e6;
    background-color: white;
    min-height: 60px;
    top: -16px;
    position: initial;
    margin-right: 10px;
}

.phone .upload-files-card .qq-upload-drop-area,
.tablet .upload-files-card .qq-upload-drop-area {
    min-height: 45px;
}

.upload-files-card .qq-upload-drop-area-active,
.upload-files-card .qq-uploader:hover .qq-upload-drop-area {
    border: 2px dashed rgb(62, 162, 171, 0.5);
    background-color: rgb(62, 162, 171, 0.1);
}

.phone .upload-files-card .qq-uploader:hover .qq-upload-drop-area,
.tablet .upload-files-card .qq-uploader:hover .qq-upload-drop-area {
    background-color: rgb(62, 162, 171, 0.6);
    border: 1px solid rgb(62, 162, 171, 0.8);
}

.upload-files-card .qq-upload-drop-area span {
    color: var(--NB-neutral-3);
    font-size: 12px;
    text-transform: none;
    width: unset;
    right: 50%;
}

.phone .upload-files-card .qq-upload-drop-area span {
    text-transform: uppercase;
    left: 5%;
    color: white;
    right: 0;
    width: 100%;
}

.tablet .upload-files-card .qq-upload-drop-area span  {
    text-transform: uppercase;
    color: white;
    right: 0;
    width: 100%;
}

.ie .upload-files-card .qq-upload-drop-area span,
.ie11 .upload-files-card .qq-upload-drop-area span {
    right: 8%;
}

.upload-files-card .qq-upload-button:hover {
    background-color: rgb(62, 162, 171, 0.6); 
}

.upload-files-card .qq-upload-button:hover a.button::after {
    color: white;
}

.upload-files-card .qq-upload-button {
    position: absolute !important;
    float: right;
    margin: 0;
    top: 50%;
    border-radius: 4px;    
    left: 51%;
    margin-top: -15px;
    height: 30px;
    width: 13%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.ie .upload-files-card .qq-upload-button,
.ie11 .upload-files-card .qq-upload-button  {
    top: 15px;
    left: 50%;
}

.phone .upload-files-card .qq-upload-button {
    left: 0;
    padding-left: 8%;
    justify-content: flex-start;
    width: 100%;
}

.tablet .upload-files-card .qq-upload-button {
     left: 0;
     padding-left: 30%;
     justify-content: flex-start;
     width: 100%;
}

.upload-files-card .qq-upload-button a.button::after {
    position: relative;
    content: "Pesquise para anexar";
    color: white;
    font-size: 12px;
    font-weight: 600;
    top: 0;
    left: 0;
    line-height: 1.1;
}

.phone .upload-files-card .qq-upload-button a.button::after,
.tablet .upload-files-card .qq-upload-button a.button::after {
    content: url(/HB_Theme/img/upload_white.png?37994&1175);
}

.upload-files-content {
    padding: 10px 30px 43px 30px;
}

.phone .upload-files-content {
    padding: 10px 30px 20px 30px;
}

.ie .upload-files-content ,
.ie11 .upload-files-content {
    padding: 10px 30px 70px 30px;
}

.file-container {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 12px;
    box-shadow: 2px 1px 2px 2px rgba(0, 0, 0, 0.1);
}

.firefox .file-container {
    padding: 18px 18px 18px 0;
}

.phone .file-container,
.tablet .file-container {
    padding: 18px 18px 18px 2px;
}

.file-container .check-button-area .fa {
    color: var(--color-primary);
}

.file-container .error-button-area .fa {
    color: var(--color-error);
}

.file-container .delete-button-area .fa {
    font-size: 1.5em;
    margin-left: 4px;
}

.file-container-filename {
    padding-left: var(--space-s);
    width: 100%;
    display: flex;
}

.phone .file-container-filename {
    flex-direction: column;
    width: 75%;
}

.phone .upload-files-title {
    flex-direction: column-reverse;
}

.tablet .file-container-filename span,
.phone .file-container-filename span {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    white-space: nowrap;
}

.upload-files-title-left {
    width: 75%;
}

.phone .upload-files-title-left {
    width: 100%;
    padding-right: 30px;
}

.tablet .upload-files-title-left {
    width: 65%;
}

.upload-file-label {
    font-size: 16px;
}

.phone .upload-file-label {
    font-size: 14px;
}

.delete-button-area {
    font-family: OpenSans;
    font-size: 12px;
    line-height: 145.2%;
    color: #979797;
    text-decoration: underline;
}

.upload-file-description {
    font-size: 14px;
    padding-bottom: var(--space-m);
}

.phone .upload-file-description {
    font-size: 12px;
    padding-bottom: var(--space-s);
}

.tablet .upload-file-description {
    padding-bottom: var(--space-s);
}

.saiba-mais {
    color: var(--color-secondary);
}

.saiba-mais:hover {
    color: var(--color-secondary);
    opacity: .7;
}

.upload-file-tag {
    display: flex;
    align-items: baseline;
    width: 25%;
    padding-right: 30px;
    justify-content: flex-end;
}

.tablet .upload-file-tag {
    width: 35%;
}

.phone .upload-file-tag {
    width: 100%;
}

.upload-file-tag-container {
    border-radius: 25px;
    padding: 3px;
    font-weight: bold;
    font-size: 12px;
    width: 62%;
    text-align: center;
}

.upload-file-tag-container.enviado {    
    border: 1px solid var(--color-success);
    color: var(--color-success);
}

.upload-file-tag-container.agora {
    border: 1px solid var(--color-secondary);
    color: var(--color-secondary);
}

.upload-file-tag-container.depois {
    border: 1px solid var(--color-warning);
    color: var(--color-warning);
}

.upload-file-tag-container.opcional {
    border: 1px solid #4c4c4c;
    color: #4c4c4c;
}

.phone .upload-file-tag-container {
    border: 0;
    width: 100%;
    text-align: left;
    font-size: 10px;
    padding: 3px 0;
}

.phone .upload-file-tag-container.enviado {
    color: var(--color-success);
}

.phone .upload-file-tag-container.agora {
    color: var(--color-secondary);
}

.phone .upload-file-tag-container.depois {
    color: var(--color-warning);
}

.phone .upload-file-tag-container.opcional {
    color: #4c4c4c;
}

/* Saiba Mais */

.tabs .document-sidebar .is--visible .sidebar-container.enter-right {
    -webkit-animation-name: enter-right;
    animation-name: enter-right;
    box-shadow: var(--shadow-xl);
}

.tabs .document-sidebar .is--hidden  .sidebar-container.leave-right {
    -webkit-animation-name: leave-right;
    animation-name: leave-right;
}

.tabs .document-sidebar .sidebar-container .sidebar-content {
    padding: 0 35px 35px 35px;
}    

.tabs .document-sidebar .sidebar-container {
    background: var(--color-neutral-0);
    height: 100vh;
    position: fixed;
    overflow: scroll;
    right: 0;
    top: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    width: 500px;
    z-index: 150;
}

.sidebar-image {
    width: 85px;
    margin-bottom: var(--space-s);
}

.close-sidebar-icon .fa {
    color: var(--color-primary);
}

.sidebar-categoria-doc {
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    opacity: 0.23;
    text-transform: uppercase;
}

.sidebar-nome-doc {
    font-family: NB;
    font-size: 22px;
    line-height: 110%;
    color: #616469;
}

.sidebar-topic {
    font-family: OpenSans;
    font-weight: bold;
    font-size: 12px;
    line-height: 100%;
}

.sidebar-explanation {
    font-family: OpenSans;
    font-weight: normal;
    font-size: 14px;
    line-height: 145.2%;
    color: #4C4C4C;
}

.links-uteis {
    font-family: OpenSans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 120%;
    text-decoration-line: underline;
    color: var(--color-secondary);
 }
 
.links-uteis a:hover {
     color: var(--color-secondary);
     opacity: .7;
}
 
.links-uteis .fa {
    color:#B0B0B0;
    margin-left: 10px;
    margin-bottom: 6px;
 }