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

WC ADMIN TEMPLATE
EBRAHIM P. LEITE | WEB CREATIVE
WWW.WEBCREATIVE.COM.BR

-------------------------------- */
*, *::after, *::before {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    color: #3e454c;
    background-color: #ffffff;
}

body::after {
    clear: both;
    content: "";
    display: table;
}

a {
    color: #1784c7;
    text-decoration: none;
}

input, textarea, select {
    font-size: 1.4rem;
}

.disabled {
    background-color: #ebebe4;
    cursor: not-allowed;
}

textarea {
    text-align: justify;
    line-height: 1.75em;
    resize: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

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

Conteúdo principal

-------------------------------- */
.cd-main-content .content-wrapper {
    padding: 45px 5% 3em;
}

.cd-main-content::before {
    /* never visible - used to check MQ in jQuery */
    display: none;
    content: 'mobile';
}

@media only screen and (min-width: 768px) {
    .cd-main-content .content-wrapper {
        margin-left: 110px;
        padding-top: 55px;
    }

    .cd-main-content::before {
        content: 'tablet';
    }

    .dashboard_header {
        width: 83.75vw !important;
    }

    .dashboard_content {
        float: left;
        width: 83.75vw !important;
        padding: 1.25em;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-main-content .content-wrapper {
        margin-left: 135px;
    }

    .dashboard_header {
        width: 83.75vw !important;
    }

    .dashboard_content {
        float: left;
        width: 83.75vw !important;
        padding: 1.25em;
    }

    .cd-main-content::before {
        content: 'desktop';
    }
}

@media only screen and (min-width: 1280px) {
    .cd-main-content .content-wrapper {
        margin-left: 137px;
    }

    .dashboard_header {
        width: 83vw !important;
    }

    .dashboard_content {
        float: left;
        width: 83vw !important;
        padding: 1.25em;
    }

    .cd-main-content::before {
        content: 'desktop';
    }
}

@media only screen and (min-width: 1366px) {
    .cd-main-content .content-wrapper {
        margin-left: 135px;
    }

    .dashboard_header {
        width: 83.875vw !important;
    }

    .dashboard_content {
        float: left;
        width: 83.875vw !important;
        padding: 1.25em;
    }

}

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

Header

-------------------------------- */
.cd-main-header {
    position: absolute;
    z-index: 99999999999;
    top: 0;
    left: 0;
    height: 45px;
    width: 100%;
    background: #242639;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cd-main-header {
    display: table;
}

.cd-main-header .version,
.cd-main-header .maintenance_warning {
    color: #ffffff;
    font-size: 0.6em;
    display: table-cell;
    vertical-align: middle;
    padding-left: 4.5em;
}

.cd-main-header .version b.new {
    background-color: rgba(243, 109, 78, 1);
    padding: 0.4em 0.55em 0.4em 0.55em;
    text-transform: uppercase;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

.cd-main-header .maintenance_warning b {
    color: #ff7a61;
}

.cd-main-header::after {
    clear: both;
    content: "";
    display: table;
}

@media only screen and (min-width: 768px) {
    .cd-main-header {
        position: fixed;
        height: 55px;
    }
}

.cd-logo {
    float: left;
    display: block;
    margin: 11px 0 0 5%;
}

.cd-logo img {
    display: block;
    width: 85px;
}

.falklogoimg {
    padding: 2em 0;
}

@media only screen and (min-width: 768px) {
    .cd-logo {
        margin: 16px 0 0 36px;
    }
}

.cd-nav-trigger {
    /* navigation trigger - visible on mobile devices only */
    float: right;
    position: relative;
    display: block;
    width: 34px;
    height: 44px;
    margin-right: 5%;
    /* hide text */
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
}

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
    /* hamburger icon in CSS */
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 24px;
    background: #ffffff;
}

.cd-nav-trigger span {
    /* line in the center */
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s;
}

.cd-nav-trigger span::before, .cd-nav-trigger span::after {
    /* other 2 lines */
    content: '';
    right: 0;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}

.cd-nav-trigger span::before {
    /* menu icon top line */
    top: -6px;
}

.cd-nav-trigger span::after {
    /* menu icon bottom line */
    top: 6px;
}

.cd-nav-trigger.nav-is-visible span {
    /* hide line in the center */
    background: rgba(255, 255, 255, 0);
}

.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
    /* keep visible other 2 lines */
    background: white;
}

.cd-nav-trigger.nav-is-visible span::before {
    -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
    transform: translateX(4px) translateY(-3px) rotate(45deg);
}

.cd-nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
    transform: translateX(4px) translateY(2px) rotate(-45deg);
}

@media only screen and (min-width: 768px) {
    .cd-nav-trigger {
        display: none;
    }
}

.cd-search {
    position: relative;
    margin: 1.2em 5% 0.6em;
}

.cd-search.is-hidden {
    opacity: 0;
}

.cd-search::before {
    /* lens icon */
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    background: url(../_img/cd-search.svg) no-repeat 0 0;
}

