/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./apps/logged-home/src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
.text-white {
  color: #fff;
}
.white {
  background-color: white;
}
.padding {
  padding: 15px 10%;
}
.grey {
  background-color: #f6fafc;
}
.grey-light {
  background-color: #f7f7f7;
}
.text-center {
  text-align: center;
}
.btn-action--solid {
  background-color: #FF9B52;
  color: #ffff;
}
.btn-action--solid:hover {
  background-color: #DE7E38;
}
.btn--case-default {
  text-transform: none;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-25 {
  margin-top: 25px;
}
.margin-top-35 {
  margin-top: 35px;
}
/**
 * Toro
 *
 * Variables
 *
 * This style sheet describes all
 * variables for the project
 *
 **/
/**
 * Colours
 *
 * colours variables
 *
 **/
/**
 *
 * z-index
 * 
 * z-index variables
 *
 * Is very important try use better the z-index
 * attribute, so, we have to build our code using
 * only 10 levels and don't run away of this pattern
 *
 * Example:
 * For a modal/overlay, the backdrop has the variable
 * $zindex-9 and the content $zindex-10
 *
 **/
/**
 *
 * Fonts
 *
 * font variables
 *
 **/
/**
 *
 * Media queries breakpoints
 *
 *
 *	@media (max-width: @screen-xs-max) { ... } -- THE MOST RECOMMENDED USE
 *	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
 *	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
 *	@media (min-width: @screen-lg-min) { ... }
 *
 **/
/*
 *
 * The follow calculation it's very simple,
 * the max size of a breakpoint it's the min size
 * of the next breakpoint less 1 (one) pixel
 *
 * Example:
 * - $screen-xs-max = 768 - 1;
 * - The result is: 767px;
 *
 */
.mb-30 {
  margin-bottom: 30px;
}
.mt-30 {
  margin-top: 30px;
}
.primary-color-lighter {
  color: #DBC7FF;
}
.primary-color-lighter:hover {
  opacity: 0.6;
}
.new-text {
  color: #E7517E;
  font-weight: bold;
}
.new-text--secundary-badge {
  background-color: #E7517E;
  color: #FFFFFF;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 4px;
}
.tag--new {
  position: relative;
  width: 40px;
  height: 20px;
}
.tag--new::before {
  width: 40px;
  height: 20px;
  border-radius: 8px;
  content: "Novo";
  font-size: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tag--secundary-color.tag--new::before {
  background-color: #E7517E;
  color: #FFFFFF;
}
.mat-horizontal-stepper-header-container {
  display: none !important;
}
.mat-dialog-container {
  display: contents !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/@toro/styles/toro.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
██████████╗ ████████████╗ ███████████╗ ████████████╗
╚═══██╔═══╝ ██        ██║ ██       ██║ ██        ██║
    ██║     ██        ██║ ██       ██║ ██        ██║
    ██║     ██        ██║ ███████████║ ██        ██║
    ██║     ██        ██║ ██║║██╚═╗══╝ ██        ██║
    ██║     ██        ██║ ██║╚═╗██╚══╗ ██        ██║
    ██║     ████████████║ ██║  ╚══╗██║ ████████████║
    ╚═╝     ╚═══════════╝ ╚═╝     ╚══╝ ╚═══════════╝
*/
/* BASE */
/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/
/* =====================================================================================================================
// RangeSlider */
.irs {
    position: relative; display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.irs-line {
        position: relative; display: block;
        overflow: hidden;
        outline: none !important;
    }
.irs-line-left, .irs-line-mid, .irs-line-right {
            position: absolute; display: block;
            top: 0;
        }
.irs-line-left {
            left: 0; width: 11%;
        }
.irs-line-mid {
            left: 9%; width: 82%;
        }
.irs-line-right {
            right: 0; width: 11%;
        }
.irs-bar {
        position: absolute; display: block;
        left: 0; width: 0;
    }
.irs-bar-edge {
            position: absolute; display: block;
            top: 0; left: 0;
        }
.irs-shadow {
        position: absolute; display: none;
        left: 0; width: 0;
    }
.irs-slider {
        position: absolute; display: block;
        cursor: default;
        z-index: 1;
    }
.irs-slider.single {

        }
.irs-slider.from {

        }
.irs-slider.to {

        }
.irs-slider.type_last {
            z-index: 2;
        }
.irs-min {
        position: absolute; display: block;
        left: 0;
        cursor: default;
    }
.irs-max {
        position: absolute; display: block;
        right: 0;
        cursor: default;
    }
.irs-from, .irs-to, .irs-single {
        position: absolute; display: block;
        top: 0; left: 0;
        cursor: default;
        white-space: nowrap;
    }
.irs-grid {
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
.irs-grid-pol {
        position: absolute;
        top: 0; left: 0;
        width: 1px; height: 8px;
        background: #000;
    }
.irs-grid-pol.small {
        height: 4px;
    }
.irs-grid-text {
        position: absolute;
        bottom: 0; left: 0;
        white-space: nowrap;
        text-align: center;
        font-size: 9px; line-height: 9px;
        padding: 0 3px;
        color: #000;
    }
.irs-disable-mask {
    position: absolute; display: block;
    top: 0; left: -1%;
    width: 102%; height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}
.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed;
}
.irs-disabled {
    opacity: 0.4;
}
.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}
/* Ion.RangeSlider, Flat UI Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// ===================================================================================================================*/
/* =====================================================================================================================
// Skin details */
.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
    background: url('sprite-skin-flat.png') repeat-x;
}
.irs {
    height: 40px;
}
.irs-with-grid {
    height: 60px;
}
.irs-line {
    height: 12px; top: 25px;
}
.irs-line-left {
        height: 12px;
        background-position: 0 -30px;
    }
.irs-line-mid {
        height: 12px;
        background-position: 0 0;
    }
.irs-line-right {
        height: 12px;
        background-position: 100% -30px;
    }
.irs-bar {
    height: 12px; top: 25px;
    background-position: 0 -60px;
}
.irs-bar-edge {
        top: 25px;
        height: 12px; width: 9px;
        background-position: 0 -90px;
    }
.irs-shadow {
    height: 3px; top: 34px;
    background: #000;
    opacity: 0.25;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=25);
}
.irs-slider {
    width: 16px; height: 18px;
    top: 22px;
    background-position: 0 -120px;
}
.irs-slider.state_hover, .irs-slider:hover {
    background-position: 0 -150px;
}
.irs-min, .irs-max {
    color: #999;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    top: 0; padding: 1px 3px;
    background: #e1e4e9;
    border-radius: 4px;
}
.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #ed5565;
    border-radius: 4px;
}
.irs-from:after, .irs-to:after, .irs-single:after {
    position: absolute; display: block; content: "";
    bottom: -6px; left: 50%;
    width: 0; height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #ed5565;
}
.irs-grid-pol {
    background: #e1e4e9;
}
.irs-grid-text {
    color: #999;
}
.irs-disabled {
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}
address {
  font-style: normal;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
a {
  text-decoration: none;
}
/**
 * Toro
 *
 * Variables
 *
 * This style sheet describes all
 * variables for the project
 *
 **/
/**
 * Colours
 *
 * colours variables
 *
 **/
/**
 *
 * z-index
 * 
 * z-index variables
 *
 * Is very important try use better the z-index
 * attribute, so, we have to build our code using
 * only 10 levels and don't run away of this pattern
 *
 * Example:
 * For a modal/overlay, the backdrop has the variable
 * $zindex-9 and the content $zindex-10
 *
 **/
/**
 *
 * Fonts
 *
 * font variables
 *
 **/
/**
 *
 * Media queries breakpoints
 *
 *
 *	@media (max-width: @screen-xs-max) { ... } -- THE MOST RECOMMENDED USE
 *	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
 *	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
 *	@media (min-width: @screen-lg-min) { ... }
 *
 **/
/*
 *
 * The follow calculation it's very simple,
 * the max size of a breakpoint it's the min size
 * of the next breakpoint less 1 (one) pixel
 *
 * Example:
 * - $screen-xs-max = 768 - 1;
 * - The result is: 767px;
 *
 */
/**
* Toro
*
* Mixins
*
* This style sheet describes all
* mixins used in this project
*
*/
/**
* border radius
*
* ex: @include border-radius(24px);
*
*/
/**
* transitions
*
* ex: @include transition(color .3s ease);
*
*/
/**
* transform
*
* ex: @include transform(translate(0));
*
*/
/**
* box-shadow
*
* ex: @include box-shadow(3px 7px 27px 3px rgba(35, 161, 248, 0.15));
*
*/
/**
* user-select
*
* ex: @include user-select(none);
*
*/
/**
* opacity
*
* ex: @include opacity(0.8);
*
*/
/**
* colours mixins
*
* ex: @include linear-gradient($color-fixed, 120, $color-fixed, 0%, $color-variable, 100%);
*
*/
/**
* fonts mixins and functions
*
*/
/**
* banners mixins
*
*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 1024px) {
  .container {
    width: 990px;
  }
}
@media (min-width: 1440px) {
  .container {
    width: 1350px;
    padding-right: 8px;
    padding-left: 8px;
  }
}
@media (min-width: 1920px) {
  .container {
    width: 1700px;
    padding-right: 8px;
    padding-left: 8px;
  }
}
.container-fluid {
  padding-right: 8px;
  padding-left: 8px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -8px;
  margin-left: -8px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xlg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xlg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xlg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xlg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xlg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xlg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xlg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xlg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xlg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xlg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xlg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xlg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xlg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xlg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xlg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xlg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xlg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xlg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xlg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xlg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xlg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xlg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xlg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24, .col-xlg-24 {
  position: relative;
  min-height: 1px;
  padding-right: 8px;
  padding-left: 8px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24 {
  float: left;
}
.col-xs-24 {
  width: 100%;
}
.col-xs-23 {
  width: 95.83333333%;
}
.col-xs-22 {
  width: 91.66666667%;
}
.col-xs-21 {
  width: 87.5%;
}
.col-xs-20 {
  width: 83.33333333%;
}
.col-xs-19 {
  width: 79.16666667%;
}
.col-xs-18 {
  width: 75%;
}
.col-xs-17 {
  width: 70.83333333%;
}
.col-xs-16 {
  width: 66.66666667%;
}
.col-xs-15 {
  width: 62.5%;
}
.col-xs-14 {
  width: 58.33333333%;
}
.col-xs-13 {
  width: 54.16666667%;
}
.col-xs-12 {
  width: 50%;
}
.col-xs-11 {
  width: 45.83333333%;
}
.col-xs-10 {
  width: 41.66666667%;
}
.col-xs-9 {
  width: 37.5%;
}
.col-xs-8 {
  width: 33.33333333%;
}
.col-xs-7 {
  width: 29.16666667%;
}
.col-xs-6 {
  width: 25%;
}
.col-xs-5 {
  width: 20.83333333%;
}
.col-xs-4 {
  width: 16.66666667%;
}
.col-xs-3 {
  width: 12.5%;
}
.col-xs-2 {
  width: 8.33333333%;
}
.col-xs-1 {
  width: 4.16666667%;
}
.col-xs-pull-24 {
  right: 100%;
}
.col-xs-pull-23 {
  right: 95.83333333%;
}
.col-xs-pull-22 {
  right: 91.66666667%;
}
.col-xs-pull-21 {
  right: 87.5%;
}
.col-xs-pull-20 {
  right: 83.33333333%;
}
.col-xs-pull-19 {
  right: 79.16666667%;
}
.col-xs-pull-18 {
  right: 75%;
}
.col-xs-pull-17 {
  right: 70.83333333%;
}
.col-xs-pull-16 {
  right: 66.66666667%;
}
.col-xs-pull-15 {
  right: 62.5%;
}
.col-xs-pull-14 {
  right: 58.33333333%;
}
.col-xs-pull-13 {
  right: 54.16666667%;
}
.col-xs-pull-12 {
  right: 50%;
}
.col-xs-pull-11 {
  right: 45.83333333%;
}
.col-xs-pull-10 {
  right: 41.66666667%;
}
.col-xs-pull-9 {
  right: 37.5%;
}
.col-xs-pull-8 {
  right: 33.33333333%;
}
.col-xs-pull-7 {
  right: 29.16666667%;
}
.col-xs-pull-6 {
  right: 25%;
}
.col-xs-pull-5 {
  right: 20.83333333%;
}
.col-xs-pull-4 {
  right: 16.66666667%;
}
.col-xs-pull-3 {
  right: 12.5%;
}
.col-xs-pull-2 {
  right: 8.33333333%;
}
.col-xs-pull-1 {
  right: 4.16666667%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-24 {
  left: 100%;
}
.col-xs-push-23 {
  left: 95.83333333%;
}
.col-xs-push-22 {
  left: 91.66666667%;
}
.col-xs-push-21 {
  left: 87.5%;
}
.col-xs-push-20 {
  left: 83.33333333%;
}
.col-xs-push-19 {
  left: 79.16666667%;
}
.col-xs-push-18 {
  left: 75%;
}
.col-xs-push-17 {
  left: 70.83333333%;
}
.col-xs-push-16 {
  left: 66.66666667%;
}
.col-xs-push-15 {
  left: 62.5%;
}
.col-xs-push-14 {
  left: 58.33333333%;
}
.col-xs-push-13 {
  left: 54.16666667%;
}
.col-xs-push-12 {
  left: 50%;
}
.col-xs-push-11 {
  left: 45.83333333%;
}
.col-xs-push-10 {
  left: 41.66666667%;
}
.col-xs-push-9 {
  left: 37.5%;
}
.col-xs-push-8 {
  left: 33.33333333%;
}
.col-xs-push-7 {
  left: 29.16666667%;
}
.col-xs-push-6 {
  left: 25%;
}
.col-xs-push-5 {
  left: 20.83333333%;
}
.col-xs-push-4 {
  left: 16.66666667%;
}
.col-xs-push-3 {
  left: 12.5%;
}
.col-xs-push-2 {
  left: 8.33333333%;
}
.col-xs-push-1 {
  left: 4.16666667%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-24 {
  margin-left: 100%;
}
.col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.col-xs-offset-21 {
  margin-left: 87.5%;
}
.col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.col-xs-offset-18 {
  margin-left: 75%;
}
.col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.col-xs-offset-15 {
  margin-left: 62.5%;
}
.col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.col-xs-offset-12 {
  margin-left: 50%;
}
.col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.col-xs-offset-9 {
  margin-left: 37.5%;
}
.col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.col-xs-offset-6 {
  margin-left: 25%;
}
.col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.col-xs-offset-3 {
  margin-left: 12.5%;
}
.col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24 {
    float: left;
  }

  .col-sm-24 {
    width: 100%;
  }

  .col-sm-23 {
    width: 95.83333333%;
  }

  .col-sm-22 {
    width: 91.66666667%;
  }

  .col-sm-21 {
    width: 87.5%;
  }

  .col-sm-20 {
    width: 83.33333333%;
  }

  .col-sm-19 {
    width: 79.16666667%;
  }

  .col-sm-18 {
    width: 75%;
  }

  .col-sm-17 {
    width: 70.83333333%;
  }

  .col-sm-16 {
    width: 66.66666667%;
  }

  .col-sm-15 {
    width: 62.5%;
  }

  .col-sm-14 {
    width: 58.33333333%;
  }

  .col-sm-13 {
    width: 54.16666667%;
  }

  .col-sm-12 {
    width: 50%;
  }

  .col-sm-11 {
    width: 45.83333333%;
  }

  .col-sm-10 {
    width: 41.66666667%;
  }

  .col-sm-9 {
    width: 37.5%;
  }

  .col-sm-8 {
    width: 33.33333333%;
  }

  .col-sm-7 {
    width: 29.16666667%;
  }

  .col-sm-6 {
    width: 25%;
  }

  .col-sm-5 {
    width: 20.83333333%;
  }

  .col-sm-4 {
    width: 16.66666667%;
  }

  .col-sm-3 {
    width: 12.5%;
  }

  .col-sm-2 {
    width: 8.33333333%;
  }

  .col-sm-1 {
    width: 4.16666667%;
  }

  .col-sm-pull-24 {
    right: 100%;
  }

  .col-sm-pull-23 {
    right: 95.83333333%;
  }

  .col-sm-pull-22 {
    right: 91.66666667%;
  }

  .col-sm-pull-21 {
    right: 87.5%;
  }

  .col-sm-pull-20 {
    right: 83.33333333%;
  }

  .col-sm-pull-19 {
    right: 79.16666667%;
  }

  .col-sm-pull-18 {
    right: 75%;
  }

  .col-sm-pull-17 {
    right: 70.83333333%;
  }

  .col-sm-pull-16 {
    right: 66.66666667%;
  }

  .col-sm-pull-15 {
    right: 62.5%;
  }

  .col-sm-pull-14 {
    right: 58.33333333%;
  }

  .col-sm-pull-13 {
    right: 54.16666667%;
  }

  .col-sm-pull-12 {
    right: 50%;
  }

  .col-sm-pull-11 {
    right: 45.83333333%;
  }

  .col-sm-pull-10 {
    right: 41.66666667%;
  }

  .col-sm-pull-9 {
    right: 37.5%;
  }

  .col-sm-pull-8 {
    right: 33.33333333%;
  }

  .col-sm-pull-7 {
    right: 29.16666667%;
  }

  .col-sm-pull-6 {
    right: 25%;
  }

  .col-sm-pull-5 {
    right: 20.83333333%;
  }

  .col-sm-pull-4 {
    right: 16.66666667%;
  }

  .col-sm-pull-3 {
    right: 12.5%;
  }

  .col-sm-pull-2 {
    right: 8.33333333%;
  }

  .col-sm-pull-1 {
    right: 4.16666667%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-24 {
    left: 100%;
  }

  .col-sm-push-23 {
    left: 95.83333333%;
  }

  .col-sm-push-22 {
    left: 91.66666667%;
  }

  .col-sm-push-21 {
    left: 87.5%;
  }

  .col-sm-push-20 {
    left: 83.33333333%;
  }

  .col-sm-push-19 {
    left: 79.16666667%;
  }

  .col-sm-push-18 {
    left: 75%;
  }

  .col-sm-push-17 {
    left: 70.83333333%;
  }

  .col-sm-push-16 {
    left: 66.66666667%;
  }

  .col-sm-push-15 {
    left: 62.5%;
  }

  .col-sm-push-14 {
    left: 58.33333333%;
  }

  .col-sm-push-13 {
    left: 54.16666667%;
  }

  .col-sm-push-12 {
    left: 50%;
  }

  .col-sm-push-11 {
    left: 45.83333333%;
  }

  .col-sm-push-10 {
    left: 41.66666667%;
  }

  .col-sm-push-9 {
    left: 37.5%;
  }

  .col-sm-push-8 {
    left: 33.33333333%;
  }

  .col-sm-push-7 {
    left: 29.16666667%;
  }

  .col-sm-push-6 {
    left: 25%;
  }

  .col-sm-push-5 {
    left: 20.83333333%;
  }

  .col-sm-push-4 {
    left: 16.66666667%;
  }

  .col-sm-push-3 {
    left: 12.5%;
  }

  .col-sm-push-2 {
    left: 8.33333333%;
  }

  .col-sm-push-1 {
    left: 4.16666667%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-24 {
    margin-left: 100%;
  }

  .col-sm-offset-23 {
    margin-left: 95.83333333%;
  }

  .col-sm-offset-22 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-21 {
    margin-left: 87.5%;
  }

  .col-sm-offset-20 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-19 {
    margin-left: 79.16666667%;
  }

  .col-sm-offset-18 {
    margin-left: 75%;
  }

  .col-sm-offset-17 {
    margin-left: 70.83333333%;
  }

  .col-sm-offset-16 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-15 {
    margin-left: 62.5%;
  }

  .col-sm-offset-14 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-13 {
    margin-left: 54.16666667%;
  }

  .col-sm-offset-12 {
    margin-left: 50%;
  }

  .col-sm-offset-11 {
    margin-left: 45.83333333%;
  }

  .col-sm-offset-10 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-9 {
    margin-left: 37.5%;
  }

  .col-sm-offset-8 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-7 {
    margin-left: 29.16666667%;
  }

  .col-sm-offset-6 {
    margin-left: 25%;
  }

  .col-sm-offset-5 {
    margin-left: 20.83333333%;
  }

  .col-sm-offset-4 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-3 {
    margin-left: 12.5%;
  }

  .col-sm-offset-2 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-1 {
    margin-left: 4.16666667%;
  }

  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24 {
    float: left;
  }

  .col-md-24 {
    width: 100%;
  }

  .col-md-23 {
    width: 95.83333333%;
  }

  .col-md-22 {
    width: 91.66666667%;
  }

  .col-md-21 {
    width: 87.5%;
  }

  .col-md-20 {
    width: 83.33333333%;
  }

  .col-md-19 {
    width: 79.16666667%;
  }

  .col-md-18 {
    width: 75%;
  }

  .col-md-17 {
    width: 70.83333333%;
  }

  .col-md-16 {
    width: 66.66666667%;
  }

  .col-md-15 {
    width: 62.5%;
  }

  .col-md-14 {
    width: 58.33333333%;
  }

  .col-md-13 {
    width: 54.16666667%;
  }

  .col-md-12 {
    width: 50%;
  }

  .col-md-11 {
    width: 45.83333333%;
  }

  .col-md-10 {
    width: 41.66666667%;
  }

  .col-md-9 {
    width: 37.5%;
  }

  .col-md-8 {
    width: 33.33333333%;
  }

  .col-md-7 {
    width: 29.16666667%;
  }

  .col-md-6 {
    width: 25%;
  }

  .col-md-5 {
    width: 20.83333333%;
  }

  .col-md-4 {
    width: 16.66666667%;
  }

  .col-md-3 {
    width: 12.5%;
  }

  .col-md-2 {
    width: 8.33333333%;
  }

  .col-md-1 {
    width: 4.16666667%;
  }

  .col-md-pull-24 {
    right: 100%;
  }

  .col-md-pull-23 {
    right: 95.83333333%;
  }

  .col-md-pull-22 {
    right: 91.66666667%;
  }

  .col-md-pull-21 {
    right: 87.5%;
  }

  .col-md-pull-20 {
    right: 83.33333333%;
  }

  .col-md-pull-19 {
    right: 79.16666667%;
  }

  .col-md-pull-18 {
    right: 75%;
  }

  .col-md-pull-17 {
    right: 70.83333333%;
  }

  .col-md-pull-16 {
    right: 66.66666667%;
  }

  .col-md-pull-15 {
    right: 62.5%;
  }

  .col-md-pull-14 {
    right: 58.33333333%;
  }

  .col-md-pull-13 {
    right: 54.16666667%;
  }

  .col-md-pull-12 {
    right: 50%;
  }

  .col-md-pull-11 {
    right: 45.83333333%;
  }

  .col-md-pull-10 {
    right: 41.66666667%;
  }

  .col-md-pull-9 {
    right: 37.5%;
  }

  .col-md-pull-8 {
    right: 33.33333333%;
  }

  .col-md-pull-7 {
    right: 29.16666667%;
  }

  .col-md-pull-6 {
    right: 25%;
  }

  .col-md-pull-5 {
    right: 20.83333333%;
  }

  .col-md-pull-4 {
    right: 16.66666667%;
  }

  .col-md-pull-3 {
    right: 12.5%;
  }

  .col-md-pull-2 {
    right: 8.33333333%;
  }

  .col-md-pull-1 {
    right: 4.16666667%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-24 {
    left: 100%;
  }

  .col-md-push-23 {
    left: 95.83333333%;
  }

  .col-md-push-22 {
    left: 91.66666667%;
  }

  .col-md-push-21 {
    left: 87.5%;
  }

  .col-md-push-20 {
    left: 83.33333333%;
  }

  .col-md-push-19 {
    left: 79.16666667%;
  }

  .col-md-push-18 {
    left: 75%;
  }

  .col-md-push-17 {
    left: 70.83333333%;
  }

  .col-md-push-16 {
    left: 66.66666667%;
  }

  .col-md-push-15 {
    left: 62.5%;
  }

  .col-md-push-14 {
    left: 58.33333333%;
  }

  .col-md-push-13 {
    left: 54.16666667%;
  }

  .col-md-push-12 {
    left: 50%;
  }

  .col-md-push-11 {
    left: 45.83333333%;
  }

  .col-md-push-10 {
    left: 41.66666667%;
  }

  .col-md-push-9 {
    left: 37.5%;
  }

  .col-md-push-8 {
    left: 33.33333333%;
  }

  .col-md-push-7 {
    left: 29.16666667%;
  }

  .col-md-push-6 {
    left: 25%;
  }

  .col-md-push-5 {
    left: 20.83333333%;
  }

  .col-md-push-4 {
    left: 16.66666667%;
  }

  .col-md-push-3 {
    left: 12.5%;
  }

  .col-md-push-2 {
    left: 8.33333333%;
  }

  .col-md-push-1 {
    left: 4.16666667%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-24 {
    margin-left: 100%;
  }

  .col-md-offset-23 {
    margin-left: 95.83333333%;
  }

  .col-md-offset-22 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-21 {
    margin-left: 87.5%;
  }

  .col-md-offset-20 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-19 {
    margin-left: 79.16666667%;
  }

  .col-md-offset-18 {
    margin-left: 75%;
  }

  .col-md-offset-17 {
    margin-left: 70.83333333%;
  }

  .col-md-offset-16 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-15 {
    margin-left: 62.5%;
  }

  .col-md-offset-14 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-13 {
    margin-left: 54.16666667%;
  }

  .col-md-offset-12 {
    margin-left: 50%;
  }

  .col-md-offset-11 {
    margin-left: 45.83333333%;
  }

  .col-md-offset-10 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-9 {
    margin-left: 37.5%;
  }

  .col-md-offset-8 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-7 {
    margin-left: 29.16666667%;
  }

  .col-md-offset-6 {
    margin-left: 25%;
  }

  .col-md-offset-5 {
    margin-left: 20.83333333%;
  }

  .col-md-offset-4 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-3 {
    margin-left: 12.5%;
  }

  .col-md-offset-2 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-1 {
    margin-left: 4.16666667%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1440px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24 {
    float: left;
  }

  .col-lg-24 {
    width: 100%;
  }

  .col-lg-23 {
    width: 95.83333333%;
  }

  .col-lg-22 {
    width: 91.66666667%;
  }

  .col-lg-21 {
    width: 87.5%;
  }

  .col-lg-20 {
    width: 83.33333333%;
  }

  .col-lg-19 {
    width: 79.16666667%;
  }

  .col-lg-18 {
    width: 75%;
  }

  .col-lg-17 {
    width: 70.83333333%;
  }

  .col-lg-16 {
    width: 66.66666667%;
  }

  .col-lg-15 {
    width: 62.5%;
  }

  .col-lg-14 {
    width: 58.33333333%;
  }

  .col-lg-13 {
    width: 54.16666667%;
  }

  .col-lg-12 {
    width: 50%;
  }

  .col-lg-11 {
    width: 45.83333333%;
  }

  .col-lg-10 {
    width: 41.66666667%;
  }

  .col-lg-9 {
    width: 37.5%;
  }

  .col-lg-8 {
    width: 33.33333333%;
  }

  .col-lg-7 {
    width: 29.16666667%;
  }

  .col-lg-6 {
    width: 25%;
  }

  .col-lg-5 {
    width: 20.83333333%;
  }

  .col-lg-4 {
    width: 16.66666667%;
  }

  .col-lg-3 {
    width: 12.5%;
  }

  .col-lg-2 {
    width: 8.33333333%;
  }

  .col-lg-1 {
    width: 4.16666667%;
  }

  .col-lg-pull-24 {
    right: 100%;
  }

  .col-lg-pull-23 {
    right: 95.83333333%;
  }

  .col-lg-pull-22 {
    right: 91.66666667%;
  }

  .col-lg-pull-21 {
    right: 87.5%;
  }

  .col-lg-pull-20 {
    right: 83.33333333%;
  }

  .col-lg-pull-19 {
    right: 79.16666667%;
  }

  .col-lg-pull-18 {
    right: 75%;
  }

  .col-lg-pull-17 {
    right: 70.83333333%;
  }

  .col-lg-pull-16 {
    right: 66.66666667%;
  }

  .col-lg-pull-15 {
    right: 62.5%;
  }

  .col-lg-pull-14 {
    right: 58.33333333%;
  }

  .col-lg-pull-13 {
    right: 54.16666667%;
  }

  .col-lg-pull-12 {
    right: 50%;
  }

  .col-lg-pull-11 {
    right: 45.83333333%;
  }

  .col-lg-pull-10 {
    right: 41.66666667%;
  }

  .col-lg-pull-9 {
    right: 37.5%;
  }

  .col-lg-pull-8 {
    right: 33.33333333%;
  }

  .col-lg-pull-7 {
    right: 29.16666667%;
  }

  .col-lg-pull-6 {
    right: 25%;
  }

  .col-lg-pull-5 {
    right: 20.83333333%;
  }

  .col-lg-pull-4 {
    right: 16.66666667%;
  }

  .col-lg-pull-3 {
    right: 12.5%;
  }

  .col-lg-pull-2 {
    right: 8.33333333%;
  }

  .col-lg-pull-1 {
    right: 4.16666667%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-24 {
    left: 100%;
  }

  .col-lg-push-23 {
    left: 95.83333333%;
  }

  .col-lg-push-22 {
    left: 91.66666667%;
  }

  .col-lg-push-21 {
    left: 87.5%;
  }

  .col-lg-push-20 {
    left: 83.33333333%;
  }

  .col-lg-push-19 {
    left: 79.16666667%;
  }

  .col-lg-push-18 {
    left: 75%;
  }

  .col-lg-push-17 {
    left: 70.83333333%;
  }

  .col-lg-push-16 {
    left: 66.66666667%;
  }

  .col-lg-push-15 {
    left: 62.5%;
  }

  .col-lg-push-14 {
    left: 58.33333333%;
  }

  .col-lg-push-13 {
    left: 54.16666667%;
  }

  .col-lg-push-12 {
    left: 50%;
  }

  .col-lg-push-11 {
    left: 45.83333333%;
  }

  .col-lg-push-10 {
    left: 41.66666667%;
  }

  .col-lg-push-9 {
    left: 37.5%;
  }

  .col-lg-push-8 {
    left: 33.33333333%;
  }

  .col-lg-push-7 {
    left: 29.16666667%;
  }

  .col-lg-push-6 {
    left: 25%;
  }

  .col-lg-push-5 {
    left: 20.83333333%;
  }

  .col-lg-push-4 {
    left: 16.66666667%;
  }

  .col-lg-push-3 {
    left: 12.5%;
  }

  .col-lg-push-2 {
    left: 8.33333333%;
  }

  .col-lg-push-1 {
    left: 4.16666667%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-24 {
    margin-left: 100%;
  }

  .col-lg-offset-23 {
    margin-left: 95.83333333%;
  }

  .col-lg-offset-22 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-21 {
    margin-left: 87.5%;
  }

  .col-lg-offset-20 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-19 {
    margin-left: 79.16666667%;
  }

  .col-lg-offset-18 {
    margin-left: 75%;
  }

  .col-lg-offset-17 {
    margin-left: 70.83333333%;
  }

  .col-lg-offset-16 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-15 {
    margin-left: 62.5%;
  }

  .col-lg-offset-14 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-13 {
    margin-left: 54.16666667%;
  }

  .col-lg-offset-12 {
    margin-left: 50%;
  }

  .col-lg-offset-11 {
    margin-left: 45.83333333%;
  }

  .col-lg-offset-10 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-9 {
    margin-left: 37.5%;
  }

  .col-lg-offset-8 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-7 {
    margin-left: 29.16666667%;
  }

  .col-lg-offset-6 {
    margin-left: 25%;
  }

  .col-lg-offset-5 {
    margin-left: 20.83333333%;
  }

  .col-lg-offset-4 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-3 {
    margin-left: 12.5%;
  }

  .col-lg-offset-2 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-1 {
    margin-left: 4.16666667%;
  }

  .col-lg-offset-0 {
    margin-left: 0;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-lxg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-xlg-block,
.visible-xlg-inline,
.visible-xlg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1440px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1440px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1440px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1440px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1440px) {
  .visible-xlg {
    display: block !important;
  }

  table.visible-xlg {
    display: table !important;
  }

  tr.visible-xlg {
    display: table-row !important;
  }

  th.visible-xlg,
td.visible-xlg {
    display: table-cell !important;
  }
}
@media (min-width: 1440px) {
  .visible-xlg-block {
    display: block !important;
  }
}
@media (min-width: 1440px) {
  .visible-xlg-inline {
    display: inline !important;
  }
}
@media (min-width: 1440px) {
  .visible-xlg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1440px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  margin: 16px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}
.slick-dots {
  display: block;
  width: 100%;
  padding: 0;
  margin: 24px 0 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 11px;
  height: 11px;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
/**
* Toro
*
* Default styles
*
* This style sheet describes all
* default styles in this project
*/
body {
  overflow-x: hidden;
  font-family: "Roboto";
  color: #222222;
}
body.body--hidden {
  overflow: hidden;
}
body input {
  font-family: "Roboto";
}
body.block-scroll {
  overflow: inherit;
  -webkit-overflow-scrolling: auto;
}
.body--fixed {
  padding-top: 160px;
}
.container-flex {
  width: 100%;
  margin: auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.container-fluid-flex {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.container-max {
  max-width: 1300px;
  position: relative;
  margin: auto;
}
.container-divided-main {
  float: left;
  min-height: 100vh;
  position: relative;
  transition: all 1s ease;
  background-color: #39F;
  background-image: linear-gradient(120deg, #39F 0%, #50e1ff 100%);
}
.container-divided-main .container-max,
.container-divided-main .container-fluid {
  height: 100%;
  display: block;
}
.container-divided-main--full {
  width: 100% !important;
}
.container--fixed {
  overflow: hidden;
}
.container-divided-content {
  padding-top: 40px;
  height: 100%;
}
.img-max-width {
  max-width: 100%;
}
.page-divided-content--fixed {
  position: relative;
  padding-top: 150px;
  height: 100vh;
  padding-left: 60px;
}
.page-divided-content--form {
  margin-top: 128px;
}
.page-divided-content--form .input-field--margin {
  margin-top: 56px;
}
.container-divided-aside {
  background: #FFFFFF;
  float: left;
  min-height: 100vh;
  position: relative;
  padding: 0px;
  transition: all 1s ease;
}
.container-divided-aside--closed {
  width: 0px !important;
}
.container-divided-aside--closed .container-divided-aside-content {
  display: none;
}
.container-divided-aside-content {
  min-height: 100vh;
  position: fixed;
  background: #FFFFFF;
  right: 0;
  padding: 0px;
  transition: all 1s ease;
}
.container-divided-aside-content--relative {
  min-height: 100vh;
  position: relative;
  background: #FFFFFF;
  right: 0;
  padding: 0px;
  transition: all 1s ease;
}
.container-align, .simple-search .simple-search--container {
  display: table;
  width: 100%;
  height: 100%;
}
.container-align--full {
  min-height: 100vh;
}
.container-align--middle {
  display: table-cell;
  vertical-align: middle;
  float: none;
  position: relative;
}
.container-align--top {
  display: table-cell;
  vertical-align: top;
  position: relative;
}
.container-align--bottom {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
}
.container-align-offset--top {
  padding-top: 64px;
}
.full-height {
  height: 100%;
}
.col-align {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-left: -7px;
}
.col-align--top {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.page-section {
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden;
}
.page-section--carousel {
  padding-bottom: 0px;
}
.page-section--title {
  padding-top: 56px;
  padding-bottom: 56px;
}
.page-section--full {
  height: 100vh;
}
.page-section--no-banner {
  padding-top: 140px;
}
.text-center {
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
}
.text-left {
  text-align: left;
  -moz-text-align-last: left;
       text-align-last: left;
}
.text-right {
  text-align: right;
  -moz-text-align-last: right;
       text-align-last: right;
}
.text-justify {
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
.page-navigation {
  margin: 56px 0;
  width: 100%;
  float: left;
}
.page-navigation--fixed {
  position: absolute;
  margin: 0px;
  bottom: 56px;
  width: 100%;
}
.page-navigation .btn {
  margin: 8px 0;
}
.container-justify {
  -ms-text-align-last: justify;
  -moz-text-align-last: justify;
  -webkit-text-align-last: justify;
  text-align-last: justify;
}
.container-justify--top {
  -ms-text-align-last: auto;
  -moz-text-align-last: auto;
  -webkit-text-align-last: auto;
  text-align-last: auto;
  display: inline-block;
  vertical-align: top;
  float: none;
}
.container-justify--middle {
  -ms-text-align-last: auto;
  -moz-text-align-last: auto;
  -webkit-text-align-last: auto;
  text-align-last: auto;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
@media screen and (max-width: 767px) {
  .page-divided .list--light .list-item {
    color: #222222;
  }

  .container-align-offset--top {
    padding-top: 0px;
  }

  .page-navigation {
    margin: 24px 0;
    width: 100%;
    float: left;
  }
  .page-navigation--fixed {
    position: relative;
    margin: 0px;
    bottom: auto;
    width: 100%;
  }

  .page-divided-fixed {
    position: relative;
    top: inherit;
    margin: 16px 8px;
  }

  .page-divided--fixed-title:not(.initial) {
    color: #222222;
  }

  .page-divided--fixed-text:not(.initial) {
    color: #222222;
    margin-bottom: 24px;
  }

  .page-divided-container:before {
    display: none;
  }
  .page-divided-container .btn--close {
    top: 24px;
  }

  .page-divided-content {
    padding-left: 0px;
    height: auto;
    padding: 8px;
  }
  .page-divided-content .input-value-alert {
    margin-top: 16px;
  }
  .page-divided-content .input-value .form-input {
    margin-bottom: 0px;
    width: 100%;
  }

  .page-divided--scroll-title {
    margin: 16px 0;
  }

  .page-section--title {
    padding: 24px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  html.block-scroll,
body.block-scroll {
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
  }

  .body--fixed {
    padding-top: 0;
  }

  .page-divided .list--light {
    padding-bottom: 0px;
  }

  .container-divided-main,
.container-divided-aside,
.container-align,
.simple-search .simple-search--container {
    min-height: inherit;
  }

  .container-divided-content {
    padding-top: 0px;
  }

  .container-align--middle {
    display: block;
  }

  .container-divided-aside {
    min-height: auto;
    position: inherit;
    padding: 0px;
  }
  .container-divided-aside .user-balance {
    padding: 32px;
    margin-bottom: 32px;
  }
  .container-divided-aside .user-balance-data-title {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #000;
  }
  .container-divided-aside .user-balance .font-text--regular, .container-divided-aside .user-balance .tracking-page--option, .container-divided-aside .user-balance .table-default-col--body, .container-divided-aside .user-balance .product-table-item--wallet .panel.panel-default .panel-heading .product-table-item--title span, .product-table-item--wallet .panel.panel-default .panel-heading .product-table-item--title .container-divided-aside .user-balance span, .container-divided-aside .user-balance .product-table-item--wallet .product-table-item--header-info .product-table-content .product-table-item--title, .product-table-item--wallet .product-table-item--header-info .product-table-content .container-divided-aside .user-balance .product-table-item--title, .container-divided-aside .user-balance .page-divided-upload--fixed-text, .container-divided-aside .user-balance .form-textarea, .container-divided-aside .user-balance .input-filter, .container-divided-aside .user-balance .form-simulation--inline .input-field .form-input, .form-simulation--inline .input-field .container-divided-aside .user-balance .form-input, .container-divided-aside .user-balance .box-more-info-last-video p, .box-more-info-last-video .container-divided-aside .user-balance p {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
  }

  .container-divided-aside-content {
    position: relative;
    min-height: auto;
  }

  .page-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section-title-only .section-title-item {
    margin-bottom: 32px;
  }

  .section-title-sub .section-title-item {
    margin-bottom: 24px;
  }
  .section-title-sub .section-sub-item {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .col-offset-sm-0 {
    margin-left: 0px !important;
  }

  .page-divided-fixed {
    width: 265px;
  }

  .page-divided-content {
    padding-left: 24px;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .col-offset-md-0 {
    margin-left: 0px !important;
  }

  .page-divided-fixed {
    width: 290px;
  }
}
@media (min-width: 1440px) {
  .col-offset-lg-0 {
    margin-left: 0px !important;
  }

  .page-divided-fixed {
    width: 450px;
  }
}
.video-final-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background: url("/assets/images/temp/bg-video.jpg") no-repeat scroll top center transparent/cover;
}
.box-more-info-last-video {
  width: 47%;
  height: calc(100% - 40px);
  position: absolute;
  background: #fff;
  top: 20px;
  left: 20px;
  padding: 74px 84px;
  box-sizing: border-box;
}
.box-more-info-last-video h1 {
  margin-bottom: 36px;
}
.box-more-info-last-video p {
  color: #222222;
  line-height: 32px;
}
.box-more-info-last-video button {
  position: absolute;
  bottom: 85px;
}
.repeat-video {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  position: absolute;
  top: 37px;
  left: 52%;
}
.repeat-video:before {
  content: "";
  display: inline-block;
  margin-bottom: -6px;
  margin-right: 10px;
  width: 27px;
  height: 21px;
  transition: transform 0.3s ease;
}
.repeat-video:hover:before {
  transform: rotate(180deg);
}
.next-video-text {
  position: absolute;
  left: 52%;
  bottom: 66px;
  width: 310px;
}
.next-video-text span {
  font-size: 16px;
  color: #6131B4;
  margin-bottom: 10px;
  display: block;
}
.next-video-text h2 {
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  line-height: 29px;
  margin-bottom: -13px;
}
.button-play-next {
  position: absolute;
  top: 50%;
  transform: translateY(-65%);
  right: 21%;
  cursor: pointer;
}
.list-waiting {
  list-style: none;
  margin: 32px 0 0;
}
.list-waiting li {
  display: inline-block;
  width: 100%;
  margin: 8px 0;
}
.list-waiting li:not(.list-waiting--active):not(.list-waiting--current) .list-waiting--text {
  color: #7E868E;
}
.list-waiting li .list-waiting--text {
  margin-bottom: 0px !important;
  transition: all 0.3s ease-in-out;
}
.list-waiting--title {
  margin-bottom: 0px !important;
}
.list-waiting--icon {
  width: 24px;
  height: 24px;
  position: relative;
  display: inline;
  margin-right: 16px;
  float: left;
}
.list-waiting--icon .icon-svg {
  height: 24px;
  width: 24px;
}
.list-waiting--icon .success {
  fill: #00C898;
  margin-top: 2px;
}
.list-waiting--icon .success.force-show .icon-svg {
  opacity: 1 !important;
}
.list-waiting--icon .success.force-hide .icon-svg {
  opacity: 0 !important;
}
.list-waiting--icon .loading {
  fill: #6131B4;
}
.list-waiting--icon .loading .icon-svg {
  animation: rotating 1s linear 0s infinite;
  transform: rotate(0deg);
}
.list-waiting--icon .loading.force-show .icon-svg {
  opacity: 1 !important;
}
.list-waiting--icon .loading.force-hide .icon-svg {
  opacity: 0 !important;
}
.list-waiting--active .success {
  display: block;
}
.list-waiting--active .loading {
  display: none;
}
.list-waiting--active .list-waiting--text {
  color: #FFFFFF;
}
.list-waiting--current .success .icon-svg {
  opacity: 0;
}
.list-waiting--current .list-waiting--text {
  color: #7E868E;
}
.list-waiting--current .list-waiting--icon {
  position: relative;
}
.list-waiting--current .list-waiting--icon .icon-svg {
  height: 24px;
  width: 24px;
  display: block;
  position: absolute;
}
.list-waiting--first-appear .loading .icon-svg {
  animation: vanish 1s linear 1.5s forwards, rotating 1s linear 0s infinite;
}
.list-waiting--first-appear .success .icon-svg {
  animation: showUp 0s linear 1.8s forwards;
}
.list-waiting--first-appear .list-waiting--text {
  animation: changeColor 0s linear 1.8s forwards;
}
.list-waiting--second-appear .loading .icon-svg {
  animation: vanish 1s linear 1s forwards, rotating 1s linear 0s infinite;
}
.list-waiting--second-appear .success .icon-svg {
  animation: showUp 0s linear 2.3s forwards;
}
.list-waiting--second-appear .list-waiting--text {
  animation: changeColor 0s linear 2.3s forwards;
}
.list-waiting--third-appear .loading .icon-svg {
  animation: vanish 1s linear 2s forwards, rotating 1s linear 0s infinite;
}
.list-waiting--third-appear .success .icon-svg {
  animation: showUp 0s linear 3.3s forwards;
}
.list-waiting--third-appear .list-waiting--text {
  animation: changeColor 0s linear 3.3s forwards;
}
@keyframes vanish {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes showUp {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes changeColor {
  from {
    color: #7E868E;
  }
  to {
    color: #FFFFFF;
  }
}
@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.newsletter {
  background-color: #222222;
}
.newsletter-container {
  padding: 40px;
}
.newsletter-container--button {
  margin: 80px 0 0;
}
.disclaimer-container {
  padding: 40px 0;
}
@media screen and (max-width: 1023px) {
  .newsletter {
    margin-top: 40px;
  }
  .newsletter-container {
    padding: 16px;
  }

  .disclaimer-container {
    padding: 24px 0 8px;
  }
}
.toro-brand .icon-svg {
  width: 100%;
}
.toro-brand-animated {
  fill: red;
}
.hidden-for-app .hidden-element-app, .hidden-for-app .breadcrumb, .hidden-for-app .navbar, .hidden-for-app .footer, .hidden-for-app .legal-notice-link--bottom, .hidden-for-app .top-header--go-back a, .hidden-for-app a.legal-notice-link--bottom,
.hidden-for-app .card-footer, .hidden-for-app .home-aprenda, .hidden-for-app .stock-attendence-section {
  display: none !important;
}
.hidden-for-app .top-header--stock .top-header--go-back a {
  display: block !important;
}
.hidden-for-app .link-back--mobile {
  visibility: hidden !important;
}
.hidden-for-app .banner.after-menu {
  padding-top: 0;
}
.hidden-for-app .banner.after-menu > .banner {
  padding-bottom: 0;
}
.hidden-for-app .top-header {
  padding: 16px 0;
}
.hidden-for-app .normalize-padding-app {
  padding: 0 !important;
}
.hidden-for-app .header-investments {
  padding: 32px 0 0;
}
.hidden-for-app .home-open-account .patrimony .infos .finance .title a {
  color: #FFFFFF;
  font-weight: 400;
  pointer-events: none;
  text-decoration: none;
}
.scroll.scroll:not(.scroll-active) .hide-initial {
  visibility: hidden;
}
.scroll.scroll:not(.scroll-active) .fade {
  animation: FadeOut;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
.scroll.scroll-active .fade:not(.initial) {
  opacity: 0;
  animation: FadeIn;
  animation-delay: 0.5s;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
.scroll-top {
  top: -100%;
}
.scroll-left {
  left: -100%;
}
.scroll-right {
  left: 100vw;
}
.scroll-bottom {
  top: 100vh;
}
.scroll-bottom:before {
  display: none !important;
}
.scroll-bottom.scroll:not(.scroll-active) .fade {
  animation: FadeOut;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.scroll-bottom.scroll-active .fade {
  opacity: 0;
  animation: FadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.scroll-bottom.scroll-active.out-top .fade {
  opacity: 0;
  animation: FadeIn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.7s;
}
.scroll-bottom.out-bottom:not(.scroll-active) {
  top: -100vh;
}
.scroll-bottom.out-bottom:not(.scroll-active) .fade {
  animation: FadeOut;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.overlay {
  position: fixed;
  z-index: 80;
  background: #FFFFFF;
  overflow: auto;
  box-shadow: none;
}
.overlay .container-fluid {
  position: relative;
}
.overlay .overlay-container {
  padding: 48px;
  background-color: #FFFFFF;
  position: relative;
}
.overlay .overlay-container--page-divided {
  padding: 0;
}
.overlay .overlay-container .btn-close {
  background-color: transparent;
  padding: 8px;
  border: none;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  text-align: center;
  z-index: 100;
  margin: 40px;
}
.overlay .overlay-container .btn-close .icon-svg {
  fill: #7e868e;
}
.overlay-filter {
  margin-top: 80px;
}
.overlay-header {
  position: relative;
}
.overlay-title .icon-svg {
  fill: #00C898;
  height: 40px;
  width: 40px;
  margin-bottom: 16px;
  float: none;
  display: block;
}
.overlay-title .icon-svg.icon-danger-color {
  fill: #F44336;
}
.overlay-title .icon-svg.icon-warning-color {
  fill: #FFB300;
}
.overlay--small {
  width: 20%;
}
.overlay--full {
  width: 100%;
  height: 100vh;
}
.overlay--no-overflow {
  overflow: inherit !important;
}
.overlay *[disabled] {
  pointer-events: none;
}
.overlay .page-divided {
  padding: 0;
}
.overlay .page-divided-container {
  padding: 0;
}
.overlay-backdrop {
  background: #222222;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 70;
  opacity: 0.6;
  display: none;
}
.overlay--right {
  background-color: #FFFFFF;
  height: 100vh;
  top: 0;
  right: -120%;
  width: 30%;
  transition: all ease-in-out 1s;
}
.overlay--right-backdrop {
  transition: all ease-in-out 300ms;
  opacity: 0;
}
.overlay--right.active {
  z-index: 80;
  right: 0;
}
.overlay--right.active + .overlay--right-backdrop {
  background-color: rgba(9, 24, 39, 0.6);
  position: fixed;
  top: 0;
  right: 0;
  bottom: -20%;
  left: 0;
  z-index: 79;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 1;
}
.overlay--right .overlay-header {
  position: relative;
}
.overlay--right .overlay-title {
  margin-right: 40px;
  max-width: 90%;
}
.overlay--right .overlay-content {
  margin-top: 40px;
}
.overlay--right .overlay-text + .overlay--right .overlay-text {
  margin-top: 32px;
}
.overlay--right .overlay-link {
  margin-top: 24px;
}
.overlay--right .overlay-form {
  margin-top: 32px;
}
.overlay--right .overlay-info {
  margin-top: 32px;
}
.overlay--right .overlay-info--item + .overlay--right .overlay-info--item {
  margin-top: 24px;
}
.overlay--right .overlay-footer {
  margin-top: 40px;
  position: relative;
  padding: 32px 56px;
}
.overlay--right .overlay-footer-bottom {
  margin-top: 32px;
  bottom: -100vh;
}
.overlay--right .overlay-fixed {
  width: 100%;
  padding: 32px 56px;
  position: absolute;
  bottom: 0;
}
.overlay--right .overlay-fixed--logged {
  background: #ECEDEE;
  padding-top: 32px;
  padding-bottom: 32px;
}
.overlay--right .overlay-fixed--item {
  display: inline-block;
  margin-top: 0px !important;
  width: 100%;
}
.overlay--bottom {
  width: 100%;
  bottom: 0;
  left: 0;
  animation: slideUp 1s ease;
  transition: all 0.5s ease;
  transform: translateY(100%);
}
.overlay--bottom.active {
  transform: translateY(0);
}
.overlay--bottom .overlay-title {
  margin-bottom: 32px;
}
.overlay--bottom .overlay--bottom-opened {
  height: 60%;
}
.overlay--bottom .overlay--bottom-full {
  height: 100%;
}
.overlay--bottom-full {
  height: 100%;
}
@keyframes slideUp {}
.overlay--top {
  width: 100%;
  top: -57px;
  left: 0;
  z-index: 80;
  transform: translateY(-100%);
}
.overlay--top.active {
  transform: translateY(48px);
}
.overlay--top .overlay-title {
  margin-bottom: 32px;
}
.overlay--top.overlay-active {
  height: 60%;
}
.overlay--top.overlay--top-full {
  height: 100%;
  top: -48px;
}
.overlay-navbar {
  display: flex;
  flex-direction: column;
}
.overlay-navbar .overlay-header {
  color: #FFFFFF;
  width: 100%;
  text-align: left;
  position: relative;
  padding: 48px 48px 32px;
}
.overlay-navbar .overlay-title {
  margin: 0px;
}
.overlay-navbar .overlay-body {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  overflow: unset;
}
.overlay-navbar .overlay-fixed--logged {
  background: #ECEDEE;
  z-index: 30;
}
.overlay-navbar .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  text-align: center;
  z-index: 100;
  margin: 40px;
  background: transparent;
  border: none;
}
.overlay-navbar .btn-close .icon-svg {
  fill: #FFF;
}
.overlay-navbar-list {
  margin: 8px 32px;
  padding: 16px 8px;
}
.overlay-navbar-list--figure {
  display: inline-block;
  width: 100%;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.75, 0.11, 0.58, 1);
}
.overlay-navbar-list--figure img {
  float: none;
  display: inline-block;
  text-align: center;
  max-width: 40px;
  max-height: 40px;
}
.overlay-navbar-list + .overlay-navbar-list {
  border-top: 2px solid #ECEDEE;
}
.overlay-navbar-list--label {
  display: inline-block;
  width: 100%;
  padding-top: 8px;
  transition: all 0.3s cubic-bezier(0.75, 0.11, 0.58, 1);
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #7E868E;
}
.overlay-navbar-list--products {
  width: 100%;
  display: inline-block;
  padding-top: 40px;
  text-align: left;
}
.overlay-navbar-list--products-item {
  float: none;
  text-align: center;
  display: inline-block;
}
.overlay-navbar-list--products-item:hover .overlay-navbar-list--figure, .overlay-navbar-list--products-item:hover .overlay-navbar-list--label {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6)";
}
.overlay-navbar-list--products-link {
  text-decoration: none;
}
.overlay-navbar-item {
  margin-top: 8px;
  padding: 0px;
  position: relative;
  text-transform: uppercase;
}
.overlay-navbar-item:first-child {
  margin-top: 0;
}
.overlay-navbar-item:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  transition: all 0.6s cubic-bezier(0.75, 0.11, 0.58, 1);
  z-index: 20;
  opacity: 0.16;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.16)";
}
.overlay-navbar-item:hover:before {
  background: #6131B4;
  opacity: 0.16;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.16)";
}
.overlay-navbar-item:hover .overlay-navbar-link {
  cursor: pointer !important;
  color: #6131B4;
}
.overlay-navbar-link {
  color: #1F073B;
  text-decoration: none;
  position: relative !important;
  z-index: 30 !important;
  display: inline-block;
  padding: 8px 16px;
  width: 100%;
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  margin-bottom: 0 !important;
}
.overlay-navbar-link:hover {
  color: #222222;
}
.overlay-action {
  position: absolute;
  left: 50px;
  right: 50px;
  bottom: 50px;
  padding-top: 10vh;
}
.overlay-action--bottom {
  bottom: 50px;
  left: 0;
  right: inherit;
  top: inherit;
}
.overlay-action--left-bottom {
  bottom: 0px;
  left: 0px;
  right: auto;
  top: auto;
}
.overlay-action--relative {
  display: inline-block;
  width: 100%;
  position: relative;
  bottom: auto;
  right: auto;
  left: auto;
  top: auto;
  margin: 40px 0px 0px;
  padding: 0px;
}
.overlay-status {
  position: absolute;
  left: 0;
  bottom: -100px;
  width: 100%;
  padding: 32px 0;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease-in;
}
.overlay-status--success {
  background-color: #00C898;
  bottom: 0;
}
.overlay-status--error {
  background-color: #F44336;
  bottom: 0;
}
.overlay--investments-draft .overlay-header {
  display: inline-block;
  width: 100%;
}
.overlay-graphic {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
}
.overlay-graphic .full-height {
  position: relative;
}
.overlay-graphic .overlay-close {
  top: 48px;
}
.overlay-graphic--title {
  margin-top: 48px;
}
.overlay-graphic--line {
  margin: 56px 0px;
  display: flex;
  align-items: center;
}
.overlay-graphic--image {
  margin-right: 24px;
}
.overlay-graphic--logo {
  height: 48px;
  width: auto;
}
.overlay-graphic--name {
  color: #7E868E;
  margin-right: 24px;
  font-size: 18px;
  font-size: 1.125rem;
}
.overlay-graphic--sticker {
  color: #7E868E;
  margin-right: 56px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}
.overlay-choice {
  background: #222222;
}
.overlay-choice .overlay-close {
  background: rgba(255, 255, 255, 0.16);
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.overlay-choice .overlay-close .icon-svg {
  fill: #FFFFFF;
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.overlay-choice .overlay-close:hover {
  background: rgba(255, 255, 255, 0.24);
}
.overlay-choice-line {
  height: 33.33%;
  width: 100%;
  cursor: pointer;
  transition: all 0.4s ease;
}
.overlay-choice-line:hover {
  background: #1F073B;
}
.overlay-choice-line:hover .overlay-choice-title {
  color: #6131B4;
}
.overlay-choice-text, .overlay-choice-title {
  color: #FFFFFF;
  transition: all 0.4s ease;
}
.overlay-choice-title {
  display: table-cell;
  vertical-align: middle;
}
.overlay-choice-text {
  padding-bottom: 24px;
}
.overlay-choice-column {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
.overlay-choice-link--full {
  width: 100%;
  height: 100%;
  display: table;
  text-decoration: none;
  outline: none;
}
.overlay-choice-container {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0px 10%;
}
.overlay-simple--action {
  margin-top: 48px;
  margin-bottom: 48px;
}
.overlay-simple--header {
  position: relative;
  z-index: 20;
  margin-top: 48px;
}
.overlay-simple--close {
  z-index: 30;
}
@media screen and (max-width: 1919px) {
  .overlay--right .overlay-text + .overlay--right .overlay-text {
    margin-top: 16px;
  }
  .overlay--right .overlay-content .checkbox-field {
    margin-top: 0px;
  }
  .overlay--right .form-group {
    padding: 16px 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .overlay-fixed--item p {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 1439px) {
  .overlay--small {
    width: 30%;
  }
  .overlay--top {
    width: 100%;
  }
  .overlay--bottom-full {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .overlay-footer .btn + .btn {
    margin-left: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .overlay-filter {
    margin-top: 0px;
  }
  .overlay-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  }
  .overlay-header .panel-title {
    margin-bottom: 0px;
  }
  .overlay-footer .btn + .btn {
    margin-left: 0px;
  }
  .overlay-simple--header {
    margin-top: 0px;
  }
  .overlay-simple--close {
    top: 4px !important;
  }
  .overlay--right {
    height: 100% !important;
    overflow: hidden;
  }
  .overlay--right .overlay-fixed .container-align--middle + .container-align--middle {
    margin-top: 16px;
  }
  .overlay .overlay-container {
    padding: 24px 16px;
  }
  .overlay--full {
    padding-bottom: 60px;
  }
  .overlay.overlay-navbar.active {
    width: 80% !important;
  }
  .overlay.overlay-navbar .overlay-header {
    height: auto;
    padding: 32px 32px 8px;
  }
  .overlay.overlay-navbar .overlay-navbar-list {
    margin: 8px 24px;
    padding: 16px 0px 8px;
  }
  .overlay.overlay-navbar .overlay-navbar-item {
    padding: 0px;
    margin-bottom: 8px;
    position: relative;
  }
  .overlay.overlay-navbar .overlay-navbar-link {
    padding: 8px 16px;
  }
  .overlay.overlay-navbar .overlay-navbar-list + .overlay.overlay-navbar .overlay-navbar-list {
    border-top: 2px solid #ECEDEE;
  }
  .overlay.overlay-navbar .overlay-navbar-list--products {
    padding-top: 24px;
  }
  .overlay.overlay-navbar .overlay-fixed {
    padding: 16px 24px;
    position: fixed;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .overlay--top {
    height: inherit;
  }
  .overlay--right {
    height: 100% !important;
    overflow: hidden;
    width: 100%;
  }
  .overlay--right .overlay-footer {
    margin-top: 24px;
  }
  .overlay--right .overlay-footer-bottom {
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .overlay {
    overflow: auto;
    width: 100% !important;
  }
  .overlay-graphic--line {
    margin: 0px;
    display: block;
    align-items: center;
  }
  .overlay-graphic--image {
    margin-right: 24px;
  }
  .overlay-graphic--logo {
    height: 48px;
    width: auto;
  }
  .overlay-graphic--name {
    color: #7E868E;
    margin-right: 24px;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .overlay-graphic--sticker {
    color: #7E868E;
    margin-right: 56px;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
  }
  .overlay-graphic--buttons {
    margin: 16px 0;
  }
  .overlay-title {
    margin-top: -5px;
    width: 80%;
  }
  .overlay-action {
    position: relative;
    left: inherit;
    bottom: inherit;
    right: inherit;
    padding-top: 5vh;
  }
  .overlay-container {
    padding: 24px !important;
  }
  .overlay-container .page-divided {
    margin-top: 0;
  }
  .overlay-content {
    margin-bottom: 32px;
  }
  .overlay-content .overlay-text {
    margin-bottom: 16px;
  }
  .overlay-content .overlay-text + .overlay-content .overlay-text {
    margin-top: 0px;
  }
  .overlay--bottom {
    height: 90%;
  }
  .overlay--bottom-opened {
    height: 90%;
  }
  .overlay--bottom-full {
    height: 100%;
  }
  .overlay--top {
    height: 100%;
    top: -48px;
  }
  .overlay--top.overlay-active {
    height: 100%;
  }
  .overlay--right .overlay {
    display: flex;
    flex-direction: column;
  }
  .overlay--right .overlay-title {
    margin-right: 40px;
  }
  .overlay--right .overlay-fixed {
    position: fixed;
    padding: 8px 56px;
  }
  .overlay--right .overlay-fixed--item {
    margin-top: 16px;
  }
  .overlay--right .overlay-content {
    margin: 16px 0 0;
  }
  .overlay--right .overlay-content .overlay-form {
    margin-top: 0px;
  }
  .overlay--right .overlay-content .overlay-info {
    margin-top: 16px;
  }
  .overlay--right .overlay-content .overlay-info--item + .overlay--right .overlay-content .overlay-info--item {
    margin-top: 16px !important;
  }
  .overlay--right .overlay-content .overlay-link {
    margin-top: 24px;
  }
  .overlay--right .overlay-content .form-group {
    padding-bottom: 0px;
  }
  .overlay--right .overlay-footer {
    margin-top: 16px;
    position: relative;
  }
  .overlay--right .overlay-footer-bottom {
    margin-top: 0px;
  }
  .overlay--right .overlay-navbar-list {
    padding: 24px;
  }
  .overlay--right .overlay-navbar-item {
    padding-top: 24px;
  }
  .overlay--right .overlay-form {
    margin-top: 16px !important;
  }
  .overlay--right .overlay-text {
    margin-bottom: 0px;
  }
  .overlay--right .overlay-fixed {
    padding-top: 16px;
  }
  .overlay--right .checkbox-field {
    margin-bottom: 8px;
  }
}
@media screen and (max-height: 440px) {
  .overlay {
    overflow-y: auto;
  }
  .overlay-fixed {
    position: relative;
  }
}
@media screen and (max-height: 560px) {
  .overlay {
    overflow-y: auto;
  }
  .overlay-action {
    position: relative;
    left: inherit;
    bottom: inherit;
    right: inherit;
    padding-top: 5vh;
  }
  .overlay-filter {
    margin-top: 0px;
  }
  .overlay-navbar .overlay-navbar-fixed--logged {
    position: relative;
  }
  .overlay-navbar .overlay-fixed--logged {
    position: relative;
  }
}
.tooltip-container {
  text-decoration: none;
  color: inherit;
  position: relative;
}
.tooltip-container:hover .tooltip {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip-container:hover .tooltip.top {
  bottom: 100%;
}
.tooltip-container:hover .tooltip.bottom {
  top: 100%;
}
.tooltip-container:hover .tooltip.left {
  right: 100%;
}
.tooltip {
  position: absolute;
  z-index: 90;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s ease-in-out;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top {
  left: 0;
  right: 0;
  margin: auto;
  bottom: 70%;
}
.tooltip.top .tooltip-arrow {
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
  border-width: 5px 5px 0;
}
.tooltip.bottom {
  left: 0;
  right: 0;
  margin: auto;
  top: 70%;
}
.tooltip.bottom .tooltip-arrow {
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
  border-width: 0 5px 5px;
}
.tooltip.bottom {
  width: auto;
  left: 0;
  right: 0;
  margin: auto;
  top: 70%;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 0;
  right: 0;
  margin: -4px auto;
  border-width: 0 5px 5px;
}
.tooltip.left {
  width: 200px;
  right: 90%;
  top: 50%;
  transform: translate(-50%, 0);
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.tooltip-inner {
  padding: 8px;
  text-align: center;
}
.tooltip-primary {
  margin: 20px;
}
.tooltip-value {
  display: inline-block;
  margin: 20px;
}
.tooltip-value .font-text-md {
  margin-bottom: 5px;
}
.tooltip-value .percent {
  margin-top: 10px;
}
.tooltip-value .font-purple-color {
  color: #aa00ff;
}
.opentip-container,
.opentip-container * {
  box-sizing: border-box;
}
.opentip-container {
  position: absolute;
  max-width: 300px;
  z-index: 100 !important;
  transition: transform 1s ease-in-out;
  pointer-events: none;
  transform: translateX(0) translateY(0);
}
.opentip-container.style-modal {
  position: fixed !important;
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {
  transform: translateY(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {
  transform: translateY(-5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
  transform: translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
  transform: translateY(5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
  transform: translateY(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
  transform: translateY(5px) translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
  transform: translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
  transform: translateY(-5px) translateX(-5px);
}
.opentip-container.ot-fixed .opentip {
  pointer-events: auto;
}
.opentip-container.ot-hidden {
  display: none;
}
.opentip-container {
  -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
  -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
}
.opentip-container .opentip {
  position: relative;
  font-size: 13px;
  line-height: 120%;
  padding: 9px 14px;
  color: #FFFFFF;
  text-shadow: -1px -1px 0px #FFFFFF;
  color: #222222;
  padding: 16px 16px;
  min-width: 200px;
  max-width: 400px;
  background: #FFFFFF;
}
.opentip-container .opentip .ot-content {
  padding: 8px;
}
.opentip-container .opentip .ot-content .pop-title {
  padding: 8px 0px;
}
.opentip-container .opentip .ot-content .pop-content {
  padding: 8px 0px;
}
.opentip-container .opentip .ot-content .pop-content table {
  width: 100%;
}
.opentip-container .opentip .ot-content .pop-content table th {
  padding: 8px 0;
}
.opentip-container .opentip .ot-content .pop-content table th + th {
  padding-left: 16px;
}
.opentip-container .opentip .ot-content .pop-content table td {
  padding: 4px 0;
}
.opentip-container .opentip .ot-header {
  margin: 0;
  padding: 0;
}
.opentip-container .opentip .ot-header:after {
  display: inline-block;
  content: "";
  background: url("/assets/images/icons/icon_popover.svg");
  background-size: 34px;
  height: 32px;
  width: 26px;
  text-align: left;
}
.opentip-container .opentip .ot-close {
  pointer-events: auto;
  display: block;
  position: absolute;
  top: -12px;
  left: 60px;
  color: rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0);
  text-decoration: none;
}
.opentip-container .opentip .ot-close span {
  display: none;
}
.opentip-container .opentip .ot-close::after {
  content: "X";
  color: #000;
}
.opentip-container .opentip .ot-loading-indicator {
  display: none;
}
.opentip-container.ot-loading .ot-loading-indicator {
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  display: block;
}
.opentip-container.ot-loading .ot-loading-indicator span {
  display: block;
  animation: otloading 2s linear infinite;
  text-align: center;
}
.opentip-container.style-dark .opentip,
.opentip-container.style-alert .opentip {
  color: #f8f8f8;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.opentip-container.style-glass .opentip {
  padding: 15px 25px;
  color: #317cc5;
  text-shadow: 1px 1px 8px rgba(0, 94, 153, 0.3);
}
.opentip-container.ot-hide-effect-fade {
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.opentip-container.ot-hide-effect-fade.ot-hiding {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-going-to-show,
.opentip-container.ot-show-effect-appear.ot-showing {
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
}
.opentip-container.ot-show-effect-appear.ot-going-to-show {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-showing {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.opentip-container.ot-show-effect-appear.ot-visible {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.opentip-container .opentip .ot-content .pop-title {
  margin-bottom: 0px !important;
}
.opentip-container .opentip .ot-content .pop-content {
  margin-bottom: 0px !important;
}
@keyframes otloading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.tooltip-graphic {
  border-radius: 0px !important;
}
.tooltip-graphic h5, .tooltip-graphic h6 {
  margin-bottom: 0px !important;
}
.tooltip-graphic-product {
  padding: 24px;
  box-shadow: 0px 5px 24px 0 rgba(0, 0, 0, 0.24);
}
@media screen and (max-width: 767px) {
  .opentip-container .opentip {
    position: relative;
    font-size: 13px;
    line-height: 120%;
    padding: 9px 14px;
    color: #FFFFFF;
    text-shadow: -1px -1px 0px #FFFFFF;
    color: #222222;
    padding: 16px 16px;
    max-width: 200px;
  }

  .tooltip-graphic {
    background: #FFFFFF;
    margin: 8px;
    border-radius: 0px;
  }
  .tooltip-graphic div {
    padding: 8px;
  }
  .tooltip-graphic .tooltip-graphic {
    background: #FFFFFF;
    margin: 8px;
    border-radius: 0px;
  }
  .tooltip-graphic .tooltip-graphic div {
    padding: 8px;
  }
  .tooltip-graphic .tooltip-value {
    display: inline-block;
    margin: 0px;
  }
  .tooltip-graphic .tooltip-value--container {
    margin: 0px;
  }
  .tooltip-graphic .tooltip-value--container .tooltip-primary {
    margin: 0;
  }
  .tooltip-graphic .tooltip-value .font-text-md {
    margin-bottom: 5px;
  }
  .tooltip-graphic .tooltip-value .percent {
    margin-top: 10px;
  }
  .tooltip-graphic .tooltip-value .font-purple-color {
    color: #aa00ff;
  }
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: 0.75s;
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes ball {
  from {
    transform: translateY(0) scaleY(0.8);
  }
  to {
    transform: translateY(-10px);
    display: none;
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
.spin {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 1400ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 1400ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 1400ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 1400ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.modal-panel {
  position: relative;
  height: 100%;
  background: #FFFFFF;
  width: 100%;
}
.modal-panel--fixed {
  padding: 32px 56px;
  position: absolute;
  bottom: 0;
}
.modal-panel-content {
  margin-top: 40px;
}
.modal-panel-title {
  margin-right: 40px;
  max-width: 90%;
}
.modal-panel-footer {
  width: 100%;
}
.modal-panel-footer--bottom {
  margin-top: 32px;
}
.modal-panel .panel-title {
  margin-right: 43px;
  max-width: 90%;
}
.modal-panel .btn--close {
  margin: 4px 0 0;
}
.modal-panel-overlay {
  width: 30%;
}
.modal-panel-container {
  padding: 48px;
  background-color: #FFFFFF;
  position: relative;
}
/*Evita que a tooltip fique atrás do conteúdo de modais/panels*/
html body .cdk-overlay-container, html body .cdk-global-overlay-wrapper,
html body .cdk-overlay-backdrop, html body .cdk-overlay-pane {
  z-index: 90;
}
html body .cdk-overlay-pane {
  max-width: 100% !important;
}
@media screen and (max-width: 1024px) {
  .modal-panel-overlay {
    width: 100% !important;
  }

  .modal-panel-footer {
    width: 100%;
  }

  .hub-login-opened {
    position: fixed;
  }
  .hub-login-opened .cdk-overlay-container {
    position: absolute !important;
  }
}
@media screen and (max-height: 626px) {
  .login-panel.modal-panel {
    overflow-y: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .login-panel.modal-panel .modal-panel--fixed {
    position: relative;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .login-panel.modal-panel-content {
    margin-top: 24px;
  }
  .login-panel.modal-panel-fixed .container-align--middle {
    display: block;
    text-align: center;
  }
  .login-panel.modal-panel-fixed .container-align--middle + .login-panel.modal-panel-fixed .container-align--middle {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .overlay.login-box .overlay-content {
    margin: 0px;
  }
  .overlay.login-box .overlay-info {
    margin-top: 0px;
  }

  .modal-panel-container {
    padding: 16px;
    width: 100%;
    height: auto;
  }
}
/* MODULES */
.navbar {
  height: 75px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0px;
  z-index: 60;
}
.navbar-logged-in {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.navbar .btn--close {
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
}
.navbar-container {
  min-height: 75px;
  width: 100%;
  z-index: 60;
  transition: all 0.3s ease-in-out;
}
.navbar-container.menu-open--mobile {
  position: fixed !important;
  background: #222222 !important;
}
.navbar-container.get-up {
  position: fixed;
  top: -100%;
}
.navbar-container.get-down {
  position: fixed;
  top: 0px;
  background: #F8F6FB;
}
.navbar--darker {
  background: #222222;
}
.navbar--opacity {
  background: rgba(9, 24, 39, 0.88);
}
.navbar--transparent {
  background: transparent;
}
.navbar--fixed {
  position: fixed;
}
.navbar-col {
  float: none !important;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -0.125em;
}
.navbar-actions {
  text-align: right;
}
.navbar-brand {
  padding: 24px 0px;
  display: block;
}
.navbar-brand a {
  outline: none;
}
.navbar-list {
  width: 100%;
}
.navbar-list-item {
  display: inline-block;
  padding-left: 130px;
}
.navbar-list-item--link {
  color: #222222;
  cursor: pointer;
  transition: all 0.25s linear;
}
.navbar-list-item--link:hover {
  color: #7E868E;
}
.navbar-list-item:first-child {
  padding-left: 0;
}
.navbar-list-link {
  color: #222222;
  cursor: pointer;
  text-decoration: none;
  display: block;
  position: relative;
  margin-bottom: 0 !important;
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.navbar-list-link:before {
  content: "";
  width: 10px;
  height: 100%;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: -13px;
  border-bottom: 1px solid #6131B4;
  transition: all 0.2s ease;
}
.navbar-list-link:hover {
  color: #330066;
}
.navbar-list-link:hover:before {
  border-bottom: 1px solid #330066;
  width: 100%;
  left: 0;
}
.navbar-profile-btn {
  background: transparent;
  border: none;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  margin-left: 60px;
  cursor: pointer;
}
.navbar-profile-btn.attorney-account {
  margin-left: 20px;
}
.navbar-profile-btn:hover .nav-burguer-stripe {
  background-color: #7E868E;
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.navbar-profile-btn:hover .nav-burguer-stripe:before {
  transform: translateY(-2px);
  background-color: #7E868E;
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.navbar-profile-btn:hover .nav-burguer-stripe:after {
  transform: translateY(2px);
  background-color: #7E868E;
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.navbar-profile-btn:hover .navbar-profile-btn-text {
  color: #7E868E;
}
.navbar-profile-btn-text {
  display: inline-block;
  color: #222222;
  vertical-align: middle;
  margin-right: 16px;
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  margin-bottom: 0 !important;
}
.navbar-profile-btn-text .account-managing {
  font-weight: bold;
}
.navbar-profile-btn-text .account-type {
  font-weight: normal;
}
.navbar-buttons {
  display: inline-block;
  vertical-align: middle;
}
.navbar-buttons .btn + .btn {
  margin-left: 16px;
}
.nav-burguer {
  transition: all 0.2s ease-out;
  padding: 8px 0;
  margin: 8px 0;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}
.nav-burguer-stripe {
  display: block;
  height: 2px;
  background-color: #222222;
  position: relative;
  transition: all 0.3s;
}
.nav-burguer-stripe:before, .nav-burguer-stripe:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  background-color: #222222;
  transition: all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.nav-burguer-stripe:before {
  top: -8px;
}
.nav-burguer-stripe:after {
  bottom: -8px;
}
.nav-fixed--steps {
  position: fixed;
  z-index: 100;
  width: 100%;
}
.nav-fixed--steps .btn-close--align {
  top: 21px;
}
.navbar-single-content {
  padding-top: 20px;
}
.navbar-single-content .navbar-register-text {
  display: inline-block;
  vertical-align: middle;
  margin-right: 24px;
}
.navbar-single-content .navbar-register-btn {
  vertical-align: middle;
}
.navbar-single-content .navbar-single-steps {
  padding-top: 8px;
}
.content--navbar-single {
  padding-top: 120px;
}
.overlay-header--attorney .account-managing {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
}
.overlay-header--attorney .account-number {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
}
.overlay-header--attorney .account-type {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  display: block;
}
.menu-investimentos .btn--close {
  margin: 40px;
}
@media (max-width: 1439px) {
  .navbar-buttons .btn--md {
    padding: 8px 16px;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 500;
  }
  .navbar-buttons .btn--border.btn--md {
    padding: 6px 16px 7px;
  }
  .navbar-list-item {
    padding-left: 80px;
  }
}
@media (max-width: 1023px) {
  .navbar-buttons .btn {
    margin-bottom: 0;
    width: auto;
  }
  .navbar-brand-image {
    position: relative;
    top: 2px;
  }
  .navbar-profile-btn {
    margin-left: 32px;
    position: relative;
    top: 2px;
  }

  .content--navbar-single {
    padding-top: 0px;
  }
}
fixedincome-wrap,
stockhome,
stockhome-comparative,
attendance-wrap,
attendance-chat {
  display: block;
}
.attendance-sticky {
  position: fixed;
  top: -100%;
  width: 100%;
  transition: all 0.5s ease;
}
sticky.sticky,
.filter-sticky.sticky {
  width: 100% !important;
  position: relative;
}
sticky.sticky.tab-second .attendance-sticky,
.filter-sticky.sticky.tab-second .attendance-sticky {
  top: 75px !important;
  transition: all 0.5s ease;
}
sticky.sticky .attendance-sticky,
.filter-sticky.sticky .attendance-sticky {
  top: 0px;
  transition: all 0.5s ease;
}
sticky.sticky .navbar-sticky,
.filter-sticky.sticky .navbar-sticky {
  display: block;
  border: none;
  background: #005669;
}
.filter-sticky.sticky {
  position: fixed;
}
.navbar-sticky {
  height: 101px;
  border-bottom: solid 1px #7E868E;
  padding: 24px 0 24px 0;
  display: none;
}
.navbar-sticky-text {
  float: none;
  display: inline-block;
  line-height: 54px !important;
  vertical-align: middle;
  margin-bottom: 0 !important;
}
.navbar-sticky-container {
  display: block;
  text-align: justify;
  text-align: justify;
  -moz-text-align-last: justify;
  -webkit-text-align-last: justify;
  text-align-last: justify;
}
.navbar-sticky-button {
  margin-left: 40px;
  display: inline-block;
  vertical-align: middle;
}
.navbar-sticky-cta, .navbar-sticky-link {
  float: none;
  display: inline-block;
  text-align: justify;
  -moz-text-align-last: justify;
  -webkit-text-align-last: justify;
  text-align-last: justify;
}
.footer {
  position: relative;
  z-index: 70;
  overflow: hidden;
}
.footer-container {
  padding: 48px 0 40px;
}
.footer-container--border {
  border-bottom: 1px solid #F8F6FB;
}
.footer-address {
  width: 100%;
}
.footer-address address {
  width: 100%;
  text-align: center;
}
.footer-address address a {
  display: inline-block;
}
.footer-div-network-full {
  min-width: 260px;
  position: relative;
  min-height: 290px;
}
@media screen and (max-width: 1440px) {
  .footer-div-network-full {
    min-height: 245px;
  }
}
.footer-div-network {
  min-width: 260px;
  position: relative;
  min-height: 220px;
}
@media screen and (max-width: 1440px) and (min-width: 1024px) {
  .footer-div-network {
    min-height: 180px;
  }
}
.footer-menu {
  width: auto;
  padding-left: 80px;
}
.footer-menu:first-of-type {
  padding-left: 0;
}
.footer-menu-list {
  min-width: 280px;
}
.footer-menu-list-network {
  position: absolute;
  bottom: 0;
}
.footer-menu-list-network-list-network-item {
  margin-bottom: 0 !important;
}
.footer-menu-list-link {
  padding-bottom: 16px;
}
.footer-menu-list-link:last-child {
  padding-bottom: 0;
}
.footer-menu-list-link-item {
  margin-bottom: 0 !important;
}
.footer-menu-list-link-net {
  padding-bottom: 16px;
  display: inline-block;
  margin-right: 10px;
}
.footer-menu-list-link-net:last-child {
  padding-bottom: 0;
}
.footer-menu-list-link-net-item {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1440px) and (min-width: 1024px) {
  .footer-menu-list-link-net {
    display: list-item;
  }
}
.footer-menu-list-contact {
  padding-bottom: 16px;
}
.footer-menu-list-contact:last-child {
  padding-bottom: 0;
}
.footer-menu-list-contact-item {
  margin-bottom: 0 !important;
}
.footer-menu-list-info {
  padding-bottom: 0;
  margin-top: 16px;
}
.footer-menu-list-info:last-child {
  padding-bottom: 0;
}
.footer-menu-list-info-item {
  margin-bottom: 0 !important;
  margin-top: -32px;
}
.footer-menu-double-list {
  margin-top: -8px;
  min-width: 620px;
}
.footer-menu-double-list-item {
  display: inline-block;
  margin-left: 8px;
  vertical-align: bottom;
  min-width: 270px;
}
.footer-menu-double-list-item:first-child {
  margin-left: 0;
}
@media screen and (min-width: 1440px) {
  .footer-menu {
    padding: 0;
  }
}
.footer-contact {
  width: auto;
  padding-left: 80px;
}
.footer-contact:first-of-type {
  padding-left: 0;
}
.footer-contact-list-network {
  position: absolute;
  bottom: 0;
}
.footer-contact-list-network-list-network-item {
  margin-bottom: 0 !important;
}
.footer-contact-list-link {
  padding-bottom: 16px;
}
.footer-contact-list-link:last-child {
  padding-bottom: 0;
}
.footer-contact-list-link-item {
  margin-bottom: 0 !important;
}
.footer-contact-list-contact {
  padding-bottom: 16px;
  margin-top: -16px;
}
.footer-contact-list-contact:last-child {
  padding-bottom: 0;
}
.footer-contact-list-contact-item {
  margin-bottom: 0 !important;
}
.footer-contact-list-info {
  padding-bottom: 0;
  margin-top: 16px;
}
.footer-contact-list-info:last-child {
  padding-bottom: 0;
}
.footer-contact-list-info-item {
  margin-bottom: 0 !important;
  margin-top: -32px;
}
.footer-contact-double-list {
  margin-top: -8px;
  min-width: 620px;
}
.footer-contact-double-list-item {
  display: inline-block;
  margin-left: 8px;
  vertical-align: bottom;
  min-width: 270px;
}
.footer-contact-double-list-item:first-child {
  margin-left: 0;
}
.footer-download-list-item {
  display: inline-block;
  margin-left: 8px;
}
.footer-download-list-item:first-child {
  margin-left: 0;
}
.footer-network-list {
  margin-top: -8px;
}
.footer-network-list-item {
  display: inline-block;
  margin-left: 8px;
  vertical-align: bottom;
}
.footer-network-list-item:first-child {
  margin-left: 0;
}
.footer-network-list-link {
  display: block;
}
.footer-network-list-link:hover .icon-svg {
  animation: vibrate 0.2s linear 0s 2 both;
}
.footer-support {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  max-width: 40%;
}
.footer-support-item + .footer-support-item {
  margin-left: 48px;
}
.footer-support-item {
  margin-bottom: 24px;
}
.footer-image-item {
  display: inline-block;
  padding-right: 16px;
  padding-bottom: 24px;
}
.footer-image-item:last-child {
  padding-right: 0;
}
.footer-disclaimer {
  max-width: 65%;
}
.footer-disclaimer-text {
  display: inline-block;
  margin-bottom: 8px;
}
.footer-info-item {
  float: none;
  display: inline-block;
  padding-right: 16px;
}
.footer-info-item--text {
  padding-right: 48px;
}
.footer .footer-support div {
  margin-bottom: 0;
}
.footer .footer-support #support-phone-number {
  margin-top: 4px;
}
@media screen and (min-width: 1440px) {
  .footer .site-map .footer-menu {
    width: 16.6%;
  }
  .footer .footer-support, .footer .footer-download, .footer .footer-network {
    width: 33.33%;
    padding-right: 56px;
  }
  .footer .footer-second {
    margin-left: 10px;
  }
  .footer .footer-third {
    margin-left: -10px;
  }
}
.footer-second {
  margin-left: 10px;
}
.footer-third {
  margin-left: -10px;
}
.flexbox {
  display: flex;
}
.flexbox-space-between {
  justify-content: space-between;
}
.flexbox-align-center {
  align-items: center;
}
.flexbox-justify-flex-start {
  justify-content: flex-start;
}
.flexbox-align-flex-start {
  align-items: flex-start;
}
@media screen and (min-width: 1920px) {
  .footer-second {
    margin-left: 80px;
  }

  .footer-third {
    margin-left: 90px;
  }
}
@media screen and (min-width: 1024px) {
  .footer-network {
    padding: 0;
  }

  .footer-second {
    margin-left: 10px;
  }

  .footer-third {
    margin-left: -10px;
  }
}
@media screen and (min-width: 1440px) {
  .footer-network {
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  .footer-container {
    padding: 24px 0 16px;
  }
  .footer-logo {
    padding-bottom: 8px;
    margin-left: 0;
  }
  .footer-logo-image {
    margin-bottom: 24px;
  }
  .footer-address address {
    text-align: left;
  }
  .footer-address address a {
    margin-bottom: 0px;
  }
  .footer-div-network-full {
    min-height: 85px;
  }
  .footer-div-network {
    min-height: 90px;
  }
  .footer-menu {
    padding: 0;
    border-bottom: none;
    width: 100%;
  }
  .footer-menu .container {
    padding: 0px;
  }
  .footer-menu-list {
    width: 100%;
    padding: 0 0 8px;
  }
  .footer-menu:last-child .footer-menu-list {
    padding-bottom: 0px;
  }
  .footer-menu-list-link {
    padding-bottom: 16px;
  }
  .footer-menu-list-link:last-child {
    padding-bottom: 0;
  }
  .footer-menu-list-link-item {
    margin-bottom: 0 !important;
  }
  .footer-menu-double-list {
    margin-top: -8px;
    min-width: 620px;
  }
  .footer-menu-double-list-item {
    display: table-row !important;
    margin-left: 8px;
    vertical-align: bottom;
    min-width: 270px;
  }
  .footer-network {
    margin: 16px 0;
  }
  .footer-support {
    max-width: inherit;
    width: 100%;
  }
  .footer-support-item + .footer-support-item {
    margin-left: 0px;
  }
  .footer-image-item {
    padding-bottom: 24px;
  }
  .footer-disclaimer {
    max-width: inherit;
    width: 100%;
  }
  .footer-disclaimer-text {
    width: 100%;
  }
  .footer-info {
    text-align: left;
  }
  .footer-info-item {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 16px;
  }
  .footer-info-item--text {
    width: 100%;
  }

  .flexbox-reverse-direction-mobile {
    flex-direction: column;
  }
  .flexbox-align-flex-start-mobile {
    align-items: flex-start;
  }
}
@keyframes vibrate {
  0% {
    transform: rotate(10deg);
  }
  25% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(0);
  }
  75% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0);
  }
}
button {
  border: none;
}
.btn {
  font-family: "Roboto";
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  outline: none;
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  border-radius: 4px;
}
.btn--sm {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 8px 16px;
}
.btn--md {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 16px 32px;
}
.btn--lg {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  padding: 24px 48px;
}
.btn--full {
  width: 100%;
}
.btn--stock {
  width: 128px;
  margin-left: 24px !important;
  text-align: center;
  -webkit-text-align-last: center;
  -moz-text-align-last: center;
       text-align-last: center;
}
.btn--solid {
  border: none;
}
.btn--sm.btn--solid {
  border: 2px solid transparent;
}
.btn--border {
  border: 2px solid transparent;
  background-color: transparent;
}
.btn--border.btn--md {
  padding: 14px 32px 15px;
}
.btn--iconed {
  position: relative;
  width: auto;
}
.btn--iconed-flex {
  display: flex;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .btn--iconed-flex {
    align-items: center;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1023px) {
  .btn--iconed-flex {
    justify-content: center;
  }
}
.btn--iconed-text {
  margin-bottom: 4px;
}
.btn--iconed-icon {
  fill: white;
}
.btn--iconed .icon-svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.btn-primary--solid {
  background-color: #6131B4;
  color: #FFFFFF;
}
@media screen and (min-width: 1024px) {
  .btn-primary--solid:hover {
    background-color: #330066;
  }
}
.btn-pink--solid {
  background-color: #E7517E;
  color: #FFFFFF;
}
@media screen and (min-width: 1024px) {
  .btn-pink--solid:hover {
    background-color: #BA2E59;
  }
}
.btn-primary--border {
  border: 1px solid #6131B4;
  color: #6131B4;
}
@media screen and (min-width: 1024px) {
  .btn-primary--border:hover {
    border: 1px solid #6131B4;
    color: #FFFFFF;
    background-color: #6131B4;
  }
}
.btn-danger--solid {
  background-color: #F44336;
  color: #FFFFFF;
}
@media screen and (min-width: 1024px) {
  .btn-danger--solid:hover {
    background-color: #a83530;
  }
}
.btn-danger--border {
  border-color: #F44336;
  color: #F44336;
}
@media screen and (min-width: 1024px) {
  .btn-danger--border:hover {
    border-color: #F44336;
    color: #FFFFFF;
    background-color: #F44336;
  }
}
.btn-success--solid {
  background-color: #00C898;
  color: #FFFFFF;
}
@media screen and (min-width: 1024px) {
  .btn-success--solid:hover {
    background-color: #038f44;
  }
}
.btn-success--border {
  border-color: #00C898;
  color: #00C898;
}
@media screen and (min-width: 1024px) {
  .btn-success--border:hover {
    border-color: #00C898;
    color: #FFFFFF;
    background-color: #00C898;
  }
}
.btn-warning--solid {
  background-color: #FFB300;
  color: #FFFFFF;
}
@media screen and (min-width: 1024px) {
  .btn-warning--solid:hover {
    background-color: #D4AF37;
  }
}
.btn-warning--border {
  border-color: #FFB300;
  color: #FFB300;
}
@media screen and (min-width: 1024px) {
  .btn-warning--border:hover {
    border-color: #FFB300;
    color: #FFFFFF;
    background-color: #FFB300;
  }
}
.btn-action--solid {
  background-color: #FF6D00;
  color: #FFFFFF;
}
@media screen and (min-width: 1024px) {
  .btn-action--solid:hover {
    background-color: #b0510c;
  }
}
.btn-action--border {
  border-color: #FF6D00;
  color: #FF6D00;
}
@media screen and (min-width: 1024px) {
  .btn-action--border:hover {
    border-color: #FF6D00;
    color: #FFFFFF;
    background-color: #FF6D00;
  }
}
.btn-base--solid {
  background-color: #222222;
  color: #FFFFFF;
}
@media screen and (min-width: 1024px) {
  .btn-base--solid:hover {
    background-color: #1F073B;
  }
}
.btn-base--border {
  border-color: #222222;
  color: #222222;
}
@media screen and (min-width: 1024px) {
  .btn-base--border:hover {
    border-color: #222222;
    color: #FFFFFF;
    background-color: #222222;
  }
}
.btn-light--solid {
  background-color: #FFFFFF;
  color: #222222;
}
.btn-light--border {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
@media screen and (min-width: 1024px) {
  .btn-light--border:hover {
    border-color: #FFFFFF;
    color: #222222;
    background-color: #FFFFFF;
  }
}
.btn-disabled {
  background-color: #ECEDEE !important;
  color: #7E868E;
  cursor: default;
}
@media screen and (min-width: 1024px) {
  .btn-disabled:hover {
    background-color: #ECEDEE;
    color: #7E868E;
  }
}
.btn-disabled--darker {
  background-color: #EAE9F0;
  color: #7E868E;
  cursor: default;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .btn-disabled--darker:hover {
    background-color: #EAE9F0;
    color: #7E868E;
  }
}
.btn-add {
  border-radius: 4px;
  border: 2px solid #6131B4;
  color: #6131B4;
  padding: 16px;
  background: transparent;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  vertical-align: bottom;
  height: 89px;
  width: 105px;
  margin: 8px 0;
}
@media screen and (min-width: 1024px) {
  .btn-add:hover {
    background-color: #6131B4;
    color: #FFFFFF;
  }
}
.btn-delete {
  width: 24px;
  height: 24px;
  border-radius: 100px;
  background-color: #FFFFFF;
  box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
  text-decoration: none;
  color: #222222;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 14px;
  line-height: 21px;
  transition: all 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
@media screen and (min-width: 1024px) {
  .btn-delete:hover {
    background-color: #6131B4;
    color: #FFFFFF;
  }
}
.btn-filter {
  margin-left: 22px;
}
.btn--close {
  background-color: #ECEDEE;
  height: 40px;
  line-height: 40px;
  width: 40px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  text-align: center;
  border-radius: 40px;
  transition: all 0.3s;
}
.btn--close svg-icon {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.btn--close .icon-svg {
  display: inline-block;
  height: 40px;
  width: 40px;
  margin: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  fill: #7E868E;
  transform: translateX(-50%) translateY(-50%);
}
.btn--close--light {
  background-color: transparent;
}
.btn--close:focus {
  outline: none;
}
@media screen and (min-width: 1024px) {
  .btn--close:hover {
    background-color: #EAE9F0;
  }
}
.btn--close--lighter {
  background-color: #ECEDEE;
}
.btn--close--lighter .icon-svg {
  fill: #7E868E;
}
@media screen and (min-width: 1024px) {
  .btn--close--lighter:hover {
    background-color: #EAE9F0;
  }
}
.btn--close--darker {
  background: rgba(255, 255, 255, 0.16);
}
.btn--close--darker .icon-svg {
  fill: #FFFFFF;
}
@media screen and (min-width: 1024px) {
  .btn--close--darker:hover {
    background: rgba(255, 255, 255, 0.24);
  }
}
.btn--close--primary {
  background: rgba(101, 97, 64, 0.24);
}
.btn--close--primary .icon-svg {
  fill: #6131B4 !important;
}
@media screen and (min-width: 1024px) {
  .btn--close--primary:hover {
    background: #bfbff5;
  }
}
.btn--close-page {
  top: 48px;
}
@media screen and (max-width: 1023px) {
  .btn {
    width: 100%;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 16px;
  }

  .btn-add {
    height: 90px;
    width: 100px;
  }

  .btn--stock {
    margin-left: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .btn--close {
    height: 32px;
    line-height: 32px;
    width: 32px;
  }
  .btn--close .icon-svg {
    height: 20px;
    width: 20px;
  }

  .btn--md {
    padding: 16px 30px;
  }

  .btn--full {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
  }
}
.progress-button {
  position: relative;
}
.progress-button[disabled],
.progress-button[disabled].state-loading {
  cursor: default;
}
.progress-button .content {
  position: relative;
  display: block;
  z-index: 10;
  transition: transform 0.3s;
}
.progress-button .content::before,
.progress-button .content::after {
  position: absolute;
  right: 20px;
  color: #0091B0;
  font-family: "icomoon";
  opacity: 0;
  transition: opacity 0.3s 0.3s;
}
.btn.progress-button.state-loading:hover,
.btn.progress-button.state-success:hover,
.btn.progress-button.state-error:hover {
  background-color: #6131B4;
}
.progress-button .content::before {
  content: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2026%2026%22%20enable-background%3D%22new%200%200%2026%2026%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%0A%20%20%3Cpath%20d%3D%22m.3%2C14c-0.2-0.2-0.3-0.5-0.3-0.7s0.1-0.5%200.3-0.7l1.4-1.4c0.4-0.4%201-0.4%201.4%2C0l.1%2C.1%205.5%2C5.9c0.2%2C0.2%200.5%2C0.2%200.7%2C0l13.4-13.9h0.1v-8.88178e-16c0.4-0.4%201-0.4%201.4%2C0l1.4%2C1.4c0.4%2C0.4%200.4%2C1%200%2C1.4l0%2C0-16%2C16.6c-0.2%2C0.2-0.4%2C0.3-0.7%2C0.3-0.3%2C0-0.5-0.1-0.7-0.3l-7.8-8.4-.2-.3z%22%20fill%3D%22%23FFFFFF%22/%3E%0A%3C/svg%3E%0A");
  color: #FFFFFF;
  width: 16px;
  height: 16px;
}
.progress-button .content::after {
  content: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2021.9%2021.9%22%20enable-background%3D%22new%200%200%2021.9%2021.9%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%0A%20%20%3Cpath%20d%3D%22M14.1%2C11.3c-0.2-0.2-0.2-0.5%2C0-0.7l7.5-7.5c0.2-0.2%2C0.3-0.5%2C0.3-0.7s-0.1-0.5-0.3-0.7l-1.4-1.4C20%2C0.1%2C19.7%2C0%2C19.5%2C0%20%20c-0.3%2C0-0.5%2C0.1-0.7%2C0.3l-7.5%2C7.5c-0.2%2C0.2-0.5%2C0.2-0.7%2C0L3.1%2C0.3C2.9%2C0.1%2C2.6%2C0%2C2.4%2C0S1.9%2C0.1%2C1.7%2C0.3L0.3%2C1.7C0.1%2C1.9%2C0%2C2.2%2C0%2C2.4%20%20s0.1%2C0.5%2C0.3%2C0.7l7.5%2C7.5c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7l-7.5%2C7.5C0.1%2C19%2C0%2C19.3%2C0%2C19.5s0.1%2C0.5%2C0.3%2C0.7l1.4%2C1.4c0.2%2C0.2%2C0.5%2C0.3%2C0.7%2C0.3%20%20s0.5-0.1%2C0.7-0.3l7.5-7.5c0.2-0.2%2C0.5-0.2%2C0.7%2C0l7.5%2C7.5c0.2%2C0.2%2C0.5%2C0.3%2C0.7%2C0.3s0.5-0.1%2C0.7-0.3l1.4-1.4c0.2-0.2%2C0.3-0.5%2C0.3-0.7%20%20s-0.1-0.5-0.3-0.7L14.1%2C11.3z%22%20fill%3D%22%23FFFFFF%22/%3E%0A%3C/svg%3E");
  width: 12px;
  width: 12px;
}
.progress-button.state-success .content::before,
.progress-button.state-error .content::after {
  opacity: 1;
}
.notransition {
  transition: none !important;
}
.progress-button .progress {
  background: #0091B0;
}
.progress-button .progress-inner {
  position: absolute;
  left: 0;
  background: #0091B0;
}
.progress-button[data-horizontal] .progress-inner {
  top: 0;
  width: 0;
  height: 100%;
  transition: width 0.3s, opacity 0.3s;
}
.progress-button[data-vertical] .progress-inner {
  bottom: 0;
  width: 100%;
  height: 0;
  transition: height 0.3s, opacity 0.3s;
}
/* Necessary 3d styles for buttons with perspective */
.progress-button[data-perspective] {
  position: relative;
  display: inline-block;
  padding: 0;
  background: transparent;
  perspective: 900px;
}
.progress-button[data-perspective] .content {
  padding: 0 60px;
  background: #0091B0;
}
.progress-button[data-perspective] .progress-wrap {
  display: block;
  transition: transform 0.2s;
  transform-style: preserve-3d;
}
.progress-button[data-perspective] .content,
.progress-button[data-perspective] .progress {
  outline: 1px solid rgba(0, 0, 0, 0);
  /* Smoothen jagged edges in FF */
}
/* Individual styles */
/* Choose the effect(s) you want, delete the rest */
/* Fill horizontal */
/* ====================== */
.progress-button[data-style=fill][data-horizontal] {
  overflow: hidden;
}
.progress-button[data-style=fill][data-horizontal] .content {
  z-index: 10;
  transition: transform 0.3s;
}
.progress-button[data-style=fill][data-horizontal] .content::before,
.progress-button[data-style=fill][data-horizontal] .content::after {
  top: 200%;
  right: auto;
  left: 50%;
  transition: opacity 0.3s;
  transform: translateX(-50%);
}
.progress-button[data-style=fill][data-horizontal].state-success .content,
.progress-button[data-style=fill][data-horizontal].state-error .content {
  transform: translateY(-200%);
}
.spinner {
  animation: tr-rotator 1.4s linear infinite;
  display: inline-block;
  vertical-align: bottom;
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -0.75rem;
  left: 50%;
  margin-left: -0.75rem;
  height: 1.5rem;
  width: 1.5rem;
}
.busy .spinner-content {
  visibility: hidden;
}
.busy .spinner, .busy.spinner {
  display: inline-block;
}
.busy.btn,
.busy.btn:hover {
  cursor: default;
  pointer-events: none;
  background-color: #6131B4;
}
.busy.btn[class*=danger],
.busy.btn:hover[class*=danger] {
  background-color: #F44336;
}
@keyframes tr-rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: tr-dash 1.4s ease-in-out infinite, tr-colors 5.6s ease-in-out infinite;
}
@keyframes tr-colors {
  0% {
    stroke: #FFF;
  }
  25% {
    stroke: rgba(255, 255, 255, 0.6);
  }
  50% {
    stroke: rgba(255, 255, 255, 0.6);
  }
  75% {
    stroke: #FFF;
  }
  100% {
    stroke: rgba(255, 255, 255, 0.6);
  }
}
@keyframes tr-dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
.form-simulation--inline .btn--filter {
  position: relative;
  top: 41px;
  left: 16px;
}
.form-simulation--inline .mat-select {
  display: inline-block;
  outline: 0;
  height: 40px;
  position: relative;
}
.form-simulation--inline .mat-select-arrow {
  top: 16px;
}
.form-simulation--inline .mat-select-placeholder.mat-floating-placeholder {
  top: -25px !important;
}
.form-simulation--inline .mat-select-trigger {
  top: 0px;
  height: 40px !important;
}
.form-simulation--inline .input-field {
  margin: 8px 0;
}
.form-simulation--inline .input-field .form-input {
  margin-bottom: 0px !important;
}
.form-simulation--block .form-simulation-item {
  border-bottom: none !important;
}
.form-simulation--block .form-simulation-button {
  margin-top: 32px;
}
.form-simulation--block .form-simulation-select .mat-select-value {
  padding: 11px 1px !important;
}
.form-simulation--block .form-simulation-select .mat-select-value-text {
  margin: 0px !important;
  padding: 16px 8px;
}
.form-simulation--block .form-simulation-value {
  outline: none;
}
.form-simulation--block .input-field {
  margin: 8px 0;
}
.form-simulation--block .input-field .form-input {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
}
.form-simulation--block .input-field .input-error-message {
  bottom: inherit;
}
.form-simulation--block .mat-floating-placeholder {
  display: none;
}
.form-simulation--block .mat-select {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  font-family: "Roboto" !important;
  width: 100% !important;
  color: #222222;
}
.form-simulation--block .mat-select-trigger {
  height: auto !important;
}
.form-simulation--block .mat-select-placeholder {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  color: #222222 !important;
  font-family: "Roboto" !important;
  padding: 16px 8px !important;
}
.form-simulation--block .mat-select-placeholder .ng-animation {
  display: none;
}
.form-simulation--block .mat-select-arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #222222;
  top: 23px;
  transition: border-top-color 0.2s ease-in-out;
}
.form-simulation--block .mat-select-underline {
  height: 0px !important;
  border-bottom: 2px solid #EAE9F0;
  transition: background-color 0.2s ease-in-out;
}
.form-simulation--block .mat-select-value {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  color: #222222 !important;
  font-family: "Roboto" !important;
  padding: 16px !important;
  position: relative;
  width: 100% !important;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
}
.form-simulation--block .mat-select-value-text {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  font-family: "Roboto" !important;
}
.form-simulation--block .mat-select-trigger:hover {
  border-bottom: 2px solid #222222;
}
.form-simulation--block .mat-select-trigger:hover .mat-select-underline {
  background-color: #6131B4;
}
.form-simulation--block .mat-select-trigger:hover .mat-select-arrow {
  border-top-color: #6131B4;
}
.form-simulation--block .input-error .mat-select-placeholder {
  border: none;
  background: none;
  color: #F44336 !important;
}
.form-simulation-input {
  background-color: transparent;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: solid 1px #222222;
  border-left: none;
  border-right: none;
  border-top: none;
  font-family: "Roboto";
  min-width: 82px;
  height: inherit;
  border-radius: 0px !important;
  -webkit-appearance: none !important;
}
.form-simulation-input:focus {
  outline: none;
}
.form-simulation-item {
  position: relative;
  border-bottom: 2px solid #EAE9F0;
  margin-bottom: 16px;
}
.form-simulation-item mat-select {
  vertical-align: bottom;
  display: inline-block;
  width: 100%;
}
.form-simulation-item mat-select .mat-select-value {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
}
.form-simulation-item mat-select .mat-select-placeholder {
  flex-grow: 0;
  margin-top: 0px;
  color: #222222;
  padding: 0px;
  overflow-x: inherit;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
}
.form-simulation-item mat-select .mat-floating-placeholder {
  display: none !important;
}
.form-simulation-name {
  color: #222222;
  margin-bottom: 0px !important;
}
.form-simulation-value {
  height: inherit;
  border: none;
  width: 100%;
  text-align: left;
  font-family: "Roboto";
  height: inherit !important;
  margin-bottom: 0px !important;
}
.form-simulation-value::-webkit-input-placeholder {
  color: #222222;
}
.form-simulation-value *:-moz-placeholder {
  color: #222222;
}
.form-simulation-value *::-moz-placeholder {
  color: #222222;
}
.form-simulation-value *:-ms-input-placeholder {
  color: #222222;
}
.form-simulation-select .mat-select-value,
.form-simulation-select .mat-select-value-text {
  margin-bottom: 0px !important;
}
.form-simulation-select .mat-select-trigger {
  height: 59px !important;
}
.form-simulation-select .mat-select-value {
  padding: 20px 0 25px 16px !important;
}
.form-simulation-select .mat-select-placeholder.mat-floating-placeholder {
  top: -30px !important;
}
.form-simulation-option {
  font-size: medium !important;
  font-size: initial !important;
}
.filter-bar-product .form-simulation-input {
  min-width: 128px !important;
}
.filter-bar-product .mat-select-trigger {
  border-bottom: 1px solid #000000 !important;
}
.filter-bar-product .form-simulation--inline .mat-select-value {
  color: #091827 !important;
}
.filter-bar-product .form-simulation--inline .mat-select-arrow {
  border-top: 4px solid #091827 !important;
}
.form-simulation--inline--lighter .form-label {
  color: #222222;
}
.form-simulation--inline--lighter .mat-select-placeholder.mat-floating-placeholder {
  color: #222222 !important;
}
.form-simulation--inline--darker .form-label {
  color: #FFFFFF;
}
.form-simulation--inline--darker .mat-select-placeholder.mat-floating-placeholder {
  color: #FFFFFF !important;
}
.form-simulation--inline--darker .mat-select-underline {
  border-color: #7E868E;
}
.form-simulation--inline--darker:hover .input-field .form-input {
  border-color: #FFFFFF;
}
.form-simulation--inline--darker:hover .input-field .mat-select-underline {
  border-color: #FFFFFF;
}
.form-simulation--inline--darker .input-field .form-input {
  background-color: rgba(255, 255, 255, 0.16);
  border-bottom: 2px solid #7E868E;
  color: #FFFFFF;
}
.form-simulation--inline--darker .input-field .form-input.active, .form-simulation--inline--darker .input-field .form-input:focus {
  color: #FFFFFF;
  background-color: rgba(0, 188, 212, 0.16);
}
.form-simulation--inline--darker .mat-select-trigger {
  background: none;
}
.form-simulation--inline--darker .mat-select-value {
  background-color: rgba(255, 255, 255, 0.16);
  color: #FFFFFF !important;
  top: 0px !important;
}
.form-simulation--inline--darker .mat-select-value-text {
  color: #FFFFFF;
  text-transform: inherit !important;
}
.form-simulation--inline--darker .mat-select-arrow {
  border-top-color: #6131B4;
  top: 18px;
}
.form-simulation--inline--darker .form-label {
  color: #FFFFFF;
}
@media screen and (max-width: 1439px) {
  .form-simulation--block .input-field .form-input {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
  }
  .form-simulation--block .mat-select {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .form-simulation--block .mat-select-placeholder {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .form-simulation--block .mat-select-value {
    padding: 17px 16px 16px 16px !important;
  }
  .form-simulation--block .mat-select-value-text {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .form-simulation--block .form-simulation-select .mat-select-value {
    padding: 8px 0 12px 16px !important;
  }

  .form-simulation-select .mat-select-trigger {
    height: 49px !important;
  }

  .form-simulation--inline .form-simulation-input {
    margin: 0px;
  }
  .form-simulation--inline .mat-select {
    margin-left: 0px;
  }
  .form-simulation--inline .mat-select-value-text {
    line-height: 25px;
  }
  .form-simulation--inline .mat-select {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .form-simulation--inline .mat-select-placeholder {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .form-simulation--inline .mat-select-value {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .form-simulation--inline .mat-select-value-text {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .form-simulation--inline .form-simulation-input,
.form-simulation--inline .form-simulation-text {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1023px) {
  .filter-bar-product {
    border: none !important;
    padding-bottom: 0 !important;
  }
  .filter-bar-product .form-simulation--inline .mat-select-trigger {
    height: 36px !important;
  }

  .form-simulation--block.form-group .btn {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .form-simulation--inline .btn-filter {
    margin-top: 0px;
    margin-left: 0px;
  }
  .form-simulation--inline .form-simulation-text {
    padding: 0 16px 0 8px;
  }
  .form-simulation--inline .lack {
    padding-bottom: 16px;
    margin-bottom: 4px;
  }
  .form-simulation--inline .value-simulation {
    padding: 8px 0 5px;
    width: 100% !important;
  }
  .form-simulation--inline .mat-select-trigger {
    height: 37px !important;
  }
  .form-simulation--inline .mat-select-value-text {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .form-simulation--inline .mat-select {
    display: block !important;
  }
  .form-simulation--inline .form-simulation-fields {
    width: 100%;
  }
  .form-simulation--inline .form-simulation-text {
    margin-top: 4px;
  }
  .form-simulation--inline .btn-filter {
    margin-top: 0px;
  }
  .form-simulation--inline .mat-select-underline {
    bottom: -3px;
  }
  .form-simulation--inline mat-select .mat-select-arrow {
    position: absolute;
    right: 0;
    top: 0;
  }
  .form-simulation--inline .form-simulation-input {
    margin-top: 0px;
    padding-top: 9px;
    padding-bottom: 3px;
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
  }

  .form-simulation--block .mat-select {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .form-simulation--block .mat-select-placeholder {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .form-simulation--block .mat-select-value {
    padding: 21px 8px 12px 8px !important;
  }
  .form-simulation--block .mat-select-value-text {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .form-simulation--inline .mat-select-value + .mat-select-arrow {
    border-top-color: #FFFFFF;
  }

  .form-simulation--block.form-group {
    padding: 0px;
  }
  .form-simulation--block.form-group .form-simulation-select .mat-select-value {
    padding: 4px 8px 8px !important;
  }
  .form-simulation--block.form-group .mat-select-arrow {
    top: 16px;
  }
  .form-simulation--block.form-group .form-simulation-select .mat-select-value-text {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #7E868E;
  }
  .form-simulation--block .form-simulation-button {
    margin-top: 16px;
  }
  .form-simulation--block .form-simulation-button .btn {
    margin-bottom: 0px;
  }
  .form-simulation--block .form-simulation-select .mat-select-trigger {
    height: 39px !important;
  }
  .form-simulation--block .mat-select {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .form-simulation--block .mat-select-placeholder {
    font-size: 18px;
    font-size: 1.125rem;
    color: #7E868E !important;
  }
  .form-simulation--block .mat-select-value {
    padding: 13px 8px 12px 8px !important;
  }
  .form-simulation--block .mat-select-value-text {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .form-simulation--block .form-simulation-item {
    margin-bottom: 0;
  }
  .form-simulation--block .input-error-message {
    padding: 0px !important;
  }
  .form-simulation--block .input-field {
    margin: 4px 0px 0px 0px;
    padding-bottom: 16px;
  }
  .form-simulation--block .input-field .form-input {
    padding: 8px;
    color: #7E868E;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
  }

  .form-simulation-group {
    padding-bottom: 0px;
  }
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
.form-error-message {
  color: #F44336;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}
.form-array {
  padding-bottom: 40px;
}
.form-array--group + .form-array--group .divider {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 2px solid #EAE9F0;
}
.input-filter {
  background: none;
  border: none;
  border-bottom: 1px solid #EAE9F0;
  outline: none;
  transition: all 0.4s ease;
}
.input-filter::-webkit-input-placeholder {
  color: #222222;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.input-filter:-moz-placeholder {
  color: #222222;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.input-filter::-moz-placeholder {
  color: #222222;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.input-filter:-ms-input-placeholder {
  color: #222222;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.input-filter:focus::-webkit-input-placeholder {
  color: transparent;
  color: #7E868E;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.input-filter:focus:-moz-placeholder {
  color: transparent;
  color: #7E868E;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.input-filter:focus::-moz-placeholder {
  color: transparent;
  color: #7E868E;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.input-filter:focus:-ms-input-placeholder {
  color: transparent;
  color: #7E868E;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.opened .input-filter {
  border-bottom: 1px solid transparent;
}
.input-field {
  position: relative;
}
.input-field toro-autocomplete {
  display: block;
  padding-bottom: 8px;
}
.input-field .label-info {
  opacity: 0;
}
.input-field:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background: #6131B4;
  bottom: 0;
  left: 0;
}
.input-field:hover .form-input {
  border-color: #222222;
}
.input-field:focus {
  background: #F4F1FC;
}
.input-field .form-input {
  background: #F8F6FB;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #EAE9F0;
  outline: none;
  height: 40px;
  width: 100%;
  padding: 8px 16px;
  margin-bottom: 8px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
  transition: all 0.3s;
}
.input-field .form-input.autocomplete {
  text-transform: capitalize;
}
.input-field .form-input.active {
  color: #222222;
}
.input-field .form-input:focus {
  color: #222222;
  background-color: #F4F1FC;
  border-bottom: 2px solid #6131B4;
}
.input-field .form-input.disabled {
  position: relative;
  pointer-events: none;
  background-color: #EAE9F0;
  border-color: #EAE9F0;
  color: #7E868E;
}
.input-field .form-input.disabled + label {
  pointer-events: none;
}
.input-field:not(.input-error) .form-input:focus + .form-label {
  color: #6131B4;
}
.input-field.input-error .form-input {
  color: #F44336;
  border-color: #F44336;
  background-color: #FEE9EB !important;
}
.input-field.input-error .autocomplete input {
  color: #F44336;
  border-color: #F44336;
  background-color: #FEE9EB !important;
}
.input-field.input-error .show-password {
  color: #F44336;
  border-color: #F44336;
}
.input-field .input-error-message {
  color: #F44336;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -8px;
  white-space: nowrap;
}
.input-field .input-hint {
  color: #7E868E;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -8px;
}
.input-field .input-account--error {
  left: -8px;
}
.input-field .show-password {
  position: absolute;
  right: 16px;
  top: 45%;
}
.form-group {
  width: 100%;
  position: relative;
  padding: 8px 0;
}
.form-group--radio {
  padding: 8px 0 16px 0;
}
.form-group--checkbox {
  padding: 16px 0 24px 0;
}
.form-group--select {
  padding: 8px 0 16px 0;
}
.form-group--select .input-error-message {
  bottom: -16px;
}
.form-group--upload {
  padding: 24px 0 16px 0;
}
.form-group--cta {
  padding: 48px 0 16px 0;
}
.form-group--inline .form-label.form-label--radio {
  color: #7E868E;
}
.form-group--inline .radios-container {
  display: flex;
  margin-bottom: 0px;
  padding-bottom: 8px;
}
.form-group--inline .radios-container .radio-field {
  display: inline-flex;
  flex-grow: 1;
  flex-basis: 0;
  margin-top: 0;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.form-group--inline .radios-container .radio-field .radio-label {
  top: -5px;
}
.form-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
  z-index: 1;
}
.form-flex .form-tip {
  margin-bottom: 0px;
}
.form-simulation--block .input-field .form-input {
  height: auto;
}
.hint-visible.form-group {
  margin-bottom: 16px;
}
.form-label {
  color: #222222;
  cursor: text;
  line-height: 18px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  display: block;
  margin-bottom: 4px;
}
.form-label.active .label-info {
  opacity: 1;
  transition: all 0.4s ease 0.1s;
}
.form-label.form-label--radio {
  margin-bottom: 16px;
}
.form-currency {
  margin-bottom: 64px;
}
.input-value-alert {
  margin-top: 32px;
  display: table;
  width: 100%;
}
.input-value-alert--icon {
  height: 16px;
  width: 16px;
  display: table-cell;
  vertical-align: middle;
  padding-right: 16px;
}
.input-value-alert--icon .icon-svg {
  height: 16px;
  width: 16px;
  margin: 4px 0 0;
}
.input-value-alert--text {
  vertical-align: middle;
  display: table-cell;
}
.input-value-alert--highlight {
  color: #F44336;
}
.input-value-alert--highlight .popover-link {
  border-bottom-color: #F44336;
}
.input-value-alert--info {
  color: #FFB300;
}
.input-value-alert--info .popover-link {
  border-bottom-color: #FFB300;
}
.form-label-group {
  display: inline-block;
  width: 100%;
  padding: 32px 0;
  margin: 0px;
  border-bottom: 2px solid #EAE9F0;
}
.form-label-group input[type=radio] {
  margin-top: 16px;
}
.form-label-group-border {
  display: inline-block;
  width: 100%;
  border: 1px solid #EAE9F0;
  padding: 16px;
  margin: 8px 0;
}
.form-label-group-border .card-box-value:first-child {
  margin-bottom: 16px;
}
.form-label-group-border .input-name {
  margin-left: 8px;
}
.mat-option {
  transition: background-color 0.2s ease-in-out;
}
.mat-select {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  font-family: "Roboto" !important;
  width: 100% !important;
  color: #EAE9F0;
}
.mat-select-trigger {
  height: auto !important;
}
.mat-select-placeholder {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  color: #7E868E !important;
  font-family: "Roboto" !important;
  padding: 16px 24px !important;
}
.mat-select-placeholder .ng-animation {
  display: none;
}
.mat-select-arrow {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #222222;
  transition: border-top-color 0.2s ease-in-out;
}
.mat-select-underline {
  height: 0px !important;
  border-bottom: 2px solid #EAE9F0;
  transition: border-bottom-color 0.2s ease-in-out;
}
.mat-select-value {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  color: #7E868E !important;
  font-family: "Roboto" !important;
  padding: 21px 0 22px 16px !important;
  position: relative;
  width: 100% !important;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
}
.mat-select-value-text {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  margin-top: 0px;
  font-family: "Roboto" !important;
}
.mat-floating-placeholder {
  color: #7E868E;
  position: absolute;
  top: -20px;
  left: 16px;
  cursor: text;
  line-height: 18px;
  opacity: 1;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  transition: 0.2s ease-out;
}
.mat-selected {
  background-color: #EAE9F0 !important;
}
.mat-option:hover, .mat-selected:hover {
  background-color: #ECEDEE !important;
}
.mat-select-trigger:hover .mat-select-placeholder {
  color: #6131B4;
}
.mat-select-trigger:hover .mat-select-underline {
  background-color: #6131B4;
}
.mat-select-trigger:hover .mat-select-arrow {
  border-top-color: #6131B4;
}
.mat-select-trigger:hover .mat-select-value {
  color: #6131B4 !important;
}
.mat-select-trigger:hover .mat-select-floating-placeholder {
  color: #EAE9F0 !important;
}
.mat-select .mat-select-trigger .mat-select-arrow + .mat-select-arrow {
  border-top-color: #222222 !important;
}
@media screen and (max-width: 1919px) {
  .form-label-group input[type=radio] {
    margin-top: 24px;
  }
}
@media screen and (max-width: 1439px) {
  .form-label-group input[type=radio] {
    margin-top: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .form-group .mat-select-placeholder.mat-floating-placeholder {
    margin-bottom: 4px;
  }

  .form-label-group {
    padding: 24px 0 0;
  }

  .mat-select-panel {
    min-width: 100% !important;
    margin: 16px;
  }
}
@media screen and (max-width: 767px) {
  .mat-select {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .mat-select-placeholder {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 16px !important;
  }
  .mat-select-value {
    padding: 13px 8px 12px 15px !important;
  }
  .mat-select-value-text {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .mat-select-value + .mat-select-arrow {
    border-top-color: #222222;
  }
  .mat-select-arrow {
    margin: 0px !important;
  }

  .mat-select-placeholder.mat-floating-placeholder {
    left: 4px !important;
    padding-left: 0 !important;
  }
}
.form-error-message {
  margin-top: 4px;
}
.checkbox--animated {
  position: relative;
  margin: 0;
  outline: none;
}
.checkbox--animated:before {
  position: absolute;
  content: "";
  left: 3px;
  top: 1px;
  z-index: 1;
  width: 8px;
  height: 6px;
  border: 2px solid #6131B4;
  border-top-style: none;
  border-right-style: none;
  transform: rotate(-45deg) scale(0, 0);
}
.checkbox--animated:after {
  content: "";
  position: absolute;
  top: -3px;
  left: -1px;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #222222;
  cursor: pointer;
  transition: 0.2s ease-out;
}
.checkbox--animated:checked {
  outline: none;
}
.checkbox--animated:checked:before {
  transform: rotate(-45deg) scale(1, 1);
}
.checkbox--animated:checked:after {
  border: 2px solid #6131B4;
}
.checkbox--solid-animated:checked:before {
  border-color: #FFFFFF;
}
.checkbox--solid-animated:checked:after {
  background-color: #6131B4;
}
.checkbox-field:hover .checkbox--animated:after {
  border-color: #6131B4;
}
.checkbox-field:hover .checkbox-label {
  color: #6131B4;
}
.checkbox-input--darker:after {
  background-color: #222222;
  border: 2px solid #FFFFFF;
}
.checkbox-input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  position: relative;
  top: 2px;
  *overflow: hidden;
  left: 1px;
  vertical-align: middle;
}
.checkbox-input--full {
  width: 100%;
}
.checkbox-input.checkbox-border {
  width: 100%;
  height: auto;
}
.checkbox-input.checkbox-border .mat-checkbox {
  width: 100%;
  display: inline-block;
}
.checkbox-input.checkbox-border .mat-checkbox .mat-checkbox-layout {
  width: 100%;
}
.checkbox-input.checkbox-border .mat-checkbox .mat-checkbox-layout .mat-checkbox-label {
  width: 96%;
  cursor: pointer;
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
  padding: 24px 16px;
  margin: 0px;
  border: 2px solid #D1D5D7;
  border-radius: 4px;
}
.mat-checkbox .mat-checkbox-layout {
  white-space: inherit;
}
.checkbox-label {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  transition: 0.2s ease-out;
  color: #6131B4;
  width: 90%;
  position: relative;
  left: 14px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-bottom: 0 !important;
}
.checkbox-multiple .checkbox-field {
  margin-top: 16px;
  margin-bottom: 16px;
}
.checkbox-daytrade {
  position: absolute;
  opacity: 0;
  height: 20px;
  width: 45px;
}
.checkbox-daytrade-box {
  width: 100%;
  position: relative;
  display: inline-block;
  margin: 16px 0;
}
.checkbox-daytrade-label {
  position: absolute;
  padding-left: 56px;
  cursor: pointer;
}
.checkbox-daytrade + .checkbox-daytrade-icon {
  position: relative;
  margin: 0px;
  cursor: pointer;
}
.checkbox-daytrade + .checkbox-daytrade-icon:before {
  position: absolute;
  content: "";
  background-color: #EAE9F0;
  border-radius: 45px;
  height: 20px;
  width: 45px;
  top: 1px;
  left: -2px;
  transition: all 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
}
.checkbox-daytrade + .checkbox-daytrade-icon:after {
  position: absolute;
  content: "";
  background-color: #FFFFFF;
  border-radius: 20px;
  height: 18px;
  width: 18px;
  top: 2px;
  left: -1px;
  transition: all 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
}
.checkbox-daytrade:checked + .checkbox-daytrade-icon:before {
  background-color: #6131B4;
}
.checkbox-daytrade:checked + .checkbox-daytrade-icon:after {
  left: 24px;
}
.checkbox-multiple {
  margin-top: 16px;
  margin-bottom: 16px;
}
.checkbox-options {
  margin-top: 24px;
  margin-bottom: 24px;
}
.input-error .checkbox--animated::after {
  border: 2px solid #F44336;
}
.input-error .checkbox-field {
  margin-bottom: 8px;
}
.input-error .mat-checkbox-frame,
.input-error .mat-checkbox-label {
  border-color: #F44336 !important;
  color: #F44336;
}
.checkbox-input--sidebox {
  width: 16px;
  height: 24px;
  vertical-align: middle;
  margin-right: 16px;
}
.checkbox-input--sidebox:before {
  height: 10px;
  width: 16px;
  top: 4px;
}
.checkbox-input--sidebox:after {
  height: 24px;
  width: 24px;
  top: 0;
}
.checkbox-input--sidebox:checked + .checkbox-box--sidebox {
  border: 2px solid #6131B4;
  -ms-box-shadow: 0 3px 8px rgba(9, 24, 39, 0.16);
  -o-box-shadow: 0 3px 8px rgba(9, 24, 39, 0.16);
  box-shadow: 0 3px 8px rgba(9, 24, 39, 0.16);
}
.checkbox-box--sidebox {
  cursor: pointer;
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
  padding: 24px 16px;
  margin: 0px;
  border: 2px solid #EAE9F0;
  border-radius: 4px;
}
.checkbox-group--box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkbox-optional {
  opacity: 0;
  max-height: 0;
  margin-top: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.checkbox-optional-show {
  opacity: 1;
  margin-top: 15px;
  max-height: 100px !important;
  transition: all 0.3s ease;
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #6131B4 !important;
}
.mat-checkbox-checked .mat-ripple-element {
  background: rgba(97, 49, 180, 0.1) !important;
}
.mat-checkbox-checked.mat-checkbox-disabled {
  opacity: 0.5;
}
.mat-checkbox-checked.mat-checkbox-disabled .mat-checkbox-background, .mat-checkbox-checked.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #EAE9F0 !important;
}
@media screen and (max-width: 1023px) {
  .checkbox-label {
    display: inline-block;
    margin-top: 4px;
  }

  .checkbox-field:hover .checkbox-label {
    color: #222222;
  }
}
@media screen and (max-width: 767px) {
  .checkbox-input {
    display: inline-block;
    top: 0px;
    margin: 4px 0 0;
    height: 16px;
  }

  .checkbox--animated:after {
    height: 24px;
    width: 24px;
    top: -4px;
  }
  .checkbox--animated:before {
    left: 5px;
    top: 2px;
    z-index: 1;
    width: 12px;
    height: 8.7px;
  }

  .checkbox--container {
    margin-bottom: 24px;
  }

  .checkbox-daytrade-label {
    top: 2px;
    height: 20px;
    width: 45px;
    display: block;
    float: left;
  }
  .checkbox-daytrade-label + span {
    display: block;
    float: left;
    margin-left: 16px;
  }
  .checkbox-daytrade-box {
    margin: 8px 0 24px;
    display: inline-block;
    width: 100%;
  }
  .checkbox-daytrade + .checkbox-daytrade-icon {
    height: 20px;
    width: 45px;
    display: block;
    float: left;
  }

  .stock-card-acompanhamento-pagina .checkbox-input {
    height: 8px;
  }
  .stock-card-acompanhamento-pagina .checkbox--animated:before {
    width: 8.4px;
    height: 6.1px;
    left: 3px;
    top: 0px;
  }
  .stock-card-acompanhamento-pagina .checkbox--animated:after {
    height: 16px;
    width: 16px;
  }
  .stock-card-acompanhamento-pagina .checkbox-label span, .stock-card-acompanhamento-pagina .checkbox-label {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0px;
  }
  .stock-card-acompanhamento-pagina .checkbox-daytrade-box {
    margin: 0px;
  }
}
.radio--animated {
  position: relative;
  margin: 0;
  outline: none;
}
.radio--animated:before {
  transform: rotate(-45deg) scale(0, 0);
  position: absolute;
  content: "";
  left: 2px;
  top: 3px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: #6131B4;
  border-radius: 5px;
}
.radio--animated:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -2px;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 2px solid #222222;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.2s ease-out;
  outline: none;
}
.radio--animated:checked:before {
  transform: rotate(-45deg) scale(1, 1);
}
.radio--animated:checked:after {
  border: 2px solid #6131B4;
}
.radio-field {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.radio-field:hover .radio-label {
  color: #6131B4;
}
.radio-field:hover .radio-label {
  color: #6131B4;
}
.radio-field:hover .radio--animated:after {
  border-color: #6131B4;
}
.radio-input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0 10px 0 0;
  position: relative;
  top: 0;
  *overflow: hidden;
  left: 0;
  vertical-align: middle;
}
.radio-box-input {
  height: 24px;
  width: 24px;
}
.radio-label {
  font-size: 18px;
  font-size: 1.125rem;
  transition: 0.2s ease-out;
  color: #222222;
  width: 100%;
  position: relative;
  display: inline-block;
  top: 1;
  vertical-align: middle;
  cursor: pointer;
  font-weight: 400;
}
.radios-container {
  margin-top: 16px;
  padding-bottom: 16px;
}
.radios-container--title {
  padding: 16px 0;
  display: inline-block;
}
.input-error .radio--animated:after {
  border: 2px solid #F44336;
}
.input-error .radio-label {
  color: #F44336;
}
.radio-bank--options {
  display: inline-block;
  vertical-align: middle;
}
.radio-bank--options .radio--legend, .radio-bank--options .radio-text {
  margin: 0;
}
.radio-bank--options .radio-account--type {
  margin: 0;
  display: block;
}
.radio-input--sidebox {
  width: 16px;
  height: 24px;
  vertical-align: middle;
  margin-right: 16px;
}
.radio-input--sidebox:before {
  height: 16px;
  width: 16px;
  border-radius: 100%;
}
.radio-input--sidebox:after {
  height: 24px;
  width: 24px;
  border-radius: 100%;
}
.radio-input--sidebox:checked + .radio-box--sidebox {
  border: 2px solid #6131B4;
  -ms-box-shadow: 0 3px 8px rgba(9, 24, 39, 0.16);
  -o-box-shadow: 0 3px 8px rgba(9, 24, 39, 0.16);
  box-shadow: 0 3px 8px rgba(9, 24, 39, 0.16);
}
.radio-group--box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.radio-group--box:hover .radio-box--sidebox {
  border: 2px solid #6131B4;
}
.radio-group--box:hover .radio-input--sidebox::after {
  border: 2px solid #6131B4;
}
.radio-group--label {
  margin-bottom: 24px;
  display: block;
}
.radio-box--sidebox {
  cursor: pointer;
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
  padding: 24px 16px;
  margin: 0px;
  border: 2px solid #EAE9F0;
  border-radius: 4px;
}
.radio-box--sidebox .collection-option--text {
  font-size: 14px;
}
.radio-group--disabled .radio--animated:before {
  background: #EAE9F0;
}
.radio-group--disabled .radio--animated:checked:after,
.radio-group--disabled .radio--animated:after,
.radio-group--disabled .radio-input--sidebox:checked + .radio-box--sidebox,
.radio-group--disabled .radio-group--box:hover .radio-input--sidebox::after,
.radio-group--disabled .radio-box--sidebox {
  border: 2px solid #EAE9F0 !important;
}
@media screen and (min-width: 1024px) {
  .radios-sidebyside {
    margin-top: 32px;
    display: inline-block;
    width: 100%;
  }
  .radios-sidebyside .radio-field {
    display: inline-block;
    padding-left: 4px;
    margin-right: 32px;
  }
  .radios-sidebyside .radio-input {
    display: inline;
  }
  .radios-sidebyside .radio-label {
    display: inline;
  }
}
@media screen and (min-width: 768px) {
  .radio-field {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .radio--responsive .radio-label {
    font-size: 16px;
    font-size: 1rem;
  }

  .radio-field {
    display: flex;
    align-items: center;
  }
  .radio-field + .radio-field {
    margin-top: 16px;
  }

  .radio-label {
    width: 100%;
    margin-left: 0px;
    left: 0px;
    padding-left: 8px;
  }

  .radio-input {
    top: -12px;
    height: 0px;
    width: 0px;
    border: none;
  }

  .form-group--radio + .form-group--radio {
    padding-top: 16px;
    border-top: 2px solid black;
  }

  .radio--animated {
    position: relative;
    margin: 0;
    margin-bottom: -8px;
  }
  .radio--animated::before {
    transform: rotate(-45deg) scale(0, 0);
    position: absolute;
    content: "";
    left: 4px;
    top: 3px;
    z-index: 1;
    width: 12px;
    height: 12px;
    background: #6131B4;
    border-radius: 50%;
  }
  .radio--animated:after {
    content: "";
    position: absolute;
    top: -3px;
    left: -2px;
    width: 24px;
    height: 24px;
    background: #fff;
    border: 2px solid #222222;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.2s ease-out;
  }
  .radio--animated:checked:before {
    transform: rotate(-45deg) scale(1, 1);
  }
  .radio--animated:checked:after {
    border: 2px solid #6131B4;
  }

  .radio-box--sidebox {
    padding: 16px 16px;
    margin-left: 8px;
  }
  .radio-box--sidebox .collection-option--text {
    font-size: 14px;
    padding-bottom: 8px;
  }

  .radio-input--sidebox {
    margin-right: 8px;
  }
  .radio-input--sidebox .collection-option--text {
    font-size: 14px;
  }
}
.mat-elevation-z0 {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-ripple {
  overflow: hidden;
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0s cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}
.mat-option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 48px;
  height: 48px;
  padding: 0 16px;
  font-size: 16px;
  text-align: left;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  outline: 0;
  text-transform: capitalize;
}
.toro-theme .md-option,
.radar-theme .md-option {
  text-transform: capitalize;
}
.toro-theme .mat-select-value-text,
.radar-theme .mat-select-value-text {
  text-transform: capitalize;
}
.form-simulation-select .mat-option,
.form-simulation-select .mat-select-value-text,
.form-simulation-select .mat-select-placeholder,
.overlay-content .mat-option,
.overlay-content .mat-select-value-text,
.overlay-content .mat-select-placeholder {
  text-transform: inherit !important;
}
.mat-option[disabled] {
  cursor: default;
}
[dir=rtl] .mat-option {
  text-align: right;
}
.mat-option .mat-icon {
  margin-right: 16px;
}
[dir=rtl] .mat-option .mat-icon {
  margin-left: 16px;
  margin-right: 0;
}
.mat-option[aria-disabled=true] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}
.mat-option-ripple {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
@media screen and (-ms-high-contrast: active) {
  .mat-option-ripple {
    opacity: 0.5;
  }
}
.mat-option-pseudo-checkbox {
  margin-right: 8px;
}
[dir=rtl] .mat-option-pseudo-checkbox {
  margin-left: 8px;
  margin-right: 0;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-transform: none;
  width: 1px;
}
.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: unset;
}
.cdk-overlay-dark-backdrop {
  background: rgba(37, 7, 59, 0.95);
}
.cdk-overlay-transparent-backdrop {
  background: 0 0;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected.mat-primary,
.mat-primary .mat-option.mat-selected {
  color: #222222;
}
.mat-accent .mat-option.mat-selected,
.mat-option.mat-selected.mat-accent {
  color: #ffd740;
}
.mat-option.mat-selected.mat-warn,
.mat-warn .mat-option.mat-selected {
  color: #f44336;
}
.mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked.mat-primary,
.mat-pseudo-checkbox-indeterminate.mat-primary {
  background: #222222;
}
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked.mat-accent,
.mat-pseudo-checkbox-indeterminate.mat-accent {
  background: #ffd740;
}
.mat-pseudo-checkbox-checked.mat-warn,
.mat-pseudo-checkbox-indeterminate.mat-warn,
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active) {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button,
.mat-icon-button {
  background: 0 0;
}
.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay {
  background-color: rgba(103, 58, 183, 0.12);
}
.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay {
  background-color: rgba(255, 215, 64, 0.12);
}
.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay {
  background-color: rgba(244, 67, 54, 0.12);
}
.mat-button[disabled] .mat-button-focus-overlay,
.mat-icon-button[disabled] .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button.mat-primary,
.mat-icon-button.mat-primary {
  color: #222222;
}
.mat-button.mat-accent,
.mat-icon-button.mat-accent {
  color: #ffd740;
}
.mat-button.mat-warn,
.mat-icon-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-accent[disabled],
.mat-button.mat-primary[disabled],
.mat-button.mat-warn[disabled],
.mat-button[disabled][disabled],
.mat-icon-button.mat-accent[disabled],
.mat-icon-button.mat-primary[disabled],
.mat-icon-button.mat-warn[disabled],
.mat-icon-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-fab,
.mat-mini-fab,
.mat-raised-button {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
}
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  color: rgba(255, 255, 255, 0.87);
}
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  color: rgba(0, 0, 0, 0.87);
}
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  color: #fff;
}
.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  background-color: #222222;
}
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  background-color: #ffd740;
}
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  background-color: #f44336;
}
.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}
.mat-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.2);
}
.mat-fab.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}
.mat-button.mat-primary .mat-ripple-element {
  background-color: rgba(103, 58, 183, 0.1);
}
.mat-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 215, 64, 0.1);
}
.mat-button.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.1);
}
.mat-icon-button.mat-primary .mat-ripple-element {
  background-color: rgba(103, 58, 183, 0.2);
}
.mat-icon-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 215, 64, 0.2);
}
.mat-icon-button.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.2);
}
.mat-fab,
.mat-mini-fab {
  background-color: #ffd740;
  color: rgba(0, 0, 0, 0.87);
}
.mat-fab .mat-ripple-element,
.mat-mini-fab .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.2);
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.06);
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: #000;
}
.mat-button-toggle-disabled {
  background-color: #eee;
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-card {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #222222;
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #ffd740;
}
.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(103, 58, 183, 0.26);
}
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(255, 215, 64, 0.26);
}
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.26);
}
.mat-chip:not(.mat-basic-chip) {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
  background-color: grey;
  color: rgba(255, 255, 255, 0.87);
}
.mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
  background-color: #222222;
  color: rgba(255, 255, 255, 0.87);
}
.mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
  background-color: #ffd740;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
  background-color: #f44336;
  color: #fff;
}
.mat-dialog-container {
  background: #fff;
}
.mat-icon.mat-primary {
  color: #222222;
}
.mat-icon.mat-accent {
  color: #ffd740;
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.mat-focused .mat-input-placeholder {
  color: #222222;
}
.mat-focused .mat-input-placeholder.mat-accent {
  color: #ffd740;
}
.mat-focused .mat-input-placeholder.mat-warn {
  color: #f44336;
}
.mat-input-element:disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required,
input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required {
  color: #ffd740;
}
.mat-input-underline {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-input-underline .mat-input-ripple {
  background-color: #222222;
}
.mat-input-underline .mat-input-ripple.mat-accent {
  background-color: #ffd740;
}
.mat-input-underline .mat-input-ripple.mat-warn {
  background-color: #f44336;
}
.mat-input-invalid .mat-input-placeholder,
.mat-input-invalid .mat-placeholder-required {
  color: #f44336;
}
.mat-input-invalid .mat-input-underline {
  border-color: #f44336;
}
.mat-input-invalid .mat-input-ripple {
  background-color: #f44336;
}
.mat-input-error {
  color: #f77f76;
}
.mat-list .mat-list-item,
.mat-nav-list .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list .mat-subheader,
.mat-nav-list .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-nav-list .mat-list-item-content.mat-list-item-focus,
.mat-nav-list .mat-list-item-content:hover {
  background: rgba(0, 0, 0, 0.04);
}
.mat-menu-content {
  background: #fff;
}
.mat-menu-item {
  background: 0 0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon {
  color: rgba(0, 0, 0, 0.54);
  vertical-align: middle;
}
.mat-menu-item:focus:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-progress-bar-background {
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23d1c4e9%27%2F%3E%3C%2Fsvg%3E");
}
.mat-progress-bar-buffer {
  background-color: #d1c4e9;
}
.mat-progress-bar-fill::after {
  background-color: #222222;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffe57f%27%2F%3E%3C%2Fsvg%3E");
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ffe57f;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ffd740;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffcdd2%27%2F%3E%3C%2Fsvg%3E");
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}
.mat-progress-spinner path,
.mat-spinner path {
  stroke: #222222;
}
.mat-progress-spinner.mat-accent path,
.mat-spinner.mat-accent path {
  stroke: #ffd740;
}
.mat-progress-spinner.mat-warn path,
.mat-spinner.mat-warn path {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ffd740;
}
.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-inner-circle {
  background-color: #ffd740;
}
.mat-radio-ripple .mat-ripple-element {
  background-color: rgba(255, 215, 64, 0.26);
}
.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-select-trigger {
  height: 40px !important;
  background: #f5f5f5;
  display: flex !important;
  border-bottom: 2px solid #EAE9F0;
}
.mat-select-placeholder {
  padding: 8px 16px !important;
  color: #091827 !important;
  text-transform: capitalize;
}
.mat-select-placeholder.mat-floating-placeholder {
  left: 0 !important;
  text-align: left;
  padding: 0 !important;
  top: -28px !important;
  transform: scale(0.75);
  transform: none !important;
  color: #222222 !important;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.mat-select-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  margin: 0 4px;
  position: absolute;
  right: 16px;
  top: 18px;
}
.mat-select-value-text {
  color: #222222;
  text-transform: capitalize;
}
.mat-select-arrow,
.mat-select-trigger {
  color: black;
  border-color: #7E868E;
}
.mat-select-underline {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-select-disabled .mat-select-value,
.mat-select-trigger {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-panel {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-select-panel,
.mat-select-content,
.mat-select-panel-done-animating {
  background: #fff;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
  position: absolute;
  max-width: 100% !important;
  flex-grow: 1;
  left: 0;
  bottom: 0;
  display: flex;
  background: #f5f5f5;
  align-items: center;
  padding: 8px 16px !important;
}
.form-simulation--block .mat-select-value {
  top: 0px !important;
}
.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow,
.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger {
  border-color: #222222;
  color: #222222;
}
.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-underline {
  background-color: #222222;
}
.mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-arrow,
.mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-trigger {
  border-color: #ffd740;
  color: #ffd740;
}
.mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
  background-color: #ffd740;
}
.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger,
.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger {
  border-color: #f44336;
}
.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
  background-color: #f44336;
}
.mat-sidenav-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-sidenav {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-sidenav.mat-sidenav-push {
  background-color: #fff;
}
.mat-sidenav-backdrop.mat-sidenav-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #ffc107;
}
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(255, 193, 7, 0.5);
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.06);
}
.mat-slide-toggle .mat-ripple-element {
  background-color: rgba(255, 193, 7, 0.12);
}
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #222222;
}
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(103, 58, 183, 0.5);
}
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.06);
}
.mat-slide-toggle.mat-primary .mat-ripple-element {
  background-color: rgba(103, 58, 183, 0.12);
}
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.5);
}
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.06);
}
.mat-slide-toggle.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.12);
}
.mat-disabled .mat-slide-toggle-thumb {
  background-color: #bdbdbd;
}
.mat-disabled .mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-slide-toggle-thumb {
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
  background-color: #222222;
}
.mat-primary .mat-slider-thumb-label-text {
  color: rgba(255, 255, 255, 0.87);
}
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #ffd740;
}
.mat-accent .mat-slider-thumb-label-text {
  color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
  background-color: #f44336;
}
.mat-warn .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-slider-focus-ring {
  background-color: rgba(255, 215, 64, 0.2);
}
.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: #000;
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-tab-header,
.mat-tab-nav-bar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label:focus {
  background-color: rgba(209, 196, 233, 0.3);
}
.mat-ink-bar {
  background-color: #222222;
}
.mat-tab-label,
.mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-toolbar {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #222222;
  color: rgba(255, 255, 255, 0.87);
}
.mat-toolbar.mat-accent {
  background: #ffd740;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff;
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.input-error .mat-select-value {
  background: #FEE9EB !important;
  border: #F44336;
}
.input-error .mat-select-underline {
  border-color: #F44336;
}
.input-error .mat-select-arrow {
  color: #F44336;
}
.input-error .mat-select-placeholder {
  background: rgba(244, 67, 54, 0.2);
}
.textarea-field {
  position: relative;
}
.textarea-field.textarea-error .form-textarea {
  color: #F44336;
  border-color: #F44336;
  background-color: rgba(244, 67, 54, 0.2);
}
.textarea-field.textarea-error .form-label {
  color: #F44336;
}
.textarea-field.textarea-error .textarea-error-message {
  color: #F44336;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 8px 0 0 16px;
}
.form-textarea {
  min-height: 200px;
  padding: 16px;
  color: #7E868E;
  width: 100%;
  border: 2px solid #EAE9F0;
  resize: none;
  transition: all 0.3s;
}
.form-textarea:hover {
  border-color: #222222;
}
.form-textarea:focus {
  color: #222222;
  outline: none;
  background-color: rgba(0, 188, 212, 0.2);
  border: 2px solid #DBC7FF;
}
.form-textarea:focus + .form-label {
  color: #6131B4;
}
.form-textarea.active {
  color: #222222;
}
.upload-field {
  border: 2px dashed #EAE9F0;
  padding: 24px;
  display: inline-block;
  margin-top: 8px;
  line-height: 0;
  position: relative;
}
.upload-field .btn-upload {
  position: relative;
  display: none;
  float: left;
  width: 105px;
  height: 89px;
  margin: 8px;
  border-radius: 4px;
  border: 2px solid #6131B4;
  color: #6131B4;
  padding: 16px;
  background: transparent;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  vertical-align: bottom;
}
.upload-field .btn-upload.active {
  display: inline-block;
}
.upload-field .btn-upload:hover {
  background-color: #6131B4;
  color: #fff;
}
.upload-field .btn-upload:hover .icon-svg {
  fill: #fff;
}
.upload-field .btn-upload + .btn-upload {
  margin: 8px 8px 8px 0;
}
.upload-field label {
  cursor: pointer;
  background: transparent;
}
.upload-field .icon-svg {
  width: 70px;
  height: 70px;
  fill: #6131B4;
  position: absolute;
  top: -4px;
  right: 0;
  left: 0;
  margin: 0 auto;
  transition: all 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.upload-field span {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
}
.upload-field .upload-field--load {
  position: absolute;
  bottom: 2px;
  height: 5px;
  background-color: #6131B4;
  transition: all 300ms ease-in-out;
}
.upload-group-subtext {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #7E868E;
  margin-bottom: 8px !important;
}
.upload-preview--image {
  width: 105px;
  height: 89px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
}
.file-title {
  text-align: center;
  font-size: 12px;
  position: absolute;
  bottom: -12px;
  font-weight: 500;
}
file-upload {
  display: inline-block;
  margin-bottom: 16px;
}
file-upload + file-upload .upload-single {
  margin-left: -40px !important;
}
.upload-multiple {
  width: 536px;
  padding: 8px 24px 0px;
}
.upload-multiple .upload-item {
  margin-bottom: 16px;
}
.upload-multiple .upload-item:last-child {
  margin: 8px 0;
}
.upload-group-item .upload-field {
  margin-left: 24px;
}
.upload-group-item .upload-field:first-child {
  margin-left: 0;
}
.upload-item {
  vertical-align: bottom;
  position: relative;
  float: left;
}
.upload-item img {
  border-radius: 4px;
}
.upload-item .btn-delete {
  position: absolute;
  top: -12px;
  right: 8px;
}
.upload-item .btn-delete:hover {
  background-color: #6131B4;
  color: #FFFFFF;
}
.upload-single {
  margin-right: 64px;
}
.upload-single .upload-item {
  margin: 8px;
}
.page-divided-upload--fixed-text {
  color: #FFFFFF;
  margin-bottom: 8px;
}
.upload-group + .upload-group {
  margin-top: 56px;
}
.upload-group-title {
  margin-bottom: 8px !important;
}
.uploading.upload-loading {
  position: relative;
  display: none;
  float: left;
  width: 105px;
  height: 89px;
  border-radius: 4px;
  border: 2px solid rgba(0, 188, 212, 0.24);
  color: rgba(0, 188, 212, 0.24);
  padding: 28px 16px;
  background: transparent;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  vertical-align: bottom;
  background: #FFFFFF;
  bottom: 0 !important;
  z-index: 100;
  border-radius: 4px;
}
.uploading.upload-loading .icon-svg:not(.spin) {
  fill: rgba(0, 188, 212, 0.24);
}
.uploading.upload-loading .icon-svg.spin {
  width: 50px;
  height: 50px;
  fill: #222222;
  position: absolute;
  top: 16px;
  left: 4px;
  transition: all 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.uploading.upload-loading:hover {
  background-color: transparent;
  color: #6131B4;
}
.upload-percent {
  margin: 0;
}
.uploader-label {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.upload-error .btn-upload {
  border: 2px solid #F44336;
  background: rgba(247, 127, 118, 0.4);
  color: #F44336;
}
.upload-error .btn-upload .icon-svg {
  fill: #F44336;
}
.upload-error .btn-upload:hover {
  background: #F44336;
}
.upload-multiple .btn-upload, .upload-multiple .upload-item {
  transition: none;
  display: inline-block;
  margin: 24px 8px 32px 8px;
}
.btn-delete .icon-svg {
  width: 10px;
  height: 8px;
  top: 8px;
  left: 0px;
  fill: #222222;
}
.btn-delete:hover .icon-svg {
  fill: #FFFFFF;
}
@media screen and (max-width: 1023px) {
  file-upload + file-upload .upload-single {
    margin-left: 0 !important;
  }

  file-upload {
    width: 100%;
  }

  .upload-group-item .upload-field {
    margin-left: 8px;
    margin-bottom: 8px;
  }

  .upload-group {
    margin-bottom: 24px;
  }
  .upload-group:first-child {
    margin-top: 40px;
  }
  .upload-group + .upload-group {
    margin-top: 0;
  }

  .upload-multiple + .upload-multiple {
    margin-right: 24px;
  }

  .upload-single {
    margin-right: 0;
    padding: 32px;
  }
  .upload-single .upload-item {
    margin: 0;
  }
  .upload-single .btn-upload {
    margin: 0;
  }

  .page-divided-upload--fixed-text {
    color: #222222;
  }

  .upload-multiple {
    width: 100%;
  }
  .upload-multiple .btn-upload, .upload-multiple .upload-item {
    transition: none;
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .upload-multiple {
    width: 100%;
    padding: 16px 16px;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .upload-multiple .btn-upload, .upload-multiple .upload-item {
    transition: none;
    display: inline-block;
    margin: 24px 8px;
  }
}
.calendar-fields .mat-input-ripple {
  display: none !important;
}
.calendar-fields .form-label {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
}
.form-input-calendar {
  margin: 0 !important;
}
.mat-calendar {
  background-color: #fff;
  width: 360px !important;
}
.mat-calendar-arrow {
  border-top-color: #222222;
}
.mat-calendar-header .mat-icon-button {
  padding: 0;
  min-width: 0;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  line-height: 40px;
  border-radius: 50%;
  background: #6131B4;
}
.mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-previous-button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 6.6px !important;
  color: white;
  border-top-width: 1px;
  border-left-width: 1px;
  transform: translateX(1px) rotate(-45deg);
}
.mat-calendar-next-button {
  margin-left: 20px !important;
  margin-right: 8px !important;
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-next-button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 6.6px !important;
  color: white;
  border-top-width: 1px;
  border-left-width: 1px;
  transform: translateX(-1px) rotate(45deg);
}
.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-table-header-divider {
  display: none !important;
}
.mat-calendar-table-header-divider:after {
  background: transparent;
}
.mat-calendar-table-header th {
  text-align: center;
  vertical-align: middle;
  height: 50px;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #7e868e;
}
.mat-calendar-body-label {
  padding: 0px !important;
  color: #FFFFFF !important;
}
.mat-calendar-body-cell-content {
  color: gray;
  border-color: transparent;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #7E868E;
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled) .mat-calendar-body-cell-content {
  color: #6131B4 !important;
  border-color: transparent;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #7E868E;
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled) .mat-calendar-body-cell-content:after {
  content: "";
  display: block;
  height: 4px;
  width: 4px;
  border-radius: 4px;
  background-color: #6131B4;
  position: absolute;
  top: 100%;
  left: 1px;
  margin: -10px auto 0;
  right: 0;
}
.mat-calendar-body-selected {
  border: none !important;
  background-color: #ECEDEE;
  color: #7E868E;
}
.mat-calendar-body-today {
  border: none !important;
  background-color: #ECEDEE;
}
.mat-datepicker-content {
  box-shadow: 0 4px 16px 0 rgba(9, 24, 39, 0.16) !important;
  background-color: #fff;
  display: inline-block !important;
  border-radius: 4px !important;
  overflow: hidden;
}
.mat-datepicker-content-touch {
  width: 100% !important;
  margin: 0px auto !important;
  display: block !important;
}
.mat-datepicker-toggle {
  background: none !important;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 40px !important;
  width: 40px !important;
  z-index: 1;
}
.mat-datepicker-toggle .mat-icon-button .mat-button-wrapper {
  display: none;
}
.mat-input-table {
  position: relative;
}
.mat-input-infix .form-label {
  font-family: "Roboto" !important;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.mat-input-infix .form-input {
  font-family: "Roboto" !important;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
}
.mat-input-infix .mdSuffix {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 40px;
  width: 40px;
}
.mat-input-infix .mdSuffix .mat-datepicker-toggle button {
  position: absolute;
  right: 0;
}
.mat-input-infix .mdSuffix .form-icon {
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  height: 32px;
  position: absolute;
}
.mat-input-infix .mdSuffix .icon-svg {
  height: 24px;
  width: 24px;
  margin: 3px 0 0;
  fill: #6131B4;
}
.mat-input-suffix {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  height: 40px;
  width: 50px !important;
}
.mat-input-underline {
  border-color: #FFFFFF;
}
.mat-button {
  padding: 0px !important;
  line-height: 0px !important;
}
.mat-button-wrapper {
  color: #222222;
  font-family: "Roboto" !important;
  padding: 0 4px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
}
.mat-button-focus-overlay {
  background-color: transparent !important;
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, 0.4);
}
.mat-calendar-body-today:not(.mat-calendar-body-today-selected) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.87);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.18);
}
@media screen and (max-width: 1023px) {
  .mat-input-container {
    width: 100%;
  }
  .mat-input-infix {
    width: 100%;
  }
  .mat-input-wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .mat-calendar {
    width: 100% !important;
    height: 100% !important;
  }
  .mat-calendar-body-cell-content:after {
    margin: -5px auto 0 !important;
  }
  .mat-dialog-container {
    padding: 0 24px !important;
  }
  .mat-input-infix .mdSuffix {
    width: 100%;
  }
  .mat-datepicker-toggle {
    width: 100% !important;
  }
}
.input-field .dropdown {
  z-index: 30;
  background: #FFFFFF;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  width: 100%;
}
.input-field .dropdown .dropdown-menu li {
  transition: all 0.25s ease;
}
.input-field .dropdown .dropdown-menu li:hover, .input-field .dropdown .dropdown-menu li.active {
  background: #EAE9F0;
}
.input-field .dropdown .dropdown-menu li a {
  width: 100%;
  padding: 8px;
  color: #222222;
  display: block;
}
.alert {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-left: 10px;
}
.alert--corner {
  margin-left: 0px;
}
.alert-icon {
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -12px;
  margin-left: -14px;
  width: 24px;
  height: 24px;
  z-index: 1;
}
.alert-icon svg {
  width: 24px;
  height: 24px;
}
.alert-content {
  height: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.alert-text {
  position: relative;
  opacity: 0;
  margin: 0px !important;
  transition: all 300ms ease-in-out;
}
.alert-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  transition: all 300ms ease-in-out;
}
.alert-warning {
  border-left: 4px solid #FFB300;
}
.alert-warning .alert-background {
  background-color: #fff3d6;
}
.alert.alert-animation {
  height: 0;
  transition: all 300ms ease-in-out;
}
.alert.alert-animation .alert-icon {
  transform: perspective(1px) translateZ(0);
  opacity: 0;
}
.alert.alert-animation .alert-icon:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  background: #fff;
  width: 60%;
  height: 100%;
  z-index: -1;
  border-radius: 50%;
  margin: 0 auto;
}
.alert.alert-animation.active {
  animation-name: alert-animation--border;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
.alert.alert-animation.active .alert-content {
  padding: 16px 24px;
}
.alert.alert-animation.active .alert-background {
  animation-name: alert-animation--background;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-delay: 0.4s;
}
.alert.alert-animation.active .alert-text {
  z-index: 1;
  animation-name: alert-animation--text;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-delay: 0.9s;
}
.alert.alert-animation.active .alert-icon {
  animation-name: alert-animation--icon;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
@keyframes alert-animation--icon {
  50% {
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
  }
}
@keyframes alert-animation--border {
  100% {
    height: auto;
    height: initial;
  }
}
@keyframes alert-animation--background {
  100% {
    width: 100%;
  }
}
@keyframes alert-animation--text {
  100% {
    opacity: 1;
  }
}
.checkout-line .alert-warning {
  margin-bottom: 0px;
}
/* Breakpoints */
@media screen and (max-width: 1023px) {
  .alert.alert-animation.active .alert-content {
    padding: 16px 16px 16px 24px;
  }
}
.carousel--full {
  padding-left: 100px;
  overflow: hidden;
  position: relative;
}
.carousel-item,
carousel-item {
  list-style: none;
  position: relative;
  outline: 0;
  cursor: pointer;
  margin-right: 1.8%;
  margin-bottom: 40px;
}
.carousel-item:last-child,
carousel-item:last-child {
  margin-right: 0;
}
.carousel-item:hover .carousel-item-container,
carousel-item:hover .carousel-item-container {
  transform: scale(1.02);
  -ms-box-shadow: 0 18px 35px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 18px 35px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 18px 35px 0 rgba(0, 0, 0, 0.3);
}
.carousel-link {
  outline: 0;
  text-decoration: none;
  color: #000;
}
.carousel-item-container {
  transition: all 0.2s ease;
  position: relative;
}
.carousel-item-image {
  width: 100%;
}
.carousel-item-time {
  position: absolute;
  top: 15px;
  right: 23px;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
}
.carousel-item-icon {
  height: 50%;
  width: 20%;
  position: absolute;
  top: 50%;
  left: 50%;
  fill: #fff;
  transform: translateX(-50%) translateY(-50%);
}
.carousel-item-title {
  margin-top: 20px;
}
.learn-carousel {
  margin-left: -16px;
}
.learn-carousel-item {
  width: 313px;
  display: inline-block;
  margin-right: 8px;
}
.learn-carousel-container {
  position: relative;
  margin-bottom: 16px;
}
.learn-carousel-image {
  width: 100%;
  display: inline !important;
}
.learn-carousel-time {
  position: absolute;
  top: 16px;
  left: 16px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 500;
}
.learn-carousel-progress {
  position: absolute;
  width: 100%;
  height: 5px;
  background: rgba(255, 255, 255, 0.4);
  bottom: 4px;
}
.learn-carousel-progress:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 5px;
  background-color: #00C898;
}
.learn-carousel-title {
  margin-bottom: 16px;
}
.slick-dots li {
  width: 12px;
  height: 12px;
}
.slick-dots li.slick-active button {
  background: #FFFFFF;
}
.slick-dots li button {
  width: 10px;
  height: 10px;
  background: none;
  border: 1px solid #FFFFFF;
  transition: all 0.25s ease;
}
.slick-dots li button:hover {
  background: #FFFFFF;
}
.slick-track,
.slack-list,
.slick-slider {
  -webkit-user-select: initial;
     -moz-user-select: initial;
          user-select: initial;
}
.slick-initialized .slick-slide {
  -webkit-user-select: initial;
     -moz-user-select: initial;
          user-select: initial;
}
/*------QUERIES------*/
@media screen and (max-width: 1023px) {
  .carousel--full {
    padding-left: 0px;
  }

  .carousel-item-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .carousel--full {
    padding-left: 35px;
  }
}
/*------QUERIES------*/
.slider-box .container {
  padding: 0px;
}
.slider-box .container > .col-xs-24 {
  padding: 0px;
}
.slider-full-width {
  display: block;
  padding: 96px 0;
}
.slider-full-width .slide-item {
  margin: 0;
  padding: 0;
}
.slider-full-width .slide-item--section {
  padding: 0 96px;
}
.slider-full-width .slide-item--section--container {
  max-width: 640px;
}
.slider-full-width .slick-prev,
.slider-full-width .slick-next {
  width: 48px;
  height: 48px;
  z-index: 70;
  -ms-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  -o-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  border-radius: 50%;
  transition: all 0.2 ease;
}
.slider-full-width .slick-prev {
  left: 8px;
  transition: all 0.4s ease;
}
.slider-full-width .slick-prev:before {
  content: "";
  background-color: #00ADD2;
  background-size: 50%;
  -webkit-mask-image: url("/assets/images/icons/arrows/icon_arrow_back.svg");
  mask-image: url("/assets/images/icons/arrows/icon_arrow_back.svg");
  width: 50%;
  height: 50%;
  top: 12px;
  left: 12px;
  position: absolute;
  background-size: 16px;
  transition: all 0.4s ease;
}
.slider-full-width .slick-prev:hover:before {
  left: 4px;
}
.slider-full-width .slick-next {
  right: 8px;
  transition: all 0.4s ease;
}
.slider-full-width .slick-next:before {
  content: "";
  background-color: #00ADD2;
  background-repeat: no-repeat;
  -webkit-mask-image: url("/assets/images/icons/arrows/icon_arrow_forward.svg");
  mask-image: url("/assets/images/icons/arrows/icon_arrow_forward.svg");
  width: 50%;
  height: 50%;
  top: 12px;
  left: 12px;
  position: absolute;
  transition: all 0.4s ease;
}
.slider-full-width .slick-next:hover:before {
  left: 18px;
}
.slider-full-width .slick-dots li button {
  background: transparent;
  border: 1px solid #FFFFFF;
}
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1023px) {
  .slider-full-width {
    padding: 32px 0 0;
    min-height: inherit;
  }
  .slider-full-width .slide-item {
    padding: 0px 24px;
  }
  .slider-full-width .slide-item--section {
    padding: 0;
  }
  .slider-full-width .slick-dots {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .slide-item--title {
    font-size: 24px;
    font-size: 1.5rem;
  }

  .slider-full-width .slide-item {
    padding: 0px 16px;
  }
  .slider-full-width .slick-prev,
.slider-full-width .slick-next {
    display: none !important;
  }
}
.page-head-container {
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
  .list-default-item {
    font-size: 18px;
    font-weight: 300;
  }

  .page-head-container {
    width: 90%;
    position: relative;
    top: 0%;
    left: 0;
    transform: none;
    margin-top: 32%;
  }
}
.header-investments {
  padding: 120px 0px 64px;
}
.header-investments-container {
  height: 77px;
  width: 100%;
  display: block;
}
.header-investments-container sticky {
  width: 100% !important;
}
.header-investments-box {
  display: inline-block;
  text-align: left;
  text-align: left;
  -moz-text-align-last: left;
  -webkit-text-align-last: left;
  text-align-last: left;
  vertical-align: middle;
}
.header-investments-value, .header-investments-label {
  display: inline-block;
}
.header-investments-label {
  text-transform: uppercase;
  margin-bottom: 0px !important;
}
.header-status {
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  border-radius: 50%;
}
.header-status--open {
  background: #00C898;
}
.header-status--closed {
  background: #F44336;
}
.header-status-title {
  display: inline-block;
  vertical-align: middle;
  margin-left: -4px;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
.header-stock-banner {
  max-height: 400px;
  overflow: hidden;
  margin-bottom: 104px;
}
.header-stock-info {
  position: absolute;
  width: 100%;
  top: 100px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all 0.3s ease;
}
.header-stock-info.active {
  z-index: 30;
  top: -20px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  transition: all 0.2s ease 0.3s;
}
.header-stock-info .header-stock-percent--icon {
  padding-right: 8px;
}
.header-stock-carousel {
  position: relative;
  z-index: 20;
  margin-top: 16px;
}
.header-stock-container {
  position: relative;
  margin-top: 56px;
}
.header-stock-content {
  position: absolute;
  z-index: 40;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  transition: all 0.5s ease 0.3s;
}
.header-stock-content.carousel-active {
  z-index: 20;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all 0.5s ease;
}
.header-stock-percent--icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.header-stock-percent--icon .icon-svg {
  fill: #00C898;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 7px;
}
.header-stock-percent--text {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0px;
  left: -5px;
  font-size: 14px;
  font-size: 0.875rem;
}
.header-stock-title {
  padding: 0px;
  margin: 0px;
  margin-bottom: 32px;
}
.header-stock-list {
  list-style: square;
  padding-left: 24px;
  margin-top: 24px;
}
.header-stock-list--item {
  line-height: 20px !important;
}
.header-stock-list--text {
  position: relative;
  top: -4px;
}
.header-title {
  float: none;
  display: inline-block;
  text-align: left;
  -moz-text-align-last: left;
  -webkit-text-align-last: left;
  text-align-last: left;
  vertical-align: middle;
}
.header-status {
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}
.header-status--open {
  background: #00C898;
}
.header-status--closed {
  background: #F44336;
}
.header-status-title {
  display: inline-block;
  vertical-align: middle;
}
.header-box {
  text-align: justify;
  -moz-text-align-last: justify;
  -webkit-text-align-last: justify;
  text-align-last: justify;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-stock-carousel .slick-list {
  overflow: visible;
  overflow: initial;
}
.header-stock-carousel .stock-card {
  max-width: 320px;
}
.header-stock-carousel .slick-dots {
  position: relative;
  margin-bottom: 52px;
}
.header-stock-carousel .slick-next,
.header-stock-carousel .slick-prev {
  background-color: #E7517E;
  width: 48px;
  height: 48px;
  z-index: 70;
  margin-top: -52px;
  -ms-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  -o-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  border-radius: 50%;
  transition: all 0.2s cubic-bezier(0.85, 0.49, 0.32, 0.96);
}
.header-stock-carousel .slick-next.slick-disabled,
.header-stock-carousel .slick-prev.slick-disabled {
  display: none !important;
}
.header-stock-carousel .slick-next.active, .header-stock-carousel .slick-next:focus,
.header-stock-carousel .slick-prev.active,
.header-stock-carousel .slick-prev:focus {
  background-color: #E7517E;
}
.header-stock-carousel .slick-next:hover,
.header-stock-carousel .slick-prev:hover {
  background-color: #ea678f;
}
.header-stock-carousel .slick-next:before,
.header-stock-carousel .slick-prev:before {
  content: "";
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: 50%;
  position: absolute;
  width: 50%;
  height: 50%;
  top: 12px;
  left: 12px;
  transition: all 0.4s ease;
}
.header-stock-carousel .slick-prev {
  left: -60px;
}
.header-stock-carousel .slick-prev:hover:before {
  left: 4px;
}
.header-stock-carousel .slick-prev:before {
  -webkit-mask-image: url("/assets/images/icons/arrows/icon_arrow_back.svg");
  mask-image: url("/assets/images/icons/arrows/icon_arrow_back.svg");
}
.header-stock-carousel .slick-next {
  right: -60px;
}
.header-stock-carousel .slick-next:hover:before {
  left: 18px;
}
.header-stock-carousel .slick-next:before {
  -webkit-mask-image: url("/assets/images/icons/arrows/icon_arrow_forward.svg");
  mask-image: url("/assets/images/icons/arrows/icon_arrow_forward.svg");
}
.primary-color .header-stock-carousel .slick-next,
.primary-color .header-stock-carousel .slick-prev {
  background-color: #1F073B;
}
.primary-color .header-stock-carousel .slick-next:hover,
.primary-color .header-stock-carousel .slick-prev:hover {
  background-color: #370c69;
}
.primary-color .header-stock-carousel .slick-next.active, .primary-color .header-stock-carousel .slick-next:focus,
.primary-color .header-stock-carousel .slick-prev.active,
.primary-color .header-stock-carousel .slick-prev:focus {
  background-color: #1F073B;
}
@media screen and (max-width: 1023px) {
  .header-investments {
    padding: 80px 0px 0px;
  }
  .header-investments-container {
    height: 165px;
  }
  .header-investments-box {
    width: 100%;
  }
  .header-stock-list {
    display: none;
  }
  .header-stock-container {
    margin-top: 32px;
  }
  .header-stock-title {
    margin-top: 16px;
    margin-bottom: 24px;
  }
  .header-stock-percent {
    margin-top: 0;
    margin-bottom: 24px;
  }
  .header-stock-banner {
    height: inherit;
    min-height: inherit;
    max-height: inherit;
    margin: 0px;
  }
  .header-stock-subtitle {
    margin-bottom: 8px;
  }
  .header-stock-info--title {
    line-height: 28px;
  }
  .header-stock-info--subtitle {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .header-stock-button {
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .header-stock-button .btn {
    margin-bottom: 0px;
  }
  .header-box {
    display: block;
  }
}
.header-stocks {
  padding: 112px 0px 32px;
}
.header-stocks-box {
  display: inline-block;
  text-align: left;
  text-align: left;
  -moz-text-align-last: left;
  -webkit-text-align-last: left;
  text-align-last: left;
  vertical-align: middle;
}
.header-stocks-link {
  margin-top: 24px;
}
.top-header {
  background-color: #F8F6FB;
  padding: 75px 16px 32px 16px;
}
.top-header--container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.top-header--title {
  display: inline-block;
}
.top-header--stock {
  background-color: #F8F6FB;
  padding: 107px 0 40px;
  margin-bottom: 0px;
  width: 100%;
}
.top-header--stock-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.top-header--stock-title {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
.top-header--stock-title > * {
  margin-bottom: 0px !important;
}
.top-header--stock-buttons {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
.top-header--ticker {
  padding-left: 16px;
}
.top-header--go-back {
  margin: 16px 0;
}
.top-header--breadcrumb {
  margin-bottom: 8px;
}
.top-header--buttons * + * {
  margin-left: 24px;
}
.top-header--line {
  margin-bottom: 8px;
}
.top-header--label {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.top-header--text {
  text-align: right;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
}
.top-header--text .high,
.top-header--text .low {
  display: none;
}
.top-header--text.high {
  color: #00C898;
}
.top-header--text.high .high {
  display: inline;
}
.top-header--text.low {
  color: #F44336;
}
.top-header--text.low .low {
  display: inline;
}
.top-header--status {
  margin-top: 8px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
}
.top-header--link {
  margin-top: 24px;
}
.top-header--link .link {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.top-header--link:last-child {
  padding-bottom: 24px;
}
.top-header--link-analysis {
  margin-left: 16px;
}
.top-header--link-analysis .link {
  margin-bottom: 0px;
}
.top-header--mobile-title {
  display: inline-block;
  width: 100%;
  margin-bottom: 0px !important;
}
.top-header--mobile-title-name {
  float: left;
}
.top-header--mobile-title-stock {
  float: right;
  margin-top: 12px;
  margin-bottom: 0px !important;
}
.top-header--mobile-value {
  float: left;
  margin-bottom: 0px !important;
}
.top-header--mobile-stock {
  float: right;
}
.top-header--mobile-variation {
  float: left;
  margin-left: 8px;
  margin-bottom: 0px !important;
}
.top-header--mobile-variation.high {
  color: #00C898;
}
.top-header--mobile-variation.high .low {
  display: none;
}
.top-header--mobile-variation.low {
  color: #F44336;
}
.top-header--mobile-variation.low .high {
  display: none;
}
.top-header--mobile-result {
  margin-bottom: 0px;
}
.top-head {
  padding-top: 16px;
}
.top-head--observation {
  display: block;
  width: 100%;
}
.top-head--observation .btn {
  margin-bottom: 0px;
}
@media screen and (min-width: 1024px) {
  .info-header .btn + .btn {
    margin-left: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .top-header {
    margin-bottom: 32px;
  }
  .top-header--buttons * + * {
    margin-left: 0px;
  }
  .top-header--stock {
    padding: 64px 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .top-head--observation {
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 768px) {
  .top-header--bar {
    background-color: #1F073B;
    color: #FFFFFF;
    padding: 26px 0 29px;
  }
  .top-header--bar-flex, .top-header--bar-left, .top-header--bar-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .top-header--bar-right {
    text-align: right;
  }
  .top-header--bar-label, .top-header--bar-value {
    margin: 0px !important;
    display: block !important;
  }
  .top-header--bar-item + .top-header--bar-item {
    margin-left: 48px;
  }
}
@media screen and (max-width: 767px) {
  .top-header {
    padding: 56px 0 16px;
  }
  .top-header--bar {
    padding: 24px 0 0;
  }
  .top-header--bar-label {
    color: #7E868E;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
  }
  .top-header--bar-value {
    float: right;
    text-align: right;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
  }
  .top-header--bar-item {
    margin-bottom: 24px;
    display: block;
    width: 100%;
  }
  .top-header--title {
    margin-right: 0px;
    margin-bottom: 24px;
  }
  .top-header--title .font-hero--bold, .top-header--title .box-more-info-last-video h1, .box-more-info-last-video .top-header--title h1 {
    margin-bottom: 0;
  }
  .top-header--title-name {
    margin: 0px !important;
  }
  .top-header--title-stock {
    font-size: 14px !important;
  }
  .top-header--buttons {
    display: inline-block;
    width: 100%;
    margin: 24px 0 0;
    padding-bottom: 16px;
  }
  .top-header--buttons.top-header--buttons-not-plainned {
    margin: 8px 0 0 !important;
  }
  .top-header--stock {
    padding-bottom: 16px;
  }
  .top-header--stock-title {
    margin-bottom: 8px;
  }
  .top-header--mobile-result {
    margin-bottom: 0px !important;
  }
  .top-head--observation {
    padding-bottom: 8px;
  }
}
/* Banner Hero */
.banner {
  height: 100%;
  position: relative;
  /* after menu */
  /* banner full */
  /* filtro escuro */
  /* container */
}
.banner.after-menu {
  padding-top: 80px;
}
.banner.full {
  min-height: 100vh;
}
.banner.backdrop:after {
  content: "";
  display: block;
  background-color: rgba(9, 24, 39, 0.7);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 10;
}
.banner-container {
  height: 100%;
  padding: 80px 0;
  z-index: 20;
  position: relative;
  /* container align middle */
}
.banner-container-align {
  padding: 0;
  display: table;
  width: 100%;
  height: 100%;
}
.banner-container-align--middle {
  vertical-align: middle;
  display: table-cell;
}
.banner-title {
  color: #FFFFFF;
}
.banner-title-icon .icon-svg {
  fill: #00C898;
  width: 28px;
  height: 28px;
}
.banner-text {
  color: #FFFFFF;
}
.banner-overtext {
  position: absolute;
}
.banner-overtext--link {
  margin-left: -9px;
}
.banner-link {
  padding-top: 0;
  position: relative;
  z-index: 40;
}
.banner-description {
  padding-top: 40px;
}
.banner-values {
  padding-top: 32px;
}
.banner-values + .banner-values {
  padding-top: 0px;
}
.banner-values--label {
  margin-bottom: 0px !important;
}
.banner-flex {
  display: flex;
}
.banner-flex--middle {
  align-items: center;
}
.banner-flex--center {
  justify-content: center;
}
.banner-cta-footer {
  z-index: 20;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}
/* Cards */
.banner-card-align {
  padding-top: 80px;
}
/* Info */
.banner-info {
  padding-top: 64px;
}
.banner-info-title {
  margin-bottom: 24px;
}
/* With CTA */
.banner-cta {
  background: url("/assets/images/temp/banner-cta.jpg") no-repeat top center;
  background-size: cover;
  background-attachment: fixed;
  -ms-box-shadow: inset 0px -1048px 1048px rgba(0, 0, 0, 0.8);
  -o-box-shadow: inset 0px -1048px 1048px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0px -1048px 1048px rgba(0, 0, 0, 0.8);
}
.banner-button-cta {
  padding: 16px 0;
}
/* Align middle */
.banner--middle {
  background-color: #222222;
  background: url("/assets/images/temp/banner-full.jpg") no-repeat center center;
  background-size: cover;
  padding: 112px 0;
  position: relative;
}
.banner--middle .container {
  position: relative;
  z-index: 1;
}
.banner--middle:before {
  content: "";
  width: 100%;
  position: absolute;
  height: 100%;
  background: #222222;
  top: 0px;
  left: 0px;
  opacity: 0.76;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.76)";
}
.banner--middle-title {
  padding-bottom: 16px;
}
.banner--middle-text {
  padding-bottom: 32px;
}
/* Media Queries */
@media (max-width: 1439px) {
  .banner-container {
    padding: 40px 0 64px;
  }
}
@media (max-width: 1023px) {
  .banner.full.auto-height-sm {
    height: auto;
  }
  .banner-overtext {
    position: relative;
    left: 0px;
  }
  .banner-values {
    padding: 0px;
  }
  .banner-link {
    padding: 0 !important;
    margin: 8px 0 32px !important;
  }
  .banner-investments {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .banner-investments .banner--full-container {
    padding: 0px;
  }
  .banner-container-align {
    padding-top: 0 !important;
  }
  .banner-title {
    margin-bottom: 24px 0;
  }
  .banner-actions {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .banner.full.auto-height-xs {
    height: auto;
  }
  .banner-container {
    padding: 16px 0 40px;
  }
  .banner .card-item {
    margin-top: 24px;
  }
  .banner-flex {
    padding-top: 80px;
  }
}
/* Media Queries for height*/
@media (max-height: 831px) {
  .banner.full.auto-height-xs {
    height: auto;
  }
  .banner .card-item {
    margin-top: 24px;
  }
}
.banner-full-height {
  min-height: 100vh;
  position: relative;
}
.banner-full-width {
  width: 100%;
  padding: 20vh 5vw;
}
.banner-fluid {
  width: 100%;
  padding: 0 5vw;
}
.banner-full-title {
  margin-bottom: 16px;
}
/*------QUERIES------*/
@media screen and (max-width: 1023px) {
  .banner-full-width {
    width: 100%;
    padding: 40px 16px;
    height: auto;
  }
}
/*------QUERIES------*/
.card-item {
  background-color: #FFFFFF;
  box-shadow: 0px 1px 8px 0 rgba(9, 24, 39, 0.16);
}
.card-item--transparent {
  background-color: transparent;
}
.card-item--transfer .card-box-value {
  margin-bottom: 16px;
}
.card-item--simulation-title {
  color: #222222;
  margin-bottom: 24px;
}
.card-item--invest .list {
  padding: 0 0 16px 0;
}
.card-item--doubt .card-container {
  height: 100%;
  padding-bottom: 72px;
}
.card-item--doubt .card-footer {
  position: absolute;
  bottom: 40px;
}
.card-box--divider {
  margin: 24px 0;
  height: 1px;
  background: #d7dadc;
  border: none;
}
.card-box-value {
  display: inline-block;
  margin: 8px 0;
}
.card-box-value + .card-box-value {
  margin-left: 56px;
}
.card-box-value.no-margin-bottom {
  margin-bottom: 0 !important;
}
.card-box-value.card-box-inline {
  display: inline-block;
  width: 48%;
  margin-left: 0;
}
.card-box-value-legend {
  color: #7E868E;
  margin-bottom: 4px !important;
}
.card-box-value-legend.font-black-color--darker {
  color: #000;
}
.card-box-value-number {
  margin: 0 !important;
  font-size: 16px;
  font-size: 1rem;
}
.card-box-value-container .container-align--middle {
  display: table-cell;
}
.card-box--invest {
  margin-bottom: 24px !important;
}
.card-box--footer-item {
  margin-top: 16px;
}
.card-box--footer-item [class*=font] {
  margin-bottom: 0;
}
.card-box--footer-item .container-align--middle {
  display: table-cell;
}
.card-box--footer-item-list {
  margin-top: 32px;
}
.card-container {
  padding: 40px;
  position: relative;
}
.card-container .accordion__content {
  padding-bottom: 0px;
}
.card-nav--block {
  margin-top: 16px;
}
.card-nav--block .card-nav-item {
  margin-top: 32px;
}
.card-nav--block .card-nav-item:first-child {
  margin-top: 0;
}
.card-nav--inline .card-nav-item {
  display: inline-block;
  margin-left: 48px;
}
.card-nav--inline .card-nav-item:first-child {
  margin-left: 0;
}
.card-nav-link {
  color: #6131B4;
  text-decoration: none;
  font-weight: 500;
}
.card-nav-link + .card-nav-link {
  margin-left: 40px;
}
.card-nav-link-text {
  padding-bottom: 1px;
  border-bottom: 1.5px solid #6131B4;
}
.card-nav-link:hover {
  color: #DBC7FF;
}
.card-nav-link:hover .card-nav-link-text {
  border-bottom-color: #DBC7FF;
}
.card-nav-link:hover .card-nav-link-icon .icon-svg {
  fill: #DBC7FF;
}
.card-text [class*=font-text] {
  margin-bottom: 0;
}
.card-text h3 {
  margin-bottom: 24px;
}
.card-cta-title {
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 700;
  margin-bottom: 32px;
}
.card-cta text {
  margin-bottom: 64px;
}
.card-company-logo {
  margin-bottom: 8px;
}
.card-company-name {
  margin-bottom: 16px;
}
.card-buttons {
  margin: 48px 0;
}
.card-buttons .btn {
  margin-right: 24px;
}
.card-buttons:last-child {
  margin-bottom: 0;
}
.card-highlight {
  background-color: #ECEDEE;
  padding: 40px;
  margin: 32px 0;
}
.card-checkbox {
  margin: 0;
}
.card-checkbox .checkbox-label {
  font-weight: 500;
}
.card-checkbox .checkbox-input:after {
  background-color: #ECEDEE;
}
.cards-container {
  overflow: hidden;
}
.cards-container .slick-dots li {
  margin: 2px;
}
.cards-container .slick-dots li button {
  border: 1px solid #6131B4;
  background: #6131B4;
}
.cards-container .slick-dots li.slick-active button {
  border: 1px solid #330066;
  background: #330066;
}
.cards-container--doubt {
  margin-top: 32px;
  margin-left: -22px;
}
.cards-container--doubt .slick-list {
  overflow: unset;
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .checkout-observation .card-box-value {
    margin: 8px 0;
    width: 50%;
    margin-left: 0px !important;
    display: block;
    float: left;
  }
}
@media screen and (max-width: 1439px) {
  .card-box-value {
    margin: 8px 0;
  }
  .card-box-value + .card-box-value {
    margin-left: 40px;
  }
  .card-box-value.card-box-inline {
    width: 43%;
  }

  .card-item--transfer .card-container {
    padding: 32px;
  }
  .card-item--transfer .card-box-value-number {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .card-item--transfer .card-nav {
    margin-top: 24px;
  }

  .card-item--invest .card-container {
    padding: 32px;
  }
}
@media screen and (max-width: 1023px) {
  .card-box-value {
    margin: 0 0 24px;
    width: 100%;
  }
  .card-box-value + .card-box-value {
    margin-left: 0px;
  }

  .cards-container--doubt {
    margin-top: 0;
  }

  .card-item--simulation .card-container {
    padding: 24px 16px;
  }

  .card-text {
    margin: 24px 0 0 0;
  }

  .card-cta-title {
    margin-bottom: 32px;
  }

  .card-cta-text {
    margin-bottom: 40px;
  }

  .card-box-value-number {
    margin-bottom: 0px !important;
  }

  .card-investments .card-container {
    padding: 24px 16px 0px;
  }
  .card-investments .card-box-value {
    margin-bottom: 24px;
  }
  .card-investments .card-box-value-legend {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 767px) {
  .card-nav-link {
    display: block;
  }
  .card-nav-link + .card-nav-link {
    margin-left: 0;
    margin-top: 8px;
  }

  .card-item--transparent .card-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .card-company-name {
    margin-bottom: 32px;
  }

  .card-box-value--border-xs {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #EAE9F0;
  }

  .card-box-value {
    margin: 0 0 16px;
  }

  .card-item--simulation-title {
    color: #222222;
    margin-bottom: 8px;
  }

  .card-item--doubt .card-container {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 24px;
  }
  .card-item--doubt .card-footer {
    bottom: 10px;
  }
}
.box-info-icon {
  position: relative;
  width: 40px;
  height: 40px;
  display: block;
  margin-bottom: 16px;
}
@media screen and (max-width: 1023px) {
  .box-info {
    margin-bottom: 56px;
  }
  .box-info.last {
    margin-bottom: 0;
  }

  .box-info-text {
    margin-bottom: 16px;
  }
}
.list {
  padding: 24px 0;
  margin: 0;
  list-style: none;
}
.list-item {
  padding-left: 24px;
  margin-top: 16px;
  position: relative;
}
.list-item:first-child {
  margin-top: 0;
}
.list-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background-color: #6131B4;
}
.list--vertical {
  padding: 0;
}
.list-item {
  padding-left: 24px;
  margin-top: 16px;
  position: relative;
}
.list-item:first-child {
  margin-top: 0;
}
.list-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  background-color: #E7517E;
}
.card-box-value .list-item {
  margin-bottom: 24px;
}
.list--dark .list-item {
  color: #222222;
}
.list--light .list-item {
  color: #FFFFFF;
}
.list-progress {
  position: relative;
}
.list-progress:before {
  content: "";
  position: absolute;
  height: calc(100% - 16px);
  width: 2px;
  background-color: #EAE9F0;
  left: 7px;
  top: 8px;
}
.list-progress-item {
  margin-top: 48px;
  padding-left: 32px;
  position: relative;
}
.list-progress-item:first-child {
  margin: 0;
}
.list-progress-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  left: 0;
}
.list-progress-icon .icon-svg {
  fill: #FFFFFF;
  width: 16px;
  height: 16px;
}
.list-progress-text {
  margin-top: 8px;
}
.list-progress-text-item {
  margin-bottom: 16px;
}
.list-progress-status--default .list-progress-icon {
  border: 2px solid #EAE9F0;
  background-color: #FFFFFF;
}
.list-progress-status--default .list-progress-title {
  color: #7E868E;
  font-weight: normal;
}
.list-progress-status--alert .list-progress-icon {
  background-color: #6131B4;
}
.list-progress-status--alert .list-progress-title {
  color: #6131B4;
}
.list-progress-status--error .list-progress-icon {
  background-color: #F44336;
}
.list-progress-status--error .list-progress-title {
  color: #F44336;
}
.list-progress-status--success .list-progress-icon {
  background-color: #00C898;
}
.list-progress-status--success .list-progress-title {
  color: #00C898;
}
.list-progress-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}
/* List of Benefits */
.list-bullets {
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 16px;
}
.list-bullets li + li {
  margin-top: 8px;
}
.filter {
  overflow: hidden;
  padding-bottom: 70px;
}
.filter-container {
  position: relative;
}
.filter-label {
  margin-bottom: 0px !important;
}
.filter-box {
  height: 102px;
  display: block;
  width: 100%;
}
.filter-sticky {
  top: 0;
  z-index: 60 !important;
  position: relative;
  transition: all 0.5s ease;
}
.filter-sticky.sticky .filter-form-simulation--category {
  display: block;
}
.filter-bar {
  background-color: #222222;
  padding: 0px;
}
.filter-bar--form {
  float: left;
}
.filter-bar--button {
  float: right;
}
.filter-link {
  color: #6131B4;
  position: relative;
  padding-left: 32px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  margin-top: 14px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}
.filter-options {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background: #FFFFFF;
  padding: 48px 0;
}
.filter-options-title {
  margin-bottom: 48px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}
.filter-options-items {
  margin-bottom: 60px;
}
.filter-bar-product {
  padding: 24px 0;
  border-bottom: 2px solid #dcdfe0;
}
@media (max-width: 1023px) {
  .form-simulation--inline .md2-select {
    width: 100%;
  }

  .filter-sticky {
    z-index: 50;
  }

  .filter-bar {
    background: #FFFFFF;
    padding: 16px 0;
    border-bottom: 1px solid #EAE9F0;
  }
  .filter-bar--form {
    width: 100%;
    float: none;
  }
  .filter-bar--button {
    width: 100%;
    float: none;
  }
  .filter-bar .form-simulation-group {
    margin: 0px;
  }

  .filter-box {
    height: 68px;
  }
}
.md2-accordion-tab-body {
  overflow: inherit !important;
  display: none;
  transition: all 0.2s ease;
}
.md2-accordion-tab-active .md2-accordion-tab-body {
  display: block;
}
.accordion-group .accordion-card + .accordion-card {
  margin-top: 32px;
}
.accordion-group .accordion-card:hover .accordion-header {
  color: #6131B4;
}
.accordion-group .md2-accordion-tab-active .accordion-card + .accordion-card {
  margin-top: 32px;
}
.accordion-group .md2-accordion-tab-active .accordion-card:hover .accordion-header {
  color: #330066;
}
.accordion-header {
  cursor: pointer;
  position: relative;
  transition: all 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.accordion-header--info {
  padding-top: 8px;
}
.accordion-header--logo {
  float: left;
}
.accordion-header--logo img {
  max-height: 80px;
}
.accordion-header--title {
  transition: all 0.3s ease-in-out;
}
.accordion-header--title span {
  display: block;
  float: left;
  width: 85%;
}
.accordion-header--top {
  display: inline-block;
  width: 100%;
  position: relative;
}
.accordion-header--icon .btn {
  position: relative;
  right: inherit;
  bottom: inherit;
  width: 100%;
  margin: 0px;
}
.accordion-header:hover .product-table-item--title .font-text--regular, .accordion-header:hover .product-table-item--title .tracking-page--option, .accordion-header:hover .product-table-item--title .table-default-col--body, .accordion-header:hover .product-table-item--wallet .panel.panel-default .panel-heading .product-table-item--title span, .product-table-item--wallet .panel.panel-default .panel-heading .accordion-header:hover .product-table-item--title span, .accordion-header:hover .product-table-item--title .product-table-item--wallet .product-table-item--header-info .product-table-content .product-table-item--title, .product-table-item--wallet .product-table-item--header-info .product-table-content .accordion-header:hover .product-table-item--title .product-table-item--title, .accordion-header:hover .product-table-item--title .box-more-info-last-video p, .box-more-info-last-video .accordion-header:hover .product-table-item--title p, .accordion-header:hover .product-table-item--title .form-simulation--inline .input-field .form-input, .form-simulation--inline .input-field .accordion-header:hover .product-table-item--title .form-input, .accordion-header:hover .product-table-item--title .input-filter, .accordion-header:hover .product-table-item--title .form-textarea, .accordion-header:hover .product-table-item--title .page-divided-upload--fixed-text {
  font-weight: 700;
}
.accordion-item {
  width: 100%;
  float: left;
}
.accordion-content {
  width: 100%;
  float: left;
  transition: all 0.4s ease;
}
.accordion-lg.accordion--expand {
  padding: 0px;
}
.accordion-lg.accordion--expand .accordion-content {
  padding: 0px;
}
.accordion-lg.accordion--expand .accordion-header {
  padding: 64px;
}
.accordion-lg .accordion-details {
  padding-bottom: 64px;
}
.accordion-lg .accordion-header {
  margin-bottom: 0px !important;
  padding: 64px;
}
.accordion-lg .accordion-header--info {
  display: inline-block;
  width: 100%;
  margin: 16px 0 0;
}
.accordion-lg .accordion-header--logo {
  padding-right: 96px;
}
.accordion-lg .accordion-header--title {
  padding-right: 96px;
}
.accordion-lg .accordion-content {
  padding: 0 64px 64px;
}
.accordion-md {
  padding: 40px;
}
.accordion-md.accordion--expand {
  padding: 0px;
}
.accordion-md.accordion--expand .accordion-content {
  padding: 0px;
}
.accordion-md.accordion--expand .accordion-header {
  padding: 24px 40px;
  margin-bottom: 0px !important;
}
.accordion-md .accordion-details {
  padding-top: 0px;
  padding-bottom: 24px;
}
.accordion-md .accordion-container {
  padding: 0px 40px;
}
.accordion-md .accordion-header {
  margin-bottom: 0px !important;
}
.accordion-md .accordion-header--subtitle {
  display: block;
  width: 100%;
  margin-top: 0px;
}
.accordion-md .accordion-header--icon .icon-svg {
  width: 24px;
  height: 24px;
}
.accordion-md .accordion-header--logo {
  padding-right: 64px;
}
.accordion-md .accordion-header--title {
  padding-right: 64px;
}
.accordion-md .accordion-btn {
  margin-top: 24px;
}
.accordion-md .accordion-content {
  padding: 16px 0 0 0;
}
.accordion-md .checkout-observation {
  padding: 16px 40px;
}
.accordion-sm.accordion--expand {
  padding: 0px;
}
.accordion-sm.accordion--expand .accordion-content {
  padding: 0px;
}
.accordion-sm.accordion--expand .accordion-header {
  padding: 24px 16px;
}
.accordion-sm .accordion-details {
  padding-bottom: 24px;
}
.accordion-sm .accordion-header {
  padding: 24px 16px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}
.accordion-sm .accordion-header--title {
  padding-right: 32px;
}
.accordion-sm .accordion-content {
  padding: 0 16px 24px;
}
.accordion-card {
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
}
.accordion-border {
  border-width: 0px !important;
}
.accordion-border + .accordion-border {
  margin-top: 0px;
  border-top-width: 2px !important;
  border-top-style: solid;
}
.accordion-border:last-child {
  margin-bottom: 0px;
}
.accordion-border:last-child .accordion-header {
  padding-bottom: 0px;
}
.accordion-border:not(.accordion-warning) .accordion-header {
  padding-left: 0px;
  padding-right: 0px;
}
.accordion-border--lighten {
  border-top-color: #EAE9F0;
  border-bottom-color: #EAE9F0;
}
.accordion-border--darken {
  border-top-color: rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(255, 255, 255, 0.16);
}
.accordion-border--darken.md2-accordion-tab-active .accordion-header {
  color: #6131B4;
  padding-bottom: 16px !important;
  margin-bottom: 0px !important;
}
.accordion-border--darken.md2-accordion-tab-active:hover .accordion-header--title {
  color: #330066;
}
.accordion-border--darken.md2-accordion-tab-active:hover .accordion-header--icon .icon-svg {
  fill: #330066;
}
.accordion-border--darken .accordion-header--icon [icon=icon_expand_more] .icon-svg {
  fill: #FFFFFF;
}
.accordion-border--darken .accordion-content,
.accordion-border--darken .accordion-header--info,
.accordion-border--darken .accordion-header--title {
  transition: all 0.3s ease-in-out;
}
.accordion-border--darken:hover .accordion-header--title {
  color: #6131B4;
}
.md2-accordion-tab-active .accordion-header--title {
  color: #6131B4;
}
.md2-accordion-tab-active .accordion-header .product-table-item--title .font-text--regular, .md2-accordion-tab-active .accordion-header .product-table-item--title .tracking-page--option, .md2-accordion-tab-active .accordion-header .product-table-item--title .table-default-col--body, .md2-accordion-tab-active .accordion-header .product-table-item--wallet .panel.panel-default .panel-heading .product-table-item--title span, .product-table-item--wallet .panel.panel-default .panel-heading .md2-accordion-tab-active .accordion-header .product-table-item--title span, .md2-accordion-tab-active .accordion-header .product-table-item--title .product-table-item--wallet .product-table-item--header-info .product-table-content .product-table-item--title, .product-table-item--wallet .product-table-item--header-info .product-table-content .md2-accordion-tab-active .accordion-header .product-table-item--title .product-table-item--title, .md2-accordion-tab-active .accordion-header .product-table-item--title .box-more-info-last-video p, .box-more-info-last-video .md2-accordion-tab-active .accordion-header .product-table-item--title p, .md2-accordion-tab-active .accordion-header .product-table-item--title .form-simulation--inline .input-field .form-input, .form-simulation--inline .input-field .md2-accordion-tab-active .accordion-header .product-table-item--title .form-input, .md2-accordion-tab-active .accordion-header .product-table-item--title .input-filter, .md2-accordion-tab-active .accordion-header .product-table-item--title .form-textarea, .md2-accordion-tab-active .accordion-header .product-table-item--title .page-divided-upload--fixed-text {
  font-weight: 700;
}
.md2-accordion-tab-active .accordion-content {
  height: auto;
  overflow: inherit;
  transition: all 0.4s ease;
}
.accordion-warning {
  background-color: #fff3d6;
}
.md2-accordion-tab-active.accordion-border--darken .accordion-header--title {
  color: #6131B4;
}
.accordion-item .md2-accordion-header {
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  color: inherit !important;
  align-items: inherit !important;
  line-height: inherit !important;
  max-height: inherit !important;
  padding: 0px !important;
  white-space: normal !important;
}
.md2-accordion-header-icon {
  display: none !important;
}
.md2-accordion-tab-content {
  padding: 0px !important;
  border-bottom: none !important;
}
/*
--------------------------------------------
Product
--------------------------------------------
*/
.product-table {
  padding-top: 40px;
}
.product-table-pagination {
  padding: 16px 0 48px;
}
.product-table-header {
  border-bottom: 1px solid #ECEDEE;
  padding: 0 24px 24px;
  margin-bottom: 16px;
}
.product-table-header-item {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #7E868E;
}
.product-table-item {
  transition: all 0.2s ease;
  overflow: hidden;
  position: relative;
}
.product-table-item .panel-default:hover,
.product-table-item .panel-default.dropup {
  box-shadow: 0 4px 16px 0 rgba(8, 25, 43, 0.16);
}
.product-table-item .panel-default:hover .product-table-item--button,
.product-table-item .panel-default.dropup .product-table-item--button {
  background-color: #6131B4;
  color: #FFFFFF;
}
.product-table-item .panel-default:hover .product-table-item--button:hover,
.product-table-item .panel-default.dropup .product-table-item--button:hover {
  background-color: #330066;
}
.product-table-item--label {
  color: #7E868E;
}
.product-table-item--link {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.product-table-item--relative {
  position: relative;
}
.product-table-item--value {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
}
.product-table-item--value-detail {
  opacity: 0;
  color: #7E868E;
  display: block;
  margin: 4px 0 0;
  position: absolute;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  transition: opacity 0.3s ease-in-out;
}
.product-table-item--title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  position: relative;
}
.product-table-item--title .popover-link {
  position: absolute;
}
.product-table-item--more-info {
  text-align: right;
}
.product-table-item-more, .product-table-item-less {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: -16px;
  opacity: 0;
  margin-bottom: 0px !important;
  cursor: pointer;
  transition: all 0.3s ease-out 0.1s;
}
.product-table-item .product-box--label {
  position: absolute;
  top: 24px;
  left: 24px;
}
.product-table-item .panel-heading {
  padding: 48px 24px;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  color: inherit !important;
  align-items: inherit !important;
  line-height: inherit !important;
  max-height: inherit !important;
  white-space: normal !important;
  position: relative;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
  .product-table-item .panel-heading {
    padding: 16px;
  }
}
.product-table-item .panel-default {
  margin-bottom: 24px;
  border-bottom: 1px solid #ECEDEE;
  transition: all 0.3s ease-in-out;
}
.product-table-item .panel-default.dropup {
  padding-bottom: 32px;
}
.product-table-item .panel-default.dropup .product-table-item--button {
  background-color: #6131B4;
  color: #FFFFFF;
}
.product-table-item .panel-default.dropup .product-table-item--button:hover {
  background-color: #330066;
}
.product-table-item .panel-default:hover .product-table-item-more {
  margin-bottom: 0px !important;
  bottom: 16px;
  opacity: 1;
}
.product-table-item .panel-default.dropup .product-table-item-more {
  margin-bottom: 0px !important;
  bottom: -16px;
  opacity: 0;
}
.product-table-item .panel-default.dropup .product-table-item--value {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}
.product-table-item .panel-default.dropup .panel-heading .product-table-item--value {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}
.product-table-item .panel-default.dropup .product-table-item--value-detail {
  opacity: 1;
}
.product-table-item .panel-default.dropup .product-table-item-less {
  bottom: -16px;
  opacity: 1;
  margin-bottom: 0px !important;
}
.product-table-content {
  display: inline-block;
  width: 100%;
  position: relative;
  border-top: 1px solid #ECEDEE;
  padding: 32px 24px 24px;
}
.product-table-content .product-table-item--label {
  margin-bottom: 4px;
}
.product-table-content--title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 16px;
}
.product-table-content .accordion-border {
  border-top-width: 1px !important;
  border-top-color: #ECEDEE;
  border-top-style: solid;
}
.product-table-content .accordion-border + .accordion-border {
  border-top-width: 1px !important;
  border-top-color: #ECEDEE;
}
.product-label {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  display: inline-block;
  padding: 1px 4px;
  margin-bottom: 4px;
  text-transform: uppercase;
}
/*
--------------------------------------------
Accordion - Wallets
--------------------------------------------
*/
.product-table-item--wallet .panel-body > .product-table-content {
  padding: 16px 0px 24px;
}
.product-table-item--wallet .panel-body > .product-table-content .product-table-content--title {
  padding: 0px 24px 16px;
  border-bottom: 1px solid #ECEDEE;
}
.product-table-item--wallet .panel-body > .product-table-content .accordion-group {
  padding: 0px 24px;
}
.product-table-item--wallet .panel-body > .product-table-content .accordion-border:first-child {
  border-top: none !important;
}
.product-table-item--wallet .product-table-item--header-info {
  background-color: #FFFFFF;
}
.product-table-item--wallet .product-table-item--header-info .product-table-content {
  padding-top: 0;
  padding-bottom: 40px;
  border: none;
}
.product-table-item--wallet .product-table-item--header-info .product-table-content .accordion-header--icon {
  margin-top: 16px;
}
.product-table-item--wallet .panel.panel-default .product-table-item-more {
  margin-bottom: 0px !important;
  bottom: 16px;
}
.product-table-item--wallet .panel.panel-default.dropup .product-table-item-less {
  bottom: 0px;
  margin-bottom: 0px !important;
}
.product-table-item--wallet .panel.panel-default.dropup .product-table-content .accordion-item .product-table-item--title {
  font-size: 18px;
  font-size: 1.125rem;
  transition: all 0.4s ease;
  font-weight: 400;
}
.product-table-item--wallet .panel.panel-default.dropup .product-table-content .md2-accordion-tab-active .product-table-item--title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #6131B4;
}
.product-table-item--wallet .panel.panel-default.dropup .product-table-content .md2-accordion-tab-active .product-table-item--label {
  font-size: 14px;
  font-size: 0.875rem;
}
.product-table-item--wallet .panel.panel-default.dropup .product-table-content .md2-accordion-tab-active .accordion-header {
  padding-bottom: 48px !important;
}
.product-table-item--wallet .md2-accordion-tab-active .product-table-item--wallet-detail {
  opacity: 1;
}
.product-table-item--wallet .md2-accordion-tab-active .product-table-item--wallet-detail .product-table-item--value {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}
.product-table-item--wallet .accordion-header--icon {
  right: 8px;
}
.product-table-item--wallet .panel-default:hover,
.product-table-item--wallet .panel-default.dropup {
  box-shadow: 0 4px 16px 0 rgba(8, 25, 43, 0.16);
}
.product-table-item--wallet .panel-default:hover .product-table-item--button,
.product-table-item--wallet .panel-default.dropup .product-table-item--button {
  background-color: #6131B4;
  color: #FFFFFF;
}
.product-table-item--wallet .panel-default:hover .product-table-item--button:hover,
.product-table-item--wallet .panel-default.dropup .product-table-item--button:hover {
  background-color: #330066;
}
.product-table-item--wallet > .dropup > .panel-heading {
  border: none;
}
.product-table-item--wallet > .dropup .product-table-content .accordion-item .product-table-item--title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
}
.product-table-item--wallet > .dropup .product-table-content .accordion-item .product-table-item--title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
}
.product-table-item--wallet > .dropup .product-table-item-less {
  bottom: 16px;
  margin-bottom: 0px !important;
}
.wallet-content .dropup .panel-heading {
  background-color: transparent;
}
.wallet-content .dropup .product-table-item--wallet-detail {
  opacity: 1;
}
.wallet-content .panel-default:hover,
.wallet-content .panel-default.dropup {
  box-shadow: none !important;
}
.wallet-content .panel-heading {
  padding: 32px 0px !important;
}
.wallet-content .accordion-border-lighten {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.wallet-content .accordion-details {
  padding-top: 24px;
  padding-bottom: 40px;
}
/*
--------------------------------------------
Accordion Home Anônima
--------------------------------------------
*/
.accordion-simple-animated .md2-accordion-tab-body {
  overflow: hidden !important;
  display: inherit;
}
/*
--------------------------------------------
Media Queries
--------------------------------------------
*/
@media screen and (min-width: 768px) {
  .product-table-item--wallet-detail {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

  .accordion-group .accordion-card:hover .accordion-header {
    color: #6131B4;
  }
}
@media (max-width: 1439px) {
  .product-table-wallet--more-info {
    margin-top: 32px;
  }
}
@media (max-width: 1023px) {
  .product-table-wallet--more-info {
    margin-top: 16px;
  }

  .product-table-item--budget {
    font-weight: 700;
  }

  .accordion-lg .accordion-header {
    padding: 40px;
  }
  .accordion-lg .accordion-header--icon .icon-svg {
    width: 24px !important;
    height: 24px !important;
  }
  .accordion-lg .accordion-header--logo {
    padding-right: 64px;
  }
  .accordion-lg .accordion-header--title {
    padding-right: 64px;
  }
  .accordion-lg .accordion-header--title .icon-svg {
    height: 24px;
    width: 24px;
    margin: 2px 16px 0 0;
  }
  .accordion-lg .accordion-content {
    padding: 0px 40px 40px;
  }

  .accordion-md .accordion-details {
    padding-top: 0px;
  }
  .accordion-md .accordion-header {
    padding: 24px 16px;
    transition: all 0.4s ease;
  }
  .accordion-md .accordion-header--icon .icon-svg {
    width: 16px;
    height: 16px;
  }
  .accordion-md .accordion-header--logo {
    padding-right: 32px;
  }
  .accordion-md .accordion-header--title {
    padding-right: 32px;
  }
  .accordion-md .accordion-header--title .icon-svg {
    height: 16px;
    width: 16px;
    margin: 5px 16px 0 0;
  }

  .product-table-content {
    padding: 0 16px 40px;
  }
  .product-table-content .product-table-item--label {
    margin-top: 32px;
  }

  .product-table-item--more-info {
    text-align: left;
    margin-top: 32px;
  }

  .product-table-header {
    padding: 0 16px 16px;
  }

  .product-table-item--wallet .panel-heading {
    padding: 16px 16px 48px;
  }
  .product-table-item--wallet .accordion-header--icon {
    margin-top: 10px;
  }
  .product-table-item--wallet .panel.panel-default .product-table-item-more {
    bottom: 8px !important;
  }
  .product-table-item--wallet .panel.panel-default.dropup .panel-heading {
    padding-bottom: 0px;
  }
  .product-table-item--wallet .panel.panel-default.dropup .panel-heading .product-table-item--value {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
  }
  .product-table-item--wallet .panel.panel-default.dropup .panel-heading .product-table-item--value.product-table-item--budget {
    font-weight: 700;
  }
  .product-table-item--wallet .panel.panel-default.dropup .product-table-content .md2-accordion-tab-active .accordion-header {
    padding-bottom: 0px !important;
  }
  .product-table-item--wallet .panel.panel-default.dropup .product-table-item--value {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
  }
  .product-table-item--wallet .panel.panel-default.dropup .product-table-item-less {
    bottom: 0 !important;
  }
  .product-table-item--wallet.product-table-item .product-table-content {
    padding-bottom: 16px !important;
    border: none;
  }
  .product-table-item--wallet.product-table-item .panel-body > .product-table-content {
    padding-bottom: 24px !important;
  }
  .product-table-item--wallet.product-table-item .product-table-content--title {
    margin-top: 0px;
    margin-bottom: 16px !important;
    border-top: 1px solid #ECEDEE;
    padding-top: 16px !important;
  }
  .product-table-item--wallet.product-table-item .panel-default.dropup .product-table-item--button {
    margin-top: 32px;
  }
  .product-table-item--wallet .product-table-item--value-detail {
    position: relative;
  }
  .product-table-item--wallet .product-table-item--title {
    position: relative;
  }
  .product-table-item--wallet .md2-accordion-tab-active .accordion-header {
    padding-bottom: 0px;
    transition: all 0.4s ease;
  }
  .product-table-item--wallet .product-table-item--wallet-detail {
    display: none;
  }
  .product-table-item--wallet .md2-accordion-tab-active .product-table-item--wallet-detail {
    display: block;
  }

  .category-product-text {
    padding: 16px 16px 32px;
  }

  .product-table-item--button {
    margin-top: 0px;
  }

  .product-table-item--wallet .accordion-header {
    padding: 16px 0px !important;
    transition: all 0.4s ease;
  }

  .product-table {
    padding-top: 16px;
  }

  .product-table-item-more {
    margin: 8px 0;
  }
  .product-table-item .panel-heading {
    padding-bottom: 40px;
  }
  .product-table-item .panel-heading .product-table-item-more {
    margin-bottom: 8px !important;
  }
  .product-table-item .panel-collapse .product-table-content:last-of-type {
    border-top: none;
  }
  .product-table-item .panel-collapse .product-table-content:last-of-type .product-table-item-less {
    margin-bottom: 8px !important;
  }
  .product-table-item .panel-default {
    margin-bottom: 16px;
    border: solid 1px #EAE9F0;
    box-shadow: none !important;
  }
  .product-table-item .panel-default .product-table-item--title {
    padding-top: 16px;
    margin-bottom: 16px;
  }
  .product-table-item .panel-default .product-box--label {
    left: 16px;
    top: 8px;
  }
  .product-table-item .panel-default .product-table-item--label {
    margin: 0px;
    text-align: left;
    width: 50.2%;
    display: inline-block !important;
    margin-top: 16px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .product-table-item .panel-default .product-table-item--label.hidden-xs, .product-table-item .panel-default .product-table-item--label.hidden-sm {
    display: none !important;
  }
  .product-table-item .panel-default .product-table-item--value {
    margin: 0px;
    text-align: right;
    width: 48%;
    display: inline-block !important;
    font-size: 14px !important;
    margin-top: 16px;
  }
  .product-table-item .panel-default .product-table-item--value-detail {
    display: none !important;
  }
  .product-table-item .panel-default .product-table-link-more {
    margin-top: 16px;
    margin-bottom: 8px;
  }

  .accordion-lg .accordion-header {
    padding: 24px 16px;
  }
  .accordion-lg .accordion-header--icon .icon-svg {
    width: 16px !important;
    height: 16px !important;
  }
  .accordion-lg .accordion-header--logo {
    padding-right: 64px;
  }
  .accordion-lg .accordion-header--logo .icon-svg {
    height: 16px;
    width: 16px;
    margin: 5px 16px 0 0;
  }
  .accordion-lg .accordion-header--title {
    padding-right: 32px;
  }
  .accordion-lg .accordion-header--title .icon-svg {
    width: 16px;
    height: 16px;
    margin-top: 4px;
  }
  .accordion-lg .accordion-content {
    padding: 0 16px 24px 0;
    margin-top: -16px;
  }

  .accordion-md.accordion--expand .accordion-header {
    transition: all 0.4s ease;
    padding: 24px 16px;
  }
  .accordion-md.accordion--expand .accordion-container {
    padding: 0 16px;
  }

  .accordion-sm.accordion--expand.md2-accordion-tab-active .accordion-header {
    transition: all 0.4s ease;
    padding: 24px 0 8px;
  }

  .product-table-item {
    background-color: #FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
    margin-bottom: 24px;
  }
  .product-table-item--label {
    margin: 16px 0 4px 0;
    font-weight: normal;
  }
  .product-table-item--link {
    display: inline-block;
    margin: 16px 0 0;
  }
  .product-table-item--more-info {
    margin: 16px 0 48px;
  }
  .product-table-item .popover-link {
    position: relative;
    top: -4px;
  }
  .product-table-item .product-table-content {
    padding-bottom: 16px !important;
  }
  .product-table-item .product-table-content .product-table-item--label {
    margin-top: 16px;
  }
  .product-table-item .product-table-content .product-table-item--button {
    margin-bottom: 0px;
  }

  .product-table-item-more,
.product-table-item-less {
    margin-bottom: 0px !important;
    bottom: 0 !important;
    opacity: 1;
  }

  .panel-default.dropup {
    box-shadow: 0 4px 16px 0 rgba(8, 25, 43, 0.16);
    padding: 0px !important;
  }
  .panel-default.dropup .panel-heading {
    padding-top: 24px;
    padding-bottom: 16px;
  }

  .product-table-item--value-detail {
    display: block;
    opacity: 1;
    position: relative;
  }

  .product-table-item--button {
    position: relative;
    right: inherit;
    top: inherit;
    margin-top: 16px;
  }

  fixedincome-comparative .product-table-item--wallet .panel.panel-default.dropup .product-table-item-less {
    bottom: -56px !important;
    z-index: 20;
  }
  fixedincome-comparative .link--iconed-sm.link--iconed-right {
    margin-top: 8px;
  }
  fixedincome-comparative .product-table-item--wallet .product-table-item--header-info {
    padding-bottom: 48px;
  }
}
.table-info {
  width: 100%;
  margin-top: 40px;
  border-collapse: collapse;
}
.table-info-row {
  border-bottom: 1px solid #EAE9F0;
  display: inline-block;
  width: 100%;
}
.table-info-row:last-child {
  border-bottom: none;
}
.table-info-cell {
  padding-top: 50px;
  padding-bottom: 50px;
}
.table-info-cell-last {
  padding-bottom: 0;
}
.table-info-cell-title, .table-info-cell-text {
  margin: 0 !important;
}
/*------QUERIES------*/
@media screen and (max-width: 1023px) {
  .table-cell {
    padding: 30px 0px;
  }

  .table-info-cell + .table-info-cell {
    padding-top: 8px !important;
  }
}
@media screen and (max-width: 767px) {
  .banner-about-product .table-info-row + .table-info-row .table-info-cell {
    padding-top: 24px;
  }
  .banner-about-product .table-info-cell {
    padding: 8px 0;
  }
  .banner-about-product .table-info-cell + .table-info-cell {
    padding-bottom: 24px;
  }
}
/*------QUERIES------*/
.table-resume {
  width: 100%;
  border-collapse: collapse;
}
.table-resume thead th {
  padding: 8px 0;
}
.table-resume th {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: left;
}
.table-resume th + th {
  text-align: right;
}
.table-resume td {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: left;
  padding: 24px 0;
}
.table-resume td + td {
  text-align: right;
}
.table-resume tfoot tr td {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  padding-top: 48px;
}
.table-resume tfoot tr td + td {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
}
.table-default--header {
  border-bottom: 1px solid #EAE9F0;
}
.table-default .overlay-container {
  padding-top: 0px;
  padding-bottom: 0px;
}
.table-default-title {
  padding: 56px 24px 24px;
  color: #7E868E;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
}
.table-default-title:first-of-type {
  padding: 32px 24px 24px;
}
.table-default-row--header {
  display: table;
  width: 100%;
  padding: 16px 0px;
}
.table-default-row--body {
  display: table;
  width: 100%;
  padding: 48px 0px;
  border-bottom: 1px solid #EAE9F0;
}
.table-default-col {
  padding: 0px 24px;
  display: table-cell;
}
.table-default-col--header {
  color: #7E868E;
}
.table-default-col--body {
  color: #222222;
}
.table-default-col--body-link {
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .table-default--header {
    display: none;
  }
  .table-default-title {
    padding: 0px;
    margin-bottom: 24px;
    color: #222222;
  }
  .table-default-title:first-of-type {
    padding: 0px;
  }
  .table-default-row {
    display: inline-block;
    width: 100%;
    padding: 0px;
    border: none;
  }
  .table-default-row--body {
    display: inline-block;
    width: 100%;
    padding: 24px 8px;
    border: none;
    box-shadow: 0 4px 8px 0 rgba(8, 25, 43, 0.24);
    margin-bottom: 16px;
  }
  .table-default-col--body {
    margin-bottom: 16px;
  }
  .table-default-col--body:first-of-type {
    margin-bottom: 56px;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .table-default-col--body:last-of-type {
    margin-bottom: 0px;
  }
  .table-default-col--body-label {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .table-default-col--body-value {
    text-align: right;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 768px) {
  .cursor {
    overflow: hidden;
  }
  .cursor-icon {
    cursor: url("/assets/images/cursor/next.png"), auto;
  }
  .cursor-text {
    position: absolute;
    color: #FFF;
    display: none;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .cursor-play {
    cursor: url("/assets/images/icons/cursors/icon_play_light.svg") 50 50, auto;
  }
  .cursor-play--primary {
    cursor: url("/assets/images/icons/cursors/cursor-play.png") 50 50, auto;
  }
  .cursor-pause {
    cursor: url("/assets/images/icons/cursors/icon_pause.svg") 50 50, auto;
  }
  .cursor-mouse {
    cursor: url("/assets/images/icons/cursors/icon_mouse.svg") 50 50, auto;
  }
}
.steps {
  width: 100%;
  padding: 48px 0;
  text-align: center;
}
.container-steps {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .steps {
    padding: 0px;
  }
}
@keyframes show {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.4;
  }
}
.modal-overlay {
  background-color: rgba(9, 24, 39, 0.6);
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1052;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  display: none;
}
.modal-overlay.fade {
  animation-name: show;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}
.modal-overlay.in {
  display: block;
}
.mat-dialog-container {
  margin: 0 auto;
  max-width: 100vw !important;
}
.modal-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.modal-action .btn {
  margin-right: 24px;
}
.modal-action .btn:last-child {
  margin-right: 0;
}
.modal-action--inverse .btn {
  margin-right: 0px;
}
.modal-action--inverse .btn:last-child {
  margin-right: 24px;
}
.modal {
  background: #FFFFFF;
  padding: 40px;
  width: 624px;
  margin: 0 auto 40px auto;
  position: relative;
  background-color: #fff;
  outline: 0;
  -ms-box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
  -o-box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
  box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: 90vh;
}
.modal--lg {
  width: 848px;
}
.modal-bottom-screen {
  width: 100%;
}
.modal-bottom-screen-flex {
  align-items: flex-end !important;
  width: 100%;
}
.modal-bottom-screen .mat-dialog-container {
  overflow: visible;
}
.modal-header {
  margin-bottom: 24px;
}
.modal-content {
  margin-bottom: 16px;
}
.modal-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0px;
}
.modal-text {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 16px;
}
.modal-form {
  margin: 48px 0 16px 0;
}
.modal-icon {
  display: block;
}
.modal-icon .icon-svg {
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
}
.modal-icon--warning .icon-svg {
  fill: #FFB300;
}
.modal-icon--danger .icon-svg {
  fill: #F44336;
}
.modal-icon--success .icon-svg {
  fill: #00C898;
}
.modal-tip {
  padding: 32px 16px;
}
.modal-tip .tip-header {
  margin-bottom: 48px;
}
@media (max-width: 1023px) {
  .modal {
    position: relative;
    top: 10%;
    transform: none;
    left: auto;
  }
  .modal-bottom-screen-flex {
    align-items: flex-start !important;
  }
}
@media (max-width: 767px) {
  .modal {
    width: 90%;
    padding: 16px;
    max-height: 90vh;
    overflow: scroll;
    overflow-x: hidden;
  }
  .modal-header {
    margin-bottom: 16px;
  }
  .modal .modal-text {
    font-size: 14px;
    font-size: 0.875rem;
  }

  .modal-action--inverse .btn:last-child {
    margin-bottom: 0px;
  }
}
.user-balance--light {
  color: #FFF;
}
.user-balance-data {
  display: inline-block;
  vertical-align: bottom;
  text-align: left;
}
.user-balance-data-title {
  margin-bottom: 4px;
}
.user-balance-icon {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 20px;
}
.link {
  display: inline-block;
  cursor: pointer;
  padding-bottom: 1px;
  text-decoration: underline;
  outline: none;
}
.link:hover {
  transition: all 0.25s linear;
}
.link--base {
  color: #222222;
}
.link--base:hover {
  color: #1F073B;
}
.link--primary {
  color: #6131B4;
}
.link--primary:hover {
  color: #330066;
}
.link--pink {
  color: #E7517E;
}
.link--pink:hover {
  color: #BA2E59;
}
.link--primary-gray {
  color: #6561A4;
}
.link--primary-gray:hover {
  color: #330066;
}
.link--primary-lighter {
  color: #DBC7FF;
}
.link--primary-lighter:hover {
  color: #6561A4;
}
.link--secondary {
  color: #E7517E;
}
.link--secondary:hover {
  color: #BA2E59;
}
.link--action {
  color: #FF6D00;
}
.link--action:hover {
  color: rgba(255, 109, 0, 0.6);
}
.link--light {
  color: #FFFFFF;
}
.link--light:hover {
  color: rgba(255, 255, 255, 0.6);
}
.link--inactive {
  color: #EAE9F0;
  pointer-events: none;
}
.link--inactive:hover {
  color: #EAE9F0;
}
.link-tip {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 14px;
}
.link--iconed {
  display: inline-block;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
}
.link--iconed-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.link--iconed-icon svg-icon {
  display: inline-block;
}
.link--iconed-icon .icon-svg {
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  vertical-align: middle;
}
.link--iconed-text {
  display: inline-block;
  padding-bottom: 1px;
  margin-bottom: 0 !important;
  text-decoration: underline;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.link--iconed:hover-text {
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.link--iconed:hover-icon .icon-svg {
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.link--iconed-base .link--iconed-text {
  color: #222222;
}
.link--iconed-base .link--iconed-icon .icon-svg {
  fill: #222222;
}
.link--iconed-base:hover .link--iconed-text {
  color: #222222;
}
.link--iconed-base:hover .link--iconed-icon .icon-svg {
  fill: #222222;
}
.link--iconed-primary .link--iconed-text {
  color: #6131B4;
}
.link--iconed-primary .link--iconed-icon .icon-svg {
  fill: #6131B4;
}
.link--iconed-primary:hover .link--iconed-text {
  color: rgba(97, 49, 180, 0.6);
}
.link--iconed-primary:hover .link--iconed-icon .icon-svg {
  fill: rgba(97, 49, 180, 0.6);
}
.link--iconed-danger .link--iconed-text {
  color: #F44336;
}
.link--iconed-danger .link--iconed-icon .icon-svg {
  fill: #F44336;
}
.link--iconed-danger:hover .link--iconed-text {
  color: rgba(244, 67, 54, 0.6);
}
.link--iconed-danger:hover .link--iconed-icon .icon-svg {
  fill: rgba(244, 67, 54, 0.6);
}
.link--iconed-action .link--iconed-text {
  color: #FF6D00;
}
.link--iconed-action .link--iconed-icon .icon-svg {
  fill: #FF6D00;
}
.link--iconed-action:hover .link--iconed-text {
  color: rgba(255, 109, 0, 0.6);
}
.link--iconed-action:hover .link--iconed-icon .icon-svg {
  fill: rgba(255, 109, 0, 0.6);
}
.link--iconed-light .link--iconed-text {
  color: #FFFFFF;
}
.link--iconed-light .link--iconed-icon .icon-svg {
  fill: #FFFFFF;
}
.link--iconed-light:hover .link--iconed-text {
  color: rgba(255, 255, 255, 0.6);
}
.link--iconed-light:hover .link--iconed-icon .icon-svg {
  fill: rgba(255, 255, 255, 0.6);
}
.link--iconed-inactive .link--iconed-text {
  color: #EAE9F0;
}
.link--iconed-inactive .link--iconed-icon .icon-svg {
  fill: #EAE9F0;
}
.link--iconed-inactive:hover .link--iconed-text {
  color: rgba(234, 233, 240, 0.6);
}
.link--iconed-inactive:hover .link--iconed-icon .icon-svg {
  fill: rgba(234, 233, 240, 0.6);
}
.link--iconed-left .link--iconed-icon {
  left: 0;
}
.link--iconed-right .link--iconed-icon {
  right: 0;
}
.link--iconed-sm.link--iconed-left {
  padding-left: 16px;
}
.link--iconed-sm.link--iconed-right {
  padding-right: 16px;
}
.link--iconed-sm .link--iconed-icon .icon-svg {
  height: 8px;
  width: 8px;
  position: relative;
}
.link--iconed-md.link--iconed-left {
  padding-left: 24px;
}
.link--iconed-md.link--iconed-right {
  padding-right: 24px;
}
.link--iconed-md .link--iconed-icon {
  margin-top: -2px;
}
.link--iconed-md .link--iconed-icon .icon-svg {
  height: 18px;
  width: 16px;
}
.link--iconed-lg.link--iconed-left {
  padding-left: 32px;
}
.link--iconed-lg.link--iconed-right {
  padding-right: 24px;
}
.link--iconed-lg .link--iconed-icon .icon-svg {
  height: 16px;
  width: 16px;
}
.link--iconed-xlg.link--iconed-left {
  padding-left: 32px;
}
.link--iconed-xlg.link--iconed-right {
  padding-right: 32px;
}
.link--iconed-xlg .link--iconed-icon .icon-svg {
  height: 32px;
  width: 32px;
}
.scroll-to-container {
  position: absolute;
  bottom: 48px;
  width: auto;
  text-align: center;
  z-index: 40;
  transform: translateX(-50%);
  left: 50%;
}
.link-form--add,
.link-form--rm {
  margin: 16px 0;
}
.link-form--add .link--iconed-icon .icon-svg,
.link-form--rm .link--iconed-icon .icon-svg {
  width: 12px;
  height: 12px;
}
@media screen and (max-width: 1023px) {
  .scroll-to-container-relative {
    position: relative;
    bottom: auto;
    width: 100%;
    text-align: center;
    transform: none;
    left: auto;
    margin: 20px 0 0;
  }

  .scroll-to-container {
    width: 100%;
  }

  .link-back--mobile {
    margin-bottom: 24px;
  }
}
.graphic-container {
  width: 100%;
  float: left;
}
.graphic-icome {
  margin: 60px 0px 20px;
}
.graphic-label {
  margin-bottom: 10px;
}
.graphic-compare {
  padding: 20px 0;
}
.graphic-link {
  position: relative;
  width: 100%;
  text-align: center;
}
.graphic-fixed-icome {
  position: relative;
  z-index: 20;
}
.highcharts-point {
  display: none;
  transition: all 0.4s ease;
}
.highcharts-point:nth-of-type(1), .highcharts-point:nth-of-type(0), .highcharts-point:first-of-type {
  display: block;
}
.highcharts-point.highcharts-point-hover {
  display: block;
}
.highcharts-halo + .highcharts-point {
  display: block;
}
.highcharts-axis-labels text {
  transform: rotate(0deg) !important;
}
.highcharts-credits {
  display: none;
}
@media screen and (max-width: 767px) {
  .total-income {
    font-size: 32px !important;
  }

  .graphic-icome {
    margin-top: 0;
  }
  .graphic-compare {
    padding: 16px 8px;
  }
  .graphic-label {
    font-size: 16px;
    font-weight: 300;
  }
}
@media screen and (max-width: 1023px) {
  .card-graphic--mobile {
    background-color: #FFFFFF;
    padding: 32px;
    margin: 8px;
  }

  .graphic-guided {
    height: auto !important;
  }
}
.product {
  width: 100%;
  display: block;
}
.product-wallet {
  padding-top: 24px;
  padding-bottom: 8px;
}
.product-item {
  border-bottom: none;
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
  display: block;
  transition: all 0.2s linear;
}
.product-item + .product-item {
  margin-top: 40px;
}
.product-item .form-simulation-name {
  font-size: 24px;
  font-size: 1.5rem;
}
.product-item .form-simulation-value {
  font-size: 24px;
  font-size: 1.5rem;
}
.product-item .form-simulation--inline .selectric .label {
  font-size: 24px;
  font-size: 1.5rem;
}
.product-help {
  width: 19px;
  height: 19px;
  overflow: hidden;
  display: block;
  line-height: 19px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  right: 24px;
  top: 24px;
}
.product-info {
  position: relative;
  padding: 48px 24px 40px;
  display: block;
}
.product-arrow {
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: -6px;
  cursor: pointer;
  width: 12px;
  height: 6px;
  transition: all 0.4s ease 0.2s;
}
.product-head {
  margin-bottom: 48px;
}
.product-figure {
  display: inline-block;
}
.product-figure img {
  max-height: 19px;
  width: auto;
}
.product-title {
  display: inline-block;
}
.product-details {
  height: 0px;
  width: 100%;
  overflow: hidden;
  display: block;
  padding: 0px 24px;
  transition: all 0.4s ease;
}
.product-label {
  margin-bottom: 8px;
  border-radius: 4px;
}
.product-label--details {
  margin-bottom: 8px;
}
.products-link {
  padding: 8px 0;
}
.product-selected {
  border-bottom: none;
  cursor: default;
  -ms-box-shadow: 3px 7px 27px 3px rgba(35, 161, 248, 0.15);
  -o-box-shadow: 3px 7px 27px 3px rgba(35, 161, 248, 0.15);
  box-shadow: 3px 7px 27px 3px rgba(35, 161, 248, 0.15);
}
.product-selected .product-details {
  overflow: inherit;
  height: auto;
  padding: 32px 24px;
  transition: all 0.4s ease;
}
.product-selected .product-arrow {
  transform: rotate(180deg);
}
.product-selected + .product-item {
  border-top: 1px solid #CCCCCC;
  margin-top: 48px;
}
.product-selected + .product-item.product-selected {
  border-top: none;
}
.product-results-details {
  background: #FFF;
  border: none;
  padding: 0px 2.6% 0px;
  margin: 0 -2.6%;
  margin-top: 0px;
  height: 0;
  overflow: hidden;
  transition: all 0.2s linear 0.2s, border 0.2s linear 0.2s;
}
.product-results-details .product-results-action {
  height: 0;
  max-height: 0px;
  overflow: hidden;
}
.product-results {
  margin: 0 1% 0 10%;
  width: 73%;
  display: inline-block;
  padding: 0px 16px;
  height: 0;
  max-height: 0px;
  overflow: hidden;
  transition: all 0.2s linear 0.3s;
}
.product-results-item {
  width: 33%;
  display: inline-block;
}
.product-results-item img {
  max-width: 40px;
  height: auto;
  display: inline-block;
}
.product-results-image {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: transparent no-repeat center center;
  margin-right: 8px;
  vertical-align: middle;
}
.product-results-info {
  display: inline-block;
  vertical-align: middle;
}
.product-results-value {
  font-weight: 400;
  color: #000;
}
.product-results-text {
  font-weight: 400;
  color: #000;
  line-height: 14px;
}
.product-results-highlight {
  display: block;
}
.product-results-bank .product-results-highlight {
  color: #d9499c;
}
.product-results-safebox .product-results-highlight {
  color: #8f3be7;
}
.product-results-security .product-results-highlight {
  color: #e5ae2e;
}
.product-selected .product-results-details {
  border-top: 1px solid #ccc;
  display: block;
  height: auto;
  padding: 32px 2.6% 32px;
  margin-top: 32px;
  transition: all 0.2s linear 0.2s, border 0.2s linear 0.2s;
}
.product-selected .product-results-details .product-results,
.product-selected .product-results-details .product-results-action {
  max-height: 72px;
  height: auto;
  transition: all 0.2s linear 0.3s;
}
/* Queries */
@media (max-width: 1023px) {
  .product-category .product-selected {
    box-shadow: none;
  }
  .product-category .product-head:not(.product-name) {
    display: none;
  }
  .product-category .container {
    width: 100%;
    padding: 0px;
  }
  .product-category .product-item {
    padding: 0px;
  }
  .product-category .product-item + .product-item {
    margin-top: 0px;
  }
  .product-category .product-item .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .product-category .product-info {
    padding: 24px;
  }
  .product-category .product-box {
    display: inline-block;
    width: auto;
    text-align: left;
    padding: 0px;
    margin-right: 40px;
    float: none;
  }
  .product-category .product-box .product-value,
.product-category .product-box .product-label {
    display: inline-block;
  }
  .product-category .product-box .product-label {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
  }
  .product-category .product-box:nth-child(5) {
    display: block;
    margin: 8px 0;
  }
  .product-category .product-box:nth-child(5) .product-label {
    display: block;
  }
  .product-category .product-box:nth-child(6) {
    min-width: 100%;
    margin: 8px 0;
  }
  .product-category .product-box:nth-child(6) .btn {
    min-width: 100%;
    height: auto;
  }
  .product-category .product-box:nth-child(6) .btn-text {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .product-category .product-name {
    display: block;
    padding: 0px;
    width: auto;
    float: none;
    margin: 0 0 16px;
  }
  .product-category .product-figure {
    display: block;
  }
  .product-category .product-details > .product-value--details {
    width: 100%;
    text-align: center;
    margin-right: 0px;
  }
}
@media (max-width: 768px) {
  .product-box {
    margin: 16px 0;
  }
  .product-box .form-simulation-value {
    font-family: "Roboto";
    min-width: 100%;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }
  .product-box .form-simulation-item {
    width: 100%;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }
  .product-box .selectric-wrapper {
    min-width: 100%;
    margin-left: 0px;
  }
  .product-box .selectric-wrapper .button {
    right: 0;
  }
  .product-box .selectric-wrapper .label {
    text-align: left;
  }
  .product-box .product-text {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }

  .product-item {
    margin: 0 0 32px;
  }

  .product-label {
    color: #000;
  }

  .modal-dialog .product-item {
    margin: 0px;
  }
  .modal-dialog .product-item + .product-item {
    margin-top: 32px;
  }
  .modal-dialog .product-info {
    padding: 0;
    margin: 5%;
    width: 90%;
  }
  .modal-dialog .form-simulation {
    padding: 16px 0 0;
    display: inline-block;
    width: 100%;
  }
  .modal-dialog .product-box {
    padding: 0 32px;
  }
  .modal-dialog .product-submit {
    padding: 0px !important;
    margin: 8px 0 -3px 0;
  }
  .modal-dialog .product-submit .btn {
    min-width: 100%;
    text-align: center;
  }
  .modal-dialog .product-submit .btn-text {
    display: inline-block;
  }
}
.question {
  width: 100%;
  min-height: 100%;
  min-height: 100vh;
  display: table;
  transition: all 0.4s ease;
}
.question--hidden {
  position: relative;
  margin-top: -100%;
}
.question-description, .question-content {
  height: auto;
  vertical-align: middle;
  display: table-cell;
  padding: 30px;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 1;
  transition: all 0.8s ease;
}
.question-active {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 2;
  transition: all 0.8s ease;
}
.question-inactive {
  z-index: 1;
  top: -100%;
  transition: all 0.8s ease;
}
.question-title {
  margin-bottom: 25px;
}
.question-asking {
  margin-bottom: 48px;
}
.question-input {
  width: 100%;
  border: none;
  padding: 7px 0px;
  -webkit-text-fill-color: transparent;
  outline: none;
  transition: all 0.4s ease;
}
.question-next {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.question-name {
  text-transform: capitalize;
}
.question-choices {
  width: 100%;
  display: block;
}
.question-radio {
  position: relative;
  display: none;
}
.question-radio:checked + .question-option {
  box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.24);
  margin: 8px 0px;
}
.question-option {
  display: inline-block;
  width: 100%;
  border-bottom: none;
  position: relative;
  transition: all 0.28s cubic-bezier(0.42, 0, 0, 1.35);
}
.question-option span {
  transition: all 0.2s ease;
}
.question-option:hover {
  box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.24);
}
.question-label {
  width: 100%;
  padding: 40px 15% 40px 24px;
  display: block;
  cursor: pointer;
  border: 1px solid #ECEDEE;
  margin-top: -1px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
}
.question-label-text {
  display: inline-block;
  width: 100%;
}
.question-scale {
  display: inline-block;
}
.question-scale--return .question-bullet + .question-bullet {
  margin-left: 4px;
}
.question-scale--return .question-bullet.question-bullet-active {
  background-color: #00C898;
}
.question-scale--risk {
  margin-left: 24px;
}
.question-scale--risk .question-bullet + .question-bullet {
  margin-left: 4px;
}
.question-scale--risk .question-bullet.question-bullet-active {
  background-color: #F44336;
}
.question-scale-label {
  vertical-align: text-bottom;
  margin-right: 8px;
}
.question-bullets {
  width: auto;
  display: inline-block;
  margin-right: 3px;
}
.question-bullet {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  background-color: #EAE9F0;
  margin-right: 0px;
  margin-bottom: 1px;
}
.bullet-box {
  text-align: right;
}
@media screen and (max-width: 1919px) {
  .bullet-box {
    text-align: left;
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .question-label {
    padding: 16px;
  }
  .question-scale {
    display: flex;
    width: 100%;
  }
  .question-scale-label {
    width: 50px;
    margin-bottom: 0px !important;
  }
  .question-scale--risk {
    width: 100%;
    margin-left: 0px;
  }
  .question-bullets {
    float: right;
  }

  .bullet-box {
    margin-top: 16px;
    text-align: left;
  }
}
guidedresults,
guidedresultsfixed,
guidedresultsvariable,
guidedresultslogin,
app-category-wrap,
product-wrap {
  display: block;
}
.ui-slider {
  height: 8px;
  cursor: pointer;
  border-radius: 6px;
}
.ui-slider-handle {
  width: 28px;
  height: 28px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  position: absolute;
  top: -11px;
  cursor: pointer;
  border-radius: 50%;
}
.ui-slider-range {
  position: absolute;
  height: 100%;
  left: 0px;
  padding-right: 10px;
  box-sizing: content-box;
  border-radius: 6px;
}
.irs-slider {
  width: 16px !important;
  height: 16px !important;
  background-color: #00ADD2 !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  top: 19px !important;
}
.irs-slider.single {
  width: 16px !important;
  height: 16px !important;
  background-color: #00ADD2;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border-radius: 16px;
  background: none;
}
.irs-bar, .irs-bar-edge {
  background: #00ADD2 !important;
  height: 4px !important;
  border-radius: 6px !important;
}
.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider {
  background: #d7dadc;
}
.irs-line {
  height: 4px !important;
  border-radius: 6px !important;
}
@media screen and (max-width: 1023px) {
  .irs-bar {
    border-radius: 8px 0px 0px 8px !important;
    height: 8px !important;
    left: 0% !important;
  }
  .irs-bar-edge {
    border-radius: 8px 0px 0px 8px !important;
    height: 8px !important;
  }
  .irs-slider.single {
    width: 22px !important;
    height: 22px !important;
  }
  .irs-slider.single::after {
    content: "";
    width: 48px !important;
    height: 60px !important;
    position: absolute;
  }
  .irs-line {
    height: 8px !important;
  }
}
.breadcrumb {
  padding: 16px 0;
  text-align: left;
  -moz-text-align-last: left;
  -webkit-text-align-last: left;
  text-align-last: left;
}
.breadcrumb-item {
  position: relative;
  margin-right: 8px;
  padding-right: 4px;
}
.breadcrumb-item:before {
  content: "/";
  position: absolute;
  left: -8px;
  top: 0;
  color: #7E868E;
}
.breadcrumb-item:first-child:before {
  display: none;
}
.breadcrumb-item.active {
  color: #7E868E;
  text-decoration: none;
  border: none;
}
.login-box .overlay-text + .login-box .overlay-text {
  margin-top: 32px;
}
.login-box .overlay-form {
  margin-top: 16px;
}
.login-box .overlay-footer {
  margin-top: 32px;
}
.login-box .overlay-footer-bottom {
  margin-top: 32px;
}
@media screen and (max-height: 626px) {
  .login-box {
    overflow-y: auto;
  }
  .login-box .overlay-fixed {
    position: relative;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .login-box .overlay-content {
    margin-top: 24px;
  }
  .login-box .overlay-fixed .container-align--middle {
    display: block;
    text-align: center;
  }
  .login-box .overlay-fixed .container-align--middle + .login-box .overlay-fixed .container-align--middle {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .overlay.login-box .overlay-content {
    margin: 0px;
  }
  .overlay.login-box .overlay-info {
    margin-top: 0px;
  }
}
.hub-cta {
  display: inline-block;
  width: 100%;
  z-index: 3;
  position: relative;
  margin-top: 96px;
}
.hub-cta--text {
  display: inline-block;
  vertical-align: middle;
}
.hub-cta--button {
  vertical-align: middle;
  margin-left: 24px;
}
.hub-cta--bold {
  font-weight: bold;
}
/* Queries */
@media screen and (max-width: 1023px) {
  .hub-cta {
    padding: 24px 8px 0 8px;
    margin: 0;
  }
  .hub-cta--button {
    margin-top: 24px;
    margin-left: 0;
  }
  .hub-cta--bold {
    display: block;
  }
}
.cta--button {
  background-color: transparent;
  border: none;
  position: relative;
  cursor: pointer;
  outline: none;
}
.cta--button-text {
  color: #6131B4;
  font-family: "Roboto";
  transition: all 0.3s ease-in-out;
}
.cta--button-icon {
  float: left;
}
.cta--button-icon .icon-svg {
  fill: #6131B4;
  transition: all 0.3s ease-in-out;
}
.cta--button.cta--button-md {
  padding: 16px 32px;
}
.cta--button.cta--button-md .cta--button-text {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}
.cta--button.cta--button-md .cta--button-icon {
  height: 24px;
  width: 24px;
  margin: -1px 12px 0 0;
}
.cta--button.cta--button-md .cta--button-icon .icon-svg {
  height: 24px;
  width: 24px;
}
.cta--button.cta--button-sm {
  padding: 16px 0;
}
.cta--button.cta--button-sm .cta--button-text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
}
.cta--button.cta--button-sm .cta--button-icon {
  height: 22px;
  width: 22px;
  margin: -1px 7px 0 0;
}
.cta--button.cta--button-sm .cta--button-icon .icon-svg {
  height: 22px;
  width: 22px;
}
.cta--button:hover .cta--button-text {
  color: #330066;
}
.cta--button:hover .cta--button-icon .icon-svg {
  fill: #330066;
}
.cta-learn {
  position: relative;
  height: 100%;
  height: 100vh;
  background-size: cover;
  z-index: 1;
}
.cta-learn:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #222222);
  z-index: 2;
}
.cta-learn-content {
  position: relative;
  z-index: 3;
}
.cta-learn-subtitle {
  padding-bottom: 16px;
}
.cta-learn-play {
  width: 80px;
  height: 80px;
  margin-bottom: 40px;
}
.cta-learn-play svg {
  fill: #6131B4;
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 767px) {
  .cta-learn-box {
    position: relative;
  }
  .cta-learn-play {
    width: 100%;
    text-align: center;
  }
  .cta-learn-content {
    position: absolute !important;
    bottom: 48px;
  }
}
.hub-tabs {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.hub-tabs--item {
  display: inline-block;
  margin: 0px;
  padding-right: 0px;
  padding-left: 0px;
}
.hub-tabs .link {
  width: 100%;
  text-decoration: none;
}
.hub-tabs .active .link {
  color: #FFFFFF;
}
.hub-tabs-box {
  min-height: 1px;
}
.hub-tabs-box--item {
  display: none;
  padding: 24px 0;
}
.hub-tabs-box .active {
  display: block;
}
.tag-default {
  display: inline-block;
  text-transform: uppercase;
  padding: 4px 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
.tag-default--novelty {
  background: #DBC7FF;
  color: #FFFFFF;
}
.toast--default {
  margin: 0 auto;
  text-align: center;
  max-width: 416px;
  height: 152px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  padding-top: 24px;
  z-index: 2000;
}
.toast--default .toast-message {
  padding: 24px;
  display: inline-block;
  text-transform: unset;
  background-color: transparent;
  animation-name: bounceInUp;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.toast--default .toast-progress {
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
/*BASE*/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
iOS requires the button element instead of an anchor tag.
If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
  /*overrides*/
}
#toast-container * {
  box-sizing: border-box;
}
#toast-container .toast {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  animation-name: bounceInUp;
  animation-duration: 1s;
  animation-fill-mode: both;
}
#toast-container .toast:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
#toast-container.toast-top-center .toast,
#toast-container.toast-bottom-center .toast {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width .toast,
#toast-container.toast-bottom-full-width .toast {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #00C898;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }

  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }

  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container .toast.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/*BASE*/
.end-flow {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 80px;
  background-color: #FFFFFF;
  z-index: 2000;
}
.end-flow--container {
  width: 100%;
  height: 100%;
}
.end-flow--title {
  margin-bottom: 48px;
}
.end-flow--title .icon-svg {
  height: 80px;
  display: block;
  margin: 0 auto;
  margin-left: -24px;
}
.end-flow--textbox {
  background-color: #FFFFFF;
  padding: 40px;
  -ms-box-shadow: 0 4px 16px 0 rgba(9, 24, 39, 0.16);
  -o-box-shadow: 0 4px 16px 0 rgba(9, 24, 39, 0.16);
  box-shadow: 0 4px 16px 0 rgba(9, 24, 39, 0.16);
}
.end-flow--footer {
  margin-top: 56px;
}
@media (max-width: 767px) {
  .end-flow {
    padding: 24px 16px 16px;
  }

  .end-flow--container {
    margin-top: 32px;
  }

  .end-flow--textbox {
    padding: 24px;
  }

  .end-flow--title {
    margin-bottom: 24px;
  }
  .end-flow--title .end-flow--icon {
    display: block;
  }

  .end-flow--footer .btn {
    width: 100%;
    text-align: center;
  }
}
.hapyak-player {
  font-family: "Roboto";
}
.hapyak-player .popcorn-hotlink {
  background: none;
  animation: ShowUp 0.5s ease-in forwards;
}
.hapyak-player .popcorn-hotlink > .popcorn-hotlink-text {
  color: #00ADD2 !important;
  font-family: "Roboto";
  font-size: 18px;
  font-weight: bold;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s ease;
  transform: scale(0.8);
}
.hapyak-player .popcorn-hotlink > .popcorn-hotlink-text:hover {
  color: #FFFFFF !important;
}
.hapyak-player .popcorn-hotlink.active {
  transform: scale(1);
  transition: transform 0.8s ease;
}
.hapyak-player .popcorn-hotlink.active > .popcorn-hotlink-text {
  transform: scale(1);
  transition: transform 0.8s ease;
}
.hapyak-player,
#toro-player {
  width: 100vw !important;
  height: 100vh !important;
}
.inputvalue {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  display: block;
  height: 100%;
  width: 100%;
}
.valueResult {
  position: absolute;
  top: 0;
  margin: 0px 0px 50px 90px;
}
#graphic-product {
  text-align: left;
  z-index: 1051;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: auto;
  box-sizing: border-box;
}
.tooltipChart {
  font-size: 16px;
  padding: 10px;
  margin: 20px;
  background-color: #FFFFFF;
}
@keyframes ShowUp {
  from {
    opacity: 0;
    transform: scale(0, 0);
  }
  to {
    opacity: 1;
    transform: scale(1, 1);
  }
}
body.full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}
.player .target {
  cursor: url("/assets/images/icons/icon_play.svg") 50 50, auto;
}
.player .video-wrapper video {
  cursor: url("/assets/images/icons/icon_play.svg") 50 50, auto;
}
.video-js {
  background-color: #222222;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  display: inline-block;
}
.video-js .vjs-tech {
  position: static !important;
}
.video-js:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #222222;
  background-image: url("/assets/images/back-video.png");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.3)";
  transition: all 0.4s ease;
}
.video-js .vjs-progress-control {
  visibility: hidden;
}
.video-js .vjs-control-bar {
  background: none;
  width: 80%;
  margin: 50px auto;
  font-size: 16px;
}
.video-js .player .target {
  cursor: url("/assets/images/icons/icon_play.svg") 50 50, auto;
}
.video-js .player .video-wrapper video {
  cursor: url("/assets/images/icons/icon_play.svg") 50 50, auto;
}
.video-js video,
.video-js iframe {
  cursor: url("/assets/images/icons/icon_play.svg") 50 50, auto;
}
.video-js .popcorn-hotlink {
  cursor: url("/assets/images/icons/icon_mouse.svg") 50 50, auto;
  transition: all 0.4s ease;
}
.video-js .popcorn-hotlink img,
.video-js .popcorn-hotlink .popcorn-hotlink-text {
  cursor: url("/assets/images/icons/icon_mouse.svg") 50 50, auto;
}
.video-js.vjs-has-started:before {
  background: #222222;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.7)";
}
.video-js.vjs-playing:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all 0.4s ease;
}
.video-js.vjs-playing video,
.video-js.vjs-playing iframe {
  cursor: url("/assets/images/icons/icon_pause.svg") 50 50, auto;
}
.video-js.vjs-playing .player .target {
  cursor: url("/assets/images/icons/icon_pause.svg") 50 50, auto;
}
.video-js.vjs-playing .player .video-wrapper video {
  cursor: url("/assets/images/icons/icon_pause.svg") 50 50, auto;
}
.video-js .tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js.fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1 #222222;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js .text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em;
  right: 1em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.video-js .text-track {
  display: none;
  color: #fff;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background: #222222;
  background: rgba(0, 0, 0, 0.5);
}
.video-js .subtitles {
  color: #fff;
}
.video-js .captions {
  color: #fc6;
}
.poster {
  margin: 0 auto;
  padding: 0;
  cursor: pointer;
  position: relative;
  width: 100%;
  max-height: 100%;
}
.tt-cue {
  display: block;
}
.fade-in {
  visibility: visible !important;
  opacity: 1 !important;
  transition: visibility 0s linear 0s, opacity 0.3s linear;
  background: none;
}
.fade-out {
  visibility: visible !important;
  opacity: 1 !important;
  transition: visibility 0s linear 0s, opacity 0.3s linear;
  background: none;
}
.vjs-default-skin .controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  height: 2.6em;
  color: #fff;
  visibility: hidden;
  background: none;
  opacity: 1;
  border: none;
}
.vjs-default-skin .control {
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 2.6em;
  width: 2.6em;
}
.vjs-default-skin .control:focus {
  outline: 0;
}
.vjs-default-skin .control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-default-skin .play-control {
  width: 5em;
  cursor: pointer !important;
  margin: -0.9em auto 0;
}
.vjs-default-skin.paused .play-control div {
  width: 15px;
  height: 17px;
  background: url("http://vjs.zencdn.net/c/video-js.png");
}
.vjs-default-skin.playing .play-control div {
  width: 15px;
  height: 17px;
  background: url("http://vjs.zencdn.net/c/video-js.png") -25px 0;
  margin: 0.5em auto 0;
}
.vjs-default-skin .rewind-control {
  width: 5em;
  cursor: pointer !important;
}
.vjs-default-skin .rewind-control div {
  width: 19px;
  height: 16px;
  background: url("http://vjs.zencdn.net/c/video-js.png");
  margin: 0.5em auto 0;
}
.vjs-default-skin .mute-control {
  width: 3.8em;
  cursor: pointer !important;
  float: right;
}
.vjs-default-skin .mute-control div {
  width: 22px;
  height: 16px;
  background: url("http://vjs.zencdn.net/c/video-js.png") -75px -25px;
  margin: 0.5em auto 0;
}
.vjs-default-skin .mute-control.vol-0 div {
  background: url("http://vjs.zencdn.net/c/video-js.png") 0 -25px;
}
.vjs-default-skin .mute-control.vol-1 div {
  background: url("http://vjs.zencdn.net/c/video-js.png") -25px -25px;
}
.vjs-default-skin .mute-control.vol-2 div {
  background: url("http://vjs.zencdn.net/c/video-js.png") -50px -25px;
}
.vjs-default-skin .volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .volume-bar {
  position: relative;
  width: 5em;
  height: 0.6em;
  margin: 1em auto 0;
  cursor: pointer !important;
  border-radius: 0.3em;
  background: none;
}
.vjs-default-skin .volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.6em;
  border-radius: 0.3em;
  background: none;
}
.vjs-default-skin .volume-handle {
  position: absolute;
  top: -0.2em;
  width: 0.8em;
  height: 0.8em;
  background: #ccc;
  left: 0;
  border: 1px solid #fff;
  border-radius: 0.6em;
}
.vjs-default-skin div.progress-control {
  position: absolute;
  left: 6em;
  right: 6em;
  width: auto;
  height: 8px;
  top: 0;
  border: none;
  background: none;
  display: none;
}
.vjs-default-skin .progress-holder {
  position: relative;
  cursor: pointer !important;
  padding: 0;
  margin: 0;
  height: 8px;
  border-radius: 0px;
  background: rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .progress-holder .play-progress,
.vjs-default-skin .progress-holder .load-progress {
  position: absolute;
  display: block;
  height: 8px;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  border-radius: 0px;
}
.vjs-default-skin .play-progress {
  background: #00ADD2;
}
.vjs-default-skin .load-progress {
  opacity: 0.8;
  background: none;
}
.vjs-default-skin div.seek-handle {
  display: none;
}
.vjs-default-skin .time-controls {
  position: absolute;
  right: 0;
  height: 1em;
  width: 4.8em;
  top: -1.3em;
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
  background: none;
  border: none;
}
.vjs-default-skin .current-time {
  left: 0;
}
.vjs-default-skin .duration {
  right: 0;
  display: none;
}
.vjs-default-skin .remaining-time {
  right: 0;
}
.vjs-default-skin .time-control {
  font-size: 1em;
  line-height: 1;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}
.vjs-default-skin .time-control span {
  line-height: 25px;
}
.vjs-default-skin .fullscreen-control {
  width: 3.8em;
  cursor: pointer !important;
  float: right;
}
.vjs-default-skin .fullscreen-control div {
  width: 16px;
  height: 16px;
  background: url("http://vjs.zencdn.net/c/video-js.png") -50px 0;
  margin: 0.5em auto 0;
}
.vjs-default-skin.fullscreen .fullscreen-control div {
  background: url("http://vjs.zencdn.net/c/video-js.png") -75px 0;
}
.vjs-default-skin .vjs-big-play-button {
  display: none !important;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8em;
  height: 8em;
  margin: -42px 0 0 -42px;
  text-align: center;
  vertical-align: center;
  cursor: pointer !important;
  transition: all 0.4s ease;
}
.vjs-default-skin div.big-play-button {
  display: none;
}
.vjs-default-skin div.big-play-button:hover {
  box-shadow: none;
  transform: rotate(360deg) scale(1.1);
}
.vjs-default-skin div.big-play-button span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 35px;
  height: 42px;
  margin: -20px 0 0 -15px;
  background: url("http://vjs.zencdn.net/c/video-js.png") -100px 0;
}
.time-divider {
  display: none;
}
.secondary-controls {
  float: right;
}
.loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 55px;
  margin: -28px 0 0 -28px;
  -webkit-animation-name: rotatethis;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotatethis;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
}
div.loading-spinner .ball1 {
  opacity: 0.12;
  position: absolute;
  left: 20px;
  top: 0;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
  border: none;
}
div.loading-spinner .ball2 {
  opacity: 0.25;
  position: absolute;
  left: 34px;
  top: 6px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
  border: none;
}
div.loading-spinner .ball3 {
  opacity: 0.37;
  position: absolute;
  left: 40px;
  top: 20px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
  border: none;
}
div.loading-spinner .ball4 {
  opacity: 0.5;
  position: absolute;
  left: 34px;
  top: 34px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 15px;
  border: 1px solid #ccc;
  border: none;
}
div.loading-spinner .ball5 {
  opacity: 0.62;
  position: absolute;
  left: 20px;
  top: 40px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
  border: none;
}
div.loading-spinner .ball6 {
  opacity: 0.75;
  position: absolute;
  left: 6px;
  top: 34px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
  border: none;
}
div.loading-spinner .ball7 {
  opacity: 0.87;
  position: absolute;
  left: 0;
  top: 20px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}
div.loading-spinner .ball8 {
  opacity: 1;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
  border: none;
}
.default-skin .menu-button {
  float: right;
  margin: 0.2em 0.5em 0 0;
  padding: 0;
  width: 3em;
  height: 2em;
  cursor: pointer !important;
  border: 1px solid #111;
  border-radius: 0.3em;
  background: none;
}
.default-skin .menu-button div {
  background: url("http://vjs.zencdn.net/c/video-js.png") 0 -75px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0.2em auto 0;
  padding: 0;
}
.default-skin .menu-button ul {
  display: none;
  opacity: 0.8;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 2em;
  max-height: 15em;
  left: -3.5em;
  background-color: #111;
  border: 2px solid #333;
  border-radius: 0.5em;
  box-shadow: 0 2px 4px 0 #222222;
  overflow: auto;
  box-shadow: none;
  border: none;
}
.default-skin .menu-button:focus ul,
.default-skin .menu-button:hover ul {
  display: block;
  list-style: none;
}
.default-skin .menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 20px;
  line-height: 1.4em;
  font-size: 1.2em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
}
.default-skin .menu-button ul li.selected {
  text-decoration: underline;
  background: url("http://vjs.zencdn.net/c/video-js.png") -125px -50px no-repeat;
}
.default-skin .menu-button ul li:focus,
.default-skin .menu-button ul li:hover,
.default-skin .menu-button ul li.selected:focus,
.default-skin .menu-button ul li.selected:hover {
  background-color: #ccc;
  color: #111;
  outline: 0;
}
.default-skin .menu-button ul li.menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  color: #fff;
  font-weight: bold;
  cursor: default;
  background: none;
}
.default-skin .captions-button div {
  background-position: -25px -75px;
}
.default-skin .chapters-button div {
  background-position: -100px -75px;
}
.default-skin .chapters-button ul {
  width: 20em;
  left: -8.5em;
}
.hub-video--cta {
  height: 600px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.hub-video--top {
  background-size: cover;
  background-position: center center;
  position: absolute;
  height: 600px;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  z-index: 10;
  transition: all 1s ease-in-out;
}
.hub-video--top:after {
  content: "";
  display: block;
  background-color: rgba(34, 34, 34, 0.64);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.hub-video--link {
  position: relative;
  z-index: 2;
  display: inline-block;
  text-decoration: none;
}
.hub-video--link span {
  margin: 16px 0;
  display: block;
}
.hub-video--icon {
  fill: #6131B4;
  font-size: 6.5rem;
  height: 96px;
  width: 96px;
}
.hub-video--bottom {
  background-color: #222222;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  transition: all 1s ease-in-out;
}
.hub-video--bottom iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.hub-video--cta.active .hub-video--top {
  opacity: 0;
}
.hub-video--cta.active .hub-video--bottom {
  top: 0;
}
.popover {
  position: absolute;
  background: #FFFFFF;
  color: #222222;
  padding: 64px 24px 24px;
  margin-top: -8px;
  box-shadow: 1px 1px 20px -3px rgba(0, 0, 0, 0.2);
  min-width: 200px;
  max-width: 400px;
}
.popover.bottom {
  margin-top: 8px;
  z-index: 10;
}
.popover.bottom:before {
  top: -4px;
}
.popover:before {
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  transform: rotate(45deg);
  box-shadow: 1px 1px 20px -3px rgba(0, 0, 0, 0.2);
}
.popover:after {
  position: absolute;
  top: 16px;
  left: 16px;
  content: "";
  background: url("/assets/images/icons/icon_popover.svg");
  background-size: 42px;
  height: 40px;
  width: 30px;
  text-align: left;
}
.popover-title {
  padding-bottom: 16px;
  float: left;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
}
.popover-content {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
}
.popover-link {
  border-bottom: dotted 2px #6131B4;
  cursor: help;
  font-weight: 500;
}
.popover-link--warning {
  border-bottom: dotted 2px #FFE040;
  cursor: help;
  font-weight: 700;
}
.popover-link--white {
  border-bottom: dotted 2px #fff;
  cursor: help;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .popover {
    width: 100%;
    left: 0px !important;
    right: 0px;
  }
}
.percentual-range--percentual-slide {
  position: relative;
  margin-right: 35px;
  height: 5px;
}
.percentual-range--percentual-slide .percentual-range--full,
.percentual-range--percentual-slide .percentual-range--half {
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  background-color: #eeeff0;
  width: 100%;
}
.percentual-range--percentual-slide .percentual-range--half {
  background-color: #1fcd62;
  z-index: 1;
}
.percentual-range--percentual-number {
  position: absolute;
  top: -10px;
  right: 0;
}
@media screen and (max-width: 1023px) {
  .percentual-range--percentual-number {
    position: absolute;
    top: -10px;
    right: 8px;
  }
}
.learn-section--hero-link {
  text-align: right;
}
.learn-item--title {
  min-height: 82px;
}
.learn-item--actions button {
  display: block;
  margin-top: 32px;
}
.learn-carousel--header .text-right {
  margin-top: 16px;
}
.learn-container {
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .learn-carousel--box {
    display: none;
  }

  .learn-section {
    padding-bottom: 16px;
  }
  .learn-section--hero {
    margin-bottom: 0px;
  }

  .learn-item {
    padding-bottom: 18px;
  }
  .learn-item--title {
    min-height: inherit;
  }
}
.br-default .br-units {
  align-items: center;
}
.br-units {
  display: inline-block !important;
}
.br-text {
  visibility: hidden;
}
.br-default .br-unit {
  margin-right: 5px;
  font-size: 50px;
  display: inline-block;
  height: auto;
  width: auto;
}
.br-default .br-unit:after {
  content: "☆";
  color: #d2d2d2;
}
.br-default .br-selected:after {
  content: "★";
  color: #fdbb2b;
}
.br-default .br-active:after {
  content: "★";
  color: #fdbb2b;
}
.stock-results {
  height: 8px;
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 10;
  margin: 24px 0px 28px;
}
.stock-results-line {
  height: 2.2px;
  background: #EAE9F0;
  top: 3px;
  position: absolute;
  width: 100%;
  display: block;
  z-index: 20;
}
.stock-results-line:after {
  content: "";
  width: 2.2px;
  height: 8px;
  background: #EAE9F0;
  position: absolute;
  left: 50%;
  top: -3px;
  margin-left: -1px;
  z-index: 20;
}
.stock-results-value {
  margin-top: 8px;
  top: -100%;
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all 0.4s ease;
}
.stock-results-value--high {
  color: #00C898;
}
.stock-results-value--low {
  color: #F44336;
}
.stock-results-location {
  height: 8px;
  top: -3px;
  position: absolute;
  margin-left: -4px;
  z-index: 30;
  border-radius: 50%;
}
.stock-results-location:after {
  content: "";
  width: 8px;
  height: 8px;
  top: 0px;
  left: 0%;
  position: absolute;
  background: #FFFFFF;
  border: 2.2px solid #7E868E;
  z-index: 30;
  border-radius: 50%;
}
.stock-results-tooltip {
  background-color: #ECEDEE;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
  display: inline-block;
  padding: 4px 8px;
  position: relative;
  top: -32px;
  left: -5px;
  margin-left: calc(50% * -1);
  color: #222222;
}
.stock-results-tooltip:before {
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #ECEDEE;
  transform: rotate(45deg);
  box-shadow: 1px 1px 20px -3px rgba(0, 0, 0, 0.2);
}
.stock-results-loader {
  left: 50%;
  position: absolute;
  height: 2px;
  width: 1px;
  top: 3px;
  z-index: 40;
}
.stock-results--high .stock-results-loader {
  background: #00C898;
}
.stock-results--high .stock-results-location {
  left: 100%;
}
.stock-results--high .stock-results-location:after {
  border-color: #00C898;
  border: 2px solid #00C898;
}
.stock-results--low .stock-results-loader {
  background: #F44336;
  right: 50%;
  left: auto;
}
.stock-results--low .stock-results-location:after {
  border: 2px solid #F44336;
  border-color: #F44336;
}
.stock-card:hover .stock-results-value {
  top: 0px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.stock-trends {
  height: 8px;
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 10;
  margin: -8px 0 32px;
  padding-bottom: 32px;
}
.stock-trends:after {
  content: "COMPRADORES";
  color: #7E868E;
  position: absolute;
  top: 18px;
  left: 0px;
  z-index: 20;
}
.stock-trends-title {
  margin: 0 0 48px !important;
}
.stock-trends-title--text {
  width: auto;
  float: none;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: -8px;
}
.stock-trends-title--icon {
  width: auto;
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.stock-trends-title--icon .icon-svg {
  height: 40px;
  width: 40px;
  position: relative;
  top: 4px;
  margin-right: 16px;
}
.stock-trends-subtitle {
  margin-top: 32px;
  margin-bottom: 32px;
  display: table;
}
.stock-trends-subtitle--title {
  margin-top: 48px;
}
.stock-trends-subtitle--text {
  display: table-cell;
  margin: 0px;
  vertical-align: middle;
  padding-left: 8px;
}
.stock-trends-subtitle--icon {
  display: table-cell;
  vertical-align: middle;
}
.stock-trends-subtitle--icon .icon-svg {
  height: 28px;
  width: 28px;
  position: relative;
  margin-top: 4px;
}
.stock-trends:before {
  content: "VENDEDORES";
  color: #7E868E;
  position: absolute;
  top: 18px;
  right: 0px;
  z-index: 20;
}
.stock-trends-value {
  margin-top: 32px;
}
.stock-trends-line {
  border-radius: 8px;
  height: 4px;
  background: #EAE9F0;
  top: 3px;
  position: absolute;
  width: 100%;
  display: block;
  z-index: 20;
}
.stock-trends-location {
  height: 8px;
  top: -5px;
  position: absolute;
  margin-left: -7px;
  z-index: 30;
  border-radius: 50%;
}
.stock-trends-location:after {
  content: "";
  width: 14px;
  height: 14px;
  top: 0px;
  left: 0%;
  position: absolute;
  background: #FFFFFF;
  border: 2px solid #7E868E;
  z-index: 30;
  border-radius: 50%;
}
.stock-trends-loader {
  border-radius: 8px;
  position: absolute;
  height: 4px;
  left: 0px;
  width: 1px;
  top: 3px;
  z-index: 40;
}
.stock-trends--high {
  text-transform: uppercase;
}
.stock-trends--high:after {
  color: #00C898;
}
.stock-trends--high .stock-trends-loader {
  background: #00C898;
}
.stock-trends--high .stock-trends-title--text {
  color: #00C898;
}
.stock-trends--high .stock-trends-subtitle--icon {
  fill: #00C898;
}
.stock-trends--high .stock-trends-value--high {
  color: #00C898;
}
.stock-trends--high .stock-trends-location {
  left: 100%;
}
.stock-trends--high .stock-trends-location:after {
  border-color: #00C898;
  border: 4px solid #00C898;
}
.stock-trends--normal {
  text-transform: uppercase;
}
.stock-trends--normal:after {
  color: #7E868E;
}
.stock-trends--normal .stock-trends-title--text {
  color: #7E868E;
}
.stock-trends--normal .stock-trends-subtitle--icon {
  fill: #7E868E;
}
.stock-trends--normal .stock-trends-value--high {
  color: #7E868E;
}
.stock-trends--normal .stock-trends-location {
  left: 100%;
}
.stock-trends--normal .stock-trends-location:after {
  border-color: #7E868E;
  border: 4px solid #7E868E;
}
.stock-trends--low {
  text-transform: uppercase;
}
.stock-trends--low:before {
  color: #F44336;
}
.stock-trends--low .stock-trends-loader {
  background: #F44336;
  left: auto;
  right: 0px;
}
.stock-trends--low .stock-trends-title--text {
  color: #F44336;
}
.stock-trends--low .stock-trends-subtitle--icon {
  fill: #F44336;
}
.stock-trends--low .stock-trends-value--low {
  color: #F44336;
}
.stock-trends--low .stock-trends-location:after {
  border: 4px solid #F44336;
  border-color: #F44336;
}
@media screen and (max-width: 1023px) {
  .stock-trends-title {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0px 0 24px !important;
  }
  .stock-trends-title--icon .icon-svg {
    height: 24px;
    width: 24px;
    margin-right: 8px;
    top: 2px;
  }
  .stock-trends-title--text {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .stock-trends-subtitle {
    margin: 24px 0px;
  }
  .stock-trends-subtitle--title {
    margin: 0px;
    text-align: left;
  }
  .stock-trends-value {
    margin-bottom: 0px;
  }
}
.stock-graphic .highcharts-container {
  width: 100% !important;
}
.stock-graphic .highcharts-container > svg {
  width: 100% !important;
}
.stock-graphic .highcharts-tooltip + text {
  display: none;
}
.stock-graphic .highcharts-scrollbar {
  display: none;
}
.stock-graphic .highcharts-scrollbar {
  display: none;
}
.stock-graphic .highcharts-highcharts-scrollbar {
  display: none;
}
.stock-graphic .highcharts-range-selector-buttons {
  display: none;
}
.stock-graphic .highcharts-range-selector-buttons > text {
  display: none;
}
.tracking-page--map {
  position: relative;
}
.tracking-page--list {
  width: 100%;
  display: inline-block;
  position: relative;
  top: 0px;
}
.tracking-page--option {
  width: 14.28%;
  float: left;
  text-align: center;
  color: #7E868E;
  cursor: pointer;
  padding: 8px 0px;
  border-bottom: 3px solid #EAE9F0;
  transition: all 0.4s ease;
}
.tracking-page--option.active {
  color: #6131B4;
  border-bottom-color: #6131B4;
}
.tab {
  padding-top: 8px;
  z-index: 60;
}
.tab .container {
  position: relative;
  border: none;
}
.tab-incontent {
  display: none;
}
.tab-title {
  position: absolute;
  left: 8px;
  top: 0px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
}
.tab-total {
  position: absolute;
  top: 0px;
  right: 8px;
  -webkit-text-align-last: left;
  -moz-text-align-last: left;
  -ms-text-align-last: left;
  text-align-last: left;
}
.tab-total-label, .tab-total-value {
  margin-bottom: 0px !important;
}
.tab-total-label {
  text-transform: uppercase;
  margin-bottom: 0px !important;
}
.tab-total-value {
  line-height: 14px !important;
}
.tab-sticky {
  position: fixed;
  top: 0px !important;
  right: auto !important;
  left: 0px;
  bottom: auto !important;
  width: 100% !important;
  z-index: 50 !important;
  border-bottom: 1px solid #EAE9F0;
  transition: none;
}
.tab-sticky-container {
  left: 0px !important;
}
.tab-sticky.sticky {
  top: 0px !important;
  transition: none;
}
.tab-sticky .tab-item {
  padding: 8px 0px 8px;
  font-size: 18px;
  font-size: 1.125rem;
}
.tab-sticky .tab-title {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
}
.tab-sticky .tab-title, .tab-sticky .tab-total {
  top: 0px;
  transition: all 0.4s ease;
}
.tab-second {
  transition: all 0.5s ease;
}
.tab-second.tab {
  transition: all 0.5s ease;
}
.tab-second.tab-sticky {
  transition: all 0.5s ease;
}
.tab-second.tab-sticky.sticky {
  top: 75px !important;
  transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.tab-container {
  width: 100%;
  text-align: center;
  display: block;
  -ms-text-align-last: center;
  -moz-text-align-last: center;
  -webkit-text-align-last: center;
  text-align-last: center;
}
.tab-container-box {
  width: 100%;
  position: inherit;
  overflow: hidden;
}
.tab-title, .tab-total {
  top: -52px;
  transition: all 0.4s ease;
}
.tab-box {
  float: none;
  width: 40%;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  top: 1px;
}
.tab-item {
  float: left;
  width: 50%;
  border-bottom: 4px solid #EAE9F0;
  color: #7E868E;
  text-decoration: none;
  padding: 8px 0px 8px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  transition: all 0.4s ease;
}
.tab-item:hover {
  border-bottom: 4px solid #7E868E;
  color: #49495C;
}
.tab-item.activeTab {
  border-bottom: 4px solid #6131B4;
  color: #6131B4 !important;
}
@media screen and (max-width: 1919px) {
  .tab-box {
    width: 55%;
  }
}
@media screen and (max-width: 1023px) {
  .tab {
    padding-top: 17px;
    border: none;
    overflow: hidden;
    height: 54px;
  }
  .tab-container-box {
    height: 54px;
  }
  .tab .container {
    position: static;
    position: initial;
  }
  .tab .tab {
    padding-top: 16px;
    border-bottom: 2px solid #7E868E;
  }
  .tab .tab-container {
    position: absolute;
    left: 0px;
  }
  .tab .tab-title, .tab .tab-total {
    position: relative;
    width: 100%;
    -moz-text-align-last: left;
         text-align-last: left;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    padding: 0px 16px;
    margin-bottom: 24px;
  }
  .tab .tab .row {
    margin: 0px;
  }
  .tab .tab-box {
    width: 100%;
    top: 0px;
  }
  .tab .tab-sticky .tab {
    padding: 0px;
  }
  .tab .tab-sticky .tab-item {
    padding: 12px 0px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
  }
  .tab .tab-sticky .tab-item.activeTab {
    font-weight: 700;
  }
  .tab .tab-item {
    float: left;
    width: 50%;
    border-bottom: 2px solid #EAE9F0;
    text-decoration: none;
    padding-bottom: 8px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
  }
  .tab .tab-item:hover {
    border-bottom: 2px solid #7E868E;
    color: #49495C;
  }
  .tab .tab-item.activeTab {
    border-bottom: 2px solid #6131B4;
  }
}
@media screen and (max-width: 767px) {
  .tab-container-box:before {
    background-color: #F8F6FB;
    height: 500px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: "";
    z-index: -1;
    display: block;
  }
}
.tag-default {
  display: inline-block;
  text-transform: uppercase;
  padding: 4px 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
.tag-default--novelty {
  background: #DBC7FF;
  color: #FFFFFF;
}
.sticky .search {
  box-shadow: inset 0 -1px 0 0 #d1d5d7;
  top: 0px;
  position: fixed;
  width: 100%;
}
.search {
  padding: 16px 0px;
  transition: all 0.4s ease;
  background: #FFFFFF;
  z-index: 40;
}
.search-tags--label {
  color: #7E868E;
}
.search-result-bar {
  padding: 8px 0;
  background: #ECEDEE;
  color: #7E868E;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.search.secondItem {
  top: 75px;
}
.search-sticked {
  height: 72px;
  margin-bottom: 32px;
  position: relative;
}
.search-buttons-container--filter-iconed {
  margin-top: 16px;
}
.search-buttons-container--filter-iconed .btn {
  padding: 4px 0;
  width: 100%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.search-buttons-container--filter-iconed .btn span {
  padding: 0px;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.search-buttons-container--filter-iconed .btn .icon-svg {
  display: inline-block;
  height: 24px;
  fill: #6131B4;
  width: 24px;
  vertical-align: middle;
}
.search-button {
  top: 0px;
  position: absolute;
  right: 0px;
  transition: all 0.2s ease;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.search.selected {
  background: #FFFFFF !important;
  box-shadow: inset 0 -2px 0 0 #EAE9F0 !important;
  transition: all 0.4s cubic-bezier(1, 0, 0.25, 1);
}
.search.selected .search-input {
  color: #6131B4;
  font-weight: 500;
}
.search.opened {
  background: #EBEBFC;
  box-shadow: inset 0 -2px 0 0 #6131B4;
  transition: all 0.4s cubic-bezier(1, 0, 0.25, 1);
}
.search.opened .chips {
  transition: all 0.4s cubic-bezier(1, 0, 0.25, 1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.search.opened .search-content {
  width: 100% !important;
}
.search.opened .search-icon .icon-svg {
  fill: #6131B4;
  transition: all 0.4s ease;
}
.search.opened .search-input {
  min-width: 80%;
  margin-bottom: 0px;
  max-width: inherit;
}
.search.opened .search-button {
  top: 0;
  right: 0px;
  transition: all 0.2s ease 0.2s;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.search-icon {
  transform: rotate(95deg);
  display: inline-block;
  height: 40px;
  width: 40px;
  position: relative;
  left: -8px;
  vertical-align: middle;
}
.search-icon .icon-svg {
  display: inline-block;
  height: 40px;
  width: 40px;
  transition: all 0.4s ease;
}
.search-input {
  display: inline-block;
  width: 80%;
  padding: 8px 0px;
  vertical-align: middle;
  margin-bottom: 0px !important;
  max-width: 150px;
}
.simple-search {
  margin-bottom: 48px;
}
.simple-search .simple-search--container .simple-search--left {
  float: left;
  width: 80%;
}
.simple-search .simple-search--container .simple-search--right {
  float: left;
  width: 20%;
}
.simple-search .simple-search--input {
  position: relative;
}
.simple-search .simple-search--input .form-input {
  padding-left: 48px;
  height: 42px;
  line-height: 0;
  margin-bottom: 0 !important;
}
.simple-search .simple-search--input .simple-search--icon {
  position: absolute;
  z-index: 2;
  left: 10px;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translateY(-50%) scaleX(-1);
}
.simple-search .simple-search--input .icon-svg {
  width: 30px;
  height: 30px;
  fill: #7e868e;
}
.simple-search .simple-search--btn {
  border-radius: 0;
  text-align: center;
  height: 42px;
  border: none;
  width: 100%;
}
.search-content-noresults {
  position: absolute;
  background: #FFF;
  text-transform: uppercase;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
  border-bottom: solid 2px #ecedee;
  left: 52px;
  z-index: 60;
  padding: 16px;
  min-width: 450px;
}
.search-content-item {
  position: relative;
  text-transform: capitalize;
}
.search-content-item--sticker {
  color: #7E868E;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
}
.search-content-item--name {
  color: #7E868E;
  font-weight: 500;
  font-size: 12px;
  font-size: 0.75rem;
}
.search-content-item--type {
  right: 0px;
  top: 50%;
  margin-top: -9px;
  text-transform: uppercase;
  position: absolute;
  color: #7E868E;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
}
.search-content-loading {
  position: absolute;
  background: #FFF;
  text-transform: uppercase;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
  border-bottom: solid 2px #ecedee;
  left: 52px;
  z-index: 70;
  padding: 16px;
  min-width: 450px;
}
.search-content-loading + .dropdown {
  display: none;
}
.search-content-icon .icon-svg {
  top: 8px;
  right: 16px;
  position: absolute;
  height: 34px;
  width: 34px;
}
.search-content-results {
  margin: -16px;
  padding: 16px;
  border-bottom: 2px solid #eee;
  pointer-events: none;
  text-transform: uppercase;
  background: #FFFFFF;
  cursor: default;
  font-weight: 700 !important;
}
.search-content-results--number {
  position: absolute;
  right: 16px;
}
.search-content .dropdown {
  background: #FFF;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
  border-bottom: solid 2px #ecedee;
  z-index: 60;
  min-width: 450px;
  overflow-y: auto;
}
.search-content .dropdown-menu li {
  border-bottom: solid 2px #ecedee;
  min-width: 240px;
}
.search-content .dropdown-menu li.active a {
  background: #ECEDEE;
}
.search-content .dropdown-menu li a {
  padding: 16px;
  color: #7E868E;
  display: block;
  font-family: "Roboto" !important;
  font-size: 18px;
  font-size: 1.125rem;
  transition: all 0.2s ease;
}
.search-content .dropdown-menu li a:hover, .search-content .dropdown-menu li a:focus, .search-content .dropdown-menu li a.active {
  background: #ECEDEE;
}
.search-content .dropdown-menu li a strong {
  font-family: "Roboto";
  color: #222222;
}
.search-content .dropdown-menu li:last-child {
  border: none;
}
@media screen and (max-width: 1439px) {
  .search-tags--item.mat-chip {
    margin: 0px 0px 0px 8px !important;
  }
}
@media screen and (max-width: 1023px) {
  .stock-section--filter-area {
    position: relative;
    z-index: 60;
  }

  .sticky .search {
    position: absolute;
  }

  .stock-home-investments-container .stock-cards-list {
    z-index: 50;
  }

  .stock-cards-list {
    position: relative;
    background: #FFFFFF;
    z-index: 60;
    padding-top: 8px !important;
    margin-top: 0px !important;
  }
  .stock-cards-list--results {
    position: relative;
    top: -33px;
    padding-top: 56px !important;
    z-index: 70;
  }

  .stock-filter-bar {
    z-index: 70 !important;
  }

  .simple-search {
    margin: 0;
  }
  .simple-search .simple-search--container .simple-search--left {
    width: 74%;
  }
  .simple-search .simple-search--container .simple-search--right {
    width: 26%;
  }

  .search {
    padding: 0px;
    position: relative;
  }
  .search-icon .icon-svg {
    width: 32px;
    height: 32px;
    left: 2px;
    top: 2px;
    position: relative;
  }
  .search.opened {
    background: #FFFFFF;
    box-shadow: none;
  }
  .search.opened .search-button {
    line-height: 24px;
    height: 24px;
    width: 24px;
    top: 8px;
    right: 8px;
  }
  .search.opened .search-button:before {
    content: "";
    width: 160%;
    height: 160%;
    position: absolute;
    top: -30%;
    left: -30%;
  }
  .search.opened .search-input {
    margin-left: -8px;
  }
  .search.opened .search-container {
    top: 0px;
    background: #FFFFFF;
    padding: 16px 24px 0px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  }
  .search.opened .search-content {
    position: relative;
    background: #EBEBFC;
    box-shadow: inset 0 -2px 0 0 #6131B4;
  }
  .search-content {
    margin-bottom: 8px;
  }
  .search-content-empty {
    position: relative;
    width: 100vw;
    padding: 16px;
    text-transform: uppercase;
    margin: 0px -16px 0px !important;
    box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
    background: #FFFFFF;
    cursor: default;
    font-weight: 700 !important;
  }
  .search-content-empty--number {
    position: absolute;
    right: 16px;
  }
  .search-content-noresults {
    min-width: inherit;
    width: 100vw;
    box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
    left: -16px !important;
    margin-top: 8px;
    background: #FFFFFF;
  }
  .search-content-loading {
    min-width: inherit;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
    left: 0 !important;
    margin-top: 8px;
    background: #FFFFFF;
  }
  .search-content .dropdown {
    min-width: inherit;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
    left: 0 !important;
    margin-top: 8px;
    background: #FFFFFF;
  }
  .search-container {
    top: -120%;
    position: absolute;
    left: 0px;
    width: 100%;
    z-index: 60;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  .search-buttons {
    height: 66px;
  }
  .search-buttons--mobile {
    position: absolute;
    z-index: 30;
    left: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  .search-buttons-box {
    display: inline-block;
    width: 100%;
    margin-top: 16px;
    box-sizing: content-box;
  }
  .search-buttons-container {
    position: relative;
    z-index: 40;
  }
  .search-buttons-container--filter {
    z-index: 20;
  }
  .search-result-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
    height: 33px;
  }
}
@media screen and (max-width: 767px) {
  .search-buttons--mobile .mat-select {
    margin-top: 13px;
  }
}
.chips {
  position: absolute;
  top: 4px;
  right: 0px;
  transition: all 0.4s ease;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.chips--relative {
  position: relative;
  top: auto;
}
.chips--label {
  color: #7E868E;
  padding-right: 8px;
}
.chips--list {
  display: inline-block;
}
.chips--item {
  display: inline-block;
}
.chips--item.mat-chip {
  background: #ECEDEE !important;
  color: #7E868E !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  outline: none;
  cursor: pointer;
  margin: 0px 0px 0px 8px !important;
  transition: all 0.2s ease;
}
.chips--item.mat-chip:hover {
  color: #6131B4 !important;
}
.chips--item.mat-chip.mat-chip--selected {
  background: #F8F6FB !important;
  border: 1px solid #6131B4;
  color: #6131B4 !important;
}
.chips--item.mat-chip.mat-chip--selected:hover {
  color: #FFFFFF !important;
  border: 1px solid #6131B4;
  background: #6131B4 !important;
}
div.player-container {
  position: relative;
}
div.player-container .highcharts-grid-line {
  stroke: none !important;
}
.player-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  min-width: 300px;
  min-height: 600px;
}
.cdb-value {
  color: #00ADD2;
  font-size: 25px;
  font-weight: bold;
}
.poupanca-value {
  color: #aa00ff;
  font-size: 25px;
  font-weight: bold;
}
#valueCalculate {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  overflow: hidden;
  outline: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}
#valueCalculate .question-form {
  position: fixed;
  top: 50%;
  margin-top: -150px;
  left: 50px;
  height: 150px;
}
#valueCalculate .question-form label {
  display: inline-block;
  font-size: 40px;
  font-weight: 500;
  background: -webkit-linear-gradient(-45deg, #3399ff, #50e1ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 8px;
  margin-top: -14px;
}
#valueCalculate .question-form label:first-child {
  color: #00ADD2;
}
#valueCalculate .question-form label:last-child {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  -webkit-text-fill-color: initial;
}
#valueCalculate .question-form input {
  font-family: "Roboto";
  display: block;
  width: 100%;
  max-width: 736px;
  border: none;
  background: transparent;
  outline: 0;
  color: #fff;
  font-size: 92px;
  font-weight: bold;
  border-bottom: 2px solid #808486;
  letter-spacing: 0px;
  margin-left: -5px;
  padding-bottom: 10px;
}
#valueCalculate .question-form input[type=submit] {
  display: none;
}
.valueResult h1 {
  margin-bottom: 0;
}
#valueInvest {
  margin-top: 32px;
  margin-bottom: 26px;
}
/* Graficos */
.graphic-container {
  width: 100%;
  float: left;
}
.graphic-icome {
  margin: 60px 0px 20px;
}
.graphic-label {
  margin-bottom: 10px;
}
.graphic-compare {
  padding: 20px 0;
}
.highcharts-point {
  display: none;
  transition: all 0.4s ease;
}
.highcharts-point:nth-of-type(1),
.highcharts-point:nth-of-type(0) {
  display: block;
}
.highcharts-point.highcharts-point-hover {
  display: block;
}
.highcharts-halo .highcharts-point {
  display: block;
}
.highcharts-axis-labels text {
  transform: rotate(0deg) !important;
}
.highcharts-credits {
  display: none;
}
#graphic-product {
  text-align: left;
  z-index: 1051;
  position: absolute;
  width: 100%;
  left: 0;
  pointer-events: auto;
  box-sizing: border-box;
}
@media screen and (max-width: 300) {
  .total-income {
    font-size: 32px !important;
  }

  .graphic-icome {
    margin-top: 0;
  }

  .graphic-compare {
    padding: 16px 8px;
  }

  .graphic-label {
    font-size: 16px;
    font-weight: 300;
  }
}
.graphic-container {
  width: 100%;
  float: left;
}
.graphic-icome {
  margin: 60px 0px 20px;
}
.graphic-label {
  margin-bottom: 10px;
}
.graphic-compare {
  padding: 20px 0;
}
.highcharts-tooltip-box {
  fill: #FFF;
  stroke-width: 15;
  stroke: #FFF;
}
.highcharts-tooltip text {
  font-size: 20px;
}
.highcharts-point {
  display: none;
  transition: all 0.4s ease;
}
.highcharts-point:nth-of-type(1), .highcharts-point:nth-of-type(0), .highcharts-point:first-of-type {
  display: block;
}
.highcharts-point.highcharts-point-hover {
  display: block;
}
.highcharts-halo + .highcharts-point {
  display: block;
}
.highcharts-axis-labels text {
  transform: rotate(0deg) !important;
}
.highcharts-credits {
  display: none;
}
@media screen and (max-width: 767px) {
  .total-income {
    font-size: 32px !important;
  }

  .graphic-icome {
    margin-top: 0;
  }

  .graphic-compare {
    padding: 16px 8px;
  }

  .graphic-label {
    font-size: 16px;
    font-weight: 300;
  }
}
.value-result {
  margin-top: 90px !important;
}
.value-result h1:not(:first-child) {
  margin-top: 60px;
}
.value-result span:nth-child(2) {
  color: #00ADD2;
}
.value-result span:nth-child(4) {
  color: #aa00ff;
}
.myaccount-accordion-list--item {
  padding-bottom: 24px;
}
.myaccount-accordion-list--item:nth-child(3n+3):not(:last-child) {
  border-bottom: 2px solid #ECEDEE;
  padding-bottom: 32px;
  margin-bottom: 32px;
}
.myaccount-accordion-list--item:last-child {
  padding-bottom: 8px;
  margin-bottom: 0px;
}
.myaccount-accordion-list--field:not(:first-child) {
  margin-top: 40px;
}
.loading-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 89;
  transition: all 0.4s ease;
}
.loading-overlay--active {
  display: block;
  background: rgba(255, 255, 255, 0.9);
}
.loading-overlay-box {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background-color: rgba(126, 134, 142, 0.24);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -24px;
  margin-top: -24px;
}
.loading-overlay-box .icon-svg {
  width: 40px;
  height: 40px;
  position: relative;
  top: 4px;
  left: 4px;
}
.modal-panel#overlay--meus-comprovantes .loading-overlay {
  position: absolute;
}
.page-divided-fixed-brand {
  margin-top: 32px;
}
.page-divided-content--default {
  padding-top: 104px;
  padding-left: 60px;
  width: 100%;
  height: 100vh;
  display: inline-block;
}
.page-divided-content-actions {
  margin-top: 56px;
}
.page-divided.full-height {
  height: auto;
}
.page-divided.full-height.guided-questions {
  height: 100vh;
  overflow-y: visible;
}
.page-divided .full-height {
  height: auto;
}
.page-divided .full-height .guided-sale {
  height: 100vh;
  overflow-y: visible;
}
.page-divided-container {
  position: relative;
}
.page-divided-container:before {
  content: "";
  position: absolute;
  background-color: #222222;
  right: 5vh;
  bottom: 0;
  top: 0;
  min-height: 100vh;
  width: 100vw;
  display: block;
}
.page-divided-container .page-divided-closed {
  position: absolute;
  right: 0;
  z-index: 1000;
  display: block;
  margin: 48px 80px;
}
.page-divided-container .page-divided-closed svg-icon {
  display: block;
}
.page-divided-container .page-divided-closed .icon-svg {
  fill: #7e868e;
  width: 25px;
  height: 25px;
}
.right-top--fixed {
  margin-top: 56px;
}
.page-divided-fixed {
  position: fixed;
  top: 40px;
}
.page-divided-button {
  margin-top: 80px;
}
.page-divided-content {
  padding-left: 60px;
  height: 100vh;
}
.page-divided-content .card-box-value-container {
  margin-top: 64px;
}
.page-divided-content .btn-align--left {
  left: 0;
  right: auto;
  right: initial;
  bottom: 80px;
}
.page-divided-content .input-value .form-input {
  font-family: "Roboto";
}
.page-divided--scroll-title {
  margin-bottom: 24px;
}
.page-divided--scroll-title span {
  display: inline-block;
  margin-bottom: 40px;
}
.divided-right--centered {
  display: flex;
  align-items: center;
  height: 100vh;
}
.divided-right--centered .content-centered {
  vertical-align: middle;
}
@media screen and (max-width: 1023px) {
  .page-divided-fixed-brand .font-small--medium, .page-divided-fixed-brand .sidebar-list--sub-link, .page-divided-fixed-brand .table-default-col--header, .page-divided-fixed-brand .toast-message {
    margin-left: 40px;
  }
}
@media screen and (max-width: 767px) {
  .page-divided-brand--mobile {
    padding: 48px 0px;
  }

  .page-divided-container {
    overflow: hidden;
  }
  .page-divided-container:before {
    display: none;
  }
  .page-divided-container .full-height:first-child {
    background: red;
    display: block;
    background: #222222;
    display: inline-grid;
  }
  .page-divided-container .full-height:first-child .page-divided-fixed {
    padding: 24px 16px;
    position: relative;
    top: 0;
    margin: 0;
  }
  .page-divided-container .card-container {
    padding: 16px;
    margin-top: 24px;
  }

  .page-divided-content--default {
    padding: 0 8px;
    height: auto;
    margin-top: 24px;
  }

  .page-divided-fixed-brand {
    margin-bottom: 32px;
  }

  .page-divided-container {
    padding: 0;
  }
  .page-divided-container .full-height.darker-color {
    background: #FFF;
  }
  .page-divided-container .full-height.darker-color .font-light-color, .page-divided-container .full-height.darker-color .slider-full-width .slide-item--section--container, .slider-full-width .page-divided-container .full-height.darker-color .slide-item--section--container {
    color: #222222 !important;
  }

  .full-height.darker-color {
    background: #FFF;
  }

  .full-height.darker-color .font-light-color, .full-height.darker-color .slider-full-width .slide-item--section--container, .slider-full-width .full-height.darker-color .slide-item--section--container {
    color: #222222 !important;
  }

  .page-divided-content {
    padding: 16px;
  }

  .page-divided--scroll-title {
    font-size: 16px;
  }
}
/* COMPONENTS */
.icon-svg {
  width: 100px;
}
.icon-link .icon-svg {
  fill: #6131B4;
  width: 24px;
  height: 24px;
  display: inline-block;
  background: blue;
}
.styleguide-icon-item .icon-svg {
  width: 70px;
  height: 70px;
}
.card-nav-link-icon {
  width: 32px;
  height: 32px;
  display: inline-block;
  position: relative;
}
.card-nav-link-icon .icon-svg {
  fill: #6131B4;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
}
.icon-app-download .icon-svg {
  fill: #FFFFFF;
  width: 128px;
  height: 40px;
}
.icon-social-media .icon-svg {
  fill: #FFFFFF;
  width: 40px;
  height: 40px;
}
.link--icon-icon .icon-svg {
  fill: #6131B4;
  width: 11px;
  height: 11px;
  transition: all 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.link-icon--large .link--icon-icon .icon-svg {
  height: 26px;
  width: 26px;
}
.support-icon-regular {
  margin-right: 11px;
  margin-top: -6px;
}
.support-icon-regular .icon-svg {
  height: 26px;
  width: 26px;
}
@media (max-width: 767px) {
  .support-icon-regular .icon-svg {
    height: 26px;
    width: 26px;
  }
}
.support-icon-whatsapp {
  margin-top: -4px;
  margin-left: -1px;
}
.support-icon-whatsapp .icon-svg {
  height: 36px;
  width: 36px;
}
.support-icon-iregular {
  margin-top: -11px;
  margin-left: -2px;
  margin-right: 2px;
}
.support-icon-iregular .icon-svg {
  height: 36px;
  width: 36px;
}
.box-info-icon .icon-svg {
  width: 60px;
  height: 60px;
  position: absolute;
  left: -10px;
  top: -10px;
}
.box-info-icon--primary .icon-svg {
  fill: #6131B4;
}
.box-info-icon--light .icon-svg {
  fill: #FFFFFF;
}
.filter-link .icon-svg {
  fill: #6131B4;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
}
.btn--close .icon-svg {
  width: 14px;
  height: 14px;
  fill: #7E868E;
}
#user-already-registered-modal .btn--close .icon-svg {
  fill: #330066;
}
.icon-security .icon-svg {
  fill: #6131B4;
}
.accordion-header--icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.accordion-header--icon [icon=icon_expand_more] .icon-svg {
  fill: #222222;
}
.accordion-header--icon [icon=icon_plus] .icon-svg {
  fill: #6131B4;
}
.accordion-header--icon .icon-svg {
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
}
.accordion-header--logo .icon-svg {
  max-height: 80px;
}
.accordion-header--title .icon-svg {
  float: left;
}
.accordion-lg .accordion-header--icon .icon-svg {
  width: 32px;
  height: 32px;
}
.accordion-lg .accordion-header--title .icon-svg {
  height: 24px;
  width: 24px;
  margin: 5px 16px 0 0;
}
.accordion-md .accordion-header--icon .icon-svg {
  width: 24px;
  height: 24px;
}
.accordion-md .accordion-header--title .icon-svg {
  height: 24px;
  width: 24px;
  margin: 4px 16px 0 0;
}
.accordion-sm .accordion-header--icon .icon-svg {
  width: 16px;
  height: 16px;
}
.accordion-sm .accordion-header--title .icon-svg {
  height: 16px;
  width: 16px;
  margin: 5px 16px 0 0;
}
.accordion-item.md2-accordion-tab-active [icon=icon_plus] .icon-svg {
  transform: scale(1) rotate(-45deg);
}
.accordion-item.md2-accordion-tab-active .accordion-header--icon [icon=icon_expand_more] .icon-svg {
  transform: rotate(-180deg);
}
.product-table--no-results .icon-svg {
  height: 80px;
  width: 80px;
  margin-bottom: 24px;
  fill: #F44336;
}
.icon-success-lighter .icon-svg {
  fill: #52d98a;
}
.icon-warning-lighter .icon-svg {
  fill: #FFB300;
}
.icon-terms-box {
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.icon-terms {
  width: 24px;
  height: 24px;
}
.icon-terms .icon-svg {
  width: 24px;
  height: 24px;
}
.icon-warning-lighter.icon-size-20 .icon-svg {
  width: 20px;
  height: 20px;
}
.icon-warning-lighter.icon-size-36 .icon-svg {
  width: 36px;
  height: 36px;
}
@media screen and (max-width: 1023px) {
  .link-icon--large .link--icon-icon .icon-svg {
    height: 32px;
    width: 32px;
  }
}
@media (max-width: 767px) {
  .accordion-lg [icon=icon_plus] .icon-svg,
.accordion-md [icon=icon_plus] .icon-svg,
.accordion-sm [icon=icon_plus] .icon-svg {
    height: 16px;
    width: 16px;
  }

  .btn--close .icon-svg {
    width: 10px;
    height: 10px;
    fill: #7E868E;
  }
}
.font-xsmall--regular {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 16px;
}
.font-xsmall--medium, .stock-trends:after, .stock-trends:before {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 16px;
}
.font-xsmall--bold {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 16px;
}
.font-small--regular, .opentip-container .opentip .ot-content .pop-content {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 16px;
}
.font-small--medium, .sidebar-list--sub-link, .table-default-col--header, .toast-message {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 16px;
}
.font-small--bold, .data-edit--title, .data-list--item-title, .opentip-container .opentip .ot-content .pop-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 16px;
}
.font-text--regular, .box-more-info-last-video p, .form-simulation--inline .input-field .form-input, .input-filter, .form-textarea, .page-divided-upload--fixed-text, .product-table-item--wallet .product-table-item--header-info .product-table-content .product-table-item--title, .product-table-item--wallet .panel.panel-default .panel-heading .product-table-item--title span, .table-default-col--body, .tracking-page--option {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 16px;
}
.font-text--medium, .sidebar-list--link, .sidebar-list--title, .data-list--item-value, .form-simulation-name {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 16px;
}
.font-text--bold, .tracking-page--option.active, .page-divided--scroll-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 16px;
}
.font-subtitle-df--light {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 29px;
  margin-bottom: 24px;
}
.font-subtitle-df--regular, .attendanceTextarea, .page-divided-content .input-value .form-input {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 29px;
  margin-bottom: 24px;
}
.font-subtitle-df--medium {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 29px;
  margin-bottom: 24px;
}
.font-subtitle-df--bold, .accordion-lg .accordion-header, .accordion-md .accordion-header {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 29px;
  margin-bottom: 24px;
}
.font-subtitle-hl--light {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 300;
  line-height: 38px;
  margin-bottom: 24px;
}
.font-subtitle-hl--regular {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 38px;
  margin-bottom: 24px;
}
.font-subtitle-hl--medium, .form-simulation-input, .form-simulation-value, .form-simulation-select .mat-select-value,
.form-simulation-select .mat-select-value-text {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 38px;
  margin-bottom: 24px;
}
.font-subtitle-hl--bold, .form-simulation--block .form-simulation-select .mat-select-value-text {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 24px;
}
.font-title--light {
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 50px;
  margin-bottom: 24px;
}
.font-title--regular {
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 400;
  line-height: 50px;
  margin-bottom: 24px;
}
.font-title--medium {
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 500;
  line-height: 50px;
  margin-bottom: 24px;
}
.font-title--bold {
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 24px;
}
.font-hero--light {
  font-size: 54px;
  font-size: 3.375rem;
  font-weight: 300;
  line-height: 65px;
  margin-bottom: 24px;
}
.font-hero--regular {
  font-size: 54px;
  font-size: 3.375rem;
  font-weight: 400;
  line-height: 65px;
  margin-bottom: 24px;
}
.font-hero--medium {
  font-size: 54px;
  font-size: 3.375rem;
  font-weight: 500;
  line-height: 65px;
  margin-bottom: 24px;
}
.font-hero--bold, .box-more-info-last-video h1 {
  font-size: 54px;
  font-size: 3.375rem;
  font-weight: 700;
  line-height: 65px;
  margin-bottom: 24px;
}
.font-superhero--light {
  font-size: 72px;
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 70px;
  margin-bottom: 24px;
}
.font-superhero--regular {
  font-size: 72px;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 70px;
  margin-bottom: 24px;
}
.font-superhero--medium {
  font-size: 72px;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 70px;
  margin-bottom: 24px;
}
.font-superhero--bold {
  font-size: 72px;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 70px;
  margin-bottom: 24px;
}
.font-smile {
  font-family: Arial, sans-serif;
}
/* 
  <div class="text-container">
        <p class="font-text--regular">
            Com esse login e senha você já tem acesso a vários de nossos conteúdos. Aprenda, simule, tire suas dúvidas, estamos aqui para ajudar você. Em seguida, vamos iniciar o processo de abertura da conta de investimento. Somente com ela você vai conseguir investir.
        </p>
        <p class="font-text--regular">
            Não se preocupe, vamos ajudar em todo o processo.
        </p>
    </div>
*/
.text-container {
  margin-bottom: 40px;
}
@media (max-width: 1439px) {
  .font-text--regular, .box-more-info-last-video p, .form-simulation--inline .input-field .form-input, .input-filter, .form-textarea, .page-divided-upload--fixed-text, .product-table-item--wallet .product-table-item--header-info .product-table-content .product-table-item--title, .product-table-item--wallet .panel.panel-default .panel-heading .product-table-item--title span, .table-default-col--body, .tracking-page--option {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 16px;
  }

  .font-text--regular, .box-more-info-last-video p, .form-simulation--inline .input-field .form-input, .input-filter, .form-textarea, .page-divided-upload--fixed-text, .product-table-item--wallet .product-table-item--header-info .product-table-content .product-table-item--title, .product-table-item--wallet .panel.panel-default .panel-heading .product-table-item--title span, .table-default-col--body, .tracking-page--option {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }

  .font-text--medium, .sidebar-list--link, .sidebar-list--title, .data-list--item-value, .form-simulation-name {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 16px;
  }

  .font-text--bold, .tracking-page--option.active, .page-divided--scroll-title {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
  }

  .font-subtitle-df--light {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 24px;
  }

  .font-subtitle-df--regular, .attendanceTextarea, .page-divided-content .input-value .form-input {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 24px;
  }

  .font-subtitle-df--medium {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 24px;
  }

  .font-subtitle-df--bold, .accordion-lg .accordion-header, .accordion-md .accordion-header {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 24px;
  }

  .font-subtitle-hl--light {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 29px;
    margin-bottom: 24px;
  }

  .font-subtitle-hl--regular {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 24px;
  }

  .font-subtitle-hl--medium, .form-simulation-input, .form-simulation-value, .form-simulation-select .mat-select-value,
.form-simulation-select .mat-select-value-text {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: 24px;
  }

  .font-subtitle-hl--bold, .form-simulation--block .form-simulation-select .mat-select-value-text {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 24px;
  }

  .font-title--light {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 300;
    line-height: 38px;
    margin-bottom: 24px;
  }

  .font-title--regular {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 38px;
    margin-bottom: 24px;
  }

  .font-title--medium {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 24px;
  }

  .font-title--bold {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 24px;
  }

  .font-hero--light {
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: 300;
    line-height: 50px;
    margin-bottom: 24px;
  }

  .font-hero--regular {
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 24px;
  }

  .font-hero--medium {
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: 500;
    line-height: 50px;
    margin-bottom: 24px;
  }

  .font-hero--bold, .box-more-info-last-video h1 {
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 24px;
  }
}
@media (max-width: 1023px) {
  .font-small--regular, .opentip-container .opentip .ot-content .pop-content {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 16px;
  }

  .font-small--medium, .sidebar-list--sub-link, .table-default-col--header, .toast-message {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 16px;
  }

  .font-small--bold, .data-edit--title, .data-list--item-title, .opentip-container .opentip .ot-content .pop-title {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 16px;
  }

  .font-text--regular, .box-more-info-last-video p, .form-simulation--inline .input-field .form-input, .input-filter, .form-textarea, .page-divided-upload--fixed-text, .product-table-item--wallet .product-table-item--header-info .product-table-content .product-table-item--title, .product-table-item--wallet .panel.panel-default .panel-heading .product-table-item--title span, .table-default-col--body, .tracking-page--option {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 21px;
    margin-bottom: 16px;
  }

  .font-text--regular, .box-more-info-last-video p, .form-simulation--inline .input-field .form-input, .input-filter, .form-textarea, .page-divided-upload--fixed-text, .product-table-item--wallet .product-table-item--header-info .product-table-content .product-table-item--title, .product-table-item--wallet .panel.panel-default .panel-heading .product-table-item--title span, .table-default-col--body, .tracking-page--option {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 16px;
  }

  .font-text--medium, .sidebar-list--link, .sidebar-list--title, .data-list--item-value, .form-simulation-name {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 16px;
  }

  .font-text--bold, .tracking-page--option.active, .page-divided--scroll-title {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 16px;
  }

  .font-subtitle-df--light {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 24px;
  }

  .font-subtitle-df--regular, .attendanceTextarea, .page-divided-content .input-value .form-input {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 24px;
  }

  .font-subtitle-df--medium {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 24px;
  }

  .font-subtitle-df--bold, .accordion-lg .accordion-header, .accordion-md .accordion-header {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 24px;
  }

  .font-subtitle-hl--light {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 29px;
    margin-bottom: 24px;
  }

  .font-subtitle-hl--regular {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 24px;
  }

  .font-subtitle-hl--medium, .form-simulation-input, .form-simulation-value, .form-simulation-select .mat-select-value,
.form-simulation-select .mat-select-value-text {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: 24px;
  }

  .font-subtitle-hl--bold, .form-simulation--block .form-simulation-select .mat-select-value-text {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 24px;
  }

  .font-title--light {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 38px;
    margin-bottom: 24px;
  }

  .font-title--regular {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 38px;
    margin-bottom: 24px;
  }

  .font-title--medium {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 24px;
  }

  .font-title--bold {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 24px;
  }

  .font-hero--light {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 300;
    line-height: 38px;
    margin-bottom: 24px;
  }

  .font-hero--regular {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 38px;
    margin-bottom: 24px;
  }

  .font-hero--medium {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 24px;
  }

  .font-hero--bold, .box-more-info-last-video h1 {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 24px;
  }

  .font-superhero--light {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 24px;
  }

  .font-superhero--regular {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 24px;
  }

  .font-superhero--medium {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 24px;
  }

  .font-superhero--bold {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 24px;
  }
}
/**
* Toro
*
* Colour palette
*
* This style sheet describes all
* colors in this project
*
* All the variables are described in
* _variables.scss
*
* @project Toro
* @version 1.0
* @package variables
*
*/
.base-color {
  background-color: #222222;
}
.base-color--lighter {
  background-color: #1F073B;
}
.base-color--foreground {
  background-color: #F8F6FB;
}
.font-base-color, .sidebar-list--sub-link, .sidebar-list--link, .sidebar-list--title, .alert-content {
  color: #222222;
}
.font-base-color--lighter {
  color: #1F073B;
}
.icon-base-color {
  fill: #222222;
}
.icon-base-color--lighter {
  fill: #1F073B;
}
.gray-color--bolder {
  background-color: #49495C;
}
.gray-color--darker {
  background-color: #7E868E;
}
.gray-color--lighter {
  background-color: #EAE9F0;
}
.font-gray-color--bolder {
  color: #49495C;
}
.font-gray-color--darker, .data-edit--title, .data-list--item-title, .list-progress-item {
  color: #7E868E;
}
.font-gray-color--lighter {
  color: #EAE9F0;
}
.icon-gray-color--bolder {
  fill: #49495C;
}
.icon-gray-color--darker {
  fill: #7E868E;
}
.icon-gray-color--lighter {
  fill: #EAE9F0;
}
.light-color, .slider-full-width .slick-prev,
.slider-full-width .slick-next, .slider-full-width .slick-dots li button:hover, .slider-full-width .slick-dots li.slick-active button {
  background-color: #FFFFFF;
}
.light-color--lighter {
  background-color: #ECEDEE;
}
.font-light-color, .slider-full-width .slide-item--section--container {
  color: #FFFFFF;
}
.font-light-color--transparent {
  color: #FFFFFF;
  opacity: 0.75;
}
.font-light-color--lighter {
  color: #ECEDEE;
}
.icon-light-color {
  fill: #FFFFFF;
}
.icon-light-color--lighter {
  fill: #ECEDEE;
}
.primary-color {
  background-color: #6131B4;
}
.primary-color--lighter {
  background-color: #DBC7FF;
}
.primary-color--darker {
  background-color: #330066;
}
.primary-color--darker--gradient {
  background: linear-gradient(161.24deg, #330066 27.58%, rgba(97, 49, 180, 0.5) 89.18%), #330066;
}
.font-primary-color, .sidebar-list--sub li.active .sidebar-list--sub-link, .sidebar-list--sub li:hover .sidebar-list--sub-link, .sidebar-list li:hover .sidebar-list--link, .sidebar-list li.active .sidebar-list--link, .box-more-info-last-video h1, .slider-full-width .slick-prev:before,
.slider-full-width .slick-next:before {
  color: #6131B4;
}
.font-primary-color--darker {
  color: #330066;
}
.font-primary-color--lighter {
  color: #DBC7FF;
}
.icon-primary-color {
  fill: #6131B4;
}
.icon-primary-color--darker {
  fill: #330066;
}
.icon-primary-color--lighter {
  fill: #DBC7FF;
}
.secondary-color {
  background-color: #E7517E;
}
.secondary--darker {
  background-color: #BA2E59;
}
.font-secondary-color {
  color: #E7517E;
}
.font-secondary-color--darker {
  color: #BA2E59;
}
.icon-secondary-color {
  fill: #E7517E;
}
.icon-secondary-color--darker {
  fill: #BA2E59;
}
.success-color {
  background-color: #00C898;
}
.success-color--lighter {
  background-color: #52d98a;
}
.success-color--darker {
  background-color: #038f44;
}
.font-success-color {
  color: #00C898;
}
.font-success-color--darker {
  color: #038f44;
}
.font-success-color--lighter {
  color: #52d98a;
}
.icon-success-color {
  fill: #00C898;
}
.danger-color {
  background-color: #F44336;
}
.danger-color--lighter {
  background-color: #f77f76;
}
.danger-color--darker {
  background-color: #a83530;
}
.font-danger-color {
  color: #F44336;
}
.font-danger-color--darker {
  color: #a83530;
}
.font-danger-color--lighter {
  color: #f77f76;
}
.icon-danger-color {
  fill: #F44336;
}
.action-color {
  background-color: #FF6D00;
}
.action-color--lighter {
  background-color: #ff9b52;
}
.action-color--darker {
  background-color: #b0510c;
}
.font-action-color {
  color: #FF6D00;
}
.font-action-color--darker {
  color: #b0510c;
}
.font-action-color--lighter {
  color: #ff9b52;
}
.warning-color {
  background-color: #FFB300;
}
.warning-color--lighter {
  background-color: #FFE040;
}
.warning-color--darker {
  background-color: #D4AF37;
}
.font-warning-color {
  color: #FFB300;
}
.font-warning-color--darker {
  color: #D4AF37;
}
.font-warning-color--lighter {
  color: #FFE040;
}
.icon-warning-color {
  fill: #FFB300;
}
.gray-color {
  background-color: #6561A4;
}
.gray-color--lighter {
  background-color: #EAE9F0;
}
.gray-color--darker {
  background-color: #7E868E;
}
.font-gray-color {
  color: #6561A4;
}
.font-gray-color--darker, .data-edit--title, .data-list--item-title, .list-progress-item {
  color: #7E868E;
}
.font-gray-color--lighter {
  color: #EAE9F0;
}
.font-purple-color {
  color: #6131B4;
}
.daytrade-color {
  background: #DBC7FF;
  color: #1F073B;
}
.font-daytrade-color {
  color: #DBC7FF;
}
.modal-fullscreen {
  position: relative;
  display: block;
  min-height: 100%;
  width: 100%;
  margin-bottom: -120%;
}
.modal-fullscreen .mat-dialog-container {
  height: 100vh;
  max-width: 100%;
}
.modal-container {
  padding: 48px;
}
@media (max-width: 767px) {
  .modal-container {
    padding: 16px;
  }
}
.modal-fade {
  position: relative;
  display: block;
  min-height: 100%;
  width: 100%;
}
.modal-fade .mat-dialog-container {
  height: 100vh;
  max-width: 100%;
}
@media (max-width: 767px) {
  .cdk-global-scrollblock body {
    position: fixed;
    overflow: hidden;
  }
}
.chart-container {
  height: 364px;
  max-height: 364px;
  transition: max-height 1s ease;
  transition: height 1s ease;
}
.chart-container .highcharts-grid-line {
  stroke: none !important;
}
.chart-container .highcharts-xaxis .highcharts-axis-line {
  stroke: none;
}
.chart-wraper {
  position: relative;
  height: 100%;
}
.tooltip-value {
  width: 49% !important;
  display: inline-block;
}
@media (min-width: 1074px) {
  .chart-container {
    max-height: 404.6px;
    height: 404.6px;
  }
}
@media (min-width: 1124px) {
  .chart-container {
    max-height: 445px;
    height: 445px;
  }
}
@media (min-width: 1174px) {
  .chart-container {
    max-height: 485.6px;
    height: 485.6px;
  }
}
@media (min-width: 1224px) {
  .chart-container {
    max-height: 526px;
    height: 526px;
  }
}
@media (min-width: 1274px) {
  .chart-container {
    max-height: 566.6px;
    height: 566.6px;
  }
}
@media (min-width: 1440px) {
  .chart-container {
    max-height: 608px;
    height: 608px;
  }
}
.chart-container .tooltip-graphic {
  -ms-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  -o-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  padding: 40px;
  background: #FFFFFF;
}
.chart-container .tooltip-graphic .tooltip-value {
  display: inline-block;
  width: 50%;
  min-width: 160px;
  margin-top: 32px;
}
.chart-container .tooltip-graphic .tooltip-value h6 {
  margin-bottom: 4px;
}
.chart-container .tooltip-graphic .tooltip-primary h5 {
  margin-bottom: 0;
}
.chart-container .highcharts-tooltip-box {
  stroke-width: 0;
  fill: rgba(0, 0, 0, 0);
}
.chart-container .font-purple-color {
  color: #aa00ff;
}
@media (max-width: 1174px) {
  .tooltip-graphic {
    padding: 16px !important;
  }
  .tooltip-graphic .tooltip-value {
    min-width: 144px;
  }
}
/* PAGES */
.attendance-sticky {
  background-color: #024a55;
  padding: 12px 0;
}
.attendance-sticky p {
  margin: 0;
}
.attendance-content {
  display: inline-block;
  padding: 0;
  position: relative;
  width: 100%;
  margin-top: 24px;
  background-color: #fff;
}
.attendance-content--writing {
  background-color: #6561A4;
  border-bottom: 2px solid #ECEDEE;
  bottom: 0;
  margin-top: 56px;
  padding: 24px 0;
  position: fixed;
  overflow: hidden;
  width: 100%;
  transition: all 0.4s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.attendance-content--writing.active {
  background-color: #d6f4f8;
  border-bottom-color: #6131B4;
}
.attendance-content--writing.ng-valid {
  background-color: #d6f4f8;
  border-bottom-color: #6131B4;
}
.attendance-content--writing.ng-valid:before {
  top: 0px;
}
.attendance-content--writing.ng-valid:after {
  margin-top: -2px;
}
.attendance-content--writing-align {
  display: table;
  vertical-align: middle;
  width: 100%;
}
.attendance-content--writing-align > div {
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  float: none;
}
.attendance-content--writing .btn {
  margin-bottom: 0px;
}
.rating-list {
  margin: 16px 0;
}
.rating-list--item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0px;
  position: relative;
}
.rating-list--radio {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.rating-list--label {
  border: 2px solid #EAE9F0;
  color: #7E868E;
  cursor: pointer;
  display: inline-block;
  padding: 8px 16px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
.rating-list--label:hover {
  border-color: #222222;
  color: #222222;
}
.rating-list [type=radio]:checked + .rating-list--label {
  background-color: #222222;
  border-color: #222222;
  color: #FFFFFF;
}
.modal-content--rating .textarea-field textarea {
  border: none;
  border-bottom: 2px solid #EAE9F0;
  color: #7E868E;
  height: auto;
  max-width: 100%;
  outline: none;
  padding: 16px 0;
  resize: none;
  width: 100%;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
}
.modal-content--rating .textarea-field .form-label:not(.active) {
  top: 50%;
  transform: translateY(-50%);
}
.modal-content--rating .br-units {
  display: block;
  float: left;
}
.modal-content--rating .br-text {
  float: left;
  display: block;
  margin: 24px 0 0 16px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}
.accordion-header--faq {
  padding: 40px !important;
}
.attendanceTextarea {
  font-family: "Roboto";
  background-color: transparent;
  border: none;
  color: #222222;
  max-height: 100px;
  outline: none;
  overflow: hidden;
  padding: 0px;
  resize: none;
  width: 100%;
  transition: all 0.4s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.activeMobile {
  position: absolute !important;
}
.attendance-button {
  background-color: #6131B4;
  border: none;
  border-radius: 60px;
  bottom: 20px;
  display: block;
  height: 32px;
  padding: 0px;
  position: absolute;
  right: 16px;
  width: 32px;
  transition: all 0.4s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.attendance-button.disabled {
  background-color: #EAE9F0;
}
.attendance-button .icon-svg {
  fill: #FFFFFF;
  height: 24px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 24px;
  transform: translateY(-50%) translateX(-50%);
}
@media screen and (min-width: 1024px) {
  .attendance-header .btn + .btn {
    margin-left: 16px;
  }
  .attendance--body {
    display: inline-block;
    position: relative;
    width: 100%;
  }
  .attendance-button {
    background-color: #6131B4;
    border: none;
    border-radius: 60px;
    bottom: 20px;
    display: block;
    height: 32px;
    padding: 0px;
    position: absolute;
    right: 16px;
    width: 32px;
    transition: all 0.4s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  }
  .attendance-button.disabled {
    background-color: #EAE9F0;
  }
  .attendance-button .icon-svg {
    fill: #FFFFFF;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    transform: translateY(-50%) translateX(-50%);
  }
}
@media screen and (max-width: 1439px) {
  .attendance-content--writing {
    bottom: 0px !important;
    padding-bottom: 22px;
  }

  .faq-ask {
    margin-left: 8.33333333%;
    width: 83.33333333%;
  }
}
@media screen and (min-width: 768px) {
  .attendance-sticky--middle {
    display: table;
    vertical-align: middle;
    width: 100%;
  }
  .attendance-sticky--text {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .attendance-sticky--button {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-left: 32px;
  }
}
@media screen and (max-width: 1023px) {
  .attendance-sticky {
    padding: 0px;
  }
  .attendance-sticky--button {
    margin-top: 16px;
  }

  .rating-list--item {
    width: 100%;
    margin-bottom: 8px;
  }
  .rating-list--label {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .attendance-content {
    padding: 24px 0 24px;
    padding-top: 0;
    margin-top: 0;
  }
  .attendance-content .attendanceTextarea {
    width: 90%;
  }
  .attendance-assessor {
    padding: 56px 0;
  }
  .attendance-assessor--header {
    padding: 16px 0 20px;
  }

  .modal-content--rating .br-unit {
    font-size: 30px !important;
  }
  .modal-content--rating .br-text {
    width: 100%;
    margin: 16px 0 0 0;
  }

  .faq-ask {
    position: static;
    position: initial;
    margin-left: 0;
    width: 100%;
  }
  .faq-ask--title {
    margin: 8px 0 24px 0;
  }
  .faq-ask--cta {
    display: block;
  }
  .faq-ask--cta-item {
    display: block;
    padding: 0 !important;
  }

  .faq-category--content,
.accordion-header--faq {
    padding: 24px !important;
  }

  .faq {
    margin: 32px 0 !important;
  }
}
.waiting-animation {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
  padding: 0 24px;
  opacity: 1;
  transition: all 0.4s ease-in-out;
}
.waiting-animation:before {
  content: "";
  display: block;
  position: absolute;
  opacity: 0.96;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #1F073B;
}
.waiting-animation--align {
  vertical-align: middle;
  float: none;
  position: relative;
  text-align: center;
  display: table-cell;
}
.waiting-animation--middle {
  display: inline-block;
  text-align: left;
  width: 475px;
}
.container-justify--top .tr-accordion--tab {
  border-bottom: 2px solid rgba(255, 255, 255, 0.24);
}
.product-table-item--button {
  float: right;
  margin-top: -13px;
  color: #6131B4;
  background: none;
}
.filter-form-simulation--category {
  overflow: hidden;
  display: inline-block;
  width: 100%;
  background-color: #222222;
  z-index: 70;
  transition: all 0.3s ease-in-out;
}
.filter-form-simulation--category .cta--button {
  margin: 28px 0 0;
  padding-right: 0px;
}
.overlay-advanced-filter {
  margin-bottom: 32px;
}
.overlay-advanced-filter .container,
.overlay-advanced-filter .container-fluid {
  position: relative;
}
.overlay-advanced-filter .container .btn--close,
.overlay-advanced-filter .container-fluid .btn--close {
  margin: 0px;
}
.overlay-advanced-filter--select {
  margin-top: 24px;
}
.overlay-advanced-filter--confirm {
  text-align: right;
  margin-top: 12px;
}
.category-section.closed {
  height: 0px;
  overflow: hidden;
}
.advanced-fields {
  height: 36px;
  position: relative;
  width: 100%;
}
.advanced-fields--open {
  cursor: pointer;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}
.advanced-fields--close {
  cursor: pointer;
  position: absolute;
  width: 100%;
  top: -4px;
  left: 0;
  opacity: 0;
}
.advanced-fields--icon {
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.4s ease-in-out;
  transform: rotate(0deg);
}
.advanced-fields--icon .icon-svg {
  height: 18px;
  width: 18px;
  fill: #6131B4;
}
.product-table--no-results {
  padding: 96px 0;
}
.product-table--no-results .btn {
  margin: 40px 16px;
}
@media screen and (max-width: 1023px) {
  .waiting-animation--middle {
    width: 400px;
  }

  .product-table-item--button {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    margin-top: 0px;
    width: 100%;
  }

  .form-simulation-group--box {
    height: 0px;
    overflow: hidden;
  }

  .overlay-advanced-footer--checkbox {
    margin-bottom: 48px;
  }

  .form-simulation-group.selected {
    padding-bottom: 0px;
  }
  .form-simulation-group.selected .advanced-fields--open {
    opacity: 0;
    top: -4px;
  }
  .form-simulation-group.selected .advanced-fields--close {
    opacity: 1;
    top: 0;
  }
  .form-simulation-group.selected .advanced-fields--icon {
    transform: rotate(180deg);
  }
  .form-simulation-group.selected .form-simulation-group--box {
    height: auto;
    padding-top: 16px;
  }

  .banner-full-height--category {
    height: 80vh;
  }
  .banner-full-height--category .form-simulation .form-simulation-value {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
  }
  .banner-full-height--category .form-simulation .selectric .label {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
  }
  .banner-full-height--category .form-simulation .selectric .button:before {
    top: 0px;
  }
  .banner-full-height--category .form-simulation .btn {
    min-width: 100%;
    padding: 16px;
    height: auto;
  }
  .banner-full-height--category .form-simulation .btn-text {
    width: 100%;
    text-align: center;
    display: inline-block;
  }

  .banner-full-width--category {
    padding: 10vh 0;
  }
  .banner-full-width--category .btn {
    margin-top: 2vh;
  }

  .category-wrap--form-simulation-block {
    margin: 32px 0 16px;
  }

  .category-wrap--form-link {
    padding-top: 16px;
  }

  .backdrop-filter-sticky--js {
    background: #222222;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 60;
    opacity: 0.6;
    overflow: hidden;
  }

  .product-table--no-results {
    padding: 64px 0;
  }
  .product-table--no-results .icon-svg {
    height: 60px;
    width: 60px;
    margin-bottom: 16px;
  }
  .product-table--no-results .btn {
    margin: 8px 0;
  }
}
@media screen and (max-width: 767px) {
  .waiting-animation--middle {
    max-width: 100%;
    width: auto;
  }

  .banner-full-width--category {
    padding: 10vh 0;
    height: auto;
  }

  .filter-form-simulation--category .cta--button {
    margin: 0px;
  }

  .category-wrap--form-simulation-block {
    margin-top: 8px;
  }

  .overlay-advanced-filter--select .md2-select-placeholder.md2-floating-placeholder {
    top: -22px !important;
  }

  .overlay-advanced-filter--checkbox .checkbox-field {
    margin: 0 0 24px;
  }
}
.checkout-header {
  padding: 32px 32px 16px 32px;
  position: relative;
}
.checkout-header--title {
  width: 95%;
}
.checkout-header--icon {
  right: 40px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.checkout-header--icon .icon-svg {
  fill: #6131B4;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.2s ease-in-out;
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.checkout-container-inner {
  padding: 0 32px 0;
}
.checkout-observation {
  padding: 24px 24px;
  background-color: #F8F6FB;
  margin-top: 0;
}
.checkout-observation .card-box-value {
  margin-left: 0;
}
.checkout-button {
  margin: 24px 0 0 0;
}
.checkout-line {
  margin-top: 16px;
}
.checkout-list {
  margin-top: 48px;
}
.checkout-list-item + .checkout-list-item {
  margin-top: 32px;
}
.checkout-item.closed .checkout-container {
  overflow: hidden;
  height: 0px;
}
.checkout-item.closed .checkout-header {
  cursor: pointer;
}
.checkout-item.closed .checkout-header--icon .icon-svg {
  transform: translateY(-50%) translateX(-50%) rotate(-90deg);
}
.checkout-item.closed:hover .checkout-header--icon .icon-svg {
  transform: translateY(-50%) translateX(-50%) rotate(-180deg);
}
.checkout-term-title {
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}
.checkout-term-title span {
  display: inline-block;
  vertical-align: middle;
}
.checkout-term-text {
  margin-top: 24px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
}
.checkout-term-item {
  margin-bottom: 16px;
}
.checkout-disabled {
  box-shadow: none !important;
  background-color: #ECEDEE !important;
  pointer-events: none !important;
}
.checkout-disabled .accordion-header {
  cursor: default;
  color: #7E868E;
}
.checkout-disabled .accordion-header--top .accordion-header--title span {
  text-decoration: line-through;
}
.checkout-disabled .add-item {
  pointer-events: auto;
}
.checkout .tr-accordion {
  margin-top: 32px;
}
.checkout .form-group--select {
  padding-top: 0;
}
.checkout-line--first {
  margin-top: 0;
}
.checkout-line--first .form-group {
  padding: 0;
}
.checkout .add-item {
  pointer-events: all;
  margin-left: 8px;
}
.checkout .page-navigation {
  margin-top: 48px;
}
.checkout-terms .page-navigation {
  margin-top: 48px;
}
.page-divided-fixed {
  top: 120px;
}
.page-divided-fixed .text-container {
  float: none;
}
list-checkout:last-of-type .checkout-list-item {
  margin-bottom: 0px;
}
.checkout-navbar .navbar-single-content {
  padding-top: 0 !important;
}
.checkout-product-list-item {
  margin-top: 16px;
}
.checkout-card .card-box-value {
  margin-bottom: 0px;
}
.alert-box--top {
  margin-bottom: 32px;
}
.checkout-line .card-box-value {
  padding: 8px 0;
}
.checkout-observation .card-box-value {
  padding: 8px 16px 16px;
  margin-top: 0;
}
.checkout-terms--list {
  margin: 16px 0;
}
.checkout-terms--list li {
  display: inline-block;
  margin-bottom: 16px;
  position: relative;
}
@media (max-width: 767px) {
  .checkout-term header.checkout-header {
    padding: 32px 16px;
  }

  .checkout-list {
    margin-top: 0px;
  }
  .checkout-list-item {
    margin-bottom: 16px;
  }

  .checkout-header--icon {
    right: 24px;
  }
  .checkout-header--icon .icon-svg {
    height: 16px;
    width: 16px;
  }

  .checkout-container-inner {
    padding: 16px;
  }

  .checkout-term-item + .checkout-term-item {
    margin-top: 24px;
  }

  .checkout-button .btn {
    margin-bottom: 0px;
  }

  .checkout-list-item + .checkout-list-item {
    margin-top: 24px;
  }

  .toro-accondion-item .accordion-header {
    padding: 24px 64px;
  }

  .page-divided-container .full-height:first-child {
    margin-bottom: 32px;
    padding-bottom: 24px;
  }
  .page-divided-container .full-height:first-child .page-divided-fixed {
    top: 32px;
  }
  .page-divided-container .full-height:first-child .back-link.link--iconed-left {
    padding-left: 16px;
    margin-bottom: 8px;
  }
  .page-divided-container .full-height:first-child .back-link.link--iconed-left .link--iconed-text {
    padding-left: 8px;
  }
  .page-divided-container .full-height:first-child .back-link.link--iconed-left .icon-svg {
    height: 16px;
    width: 16px;
  }
}
.checkout-success .modal-container {
  margin-top: 80px;
  padding: 48px 14px;
  margin-bottom: 24px;
}
.checkout-success .overlay-title {
  width: 100%;
}
.checkout-success .overlay-title-icon .icon-svg {
  fill: #00C898;
  height: 60px;
  width: 60px;
  float: none;
  margin-top: -12px;
}
@media screen and (max-width: 768px) {
  .accordion-item .toro-accordion-container {
    padding: 0 16px;
  }

  .checkout-observation {
    padding: 8px 0;
  }

  .accordion-header--title span {
    width: 90%;
  }

  .accordion-header {
    padding: 24px 16px;
  }
}
@media (max-width: 1024px) {
  .checkout-term .checkout-container .checkout-observation {
    padding: 24px 32px;
  }

  .card-box-value {
    margin: 0 0 8px;
  }

  .checkout .tr-accordion {
    margin-top: 8px;
  }
  .checkout-line--first .form-group {
    margin-bottom: 16px;
  }
  .checkout .page-navigation {
    margin-top: 24px;
  }
  .checkout-header {
    padding-bottom: 0 !important;
  }
  .checkout-header--title {
    margin-bottom: 40px;
  }
  .checkout-container .checkout-container-inner {
    padding-top: 0 !important;
  }
  .checkout-container .checkout-container-inner:last-child {
    padding-bottom: 0 !important;
  }
  .checkout-container .checkout-container-inner .checkout-term-item {
    margin-bottom: 0;
  }
  .checkout-container .checkout-container-inner .checkout-term-item.col-md-offset-2 {
    margin-top: 0 !important;
  }
  .checkout-observation {
    padding-left: 16px !important;
  }
  .checkout-observation .checkbox-label {
    padding-left: 8px;
  }
  .checkout .page-divided-container .full-height:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .checkout-terms .page-navigation {
    margin-top: 16px !important;
  }
  .checkout-terms .page-divided-container .full-height:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .checkout-success .card-container {
    padding: 24px 16px;
  }
  .checkout-success .modal-container {
    padding-top: 40px !important;
  }
}
.draft-bank-list::before {
  content: "";
}
.draft-bank-list:first-child {
  border: none;
}
.draft-bank-list + .draft-bank-list {
  border-top: 2px solid rgba(234, 233, 240, 0.5);
}
.bank-options {
  margin-bottom: 48px;
  margin-top: 24px;
}
.box-bank {
  display: inline-block;
  width: 100%;
  margin-left: 16px;
  vertical-align: middle;
  padding: 24px 32px;
  margin: 0px;
  border: 2px solid #EAE9F0;
  border-radius: 4px;
}
.draft-form-input {
  margin-bottom: 24px;
}
.draft-form-title {
  margin: 0;
}
.draft-form-message {
  margin-bottom: 0;
}
.draft-form-bank {
  padding-left: 8px;
}
.card-draft-value .card-box-value {
  margin-bottom: 0px;
  width: 100%;
}
.accordion-draft {
  margin: 16px 0;
  display: inline-block;
  width: 100%;
}
.accordion-draft .accordion-header {
  padding: 24px 16px 21px 16px;
}
.accordion-draft .card-container {
  padding: 0px;
}
.accordion-draft .card-box-value:last-child {
  margin-bottom: 0px;
}
.bnt-select-bank {
  background-color: #FFFFFF;
  border: 1px solid #EAE9F0;
  color: #7E868E;
  margin: 24px 0 16px;
  display: inline-block;
  padding: 16px;
  text-align: left;
  width: 100%;
  vertical-align: middle;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.bnt-select-bank .icon-svg {
  fill: #7E868E;
  height: 16px;
  width: 16px;
  float: right;
}
.bnt-select-bank .btn-icon {
  vertical-align: middle;
}
.page-draft--title .page-divided--scroll-title {
  margin: 0px;
}
.overlay--draft-confirm .card-item {
  margin: 32px 0;
  display: inline-block;
}
.overlay--draft-confirm .overlay-footer {
  margin: 32px 0 0;
}
.overlay--draft-confirm .card-box-value:last-child {
  margin-bottom: 0px;
}
.overlay--draft-bank .overlay-title {
  margin-bottom: 16px;
}
.overlay--draft-bank .overlay-content {
  margin-bottom: 16px;
}
.overlay--draft-bank .card-box-value:last-child {
  margin-bottom: 0px;
}
.draft-page-navigation {
  margin: 24px 0;
}
@media screen and (max-width: 1439px) {
  .form-draft {
    padding-bottom: 8px;
  }
  .form-draft .card-box-bank-name {
    padding-left: 0px;
  }

  .card-draft-value .card-container {
    padding: 22px;
  }

  .draft-form-bank {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .draft-form-message {
    margin-top: 8px;
  }

  .bank-info--dived {
    display: block;
    margin-top: 16px;
  }

  .page-draft--title {
    margin-top: 24px;
  }

  .form-draft .card-box-value {
    margin: 0 0 24px;
  }

  .page-divided-content-actions {
    margin: 32px 0px;
  }

  .card-draft-value .card-container {
    padding: 16px;
  }

  .left-wrapper--collum {
    height: 340px;
  }

  .card-draft-value {
    margin-top: 24px;
  }
  .card-draft-value .card-box-value.second-box-value {
    margin-top: 24px;
  }

  .draft-form-title {
    margin-bottom: 16px;
  }
}
body {
  overflow: auto;
}
.guideresult-card-title {
  margin-bottom: 32px;
}
.guideresult-card-text-item {
  margin-bottom: 64px;
}
.guideresult-card-text {
  margin-top: 32px;
}
.guideresult-card-bottom {
  margin-top: 32px;
}
.guided-results-head [class*=font] {
  margin-bottom: 0;
}
.guided-results-body [class*=font-text] {
  margin-bottom: 0;
}
.guided-results-title {
  margin-bottom: 56px;
}
.guided-results-description {
  height: 64px;
}
.guided-results-row {
  border-bottom: 1px solid #ECEDEE;
  padding: 24px 0px;
  display: block;
  width: 100%;
}
.guided-results-row-title {
  border-bottom: 1px solid #ECEDEE;
  padding: 24px 0px;
  display: block;
  width: 100%;
}
.guided-results-value {
  font-size: 92px;
  font-size: 5.75rem;
  margin-bottom: 40px;
}
.guided-values {
  padding: 96px 0;
}
.value-simulation {
  display: inline-block;
  margin-bottom: 32px;
}
.value-simulation .graphic-slider h1,
.value-simulation .graphic-slider h2,
.value-simulation .graphic-slider h3,
.value-simulation .graphic-slider h4,
.value-simulation .graphic-slider h5,
.value-simulation .graphic-slider h6 {
  margin-bottom: 0;
}
.value-simulation .title {
  line-height: 80px;
}
.value-simulation .range {
  margin-top: -12px;
}
.graphic-section {
  height: 100vh;
  padding: 112px 0 48px 0px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: #FFFFFF;
  outline: none;
  background: #FFFFFF;
}
.banner-cta {
  padding: 176px 0;
}
@media screen and (max-width: 1023px) {
  .value-simulation .title {
    line-height: inherit;
    margin-bottom: 16px 0px;
  }
  .value-comparation {
    padding: 8px 0px;
  }
  .value-comparation-title {
    margin-bottom: 16px;
  }
  .value-comparation:last-child {
    padding-bottom: 0;
  }
  .value-comparation [class*=font] {
    margin-bottom: 0;
  }

  .result-subtitle {
    padding-top: 16px;
  }

  .guided-results {
    padding: 32px 0;
  }
  .guided-results-title {
    padding-bottom: 32px;
    margin-bottom: 0;
  }
  .guided-results-row-title {
    padding: 24px 0 16px 0;
  }
  .guided-results-description {
    height: auto;
    margin-bottom: 16px;
  }
  .guided-results-value {
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 8px;
  }
  .guided-results-stock {
    margin-top: 32px;
  }
  .guided-slider .container {
    padding: 0px;
  }
  .guided-slider .container > .col-xs-24 {
    padding: 0px;
  }

  .line-divisor {
    margin-left: -8px;
    margin-right: -8px;
    border: 1px solid #EAE9F0;
  }

  .guideresult-card-text-item {
    margin-bottom: 32px;
  }

  .graphic-section {
    padding: 32px 0 24px 0;
  }

  .banner-cta {
    padding: 40px 0 24px 0;
  }

  .guideresult-card-title {
    margin-bottom: 16px;
  }
}
.hero-video--cta .icon-svg {
  width: 40px;
  height: 40px;
  fill: #DBC7FF;
  vertical-align: middle;
}
.hero-video--title {
  vertical-align: middle;
  margin-left: 16px;
}
.statistics-container {
  display: flex;
  justify-content: center;
}
.statistics-container .plus {
  background: linear-gradient(264deg, #00dfff, #1e92ce);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 50px;
  vertical-align: middle;
  font-weight: 900;
}
.statistics-container .value {
  position: relative;
  width: auto;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}
.statistics-container .value::before {
  content: "+";
  position: absolute;
  font-size: 50px;
  left: -24px;
  top: 43px;
  background: linear-gradient(264deg, #00dfff, #1e92ce);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  font-weight: 900;
}
.statistics-container .value .value-number {
  background: linear-gradient(264deg, #00dfff, #1e92ce);
  color: transparent;
  display: block;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 120px;
  font-size: 7.5rem;
  font-weight: 900;
}
.statistics-container .value .value-info {
  margin-top: -24px;
  display: block;
  background: linear-gradient(264deg, #00dfff, #1e92ce);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}
.statistics-value-text {
  text-align: center;
  width: 80%;
  margin: 0 auto;
  font-size: 16px;
  font-size: 1rem;
}
.statistics-value--content {
  position: relative;
}
.statistics-value {
  text-align: center;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}
.statistics {
  display: flex;
  justify-content: space-between;
}
.box-statistics {
  display: inline-block;
}
.home-about-text {
  color: #7E868E;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
}
.accordion-home tr-accordion-tab:last-child .tr-accordion--tab {
  border-bottom-color: transparent;
}
.accordion-home .tr-accordion--tab {
  border-bottom-color: #D1D5D7;
}
.container-info {
  display: flex;
  align-items: center;
}
.home-tax-value {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.home-tax-value span {
  font-weight: bold;
  text-transform: uppercase;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}
.home-tax-value svg, .home-tax-value img {
  width: 100%;
}
.home-tax--row {
  display: flex;
  align-items: center;
}
.home-tax-value-sign {
  font-size: 40px;
  position: absolute;
  left: -3px;
  top: 0;
  background: linear-gradient(230deg, #00e4ff, #21c4d8 26%, #1d6ab9);
}
.home-tax-value-big-number {
  font-size: 540px;
  line-height: 345px;
  background: linear-gradient(210deg, #00e4ff, #21c4d8 26%, #1d6ab9);
}
.home-tax-value-small-number {
  font-size: 60px;
  position: absolute;
  right: -3px;
  bottom: 0;
  background: linear-gradient(234deg, #00e4ff, #21c4d8 26%, #1d6ab9);
}
.home-tax-info-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 24px;
  margin-left: auto;
  width: 90%;
  margin-right: auto;
}
.home-bot {
  background-color: transparent;
  height: 800px;
}
.home-bot img {
  max-width: 100%;
}
.home-bot .bot-container {
  width: 60%;
  margin: 80px auto;
}
.box-info-review {
  position: relative;
  height: 310px;
  padding-bottom: 88px;
}
.box-info-review-user {
  padding-top: 16px;
  height: auto;
  position: absolute;
  bottom: 0;
}
.box-info-review-icon .icon-svg {
  width: 48px;
  height: 48px;
}
.box-info-review-user-image {
  width: 80px;
}
.box-info-review-image-item {
  max-width: 100%;
  border-radius: 80px;
}
.box-info-review-data {
  padding-left: 24px;
}
.home-title {
  text-align: center;
}
.home-subtitle {
  text-align: center;
}
.home-learn-container {
  margin-top: 80px;
  margin-bottom: 56px;
  overflow: hidden;
}
.home-learn-container .slick-dots li {
  margin: 0;
}
.home-learn-container .slick-dots li button {
  border: 1px solid #6131B4;
  background: #FFFFFF;
}
.home-learn-container .slick-dots li.slick-active button {
  border: 1px solid #330066;
  background: #330066;
}
.home-learn {
  background-color: #f6f6f8;
}
.home-learn-item {
  position: relative;
  padding-bottom: 8px;
}
.home-learn-item .icon-svg {
  position: absolute;
  width: 100px;
  height: 100px;
  fill: #FFFFFF;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home-learn-item:hover .home-learn-item-image {
  box-shadow: 0 16px 16px rgba(9, 24, 39, 0.3);
}
.home-learn-item-image {
  transition: all 0.2s ease-out;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.hero-video {
  background: url("/assets/images/home/_custom/img_home.jpg") no-repeat scroll center 0 transparent;
  background-size: cover;
  opacity: 1;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.hero-video-container {
  pointer-events: none;
  z-index: 2;
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
}
.hero-video-container:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 11;
}
.hero-video-file {
  height: 56.25vw;
  left: 50%;
  max-width: 100%;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
}
.hero-video-content {
  position: relative;
  z-index: 3;
}
.hero-typing {
  height: 100px;
}
.typed-cursor {
  color: #FFFFFF;
  opacity: 1;
  animation: blink 0.7s infinite;
}
.text-aprenda {
  font-size: 16px;
  font-size: 1rem;
}
.advangtages {
  margin-bottom: 16px;
  font-size: 16px;
  font-size: 1rem;
}
.accordion-text {
  margin-bottom: 16px;
  font-size: 16px;
  font-size: 1rem;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.video-page {
  width: 260px;
  position: absolute;
  right: 50px;
  bottom: 50px;
}
.video-page img {
  max-width: 100%;
}
.banner-title {
  margin-bottom: 40px;
}
.list-item:before {
  top: 7px;
  margin: 0px;
}
/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
  .hero-video {
    background: url("/assets/images/home/_custom/img_home@2x.jpg") no-repeat scroll center 0 transparent;
  }
}
@media screen and (min-width: 1439px) {
  .hero-video-title {
    margin-bottom: 40px;
  }
}
@media (max-width: 1439px) {
  .home-learn-item {
    width: 280px;
  }

  ul.list li.list-item {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .hero-video {
    background-image: url("/assets/images/home/_custom/capa.jpg");
    background-size: cover;
  }

  .statistics {
    display: block;
  }
  .statistics-container .value {
    font-size: 6.5rem;
  }

  .home-title, .home-about-text {
    text-align: left;
  }

  .page-section.home-tax {
    padding-bottom: 32px;
  }

  .home-tax--row {
    display: block;
  }

  .home-tax-value {
    margin-bottom: 24px;
  }

  .cta-tax {
    text-align: center;
    padding-top: 16px;
  }
}
@media only screen and (min-device-pixel-ratio: 1.25) and (max-width: 767px), only screen and (min-resolution: 1.25dppx) and (max-width: 767px) {
  .hero-video {
    background-image: url("/assets/images/home/_custom/capa@2x.jpg");
    background-size: cover;
  }
}
/**
 * Toro
 *
 * Variables
 *
 * This style sheet describes all
 * variables for the project
 *
 **/
/**
 * Colours
 *
 * colours variables
 *
 **/
/**
 *
 * z-index
 * 
 * z-index variables
 *
 * Is very important try use better the z-index
 * attribute, so, we have to build our code using
 * only 10 levels and don't run away of this pattern
 *
 * Example:
 * For a modal/overlay, the backdrop has the variable
 * $zindex-9 and the content $zindex-10
 *
 **/
/**
 *
 * Fonts
 *
 * font variables
 *
 **/
/**
 *
 * Media queries breakpoints
 *
 *
 *	@media (max-width: @screen-xs-max) { ... } -- THE MOST RECOMMENDED USE
 *	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
 *	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
 *	@media (min-width: @screen-lg-min) { ... }
 *
 **/
/*
 *
 * The follow calculation it's very simple,
 * the max size of a breakpoint it's the min size
 * of the next breakpoint less 1 (one) pixel
 *
 * Example:
 * - $screen-xs-max = 768 - 1;
 * - The result is: 767px;
 *
 */
.learn-home-section {
  background-color: #1F073B !important;
  flex-direction: column;
  background-size: 100% !important;
}
.learn-home-section .learn-home-title {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 0.97;
  letter-spacing: -2px;
}
.learn-home-section .font-text--regular, .learn-home-section .box-more-info-last-video p, .box-more-info-last-video .learn-home-section p, .learn-home-section .form-simulation--inline .input-field .form-input, .form-simulation--inline .input-field .learn-home-section .form-input, .learn-home-section .input-filter, .learn-home-section .form-textarea, .learn-home-section .page-divided-upload--fixed-text, .learn-home-section .product-table-item--wallet .product-table-item--header-info .product-table-content .product-table-item--title, .product-table-item--wallet .product-table-item--header-info .product-table-content .learn-home-section .product-table-item--title, .learn-home-section .product-table-item--wallet .panel.panel-default .panel-heading .product-table-item--title span, .product-table-item--wallet .panel.panel-default .panel-heading .product-table-item--title .learn-home-section span, .learn-home-section .table-default-col--body, .learn-home-section .tracking-page--option {
  color: #FFF;
}
.learn-home-section .flex-column {
  display: flex;
}
.learn-home-section .flex-column.justify-end {
  justify-content: flex-end;
}
.learn-home-section .next-section-button,
.learn-home-section .playlist-link {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.learn-home-section .next-section-button:hover,
.learn-home-section .playlist-link:hover {
  transform: scale(1.05);
}
.learn-home-section#intro .btn {
  margin-top: 24px;
}
.learn-home-section#intro .icon-svg {
  fill: #6131B4;
  width: 28px;
}
.learn-home-section#intro .next-section {
  height: 129px;
  display: flex;
  align-items: flex-end;
  color: #6131B4;
  margin-bottom: 0;
  cursor: pointer;
}
.learn-home-section#intro .next-section svg-icon {
  height: 16px;
  margin-right: 8px;
}
.learn-home-section#intro .next-section svg-icon .icon-svg {
  height: 40px;
  width: 40px;
}
.learn-home-section#intro .cursos-list {
  list-style-type: none;
  display: inline-block;
}
.learn-home-section#intro .cursos-list--item {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: 226px;
  height: 129px;
  background-image: linear-gradient(139deg, #8a97a8, #53647f);
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.3);
  margin: 0 8px;
  padding: 0;
  text-transform: uppercase;
}
.learn-home-section#intro .cursos-list--item:hover {
  transform: scale(1.03);
  transition: all 0.2s ease-in-out;
}
.learn-home-section#intro .cursos-list--item--theme {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #FFF;
  font-weight: bold;
  font-size: 20px;
}
.learn-home-section#intro .cursos-list--item a {
  padding: 24px;
  height: 100%;
}
.learn-home-section#intro .cursos-list--item--title {
  font-size: 12px;
  font-weight: 500;
  color: #222222;
}
.learn-home-section#intro .cursos-list--item svg-icon {
  height: 37px;
}
.learn-home-section#intro .cursos-list--item svg-icon .icon-svg {
  width: 37px;
  height: 37px;
  margin-left: 20px;
}
.learn-home-section#rendafixa .btn, .learn-home-section#bolsa .btn, .learn-home-section#futuro .btn {
  margin-top: 24px;
}
.learn-home-section#rendafixa .font-subtitle-df--medium, .learn-home-section#bolsa .font-subtitle-df--medium, .learn-home-section#futuro .font-subtitle-df--medium {
  color: #FFF;
  margin-bottom: 16px;
}
.learn-home-section#rendafixa .icon-svg, .learn-home-section#bolsa .icon-svg, .learn-home-section#futuro .icon-svg {
  fill: #6131B4;
  width: 32px;
}
.learn-home-section#rendafixa .section-footer, .learn-home-section#bolsa .section-footer, .learn-home-section#futuro .section-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: #6131B4;
}
.learn-home-section#rendafixa .section-footer .font-xsmall--bold, .learn-home-section#bolsa .section-footer .font-xsmall--bold, .learn-home-section#futuro .section-footer .font-xsmall--bold {
  margin-bottom: 0;
}
.learn-home-section#rendafixa .section-footer--video-list, .learn-home-section#bolsa .section-footer--video-list, .learn-home-section#futuro .section-footer--video-list {
  display: flex;
  align-items: center;
}
.learn-home-section#rendafixa .section-footer--video-list svg-icon, .learn-home-section#bolsa .section-footer--video-list svg-icon, .learn-home-section#futuro .section-footer--video-list svg-icon {
  height: 40px;
}
.learn-home-section#rendafixa .section-footer--video-list svg-icon .icon-svg, .learn-home-section#bolsa .section-footer--video-list svg-icon .icon-svg, .learn-home-section#futuro .section-footer--video-list svg-icon .icon-svg {
  width: 40px;
  height: 40px;
  margin-left: 16px;
}
.learn-home-section#rendafixa .section-footer--next-section, .learn-home-section#bolsa .section-footer--next-section, .learn-home-section#futuro .section-footer--next-section {
  display: flex;
  align-items: center;
  margin-right: 16px;
  height: 40px;
  cursor: pointer;
}
.learn-home-section#rendafixa .section-footer--next-section svg-icon, .learn-home-section#bolsa .section-footer--next-section svg-icon, .learn-home-section#futuro .section-footer--next-section svg-icon {
  height: 16px;
  margin-right: 8px;
}
.learn-home-section#rendafixa .section-footer--next-section svg-icon .icon-svg, .learn-home-section#bolsa .section-footer--next-section svg-icon .icon-svg, .learn-home-section#futuro .section-footer--next-section svg-icon .icon-svg {
  height: 40px;
  width: 40px;
}
.learn-home-section#futuro .section-footer {
  justify-content: flex-end;
}
.learn-home-section .absolute-container {
  position: relative;
  height: auto;
  bottom: 0;
  padding-bottom: 48px;
}
.learn-stock-exchange-section {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/assets/images/bg_aprenda_bolsa-min.jpg") no-repeat scroll center 0 transparent;
}
.learn-planning-section {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/assets/images/bg_aprenda_cri-min.jpg") no-repeat scroll center 0 transparent;
}
.learn-introduction-section {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/assets/images/bg_aprenda_intro-min.jpg") no-repeat scroll center 0 transparent;
}
.learn-fixed-income-section {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/assets/images/bg_aprenda_rftesouro-min.jpg") no-repeat scroll center 0 transparent;
}
@media screen and (max-width: 1023px) {
  .learn-home {
    height: 100vh;
  }
  .learn-home .container-align--middle {
    display: table-cell;
  }

  .search-box .input-field {
    margin-bottom: 16px;
    margin-left: 0;
  }

  .page-section--no-banner {
    padding-top: 120px;
  }

  .learn-library-header {
    margin-bottom: 48px;
  }

  .learn-library-container {
    margin-bottom: 16px;
  }

  .learn-library-container-title {
    margin-bottom: 24px;
  }

  .learn-library-no-results {
    margin-bottom: 100px;
  }

  .learn-library-item {
    margin-bottom: 32px;
  }

  .learn-video-hero-links {
    margin-top: 8px;
  }

  .learn-video-hero-link {
    display: block;
  }

  .learn-home-section {
    background-size: cover !important;
    background-position-x: 76%;
  }
  .learn-home-section.learn-planning-section {
    background-position-x: 66%;
  }
  .learn-home-section.learn-stock-exchange-section {
    background-position-x: 78%;
  }
  .learn-home-section.learn-fixed-income-section {
    background-position-x: 58%;
  }
  .learn-home-section .learn-home-title {
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 12px;
    margin-top: 120px;
  }
  .learn-home-section .row {
    width: 100%;
    margin: 0;
  }
  .learn-home-section#intro .btn {
    margin-top: 16px;
  }
  .learn-home-section#intro .next-section {
    height: auto;
    align-items: center;
    justify-content: center;
  }
  .learn-home-section#rendafixa .container, .learn-home-section#bolsa .container, .learn-home-section#futuro .container {
    margin: 0;
    width: 100%;
  }
  .learn-home-section#rendafixa .learn-home-title, .learn-home-section#bolsa .learn-home-title, .learn-home-section#futuro .learn-home-title {
    margin-top: 0;
  }
  .learn-home-section#rendafixa .font-subtitle-df--medium, .learn-home-section#bolsa .font-subtitle-df--medium, .learn-home-section#futuro .font-subtitle-df--medium {
    color: #d7dadc;
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 88px;
    margin-bottom: 0;
  }
  .learn-home-section#rendafixa .btn, .learn-home-section#bolsa .btn, .learn-home-section#futuro .btn {
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .learn-home-section#rendafixa .section-footer, .learn-home-section#bolsa .section-footer, .learn-home-section#futuro .section-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6131B4;
    flex-direction: column-reverse;
    width: 100%;
    padding: 0 2px;
  }
  .learn-home-section#rendafixa .section-footer--video-list, .learn-home-section#bolsa .section-footer--video-list, .learn-home-section#futuro .section-footer--video-list {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .learn-home-section#rendafixa .section-footer--video-list svg-icon, .learn-home-section#bolsa .section-footer--video-list svg-icon, .learn-home-section#futuro .section-footer--video-list svg-icon {
    margin: 0;
  }
  .learn-home-section#rendafixa .section-footer--video-list svg-icon .icon-svg, .learn-home-section#bolsa .section-footer--video-list svg-icon .icon-svg, .learn-home-section#futuro .section-footer--video-list svg-icon .icon-svg {
    margin: 0;
  }
  .learn-home-section#rendafixa .section-footer--next-section, .learn-home-section#bolsa .section-footer--next-section, .learn-home-section#futuro .section-footer--next-section {
    display: flex;
    align-items: center;
    margin-right: 16px;
    height: 40px;
    cursor: pointer;
  }
  .learn-home-section#rendafixa .section-footer--next-section svg-icon, .learn-home-section#bolsa .section-footer--next-section svg-icon, .learn-home-section#futuro .section-footer--next-section svg-icon {
    margin: 0;
  }
  .learn-home-section#rendafixa .section-footer--next-section svg-icon .icon-svg, .learn-home-section#bolsa .section-footer--next-section svg-icon .icon-svg, .learn-home-section#futuro .section-footer--next-section svg-icon .icon-svg {
    margin: 0;
  }
  .learn-home-section#futuro .section-footer {
    justify-content: flex-end;
  }
  .learn-home-section#bolsa .banner-title {
    padding-right: 20px;
  }
  .learn-home-section .absolute-container {
    width: 100%;
    padding-bottom: 18px;
  }
}
.overlay-cta {
  left: 0;
  right: 0;
  margin: 0px;
  display: block;
  position: absolute;
  bottom: -200px;
  transition: all 0.5s cubic-bezier(0.75, -0.65, 0.24, 1.04);
}
.overlay-cta .overlay-status {
  width: auto;
  display: block;
  margin: 0 auto;
}
.overlay-cta.active {
  bottom: calc(100% - $space-default*10);
  transition: all 0.5s cubic-bezier(0.75, -0.65, 0.36, 1.61);
}
.transfer-box-info {
  margin-top: 80px;
}
/* Media queries */
@media (max-width: 1439px) {
  .transfer-cards .section-title {
    margin: 0 0 48px;
    padding: 0px;
  }

  .transfer-doubt--subtitle {
    margin-bottom: 40px;
  }
}
@media (max-width: 1023px) {
  .transfer-doubt {
    padding: 48px 0 72px;
  }
  .transfer-doubt--subtitle {
    margin-top: 8px;
  }

  .transfer-box-info {
    margin-top: 48px;
  }

  .container--doubt {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .transfer-doubt .transfer-box {
    display: inline-block;
    margin: 16px 0;
    width: 100%;
  }
}
.myaccount {
  padding: 64px 0 96px;
  margin-bottom: 32px !important;
}
.data-list--header {
  margin-bottom: 24px;
}
.data-list--header h2 {
  margin: 0;
}
.data-list--header .link--iconed + .link--iconed {
  margin-left: 56px;
}
.data-list--header .link--iconed:disabled {
  cursor: not-allowed;
}
.data-list--header .link--iconed:disabled .link--iconed-text {
  color: #cccccc !important;
}
.data-list--header .link--iconed:disabled .icon-svg {
  fill: #cccccc !important;
}
.data-list .btn {
  margin: 0 !important;
  width: 100%;
}
.data-list--item {
  margin-top: 40px;
}
.data-list--item-title {
  margin-bottom: 0;
}
.data-list--item-value {
  margin-top: 8px;
  margin-bottom: 0;
}
.data-list--empty {
  width: 100%;
  min-height: 238px;
  background-color: #f5f5f5;
  padding: 40px 0;
}
.data-list--empty .icon-svg {
  height: 100px;
}
.data-list .alert {
  width: 100%;
}
.data-list .alert.active {
  display: inline-block;
}
.data-list .alert.active {
  margin-top: 16px;
  margin-bottom: 16px;
}
.data-list--table .product-table-header {
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0;
}
.data-list--table .product-table-item {
  border-bottom: 1.5px solid #D1D5D7;
  padding-bottom: 40px;
  padding-top: 40px;
}
.data-list--contracts + .data-list--contracts {
  border-top: 2px #ecedee solid;
  margin-top: 24px;
  padding-top: 24px;
}
.data-list-cards--container {
  margin-top: 64px;
}
.data-list-cards--container + .data-list-cards--container {
  margin-top: 24px;
}
.data-list-cards--title {
  border-bottom: 2px #ecedee solid;
  margin-bottom: 24px;
  padding-bottom: 8px;
  display: block !important;
}
.data-list-cards--item {
  margin-bottom: 56px;
}
.data-edit--container .register-section-title {
  margin-top: 72px;
}
.data-edit--header {
  margin-bottom: 24px;
}
.data-edit--item {
  margin-bottom: 56px;
}
.data-edit--item-buttom {
  margin-bottom: 56px;
  margin-top: -24px;
}
.data-edit--item-radio {
  margin-top: -32px;
}
.data-edit--title {
  margin-bottom: 0;
}
.data-edit--input .radio-field {
  margin: 0;
}
.data-edit--input .radio-label {
  width: auto;
}
.data-edit--separator {
  height: 61px;
}
.data-edit--footer .btn + .btn {
  margin-left: 24px;
}
.data-list--bank-item {
  margin-top: 40px;
}
.data-list--bank-item--title {
  margin-bottom: 0;
  text-transform: capitalize;
}
.data-list--bank-item + .data-list--bank-item {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 2px solid #ecedee;
}
.data-list--bank-item--thumb {
  border: solid 2px #ecedee;
  height: 96px;
  width: 100%;
}
.bank-logo--select {
  width: 25px;
  vertical-align: middle;
  margin: 0px 5px;
}
.bank-logo {
  width: 50px;
}
.btn-account {
  margin-right: 24px;
}
.guaranty-box--money {
  margin-bottom: 40px;
}
.guaranty-box--content h2 {
  margin: 16px 0;
}
.guaranty-box--content p {
  margin: 8px 0;
}
.guaranty-box--featured {
  margin: 32px 0;
}
.guaranty-box--featured .col-lg-3 {
  padding: 0;
}
.guaranty-box--featured .fill-success .icon-svg {
  fill: #1fcd62;
}
.guaranty-box--featured .fill-alert .icon-svg {
  fill: #fdbb2b;
}
.guaranty-box--featured .icon-svg {
  width: 24px;
  height: 24px;
}
.guaranty-box--featured p + p {
  margin-top: 16px;
}
.guaranty-box--featured-item .font-text--bold, .guaranty-box--featured-item .tracking-page--option.active, .guaranty-box--featured-item .page-divided--scroll-title {
  margin-left: 8px;
  margin-bottom: 0px;
}
.guaranty-box--infos {
  padding-top: 32px !important;
}
.guaranty-box--terms .light-color--lighter {
  padding: 16px 40px;
}
.guaranty-box--select .radios-container {
  padding-bottom: 0;
}
.myaccount-accordion--edit {
  position: relative;
  width: 210px;
  height: 45px;
}
.myaccount-accordion--edit .myaccount-link--iconed {
  position: absolute;
  pointer-events: none;
  transition: all 200ms ease-in-out;
  opacity: 0;
  top: -100%;
}
.myaccount-accordion--card-container {
  padding: 24px 0 0 0;
}
.myaccount-accordion--edit-into {
  padding-right: 8px;
  padding-left: 8px;
}
.md2-accordion-tab-active .myaccount-accordion--edit .myaccount-link--iconed {
  opacity: 1;
  top: 0;
  pointer-events: all;
}
.myaccount-link--iconed .link--iconed-icon .icon-svg {
  height: 16px !important;
  width: 16px !important;
}
.myaccount-link--iconed .link--iconed-text {
  padding-left: 8px;
}
@media screen and (max-width: 1439px) {
  .data-list--bank-item--title {
    margin-top: 24px;
    margin-bottom: 8px;
  }

  .data-list-cards--item {
    margin-bottom: 32px;
  }

  .guaranty-box--money-offset:first-child {
    width: 79.16666667%;
  }

  .myaccount-accordion--edit {
    width: 168px;
    height: 25px;
  }

  .myaccount-accordion--header .accordion-header--title {
    padding-right: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .btn-account {
    margin-right: 0;
  }

  .data-edit--header {
    margin: 40px 0px;
  }
  .data-edit--footer {
    margin-top: 16px;
    position: relative;
    min-height: 120px;
  }
  .data-edit--footer .btn-action-primary {
    position: absolute;
    top: 0;
  }
  .data-edit--footer .btn-action-secundary {
    position: absolute;
    bottom: 0;
    margin-top: 16px;
  }
  .data-edit--footer .btn + .btn {
    margin-left: 0;
  }
  .data-edit--input .radio-field {
    margin-top: 16px;
  }

  /* Garantia */
  .guaranty-box--money {
    margin-bottom: 0;
  }
  .guaranty-box--featured h3 {
    margin-top: -8px;
    margin-bottom: 8px;
  }
  .guaranty-box--featured-item .font-text--bold, .guaranty-box--featured-item .tracking-page--option.active, .guaranty-box--featured-item .page-divided--scroll-title {
    margin-left: 0px;
  }
  .guaranty-box--featured-item .fill-success,
.guaranty-box--featured-item .fill-alert {
    width: 50px;
  }

  .guaranty-box--terms .light-color--lighter {
    padding: 16px 24px;
  }

  .data-list--bank-item--title {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .data-list--header {
    margin-bottom: 0;
  }
  .data-list--item {
    margin-top: 24px;
  }

  .data-edit--item-buttom {
    margin-top: -32px;
    margin-bottom: 48px;
  }
  .data-edit--input .radio-field {
    margin-top: 16px;
  }
  .data-edit--separator {
    height: auto;
    padding: 22px 0;
  }

  .data-list--bank-item + .data-list--bank-item {
    margin-top: 8px;
    padding-top: 0;
    border: none;
  }

  /* Garantia */
  .guaranty-box--infos {
    margin-top: 24px !important;
    border-top: 2px solid #ecedee !important;
  }

  .guaranty-box--featured {
    margin: 0;
  }
  .guaranty-box--featured-item {
    margin: 16px 0;
  }
  .guaranty-box--featured .container-align--middle {
    display: table-cell;
  }

  /* accordion edit */
  .myaccount-accordion--card-container {
    padding: 24px 16px 0 16px;
  }

  .myaccount-accordion--edit-into {
    margin-top: -24px;
    padding: 0 16px 0 16px;
  }

  .myaccount-accordion {
    padding: 0;
  }
}
.sidebar {
  -ms-box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
  -o-box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
  box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
  /* * 
   * Barra lateral que indica qual menu esta ativo 
   */
}
.sidebar-list {
  position: relative;
  /* *
   * Hover para funcionar quando o hover estiver
   * em um sub menu, porem a opção pai continua
   * recebendo o efeito.
   */
}
.sidebar-list > li:not(:last-child) {
  position: relative;
}
.sidebar-list > li:not(:last-child):before {
  content: " ";
  z-index: 0;
  position: absolute;
  bottom: -1px;
  height: 2px;
  width: 100%;
  background-color: #ECEDEE;
}
.sidebar-list--title {
  margin-bottom: 0;
  padding: 24px;
  padding-bottom: 16px;
  display: block;
}
.sidebar-list--link {
  transition: all 200ms ease-in-out;
  margin-bottom: 0;
  height: 100%;
  width: 100%;
  padding: 24px;
  display: block;
  text-decoration: none;
}
.sidebar-list--sub {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
}
.sidebar-list--sub li:not(:last-child) {
  margin-bottom: 8px;
}
.sidebar-list--sub li.active .sidebar-list--sub-link:before {
  transform: scaleX(1);
}
.sidebar-list--sub-link {
  transition: all 200ms ease-in-out;
  margin-bottom: 0;
  height: 100%;
  width: 100%;
  padding: 8px 32px 8px 16px;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}
.sidebar-list--sub-link:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 188, 212, 0.16);
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.sidebar-active--indicator {
  width: 4px;
  position: absolute;
  transition: all 0.25s ease-in-out;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .sidebar {
    margin: 0 8px;
    background: #fff;
  }
  .sidebar-active--indicator {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .router {
    position: relative;
    padding: 0 !important;
    margin: 24px 0 96px;
    transition: all 200ms ease-in-out;
  }
  .router-link {
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    transition: all 300ms ease-in-out;
  }
  .router-outlet {
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 450ms ease-in-out;
  }
  .router.link-active .router-outlet {
    left: -102%;
  }
  .router.link-active .router-link {
    opacity: 1;
  }
  .router.route-active .router-outlet {
    opacity: 1;
  }
  .router.route-active .router-link {
    left: -100%;
    right: auto;
    right: initial;
    opacity: 0;
  }
}
.page-section--product .list-default {
  margin: 96px 0;
}
.page-section--product .list-default .font-text--regular, .page-section--product .list-default .box-more-info-last-video p, .box-more-info-last-video .page-section--product .list-default p, .page-section--product .list-default .form-simulation--inline .input-field .form-input, .form-simulation--inline .input-field .page-section--product .list-default .form-input, .page-section--product .list-default .input-filter, .page-section--product .list-default .form-textarea, .page-section--product .list-default .page-divided-upload--fixed-text, .page-section--product .list-default .product-table-item--wallet .product-table-item--header-info .product-table-content .product-table-item--title, .product-table-item--wallet .product-table-item--header-info .product-table-content .page-section--product .list-default .product-table-item--title, .page-section--product .list-default .product-table-item--wallet .panel.panel-default .panel-heading .product-table-item--title span, .product-table-item--wallet .panel.panel-default .panel-heading .product-table-item--title .page-section--product .list-default span, .page-section--product .list-default .table-default-col--body, .page-section--product .list-default .tracking-page--option {
  margin-bottom: 0;
}
.page-section--product .list-default .container-align--middle {
  display: table-cell !important;
}
.page-section--product .list-default li + li {
  margin-left: 56px;
}
.page-section--product .more {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 80px;
}
.page-section--product--link {
  margin-bottom: 40px;
}
.page-section--graphic {
  padding: 64px 0;
}
.page-section--graphic .graphic-head {
  margin-bottom: 24px;
}
.page-section--about {
  background-image: url("/assets/images/_pages/produto/bg_produto_oquee-min.jpg");
  background-size: cover;
  background-position: center center;
  position: relative;
  background-attachment: fixed;
}
.page-section--about .card-text .font-subtitle-df--bold, .page-section--about .card-text .accordion-lg .accordion-header, .accordion-lg .page-section--about .card-text .accordion-header, .page-section--about .card-text .accordion-md .accordion-header, .accordion-md .page-section--about .card-text .accordion-header {
  margin-bottom: 16px;
}
.page-section--about .card-item {
  position: relative;
  z-index: 3;
}
.page-section--about:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.32;
  background-color: #08192b;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.page-section-knowing figure {
  max-width: 100%;
  padding-right: 24px;
}
.page-section-knowing figure img {
  max-width: 100%;
}
.page-section-knowing--image {
  padding-left: 4.16666667%;
  padding-right: 4.16666667%;
}
.page-section-knowing--about {
  padding-right: 4.16666667%;
}
.page-section-knowing--infos {
  padding-left: 4.16666667%;
}
.page-section--carousel .learn-carousel {
  margin-left: 0;
}
.page-section--carousel .page-section--carousel--title {
  margin-bottom: 24px;
}
.banner-go-back-button {
  margin-top: 24px;
}
.prod-banner-cta {
  background-image: url("/assets/images/_pages/produto/bg_produto_gostou-min.jpg");
  background-size: cover;
  background-position: top center;
  position: relative;
  background-attachment: fixed;
}
.product-action-bar {
  padding: 24px 0;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.56);
  position: fixed;
  z-index: 1053;
  right: 0;
  left: 0;
  display: none;
}
.product-action-bar .btn {
  margin: 0;
}
.product-action-bar .product-action-bar-text {
  margin: 0;
}
.product-bar-link {
  margin: 41px 0 0;
}
.product-icon {
  margin-right: 16px;
}
.product-icon .icon-svg {
  width: 48px;
  height: 48px;
}
.sticky .product-action-bar {
  display: block;
}
.filter-product {
  padding: 0 0 8px;
  z-index: 90;
}
.filter-product.tab-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.filter-product--link {
  margin: 41px 0 0;
}
.filter-product--link-text, .filter-product--link-btn {
  display: inline-block;
  margin-bottom: 0px;
}
.filter-product--link-text {
  padding: 0 16px 8px;
}
.invest-product {
  padding: 16px 0 0;
}
.investment-bar {
  padding: 24px 0 16px;
}
.investment-bar-button {
  text-align: right;
}
@media screen and (max-width: 1439px) {
  .prod-banner-cta {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .invest-product--view-child {
    display: none;
  }

  .banner-go-back-button {
    margin: 0 0 24px;
  }
}
@media screen and (max-width: 1023px) {
  .filter-product--link {
    margin: 16px 0 8px;
  }
  .filter-product--link-text {
    padding: 0 0 4px;
  }
  .filter-product-cdb .filter-product--link {
    margin-top: 40px;
  }

  .product-icon .icon-svg {
    width: 36px;
    height: 36px;
  }

  .page-section-knowing figure {
    padding-right: 0px;
  }
  .page-section-knowing--image {
    padding-left: 8px;
    padding-right: 0px;
    width: 50%;
    max-width: 150px;
  }
  .page-section-knowing--about {
    padding-right: 0px;
  }
  .page-section-knowing--infos {
    padding-left: 0px;
  }
  .page-section--product-banner-title {
    display: inline-block;
  }
  .page-section--product .list-default {
    margin: 24px 0 0;
    overflow: hidden;
    display: inline-block;
  }
  .page-section--product .list-default li {
    display: block;
    float: left;
    clear: both;
    margin-bottom: 32px;
  }
  .page-section--product .list-default li:last-child {
    margin-bottom: 0;
  }
  .page-section--product .list-default li + li {
    margin-left: 0px;
  }
  .page-section--product .list-default li .container-align--middle:last-child {
    padding-right: 16px;
  }
  .page-section--product .list-default li .container-align--middle:last-child p {
    margin-bottom: 0px;
  }
  .page-section--product .more {
    display: none;
  }
  .page-section--about-container {
    position: relative;
    z-index: 3;
  }
  .page-section--about:before {
    z-index: 2;
  }
  .page-section--about:after {
    content: "";
    position: absolute;
    top: 0;
    height: 140vh;
    left: 0;
    right: 0;
    z-index: 1;
    background: url("/assets/images/temp/banner-cdb.jpg") center center;
    background-size: 100% 100%;
    background-position: 0 0;
    background-attachment: fixed;
  }
  .page-section--about .card-container {
    padding: 24px 16px;
  }
  .page-section--about .card-container--buttons {
    display: inline-block;
    padding: 0px;
    width: 100%;
    margin-top: 32px;
  }
  .page-section--about .text-container {
    margin-bottom: 0px;
  }

  .page-section--graphic {
    height: auto;
    padding: 24px 0 32px;
  }

  .prod-banner-cta .card-container,
.page-section--graphic .card-container {
    padding: 24px 16px;
  }

  .prod-banner-cta .container-align--middle,
.banner-about-product .container-align--middle,
.page-section-knowing--infos .container-align--middle {
    display: table-cell !important;
  }

  #filter-product--view-child,
#investment-bar--view-child {
    height: auto !important;
  }

  .investment-bar-button {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .page-section--product .font-hero--bold, .page-section--product .box-more-info-last-video h1, .box-more-info-last-video .page-section--product h1 {
    margin: 16px 0;
  }
  .page-section--know-more {
    padding-top: 32px;
    padding-bottom: 16px;
  }
  .page-section--know-more .banner-about-product .table-info-cell-last h3 {
    margin-bottom: 0px;
  }
  .page-section--know-more .banner-about-product .col-align {
    display: block;
  }
  .page-section--know-more .table-info {
    margin-top: 0px;
  }
  .page-section--know-more .table-info .col-align {
    margin-left: 0px;
  }
  .page-section-knowing--image {
    margin-bottom: 16px;
  }
  .page-section-knowing--infos {
    margin-top: 56px;
  }
  .page-section-knowing--infos .container-align--middle {
    display: table-cell;
  }
  .page-section.banner-about-product .container-align, .page-section.banner-about-product .simple-search .simple-search--container, .simple-search .page-section.banner-about-product .simple-search--container,
.page-section.banner-about-product .container-align--middle {
    display: inline-block !important;
  }

  .filter-product .form-simulation--inline .form-group {
    padding-left: 8px;
  }
  .filter-product .form-simulation--inline .lack {
    display: none;
  }
  .filter-product .form-simulation--inline .btn--filter {
    left: inherit;
    top: inherit;
    width: 100%;
  }
  .filter-product--link {
    margin-top: 0px;
  }
  .filter-product--col {
    padding-left: 0px;
    padding-right: 0px;
  }

  .guided-cta {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .guided-cta .container-align--middle {
    display: inline-block !important;
  }
}
@media only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
  .page-section--about {
    background-image: url("/assets/images/_pages/produto/bg_produto_oquee@2x-min.jpg");
  }

  .prod-banner-cta {
    background-image: url("/assets/images/_pages/produto/bg_produto_gostou@2x-min.jpg");
  }
}
.register-section {
  padding-top: 119px;
}
.box-info-register {
  padding: 40px;
}
.box-info-register .list {
  padding: 32px 0;
}
.box-info-register .list .list-item:before {
  background-color: #DBC7FF;
}
.box-subtitle {
  padding-top: 24px;
}
.box-info-register--icon .icon-svg {
  width: 40px;
  height: 40px;
  margin-bottom: 24px;
  fill: #DBC7FF;
}
.register-section-title {
  margin-bottom: 40px;
}
.register-actions {
  margin: 40px 0;
}
.register-btn {
  vertical-align: middle;
  margin-right: 16px;
}
.register-tip {
  margin-bottom: 16px;
  margin-top: -8px;
}
.register-sections {
  padding-bottom: 40px;
}
.register-cnh-text {
  text-align: right;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
}
.register-doubt {
  font-size: 13px;
  width: 19px;
  height: 19px;
  padding: 0;
  border: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 16px;
  margin-top: 8px;
  margin-left: 5px;
  text-decoration: none;
  border-radius: 20px;
}
.register-subtitle {
  padding: 8px 0px;
}
.register-contract {
  margin-top: 24px;
  margin-bottom: 16px;
}
.register-contract-title {
  margin-bottom: 16px;
}
.register-contract-box {
  background: #F8F6FB;
  color: #222222;
  line-height: 1.5;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 24px;
}
.register-contract-content {
  height: 300px;
  overflow: scroll;
}
.register-contract-action {
  background: #F8F6FB;
  padding: 20px 40px 40px 40px;
  margin-top: 8px;
}
.register-contract-action .input-error-message {
  position: relative;
}
.register-contract-action.input-error .mat-checkbox-frame {
  border-color: #F44336;
}
.register-contract-action.input-error .mat-checkbox-label {
  color: #F44336;
}
.register-progress {
  margin-top: 33px;
}
.input-address-search {
  position: relative;
}
.input-address-search .form-input {
  padding-left: 48px;
}
.input-address-search .input-address-search-icon {
  position: absolute;
  z-index: 2;
  left: 10px;
  top: 20px;
  width: 30px;
  height: 30px;
  transform: translateY(-50%) scaleX(-1);
}
.input-address-search .icon-svg {
  width: 30px;
  height: 30px;
  fill: #7e868e;
}
.register-patrimony-item .form-group {
  margin-top: 8px;
}
.success-icon .icon-svg {
  width: 40px;
  height: 40px;
  margin-bottom: 8px;
  display: block;
  fill: #00C898;
}
@media (max-width: 1023px) {
  .register-section {
    margin-bottom: 60px;
  }

  .subtitle-section {
    margin-bottom: 16px;
  }

  .register-section-title {
    margin-top: 24px;
    margin-bottom: 8px;
  }

  .info-box--mobile {
    margin-bottom: 8px;
  }

  .label--terms {
    width: 85%;
  }

  .register .btn {
    width: 100%;
    text-align: center;
  }
  .register .btn-text {
    width: 100%;
    display: block;
  }

  .register-actions {
    margin: 24px 0;
  }

  .success-icon--mobile {
    display: block;
    margin-top: 40px;
  }

  .nav-step {
    display: inline-block;
  }

  .form-array + .form-array::before {
    content: "";
    width: 110%;
    height: 2px;
    background: #EAE9F0;
    position: absolute;
    right: 0;
    margin: -40px -8px;
  }

  .register-section-title {
    margin-top: 104px;
  }
}
.enterprises-group {
  padding-top: 8px;
}
@media screen and (max-width: 1023px) {
  .nav-bar--end {
    position: absolute;
  }

  .banner--cnpj {
    height: 100vh;
    padding-top: 8px;
  }
}
#overlay-operation .card-item {
  margin-top: 0px;
}
#overlay-success .overlay-action {
  margin-top: 32px;
}
.overlay--rescue-confirm .card-item {
  margin: 32px 0;
  display: inline-block;
}
.overlay--rescue-confirm .overlay-footer {
  margin: 32px 0 0;
}
.overlay--rescue-confirm .card-box-value:last-child {
  margin-bottom: 0px;
}
.card-rescue-value .card-box-value:last-child {
  margin-bottom: 0px;
}
.rescue-card-box {
  margin: 32px 0 0 !important;
}
.rescue-alert-box {
  margin: 24px 0 0 !important;
}
@media screen and (max-width: 1023px) {
  .form-rescue .checkbox-field {
    margin-top: 16px;
  }

  .rescue-card-box .card-box-value {
    margin-bottom: 24px;
  }
  .rescue-card-box .card-box-value + .card-box-value {
    margin-left: 0px !important;
  }

  .overlay--rescue-confirm .card-box-value + .card-box-value {
    margin-left: 0px !important;
  }
  .overlay--rescue-confirm .overlay-title {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .rescue-alert-box .alert-warning {
    margin-bottom: 0px;
  }
}
.subquestion {
  padding: 16px 0px;
}
@media screen and (max-width: 1023px) {
  .suitability-questions {
    padding-top: 72px;
  }
}
.tracking-page {
  padding: 48px 0;
}
.tracking-page-link {
  margin: 16px 0 32px;
}
.tracking-page--align {
  display: table;
  width: 100%;
}
.tracking-page--align-middle {
  display: table-cell;
  vertical-align: middle;
}
.tracking-page--current-result {
  margin: 24px 0;
}
.tracking-page--disclaimer {
  margin: 0 0 48px;
}
.tracking-page--graphic {
  margin: 8px 0 0;
}
.tracking-page--item-bar {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 16px;
}
.tracking-page--expired {
  margin: 40px 0;
}
.tracking-page--expired-icon {
  fill: #FFB300;
}
.tracking-page--expired-icon .icon-svg {
  height: 40px;
  width: 40px;
}
.tracking-page--expired-title {
  margin: 24px 0;
}
.tracking-page--expired-link {
  margin-top: 24px;
}
.overlay-tracking-close .overlay-text {
  margin: 48px 0 40px;
}
.overlay-tracking-close .alert-box {
  margin: 40px 0 0;
}
.overlay-tracking-success .overlay-content,
.overlay-tracking-buy-sell-success .overlay-content {
  margin: 0 0 48px;
}
.overlay-tracking-label {
  margin-bottom: 0px;
}
.overlay-tracking-buy-sell .overlay-text {
  margin: 40px 0 0;
}
.overlay-tracking-buy-sell-box {
  display: inline-block;
  margin: 0px;
  width: 100%;
}
.overlay-tracking-buy-sell-box + .overlay-tracking-buy-sell-box {
  margin-top: 24px;
}
.overlay-tracking-label {
  display: inline-block;
  width: 100%;
  margin-bottom: 8px !important;
}
@media screen and (max-width: 767px) {
  .tracking-page {
    padding: 0px;
  }
  .tracking-page--current-result {
    margin: 0px;
  }
  .tracking-page--current-result span:first-child {
    font-weight: 400;
  }
  .tracking-page--links-and-buttons {
    display: inline-block;
    width: 100%;
    padding-bottom: 24px;
  }
  .tracking-page--links-and-buttons .btn {
    margin: 8px 0 0;
  }
  .tracking-page--links-and-buttons .btn + .btn {
    margin-top: 16px;
  }
  .tracking-page--links-and-buttons .link {
    margin-bottom: 24px;
  }
  .tracking-page--links-and-buttons .link:last-child {
    margin-bottom: 0px;
  }
  .tracking-page--disclaimer {
    margin: 24px 0 0;
  }
  .tracking-page--expired {
    margin: 24px 0 0;
  }
  .tracking-page--expired-text {
    margin-bottom: 0px !important;
  }
  .tracking-page--expired-title {
    font-weight: 700 !important;
  }
  .tracking-page--expired-icon .icon-svg {
    height: 32px;
    width: 32px;
  }

  .overlay-tracking-success .overlay-title .icon-svg {
    height: 40px;
    width: 40px;
  }
  .overlay-tracking-success .overlay-content {
    margin-bottom: 32px;
  }
  .overlay-tracking-close .overlay-text {
    margin: 32px 0;
  }
  .overlay-tracking-close .alert-box {
    margin: 0 0 32px;
  }
  .overlay-tracking-close-box {
    margin-bottom: 24px;
  }
  .overlay-tracking-buy-sell .overlay-footer {
    margin-top: 32px;
  }
  .overlay-tracking-buy-sell-success .overlay-title svg-icon {
    display: block;
    float: none;
    margin: -8px 0 0 -8px;
  }
  .overlay-tracking-buy-sell-success .overlay-title svg-icon .icon-svg {
    float: none;
    display: block;
  }

  .stock-card-acompanhamento-pagina {
    padding: 0px;
    margin: 0px;
  }
  .stock-card-acompanhamento-pagina.with-shadow {
    box-shadow: none !important;
  }
  .stock-card-acompanhamento-pagina .stock-card-header {
    display: none;
  }
  .stock-card-acompanhamento-pagina .stock-card-container {
    padding: 0px;
  }
  .stock-card-acompanhamento-pagina .stock-card-tracking {
    padding: 0px;
    min-height: inherit;
  }
  .stock-card-acompanhamento-pagina .stock-card-tracking--label {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 400;
  }
  .stock-card-acompanhamento-pagina .stock-card-tracking--value {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 500;
  }
}
/**
 * Toro
 *
 * Variables
 *
 * This style sheet describes all
 * variables for the project
 *
 **/
/**
 * Colours
 *
 * colours variables
 *
 **/
/**
 *
 * z-index
 * 
 * z-index variables
 *
 * Is very important try use better the z-index
 * attribute, so, we have to build our code using
 * only 10 levels and don't run away of this pattern
 *
 * Example:
 * For a modal/overlay, the backdrop has the variable
 * $zindex-9 and the content $zindex-10
 *
 **/
/**
 *
 * Fonts
 *
 * font variables
 *
 **/
/**
 *
 * Media queries breakpoints
 *
 *
 *	@media (max-width: @screen-xs-max) { ... } -- THE MOST RECOMMENDED USE
 *	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
 *	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
 *	@media (min-width: @screen-lg-min) { ... }
 *
 **/
/*
 *
 * The follow calculation it's very simple,
 * the max size of a breakpoint it's the min size
 * of the next breakpoint less 1 (one) pixel
 *
 * Example:
 * - $screen-xs-max = 768 - 1;
 * - The result is: 767px;
 *
 */
/**
* Toro
*
* Mixins
*
* This style sheet describes all
* mixins used in this project
*
*/
/**
* border radius
*
* ex: @include border-radius(24px);
*
*/
/**
* transitions
*
* ex: @include transition(color .3s ease);
*
*/
/**
* transform
*
* ex: @include transform(translate(0));
*
*/
/**
* box-shadow
*
* ex: @include box-shadow(3px 7px 27px 3px rgba(35, 161, 248, 0.15));
*
*/
/**
* user-select
*
* ex: @include user-select(none);
*
*/
/**
* opacity
*
* ex: @include opacity(0.8);
*
*/
/**
* colours mixins
*
* ex: @include linear-gradient($color-fixed, 120, $color-fixed, 0%, $color-variable, 100%);
*
*/
/**
* fonts mixins and functions
*
*/
/**
* banners mixins
*
*/
.stock-banner {
  overflow: hidden;
}
.stock-banner .slick-prev,
.stock-banner .slick-next {
  z-index: 50;
}
.stock-search--title {
  margin-bottom: 8px;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
}
.stock-search--subtitle {
  color: #7E868E;
  margin-bottom: 16px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 400;
}
.stock-negociate {
  margin-top: 16px;
}
.stock-negociate--icon {
  margin-bottom: 24px;
}
.stock-negociate--icon .icon-svg {
  width: 40px;
  height: 40px;
  fill: #FFB300;
}
.stock-negociate--title {
  margin-bottom: 32px;
}
.stock-analysis--observation {
  margin-top: 16px;
  padding-left: 16px;
}
.stock-analysis-option-alert {
  display: inline-block;
  margin-bottom: 24px;
}
.stock-analysis-option-link {
  margin-top: 32px;
}
.stock-filter-bar {
  width: 100%;
  display: block;
  height: 76px;
  position: relative;
  z-index: 60;
}
.stock-bar {
  position: relative;
}
.stock-bar-links {
  margin-left: -8px;
}
.stock-bar-link {
  position: relative;
  top: 5px;
  margin-left: 8px;
}
.stock-bar-link:first-of-type {
  margin-left: 0px;
}
.stock-filter-tags {
  text-align: right;
}
.stock-section {
  padding: 104px 0 88px;
}
.stock-section--border {
  border-bottom: 1px solid #EAE9F0;
  margin-bottom: 24px;
}
.stock-section--sm {
  padding: 40px 0px;
}
.stock-section--title {
  color: #222222;
  padding: 40px 0px 8px;
}
.stock-section--title-count {
  margin: 16px 0 0;
}
.stock-section .card-container {
  background-color: #FFFFFF;
  display: inline-block;
  margin: 16px 0;
  width: 100%;
}
.stock-card-line + .stock-card-line {
  margin-top: 4px;
}
.stock-card-line-daytrade {
  display: inline-block;
  margin: 24px 0 16px !important;
}
.stock-cards-seemore {
  margin: 24px 0px 56px;
}
.stock-cards-list {
  padding-top: 40px;
  padding-bottom: 80px;
  min-height: 500px;
}
.stock-cards-list--results {
  min-height: 100vh;
}
.stock-sticky {
  left: 0px;
  z-index: 60;
}
.stock-sticky.sticky {
  width: 100%;
  top: 0;
}
.stock-investments-label {
  display: inline-block;
  margin-bottom: 2px;
}
.stock-investments-label {
  color: #7E868E;
}
.stock-status {
  text-align: right;
}
.stock-status-quotation {
  display: inline-block;
  vertical-align: middle;
  padding-left: 40px;
  margin-top: 24px;
}
.stock-status-quotation--text {
  display: inline-block;
  vertical-align: middle;
  padding-right: 8px;
}
.stock-status-quotation--points {
  display: inline-block;
  vertical-align: middle;
  padding-right: 8px;
  color: #7E868E;
  font-weight: 700;
}
.stock-status-quotation--icon {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}
.stock-status-quotation--icon .icon-svg {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  position: relative;
  top: 7px;
  left: 8px;
}
.stock-status-quotation--percent {
  display: inline-block;
  vertical-align: middle;
  padding-right: 4px;
  font-weight: 700;
}
.stock-status-quotation--value {
  display: inline-block;
  vertical-align: middle;
  color: #7E868E;
}
.stock-status-quotation--high {
  color: #00C898;
}
.stock-status-quotation--low {
  color: #F44336;
}
.stock-trend-title {
  display: inline-block;
  margin-bottom: 24px;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
}
.stock-trend-dropdown {
  margin-top: -30px;
  width: 315px;
  margin-bottom: 48px;
}
.stock-trend-description {
  margin-top: 56px;
}
.stock-trend-link {
  margin-top: 8px;
}
.stock-trend-content {
  margin: 0px 0 56px !important;
}
.stock-trend-content--text, .stock-trend-analysis-box p {
  margin-bottom: 24px;
  font-size: 18px;
  font-size: 1.125rem;
}
.stock-trend-list {
  margin-top: 48px;
}
.stock-trend-list--title {
  margin-top: 64px;
  margin-bottom: 40px;
}
.stock-trend-list--title-icon .icon-svg {
  width: 32px;
  height: 32px;
  position: relative;
  top: 8px;
  margin-right: 8px;
}
.stock-trend-list--title-text {
  position: relative;
}
.stock-trend-list--simple ul {
  list-style: none;
  padding-left: 0px;
  font-size: 24px;
  margin-bottom: 24px;
  margin-top: 32px;
}
.stock-trend-list--simple ul li {
  margin-bottom: 24px;
  padding-left: 24px;
  line-height: 20px;
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 16px;
}
.stock-trend-list--simple ul li:before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  background-color: #222222;
  position: absolute;
  left: 0;
  top: 11px;
}
.stock-trend-list--simple-positive ul li:before {
  background-color: #00C898;
}
.stock-trend-list--simple-negative ul li:before {
  background-color: #F44336;
}
.stock-trend-list--simple-primary ul li:before {
  background-color: #6131B4;
}
.stock-trend-list--item {
  margin-bottom: 24px;
  padding-left: 24px;
  line-height: 20px;
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 16px;
}
.stock-trend-list--item:before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  background-color: #222222;
  position: absolute;
  left: 0;
  top: 11px;
}
.stock-trend-list--icon .icon-svg {
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  margin-right: 12px;
}
.stock-trend-list--text {
  color: #222222;
  position: relative;
}
.stock-trend-list--high .stock-trend-list--item {
  padding-left: 0px;
}
.stock-trend-list--high .stock-trend-list--item:before {
  display: none;
}
.stock-trend-list--high .stock-trend-list--icon .icon-svg {
  fill: #00C898;
}
.stock-trend-list--low .stock-trend-list--item {
  padding-left: 0px;
}
.stock-trend-list--low .stock-trend-list--item:before {
  display: none;
}
.stock-trend-list--low .stock-trend-list--icon .icon-svg {
  fill: #F44336;
}
.stock-trend-list--normal .stock-trend-list--item {
  padding-left: 0px;
}
.stock-trend-list--normal .stock-trend-list--item:before {
  display: none;
}
.stock-trend-list--normal .stock-trend-list .icon-svg {
  fill: #7E868E;
}
.stock-trend-analysis-box {
  max-height: 286px;
  overflow: hidden;
  position: relative;
  transition: all 0.4s ease-in-out;
}
.stock-trend-analysis-box p {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
}
.stock-trend-analysis-box:after {
  height: 100px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100,ffffff+100&0+0,0.9+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#e6ffffff",GradientType=0 );
  /* IE6-9 */
}
.stock-trend-analysis-box--more {
  text-align: center;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 48px 0;
}
.stock-trend-analysis-box.active {
  max-height: 9000px;
}
.stock-trend-analysis-box.active:after {
  display: none;
}
.stock-trend-analysis-table--title {
  margin-bottom: 56px !important;
}
.stock-trend-analysis-table--subtitle {
  margin-bottom: 8px;
}
.stock-trend-analysis-table--list {
  margin-bottom: 64px;
}
.stock-trend-analysis-table--item {
  border-bottom: 1px solid #EAE9F0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 0;
  width: 100%;
}
.stock-trend-analysis-table--item .left {
  padding-right: 15px;
}
.stock-trend-analysis-table--item div {
  margin-bottom: 0px;
}
.stock-trend-analysis-table--item div:last-child {
  text-align: right;
}
@media screen and (max-width: 1439px) {
  .stock-filter-tags {
    text-align: left;
  }
  .stock-filter-tags--item.mat-chip {
    margin: 0px 0px 0px 8px !important;
  }
  .stock-status-quotation {
    margin-top: 8px;
  }
  .stock-bar-title {
    margin-bottom: 0px;
  }
  .stock-bar-links {
    display: inline-block;
    margin-bottom: 24px;
  }

  .stock-trend-list--title-icon .icon-svg {
    top: 9px;
  }
}
@media screen and (min-width: 1024px) {
  .stock-section--container {
    display: flex;
    align-items: center;
  }
  .stock-section--container-space-between {
    justify-content: space-between;
  }
  .stock-section--container-last {
    justify-content: flex-end;
  }
  .stock-section--container-item + .stock-section--container-item {
    margin-left: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .stock-trend-title {
    margin-bottom: 16px;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .stock-trend-dropdown {
    width: 100%;
    margin-bottom: 32px;
  }
  .stock-trend-content {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.18);
    padding: 16px 16px 0px;
    margin: 0 0 32px !important;
    text-align: center;
    display: inline-block;
    width: 100%;
  }
  .stock-trend-content--title {
    margin-bottom: 24px;
    text-align: left;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
  }
  .stock-trend-content--text, .stock-trend-analysis-box p {
    margin-bottom: 8px;
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .stock-trend-content .stock-trend-list {
    text-align: left;
  }
  .stock-trend-content .stock-trend-list--title {
    text-align: left;
  }
  .stock-trend-content .stock-trend-list--title-icon .icon-svg {
    width: 24px;
    height: 24px;
    top: 6px !important;
    margin-right: 4px;
  }
  .stock-trend-analysis-table--title {
    text-align: left;
    margin-bottom: 24px;
  }
  .stock-trend-analysis-table--subtitle {
    text-align: left;
  }
  .stock-trend-analysis-table--item {
    padding: 16px 0;
  }
  .stock-trend-analysis-box--more {
    padding: 0px 0px 8px;
    border-bottom: 1px solid #EAE9F0;
    margin-bottom: 40px;
  }
  .stock-trend-link {
    margin-top: 0px !important;
    font-size: 14px !important;
  }
  .stock-trend-list {
    margin: 16px 0 !important;
  }
  .stock-trend-list--title {
    margin: 32px 0px 24px;
  }
  .stock-trend-list--text {
    line-height: 14px;
  }
  .stock-trend-list--item {
    margin-bottom: 16px;
  }
  .stock-trend-analysis-table--list {
    margin-bottom: 40px;
  }
  .stock-trend-analysis-table--item {
    padding: 24px 0;
  }
  .stock-trend-analysis-table--item .left,
.stock-trend-analysis-table--item .right {
    display: inline-block;
    text-align: left !important;
    width: 100%;
  }
  .stock-trend-analysis-table--item .right {
    margin-top: 8px;
  }
  .stock-trend-analysis-table--item .right span {
    font-size: 18px;
  }
  .stock-trend-analysis-table h4.font-text--bold, .stock-trend-analysis-table h4.tracking-page--option.active, .stock-trend-analysis-table h4.page-divided--scroll-title {
    font-size: 18px;
    margin-bottom: 0px;
  }
  .stock-analysis {
    min-height: 250px;
  }
  .stock-banner {
    margin-top: 0px;
    top: 0px;
    padding-bottom: 16px;
  }
  .stock-search--title {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .stock-search--subtitle {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .stock-section {
    padding: 0px;
  }
  .stock-section .card-container {
    padding: 16px 8px;
  }
  .stock-section-links {
    display: inline-block;
    padding: 8px 0 16px;
    margin-left: -8px;
  }
  .stock-section-links a {
    margin-bottom: 24px;
  }
  .stock-filter-bar {
    height: 99px;
  }
  .stock-investments-header {
    margin-bottom: 0px;
  }
  .stock-investments-value {
    margin-bottom: 16px;
  }
  .stock-cards-list {
    margin-top: 0px;
    padding-top: 16px !important;
    padding-bottom: 8px;
  }
  .stock-card-line-daytrade {
    margin: 32px 0 10px !important;
  }
}
.stock-late--box {
  border-radius: 5px;
  background-color: #FFFFFF;
  padding: 24px;
  position: relative;
  width: 275px;
}
.stock-late--close {
  height: 24px;
  width: 24px;
  right: 0;
  top: 0;
  z-index: 10;
}
.stock-late--close .icon-svg {
  height: 16px;
  width: 16px;
}
.stock-late--text {
  display: inline-block;
  margin-bottom: 16px;
}
.stock-late--btn {
  margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
  .stock-late--box {
    float: none;
    margin: 16px auto;
    width: 100%;
  }
}
.investments {
  background-color: #FFFFFF;
  position: relative;
}
.investments-header {
  border-bottom: 1px solid #EAE9F0;
  display: inline-block;
  width: 100%;
}
.investments-col {
  padding-top: 24px;
  padding-bottom: 24px;
}
.investments-col .link {
  display: inline;
}
.investments-box-text {
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(8, 37, 52, 0.24);
  border-radius: 4px;
  padding: 16px 16px;
}
.investments-box-text--header {
  background-image: url("/assets/images/_pages/investimentos/img_bolsa_meus_investimentos-min.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 208px;
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 4px 4px 0 0;
}
.investments-box-text--body {
  padding: 48px 32px;
}
.investments-box-text--body .title {
  margin: 40px 0 0;
}
.investments-reseted {
  padding: 40px 0;
}
.investments-reseted--bg {
  position: relative;
  width: 100%;
}
.investments-reseted--bg .col-xs-24 .skeleton-item {
  margin-bottom: 0px !important;
}
.investments-reseted--bg .col-xs-24 + .col-xs-24 {
  margin-top: 24px !important;
}
.investments-reseted .investments-box-text {
  display: block;
  padding: 24px;
  width: 470px;
}
.investments-reseted .investments-box-text--footer {
  margin-top: 24px;
}
.investments-anonimous {
  padding: 0px;
}
.investments-anonimous--bg {
  position: relative;
  width: 100%;
}
.investments-anonimous .investments-box-text {
  float: none !important;
  padding: 0px;
}
.investments-anonimous .investments-box-text--footer {
  margin-top: 40px;
}
@media screen and (min-width: 1440px) {
  .investments-col:first-child span {
    margin-left: 40px;
  }

  .investments-col:nth-child(2), .investments-col:nth-child(4), .investments-col:last-child {
    padding-left: 24px;
  }

  .investments-subcol .investments-col:first-child {
    padding-left: 32px;
  }
  .investments-subcol .investments-col:first-child span {
    margin-left: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .investments-anonimous .investments-box-text--footer .btn + .btn {
    margin-left: 24px;
  }
}
@media screen and (max-width: 1439px) {
  .investments-reseted .investments-box-text {
    width: 385px;
  }

  .investments-col:first-child {
    padding-left: 16px;
  }
  .investments-col:last-child {
    padding-left: 16px;
  }
}
@media screen and (min-width: 768px) {
  .investments-box-text {
    display: inline;
    float: none !important;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
  }
  .investments.zero-stock .investments-box-text {
    width: 430px;
  }
}
@media screen and (max-width: 1023px) {
  .investments-reseted--bg {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .investments-reseted--bg > .col-xs-24 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .investments-reseted .investments-box-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 330px;
    padding: 16px !important;
  }
  .investments-reseted .investments-box-text--footer {
    margin-top: 16px !important;
  }
  .investments-reseted .investments-box-text--footer .btn {
    margin-bottom: 0px;
    padding: 8px 16px;
  }
  .investments-reseted.zero-stock .investments-box-text {
    text-align: center;
  }

  .investments-anonimous .stock-trend-list {
    margin-bottom: 0px !important;
  }
  .investments-anonimous .stock-trend-list--item {
    margin-bottom: 8px;
  }
  .investments-anonimous .investments-box-text--footer {
    margin-top: 16px;
  }

  .investments-details {
    margin: 16px 0 8px;
  }
  .investments-details--title {
    margin-bottom: 8px;
  }
  .investments-details--count {
    margin-bottom: 8px;
  }

  .investments-col {
    padding: 0px;
  }
  .investments-col:first-child, .investments-col:last-child {
    padding-left: 0px;
  }
  .investments-col--label {
    float: left;
    margin-bottom: 8px !important;
  }
  .investments-col--text {
    float: right;
    margin-bottom: 8px !important;
  }
  .investments-col--type {
    display: inline-block;
    margin-bottom: 24px;
  }
  .investments-col--footer {
    margin: 8px 0 0;
  }
  .investments-col--footer .btn {
    margin-bottom: 8px !important;
  }

  .banner-link {
    margin-top: 24px !important;
  }
}
@media screen and (max-width: 767px) {
  .investments-anonimous {
    padding: 24px 0;
  }

  .investments-anonimous--bg {
    margin: 0px;
  }
  .investments-anonimous--bg:before {
    display: none;
  }
  .investments-anonimous--bg .investments-box-text {
    box-shadow: none !important;
  }
  .investments-anonimous--bg .investments-box-text--body {
    padding: 0px !important;
  }
  .investments-anonimous--bg .investments-box-text--body .title {
    margin-top: 24px;
  }
  .investments-anonimous--bg .investments-box-text--footer {
    display: inline-block;
    width: 100%;
    margin-top: 32px;
  }

  .investments-reseted {
    margin-top: 24px;
  }
  .investments-reseted .investments-box-text {
    max-width: 100%;
    width: 85%;
  }
}
@media only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
  .investments-box-text--header {
    background-image: url("/assets/images/_pages/investimentos/img_bolsa_meus_investimentos@2x-min.jpg");
  }
}
.wallet-value {
  margin: 16px 0 56px;
}
.wallet-stock--graphic {
  margin: 160px 0;
}
.wallet-stock--bottom {
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
  margin: auto;
}
.wallet-stock .hub-tabs {
  margin: 160px 0 0;
}
.wallet-stock .hub-tabs-box--item {
  padding-bottom: 0px;
}
@media screen and (max-width: 1439px) {
  .wallet .banner-title {
    margin-bottom: 0px;
  }
  .wallet .banner-box {
    margin-top: 64px;
  }

  .wallet-value {
    margin: 0 0 16px;
  }
}
.box-docs {
  margin-bottom: 56px;
}
.docs-section {
  padding-top: 136px;
}
.simple-upload + .docs-actions {
  margin-top: 24px;
}
@media screen and (max-width: 1023px) {
  .box-docs {
    margin-bottom: 40px;
  }

  .box-docs + .box-docs .divider {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 2px solid #EAE9F0;
  }

  .docs-section {
    padding-top: 96px;
  }
}
.navbar-feedback {
  height: 70px;
  overflow: hidden;
}
.navbar-feedback .navbar-brand {
  padding: 24px 0;
}
.content-feedback {
  margin-top: 136px;
}
.content-feedback .card-container {
  padding: 16px;
}
.page-feedback-icon .icon-svg {
  width: 40px;
  height: 40px;
}
.page-feedback-icon--success {
  fill: #00C898;
}
.page-feedback-icon--error {
  fill: #F44336;
}
.page-feedback-content {
  margin-top: 24px;
}
.page-feedback-footer {
  margin-top: 32px;
  margin-bottom: 40px;
}
.page-feedback-text {
  margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
  .content-feedback {
    margin-top: 88px;
  }

  .page-feedback-text {
    margin-bottom: 32px;
  }

  .page-feedback-content .card-box-value {
    margin-bottom: 24px;
  }

  .page-feedback-footer {
    margin-bottom: 0;
  }

  .content-feedback .card-container {
    padding: 24px 16px;
  }
}
/**
 * Toro
 *
 * Variables
 *
 * This style sheet describes all
 * variables for the project
 *
 **/
/**
 * Colours
 *
 * colours variables
 *
 **/
/**
 *
 * z-index
 * 
 * z-index variables
 *
 * Is very important try use better the z-index
 * attribute, so, we have to build our code using
 * only 10 levels and don't run away of this pattern
 *
 * Example:
 * For a modal/overlay, the backdrop has the variable
 * $zindex-9 and the content $zindex-10
 *
 **/
/**
 *
 * Fonts
 *
 * font variables
 *
 **/
/**
 *
 * Media queries breakpoints
 *
 *
 *	@media (max-width: @screen-xs-max) { ... } -- THE MOST RECOMMENDED USE
 *	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
 *	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
 *	@media (min-width: @screen-lg-min) { ... }
 *
 **/
/*
 *
 * The follow calculation it's very simple,
 * the max size of a breakpoint it's the min size
 * of the next breakpoint less 1 (one) pixel
 *
 * Example:
 * - $screen-xs-max = 768 - 1;
 * - The result is: 767px;
 *
 */
.toro-radar-theme {
  /* Box com dicas */
  /** List item */
  /* navbar */
  /* Botões de ação */
  /* Botoes com borda */
  /* Links */
  /* Inputs */
  /* Radio buttons */
  /* Checkbox */
  /* fontes */
  /** Select */
  /* Componente de upload */
  /** Banners */
  /** navbar */
  /** tela de sucesso*/
}
.toro-radar-theme .box-info-register {
  background: #2f2f2F;
}
.toro-radar-theme .box-info-register .box-info-register--icon .icon-svg {
  fill: #3fc18e;
}
.toro-radar-theme .list-item:before {
  background: #3fc18e;
}
.toro-radar-theme .navbar {
  background: #2f2f2F;
  /* Logo */
}
.toro-radar-theme .navbar-brand {
  padding: 20px 0;
}
.toro-radar-theme .navbar-brand img {
  width: 150px;
}
@media screen and (max-width: 320px) {
  .toro-radar-theme .navbar-brand img {
    width: 130px;
  }
}
.toro-radar-theme .btn-primary--solid {
  background: #3fc18e;
}
.toro-radar-theme .btn--border {
  background: #979897;
}
.toro-radar-theme .btn-primary--border {
  border-color: #3fc18e;
  color: #3fc18e;
  background: transparent;
}
.toro-radar-theme .btn-primary--border:hover {
  border-color: #3cd79b;
  color: #3cd79b;
}
.toro-radar-theme .btn.busy {
  background-color: #3fc18e !important;
}
.toro-radar-theme .link--primary {
  color: #3fc18e;
}
.toro-radar-theme .link--primary:hover {
  color: #3cd79b;
}
.toro-radar-theme .link--iconed-primary .link--iconed-icon .icon-svg {
  fill: #3fc18e;
}
.toro-radar-theme .link--iconed-primary .link--iconed-text {
  color: #3fc18e;
}
.toro-radar-theme .link--iconed-primary:hover .link--iconed-icon .icon-svg {
  fill: #3cd79b;
}
.toro-radar-theme .link--iconed-primary:hover .link--iconed-text {
  color: #3cd79b;
}
.toro-radar-theme .input-field .form-input:focus {
  background-color: rgba(63, 193, 142, 0.24);
  border-bottom-color: #3fc18e;
}
.toro-radar-theme .radio-field:hover .radio-label {
  color: #3fc18e;
}
.toro-radar-theme .radio-field:hover .radio--animated:after {
  border-color: #3fc18e;
}
.toro-radar-theme .radio-field .radio--animated:before {
  background: #3fc18e;
}
.toro-radar-theme .radio-field .radio--animated:checked:after {
  border-color: #3fc18e;
}
.toro-radar-theme .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.toro-radar-theme .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #3fc18e !important;
}
.toro-radar-theme .mat-checkbox-checked .mat-ripple-element {
  background: rgba(63, 193, 142, 0.1) !important;
}
.toro-radar-theme .checkbox-field:hover .checkbox-label,
.toro-radar-theme .checkbox--container:hover .checkbox-label {
  color: #3fc18e;
}
.toro-radar-theme .checkbox-field:hover .checkbox--animated:after,
.toro-radar-theme .checkbox--container:hover .checkbox--animated:after {
  border-color: #3fc18e;
}
.toro-radar-theme .checkbox-field:hover .checkbox--animated:before,
.toro-radar-theme .checkbox--container:hover .checkbox--animated:before {
  border-color: #3fc18e;
}
.toro-radar-theme .checkbox-field .checkbox--animated:before,
.toro-radar-theme .checkbox--container .checkbox--animated:before {
  border-color: #3fc18e;
}
.toro-radar-theme .checkbox-field .checkbox--animated:checked:after,
.toro-radar-theme .checkbox--container .checkbox--animated:checked:after {
  border-color: #3fc18e;
}
.toro-radar-theme .font-primary-color, .toro-radar-theme .box-more-info-last-video h1, .box-more-info-last-video .toro-radar-theme h1, .toro-radar-theme .slider-full-width .slick-prev:before, .slider-full-width .toro-radar-theme .slick-prev:before,
.toro-radar-theme .slider-full-width .slick-next:before,
.slider-full-width .toro-radar-theme .slick-next:before, .toro-radar-theme .sidebar-list li:hover .sidebar-list--link, .sidebar-list li:hover .toro-radar-theme .sidebar-list--link, .toro-radar-theme .sidebar-list li.active .sidebar-list--link, .sidebar-list li.active .toro-radar-theme .sidebar-list--link, .toro-radar-theme .sidebar-list--sub li:hover .sidebar-list--sub-link, .sidebar-list--sub li:hover .toro-radar-theme .sidebar-list--sub-link, .toro-radar-theme .sidebar-list--sub li.active .sidebar-list--sub-link, .sidebar-list--sub li.active .toro-radar-theme .sidebar-list--sub-link {
  color: #3fc18e;
}
.toro-radar-theme .mat-select-trigger:hover .mat-select-arrow {
  border-top-color: #3fc18e;
}
.toro-radar-theme .uploading.upload-loading .icon-svg:not(.spin) {
  fill: rgba(61, 214, 155, 0.24);
}
.toro-radar-theme .upload-field .btn-upload {
  border-color: #3fc18e;
  color: #3fc18e;
}
.toro-radar-theme .upload-field .btn-upload:hover {
  background: #3fc18e;
  color: #FFFFFF;
}
.toro-radar-theme .upload-field .icon-svg {
  fill: #3fc18e;
}
.toro-radar-theme .upload-field .btn-delete {
  background: #3fc18e;
}
.toro-radar-theme .upload-field .btn-delete .icon-svg {
  fill: #FFFFFF;
}
.toro-radar-theme .upload-field .uploading.upload-loading {
  border-color: #3fc18e;
  color: rgba(61, 214, 155, 0.24);
}
.toro-radar-theme .banner {
  background-color: #2f2f2F;
}
.toro-radar-theme .navbar-list-item--link {
  color: #3fc18e;
}
.toro-radar-theme .navbar-profile-btn:hover .navbar-profile-btn-text {
  color: #3cd79b;
}
.toro-radar-theme .navbar-profile-btn:hover .nav-burguer-stripe {
  background-color: #3cd79b;
}
.toro-radar-theme .navbar-profile-btn:hover .nav-burguer-stripe:before, .toro-radar-theme .navbar-profile-btn:hover .nav-burguer-stripe:after {
  background: #3cd79b;
}
.toro-radar-theme .navbar-profile-btn:hover .nav-burguer-stripe,
.toro-radar-theme .navbar-profile-btn:hover .nav-burguer-stripe:after,
.toro-radar-theme .navbar-profile-btn:hover .nav-burguer-stripe:before {
  background: #3fc18e;
}
.toro-radar-theme .navbar-profile-btn-text {
  color: #3fc18e;
}
.toro-radar-theme .navbar-notifications .icon-svg {
  fill: #3fc18e !important;
}
.toro-radar-theme .nav-burguer-stripe, .toro-radar-theme .nav-burguer-stripe:after, .toro-radar-theme .nav-burguer-stripe:before {
  background: #3fc18e;
}
.toro-radar-theme .success-title .icon-svg {
  fill: #3fc18e;
}
@media screen and (max-width: 1023px) {
  .toro-radar-theme .btn-primary--solid {
    border-color: #3fc18e !important;
  }
}
re-captcha {
  position: absolute;
  opacity: 0;
}
re-captcha .grecaptcha-badge {
  width: 0 !important;
}
.crosshair-ball {
  visibility: visible;
}
.styleguide-section {
  margin: 40px 0;
}
.cards {
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  position: relative;
  margin: 40px 0;
  overflow: hidden;
}
.cards--dark .cards-container {
  color: #FFFFFF;
}
.cards-title {
  font-size: 1.2em;
  padding: 20px;
  margin: 0;
  color: #FFF;
  -webkit-font-smoothing: antialiased;
}
.cards-code {
  border-top: 1px solid #e1e1e8;
  padding: 20px;
}
.cards-code code {
  display: block;
  margin: 5px 0;
  line-height: 2.2;
}
.cards-code code .nt {
  color: #2f6f9f;
}
.cards-code code .na {
  color: #4f9fcf;
}
.cards-code code .s {
  color: #d44950;
}
.color-items {
  padding: 30px;
  color: #FFF;
  width: 100%;
  margin: 10px 0;
}
.box {
  text-align: center;
  margin: 20px 0;
  border: 1px solid #CCCCCC;
}
.box-content {
  position: relative;
  width: 100%;
  margin: auto;
  height: 80px;
  text-align: center;
  color: #FFF;
}
.box-content---color-value {
  right: 0;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.box-content--icon-value {
  color: #000;
  right: 0;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.box-value {
  padding: 10px;
  border-top: 1px solid #CCCCCC;
}
.page-divided {
  position: relative;
}
.page-divided:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
}
.code-structure {
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  -moz-tab-size: 1;
  -o-tab-size: 1;
  tab-size: 1;
  hyphens: none;
}
.svg-container {
  position: relative;
}
.svg-container.animation .svg-graphic-lines {
  animation: dash 1s linear forwards;
}
#svg-graphic {
  position: absolute;
  z-index: 1;
}
.svg-graphic-lines {
  stroke-dasharray: 2300;
  stroke-dashoffset: 2300;
}
.loading-more {
  text-align: center;
  padding-top: 8vh;
  padding-bottom: 10vh;
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
.valueResult {
  margin-top: 90px !important;
}
.valueResult h1:not(:first-child) {
  margin-top: 60px;
}
.valueResult span:nth-child(2) {
  color: #00ADD2;
}
.valueResult span:nth-child(4) {
  color: #aa00ff;
}
@media screen and (max-width: 1023px) {
  .page-divided:before {
    display: none;
  }
}
.bot-y {
  animation: show 1s ease forwards;
}
@keyframes Show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mat-dialog-container, mat-dialog-container {
  background: #FFF;
  box-shadow: none !important;
}
.mat-dialog-container {
  background-color: transparent !important;
  padding: 0 !important;
}
[hidden] {
  display: none !important;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./libs/common/src/styles.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Toro
 *
 * Variables
 *
 * This style sheet describes all
 * variables for the project
 *
 **/
/**
 * Colours
 *
 * colours variables
 *
 **/
/**
 *
 * z-index
 * 
 * z-index variables
 *
 * Is very important try use better the z-index
 * attribute, so, we have to build our code using
 * only 10 levels and don't run away of this pattern
 *
 * Example:
 * For a modal/overlay, the backdrop has the variable
 * $zindex-9 and the content $zindex-10
 *
 **/
/**
 *
 * Fonts
 *
 * font variables
 *
 **/
/**
 *
 * Media queries breakpoints
 *
 *
 *	@media (max-width: @screen-xs-max) { ... } -- THE MOST RECOMMENDED USE
 *	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
 *	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
 *	@media (min-width: @screen-lg-min) { ... }
 *
 **/
/*
 *
 * The follow calculation it's very simple,
 * the max size of a breakpoint it's the min size
 * of the next breakpoint less 1 (one) pixel
 *
 * Example:
 * - $screen-xs-max = 768 - 1;
 * - The result is: 767px;
 *
 */
/**
* Toro
*
* Mixins
*
* This style sheet describes all
* mixins used in this project
*
*/
/**
* border radius
*
* ex: @include border-radius(24px);
*
*/
/**
* transitions
*
* ex: @include transition(color .3s ease);
*
*/
/**
* transform
*
* ex: @include transform(translate(0));
*
*/
/**
* box-shadow
*
* ex: @include box-shadow(3px 7px 27px 3px rgba(35, 161, 248, 0.15));
*
*/
/**
* user-select
*
* ex: @include user-select(none);
*
*/
/**
* opacity
*
* ex: @include opacity(0.8);
*
*/
/**
* colours mixins
*
* ex: @include linear-gradient($color-fixed, 120, $color-fixed, 0%, $color-variable, 100%);
*
*/
/**
* fonts mixins and functions
*
*/
/**
* banners mixins
*
*/
.m-04 {
  margin: 1rem;
}
.mt-04 {
  margin: 1rem 0 0 0;
}
.heading-default-color {
  color: #222222;
}
.heading-primary-color {
  color: #990000;
}
.heading-secondary-color {
  color: #CC0000;
}
.heading-secondary-brightness-color {
  color: #F29E9A;
}
.heading-neutral-color {
  color: #545454;
}
.heading-contrast-color {
  color: #222222;
}
.heading-brightness-color {
  color: #FFFFFF;
}
.heading-high-contrast-color {
  color: #FFFFFF;
}
.heading-disabled-contrast-color {
  color: #C0BDB8;
}
.body-default-color {
  color: #545454;
}
.body-primary-color {
  color: #990000;
}
.body-secondary-color {
  color: #CC0000;
}
.body-secondary-brightness-color {
  color: #F29E9A;
}
.body-neutral-color {
  color: #767676;
}
.body-contrast-color {
  color: #141414;
}
.body-brightness-color {
  color: #FFFFFF;
}
.body-high-contrast-color {
  color: #FFFFFF;
}
.body-disabled-color {
  color: #C0BDB8;
}
.body-feedback-alert-color {
  color: #CB8421;
}
.body-feedback-danger-color {
  color: #E0174B;
}
.body-feedback-report-color {
  color: #00478D;
}
.body-feedback-success-color {
  color: #006D51;
}
.link-default-color {
  color: #990000;
}
.h1 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 3.25rem;
  font-size: 2.5rem;
}
.h1-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 3.25rem;
  font-size: 2.5rem;
}
.h2 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 2.6rem;
  font-size: 2rem;
}
.h2-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.6rem;
}
.h3 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.95rem;
  font-size: 1.5rem;
}
.h3-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.95rem;
  font-size: 1.5rem;
}
.h4 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.4625rem;
  font-size: 1.5rem;
}
.h4-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.4625rem;
  font-size: 1.5rem;
}
.h5 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.3rem;
  font-size: 1.125rem;
}
.h5-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.3rem;
  font-size: 1.125rem;
}
.h6 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.3rem;
  font-size: 1rem;
}
.h6-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.3rem;
  font-size: 1rem;
}
.t1 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.t1-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.t1-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.t2 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}
.t2-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}
.t2-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}
.t3, .radio-label {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.t3-medium, .btn-disabled, .btn--lg, .btn {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.t3-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.t4, .chips--item.mat-chip, .input-field .form-input, .input-field toro-autocomplete .form-int {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.t4-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}
.t4-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
.t5, .form-label, .input-field .form-label {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.t5-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.t5-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.description {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.879rem;
}
.description-medium, .input-field .input-error-message {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.879rem;
}
.description-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.879rem;
}
.l1 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
  text-decoration: underline;
}
.l1-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
  text-decoration: underline;
}
.l2 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  text-decoration: underline;
}
.l2-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  text-decoration: underline;
}
.l3 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: underline;
}
.l3-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: underline;
}
.l4, .link {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.313rem;
  text-decoration: underline;
}
.l4-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.313rem;
  text-decoration: underline;
}
.l5 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-decoration: underline;
}
.l5-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-decoration: underline;
}
button {
  border: none;
}
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  text-transform: none;
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  border-radius: 0.25rem;
}
.btn--sm {
  padding: 0.5rem 1rem;
  height: 3rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.btn--md {
  padding: 0.8rem 2rem;
  height: 3rem;
}
.btn--lg {
  padding: 0.8rem 1.5rem;
  height: 3.75rem;
}
.btn--full {
  width: 100%;
}
.btn--stock {
  width: 128px;
  margin-left: 0.8rem !important;
  text-align: center;
  -webkit-text-align-last: center;
  -moz-text-align-last: center;
       text-align-last: center;
}
.btn--solid {
  border: none;
}
.btn--sm.btn--solid {
  border: 2px solid transparent;
}
.btn--border {
  border: 1px solid #990000;
  background-color: #FFFFFF80;
}
.btn--border.btn--md {
  padding: 0.8rem 2rem;
}
.btn--iconed {
  position: relative;
  width: auto;
}
.btn--iconed-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  grid-gap: 0.25rem;
  gap: 0.25rem;
}
@media screen and (min-width: 577px) {
  .btn--iconed-flex {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .btn--iconed-flex {
    justify-content: center;
  }
}
.btn--iconed-text {
  margin-bottom: 0.25rem;
}
.btn--iconed-icon ::ng-deep .icon-svg {
  fill: #FFFFFF;
}
.btn--iconed:hover ::ng-deep .icon-svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}
.btn--iconed:hover img {
  transition: all 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  filter: brightness(0) invert(1);
}
.btn-primary--solid {
  background-color: #990000;
  color: #FFFFFF;
}
@media screen and (min-width: 769px) {
  .btn-primary--solid:hover {
    background-color: #310A05;
  }
}
.btn-white--solid {
  background-color: #FFFFFF;
  color: #990000;
}
.btn-white--solid:hover {
  color: #FFFFFF;
  background-color: #310A05;
}
.btn-pink--solid {
  background-color: #E7517E;
  color: #FFFFFF;
}
@media screen and (min-width: 769px) {
  .btn-pink--solid:hover {
    background-color: #BA2E59;
  }
}
.btn-primary--border {
  border: 1px solid #990000;
  color: #990000;
}
@media screen and (min-width: 769px) {
  .btn-primary--border:hover {
    border: 1px solid #990000;
    color: #990000;
    background-color: #FFA29C33;
  }
}
.btn-danger--solid {
  background-color: #F44336;
  color: #FFFFFF;
}
@media screen and (min-width: 769px) {
  .btn-danger--solid:hover {
    background-color: #FEE2E4;
  }
}
.btn-danger--border {
  border-color: #E0174B;
  color: #E0174B;
}
@media screen and (min-width: 769px) {
  .btn-danger--border:hover {
    border-color: #E0174B;
    color: #FFFFFF;
    background-color: #FEE2E4;
  }
}
.btn-success--solid {
  background-color: #D8FFF7;
  color: #FFFFFF;
}
@media screen and (min-width: 769px) {
  .btn-success--solid:hover {
    background-color: #00FFCD;
  }
}
.btn-success--border {
  border-color: #006D51;
  color: #006D51;
}
@media screen and (min-width: 769px) {
  .btn-success--border:hover {
    border-color: #006D51;
    color: #FFFFFF;
    background-color: #D8FFF7;
  }
}
.btn-warning--solid {
  background-color: #FEE2E4;
  color: #FFFFFF;
}
@media screen and (min-width: 769px) {
  .btn-warning--solid:hover {
    background-color: #FA8E96;
  }
}
.btn-warning--border {
  border-color: #E0174B;
  color: #FFFFFF;
}
@media screen and (min-width: 769px) {
  .btn-warning--border:hover {
    border-color: #E0174B;
    color: #FFFFFF;
    background-color: #FEE2E4;
  }
}
.btn-action--solid {
  background-color: #FF6D00;
  color: #FFFFFF;
}
@media screen and (min-width: 769px) {
  .btn-action--solid:hover {
    background-color: #b0510c;
  }
}
.btn-action--border {
  border-color: #FF6D00;
  color: #FF6D00;
}
@media screen and (min-width: 769px) {
  .btn-action--border:hover {
    border-color: #FF6D00;
    color: #FFFFFF;
    background-color: #FF6D00;
  }
}
.btn-base--solid {
  background-color: #222222;
  color: #FFFFFF;
}
@media screen and (min-width: 769px) {
  .btn-base--solid:hover {
    background-color: #1F073B;
  }
}
.btn-base--border {
  border-color: #222222;
  color: #222222;
}
@media screen and (min-width: 769px) {
  .btn-base--border:hover {
    border-color: #222222;
    color: #FFFFFF;
    background-color: #222222;
  }
}
.btn-light--solid {
  background-color: #FFFFFF;
  color: #222222;
}
.btn-light--border {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
@media screen and (min-width: 769px) {
  .btn-light--border:hover {
    border-color: #FFFFFF;
    color: #222222;
    background-color: #FFFFFF;
  }
}
.btn-disabled {
  background-color: #EFEFEF80 !important;
  color: #C0BDB8;
  border: #F8F8F8;
  cursor: default;
}
.btn-disabled:hover {
  background-color: #EFEFEF80 !important;
  color: #C0BDB8;
}
.btn-disabled--darker {
  background-color: #EAE9F0;
  color: #7E868E;
  cursor: default;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .btn-disabled--darker:hover {
    background-color: #EAE9F0;
    color: #7E868E;
  }
}
.btn-add {
  border-radius: 4px;
  border: 2px solid #990000;
  color: #990000;
  padding: 16px;
  background: transparent;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  text-transform: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  vertical-align: bottom;
  height: 89px;
  width: 105px;
  margin: 8px 0;
}
@media screen and (min-width: 769px) {
  .btn-add:hover {
    background-color: #990000;
    color: #FFFFFF;
  }
}
.btn-delete {
  width: 24px;
  height: 24px;
  border-radius: 100px;
  background-color: #FFFFFF;
  box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
  text-decoration: none;
  color: #222222;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 14px;
  line-height: 21px;
  transition: all 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
@media screen and (min-width: 769px) {
  .btn-delete:hover {
    background-color: #990000;
    color: #FFFFFF;
  }
}
.btn-filter {
  margin-left: 22px;
}
.btn--close {
  background-color: #F8F8F8 !important;
  height: 40px;
  line-height: 40px;
  width: 40px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  text-align: center;
  border-radius: 40px;
  transition: all 0.3s;
}
.btn--close svg-icon {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.btn--close ::ng-deep .icon-svg {
  display: inline-block;
  height: 40px;
  width: 40px;
  margin: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  fill: #7E868E !important;
  transform: translateX(-50%) translateY(-50%);
}
.btn--close--light {
  background-color: transparent;
}
.btn--close:focus {
  outline: none;
}
@media screen and (min-width: 769px) {
  .btn--close:hover {
    background-color: #EAE9F0 !important;
  }
}
.btn--close--lighter {
  background-color: #ECEDEE;
}
.btn--close--lighter .icon-svg {
  fill: #7E868E;
}
@media screen and (min-width: 769px) {
  .btn--close--lighter:hover {
    background-color: #EAE9F0;
  }
}
.btn--close--darker {
  background: rgba(255, 255, 255, 0.16);
}
.btn--close--darker .icon-svg {
  fill: #FFFFFF;
}
@media screen and (min-width: 769px) {
  .btn--close--darker:hover {
    background: rgba(255, 255, 255, 0.24);
  }
}
.btn--close--primary {
  background: rgba(101, 97, 64, 0.24);
}
.btn--close--primary .icon-svg {
  fill: #990000 !important;
}
@media screen and (min-width: 769px) {
  .btn--close--primary:hover {
    background: #bfbff5;
  }
}
.btn--close, .btn--close:hover {
  background-color: #FFFFFF;
}
.btn--close-page {
  top: 3rem;
}
@media screen and (max-width: 768px) {
  .btn {
    width: 100%;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 16px;
  }

  .btn-add {
    height: 90px;
    width: 100px;
  }

  .btn--stock {
    margin-left: 0px !important;
  }
}
@media screen and (max-width: 576px) {
  .btn--close {
    height: 32px;
    line-height: 32px;
    width: 32px;
  }
  .btn--close .icon-svg {
    height: 20px;
    width: 20px;
  }

  .btn--md {
    padding: 0.8rem 2rem;
  }

  .btn--full {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
  }
}
.progress-button {
  position: relative;
}
.progress-button[disabled],
.progress-button[disabled].state-loading {
  cursor: default;
}
.progress-button .content {
  position: relative;
  display: block;
  z-index: 10;
  transition: transform 0.3s;
}
.progress-button .content::before,
.progress-button .content::after {
  position: absolute;
  right: 20px;
  color: #0091B0;
  font-family: "icomoon";
  opacity: 0;
  transition: opacity 0.3s 0.3s;
}
.btn.progress-button.state-loading:hover,
.btn.progress-button.state-success:hover,
.btn.progress-button.state-error:hover {
  background-color: #990000;
}
.progress-button .content::before {
  content: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2026%2026%22%20enable-background%3D%22new%200%200%2026%2026%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%0A%20%20%3Cpath%20d%3D%22m.3%2C14c-0.2-0.2-0.3-0.5-0.3-0.7s0.1-0.5%200.3-0.7l1.4-1.4c0.4-0.4%201-0.4%201.4%2C0l.1%2C.1%205.5%2C5.9c0.2%2C0.2%200.5%2C0.2%200.7%2C0l13.4-13.9h0.1v-8.88178e-16c0.4-0.4%201-0.4%201.4%2C0l1.4%2C1.4c0.4%2C0.4%200.4%2C1%200%2C1.4l0%2C0-16%2C16.6c-0.2%2C0.2-0.4%2C0.3-0.7%2C0.3-0.3%2C0-0.5-0.1-0.7-0.3l-7.8-8.4-.2-.3z%22%20fill%3D%22%23FFFFFF%22/%3E%0A%3C/svg%3E%0A");
  color: #FFFFFF;
  width: 1rem;
  height: 1rem;
}
.progress-button .content::after {
  content: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2021.9%2021.9%22%20enable-background%3D%22new%200%200%2021.9%2021.9%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%0A%20%20%3Cpath%20d%3D%22M14.1%2C11.3c-0.2-0.2-0.2-0.5%2C0-0.7l7.5-7.5c0.2-0.2%2C0.3-0.5%2C0.3-0.7s-0.1-0.5-0.3-0.7l-1.4-1.4C20%2C0.1%2C19.7%2C0%2C19.5%2C0%20%20c-0.3%2C0-0.5%2C0.1-0.7%2C0.3l-7.5%2C7.5c-0.2%2C0.2-0.5%2C0.2-0.7%2C0L3.1%2C0.3C2.9%2C0.1%2C2.6%2C0%2C2.4%2C0S1.9%2C0.1%2C1.7%2C0.3L0.3%2C1.7C0.1%2C1.9%2C0%2C2.2%2C0%2C2.4%20%20s0.1%2C0.5%2C0.3%2C0.7l7.5%2C7.5c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7l-7.5%2C7.5C0.1%2C19%2C0%2C19.3%2C0%2C19.5s0.1%2C0.5%2C0.3%2C0.7l1.4%2C1.4c0.2%2C0.2%2C0.5%2C0.3%2C0.7%2C0.3%20%20s0.5-0.1%2C0.7-0.3l7.5-7.5c0.2-0.2%2C0.5-0.2%2C0.7%2C0l7.5%2C7.5c0.2%2C0.2%2C0.5%2C0.3%2C0.7%2C0.3s0.5-0.1%2C0.7-0.3l1.4-1.4c0.2-0.2%2C0.3-0.5%2C0.3-0.7%20%20s-0.1-0.5-0.3-0.7L14.1%2C11.3z%22%20fill%3D%22%23FFFFFF%22/%3E%0A%3C/svg%3E");
  width: -3rem;
  width: -3rem;
}
.progress-button.state-success .content::before,
.progress-button.state-error .content::after {
  opacity: 1;
}
.notransition {
  transition: none !important;
}
.progress-button .progress {
  background: #0091B0;
}
.progress-button .progress-inner {
  position: absolute;
  left: 0;
  background: #0091B0;
}
.progress-button[data-horizontal] .progress-inner {
  top: 0;
  width: 0;
  height: 100%;
  transition: width 0.3s, opacity 0.3s;
}
.progress-button[data-vertical] .progress-inner {
  bottom: 0;
  width: 100%;
  height: 0;
  transition: height 0.3s, opacity 0.3s;
}
/* Necessary 3d styles for buttons with perspective */
.progress-button[data-perspective] {
  position: relative;
  display: inline-block;
  padding: 0;
  background: transparent;
  perspective: 900px;
}
.progress-button[data-perspective] .content {
  padding: 0 60px;
  background: #0091B0;
}
.progress-button[data-perspective] .progress-wrap {
  display: block;
  transition: transform 0.2s;
  transform-style: preserve-3d;
}
.progress-button[data-perspective] .content,
.progress-button[data-perspective] .progress {
  outline: 1px solid rgba(0, 0, 0, 0);
  /* Smoothen jagged edges in FF */
}
/* Individual styles */
/* Choose the effect(s) you want, delete the rest */
/* Fill horizontal */
/* ====================== */
.progress-button[data-style=fill][data-horizontal] {
  overflow: hidden;
}
.progress-button[data-style=fill][data-horizontal] .content {
  z-index: 10;
  transition: transform 0.3s;
}
.progress-button[data-style=fill][data-horizontal] .content::before,
.progress-button[data-style=fill][data-horizontal] .content::after {
  top: 200%;
  right: auto;
  left: 50%;
  transition: opacity 0.3s;
  transform: translateX(-50%);
}
.progress-button[data-style=fill][data-horizontal].state-success .content,
.progress-button[data-style=fill][data-horizontal].state-error .content {
  transform: translateY(-200%);
}
.spinner {
  animation: tr-rotator 1.4s linear infinite;
  display: inline-block;
  vertical-align: bottom;
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -0.75rem;
  left: 50%;
  margin-left: -0.75rem;
  height: 1.5rem;
  width: 1.5rem;
}
.busy .spinner-content {
  visibility: hidden;
}
.busy .spinner,
.busy.spinner {
  display: inline-block;
}
.busy.btn,
.busy.btn:hover {
  cursor: default;
  pointer-events: none;
  background-color: #990000;
}
.busy.btn[class*=danger],
.busy.btn:hover[class*=danger] {
  background-color: #F44336;
}
@keyframes tr-rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: tr-dash 1.4s ease-in-out infinite, tr-colors 5.6s ease-in-out infinite;
}
@keyframes tr-colors {
  0% {
    stroke: #fff;
  }
  25% {
    stroke: rgba(255, 255, 255, 0.6);
  }
  50% {
    stroke: rgba(255, 255, 255, 0.6);
  }
  75% {
    stroke: #fff;
  }
  100% {
    stroke: rgba(255, 255, 255, 0.6);
  }
}
@keyframes tr-dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
.m-04 {
  margin: 1rem;
}
.mt-04 {
  margin: 1rem 0 0 0;
}
.heading-default-color {
  color: #222222;
}
.heading-primary-color {
  color: #990000;
}
.heading-secondary-color {
  color: #CC0000;
}
.heading-secondary-brightness-color {
  color: #F29E9A;
}
.heading-neutral-color {
  color: #545454;
}
.heading-contrast-color {
  color: #222222;
}
.heading-brightness-color {
  color: #FFFFFF;
}
.heading-high-contrast-color {
  color: #FFFFFF;
}
.heading-disabled-contrast-color {
  color: #C0BDB8;
}
.body-default-color {
  color: #545454;
}
.body-primary-color {
  color: #990000;
}
.body-secondary-color {
  color: #CC0000;
}
.body-secondary-brightness-color {
  color: #F29E9A;
}
.body-neutral-color {
  color: #767676;
}
.body-contrast-color {
  color: #141414;
}
.body-brightness-color {
  color: #FFFFFF;
}
.body-high-contrast-color {
  color: #FFFFFF;
}
.body-disabled-color {
  color: #C0BDB8;
}
.body-feedback-alert-color {
  color: #CB8421;
}
.body-feedback-danger-color {
  color: #E0174B;
}
.body-feedback-report-color {
  color: #00478D;
}
.body-feedback-success-color {
  color: #006D51;
}
.link-default-color {
  color: #990000;
}
.h1 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 3.25rem;
  font-size: 2.5rem;
}
.h1-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 3.25rem;
  font-size: 2.5rem;
}
.h2 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 2.6rem;
  font-size: 2rem;
}
.h2-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.6rem;
}
.h3 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.95rem;
  font-size: 1.5rem;
}
.h3-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.95rem;
  font-size: 1.5rem;
}
.h4 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.4625rem;
  font-size: 1.5rem;
}
.h4-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.4625rem;
  font-size: 1.5rem;
}
.h5 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.3rem;
  font-size: 1.125rem;
}
.h5-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.3rem;
  font-size: 1.125rem;
}
.h6 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.3rem;
  font-size: 1rem;
}
.h6-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.3rem;
  font-size: 1rem;
}
.t1 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.t1-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.t1-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.t2 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}
.t2-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}
.t2-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}
.t3, .radio-label {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.t3-medium, .btn, .btn--lg, .btn-disabled {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.t3-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.t4, .chips--item.mat-chip, .input-field .form-input, .input-field toro-autocomplete .form-int {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.t4-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}
.t4-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
.t5, .form-label, .input-field .form-label {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.t5-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.t5-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.description {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.879rem;
}
.description-medium, .input-field .input-error-message {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.879rem;
}
.description-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.879rem;
}
.l1 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
  text-decoration: underline;
}
.l1-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
  text-decoration: underline;
}
.l2 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  text-decoration: underline;
}
.l2-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  text-decoration: underline;
}
.l3 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: underline;
}
.l3-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: underline;
}
.l4, .link {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.313rem;
  text-decoration: underline;
}
.l4-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.313rem;
  text-decoration: underline;
}
.l5 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-decoration: underline;
}
.l5-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-decoration: underline;
}
.link {
  display: inline-block;
  cursor: pointer;
  padding-bottom: 1px;
  text-decoration: underline;
  outline: none;
  color: #FFFFFF;
}
.link:hover {
  transition: all 0.25s linear;
  color: #990000;
}
.link--base {
  color: #FFFFFF;
}
.link--base:hover {
  color: #990000;
}
.link--primary {
  color: #990000;
}
.link--primary:hover {
  color: #CC0000;
}
.link--pink {
  color: #E7517E;
}
.link--pink:hover {
  color: #BA2E59;
}
.link--primary-gray {
  color: #6561A4;
}
.link--primary-gray:hover {
  color: #CC0000;
}
.link--primary-lighter {
  color: #DBC7FF;
}
.link--primary-lighter:hover {
  color: #6561A4;
}
.link--secondary {
  color: #E7517E;
}
.link--secondary:hover {
  color: #BA2E59;
}
.link--action {
  color: #FF6D00;
}
.link--action:hover {
  color: rgba(255, 109, 0, 0.6);
}
.link--light {
  color: #FFFFFF;
}
.link--light:hover {
  color: rgba(255, 255, 255, 0.6);
}
.link--inactive {
  color: #EAE9F0;
  pointer-events: none;
}
.link--inactive:hover {
  color: #EAE9F0;
}
.link-tip {
  display: inline-block;
  margin-bottom: 0.25rem;
  font-size: 14px;
}
.link--iconed {
  display: inline-block;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
}
.link--iconed-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.link--iconed-icon svg-icon {
  display: inline-block;
}
.link--iconed-icon .icon-svg {
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  vertical-align: middle;
}
.link--iconed-text {
  display: inline-block;
  padding-bottom: 1px;
  margin-bottom: 0 !important;
  text-decoration: underline;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.link--iconed:hover-text {
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.link--iconed:hover-icon .icon-svg {
  transition: all 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.link--iconed-base .link--iconed-text {
  color: #CC0000;
}
.link--iconed-base .link--iconed-icon .icon-svg {
  fill: #222222;
}
.link--iconed-base:hover .link--iconed-text {
  color: #990000;
}
.link--iconed-base:hover .link--iconed-icon .icon-svg {
  fill: #222222;
}
.link--iconed-primary .link--iconed-text {
  color: #990000;
}
.link--iconed-primary .link--iconed-icon .icon-svg {
  fill: #6131B4;
}
.link--iconed-primary:hover .link--iconed-text {
  color: #CC0000;
}
.link--iconed-primary:hover .link--iconed-icon .icon-svg {
  fill: rgba(97, 49, 180, 0.6);
}
.link--iconed-danger .link--iconed-text {
  color: #F44336;
}
.link--iconed-danger .link--iconed-icon .icon-svg {
  fill: #F44336;
}
.link--iconed-danger:hover .link--iconed-text {
  color: rgba(244, 67, 54, 0.6);
}
.link--iconed-danger:hover .link--iconed-icon .icon-svg {
  fill: rgba(244, 67, 54, 0.6);
}
.link--iconed-action .link--iconed-text {
  color: #FF6D00;
}
.link--iconed-action .link--iconed-icon .icon-svg {
  fill: #FF6D00;
}
.link--iconed-action:hover .link--iconed-text {
  color: rgba(255, 109, 0, 0.6);
}
.link--iconed-action:hover .link--iconed-icon .icon-svg {
  fill: rgba(255, 109, 0, 0.6);
}
.link--iconed-light .link--iconed-text {
  color: #FFFFFF;
}
.link--iconed-light .link--iconed-icon .icon-svg {
  fill: #FFFFFF;
}
.link--iconed-light:hover .link--iconed-text {
  color: rgba(255, 255, 255, 0.6);
}
.link--iconed-light:hover .link--iconed-icon .icon-svg {
  fill: rgba(255, 255, 255, 0.6);
}
.link--iconed-inactive .link--iconed-text {
  color: #EAE9F0;
}
.link--iconed-inactive .link--iconed-icon .icon-svg {
  fill: #EAE9F0;
}
.link--iconed-inactive:hover .link--iconed-text {
  color: rgba(234, 233, 240, 0.6);
}
.link--iconed-inactive:hover .link--iconed-icon .icon-svg {
  fill: rgba(234, 233, 240, 0.6);
}
.link--iconed-left .link--iconed-icon {
  left: 0;
}
.link--iconed-right .link--iconed-icon {
  right: 0;
}
.link--iconed-sm.link--iconed-left {
  padding-left: 1rem;
}
.link--iconed-sm.link--iconed-right {
  padding-right: 1rem;
}
.link--iconed-sm .link--iconed-icon .icon-svg {
  height: 0.5rem;
  width: 0.5rem;
  position: relative;
}
.link--iconed-md.link--iconed-left {
  padding-left: 1.5rem;
}
.link--iconed-md.link--iconed-right {
  padding-right: 1.5rem;
}
.link--iconed-md .link--iconed-icon {
  margin-top: -2px;
}
.link--iconed-md .link--iconed-icon .icon-svg {
  height: 3rem;
  width: 1rem;
}
.link--iconed-lg.link--iconed-left {
  padding-left: 2rem;
}
.link--iconed-lg.link--iconed-right {
  padding-right: 1.5rem;
}
.link--iconed-lg .link--iconed-icon .icon-svg {
  height: 1rem;
  width: 1rem;
}
.link--iconed-xlg.link--iconed-left {
  padding-left: 2rem;
}
.link--iconed-xlg.link--iconed-right {
  padding-right: 2rem;
}
.link--iconed-xlg .link--iconed-icon .icon-svg {
  height: 2rem;
  width: 2rem;
}
.scroll-to-container {
  position: absolute;
  bottom: 3rem;
  width: auto;
  text-align: center;
  z-index: 40;
  transform: translateX(-50%);
  left: 50%;
}
.link-form--add,
.link-form--rm {
  margin: 1rem 0;
}
.link-form--add .link--iconed-icon .icon-svg,
.link-form--rm .link--iconed-icon .icon-svg {
  width: 12px;
  height: 12px;
}
@media screen and (max-width: 768px) {
  .scroll-to-container-relative {
    position: relative;
    bottom: auto;
    width: 100%;
    text-align: center;
    transform: none;
    left: auto;
    margin: 20px 0 0;
  }

  .scroll-to-container {
    width: 100%;
  }

  .link-back--mobile {
    margin-bottom: 1.5rem;
  }
}
.cdk-overlay-dark-backdrop {
  background-color: #222222D9;
}
.m-04 {
  margin: 1rem;
}
.mt-04 {
  margin: 1rem 0 0 0;
}
.heading-default-color {
  color: #222222;
}
.heading-primary-color {
  color: #990000;
}
.heading-secondary-color {
  color: #CC0000;
}
.heading-secondary-brightness-color {
  color: #F29E9A;
}
.heading-neutral-color {
  color: #545454;
}
.heading-contrast-color {
  color: #222222;
}
.heading-brightness-color {
  color: #FFFFFF;
}
.heading-high-contrast-color {
  color: #FFFFFF;
}
.heading-disabled-contrast-color {
  color: #C0BDB8;
}
.body-default-color {
  color: #545454;
}
.body-primary-color {
  color: #990000;
}
.body-secondary-color {
  color: #CC0000;
}
.body-secondary-brightness-color {
  color: #F29E9A;
}
.body-neutral-color {
  color: #767676;
}
.body-contrast-color {
  color: #141414;
}
.body-brightness-color {
  color: #FFFFFF;
}
.body-high-contrast-color {
  color: #FFFFFF;
}
.body-disabled-color {
  color: #C0BDB8;
}
.body-feedback-alert-color {
  color: #CB8421;
}
.body-feedback-danger-color {
  color: #E0174B;
}
.body-feedback-report-color {
  color: #00478D;
}
.body-feedback-success-color {
  color: #006D51;
}
.link-default-color {
  color: #990000;
}
.h1 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 3.25rem;
  font-size: 2.5rem;
}
.h1-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 3.25rem;
  font-size: 2.5rem;
}
.h2 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 2.6rem;
  font-size: 2rem;
}
.h2-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.6rem;
}
.h3 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.95rem;
  font-size: 1.5rem;
}
.h3-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.95rem;
  font-size: 1.5rem;
}
.h4 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.4625rem;
  font-size: 1.5rem;
}
.h4-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.4625rem;
  font-size: 1.5rem;
}
.h5 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.3rem;
  font-size: 1.125rem;
}
.h5-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.3rem;
  font-size: 1.125rem;
}
.h6 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.3rem;
  font-size: 1rem;
}
.h6-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.3rem;
  font-size: 1rem;
}
.t1 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.t1-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.t1-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.t2 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}
.t2-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}
.t2-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}
.t3, .radio-label {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.t3-medium, .btn, .btn--lg, .btn-disabled {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.t3-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.t4, .chips--item.mat-chip, .input-field .form-input, .input-field toro-autocomplete .form-int {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.t4-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}
.t4-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
.t5, .form-label, .input-field .form-label {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.t5-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.t5-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.description {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.879rem;
}
.description-medium, .input-field .input-error-message {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.879rem;
}
.description-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.879rem;
}
.l1 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
  text-decoration: underline;
}
.l1-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
  text-decoration: underline;
}
.l2 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  text-decoration: underline;
}
.l2-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  text-decoration: underline;
}
.l3 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: underline;
}
.l3-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: underline;
}
.l4, .link {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.313rem;
  text-decoration: underline;
}
.l4-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.313rem;
  text-decoration: underline;
}
.l5 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-decoration: underline;
}
.l5-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-decoration: underline;
}
/**
 * Toro
 *
 * Variables
 *
 * This style sheet describes all
 * variables for the project
 *
 **/
/**
 * Colours
 *
 * colours variables
 *
 **/
/**
 *
 * z-index
 * 
 * z-index variables
 *
 * Is very important try use better the z-index
 * attribute, so, we have to build our code using
 * only 10 levels and don't run away of this pattern
 *
 * Example:
 * For a modal/overlay, the backdrop has the variable
 * $zindex-9 and the content $zindex-10
 *
 **/
/**
 *
 * Fonts
 *
 * font variables
 *
 **/
/**
 *
 * Media queries breakpoints
 *
 *
 *	@media (max-width: @screen-xs-max) { ... } -- THE MOST RECOMMENDED USE
 *	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
 *	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
 *	@media (min-width: @screen-lg-min) { ... }
 *
 **/
/*
 *
 * The follow calculation it's very simple,
 * the max size of a breakpoint it's the min size
 * of the next breakpoint less 1 (one) pixel
 *
 * Example:
 * - $screen-xs-max = 768 - 1;
 * - The result is: 767px;
 *
 */
.form-buttons-container {
  display: flex;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.input-field {
  position: relative;
}
.input-field toro-autocomplete {
  display: block;
  padding-bottom: 0.5rem;
}
.input-field toro-autocomplete .form-int {
  background: #FFFFFF80;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
  border-bottom: 2px solid #F0F0F0;
  outline: none;
  height: 2.5rem;
  width: 100%;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  color: #222222;
}
.input-field toro-autocomplete .form-int.autocomplete {
  text-transform: capitalize;
}
.input-field toro-autocomplete .form-int.active {
  color: #141414;
}
.input-field toro-autocomplete .form-int:focus {
  border-bottom: 2px solid #222222;
  background-color: #FFFFFF80;
}
.input-field toro-autocomplete .form-int.disabled {
  position: relative;
  pointer-events: none;
  background-color: #FFFFFF80;
  color: #C0BDB8;
  border-color: #F8F8F8;
}
.input-field .label-info {
  opacity: 0;
}
.input-field .form-label {
  color: #222222;
}
.input-field .form-label--disabled {
  color: #C0BDB8;
}
.input-field:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background: #990000;
  bottom: 0;
  left: 0;
}
.input-field:hover .form-input {
  border-color: #141414;
}
.input-field:focus {
  border-bottom: 2px solid #222222;
  background-color: #FFFFFF80;
}
.input-field .form-input {
  background: #FFFFFF80;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
  border-bottom: 2px solid #F0F0F0;
  outline: none;
  height: 2.5rem;
  width: 100%;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  color: #222222;
}
.input-field .form-input.autocomplete {
  text-transform: capitalize;
}
.input-field .form-input.active {
  color: #141414;
}
.input-field .form-input:focus {
  border-bottom: 2px solid #222222;
  background-color: #FFFFFF80;
}
.input-field .form-input.disabled {
  position: relative;
  pointer-events: none;
  background-color: #FFFFFF80;
  color: #C0BDB8;
  border-color: #F8F8F8;
}
.input-field:not(.input-error) .form-input:focus + .form-label {
  color: #E0174B;
}
.input-field.input-error .form-input {
  color: #E0174B;
  border-color: #E0174B;
  background-color: #FFFFFF80 !important;
}
.input-field.input-error .autocomplete input {
  color: #E0174B;
  border-color: #E0174B;
}
.input-field.input-error .show-password {
  color: #E0174B;
  border-color: #E0174B;
}
.input-field .input-error-message {
  color: #E0174B;
  height: 1.0625rem;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -10px;
  white-space: nowrap;
  text-align: start;
}
.input-field .input-hint {
  color: #545454;
  position: unset;
  width: 100%;
  left: 0;
  bottom: -8px;
}
.input-field .input-account--error {
  left: -8px;
}
.input-field .show-password {
  position: absolute;
  right: 16px;
  top: 45%;
}
/**
 * Toro
 *
 * Variables
 *
 * This style sheet describes all
 * variables for the project
 *
 **/
/**
 * Colours
 *
 * colours variables
 *
 **/
/**
 *
 * z-index
 * 
 * z-index variables
 *
 * Is very important try use better the z-index
 * attribute, so, we have to build our code using
 * only 10 levels and don't run away of this pattern
 *
 * Example:
 * For a modal/overlay, the backdrop has the variable
 * $zindex-9 and the content $zindex-10
 *
 **/
/**
 *
 * Fonts
 *
 * font variables
 *
 **/
/**
 *
 * Media queries breakpoints
 *
 *
 *	@media (max-width: @screen-xs-max) { ... } -- THE MOST RECOMMENDED USE
 *	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
 *	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
 *	@media (min-width: @screen-lg-min) { ... }
 *
 **/
/*
 *
 * The follow calculation it's very simple,
 * the max size of a breakpoint it's the min size
 * of the next breakpoint less 1 (one) pixel
 *
 * Example:
 * - $screen-xs-max = 768 - 1;
 * - The result is: 767px;
 *
 */
.m-04 {
  margin: 1rem;
}
.mt-04 {
  margin: 1rem 0 0 0;
}
.heading-default-color {
  color: #222222;
}
.heading-primary-color {
  color: #990000;
}
.heading-secondary-color {
  color: #CC0000;
}
.heading-secondary-brightness-color {
  color: #F29E9A;
}
.heading-neutral-color {
  color: #545454;
}
.heading-contrast-color {
  color: #222222;
}
.heading-brightness-color {
  color: #FFFFFF;
}
.heading-high-contrast-color {
  color: #FFFFFF;
}
.heading-disabled-contrast-color {
  color: #C0BDB8;
}
.body-default-color {
  color: #545454;
}
.body-primary-color {
  color: #990000;
}
.body-secondary-color {
  color: #CC0000;
}
.body-secondary-brightness-color {
  color: #F29E9A;
}
.body-neutral-color {
  color: #767676;
}
.body-contrast-color {
  color: #141414;
}
.body-brightness-color {
  color: #FFFFFF;
}
.body-high-contrast-color {
  color: #FFFFFF;
}
.body-disabled-color {
  color: #C0BDB8;
}
.body-feedback-alert-color {
  color: #CB8421;
}
.body-feedback-danger-color {
  color: #E0174B;
}
.body-feedback-report-color {
  color: #00478D;
}
.body-feedback-success-color {
  color: #006D51;
}
.link-default-color {
  color: #990000;
}
.h1 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 3.25rem;
  font-size: 2.5rem;
}
.h1-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 3.25rem;
  font-size: 2.5rem;
}
.h2 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 2.6rem;
  font-size: 2rem;
}
.h2-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.6rem;
}
.h3 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.95rem;
  font-size: 1.5rem;
}
.h3-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.95rem;
  font-size: 1.5rem;
}
.h4 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.4625rem;
  font-size: 1.5rem;
}
.h4-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.4625rem;
  font-size: 1.5rem;
}
.h5 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.3rem;
  font-size: 1.125rem;
}
.h5-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.3rem;
  font-size: 1.125rem;
}
.h6 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.3rem;
  font-size: 1rem;
}
.h6-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.3rem;
  font-size: 1rem;
}
.t1 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.t1-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.t1-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.t2 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}
.t2-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}
.t2-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}
.t3, .radio-label {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.t3-medium, .btn, .btn--lg, .btn-disabled {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.t3-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.t4, .chips--item.mat-chip, .input-field toro-autocomplete .form-int, .input-field .form-input {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.t4-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}
.t4-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
.t5, .form-label, .input-field .form-label {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.t5-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.t5-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.description {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.879rem;
}
.description-medium, .input-field .input-error-message {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.879rem;
}
.description-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.879rem;
}
.l1 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
  text-decoration: underline;
}
.l1-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
  text-decoration: underline;
}
.l2 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  text-decoration: underline;
}
.l2-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  text-decoration: underline;
}
.l3 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: underline;
}
.l3-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: underline;
}
.l4, .link {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.313rem;
  text-decoration: underline;
}
.l4-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.313rem;
  text-decoration: underline;
}
.l5 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-decoration: underline;
}
.l5-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-decoration: underline;
}
.chips--item {
  border: 1px solid #545454;
}
.chips--item:hover {
  cursor: pointer;
  border: 1px solid #990000;
}
.chips--item.mat-chip {
  font-weight: 500 !important;
  font-size: 1rem !important;
  background: #F8F8F8 !important;
  color: #767676 !important;
}
.chips--item.mat-chip:hover {
  color: #990000 !important;
}
.chips--item.mat-chip.mat-chip--selected {
  background: #990000 !important;
  color: #FFFFFF !important;
  border: 1px solid #990000;
}
.chips--item.mat-chip.mat-chip--selected:hover {
  background: #310A05 !important;
}
.form-label {
  color: #141414;
}
.radio--animated {
  position: relative;
  margin: 0;
  outline: none;
}
.radio--animated:before {
  transform: rotate(-45deg) scale(0, 0);
  position: absolute;
  content: "";
  left: 2px;
  top: 4px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: #990000;
  border-radius: 5px;
}
.radio--animated:after {
  content: "";
  position: absolute;
  top: 0;
  left: -2px;
  width: 18px;
  height: 18px;
  background: #FFFFFF;
  border: 2px solid #545454;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.2s ease-out;
  outline: none;
}
.radio--animated:checked:before {
  transform: rotate(-45deg) scale(1, 1);
}
.radio--animated:checked:after {
  border: 2px solid #990000;
}
.radio-field {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.radio-field:hover .radio-label {
  color: #990000;
}
.radio-field:hover .radio-label {
  color: #990000;
}
.radio-field:hover .radio--animated:after {
  border-color: #990000;
}
.radio-input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0 10px 0 0;
  position: relative;
  top: 0;
  *overflow: hidden;
  left: 0;
  vertical-align: middle;
}
.radio-input:checked + .radio-label {
  color: #990000;
}
.radio-box-input {
  height: 24px;
  width: 24px;
}
.radio-label {
  color: #141414;
  color: #222222;
  width: 100%;
  position: relative;
  display: inline-block;
  top: 1;
  vertical-align: middle;
  cursor: pointer;
  transition: 0.2s ease-out;
}
.radios-container {
  margin-top: 16px;
  padding-bottom: 16px;
}
.radios-container--title {
  padding: 1rem 0;
  display: inline-block;
}
.input-error .radio--animated:after {
  border: 2px solid #E0174B;
}
.input-error .radio-label {
  color: #E0174B;
}
.radio-bank--options {
  display: inline-block;
  vertical-align: middle;
}
.radio-bank--options .radio--legend,
.radio-bank--options .radio-text {
  margin: 0;
}
.radio-bank--options .radio-account--type {
  margin: 0;
  display: block;
}
.radio-input--sidebox {
  width: 1rem;
  height: 1.5rem;
  vertical-align: middle;
  margin-right: 1rem;
}
.radio-input--sidebox:before {
  height: 1rem;
  width: 1rem;
  border-radius: 100%;
}
.radio-input--sidebox:after {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 100%;
}
.radio-input--sidebox:checked + .radio-box--sidebox {
  border: 2px solid #990000;
  -ms-box-shadow: 0 3px 8px rgba(9, 24, 39, 0.16);
  -o-box-shadow: 0 3px 8px rgba(9, 24, 39, 0.16);
  box-shadow: 0 3px 8px rgba(9, 24, 39, 0.16);
}
.radio-group--box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.radio-group--box:hover .radio-box--sidebox {
  border: 2px solid #990000;
}
.radio-group--box:hover .radio-input--sidebox::after {
  border: 2px solid #990000;
}
.radio-group--label {
  margin-bottom: 1.5rem;
  display: block;
}
.radio-box--sidebox {
  cursor: pointer;
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle;
  padding: 1.5rem 1rem;
  margin: 0px;
  border: 2px solid #EAE7EE;
  border-radius: 4px;
}
.radio-box--sidebox .collection-option--text {
  font-size: 14px;
}
.radio-group--disabled .radio--animated:before {
  background: #EAE9F0;
}
.radio-group--disabled .radio--animated:checked:after,
.radio-group--disabled .radio--animated:after,
.radio-group--disabled .radio-input--sidebox:checked + .radio-box--sidebox,
.radio-group--disabled .radio-group--box:hover .radio-input--sidebox::after,
.radio-group--disabled .radio-box--sidebox {
  border: 2px solid #F8F8F8 !important;
}
@media screen and (min-width: 769px) {
  .radios-sidebyside {
    margin-top: 2rem;
    display: inline-block;
    width: 100%;
  }
  .radios-sidebyside .radio-field {
    display: inline-block;
    padding-left: 4px;
    margin-right: 2rem;
  }
  .radios-sidebyside .radio-input {
    display: inline;
  }
  .radios-sidebyside .radio-label {
    display: inline;
  }
}
@media screen and (min-width: 577px) {
  .radio-field {
    margin-bottom: 1rem;
  }
}
/**
 * Toro
 *
 * Variables
 *
 * This style sheet describes all
 * variables for the project
 *
 **/
/**
 * Colours
 *
 * colours variables
 *
 **/
/**
 *
 * z-index
 * 
 * z-index variables
 *
 * Is very important try use better the z-index
 * attribute, so, we have to build our code using
 * only 10 levels and don't run away of this pattern
 *
 * Example:
 * For a modal/overlay, the backdrop has the variable
 * $zindex-9 and the content $zindex-10
 *
 **/
/**
 *
 * Fonts
 *
 * font variables
 *
 **/
/**
 *
 * Media queries breakpoints
 *
 *
 *	@media (max-width: @screen-xs-max) { ... } -- THE MOST RECOMMENDED USE
 *	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
 *	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
 *	@media (min-width: @screen-lg-min) { ... }
 *
 **/
/*
 *
 * The follow calculation it's very simple,
 * the max size of a breakpoint it's the min size
 * of the next breakpoint less 1 (one) pixel
 *
 * Example:
 * - $screen-xs-max = 768 - 1;
 * - The result is: 767px;
 *
 */
/**
* Toro
*
* Mixins
*
* This style sheet describes all
* mixins used in this project
*
*/
/**
* border radius
*
* ex: @include border-radius(24px);
*
*/
/**
* transitions
*
* ex: @include transition(color .3s ease);
*
*/
/**
* transform
*
* ex: @include transform(translate(0));
*
*/
/**
* box-shadow
*
* ex: @include box-shadow(3px 7px 27px 3px rgba(35, 161, 248, 0.15));
*
*/
/**
* user-select
*
* ex: @include user-select(none);
*
*/
/**
* opacity
*
* ex: @include opacity(0.8);
*
*/
/**
* colours mixins
*
* ex: @include linear-gradient($color-fixed, 120, $color-fixed, 0%, $color-variable, 100%);
*
*/
/**
* fonts mixins and functions
*
*/
/**
* banners mixins
*
*/
.stock-container.stock-container-flex {
  width: 100%;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.stock-container .text-right {
  -moz-text-align-last: right;
  -webkit-text-align-last: right;
  text-align-last: right;
}
.stock-container .text-left {
  -moz-text-align-last: left;
  -webkit-text-align-last: left;
  text-align-last: left;
}
.stock-container .text-center {
  -moz-text-align-last: center;
  -webkit-text-align-last: center;
  text-align-last: center;
}
.stock-container .stock-card {
  width: 100%;
  min-width: 320px;
  position: relative;
  border-radius: 4px;
}
.stock-container .stock-card.warning-color:after {
  content: "";
  position: absolute;
  height: 4px;
  top: 0px;
  width: 100%;
  background: #FFB300;
  left: 0px;
  z-index: 40;
  transition: all 0.2s ease;
}
.stock-container .stock-card-element {
  min-height: 315px;
  background: none;
  border: none;
  text-align: left;
  -moz-text-align-last: left;
  -webkit-text-align-last: left;
  text-align-last: left;
  display: block;
  width: 100%;
  min-width: 320px;
  width: 100%;
  padding: 0px;
  margin: 16px 0px !important;
  vertical-align: top;
  position: relative;
  transition: all 0.2s ease;
}
.stock-container .stock-card-element .stock-card {
  display: block;
  transition: all 0.2s ease;
  min-height: 315px;
}
.stock-container .stock-card-element:hover, .stock-container .stock-card-element.fix-active {
  z-index: 40;
  transition: all 0.2s ease;
}
.stock-card {
  cursor: pointer;
  text-align: left;
  -moz-text-align-last: left;
  -webkit-text-align-last: left;
  text-align-last: left;
  display: inline-block;
  width: 100%;
  padding: 32px 0px;
  margin: 0px;
  vertical-align: top;
  position: relative;
  transition: all 0.2s ease;
}
.stock-card-footer {
  position: relative;
  height: 70px;
}
.stock-card-footer .row {
  position: relative;
}
.stock-card:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  border: 1px solid #EAE9F0;
  cursor: pointer;
  transition: all 0.2s ease;
}
.stock-card--loading-element {
  opacity: 0;
  pointer-events: none;
}
.stock-card.warning-color .stock-card-typeaction {
  color: #FFB300;
}
.stock-card.warning-color .stock-card-action {
  color: #FFB300;
}
.stock-card.warning-color .stock-card-value {
  color: #FFB300;
}
.stock-card--no-pointer {
  pointer-events: none;
}
.stock-card--option .stock-card-typeaction {
  color: #F44336;
}
.stock-card--fixed {
  height: auto;
}
.stock-card--fixed .stock-card-text {
  color: #222222;
}
.stock-card--fixed .stock-card-actions {
  position: absolute;
  animation: none;
  opacity: 100;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.stock-card--fixed .stock-card-footer {
  height: auto;
}
.stock-card--fixed .stock-card-line {
  margin-bottom: 8px;
}
.stock-card--fixed.stock-card:hover, .stock-card--fixed.stock-card.fix-active {
  z-index: 40;
}
.stock-card--fixed.stock-card:hover:before, .stock-card--fixed.stock-card.fix-active:before {
  transform: scale(1, 1);
  box-shadow: none;
}
.stock-card--fixed.stock-card:hover .stock-card-actions, .stock-card--fixed.stock-card.fix-active .stock-card-actions {
  animation: none;
  position: absolute;
  pointer-events: inherit;
  opacity: 100;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.stock-card--fixed.stock-card:hover .stock-card-badge, .stock-card--fixed.stock-card.fix-active .stock-card-badge {
  top: inherit;
}
.stock-card--fixed.stock-card:hover .stock-card-header, .stock-card--fixed.stock-card.fix-active .stock-card-header {
  margin-top: inherit;
  transition: all 0.2s ease;
}
.stock-card.with-shadow {
  border: none;
  box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
}
.stock-card-typeaction {
  margin: 0px !important;
  color: #7E868E;
  text-transform: uppercase;
  position: relative;
  top: 12px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
}
.stock-card-container {
  padding: 0px 32px;
}
.stock-card-container--last {
  margin-top: 24px;
}
.stock-card-container .text-right {
  -moz-text-align-last: right;
  -webkit-text-align-last: right;
  text-align-last: right;
}
.stock-card-container .text-left {
  -moz-text-align-last: left;
  -webkit-text-align-last: left;
  text-align-last: left;
}
.stock-card-container .text-center {
  -moz-text-align-last: center;
  -webkit-text-align-last: center;
  text-align-last: center;
}
.stock-card-header {
  height: 56px;
  position: relative;
  transition: all 0.2s ease;
}
.stock-card-header--line {
  padding-bottom: 16px;
  border-bottom: 1px solid #EAE9F0;
}
.stock-card-identify {
  position: absolute;
  right: 0px;
  top: -20px;
  padding: 0px;
  border: 1px solid transparent;
  margin-bottom: 0px !important;
  padding: 0px 4px;
  text-transform: uppercase;
  border-radius: 4px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}
.stock-card-identify--tororadar {
  color: #3dd69b;
  border-color: #3dd69b;
  background-color: rgba(61, 214, 155, 0.24);
}
.stock-card-identify--assessor {
  color: #7E868E;
  border-color: #7E868E;
  background-color: rgba(126, 134, 142, 0.24);
}
.stock-card-badge {
  margin: 0px !important;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  position: absolute;
  top: 0px;
  left: 32px;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 1px 4px 0px;
  z-index: 20;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  transition: all 0.2s ease;
}
.stock-card-content {
  transition: all 0.2s ease;
  margin: 32px 0 32px;
  height: 56px;
}
.stock-card-content.opcao {
  margin-bottom: 0px;
}
.stock-card-cta {
  margin-top: 16px;
}
.stock-card-cta--link {
  font-size: 14px;
  font-size: 0.875rem;
}
.stock-card-trade {
  margin: 0px !important;
  color: #7E868E;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
}
.stock-card-ticker {
  margin: 0px !important;
  color: #7E868E;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
}
.stock-card-label {
  margin: 0px !important;
  color: #7E868E;
  float: none !important;
  display: inline-flex;
  padding-right: 0px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.stock-card-label--trend {
  font-size: 12px;
  font-size: 0.75rem;
}
.stock-card-text {
  margin: 0px !important;
  float: none !important;
  color: #7E868E;
  padding-left: 0px;
  display: inline-flex;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  transition: all 0.2s ease;
}
.stock-card-text .high,
.stock-card-text .low {
  display: none;
}
.stock-card-text--low {
  color: #F44336 !important;
}
.stock-card-text--low .low {
  display: inline;
}
.stock-card-text--low .icon-svg {
  height: 10px;
  width: 10px;
  margin-top: 3px;
  margin-right: 6px;
  fill: #F44336;
}
.stock-card-text--normal {
  color: #7E868E !important;
}
.stock-card-text--normal .high {
  display: inline;
}
.stock-card-text--normal .icon-svg {
  height: 15px;
  width: 18px;
  margin-top: 3px;
  margin-right: 6px;
  fill: #7E868E;
}
.stock-card-text--high {
  color: #00C898 !important;
}
.stock-card-text--high .high {
  display: inline;
}
.stock-card-text--high .icon-svg {
  height: 10px;
  width: 10px;
  margin-top: 3px;
  margin-right: 6px;
  fill: #00C898;
}
.stock-card-value {
  margin: 0px !important;
  color: #222222;
  display: block;
  height: 40px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
}
.stock-card-value .high,
.stock-card-value .low {
  display: none;
}
.stock-card-value--text {
  display: inline-block;
  vertical-align: middle;
}
.stock-card-value--percent {
  margin: 0px !important;
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
}
.stock-card-value--low {
  color: #F44336;
}
.stock-card-value--low .low {
  display: inherit;
}
.stock-card-value--normal {
  color: #222222;
}
.stock-card-value--high {
  color: #00C898;
}
.stock-card-value--high .high {
  display: inherit;
}
.stock-card-value--alert {
  color: #FFB300;
}
.stock-card-value--alert .low {
  display: inherit;
}
.stock-card-logo {
  position: relative;
  width: auto;
  max-width: 128px;
  height: auto;
  max-height: 40px;
}
.stock-card-image {
  width: auto;
  max-width: 128px;
  height: auto;
  max-height: 40px;
}
.stock-card-profile {
  height: 40px;
}
.stock-card-uppercase {
  text-transform: uppercase;
}
.stock-card-message {
  color: #7E868E;
  background: #ECEDEE;
  margin-bottom: 0px !important;
  padding: 4px 8px;
  transition: all 0.2s ease;
  border-radius: 4px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}
.stock-card-message + .stock-card-link {
  height: 30px;
}
.stock-card-action {
  margin: 0px !important;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}
.stock-card-action--alert {
  color: #FFB300;
  font-weight: 700;
}
.stock-card-line {
  height: 24px;
  padding-bottom: 0;
  width: 100%;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  justify-content: center;
}
.stock-card-line:last-of-type {
  padding-bottom: 0px;
}
.stock-card-follow {
  display: inline-block;
  position: relative;
  border: 1px solid #6131B4;
  text-transform: uppercase;
  height: 24px;
  padding: 0px 5px;
  text-align: center;
  vertical-align: center;
  top: 8px;
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 4px;
  transition: all 0.2s ease;
}
.stock-card-follow--text {
  vertical-align: center;
  display: inline-block;
  color: #6131B4;
}
.stock-card-follow--icon {
  vertical-align: center;
  display: none;
  position: relative;
  right: 4px;
  top: 1px;
}
.stock-card-follow--icon .icon-svg {
  height: 20px;
  width: 20px;
  fill: #6131B4;
}
.stock-card-follow.followed {
  width: 24px;
  background-color: rgba(0, 188, 212, 0.16);
  border: 1px solid transparent;
  opacity: 100;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  border-radius: 50%;
}
.stock-card-follow.followed .stock-card-follow--text {
  display: none;
}
.stock-card-follow.followed .stock-card-follow--icon {
  display: inline-block;
}
.stock-card-actions {
  display: inline-block;
  position: absolute;
  width: 100%;
  float: left;
  pointer-events: none;
  height: 72px;
  overflow: hidden;
  margin-top: 8px;
  padding: 0px;
  animation-name: card-in;
  animation-duration: 0.1s;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all 0.2s ease;
}
.stock-card-actions .col-xs-12:nth-child(1) {
  padding-left: 0;
}
.stock-card-actions .col-xs-12:nth-child(2) {
  padding-right: 0;
}
.stock-card-link {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.stock-card-link .link {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.stock-card-button {
  margin-top: 0px;
  margin-bottom: 0px;
  transition: all 0.2s ease;
}
.stock-card-button--empty {
  margin-top: 16px;
}
.stock-card-subtitle {
  text-transform: uppercase;
}
.stock-card-box {
  border-right: 1px solid #EAE9F0;
  margin-top: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.stock-card-box:last-of-type {
  border: none;
  padding-left: 16px;
}
.stock-card-box-label {
  margin: 0px !important;
  color: #7E868E;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}
.stock-card-result {
  padding-top: 8px;
  color: #7E868E;
}
.stock-card-result--icon {
  height: 12px;
  width: 11px;
  position: relative;
  top: 1px;
}
.stock-card-result--icon .icon-svg {
  height: 12px;
  width: 11px;
}
.stock-card-result--text {
  margin: 0px !important;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
}
.stock-card-result--low {
  color: #F44336;
}
.stock-card-result--low .icon-svg {
  fill: #F44336;
}
.stock-card-result--normal {
  color: #7E868E;
}
.stock-card-result--normal .icon-svg {
  fill: #7E868E;
}
.stock-card-result--high {
  color: #00C898;
}
.stock-card-result--high .icon-svg {
  fill: #00C898;
}
.stock-card-message {
  padding-bottom: 4px;
  height: 40px;
}
.stock-card-alert {
  padding-bottom: 8px;
}
.stock-card:hover, .stock-card.fix-active {
  z-index: 40;
  box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
}
.stock-card--planned .stock-card-content {
  margin: 8px 0px;
}
.stock-card--planned .stock-card-footer {
  height: 116px;
}
.stock-card--planned .stock-card-header {
  margin-bottom: 14px;
}
.stock-card-mercado {
  height: 316px !important;
}
.stock-card-mercado .stock-card-text {
  text-transform: uppercase;
  font-weight: 700;
}
.stock-card-oportunidades {
  padding: 24px 0px;
  border-radius: 4px !important;
}
.stock-card-oportunidades:before {
  border-radius: 4px !important;
}
.stock-card-oportunidades .stock-card-header {
  height: 72px;
}
.stock-card-oportunidades .stock-card-actions {
  margin-top: 0;
}
.stock-card-oportunidades .stock-card-footer {
  height: 88px;
}
.stock-card-oportunidades .stock-card-line {
  margin-bottom: 8px;
}
.stock-card-oportunidades .stock-card-text {
  white-space: nowrap;
  font-size: 18px;
  font-size: 1.125rem;
}
.stock-card-sugestao-especialista.stock-card .stock-card-value {
  margin: 0px !important;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
}
.stock-card-alerta-planejado .stock-card-content {
  margin-bottom: 8px;
}
.stock-card-alerta-planejado .stock-card-footer {
  height: 104px;
}
.stock-card-alerta-planejado .stock-card-button {
  margin-bottom: 0px;
}
.stock-card-alerta-planejado .stock-card-link {
  line-height: 14px;
  margin-top: 4px;
  font-size: 12px;
  font-size: 0.75rem;
}
.stock-card-alerta-planejado .stock-card-text--low, .stock-card-alerta-planejado .stock-card-text--high {
  color: #7E868E !important;
}
.stock-card-alerta-planejado:hover .stock-card-text--low, .stock-card-alerta-planejado.fix-active .stock-card-text--low {
  color: #F44336 !important;
}
.stock-card-alerta-planejado:hover .stock-card-text--high, .stock-card-alerta-planejado.fix-active .stock-card-text--high {
  color: #00C898 !important;
}
.stock-card-opcao-vencida .stock-card-content {
  margin-bottom: 64px;
}
.stock-card-opcao-vencida .stock-card-footer {
  height: 48px;
}
.stock-card-analise-pagina {
  padding: 16px 0px;
}
.stock-card-analise-mercado.stock-card .stock-card-value--text {
  color: #222222;
}
.stock-card-trades-planejados.stock-card-value--text {
  color: #222222;
}
.stock-card-trades-nao-planejados .stock-card-info {
  margin-top: 24px;
}
.stock-card-trades-nao-planejados.warning-color .stock-card-info {
  margin-top: 0;
}
.stock-card-analysis {
  padding: 32px 0px 32px;
  min-width: 300px;
  min-height: 300px;
}
.stock-card-analysis .stock-card-actions {
  position: relative !important;
  opacity: 1;
}
.stock-card-analysis--line {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 16px;
}
.stock-card-analysis--line .high,
.stock-card-analysis--line .low {
  display: none;
}
.stock-card-analysis--line-subtitle {
  margin: 0px !important;
  margin-bottom: 24px;
}
.stock-card-analysis--button {
  display: block;
  float: left;
  width: 100%;
  margin-top: 24px;
}
.stock-card-analysis--value-low {
  color: #F44336;
}
.stock-card-analysis--value-low .low {
  display: inline-block;
}
.stock-card-analysis--value-normal {
  color: #222222;
}
.stock-card-analysis--value-high {
  color: #00C898;
}
.stock-card-analysis--value-high .high {
  display: inline-block;
}
.stock-card-tracking {
  padding: 32px 0px 32px;
}
.stock-card-tracking--line {
  display: block;
  float: left;
  width: 100%;
}
.stock-card-tracking--line .high,
.stock-card-tracking--line .low {
  display: none;
}
.stock-card-tracking--line-subtitle {
  margin-bottom: 24px;
}
.stock-card-tracking--button {
  display: block;
  float: left;
  width: 100%;
  margin-top: 24px;
}
.stock-card-tracking--value-low {
  color: #F44336;
}
.stock-card-tracking--value-low .low {
  display: inline-block;
}
.stock-card-tracking--value-normal {
  color: #222222;
}
.stock-card-tracking--value-high {
  color: #00C898;
}
.stock-card-tracking--value-high .high {
  display: inline-block;
}
.stock-card-analysis.stock-card:hover, .stock-card-analysis.stock-card.fix-active {
  z-index: 1;
  box-shadow: none;
}
.stock-card-analysis.stock-card:hover:before, .stock-card-analysis.stock-card.fix-active:before {
  transform: none;
  transform: initial;
  box-shadow: none;
}
.stock-card-analysis.stock-card:hover .stock-card-actions, .stock-card-analysis.stock-card.fix-active .stock-card-actions {
  animation: none;
  transition: none;
}
.stock-card-analysis.stock-card:hover .stock-card-badge, .stock-card-analysis.stock-card.fix-active .stock-card-badge {
  top: auto;
  top: initial;
}
.stock-card-analysis.stock-card:hover .stock-card-header, .stock-card-analysis.stock-card.fix-active .stock-card-header {
  margin-top: 0;
  margin-top: initial;
}
card-loading,
#loading-accordion {
  position: absolute;
  z-index: 30;
  background: #FFF;
  overflow: hidden;
  pointer-events: none;
  border-radius: 4px;
}
card-loading .loading-card,
#loading-accordion .loading-card {
  pointer-events: none;
}
card-loading .loading-card.stock-card-element,
#loading-accordion .loading-card.stock-card-element {
  margin: 0 !important;
}
card-loading .loading-card .stock-card,
#loading-accordion .loading-card .stock-card {
  pointer-events: none;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}
card-loading .loading-card .stock-card::before,
#loading-accordion .loading-card .stock-card::before {
  background: transparent;
}
card-loading .loading-card .stock-card:hover:before, card-loading .loading-card .stock-card.fix-active:before,
#loading-accordion .loading-card .stock-card:hover:before,
#loading-accordion .loading-card .stock-card.fix-active:before {
  transform: unset;
  box-shadow: none;
}
card-loading .loading-card .stock-card:hover .stock-card-actions, card-loading .loading-card .stock-card.fix-active .stock-card-actions,
#loading-accordion .loading-card .stock-card:hover .stock-card-actions,
#loading-accordion .loading-card .stock-card.fix-active .stock-card-actions {
  animation: unset;
  position: unset;
  pointer-events: unset;
}
card-loading .loading-card .stock-card:hover .stock-card-badge, card-loading .loading-card .stock-card.fix-active .stock-card-badge,
#loading-accordion .loading-card .stock-card:hover .stock-card-badge,
#loading-accordion .loading-card .stock-card.fix-active .stock-card-badge {
  top: unset;
}
card-loading .loading-card .stock-card:hover .stock-card-header, card-loading .loading-card .stock-card.fix-active .stock-card-header,
#loading-accordion .loading-card .stock-card:hover .stock-card-header,
#loading-accordion .loading-card .stock-card.fix-active .stock-card-header {
  margin-top: unset;
}
card-loading .loading-card .skeleton-item-line,
#loading-accordion .loading-card .skeleton-item-line {
  height: 12px;
  border-radius: 100px;
  margin-top: 8px;
  margin-bottom: 8px;
  background: #ccc;
  overflow: hidden;
  position: relative;
  opacity: 0.6;
}
card-loading .loading-card .skeleton-item-line::before,
#loading-accordion .loading-card .skeleton-item-line::before {
  content: "";
  background: #ccc;
  background: linear-gradient(to right, transparent, #eee, transparent);
  transform: translate3d(0, 0, 0);
  will-change: transform;
  backface-visibility: hidden;
  perspective: 1000;
  animation-name: loading-card;
  animation-duration: 1000ms;
  animation-timing-function: linear;
  animation-delay: 300ms;
  animation-iteration-count: infinite;
  position: absolute;
  display: block;
  width: 100px;
  height: 100%;
  top: 0;
  left: 0;
}
.stock-card-fixed-income:hover:before, .stock-card-fixed-income.fix-active:before {
  transform: scale(1.08, 1.3);
  top: 16px;
}
.stock-banner .slick-list {
  position: relative;
  left: 40%;
  margin-top: 16px;
  transition: all 1s ease;
}
.stock-banner .slick-list .stock-container {
  margin-top: 32px;
  margin-bottom: 32px;
  background: #1F073B;
}
.stock-banner .slick-list .stock-container .stock-card-element {
  position: relative;
}
.stock-banner .slick-list .stock-container .stock-card-element .stock-card {
  margin-top: 0px !important;
}
.stock-banner .carousel-active .slick-list {
  left: 0px;
}
.stock-banner .slick-list .stock-card-element,
.page-section .slick-list .stock-card-element {
  pointer-events: none;
  transition: opacity 0.3s ease;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)";
}
.stock-banner .slick-list .stock-card-element.active,
.page-section .slick-list .stock-card-element.active {
  pointer-events: inherit;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.stock-banner .slick-list .stock-card-element.activeForce,
.page-section .slick-list .stock-card-element.activeForce {
  pointer-events: inherit;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1 !important)";
}
.stock-banner button.slick-arrow.slick-next:after,
.page-section button.slick-arrow.slick-next:after {
  content: "";
  position: absolute;
  padding-top: 200px;
  width: 600px;
  top: -200px;
  padding-bottom: 200px;
  left: 0px;
}
.stock-banner button.slick-arrow.slick-prev:after,
.page-section button.slick-arrow.slick-prev:after {
  content: "";
  position: absolute;
  padding-top: 200px;
  width: 600px;
  top: -200px;
  padding-bottom: 200px;
  right: 0px;
}
.stock-card-element .stock-card-trades-planejados.warning-color .stock-card-actions {
  margin-top: 16px;
}
.stock-card-element .stock-card-fixedincome .stock-card-info {
  margin-top: 16px;
}
@media screen and (min-width: 993px) {
  .stock-banner .slick-slide {
    margin: 16px 9px;
  }
  .stock-banner .slick-slide.stock-container .stock-card, .stock-banner .slick-slide.stock-container .stock-card-element {
    min-width: 300px;
  }

  .stock-container-flex.stock-container--two:after {
    content: "";
    flex: auto;
    flex-grow: 0.89;
  }
  .stock-container-flex.stock-container--three:after {
    content: "";
    flex-grow: 0.72;
  }

  .stock-banner .slick-list {
    position: relative;
    left: 50%;
  }
  .stock-banner .carousel-active .slick-list {
    left: 0px;
  }
}
@media screen and (max-width: 992px) {
  .stock-container-flex.stock-container--two:after {
    content: "";
    flex-grow: 0.79;
  }

  .stock-container .stock-card {
    min-width: 296px;
  }
  .stock-container .stock-card-container {
    padding: 0px 24px;
  }
  .stock-container .stock-card-element--sm {
    width: 100%;
    min-width: 296px;
  }
  .stock-container .stock-card-element--sm .stock-card {
    width: 100%;
    min-width: 296px;
  }
  .stock-container .stock-card--sm {
    min-width: 296px;
  }

  .stock-banner .slick-slide {
    margin: 16px 4px;
  }
  .stock-banner .slick-slide.stock-container .stock-card, .stock-banner .slick-slide.stock-container .stock-card-element {
    min-width: 285px !important;
  }
  .stock-banner .slick-list {
    left: 60%;
  }
}
.stock-cards-list--results .stock-container .stock-card-element,
.stock-cards-list--results .stock-container .stock-card {
  height: 360px !important;
}
.stock-cards-list--results .stock-container .stock-card-element .stock-card {
  padding: 16px 0px 8px;
  box-shadow: 0 4px 8px 0 rgba(9, 24, 39, 0.16);
}
.stock-cards-list--results .stock-container .stock-card-actions {
  pointer-events: inherit;
  transition: inherit;
  animation: inherit;
  position: relative;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.stock-cards-list--results .stock-card-footer {
  height: inherit;
}
.stock-cards-list--results .stock-card:hover,
.stock-cards-list--results .stock-card.fix-active {
  box-shadow: none;
}
.stock-cards-list--results .stock-card:hover:before,
.stock-cards-list--results .stock-card.fix-active:before {
  transform: scale(1);
  box-shadow: none;
}
.stock-cards-list--results .stock-card:hover .stock-card-actions,
.stock-cards-list--results .stock-card.fix-active .stock-card-actions {
  transition: inherit;
  animation: inherit;
}
.stock-cards-list--results .stock-card:hover .stock-card-header,
.stock-cards-list--results .stock-card.fix-active .stock-card-header {
  margin-top: 0px;
}
@media screen and (min-width: 769px) {
  .stock-card:hover, .stock-card.fix-active {
    padding-top: 8px;
  }
  .stock-card:hover:before, .stock-card.fix-active:before {
    transform: scale(1.08, 1.2);
    box-shadow: 0px 10px 8px 1px rgba(9, 24, 39, 0.14);
  }
  .stock-card:hover .stock-card-badge, .stock-card.fix-active .stock-card-badge {
    top: -10%;
    transition: all 0.2s ease;
  }
  .stock-card:hover .stock-card-header, .stock-card.fix-active .stock-card-header {
    transition: all 0.2s ease;
  }
  .stock-card:hover .stock-card-follow, .stock-card.fix-active .stock-card-follow {
    opacity: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  .stock-card:hover .stock-card-actions, .stock-card.fix-active .stock-card-actions {
    animation-name: card-out;
    animation-duration: 0.2s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    pointer-events: inherit;
    opacity: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  .stock-card:hover .stock-card-text, .stock-card.fix-active .stock-card-text {
    color: #222222;
  }
  .stock-card:hover .stock-card-text--h-low, .stock-card.fix-active .stock-card-text--h-low {
    color: #F44336 !important;
  }
  .stock-card:hover .stock-card-text--h-high, .stock-card.fix-active .stock-card-text--h-high {
    color: #00C898 !important;
  }
  .stock-card:hover.warning-color:after, .stock-card.fix-active.warning-color:after {
    top: -10%;
    transform: scale(1.08, 1);
    transition: all 0.2s ease;
  }

  @keyframes absoluteCard {
    0% {
      position: absolute;
      top: -16px;
    }
    100% {
      position: absolute;
      top: 0px;
    }
  }
  @keyframes positionCard {
    0% {
      position: absolute;
      top: 0px;
    }
    100% {
      position: absolute;
      top: -16px;
    }
  }
  @keyframes absoluteCardMinus {
    0% {
      position: absolute;
      top: -32px;
    }
    100% {
      position: absolute;
      top: 0px;
    }
  }
  @keyframes positionCardMinus {
    0% {
      position: absolute;
      top: 0px;
    }
    100% {
      position: absolute;
      top: -32px;
    }
  }
}
@media screen and (max-width: 768px) {
  .stock-container .stock-card {
    margin: 16px 0px;
    padding: 24px 0px 16px;
    border-radius: 4px;
  }
  .stock-container .stock-card-cta--link {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .stock-container .stock-card-identify {
    top: -12px;
  }
  .stock-container .stock-card-badge {
    left: 24px;
  }
  .stock-container .stock-card-header--line {
    padding-bottom: 8px;
  }
  .stock-container .stock-card-element {
    height: inherit !important;
    margin: 16px 0px !important;
  }
  .stock-container .stock-card-content {
    padding: 0px;
    margin: 8px 0px;
    min-height: auto;
  }
  .stock-container .stock-card-actions {
    height: inherit;
    overflow: inherit;
    padding: 8px 0px 0px;
    pointer-events: inherit;
  }
  .stock-container .stock-card-button--empty {
    margin-bottom: 11px;
  }
  .stock-container .stock-card-link {
    position: relative;
    margin-top: 8px;
    height: inherit;
    overflow: inherit;
  }
  .stock-container .stock-card .stock-card-footer {
    height: auto;
  }
  .stock-container .stock-card .stock-card-actions {
    height: auto;
    opacity: 1;
    position: relative;
  }
  .stock-container .stock-card .stock-results-value {
    opacity: 1;
  }
  .stock-container .stock-card-oportunidades .stock-card-line {
    margin-bottom: 0px;
  }
  .stock-container .stock-card-trades-nao-planejados .stock-card-info {
    margin-top: 0px;
  }
  .stock-container .stock-card-trades-nao-planejados .stock-card-content {
    margin: 43px 0px;
  }

  .stock-container .stock-card-element--sm .stock-card {
    min-width: 100%;
    margin-bottom: 8px;
    height: auto !important;
  }

  .stock-container .stock-card-element--sm {
    min-width: 100%;
  }

  .stock-container .stock-card-element:hover .stock-card--minus .stock-container .stock-card-element.fix-active .stock-card--minus {
    top: 0;
  }

  .stock-container .stock-card-element:hover .stock-card,
.stock-container .stock-card-element.fix-active .stock-card {
    position: relative;
    top: 0;
  }

  .stock-container .stock-card-element:hover .stock-card-link,
.stock-container .stock-card-element.fix-active .stock-card-link {
    top: 0 !important;
  }

  .stock-container .stock-card-element:hover .stock-card-actions .stock-container .stock-card-element.fix-active .stock-card-actions {
    padding: 8px 0px 0px !important;
  }

  .stock-container .stock-card-element .stock-card-text {
    color: #222222 !important;
  }
  .stock-container .stock-card-element .stock-card-text.stock-card-text--low {
    color: #F44336 !important;
  }
  .stock-container .stock-card-element .stock-card-text.stock-card-text--high {
    color: #00C898 !important;
  }
  .stock-container .stock-card-element .stock-card-text.stock-card-text--normal {
    color: #7E868E !important;
  }

  .stock-card-acompanhamento-pagina {
    padding: 0px;
    margin: 0px;
  }
  .stock-card-acompanhamento-pagina:before {
    display: none !important;
  }
  .stock-card-acompanhamento-pagina .stock-card-line-done-mobile {
    margin-top: 0px;
  }
  .stock-card-acompanhamento-pagina .stock-card-label, .stock-card-acompanhamento-pagina .stock-card-text {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .stock-card-acompanhamento-pagina .stock-card-body {
    margin-bottom: 24px;
  }
  .stock-card-acompanhamento-pagina .stock-card-body .stock-card-container:first-child {
    display: none;
  }

  .stock-container .loading-card.stock-card-element--sm .stock-card {
    min-width: 100%;
    margin-bottom: 8px;
    height: auto !important;
    margin: 0;
  }

  .stock-container opportunity-card .stock-card-element--sm,
.stock-container market-card .stock-card-element--sm {
    height: 338px !important;
    min-width: 288px;
    width: 100%;
  }
  .stock-container opportunity-card .stock-card-element--sm .stock-card, .stock-container opportunity-card .stock-card-element--sm.loading-card .stock-card,
.stock-container market-card .stock-card-element--sm .stock-card,
.stock-container market-card .stock-card-element--sm.loading-card .stock-card {
    min-width: 288px;
    width: 100%;
    margin-bottom: 8px;
    height: 338px !important;
  }

  .stock-container unplaned-card .stock-card-element--sm card-loading {
    height: 100%;
  }
  .stock-container unplaned-card .stock-card-element--sm card-loading .loading-card .stock-card {
    height: 100% !important;
    margin-top: 0;
  }

  .stock-container market-card .stock-card-link {
    margin-top: 14px;
  }

  .stock-card {
    transform: translateZ(0);
    transition: transform 0.2s ease;
  }

  .stock-card:hover,
.stock-card.fix-active {
    position: relative;
    z-index: 10;
    transform: scale(1.05) !important;
  }
  .stock-card:hover:before,
.stock-card.fix-active:before {
    transform: none !important;
  }
}
@keyframes card-in {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  }
  25% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
  }
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
@keyframes card-out {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  25% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  }
}
@keyframes loading-card {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(150%, 0, 0);
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/@toro/aldebaran.web/aldebaran.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.m-04 {
  margin: 1rem;
}

.mt-04 {
  margin: 1rem 0 0 0;
}

.heading-default-color {
  color: #222222;
}

.heading-primary-color {
  color: #990000;
}

.heading-secondary-color {
  color: #CC0000;
}

.heading-secondary-brightness-color {
  color: #F29E9A;
}

.heading-neutral-color {
  color: #545454;
}

.heading-contrast-color {
  color: #222222;
}

.heading-brightness-color {
  color: #FFFFFF;
}

.heading-high-contrast-color {
  color: #FFFFFF;
}

.heading-disabled-contrast-color {
  color: #C0BDB8;
}

.body-default-color {
  color: #545454;
}

.body-primary-color {
  color: #990000;
}

.body-secondary-color {
  color: #CC0000;
}

.body-secondary-brightness-color {
  color: #F29E9A;
}

.body-neutral-color {
  color: #767676;
}

.body-contrast-color {
  color: #141414;
}

.body-brightness-color {
  color: #FFFFFF;
}

.body-high-contrast-color {
  color: #FFFFFF;
}

.body-disabled-color {
  color: #C0BDB8;
}

.body-feedback-alert-color {
  color: #CB8421;
}

.body-feedback-danger-color {
  color: #E0174B;
}

.body-feedback-report-color {
  color: #00478D;
}

.body-feedback-success-color {
  color: #006D51;
}

.link-default-color {
  color: #990000;
}

.h1 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 3.25rem;
  font-size: 2.5rem;
}

.h1-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 3.25rem;
  font-size: 2.5rem;
}

.h2 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 2.6rem;
  font-size: 2rem;
}

.h2-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.6rem;
}

.h3 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.95rem;
  font-size: 1.5rem;
}

.h3-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.95rem;
  font-size: 1.5rem;
}

.h4 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.4625rem;
  font-size: 1.5rem;
}

.h4-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.4625rem;
  font-size: 1.5rem;
}

.h5 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.3rem;
  font-size: 1.125rem;
}

.h5-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.3rem;
  font-size: 1.125rem;
}

.h6 {
  font-family: "Roboto";
  font-weight: 500;
  line-height: 1.3rem;
  font-size: 1rem;
}

.h6-bold {
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.3rem;
  font-size: 1rem;
}

.t1 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.25rem;
}

.t1-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2.25rem;
}

.t1-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.25rem;
}

.t2 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}

.t2-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}

.t2-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
}

.t3 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}

.t3-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}

.t3-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}

.t4 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}

.t4-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}

.t4-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}

.t5 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}

.t5-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}

.t5-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}

.description {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.879rem;
}

.description-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.879rem;
}

.description-bold {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.879rem;
}

.l1 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
  text-decoration: underline;
}

.l1-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.3125rem;
  line-height: 1.96875rem;
  text-decoration: underline;
}

.l2 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  text-decoration: underline;
}

.l2-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  text-decoration: underline;
}

.l3 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: underline;
}

.l3-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: underline;
}

.l4 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.313rem;
  text-decoration: underline;
}

.l4-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.313rem;
  text-decoration: underline;
}

.l5 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-decoration: underline;
}

.l5-medium {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-decoration: underline;
}