.cd-search input {
    padding-left: 32px;
    width: 100%;
    height: 36px;
    border: none;
    border-radius: .25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.cd-search input:focus {
    outline: none;
}

@media only screen and (min-width: 768px) {
    .cd-search {
        float: left;
        display: inline-block;
        width: 250px;
        height: 100%;
        margin: 0 0 0 2.5em;
    }

    .cd-search.is-hidden {
        /* reset style */
        opacity: 1;
    }

    .cd-search::before {
        background-position: 0 -16px;
        left: 1em;
    }

    .cd-search form, .cd-search input {
        height: 100%;
        width: 100%;
    }

    .cd-search input {
        border: none;
        padding-left: 2.6em;
        border-radius: 0;
        background-color: #3e454c;
        border-left: 1px solid #51575d;
        color: #ffffff;
    }

    .cd-search input::-webkit-input-placeholder {
        color: #777c81;
    }

    .cd-search input::-moz-placeholder {
        color: #777c81;
    }

    .cd-search input:-moz-placeholder {
        color: #777c81;
    }

    .cd-search input:-ms-input-placeholder {
        color: #777c81;
    }
}

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

Top Navigation

-------------------------------- */
.cd-nav {
    /* top nav - not visible on mobile devices */
    display: none;
}

@media only screen and (min-width: 768px) {
    .cd-nav {
        display: block;
        float: right;
        height: 100%;
    }
}

.jwc_hide_value {
    margin-top: 1.75em !important;
    cursor: pointer;
}

.jwc_hide_value.icon-eye {
    font-size: 1.25em !important;
    color: #F5F5F5;
}

.jwc_hide_value.icon-eye-blocked {
    font-size: 1.15em !important;
    color: #FFFFFF;
}

.cd-top-nav > li a {
    padding: 1em 5% !important;
}

.cd-top-nav .img {
    /* avatar image */
    position: absolute;
    left: 0.875em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    border: 1.5px solid #2F7CE0;
    padding: 0.12em 0.0875em 0.05em 0.125em;
    border-radius: 50%;
    display: none;
}

.cd-top-nav figure {
    display: inline-block !important;
    justify-content: center;
    vertical-align: middle;
}

.cd-top-nav img {
    width: 32.5px;
    height: 32.5px;
    align-items: center;
    padding: 5%;
    border-radius: 5em;
    border: 1px solid #2F7CE0;
    -moz-border-radius: 5em;
    -webkit-border-radius: 5em;
    margin-right: 0.5em;
}

@media only screen and (min-width: 768px) {
    .cd-top-nav {
        height: 100%;
    }

    .cd-top-nav a {
        display: block;
        font-size: 1.4rem;
        color: #ffffff;
    }

    .cd-top-nav > li {
        display: inline-block;
        margin-right: 1em;
        height: 100%;
    }

    .cd-top-nav > li:last-of-type {
        margin-right: 0;
    }

    .cd-top-nav > li a {
        padding: 1em .6em !important;
    }

    .cd-top-nav img {
        display: block;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-top-nav li:not(.has-children) a:hover {
        color: #1784c7;
    }
}

/* --------------------------------
Sidebar
-------------------------------- */
.cd-side-nav {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    padding: 45px 0 0;
    background-color: #ffffff;
    -webkit-box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    visibility: hidden;
    opacity: 0;
    max-height: 100vh;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
    -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
    transition: opacity 0.2s 0s, visibility 0s 0.2s;
}

.cd-side-nav::after {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background: #ffffff;
    z-index: -1;
}

.cd-side-nav img {
    width: 50%;
    text-align: center
}

.cd-side-nav.nav-is-visible {
    z-index: 1000;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.2s 0s, visibility 0s 0s;
    transition: opacity 0.2s 0s, visibility 0s 0s;
    max-height: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.cd-side-nav > ul {
    padding: 0.6em 0;
}

.cd-side-nav > ul:last-of-type {
    padding-bottom: 0;
}

.naviconflag a {
    padding-left: 1.25em !important;
}

.naviconflag img, .dashboard_header_title h1 img {
    width: 17.875px;
    height: 17.875px;
    border: 1.25px solid #dae0e3;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 0.75em;
}

.cd-side-nav .cd-label, .cd-side-nav a {
    display: block;
    padding: 1em 5%;
}

.cd-side-nav .cd-label {
    text-transform: uppercase;
    font-weight: bold;
    color: #646a6f;
    font-size: 1rem;
    letter-spacing: .1em;
    display: block;
    padding: 1.5em 0 1em 0.5em;
    margin-top: 1em;
}

.cd-side-nav .cd-label span:before {
    content: '• ';
    margin-right: 0.2em;
    font-weight: 700;
    font-size: 1.35em;
}

.cd-side-nav .cd-label span {
    padding: 0.5em 1em 0.5em 0em;
    color: #646a6f;
    border-bottom: 1.5px solid #bfbfbf;
}

.cd-side-nav a {
    position: relative;
    color: #ffffff;
    font-size: 1.4rem;
}

.cd-side-nav ul.cd-top-nav > li:last-of-type > a {
    border-bottom: none;
}

.cd-side-nav > ul > li > a {
    padding-left: calc(5% + 24px);
    color: #646a6f;
}

.cd-side-nav > ul > li > a::before {
    /* icon before item name */
    position: absolute;
    font-size: 1.3em;
    left: 5%;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #585c64;
}

.cd-side-nav .count {
    /* notification badge */
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: calc(5% + 16px + 0.4em);
    padding: 0.2em 0.4em;
    background-color: #ff7e66;
    border-radius: .25em;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
}

.cd-side-nav .action-btn a {
    display: block;
    margin: 0 5%;
    padding: 1em 0;
    background-color: #1784c7;
    border-radius: .25em;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-align: center;
    color: #ffffff;
    font-weight: bold;
}

.cd-side-nav .action-btn a::before {
    display: none;
}

@media only screen and (min-width: 768px) {
    .cd-side-nav {
        position: relative;
        float: left;
        top: auto;
        width: 110px;
        min-height: 100vh;
        padding-top: 55px;
        /* reset style */
        visibility: visible;
        opacity: 1;
        overflow: visible;
        max-height: none;
    }

    .cd-side-nav::after {
        width: 110px;
    }

    .cd-side-nav.nav-is-visible {
        box-shadow: none;
        z-index: 1000;
    }

    .cd-side-nav.is-fixed {
        position: fixed;
    }

    .cd-side-nav > ul {
        /* reset style */
        padding: 0;
    }

    .cd-side-nav .cd-label {
        /* remove labels on minified version of the sidebar */
        display: none;
    }

    .cd-side-nav a {
        font-size: 1.2rem;
        text-align: center;
    }

    .cd-side-nav > ul > li > a {
        padding: calc(2.2em + 24px) 0 2.4em;
    }

    .cd-side-nav > ul > li > a::before {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 2.4em;
    }

    .cd-side-nav .active > a:before {
        color: #1671fd;
    }

    .cd-side-nav .active > a {
        /* menu ativo */
        color: #1671fd;
        font-weight: 600;
        background-color: #FAFAFA;
    }

    .cd-side-nav .active_sub > a {
        /* submenu ativo */
        box-shadow: inset 5px 0 0 #1671fd;
        background-color: #FAFAFA;
        color: #333333 !important;
    }

    .cd-side-nav .action-btn a {
        margin: 1em 10% 0;
    }

    .cd-side-nav .count {
        height: 8px;
        width: 8px;
        border-radius: 50%;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
        padding: 0;
        top: 2em;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        left: calc(50% + 5px);
        right: auto;
        color: transparent;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-side-nav {
        width: 200px;
    }

    .cd-side-nav::after {
        width: 200px;
    }

    .cd-side-nav > ul {
        padding: 0.6em 0;
    }


    .cd-side-nav > ul > li > a:hover::before {
        color: #1671fd !important;
    }

    .cd-side-nav > ul > li > a {
        width: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        color: #333333;
        padding: 1em 1em 1em 4em;
        text-align: left;
        border-bottom: none;
    }

    .cd-side-nav > ul > li:not(.action-btn):hover > a {
        color: #1671fd;
        font-weight: 600;
    }

    .cd-side-nav > ul > li > a::before {
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 18px;
    }

    .cd-side-nav .cd-label span:before {
        content: '• ';
        margin-right: 0.2em;
        font-weight: 700;
        font-size: 1.35em;
    }

    .cd-side-nav .cd-label {
        display: block;
        padding: 1.5em 0 1em 0.5em;
        margin-top: 1em;
    }

    .cd-side-nav .cd-label span {
        padding: 0.5em 1em 0.5em 0em;
        color: #646a6f;
        border-bottom: 1.5px solid #bfbfbf;
    }

    .cd-side-nav .action-btn {
        text-align: left;
    }

    .cd-side-nav .action-btn a {
        margin: 0 18px;
    }

    .no-touch .cd-side-nav .action-btn a:hover {
        background-color: #1a93de;
    }

    .cd-side-nav .count {
        /* reset style */
        color: #ffffff;
        height: auto;
        width: auto;
        border-radius: .25em;
        padding: .2em .4em;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 18px;
        left: auto;
        box-shadow: none;
    }
}

.has-children ul {
    position: relative;
    width: 100%;
    display: none;
    background-color: #1671fd;
}

.has-children.selected > ul {
    display: block;
}

.has-children.selected > a::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

@media only screen and (min-width: 768px) {
    .has-children {
        position: relative;
    }

    .has-children ul {
        position: absolute;
        top: 0;
        left: 100%;
        width: 160px;
        padding: 0;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    }

    .has-children ul a {
        text-align: left;
        border: none;
        padding: 1em;
    }

    .no-touch .has-children ul a:hover {
        font-weight: 600;
    }

    .has-children > a::after {
        display: none;
    }

    .cd-side-nav .has-children.selected > a {
        /* focus state -> show sub pages */
        background-color: #33383e;
    }

    .cd-top-nav .account-top {
        position: relative;
        background-color: #424357;
        border-bottom-left-radius: 1em;
        border-top-left-radius: 1em;
    }

    .cd-top-nav i {
        font-size: 0.875em;
        margin-left: 1.5em;
    }

    .cd-top-nav .account-top > a {
        height: 100%;
        padding: 0 1em !important;
        line-height: 55px;
    }

    .cd-top-nav .account-top > a::after {
        display: block;
        right: 1.8em;
    }

    .cd-top-nav .account-top ul {
        background-color: #1c1f22;
        width: 200px;
        top: 100%;
        right: 0;
        left: auto;
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    }

    .cd-top-nav .account-top ul a {
        padding-left: 18px !important;
    }
}

@media only screen and (min-width: 1170px) {
    .has-children > ul {
        width: 100%;
        z-index: 1;
    }

    .has-children ul a {
        padding-left: 18px;
    }

    .has-children.active > ul {
        /* if the item is active, make the subnavigation visible */
        position: relative;
        display: block;
        /* reset style */
        left: 0;
        box-shadow: none;
    }

    .no-touch .cd-side-nav .has-children:hover > ul, .cd-side-nav .has-children.hover > ul {
        /* show subnavigation on hover */
        display: block;
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 468px) {
    .cd-top-nav li a::before {
        display: none;
    }

    .cd-main-content .content-wrapper {
        padding: 2.5em 0 0 0;
    }

    .dashboard_header {
        width: 100%;
    }

    .cd-side-nav > ul > li > a {
        z-index: 999 !important;
    }

    .extract_table_rows {
        margin: 1em 0;
    }

    .extract_table_rows div {
        margin: 1em 0;
        text-align: center !important;
    }
}

/* CUSTOM WC ADMIN BY EBRAHIM P LEITE */
.dashboard {
    float: none;
    width: auto !important;
}

.dashboard_main {
    background: #eeeeee;
}

.panel_header.success {
    border-top: 0 !important;
}

.dashboard_onlinenow {
    background: #0a947c;
}

.dashboard_onlinenow p {
    color: #fff;
}

.panel_header.info {
    border-top: 0 !important;
}

.panel_header.alert {
    border-top: 0 !important;
}

.panel_header.warning {
    border-top: 0 !important;
}

.panel_header.custom_default {
    background: #3e454c;
    border-top: 0;
    border-bottom: 1px solid #2c3136;
    color: #FFF;
}

.panel_header.custom_default > h2 {
    font-size: 0.875em;
    font-weight: 600;
    color: #FFF;
    padding-bottom: 5px;
}

.changelog_info {
    padding: 0.75em 0;
}

.panel_whatsis {
    margin: 0 0 20px 0;
}

.panel_whatsis p {
    line-height: 1.5em;
    text-align: justify;
    margin-top: 0px;
}

.panel_add_info a {
    text-decoration: none;
    color: #3A3A3A;

}

.panel_changelog article {
    padding: 7px 0px;
    border-bottom: 1px solid #CCCCCC;
}

.panel_changelog article i {
    font-size: 0.75em;
}

.panel_changelog article p {
    margin: 0.5em 0px;
}

.fnt_red {
    color: #f7525f;
}

.fnt_yellow {
    color: #f5bc00;
}

.fnt_green {
    color: #1ebba4;
}

.changelog span.badge {
    font-size: 0.85em;
    text-transform: uppercase;
    margin: 0 5px;
    display: inline-block;
    font-weight: 600;
    color: #e4e4e4;
    line-height: 32px;
    padding: 0 12px;
    letter-spacing: 1px;
    border-radius: 7px;
    background-color: #00acaa;
}

.changelog a.badge {
    font-size: 0.85em;
    text-transform: uppercase;
    margin: 0 5px;
    display: inline-block;
    font-weight: 600;
    color: #e4e4e4;
    line-height: 32px;
    padding: 0 12px;
    letter-spacing: 1px;
    border-radius: 7px;
    background-color: #3A3A3A;
}

.changelog span.lastversion {
    font-size: 0.85em;
    text-transform: uppercase;
    margin: 0 5px;
    display: inline-block;
    font-weight: 600;
    color: #e4e4e4;
    line-height: 32px;
    padding: 0 12px;
    letter-spacing: 1px;
    border-radius: 7px;
    background-color: #3A3A3A;
}

.changelog .collapsible-body span {
    font-size: 0.9em !important;
    padding: .15em 0.75em;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
}

.changelog .collapsible-body p {
    font-size: 1em !important;
}

.changelog .collapsible-body span i {
    font-size: 0.7em !important;
    line-height: 0.7em;
    vertical-align: middle;
    margin-left: 7px;
}

.changelog .collapsible-body .changelog_text_body {
    margin-bottom: 20px;
}

.change_card {
    padding-left: 10px;
}

.chg_green span {
    background-color: #1ebba4;
}

.chg_yellow span {
    background-color: #f5bc00;
}

.chg_red span {
    background-color: #f7525f;
}

.changelog_stats p {
    padding: 5px;
    line-height: 25px;
}

.changelog_stats i {
    font-size: 0.65em;
}

.changelog_stats span.chg_default {
    background-color: #1b1b1b;
    padding: 3px 6px;
    color: #FFFFFF;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 500;
    margin: 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.changelog_stats span.chg_green {
    background-color: #1ebba4;
    padding: 3px 6px;
    color: #FFFFFF;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 500;
    margin: 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.changelog_stats span.chg_red {
    background-color: #f7525f;
    padding: 3px 6px;
    color: #FFFFFF;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 500;
    margin: 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.card-comparative {
    box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1);
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    padding: 1em 0;
    margin-top: 2em;
    border: 0.1em dashed transparent;
}

.card-comparative-title {
    margin-top: 1.5em;
    font-size: 0.9875em;
}

.card-comparative h5 {
    color: #4c309b;
}

.card-comparative.card-win:hover {
    border: 0.1em dashed #1EBBA4;
}

.card-comparative.card-loss:hover {
    border: 0.1em dashed #f7525f;
}

.tag-green {
    color: #1EBBA4;
    background-color: rgba(30, 187, 164, 0.1) !important;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    font-weight: 600;
    padding: 0.35em 0.7em;
}

.comparative-related-ticker {
    color: #4c309b !important;
    background-color: rgba(76, 48, 155, 0.1) !important;
    border-radius: 0.1em;
    -moz-border-radius: 0.1em;
    -webkit-border-radius: 0.1em;
    font-weight: 600 !important;
    padding: 0.35em 0.7em;
}

.tag-red {
    color: #f7525f;
    background-color: rgba(247, 82, 95, 0.1) !important;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    font-weight: 500;
    padding: 0.35em 0.7em;
}

.tag-yellow {
    color: #f5bc00;
    background-color: rgba(245, 188, 0, 0.1) !important;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    font-weight: 600;
    padding: 0.35em 0.7em;
}

.card-comparative:hover {
    box-shadow: 0 1px 25px rgba(0, 0, 0, 0.3);
    transition: all 0.5s;
}

.changelog_stats span.chg_yellow {
    background-color: #f5bc00;
    padding: 3px 6px;
    color: #FFFFFF;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 500;
    margin: 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.collapsible {
    font-family: 'Montserrat', sans-serif !important;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin: 0.5rem 0 1rem 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: white;
}

.collapsible-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-tap-highlight-color: #606060;
    padding: 1rem;
    border-bottom: 1px solid #ddd;

    color: #606060;
    text-transform: uppercase;
}

.collapsible-header:focus {
    outline: 0;
}

.collapsible-header i {
    width: 2rem;
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    margin-right: 1rem;
}

.keyboard-focused .collapsible-header:focus {
    background-color: #eee;
}

.collapsible-body {
    display: none;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2rem;

    font-size: 1em;
    color: #606060;
    text-align: justify;
    text-transform: none;
    font-weight: 400;
    line-height: 1.5em;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.client_thumb {
    padding: 1em 3em;
}

.client_thumb figcaption p:before {
    font-size: 0.875em;
    margin-right: 0.5em;
}

.client_thumb figcaption p.user_inactive:before {
    color: #f7525f;
}

.client_thumb figcaption p.user_active:before {
    color: #8AC185;
}

.client_thumb figcaption p {
    margin-top: 0.875em;
    font-size: 0.75em;
    text-align: center;
    font-weight: 600 !important;
    letter-spacing: 0.0875em;
    text-transform: uppercase;
}

.client_thumb img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #388dd0;
    padding: 0.15em;
}

.client_status {
    text-align: center;
    -webkit-box-shadow: 0 0 5px #999;
    -moz-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
}

.client_status header {
    padding: 10px 5px;
    font-size: 0.5em;
    color: #FFFFFF !important;
    letter-spacing: 1px;
    word-spacing: 3px;
    font-weight: 600;
    text-transform: uppercase;

    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.client_status p {
    font-size: 3em !important;
    font-weight: 600;
    color: #9b9b9b;
}

.client_status a {
    display: inline-block;
    background-color: #545454;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.client_status a:hover {
    background-color: #212224;
    color: #FFFFFF;
}

.client_status.waiting header {
    background-color: #ffc107;
}

.client_status.analysing header {
    background-color: #ff9800;
}

.client_status.attention header {
    background-color: #fd2d00;
}

.client_status.working header {
    background-color: #03a9f4;
}

.client_status.payment header {
    background-color: #8bc34a;
}

.client_status.done header {
    background-color: #4caf50;
}

.switch,
.switch * {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.switch label {
    cursor: pointer;
}

.switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch label input[type=checkbox]:checked + .lever {
    background-color: #84c7c1;
}

.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
    left: 18px;
}

.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #26a69a;
}

.switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 36px;
    height: 14px;
    background-color: rgba(0, 0, 0, 0.38);
    border-radius: 15px;
    margin-right: 10px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    vertical-align: middle;
    margin: 0 16px;
}

.switch label .lever:before, .switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 0;
    top: -3px;
    -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
    transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
}

.switch label .lever:before {
    background-color: rgba(38, 166, 154, 0.15);
}

.switch label .lever:after {
    background-color: #F1F1F1;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    background-color: rgba(38, 166, 154, 0.15);
}

input[type=checkbox]:not(:disabled) ~ .lever:active:before,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    background-color: rgba(0, 0, 0, 0.08);
}

.switch input[type=checkbox][disabled] + .lever {
    cursor: default;
    background-color: rgba(0, 0, 0, 0.12);
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
    background-color: #949494;
}

.contab_attach_item {
    margin-bottom: 50px;
}

.contab_attach_item:nth-last-child(-n+3) {
    margin-bottom: 0px !important;
}

.contab_attach_item header h1 {
    padding: 0px 5px 15px 5px;
    font-size: 1em;
    text-align: center;
}

.contab_attach_item figcaption {
    font-size: 0em !important;
}

.contab_attach_item img {
    width: 100%;
    height: 250px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.contab_attach_item img:hover {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    cursor: zoom-in;

}

.contab_attach_item footer {
    padding: 15px 5px;
    text-align: center;

}


/*
TRIGGERS
notify
*/
.trigger_notify_box {
    position: fixed;
    right: 0;
    top: 0;
    padding-top: 5px;
    padding-right: 15px;
    width: 320px;
    max-width: 90%;
    z-index: 9999999999999999999999999;
}

.trigger_notify {
    margin-top: 25%;
    padding: 1.5em;
    background: #ffffff;
    font-size: 1em;
    font-weight: 300;
    -webkit-box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    overflow: hidden;
    color: #333333;
    position: relative;
    cursor: pointer;
}

.trigger_notify_time {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0%;
    background: rgba(0, 0, 0, 0.5);
}

.trigger_notify p {
    margin-top: 5px;
    line-height: 1.5em;
    text-align: justify;
}

/*
modal
*/
.trigger_modal_box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.3);
}

.trigger_modal {
    margin: auto;
    width: 480px;
    max-width: 96%;
    background: #333;
    display: flex;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    color: #fff;
    font-size: 0.875em;
    top: -100px;
    opacity: 0;
}

.trigger_modal_close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 1.2em;
    cursor: pointer;
    opacity: 0.5;
}

.trigger_modal_close:hover {
    opacity: 1;
}

.trigger_modal_icon {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 4em;
}

.trigger_modal_content {
    width: 100%;
    padding: 30px;
}

.trigger_modal_content a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

.trigger_modal_content a:hover {
    text-decoration: underline;
}

.trigger_modal_content_title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.trigger_modal_content p {
    margin-top: 15px;
}

/*
TRIGGER VARIABLES
*/

.trigger_blue i:before,
.trigger_green i:before,
.trigger_yellow i:before,
.trigger_red i:before {
    margin-right: 0 !important;
}

.trigger_blue i,
.trigger_green i,
.trigger_yellow i,
.trigger_red i {
    font-size: 0.875em !important;
    border: 0.1em solid #ffffff;
    padding: 0.35em 0.45em 0.25em 0.5em;
    border-radius: 50%;
    margin-right: 1.5em;
}

.trigger_blue {
    border-left: 0.25em solid #4285f4;
}

.trigger_blue i {
    color: #4285f4 !important;
    border: 0.15em solid #4285f4;
}

.trigger_green {
    border-left: 0.25em solid #1ebba4;
}

.trigger_green i {
    color: #1ebba4 !important;
    border: 0.15em solid #1ebba4;
}

.trigger_yellow {
    border-left: 0.25em solid #f5bc00;
}

.trigger_yellow i {
    color: #f5bc00 !important;
    border: 0.15em solid #f5bc00;
}

.trigger_red {
    border-left: 0.25em solid #f7525f;
}

.trigger_red i {
    color: #f7525f !important;
    border: 0.15em solid #f7525f;
}

.agiwork-thumb {
    width: 2.25em;
    height: 2.25em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1.9px solid #F15A24;
    margin-right: 0.5em;
    padding: 0.15em;
}

.card_item p.user_count_total,
.card_item p.user_count_pendente,
.card_item p.user_count_ativo,
.card_item p.user_count_inativo {
    display: inline-block;
    font-weight: 500;
    font-size: 1.35em;
    width: 30%;
    margin: 0.875em 0;
}

.card_item p.user_count_total span,
.card_item p.user_count_pendente span,
.card_item p.user_count_ativo span,
.card_item p.user_count_inativo span {
    font-weight: 400 !important;
    font-size: 0.55em;
    display: block;
}

.card_item p.user_count_total span {
    color: #555555 !important;
}

.card_item p.user_count_pendente span {
    color: #2F7CE0 !important;
}

.card_item p.user_count_ativo span {
    color: #4CAF50 !important;
}

.card_item p.user_count_inativo span {
    color: #F44336 !important;
}

.card_list_item figure figcaption {
    display: none;
}

.card_list_item figure img {
    height: 3.5em;
    width: 3.5em;
    border: 0.125em solid #2F7CE0;
    padding: 0.15em 0.2em 0.125em 0.15em;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.card_list_item p {
    font-size: 0.875em;
    vertical-align: middle;
}

.card_list_item a {
    min-width: 100% !important
}

.card_item, .card_list_item, .card_item_information, .prod_list_item {
    -webkit-box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    background-color: white;
    padding: 0em !important;
}

.prod_list_item {
    margin: 0.875em 0;
    padding: 0.875em !important;
    color: #808080 !important;
}

.prod_list_item p:first-child {
    margin-bottom: 1.5em;
}

.prod_list_item p {
    font-size: 0.8em;
    line-height: 1.875em;
}


.prod_list_item b {
    font-size: 1.15em !important;
    font-weight: 600;
}

.prod_list_item a {
    font-size: 0.875em !important;
    font-weight: 500;
}

.prod_list_item a i {
    margin: 5em 0 0 0.5em;
}

.prod_list_item img {
    width: 1.1em;
    height: 1.1em;
    padding-bottom: 0.2em;
}

p.card_item_information {
    padding: 1em !important;
}

.card_item_information i {
    color: #2F7CE0;
}

.card_list_item {
    padding: 0.75em 0.1em !important;
    margin-bottom: 0.5em;
}

.card_item .card_item_header {
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    background-color: #2F7CE0;
    font-size: 0.7em;
    padding: 1em 1.5em !important;
}


.card_item.card_item_dark .card_item_header {
    background-color: #1671fd !important;
}

.card_item.card_item_dark .card_item_header h2 {
    color: #f8f8f9;
    font-size: 1.15em;
}

.card_item.card_item_white .card_item_header {
    background-color: #f8f8f9 !important;
}

.card_item.card_item_white .card_item_header h2 {
    color: #646a6f;
    font-size: 1.15em;
}

.card_item.card_item_white .card_item_header h2:before {
    font-size: 0.875em;
    margin-right: 1.25em !important;
}

.card_item .card_item_header h2 {
    color: #ffffff;
    font-size: 1.15em;
}

.card_item .card_item_header h2:before {
    font-size: 0.875em;
    margin-right: 1.25em !important;
}

.card_item_space {
    margin-bottom: 1.5em;
}

.card_item.card_item_white a {
    font-size: 0.8em;
    padding: 0.35em 0.65em !important;
    font-weight: 500;
    border: 1.5px solid transparent;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

.card_item.card_item_white a i {
    font-size: 1.5em;
}

.patrimonio_text {
    margin-bottom: 1em;
}

.patrimonio_text p {
    font-size: 0.875em;
    font-weight: 600;
    color: #5d5d5d;
}

.invest_card_item {
    min-height: 1.75em;
}

.patrimonio_text h4 {
    font-size: 0.825em;
    font-weight: 500;
    margin: 0.5em 0 1em 0;
}

.patrimonio_text h4 i {
    font-size: 0.5em;
    margin-left: 0.5em;
}

.patrimonio_text h4 i.up {
    color: #8AC185;
}

.patrimonio_text h4 i.down {
    color: #F46A6A;
}

.card_item.card_item_white a.deposit_action:hover {
    border: 1.5px solid #8AC185;
    color: #8AC185;
    font-size: 0.8em;
    padding: 0.35em 0.65em !important;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

.card_item.card_item_white a.withdraw_action:hover {
    border: 1.5px solid #F46A6A;
    color: #F46A6A;
    font-size: 0.8em;
    padding: 0.35em 0.65em !important;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

.card_item.card_item_white a.invest_action:hover {
    border: 1.5px solid #00a3de;
    color: #00a3de;
    font-size: 0.8em;
    padding: 0.35em 0.65em !important;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

.invprod_details {
    padding: 0.7em 0.25em
}

.invprod_details p, .invprod_details span {
    font-size: 0.875em;
    margin: 0.5em 0 0.25em 0;
    line-height: 1.5em;
    text-align: justify;
}

.invprod_details a.btn-cta-blue {
    font-weight: 600;
    text-align: center;
    color: #FFFFFF !important;
}

.invprod_details a.btn-cta-white {
    font-weight: 600;
    text-align: center;
    color: #1671fd !important;
}

.invprod_details a.btn-cta-white:hover {
    color: #FFFFFF !important;
}

.card_item.card_item_white a i:before {
    margin-right: 0.15em;
}

.card_item.card_item_white .card_item_header h2 i.suit_available {
    color: #8AC185 !important;
}

.card_item.card_item_white .card_item_header h2 i.suit_unavailable {
    color: #F46A6A !important;
}

.card_item .card_item_header span {
    float: right
}

.card_item .card_item_content {
    /*min-height: 7.5em !important;*/
}

.card_item_content p.row_button {
    margin: 0.5em 0 1em 0;
    font-size: 0.875em;
}

.card_item_content p.row_button .btn-cta-blue {
    color: white !important;

}

.card_item .card_item_content .card_item_pdesc_super {
    color: #646a6f;
    font-size: 3.6em;
    font-weight: 600;
    text-align: center;
}

.card_item .card_item_content a {
    padding: 1em 0.1em 0.2em 0.5em;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: #333333;
}

.card_item .card_item_content a.conf_line,
.card_item .card_item_content a.conf_menu {
    display: block;
    font-size: 0.875em;
    color: #333333;
    padding: 0.875em !important;
    text-align: left;
    border-bottom: none !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.card_item .card_item_content a.conf_line:hover,
.card_item .card_item_content a.conf_menu:hover {
    color: #1671fd;
}

.card_item .card_item_content a.conf_line.wc_active:before,
.card_item .card_item_content a.conf_menu.wc_active:before {
    content: '•';
    color: #1671fd;
    margin-right: 1em;
}

.card_item .card_item_content a.conf_line.wc_active,
.card_item .card_item_content a.conf_menu.wc_active {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    color: #1671fd;
    font-weight: 600;
    border-bottom: none !important;
}


.card_item .card_item_content {
    padding: 0.5em !important;
    text-align: center !important;
}

.card_item .card_item_content .btn-action {
    font-weight: 600;
    font-size: 0.875em;
    padding: 0 !important;
}

.card_item .card_item_content .btn-action:hover {
    border-bottom: 1.5px solid #00a3de;
}

.card_item .card_item_content p.content_desc {
    text-align: center;
    display: inline-block;
    width: 30%;
    font-size: 1.25em;
    color: #333333;
    margin: 0.5em 0 1em 0;
}

.card_item .card_item_content p.content_desc.dot_content {
    margin: 0.35em 0 0.15em 0 !important;
}

.card_item .card_item_content p.content_desc i.dot {
    display: inline-block;
    background-color: #131722;
    border-radius: 100%;
    height: 0.35em;
    width: 0.35em;
}

.card_item_content figure {
    text-align: left;
    padding: 0.25em;
}

.card_item_content figure figcaption {
    display: none;
}

.card_item_content .content_submenu p {
    text-align: left;
    font-size: 0.8em;
    margin: 0.5em 0;
}

.card_item_content .content_submenu_actions {
    border-top: 1px solid #eaeaea;
    margin-top: 0.75em;
    padding-top: 1em;
}

.card_item_content figure img.user_minithumb {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #388dd0;
    padding: 0.11em 0.125em 0.11em 0.12em;
    height: 4em;
    width: 4em !important;
}

.card_item .card_item_content p.content_desc i.dot.status_pendente {
    background-color: #2F7CE0;
}

.card_item .card_item_content p.content_desc i.dot.status_ativo {
    background-color: #8AC185;
}

.card_item .card_item_content p.content_desc i.dot.status_inativo {
    background-color: #F46A6A;
}

.card_item .card_item_content p.content_desc span {
    display: block;
    font-weight: 600;
    font-size: 0.55em !important;
}

.card_item_content h3 {
    background-color: #f8f8f9;
    color: #646a6f;
    padding: 1em;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    font-size: 0.695em;
}

.profile_content {
    min-height: 0.2em !important;
}

.profile_content_list p {
    font-size: 0.875em;
    text-align: left;
    padding: 0.75em;
}

.profile_content_list a:hover {
    color: #2F7CE0;
}

.profile_content_list p i {
    color: #2F7CE0;
}

.profile_content_list p span {
    float: right;
}

.profile_content_list p span:hover {
    color: #2F7CE0;
    cursor: pointer;
}

.profile_content figure {
    text-align: center;
    margin-top: 1.25em;
}

.profile_content img {
    border: 2px solid #2F7CE0;
    padding: 0.25em;
    border-radius: 50%;
}

.profile_content figcaption {
    display: inline-block !important;
}

.profile_content figcaption img {
    margin-top: 0.875em;
    border: none !important;
    padding: 0.25em;
}

.profile_content figcaption p {
    font-weight: 600;
}

.profile_content figcaption p.Conservador {
    color: #2F7CE0 !important;
}

.profile_content figcaption p.Moderado {
    color: #FCC838 !important;
}

.profile_content figcaption p.Arrojado {
    color: #F27A35 !important;
}


.profile_content span, .profile_content p {
    text-align: left !important;
}

.profile_content p {

    font-size: 0.8em;
}

.save_item_list {
    padding: 0.15em 0.1em 0.1em 0.1em !important;
}

.save_item_list p:first-child {
    padding: 0.25em 0em !important;
}

.save_item_list p:last-child {
    font-size: 0.8em !important;
}

.save_item {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    border-bottom-right-radius: 2em;
    -moz-border-radius-bottomright: 2em;
    -webkit-border-bottom-right-radiusradius: 2em;

    padding: 1.15em 0.1em;
    background-color: #1671fd;
}

.save_item img {
    width: 1.25em;
    height: 1.25em;
}

.actions_item {
    text-align: right;
    color: #1671fd;
    padding: 1em 0.1em;
}

.actions_item a:hover {
    color: #2F7CE0;
}

.save_item i {
    color: #999999;
}

.save_item .active {
    color: #ffffff;
}

.save_item i:before {
    margin: 0 !important;
}

.extract_table {
    text-align: center;
    margin: 2em 0;
    padding: 0.5em;
}

.extract_table_header {
    margin: 0.5em 0;
    padding: 0.5em;
    font-weight: 600;
    font-size: 0.95em;
}

.extract_table_rows {
    font-weight: 500;
    font-size: 0.8em;
    margin: 1.4em 0;
}

.extract_table_rows .icon_status_type {
    font-size: 0.7em;
    text-align: right !important;
}

.extract_table_rows .icon_status_type i:before,
.extract_table_rows .icon_status i:before {
    margin: 0 !important;
}

.extract_table_rows .icon_status_type i, .icon_status_type i {
    border-radius: 50%;
    border: 1.5px solid #858585;
    padding: 0.3em 0.37em 0.13em 0.35em;
}

.extract_table_rows .icon_status_type i.deposit, i.deposit {
    color: #8AC185;
}

.extract_table_rows .icon_status_type i.withdraw, i.withdraw {
    color: #F46A6A;
}

.extract_table_rows .icon_status.pendente span,
.extract_table_rows .icon_status.recusado span,
.extract_table_rows .icon_status.cancelado span,
.extract_table_rows .icon_status.confirmado span {
    padding: 0.25em 0.5em;
    border-radius: 0.5em;
}

.extract_table_rows .icon_status.pendente span {
    color: rgba(15, 39, 71, .6);
    background-color: #ffefdb;
}

.extract_table_rows .icon_status.recusado span,
.extract_table_rows .icon_status.cancelado span {
    background-color: #f9e2e5;
    color: #F46A6A;
}

.extract_table_rows .icon_status.confirmado span {
    background-color: #dff5eb;
    color: #8AC185;
}

.extract_table_rows .withdraw {
    color: #F46A6A;
}

.extract_table_rows .deposit {
    color: #8AC185;
}

#sidenav-overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.25);
    border: 1px solid #f5f5f5;
    overflow-x: hidden;
    transition: 0.5s;
    margin-top: 55px;
    padding-top: 0.5em;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    background-color: #FFFFFF;
    border: 1px solid #f5f5f5;
    overflow-x: hidden;
    transition: 0.5s;
    margin-top: 55px;
    padding-top: 0.5em;
    -webkit-box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
}

.sidenav p i {
    font-size: 1.25em;
    margin-left: 1.0875em;
}

.sidenav p i:hover {
    cursor: pointer;
    color: #2F7CE0;
}

.sidenav p, .sidenav h3 {
    padding: 0.5em;
}

.sidenav input {
    width: 25%
}

.sidenav input.jwc_datepicker_start,
.sidenav input.jwc_datepicker_end {
    width: 50%
}

.sidenav .label span {
    font-size: 0.75em;
    text-transform: uppercase;
    color: #99A6B6;
    font-weight: 600;
    line-height: 0.875em;
}

.sidenav .label {
    margin-bottom: 0.5em;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}


/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

[type="checkbox"] {
    /* checkbox aspect */
}

[type="checkbox"] + span:not(.lever) {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[type="checkbox"] + span:not(.lever):before,
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
    transition: .2s;
}

[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
    border: none;
    background-color: rgba(0, 0, 0, 0.42);
}

[type="checkbox"].tabbed:focus + span:not(.lever):after {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}

[type="checkbox"]:checked + span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 1.5px solid #26a69a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"]:checked:disabled + span:before {
    border-right: 2px solid rgba(0, 0, 0, 0.42);
    border-bottom: 1.5px solid rgba(0, 0, 0, 0.42);
}

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + span:not(.lever):before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #26a69a;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"]:indeterminate:disabled + span:not(.lever):before {
    border-right: 2px solid rgba(0, 0, 0, 0.42);
    background-color: transparent;
}

[type="checkbox"].filled-in + span:not(.lever):after {
    border-radius: 2px;
}

[type="checkbox"].filled-in + span:not(.lever):before,
[type="checkbox"].filled-in + span:not(.lever):after {
    content: '';
    left: 0;
    position: absolute;
    /* .1s delay is for check animation */
    -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    z-index: 1;
}

[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0px;
    z-index: 0;
}

[type="checkbox"].filled-in:checked + span:not(.lever):before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 1.5px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"].filled-in:checked + span:not(.lever):after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0;
}

[type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {
    border-radius: 2px;
    border-color: #5a5a5a;
    background-color: rgba(0, 0, 0, 0.1);
}

[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {
    border-radius: 2px;
    background-color: #26a69a;
    border-color: #26a69a;
}

[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):before {
    background-color: transparent;
    border: 2px solid transparent;
}

[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {
    border-color: transparent;
    background-color: #949494;
}

[type="checkbox"].filled-in:disabled:checked + span:not(.lever):before {
    background-color: transparent;
}

[type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {
    background-color: #949494;
    border-color: #949494;
}

.logoff:hover {
    color: red !important;
}

.deposit_rules p {
    font-size: 0.75em;
    line-height: 2.5em;
}

.deposit_rules p i {
    font-size: 0.75em;
    color: #131722 !important;
}

.deposit_infos p {
    font-size: 0.87em;
    color: #777777;
}

.btn-cta-yellow {
    text-align: center !important;
    color: #000000;
    font-weight: 600 !important;
    font-size: 0.85em !important;
    background-color: #f5bc00;
    border: 2px solid #f5bc00;
}

.btn-cta-yellow:hover {
    font-weight: 600 !important;
    color: #FFFFFF;
    background-color: #c69400;
    border: 2px solid #c69400;
}

article.carteira_item {
    padding: 0.1em 0;
    font-size: 0.9em;
    margin: 2.5em 0;
}

article.carteira_item .item_total {
    background-color: #b9b9b9 !important;
    font-style: italic;
    margin-top: 2em;
}

article.carteira_item a {
    color: inherit !important;
}

article.carteira_item a:hover {
    color: #388dd0 !important;
}

article.carteira_item a i {
    font-size: 0.8em;
    margin-left: 0.5em;
}

.ativo_caracteristicas p {
    font-size: 0.8em;
}

.ativo_caracteristicas p b {
    color: #757575;
}

.ativo_caracteristicas p i {
    font-size: 0.85em;
    color: #1671fd;
}

#svg_form_time {
    height: 15px;
    max-width: 80%;
    margin: 40px auto 20px;
    display: block;
}

#svg_form_time circle,
#svg_form_time rect {
    fill: white;
}

.disabled {
    display: none;
}

section {
    padding: 50px;
    margin: 2em 1em;
    background: white;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    transition: transform 0.2s ease-in-out;
}

.product_application section {
    margin: 1em !important;
}

.product_application {
    text-align: center !important;
}

.product_application p {
    text-align: center !important;
}

.product_application h2 {
    margin-bottom: 2em;
}

.product_application h2 i {
    font-size: 0.6em;
    border-radius: 50%;
    margin-right: 1em;
    background-color: #dae0e3;
}

.product_application h2 i.icon-arrow-down2,
.product_application h2 i.icon-arrow-up2 {
    color: #2f7ce0;
    padding: 0.55em 0.65em 0.45em 0.6em;
}

.product_application h2 i.icon-file-text2 {
    color: #2f7ce0;
    padding: 0.55em 0.6em 0.5em 0.65em;
}

.product_application h2 i.icon-checkmark2 {
    color: #26a69a;
    padding: 0.4em 0.5em 0.3em 0.5em;
}


.product_application h2 i:before {
    margin-right: 0 !important;
    font-weight: bold !important;
}

.saldo-warning {
    font-size: 0.7em;
    color: red;
    font-weight: 500;
}

.application_done p {
    text-align: left !important;
    font-size: 0.9em;
    line-height: 1.875em;
}

.application_done p b {
    font-size: 0.975em;
}

div.news-item-dash {
    box-shadow: 0px 30px 60px -24px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 1em;
    margin-bottom: 1em;
    background-color: white;
}

.news-section .news-item header h3 {
    font-size: 0.875em;
    line-height: 1.5em;
    font-weight: 500;
    color: #424242;
    padding-bottom: 1em;
    text-align: justify;
}

.news-section .news-item header h3:hover {
    color: #2F7CE0;
}

.news-section .news-item div.news-item-desc {
    text-align: left !important;
    border-top: 1px solid #cccccc;
    color: #646a6f;
    padding-top: 0.975em;
    font-size: 0.7em;
}

.news-section .news-item .news-title-date {
    font-size: 1em;
    font-weight: 500;
}

.news-section .news-item .news-title-source {
    margin-right: 0.5em;
    letter-spacing: 0.1em;
    font-weight: 600;
    text-transform: uppercase;
}

h3.dash-title {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #646a6f;
    font-size: 1.5em;
    letter-spacing: .1em;
    margin: 1.875em 0 1em 0;
}

h3.dash-title span {
    position: relative;
}

h3.dash-title span:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 15px;
    opacity: 0.15;
    top: 15px;
    transition: all 0.2s ease-out;
}

h3.dash-title span {
    border-bottom: 1.5px solid #2F7CE0;
    padding: 0 0.25em;
}

h3.dash-title span:before {
    background-color: #2F7CE0;
}

h3.dash-title span.bcb {
    border-bottom: 1.5px solid #137a97;
}

h3.dash-title span.bcb:before {
    background-color: #137a97;
}

h3.dash-title span.acoes {
    border-bottom: 1.5px solid #4c309b;
}

h3.dash-title span.acoes:before {
    background-color: #4c309b;
}

h3.dash-title span.fiis {
    border-bottom: 1.5px solid #9b133b;
}

h3.dash-title span.fiis:before {
    background-color: #9b133b;
}

h3.dash-title span.criptomoedas {
    border-bottom: 1.5px solid #f7931b;
}

h3.dash-title span.criptomoedas:before {
    background-color: #f7931b;
}

h3.dash-title span.stockbdr {
    border-bottom: 1.5px solid #a956e4;
}

h3.dash-title span.stockbdr:before {
    background-color: #a956e4;
}

h3.dash-title span.etfs {
    border-bottom: 1.5px solid #0083ca;
}

h3.dash-title span.etf:before {
    background-color: #0083ca;
}

h3.dash-title span.fiagros {
    border-bottom: 1.5px solid #095859;
}

h3.dash-title span.fiagros:before {
    background-color: #095859;
}

h3.dash-title span.loveditem {
    border-bottom: 1.5px solid rgba(249, 24, 128, 0.1);
}

h3.dash-title span.loveditem:before {
    background-color: rgba(249, 24, 128, 0.1);;
}

.unloveditem {
    text-align: center;
    padding: 1em;
    border: 1px solid #dae0e3;
    background-color: white;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}

.loved-item.criptomoedas {
    border-left: 3px solid #f7931b;
}

.tool-investing-ico iframe {
    min-height: 300px;
    width: 100%;
}

.economy-item .title-value b {
    font-size: 1em;
    margin-left: 0.5em
}

.economy-item .title-value {
    text-align: left;
    line-height: 2em;
    font-size: 0.8em;
}

.economy-item .title i,
.economy-item .title span {
    font-size: 0.75em;

}

.economy-item .title-desc {
    font-size: 0.875em;
    margin: 1.25em 0 0.5em 0;
}

.home-item {
    padding: 1em;
    margin: 0.25em !important;
}

.home-item p {
    font-size: 0.875em;
}

.home-item p small {
    font-size: 0.6em
}

.wport-item, .wport-global, .home-item, .provento-item, .acao-item, .falkia-item {
    text-align: left;
    padding: 1em;
    border: 1px solid #dae0e3;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}

.wport-item.criptomoedas {
    border-left: 3px solid #f7931b;
}

.wport-item.stockbdr {
    border-left: 3px solid #a956e4;
}

.wport-item.fiis {
    border-left: 3px solid #9b133b;
}

.wport-item.acoes {
    border-left: 3px solid #4c309b;
}

.wport-item.etfs {
    border-left: 3px solid #0083ca;
}

.wport-item.etfs a {
    background-color: #0083ca;
    color: white;
}

.wport-item.criptomoedas a {
    background-color: #f7931b;
    color: #131722;
}

.wport-item.fiis a {
    background-color: #9b133b;
    color: white;
}

.wport-item.stockbdr a {
    background-color: #a956e4;
    color: white;
}

.wport-item.acoes a {
    background-color: #4c309b;
    color: white;
}

.wport-item h4,
.wport-global h4 {
    font-size: 1.15em;
}

.wport-item h4 img,
.wport-global h4 img,
.comunicadobcb {
    border: 1.25px solid #dae0e3;
    padding: 0.1em;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0 0.25em 0.1em 0;
}

.bcbupdating {
    font-size: 0.75em;
    margin-bottom: 0.7em;
    padding: 0.1em;
    text-align: center;
}

.wport-global h4 {
    text-align: left;
    line-height: 2em;
}

.wport-global p {
    text-align: left;
}

.wport-item .wport-aloc {
    margin: 0.5em 0 1.25em 0;
}


.wport-item p.wport-list:before {
    content: '•';
    font-weight: 700;
    margin-right: 0.5em;
}

.wport-item p {
    line-height: 1.5em;
    font-size: 0.875em;
}

.wport-item a {
    background-color: #dae0e3;
    margin-top: 1.5em !important;
    display: inline-block;
    font-weight: 600 !important;
}

.cripto-gateio img,
.cripto-binance img {
    border: 1.25px solid #dae0e3;
    padding: 0.1em;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: white;
    width: 50px !important;
    height: 50px !important;
    padding: 0.2em !important;
    margin: 0 !important;
}

.cripto-gateio a,
.cripto-binance a {
    vertical-align: -webkit-baseline-middle;
    margin: 0 0 1em 1em !important;
    font-weight: 700 !important;
    text-align: left;
}

.desc-cta {
    font-size: 1.05em;
    line-height: 1.75em;
    margin: 0.5em 0;
    padding: 0.5em;
}

.cripto-gateio img {
    border: 1px solid #2354E6 !important;
}

.cripto-binance img {
    border: 1px solid #FCD535 !important;
}

.cripto-binance {
    background-color: rgba(252, 213, 53, 0.1);
    font-weight: 700 !important;
}

.cripto-gateio {
    background-color: rgba(35, 84, 230, 0.1);
    color: white !important;
}

.cripto-gateio a {
    color: white !important;
}

.provento-ticker, .acao-ticker {
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.875em;
    vertical-align: middle;
    font-size: 0.875em;
}

.provento-ticker .wc_tooltip_balloon {
    text-align: center;
}

.provento-ticker lord-icon {
    margin-bottom: 2px;
}

.provento-item,
.acao-item, .falkia-item {
    margin-bottom: 0.5em;
}

.provento-data,
.provento-desc,
.provento-tipo,
.acao-data, .falkia-data {
    padding: 0.25em 0;
    text-align: justify;
    font-size: 0.875em;
    line-height: 1.5em;
}

.provento-data.news {
    text-align: justify;
}

.provento-data a {
    padding: 0.25em 0 !important;
    font-size: 1em !important;
    line-height: 1.55em !important;
}


.provento-data b,
.provento-desc b,
.provento-tipo b,
.acao-data b,
.falkia-data b {
    color: #131722;
    font-size: 0.875em;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.falkia-data .falkia-vies {
    font-size: 0.85em;
    font-weight: 600;
    justify-content: center;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.falkia-data .falkia-vies i:before {
    font-size: 0.75em !important;
    margin: 0 !important;
}

.falkia-vies.high {
    color: #1ebba4;
}

.falkia-vies.low {
    color: #f7525f;
}

.falkia-data.falkia-done {
    font-size: 0.8em;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #4285f4 !important;
    margin-bottom: 1em !important;
}

.falkia-data.falkia-done i {
    font-size: 0.875em;
    margin-left: 0.5em;
}

.provento-link,
.acao-link {
    margin-top: 1em;
    text-align: center;
}

.provento-link a.fatorelevante {
    border: 1px solid #f7525f !important;
    color: #f7525f !important;
}

.provento-link a.fatorelevante:hover {
    color: white !important;
    background-color: #f7525f;
}

.provento-link a.bancocentralbrasil {
    border: 1px solid #137a97 !important;
    color: #137a97 !important;
}

.provento-row {
    text-align: center !important;
    margin-top: 1em;
}

.provento-row p {
    text-align: center !important;
}

.chip {
    align-items: center;
    background: #f5f5f5;
    border-radius: 5rem;
    border: 0.1px solid #eeeeee;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.1px;
    line-height: 1.5em;
    font-weight: 600 !important;
    padding: 0.65em 0.875em;
    text-decoration: none;
    vertical-align: middle;
    margin-right: 1em;
}

.chip-icon {
    align-items: center;
    background: #f5f5f5;
    border-radius: 5rem;
    border: 0.1px solid #646a6f;
    font-size: 0.65em;
    text-transform: uppercase;
    letter-spacing: 0.1px;
    line-height: 1.5em;
    font-weight: 600 !important;
    padding: 0.65em 0.875em;
    text-decoration: none;
    vertical-align: text-bottom;
}

.chip-icon i {
    font-weight: 700;
    font-size: 1.5em;
    margin-right: 0.25em;
    vertical-align: text-bottom;
}


span.chip:hover {
    -webkit-box-shadow: 0.12em 0.12em 0.5em rgba(0, 0, 0, 0.23), -0.12em 0.12em 0.5em rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0.12em 0.12em 0.5em rgba(0, 0, 0, 0.23), -0.12em 0.12em 0.5em rgba(0, 0, 0, 0.23);
    box-shadow: 0.12em 0.12em 0.5em rgba(0, 0, 0, 0.23), -0.12em 0.12em 0.5em rgba(0, 0, 0, 0.23);
}

span.chip i:before {
    margin: 0 !important;
    font-size: 1em;
}

span.chip.acoes {
    border: 0.1px solid #4c309b;
    color: #4c309b;
    padding-left: 1em;
}

span.chip.fiis {
    border: 0.1px solid #9b133b;
    color: #9b133b;
    padding-left: 1em;
}

span.chip.fiagros {
    border: 0.1px solid #095859;
    color: #095859;
    padding-left: 1em;
}

span.chip.stockbdr {
    border: 0.1px solid #a956e4;
    color: #a956e4;
    padding-left: 1em;
}

span.chip.etfs {
    border: 0.1px solid #0083ca;
    color: #0083ca;
    padding-left: 1em;
}

i.important:before {
    margin: 0 !important;
    font-size: 1em;
}

i.important {
    font-size: 1em;
    text-align: center;
    vertical-align: text-bottom;
    font-weight: 600 !important;
    padding: 0.25em;
    margin-right: 0.1em !important;
    color: #f7525f;
}

span.chip i {
    font-size: 1.25em;
    vertical-align: text-bottom;
    text-align: center;
    border-radius: 5rem;
    font-weight: 600 !important;
    margin-right: 0.35em;
}

span.chip.cancelado i,
span.chip.inativo i {
    color: #f7525f !important;
}

span.chip.cancelado,
span.chip.inativo,
span.chip.important {
    border: 0.1px solid rgba(253, 115, 115, 0.5);
}

span.chip.ativo i {
    color: #1ebba4 !important;
}

span.chip.ativo {
    border: 0.1px solid rgba(30, 187, 164, 0.5);
}

span.chip.novo i {
    color: #4285f4 !important;
}

span.chip.novo {
    border: 0.1px solid rgba(66, 133, 244, 0.5);
}

span.chip.acoes {
    border: 0.1px solid rgba(76, 48, 155, 0.5);
}

span.chip.fiis {
    border: 0.1px solid rgba(155, 19, 59, 0.5);
}

span.chip.fiagros {
    border: 0.1px solid rgba(9, 88, 89, 0.5);
}

span.chip.stockbdr {
    border: 0.1px solid rgba(169, 86, 228, 0.5);
}

span.chip.etfs {
    border: 0.1px solid rgba(0, 131, 202, 0.5);
}

.volatility-item {
    padding: 1em 0 !important;
    text-align: center;
}

.volatility-item i.vol-low,
.volatility-item .gradient-volatility,
.volatility-item i.vol-high {
    display: inline-block;
}

.volatility-item i {
    padding: 0.2em 0.5em;
    letter-spacing: .1em;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    font-weight: 700;
    font-size: 0.65em;
    text-transform: uppercase;
    vertical-align: text-bottom;
}

.volatility-item i.vol-low {
    color: #1ebba4;
    border: 0.2em solid #1ebba4;
    margin-right: 1.1em;
}

.volatility-item i.vol-high {
    color: #f7525f;
    border: 0.2em solid #f7525f;
    margin-left: 1.1em;
}

.volatility-tip.low, .volatility-stats.low {
    border: 0.1em solid #1ebba4;
}

.volatility-stats.high i, .volatility-stats.low i {
    font-size: 1em;
}


.volatility-tip.avg, .volatility-stats.avg {
    border: 0.1em solid #FFFF00;
}

.volatility-tip.high, .volatility-stats.high {
    border: 0.1em solid #f7525f;
}

.volatility-stats {
    display: inline-block;
    bottom: 100%;
    margin: 3em 0 0.25em 0;
    font-weight: 500;
    padding: 0.25em 0.5em;
    background: #f5f5f5;
    z-index: 99;
    color: #646a6f;
    font-size: 0.75em;
    text-align: center;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border: 0.1em solid #cccccc;
    text-shadow: none !important;
}

.volatility-stats b i {
    font-size: 0.75em;
}

.volatility-stats b i:before {
    margin: 0 !important;
}

.volatility-tip {
    display: inline-block;
    bottom: 100%;
    margin-bottom: 0.1em;
    font-weight: 500;
    width: 100px;
    padding: 0.25em 0.5em;
    background: #f5f5f5;
    z-index: 99;
    color: #646a6f;
    font-size: 0.875em;
    text-align: center;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border: 0.1em solid #cccccc;
    text-shadow: none !important;
}

.gradient-volatility {
    height: 0.875em;
    width: 85%;
    border-radius: 5rem;
    background: linear-gradient(90deg, rgba(30, 187, 164, 1) 0%, rgba(255, 255, 0, 1) 50%, rgba(253, 115, 115, 1) 100%);
}

.gradient-comparative.positive {
    height: 0.875em;
    width: 100%;
    border-radius: 5rem;
    background: linear-gradient(90deg, rgba(30, 187, 164, 0.1) 0%, rgba(30, 187, 164, 0.5) 50%, rgb(30, 187, 164) 100%);
}

.gradient-comparative.negative {
    height: 0.875em;
    width: 100%;
    border-radius: 5rem;
    background: linear-gradient(90deg, rgba(253, 115, 115, 0.1) 0%, rgba(253, 115, 115, 0.5) 50%, rgb(253, 115, 115) 100%);
}

.comparative-var b.low {
    color: #f7525f;
}

.comparative-var b.high {
    color: #1ebba4;
}

p.noresult-item {
    margin: 1em 0;
    font-size: 0.875em;
}

.provento-ticker.breakingnews span {
    padding: 0.15em 0.35em;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #f7525f;
    font-size: 1.2rem;
    letter-spacing: .1em;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}

.provento-link a.bancocentralbrasil:hover {
    color: white !important;
    background-color: #137a97;
}

.provento-link a {
    border: 1px solid #4285f4 !important;
    color: #4285f4 !important;
}

.provento-link a:hover {
    color: white !important;
    background-color: #4285f4;
}

.provento-link a i {
    font-size: 1.15em !important;
    margin: 0 0.315em !important;
}

.provento-data .newfr {
    text-transform: uppercase;
    font-size: 0.8em;
    background-color: rgba(66, 133, 244, 0.5);
    padding: 0.1em 0.35em;
    margin: 0 0 0.5em 0.5em;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
}

.provento-data.complemento {
    text-align: justify !important;
    line-height: 1.65em;
    font-size: 0.785em;
    margin: 0.5em 0;
}

.acao-link a {
    border: 1px solid #4c309b !important;
    color: #4c309b !important;
}

.acao-link a:hover {
    color: white !important;
    background-color: #4c309b;
}

.interest-projection h4 {
    margin: 1em 0 !important;
}

.interest-projection p {
    margin: 0.5em 0;
    line-height: 1.5em;
    font-size: 0.875em;
    text-align: left;
}

.interest-projection p b.interest-yoc {
    border: 1.5px solid #131722;
    color: #131722;
    padding: 0.15em 0.35em;
    text-transform: uppercase;
    font-weight: bold;
    color: #646a6f;
    font-size: 1.2rem;
    letter-spacing: .1em;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}

.interest-projection.interest-boa p.interest-recommendation,
.interest-projection.interest-ruim p.interest-recommendation {
    margin: 2em 0;
}

.interest-projection p.interest-recommendation b {
    padding: 0.15em 0.4em;
    text-transform: uppercase;
    font-weight: bold;
    color: #363636;
    font-size: 1.2rem;
    letter-spacing: .1em;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}

.interest-projection.interest-boa p.interest-recommendation b {
    background-color: #1ebba4;
    color: white;
}

.interest-projection.interest-ruim p.interest-recommendation b {
    background-color: #f7525f;
    color: white;
}

.interest-projection.interest-boa p b.interest-yoc {
    border: 1.5px solid #1ebba4;
    color: #1ebba4;
    padding: 0.1em 0.3em 0.15em 0.45em;
}

.interest-projection.interest-ruim p b.interest-yoc {
    border: 1.5px solid #f7525f;
    color: #f7525f;
    padding: 0.1em 0.3em 0.15em 0.45em;
}

.interest-projection p.interest-list:before {
    content: '•';
    font-weight: 700;
    font-size: 1.25em;
}

.interest-projection p.interest-list {
    text-align: justify !important;
    border-top: 1px solid #dae0e3;
    padding: 1em 0;
}

.interest-projection.interest-boa p.interest-list:before {
    color: #1ebba4;
}

.interest-projection.interest-ruim p.interest-list:before {
    color: #f7525f;
}

.falkia h4,
.interest-projection h4,
.book-item h4 {
    color: #131722;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: .3px;
    margin: 1.75em 0;
    text-align: center;
}

.falkia .falkia-item .falkia-title {
    margin-bottom: 1.25em;
}


.book-item figure img {
    width: 100%;
    height: 20%;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}

.book-item h4 {
    margin: 1.25em 0 !important;
}

.book-item p.book-info {
    text-align: left;
    padding: 0.25em 1.25em;
    font-size: 0.875em;
}

.book-item p.book-category {
    margin: 0.75em 0 2em 0;
    text-align: left;
    padding-left: 0.5em;
    font-size: 0.75em;
}

.book-item p.book-desc {
    text-align: justify;
    font-size: 0.875em;
    line-height: 1.7em;
    padding: 0.75em 1.35em 1.75em 1.35em;
}

.book-item {
    padding: 0.5em 1em;
}

p.book-category b {
    background-color: #333333;
    padding: 0.225em 0.375em 0.25em 0.375em;
    border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    color: #F5F5F5;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

p.book-info b {
    padding: 0.225em 0.375em 0.25em 0.375em;
    font-size: 0.95em;
    border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

p.book-category b i:before,
p.book-info b i:before {
    font-size: 0.75em;
    margin-right: 0.1em !important;
}

.book-item .book-footer {
    margin-bottom: 1em;
}

.falkia .falkia-item .falkia-title falkia,
.falkia .falkia-item .falkia-title b,
.book-item p.book-info b {
    color: #131722;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.falkia .falkia-item .falkia-title falkia.falkia-sell {
    border: 1.5px solid #f7525f;
    color: #f7525f;
}

.falkia .falkia-item b i {
    font-size: 0.875em;
}

.falkia .falkia-item.falkia-waiting {
    font-size: 0.775em;
    border: 1px solid rgba(22, 113, 253, 0.5);
}

.falkia .falkia-item.falkia-locking {
    font-size: 0.775em;
    border: 1px solid rgb(249, 194, 60);
}

.falkia .falkia-item.falkia-locking p {
    text-align: center !important;
}

.falkia .falkia-item.falkia-locking span.ec {
    margin-right: 1em;
}

.falkia .falkia-item.falkia-locking span.high,
.falkia .falkia-item.falkia-locking span.low {
    margin-left: 1em;
}

.falkia .falkia-item b.falkia-buy {
    color: #1ebba4;
    padding: 0.25em;
    font-size: 0.875em;
}

.falkia .falkia-item b.falkia-sell {
    color: #f7525f;
    padding: 0.25em;
    font-size: 0.75em;
}

.falkia .falkia-item .falkia-title falkia.falkia-date {
    border: 1.5px solid #646a6f;
    color: #646a6f;
}

.ticker-selo.company-fav-blacked {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.falkia-simulator {
    width: 30%;
    text-align: center;
}

.falkia .falkia-item .falkia-title falkia i:before {
    margin: 0 0.25em;
}

.falkia .falkia-item .falkia-title falkia i {
    font-size: 0.8em;
}

.falkia .falkia-item .rentabmax i,
.falkia .falkia-item .rebaxabs i {
    font-size: 0.75em;
}

.falkia .falkia-item .rentabmax {
    color: #1ebba4;
}

.falkia .falkia-item .rebaxabs {
    color: #f7525f;
}

.economy-item.vix p.title-value:first-child {
    margin-bottom: 2em !important;
}

.economy-item.vix p.title-value i.icon-sad {
    font-size: 1.5em;
    color: #f7525f;
    vertical-align: middle;
}

.economy-item.vix p.title-value i.icon-neutral {
    font-size: 1.5em;
    color: #f5bc00;
    vertical-align: middle;
}

.economy-item.vix p.title-value i.icon-smile {
    font-size: 1.5em;
    color: #1ebba4;
    vertical-align: middle;
}

.economy-item.vix p.title-value {
    line-height: 3.25em;
}

.bestoptionnone {
    width: 1.875em;
    height: 1.875em;
    background-color: transparent;
    display: inline-block;
    border-radius: 0.5em;
    text-align: center;
    padding: 0.4em;
    margin-right: 0.5em;
}

.bestoption {
    font-size: 0.75em;
    font-weight: 600;
    background-color: #def2ef;
    display: inline-block;
    border-radius: 0.5em;
    text-align: center !important;
    padding: 0.5em;
    margin-bottom: 0.5em;
}

.bestoptionnone i {
    color: transparent;
}

.bestoption:before {
    margin: 0 !important;
    font-size: 0.75em;
}

.bestoption.buy,
.embi-aumento, .pib-queda {
    color: #f14c51 !important;
}

.bestoption.sell,
.embi-queda, .pib-aumento {
    color: #57a863 !important;
}

.btn-falkslim-blue {
    border: 1px solid #1671fd !important;
    font-weight: 500;
    color: #1671fd !important;
}

.btn-falkslim-blue:hover {
    font-weight: 600;
    color: white !important;
    background-color: #1671fd;
}

.button-falk, .btn-cpm-add {
    display: inline-block;

    text-align: center;
    font-weight: 600 !important;
    font-size: 0.875em;
    letter-spacing: .0875em;

    padding: 0.25rem 0.875rem;
    border-radius: 10rem;
    color: #000000 !important;
    text-transform: uppercase;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.button-falk:after, .btn-cpm-add:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10rem;
    z-index: -2;
}

.btn-falk-yellow:after {
    background-color: #f5bc00;
}

.btn-falk-yellow:before {
    background-color: #886900;
}

.btn-falk-blue:after {
    background-color: #1671fd;
}

.btn-falk-blue {
    color: #FFFFFF !important;
}

.btn-falk-blue:before {
    background-color: #0c3b83;
}

.btn-falk-gray:after {
    background-color: #CCCCCC;
}

.btn-falk-gray:before {
    background-color: #bebebe;
}


.button-falk:before, .btn-cpm-add:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    transition: all 0.3s;
    border-radius: 10rem;
    z-index: -1;
}

.button-falk:hover, .btn-cpm-add:hover {
    color: #fff !important;
}

.button-falk:hover:before, .btn-cpm-add:hover:before {
    width: 100%;
}

.falkbot-img figure {
    margin-top: 1em;
}

.falkbot-img img {
    height: 10%;
    width: 65% !important;
}

.falkbot-box {
    -webkit-box-shadow: 5px 5px 33px -13px rgb(0 0 0 / 25%);
    -moz-box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 33px -13px rgb(0 0 0 / 25%);
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    width: 100%;
    margin: 1em auto;
    border: 1.5px solid #1168ec;
    background-color: rgba(188, 213, 250, 0.25);
    padding: 1em;
    text-align: center;
    font-weight: 600;
    color: #646a6f;
    position: relative;
}

span.ec {
    font-size: 1.15em !important;
}

.fbot-chat:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 11px solid transparent;
    border-right: 10px solid #1168ec;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: -22px;
}

.fbot-chat:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: -17px;
}

.falkpedia-content, input.falkpedia-search {
    background-color: white;
    text-align: center !important;
    padding: 1em 0.5em;
    margin-bottom: 1.25em;
    border: 1px solid #ececec;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

input.falkpedia-search {
    font-size: 0.975em;
    padding: 1.025em 0.5em;
}

h3.falkpedia-subheader {
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    color: #646a6f;
    font-size: 0.875em;
    letter-spacing: .0875em;
    margin: 2em 0 0.1em 0;
    padding: 1.15em;
}

h3.falkpedia-subheader i.iconoir-search {
    font-size: 1.35em;
    vertical-align: text-bottom;
}


h3.falkpedia-subheader span {
    border-bottom: 0.15em solid #1671fd;
    padding-bottom: 0.15em;
}

h3.falkpedia-subheader.acoes span {
    border-bottom: 0.15em solid #4c309b !important;
}

h3.falkpedia-subheader.stockbdr span {
    border-bottom: 0.15em solid #a956e4 !important;
}

h3.falkpedia-subheader.fiis span {
    border-bottom: 0.15em solid #9b133b !important;
}

h3.falkpedia-subheader.loved span {
    border-bottom: 0.15em solid #f8bbd0 !important;
}

h3.falkpedia-subheader.fiagros span {
    border-bottom: 0.15em solid #095859 !important;
}

h3.falkpedia-subheader.etfs span {
    border-bottom: 0.15em solid #0083ca !important;
}

input.company_filter {
    text-transform: uppercase !important;
}

h3.falkpedia-subheader.subtitle {
    margin: 0.1em 0;
    padding: 0.75em 0.75em 0.25em 0.75em;
}

h3.falkpedia-subheader b,
.falkpedia-letter:hover,
.falkpedia-letter.active {
    text-align: center !important;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
    background-color: #1671fd;
    color: white;
    font-weight: 500;
    padding: 0.15em 0.5em 0.2em 0.55em;
    margin: 1em 0.15em !important;
}

.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky !important;
    z-index: 9 !important;
}

.falkpedia-header, .active-header {
    background-color: #f3f3f3;
    margin-bottom: 2em;
    padding: 0.15em 1em;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

.active-header a:hover i, .active-header a.active i {
    color: #1671FD;
}

.active-header a:hover span, .active-header a.active span {
    border-bottom: 2px solid #1671FD;
}

.active-header p i {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-right: 0.35em;
}

.active-header {
    background-color: #f5f5f5;
    border-bottom: 0.05em solid #cccccc;
    z-index: 9999 !important;
}

.falkpedia-header header h2, .active-header p {
    margin: 0 !important;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    color: #646a6f;
    font-size: 0.875em;
    letter-spacing: .0875em;
    padding: 1.15em 1.15em 1.15em 0;
}

.active-header p {
    text-align: center;
    font-size: 0.7em;
    letter-spacing: .0875em;
}

.active-header p a {
    color: #646a6f;
    text-transform: uppercase;
    font-weight: bold;
}


.falkpedia-letter {
    font-size: 1.1em;
    padding: 0.15em 0.5em 0.2em 0.55em;
    margin: 1em 0.15em !important;
    color: #666666;
}

.falkpedia-item h4 {
    padding: 1em;
    font-size: 1.2em;
    font-weight: 600;
    color: #333333;
}

.falkpedia-item {
    min-height: 40vh !important;
}


.falkpedia-item p {
    padding: 1em;
    color: #333333;
    text-align: justify;
    font-size: 0.815em;
    line-height: 1.75em;
}

.falkpedia-hash {
    animation: pulse 2s 10 ease-in-out;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(22, 13, 253, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(22, 13, 253, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(22, 13, 253, 0);
    }
}

.legend-fng-today {
    margin-bottom: 1em;
    font-size: 1em;
}

.legend-fng-today b, span.legend-fng {
    text-transform: uppercase;
    font-size: 0.875em;
    padding: 0.15em 0.25em 0.1em 0.25em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
}

span.legend-square {
    padding: 0.2em 0.6em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
    margin-right: 0.5em;
}

span.legend-square.fng-number {
    width: 65px !important;
    text-align: center;
    display: inline-block;
}

.legend-div {
    margin-top: 2em;
}

.legend-div p.title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.8em;
    font-weight: 600;
    margin-bottom: 1em;
    line-height: 1.5em;
}

.legend-div p.desc {
    text-align: left;
    font-size: 0.8em;
    font-weight: 400;
    margin-bottom: 1em;
    line-height: 1.5em;
}

.legend-div p.desc b {
    text-transform: uppercase;
}

.legend-fng-today b.falk, .falk {
    background-color: #1671fd;
    color: #FFFFFF;
    font-weight: 600;
}

.legend-fng-today b.exfear, .fng-exfear {
    background-color: #f14c51;
    color: #FFFFFF;
    font-weight: 600;
}

.legend-fng-today b.fear, .fng-fear {
    background-color: #f36d4e;
    color: #FFFFFF;
    font-weight: 600;
}

.legend-fng-today b.neutral, .fng-neutral {
    background-color: #f5ef3d;
    color: #333333;
    font-weight: 600;
}

.legend-fng-today b.greed, .fng-greed {
    background-color: #76c76c;
    color: #333333;
    font-weight: 600;
}

.legend-fng-today b.exgreed, .fng-exgreed {
    background-color: #3fac6c;
    color: #FFFFFF;
    font-weight: 600;
}

.falkglobal-filter {
    font-size: 1em;
    text-transform: uppercase;
    margin: 1em 0.1em 2em 0.1em;

}

.falkglobal-filter a.fglobal-item {
    border: 1px solid #646a6f;
    margin: 0 0.35em;
}

.falkglobal-filter a.fglobal-item:hover {
    background-color: #646a6f;
    color: white;
    font-weight: 500;
}

.falkglobal-filter a.fglobal-item.wc_active {
    background-color: #646a6f;
    color: white;
    font-weight: 600;
}

.pltips i {
    font-size: 0.8em;
}

.pltips {
    padding: 0.5em 0;
    line-height: 1.25em;
    font-size: 0.75em !important;
    text-align: justify;
}

.seqblue {
    font-size: 0.875em;
    color: #4285f4;
}

.seqgreen {
    font-size: 0.875em;
    color: #1ebba4;
}

.seqred {
    font-size: 0.875em;
    color: #f7525f;
}

.bcbfocus, .bcbcopom {
    font-size: 0.865em !important;
    line-height: 1.75em;
    text-align: justify;
}

.superquarta p {
    text-align: center
}

.superquarta {
    line-height: 1.15em;
    color: #f7525f;
    font-weight: 600;
    text-align: center;
    padding: 0.5em;
    background-color: rgba(247, 82, 95, 0.05);;
    border: 1.25px solid #f7525f;
}

.bcbfocus .donechecked {
    font-size: 1.15em;
    color: #1ebba4;
}

.item-stats h2 i {
    font-size: 0.875em;
}

.item-stats h2 i.icon-arrow-up2,
.item-stats h2.igpm i.icon-arrow-down2,
.item-stats h2.ipca i.icon-arrow-down2,
.item-stats h2.vix i.icon-arrow-down2,
.item-stats h2.plbovespa i.icon-arrow-down2,
.item-stats h2.embi i.icon-arrow-down2 {
    color: #1ebba4;
}

.item-stats h2 i.icon-arrow-down2,
.item-stats h2.igpm i.icon-arrow-up2,
.item-stats h2.ipca i.icon-arrow-up2,
.item-stats h2.vix i.icon-arrow-up2,
.item-stats h2.plbovespa i.icon-arrow-up2,
.item-stats h2.embi i.icon-arrow-up2 {
    color: #f7525f;
}

.item-stats p {
    font-size: 0.875em;
    line-height: 1.65em;
    text-align: justify;
    padding: 0.75em;
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999999999999999999;
}

.popup-content {
    background-color: white;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 0 10px #999;
    text-align: center;
    width: 50%;
}

.popup-content h3 {
    text-transform: uppercase;
    text-align: center;
    margin: 0.5em 0 2em;
    font-weight: 500;
}

.popup-content h3 i {
    color: #1671FD;
    font-size: 1.5em;
    margin-right: 0.5em;
}

.popup-content h3 i.iconoir-xmark-circle-solid {
    color: #646a6f;
    float: right;
    font-size: 0.85em;
}

.popup-content p {
    font-weight: 400;
    font-size: 0.975em;
    line-height: 1.75em;
    padding: 0.1em 1em;
    margin-bottom: 2em;
}

.popup-content button#notification-btn-yes {
    font-size: 1em;
}

table {
    width: 100%;
    border: 1px solid rgba(51, 51, 51, 0.5);
    text-align: center;
    border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    -webkit-border-radius: 2.5em;
    border-collapse: collapse;
}

table thead {
    border-radius: 2.5em !important;
    -moz-border-radius: 2.5em !important;
    -webkit-border-radius: 2.5em !important;
    margin-bottom: 2em;
}

td, th {
    padding: .25em;
    border: 1px solid rgba(51, 51, 51, 0.25);
}

tbody:nth-child(odd) {
    background: rgba(204, 204, 204, 0.1);
}

/*
tbody:hover td[rowspan], tr:hover td {
   background: red;
}*/

tbody:hover, tr.hover, th.hover, td.hover, tr.hoverable:hover {
    font-weight: 600;
}

tbody.highone:hover, tr.hover, th.hover, td.hover, tr.hoverable:hover {
    background-color: rgba(87, 168, 99, 0.75);
}

tbody.hightwo:hover, tr.hover, th.hover, td.hover, tr.hoverable:hover {
    background-color: rgba(87, 168, 99, 0.55);
}

tbody.highthree:hover, tr.hover, th.hover, td.hover, tr.hoverable:hover {
    background-color: rgba(87, 168, 99, 0.25);
}

tbody.medone:hover, tr.hover, th.hover, td.hover, tr.hoverable:hover {
    background-color: rgba(253, 190, 71, 0.25);
}

tbody.medtwo:hover, tr.hover, th.hover, td.hover, tr.hoverable:hover {
    background-color: rgba(253, 190, 71, 0.55);
}

tbody.medthree:hover, tr.hover, th.hover, td.hover, tr.hoverable:hover {
    background-color: rgba(253, 190, 71, 0.75);
}

tbody.lowone:hover, tr.hover, th.hover, td.hover, tr.hoverable:hover {
    background-color: rgba(241, 76, 81, 0.2);
}

tbody.lowtwo:hover, tr.hover, th.hover, td.hover, tr.hoverable:hover {
    background-color: rgba(241, 76, 81, 0.4);
}

tbody.lowthree:hover, tr.hover, th.hover, td.hover, tr.hoverable:hover {
    background-color: rgba(241, 76, 81, 0.6);
}

tbody.lowfour:hover, tr.hover, th.hover, td.hover, tr.hoverable:hover {
    background-color: rgba(241, 76, 81, 0.8);
}

.pagination {
    margin: 1em 0 2em 0;
}

.pagination a {
    font-size: 1em !important;
    color: #646a6f !important;
    margin: 0 0.5em;
    padding: 0.2em 0.55em !important;
}

.pagination a:hover {
    color: #1671FD !important;
}

.pagination a.active {
    color: #1671FD !important;
    font-weight: 600;
    border-radius: 0.5em !important;
    -moz-border-radius: 0.5em !important;
    -webkit-border-radius: 0.5em !important;
    background-color: rgba(22, 113, 253, 0.25);
}

.search-container input {
    background-color: white;
    text-align: center !important;
    padding: 0.5em;
    border: 1px solid #ececec;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    width: 70%;
}

#btn-export-excel {
    border: none;
    background-color: rgba(29, 111, 66, 0.25);
    color: #1D6F42;
    text-transform: uppercase;
    padding: 0.25em 0.75em;
    letter-spacing: 0.075em;
    border-radius: 0.5em !important;
    -moz-border-radius: 0.5em !important;
    -webkit-border-radius: 0.5em !important;
}

#btn-export-excel:hover {
    background-color: #1D6F42;
    color: white;
    cursor: pointer;
}

#btn-export-excel i {
    margin-left: 0.5em;
    font-size: 0.755em;
}

#btn-export-excel i:before {
    margin: 0 !important;
}

.font-positive {
    color: #1ebba4;
}

.font-negative {
    color: #f7525f;
}

p.falkforecast-desc-robot {
    text-align: left;
    font-size: 0.875em;
    font-weight: 500;
}

p.falkforecast-desc-robot i {
    color: red;
}

table thead tr.thshareholders th:first-child {
    width: 55% !important;
}

table thead tr.thdatafin th.variation {
    width: 10% !important;
}

table thead tr.thdatafin th:first-child {
    width: 30% !important;
}

table.ticker-item.thfalkforest td {
    font-size: 0.875em;
    padding: 0.75em 0.25em;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

table.ticker-item.thfalkforest td i {
    margin: 0 0.25em 0.15em 0;
}

td.falkforecast-see i {
    font-size: 2em !important;
    margin: 0 !important;
    padding: 0;
}

td.falkforecast-see i:hover {
    color: #1671FD;
}

table.ticker-item {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-size: 0.875em !important;
}

table.ticker-item thead th {
    background-color: #e7e7e7;
    color: #646a6f;
    font-size: 1.05em;
    letter-spacing: 1px;
    text-transform: uppercase;
}

table thead th {
    background-color: rgba(51, 51, 51, 0.75);
    color: white;
    font-size: 1.05em;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0.4em 0.5em 0.5em 0.5em !important;
    width: 15%;
}

table thead th.th-falklove {
    width: fit-content;
    block-size: fit-content;
}

table thead th.thshareholders {
    width: 15%;
}

table.ticker-item thead th {
    width: fit-content;
    block-size: fit-content;
    line-height: 1.5em;
}

table.ticker-item thead th i {
    margin-left: 1em;
    font-size: 1.25em;
}

table.ticker-item thead th i:hover {
    color: #1671FD;
    cursor: pointer;
}

table thead th.rating-desc {
    width: 40%;
}

table.ticker-item thead th.th-love-company {
    width: 50%;
}

table.ticker-item thead th.th-love-class {
    width: 20%;
}

table tbody tr {
    border-bottom: 1px solid rgba(51, 51, 51, 0.5) !important;
    font-size: 1em
}

tr.matched {
    background-color: rgba(30, 187, 164, 0.1);
}

.sector_item p.title {
    font-size: 0.75em;
    letter-spacing: 0.1em;
    margin-bottom: 0.5em;
    padding: 1em 0;
    text-transform: uppercase;
}

.sector_item p.desc {
    padding-bottom: 1em;
    font-size: 1.15em;
    font-weight: 600;
}

.index_item {
    margin-bottom: 1em;
}

.index_item .index_header,
.index_item .index_header_category {
    text-align: left;
    padding: 0.5em;
    margin-bottom: 1em;
}

.index_item .index_header b {
    font-size: 0.975em;
    letter-spacing: 0.1em;
    margin-bottom: 0.5em;
    padding: 0.25em 0.6em;
    text-transform: uppercase;
    text-align: center;
    background-color: #646a6f;
    color: #FFFFFF;
    border-radius: 0.35em;
    -moz-border-radius: 0.35em;
    -webkit-border-radius: 0.35em;
}

.index_item .index_header_category b {
    font-size: 0.5em;
    vertical-align: middle;
    letter-spacing: 0.075em;
    margin-bottom: 0.5em;
    padding: 0.2em 0.5em;
    text-transform: uppercase;
    text-align: center;
    border: 1.5px solid #646a6f;
    color: #646a6f;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

.index_item .index_header_category b.segmentosesetoriais {
    border: 1.5px solid #005cb9;
    color: #005cb9;
}

.index_item .index_header_category b.amplos {
    border: 1.5px solid #24244d;
    color: #24244d;
}

.index_item .index_header_category b.sustentabilidade {
    border: 1.5px solid #5c8819;
    color: #5c8819;
}

.index_item .index_header_category b.governança {
    border: 1.5px solid #ff5100;
    color: #ff5100;
}

.index_desc_name {
    vertical-align: sub;
    font-size: 0.75em;
}

.index_item .index_desc {
    margin-top: 1em;
}

.index_item .index_desc span.title {
    font-size: 0.7em;
    letter-spacing: 0.1em;
    padding: 1em 0;
    text-transform: uppercase;
}

.index_item .index_desc span.desc {
    padding-bottom: 1em;
    font-size: 1.1em;
    font-weight: 600;
}

.distribued-footer {
    padding: 0.65em 0 0.5em 0 !important;
    font-size: 0.65em;
    font-style: italic;
    text-align: center;
}

.footer-tradingview {
    padding: 0.35em 0 0 0 !important;
}

.footer-tradingview a {
    text-decoration: none !important;
    color: #646a6f !important;

    font-size: 0.9em !important;
    line-height: 0.5em !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.footer-tradingview span {
    text-decoration: none !important;
    color: #646a6f !important;

    font-size: 0.9em !important;
    line-height: 0.5em !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.distribued-footer.closed-day {
    font-size: 0.625em;
    margin-top: 2em;
}

.vgitem {
    margin-bottom: 1.875em;
}

.vgitem .vgitem-title {
    text-transform: uppercase;
    font-size: 0.75em;
    margin-bottom: 0.375em;
}

.vgitem .vgitem-value {
    text-transform: uppercase;
    font-size: 0.875em;
    font-weight: 600;
}

.vgitem-ticker {
    font-size: 1em;
    padding: 0.5em 0 2.15em 0;
    font-weight: 600;
    text-align: left;
}

.vgitem-ticker figure, .falkia-loved figure {
    display: inline-block !important;
    justify-content: center;
}

.card_negociation {
    padding: 0.15em 0.45em !important;
}

.card_negociation p {
    font-size: 0.75em;
    text-align: center !important;
}

.negociation_header {
    text-align: center;
    border-bottom: 1px solid #646a6f;
    margin-bottom: 0.5em;
}

.negociation_header p {
    color: #646a6f;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.5em 0;
}

i.higharrowup {
    color: #1ebba4;
    margin-left: 0.35em;
    font-size: 1.25em;
}

i.lowarrowdown {
    color: #f7525f;
    margin-left: 0.35em;
    font-size: 1.25em;
}

.highosc, .fntgreen {
    color: #1ebba4;
}

.highosc span {
    background-color: rgba(30, 187, 164, 0.1) !important;
    padding: 0.1em 0.7em;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

.lowosc, .fntred {
    color: #f7525f;
}

.lowosc span {
    background-color: rgba(247, 82, 95, 0.1) !important;
    padding: 0.1em 0.7em;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

.highosc, .lowosc {
    font-weight: 600;
}

.negociation_item {
    border: 1px solid #ededed;
    margin-bottom: 0.5em;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    padding: 0.15em 0.25em !important;
}

.negociation_item p {
    display: inline-flex;
    align-items: center;
    height: 38px;
    font-size: 0.75em !important;
    line-height: 2em;
    padding: 0.15em 0;
}

.negociation_item a {
    font-size: 0.95em !important;
    letter-spacing: 0.5px;
}

.negociation_item .stockbdr a {
    color: #a956e4 !important;
}

.negociation_item .acoes a {
    color: #4c309b !important;
}

.negociation_item .fiis a {
    color: #9b133b !important;
}

.negociation_item .fiagros a {
    color: #095859 !important;
}

.negociation_item .etfs a {
    color: #0083ca !important;
}

.negociation_item .ticker a:hover {
    font-weight: bold !important;
}

.negociation_item .ticker {
    display: flex;
}

.negociation_item .ticker img {
    width: 32.5px;
    height: 32.5px;
    align-items: center;
    padding: 2px;
    border: 1px solid #bfbfbf;
    border-radius: 5em;
    -moz-border-radius: 5em;
    -webkit-border-radius: 5em;
    margin-right: 0.5em;
    box-sizing: border-box !important;
}


.vgitem-ticker img, .falkia-loved img, .sector_item img {
    width: 32.5px;
    height: 32.5px;
    align-items: center;
    padding: 2px;
    border-radius: 5em;
    border: 1px solid #646a6f;
    -moz-border-radius: 5em;
    -webkit-border-radius: 5em;
    margin-right: 0.5em;
}

.portal-sector-emprel {
    text-align: left;
    font-size: 0.85em;
    letter-spacing: 0.1em;
    margin: 0 0.25em;
    text-transform: uppercase;
    font-weight: 600 !important;
    color: #646a6f;
    line-height: 1.25em;
    display: flex;
    align-items: center;
}

.portal-sector-emprel span {
    text-align: center;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    margin: 0 0.25em;
    text-transform: uppercase;
    font-weight: 500 !important;
    color: #646a6f;
    line-height: 1.25em;
}

.portal-sector-emprel img {
    margin: 0 0.7em 0 0.5em;
}

.portal-sector-emprel a i {
    color: #646a6f;
    vertical-align: middle;
    font-size: 1.5em !important;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    padding: 0.1em 0.1em 0.1em 0.2em;
}

.portal-sector-emprel a i:hover {
    background-color: #4c309b;
    color: white;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
}

tr.falkia-loved td img {
    margin-right: 0 !important;
}

tr.falkia-loved td.loved-company img {
    border: 1px solid #bfbfbf;
}

.falkia-loved img, img.loveditem {
    border: 1px solid #e0245e;
}

.ticker-loved:hover {
    border: 1px solid #e0245e;
}

.vgitem-ticker span.ticker-active, .vgitem-ticker a.related-ticker {
    font-size: 1.15em;
    border-radius: 5em;
    -moz-border-radius: 5em;
    -webkit-border-radius: 5em;
    padding: 0.15em 0.675em 0.2em 0.875em !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    vertical-align: middle;
    text-align: center;
}

.vgitem-ticker a.related-ticker.acoes {
    background-color: white;
    color: #4c309b;
    border: 2px solid #4c309b !important;
    margin: 0 0.5em;
    font-size: 0.75em;
}

.ticker-link.acoes {
    color: #4c309b !important;
}

.ticker-link.fiis {
    color: #9b133b !important;
}

.ticker-link.fiagros {
    color: #095859 !important;
}

.ticker-link.stockbdr {
    color: #a956e4 !important;
}

.ticker-link.etfs {
    color: #0083ca !important;
}

.ticker-link.criptomoedas {
    color: #f7931b !important;
}

.vgitem-ticker span.acoes {
    background-color: #4c309b;
    color: white;
}

.vgitem-ticker span.stockbdr {
    background-color: #a956e4;
    color: white;
}

.vgitem-ticker span.fiis {
    background-color: #9b133b;
    color: white;
}

.vgitem-ticker span.criptomoedas {
    background-color: #f7931b;
    color: white;
}

.vgitem-ticker span.fiagros {
    background-color: #095859;
    color: white;
}

.vgitem-ticker span.etfs {
    background-color: #0083ca;
    color: white;
}


.vgitem-ticker a {
    margin-left: 1.25em;
    border: 1px solid #1671fd !important;
    padding: 0.35em 0.75em 0.5em 0.75em !important;
    text-transform: uppercase;
    font-size: 0.65em !important;
    font-weight: 600 !important;
    vertical-align: middle;
}

.vgitem-ticker a i {
    font-size: 0.75em;
    margin-right: 0.25em;
}

.tend-item-legend i {
    color: #131722;
    font-size: 0.5em;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .4px;
    position: relative;
    text-transform: uppercase;
    padding: 0.4em 0.5em 0.4em 0.5em;
    letter-spacing: .1em;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}

.gradient-trend {
    height: 0.875em;
    width: 100%;
    margin-top: 0.5em;
    border-radius: 5rem;
    background: linear-gradient(90deg, rgb(244, 67, 54) 10%,
    rgb(239, 154, 154) 30%,
    rgb(209, 212, 220) 50%,
    rgb(91, 156, 246) 70%,
    rgb(36, 86, 224) 90%);
}

.gradient-beta {
    height: 0.65em;
    width: 100%;
    margin-top: 0.5em;
    border-radius: 5rem;
    background: linear-gradient(90deg, rgba(247, 147, 27, 0.75) 0%, rgba(204, 204, 204, 0.5) 50%, rgba(22, 113, 253, 0.75) 100%);
}

.gradient-liquid {
    height: 0.5em;
    width: 100%;
    margin-top: 0.5em;
    border-radius: 100% 0.5rem 0.5rem 100%;
    -moz-border-radius: 100% 0.5rem 0.5rem 100%;
    -webkit-border-radius: 100% 0.5rem 0.5rem 100%;
    background: linear-gradient(90deg, rgb(245, 188, 0) 0%, rgba(22, 113, 253, 0.15) 50%, rgba(22, 113, 253, 0.75) 100%);
}

.card-comparative-liq {
    text-align: center !important;
}

.card-comparative-liq h5 {
    font-weight: 500;
    margin: 1em 0 2em 0;
}

.card-comparative-liq p {
    font-size: 0.75em;
    margin: 0.5em 0 1em 0;
    line-height: 1.5em;
}

.pincolor-yellow {
    font-weight: bold !important;
    color: #F5BC00 !important;
}

.pincolor-blue-light {
    font-weight: bold !important;
    color: rgba(22, 113, 253, 0.5) !important;
}

.pincolor-blue {
    font-weight: bold !important;
    color: #1671FD !important;
}

.card-comparative-liq p b {
    font-weight: 600;
}

.card-comparative-liq p span.tag-green {
    font-size: 0.875em;
    margin-top: 1em;
}

.gradient-pin {
    display: inline-block;
    bottom: 100%;
    font-weight: 500;
    width: max-content;
    vertical-align: middle;
    padding: 0.25em 0.5em;
    background: #f5f5f5;
    z-index: 99;
    color: #646a6f;
    font-size: 0.875em;
    text-align: center;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border: 0.1em solid #646a6f;
    text-shadow: none !important;
    position: relative;
}

.gradient-pin::after {
    position: absolute;
    content: '';
    top: 100%;
    left: 40%;
    width: 0;
    height: 0;
    border-top: solid 8.5px #646a6f;
    border-left: solid 8.5px transparent;
    border-right: solid 8.5px transparent;
}

.trend-tip {
    display: inline-block;
    bottom: 100%;
    margin-bottom: 0.1em;
    font-weight: 500;
    width: 125px;
    padding: 0.25em 0.5em;
    background: #f5f5f5;
    z-index: 99;
    color: #646a6f;
    font-size: 0.875em;
    text-align: center;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border: 0.1em solid #cccccc;
    text-shadow: none !important;
    line-height: 1.15em;
}

.trend-tip i {
    vertical-align: middle !important;
}

.trend-tip i:before {
    font-size: 1.5em;
    margin-right: 0.5em;
    vertical-align: sub;
    line-height: 1.35em;
    display: inline-block;
}

.trend-tip.trend-low-ultra {
    border: 1px solid #f44336;
}

.trend-tip.trend-low-ultra i:before {
    color: #f44336;
}

.trend-tip.trend-low {
    border: 1px solid #ef9a9a;
}

.trend-tip.trend-low i:before {
    color: #ef9a9a;
}

.trend-tip.trend-neutral {
    border: 1px solid #d1d4dc;
}

.trend-tip.trend-neutral i:before {
    color: #d1d4dc;
}

.trend-tip.trend-high {
    border: 1px solid #5b9cf6;
}

.trend-tip.trend-high i:before {
    color: #5b9cf6;
}

.trend-tip.trend-high-ultra {
    border: 1px solid #2456e0;
}

.trend-tip.trend-high-ultra i:before {
    color: #2456e0;
}

.premium-unlocking {
    background-image: linear-gradient(to right, #1ebba4 0%, #1671fd 51%, #1ebba4 100%);
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white !important;
    font-weight: 600 !important;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
}

.premium-unlocking:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    font-weight: 700 !important;
    text-decoration: none;
}

.premiumlock {
    padding: 0.75em 1.5em;
}

.premiumlock-desc {
    font-size: 0.875em;
    padding-bottom: 2.5em;
    line-height: 1.5em;
    text-align: justify !important;
}

.freemium-lock-item {
    background: hsla(216, 98%, 54%, 1);
    background: linear-gradient(90deg, hsla(216, 98%, 54%, 0.15) 0%, hsla(0, 0%, 100%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(216, 98%, 54%, 0.15) 0%, hsla(0, 0%, 100%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(216, 98%, 54%, 0.15) 0%, hsla(0, 0%, 100%, 1) 100%);
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    padding: 2% 1%;
    margin: 2% 1%;
    border: 0.015em solid rgba(23, 115, 253, 0.25);
    -webkit-box-shadow: 10px 10px 40px -20px rgba(100, 106, 111, 1);
    -moz-box-shadow: 10px 10px 40px -20px rgba(100, 106, 111, 1);
    box-shadow: 10px 10px 40px -20px rgba(100, 106, 111, 1);
}

.freemium-lock-item h4 {
    color: #646a6f;
    font-weight: 500;
    font-size: 1.5em;
    text-transform: uppercase;
}

.freemium-lock-item p {
    padding: 1em 0.5em;
    margin: 1em 0;
    line-height: 1.65em;
    color: #646a6f;
}

.lock-value {
    color: transparent;
    text-shadow: rgba(0, 0, 0, 0.95) 0px 0px 10px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

a.ticker-link {
    font-weight: 700 !important;
    font-size: 1.35rem !important;
    padding-right: 0 !important;
}

.ticker-proventos {
    font-size: 1.35rem !important;
}

/*
4285f4 - azul
f7525f - vermelho
f5bc00 - amarelo
1ebba4 - verde
*/

*[class^="iconoir-"], *[class*=" iconoir-"] {
    display: inline-block !important;
    vertical-align: text-bottom !important;
}

.flag-icon-brasileiro {
    width: 27.5px;
    height: 27.5px;
    padding: 0.075em;
    text-align: center;
    align-items: center;
    border-radius: 5em;
    border: 1px solid #646a6f;
    -moz-border-radius: 5em;
    -webkit-border-radius: 5em;
    margin-right: 0.25em;
    vertical-align: middle;
}

.proj-magicnumber {
    padding: 1em !important;
}

.proj-magicnumber .projmn-desc {
    vertical-align: middle !important;
}

.proj-magicnumber p {
    margin: 1em 0;
    padding: 0.5em;
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.875em;
}

.proj-magicnumber p b.magicnumber {
    color: #1671fd;
}

.proj-magicnumber svg {
    text-align: center;
    width: 50%;
    padding: 2em;
}

.st0 {
    opacity: 7.000000e-02;
}

.st1 {
    enable-background: new;
}

.st2 {
    fill: #FFD10A;
}

.st3 {
    fill: #FFCB05;
}

.st4 {
    fill: #ED9B21;
}

.st5 {
    fill: #D6EDE9;
}

.st6 {
    fill: #B4B4B4;
}

.st7 {
    fill: #E8A075;
}

.st8 {
    fill: #A37456;
}

#top-button {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

#top-button:hover {
    background-color: #555;
}

button.button-newacc {
    background-color: #f5bc00;
    border: none;
    color: #000000;
    padding: 0.4em 1em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.875em;
    border-radius: 1em;
    transition: all 0.3s ease-in-out;
}

button.button-newacc:hover {
    background-color: #646a6f;
    color: #f5bc00;
    box-shadow: 0px 0px 10px #f5bc00;
    transform: translateY(-3px);
    font-weight: 600;
}

button.button-newacc:disabled {
    background-color: #ddd;
    color: #999;
    box-shadow: none;
    cursor: not-allowed;
}

#togglePassword, #togglePasswordLogin, #togglePasswordRe {
    position: absolute;
    margin: 18px 0 0 -25px;
    transform: translateY(-50%);
    cursor: pointer;
}

#strength-indicator {
    display: block;
    height: 0.5em;
    padding-top: 0.55em;
    font-weight: 600;
    font-size: 0.8em;
    width: 100%;
    margin-bottom: 2em;
    margin-top: 0.5em;
    border-radius: 5rem;
}

#suggestions {
    display: none;
    position: absolute;
    background-color: #f2f2f2;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 0.5em;
    z-index: 1;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}

#suggestions div {
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    cursor: pointer;
    padding: 0.5em 1em;
    text-decoration: none;
    display: block;
    color: black;
}

#suggestions div:hover {
    background-color: #ddd;
}

.suggestions ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.suggestions li {
    padding: 10px;
    cursor: pointer;
}

.suggestions li:hover {
    background-color: #ddd;
}

.access-now {
    margin-top: 0.75em;
    font-size: 1em;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
}

.access-now a {
    color: white;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    background-color: #1671fd;
    padding: 0.2em 0.5em;
    text-transform: uppercase;
    font-size: 0.875em;
    margin-left: 0.5em;
}

h2.selo-headline {
    font-size: 1.15em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0.5em 0 1em 0;
}

div.selo-item {
    background-color: white;
    border: 1px solid #cccccc;
    padding: 0.5em;
    margin-bottom: 1.25em;
    border-radius: 5em;
    -moz-border-radius: 5em;
    -webkit-border-radius: 5em;
    display: flex; /* opcional: usar flexbox para alinhar os itens */
    align-items: center; /* opcional: alinhar verticalmente os itens */
    -webkit-box-shadow: 2px 2px 15px -15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 15px -15px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 15px -15px rgba(0, 0, 0, 0.15);
    transition: all 0.5s;
}

div.selo-item:hover {
    -webkit-box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    transition: all 0.5s;
}

.selo-img {
    width: 40px;
    height: 40px;
    align-items: center;
    padding: 1px;
    border-radius: 5em;
    border: 2px dotted #adadad;
    -moz-border-radius: 5em;
    -webkit-border-radius: 5em;
    margin-right: 0.75em;
}

.selo-title {
    text-align: left;
    font-size: 0.875em;
    font-weight: 600;
    display: block;
}

.selo-desc {
    text-align: left;
    font-size: 0.8em;
}

#scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 50%;
    border: 1px solid #b4b4b4;
    width: 50px;
    height: 50px;
    background-color: #1671FD;
    color: white;
    text-align: center;
    display: none;
    transition: all 0.5s;
}

#scroll-to-top:hover {
    background-color: #646a6f;
    color: white;
    cursor: pointer;
}

#scroll-to-top.active {
    opacity: 1;
}

#scroll-to-top i {
    font-size: 2em;
}

#scroll-to-top:hover i {
    animation: bounce 0.6s ease infinite;
}

@keyframes bounce {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}


.loadingpage, .loadingpage-falktools {
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    top: 0;
    z-index: 9999999999999999;
    position: fixed;
    width: 100vw;
    height: 100vh;
}

.loader {
    --size-loader: 50px;
    --size-orbe: 10px;
    top: 50%;
    left: 50%;
    width: var(--size-loader);
    height: var(--size-loader);
    position: relative;
    transform: rotate(45deg);
}

.falktools-alert p span {
    font-size: 2em !important;
}

.falktools-headline {
    font-size: 1.5em;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1em;;
}

.falktools-headline span {
    font-size: 1.5em !important;
}

.falktools-alert p, .falktools-results p {
    font-size: 1em;
    text-align: justify;
    line-height: 1.75em;
    padding: 0.5em 1.5em;
}

p.falktools-desc {
    padding: 1em;
    line-height: 3em;
    font-size: 0.85em;
}

.loadingpage p, .loadingpage-falktools p {
    position: fixed;
    top: 60%;
    left: 45%;
    z-index: 9999999999999999;
    font-size: 1em;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.orbe {
    position: absolute;
    width: 100%;
    height: 100%;
    --delay: calc(var(--index) * 0.1s);
    animation: orbit7456 ease-in-out 1.5s var(--delay) infinite;
    opacity: calc(1 - calc(0.2 * var(--index)));
}

.orbe::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: var(--size-orbe);
    height: var(--size-orbe);
    background-color: #4bebc2;
    box-shadow: 0px 0px 20px 2px #4bebc2;
    border-radius: 50%;
}

@keyframes orbit7456 {
    0% {
    }

    80% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.toolfree-share {
    vertical-align: middle;
    padding: 1em;
    margin: 2em 1.25em;
    background-color: #f5f5f5;
    -webkit-box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 33px -13px rgba(0, 0, 0, 0.25);
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border: 1px solid #dddddd;
}

.toolfree-share img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 45px;
    height: 45px;
    border: 1px dashed #e0245e;
}

.toolfree-share p {
    font-size: 1.05em;
    text-align: center;
    line-height: 2.5em;
}

.share-hover {
    margin-top: 0.55em;
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1em;
    justify-content: center;
    background-color: #e0245e;
    border-radius: 5em;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
}


.toolfree-share .share-hover {
    margin-top: 0.2em;
    position: relative;
    display: flex;
    align-items: center;
    line-height: 2.5em;
    justify-content: center;
    width: 85%;
    height: 40px;
    background-color: #e0245e;
    border-radius: 5em;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
}

.toolfree-share .share-hover:before,
.toolfree-share .share-hover:after,
.share-hover:before,
.share-hover:after {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    width: 50%;
    height: 100%;
    transition: 0.25s linear;
    z-index: 1;
}

.toolfree-share .share-hover:before, .share-hover:before {
    content: "";
    left: 0;
    justify-content: flex-end;
    background-color: #e1507d;
}

.toolfree-share .share-hover:after, .share-hover:after {
    content: "";
    right: 0;
    justify-content: flex-start;
    background-color: #e0245e;
}

.toolfree-share .share-hover:hover, .share-hover:hover {
    background-color: #646a6f;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.toolfree-share .share-hover:hover span, .share-hover:hover span {
    opacity: 0;
    z-index: -3;
}

.toolfree-share .share-hover:hover:before, .share-hover:hover:before {
    opacity: 0.5;
    transform: translateY(-100%);
}

.toolfree-share .share-hover:hover:after, .share-hover:hover:after {
    opacity: 0.5;
    transform: translateY(100%);
}

.toolfree-share .share-hover span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: whitesmoke;
    font-size: 0.975em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    opacity: 1;
    transition: opacity 0.25s;
    z-index: 2;
}

.share-hover span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: whitesmoke;
    font-size: 0.875em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    opacity: 1;
    transition: opacity 0.25s;
    z-index: 2;
}

.toolfree-share .share-hover span i, .share-hover span i {
    font-size: 1.15em;
    margin-left: 5%;
}

.toolfree-share .share-hover .social-link, .share-hover .social-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    height: 100%;
    color: whitesmoke;
    font-size: 24px;
    text-decoration: none;
    transition: 0.25s;
}

.toolfree-share .share-hover .social-link i, .share-hover .social-link i {
    text-shadow: 1px 1px rgba(70, 98, 127, 0.7);
    transform: scale(1);
}

.toolfree-share .share-hover .social-link:hover, .share-hover .social-link:hover {
    background-color: rgba(245, 245, 245, 0.1);
}

.toolfree-share .share-hover .social-link:hover i, .share-hover .social-link:hover i {
    animation: bounceShare 0.4s linear;
    color: white;
}

.up-neg, .down-neg, .up-pos, .down-pos, .up-neutro, .down-neutro {
    font-size: 1.15em;
    margin: 0 0.5em 0.075em 0;
}

.up-pos, .down-pos {
    color: #1ebba4;
}

.up-neg, .down-neg {
    color: #f7525f;
}

.up-neutro, .down-neutro {
    color: #1671FD !important;
}

.beta-message {
    margin-bottom: 1.15em;
}

.beta-message span {
    font-size: 0.75em;
    font-weight: 500;
    padding: 0.5em 0.75em;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    background-color: rgba(22, 113, 253, 0.075);
}

.beta-message i {
    font-size: 0.95em;
    margin: 0 0.5em 0.15em 0;
    color: #1671FD;
}

@keyframes bounceShare {
    40% {
        transform: scale(1.4);
    }
    60% {
        transform: scale(0.8);
    }
    80% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}