
/* inter-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/inter/inter-v13-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    src: url('/fonts/inter/inter-v13-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/inter/inter-v13-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/inter/inter-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/inter/inter-v13-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/inter/inter-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/inter/inter-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/inter/inter-v13-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/inter/inter-v13-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


@font-face {
    font-family: 'Campton';
    src: url('/fonts/subset-Campton-SemiBold.woff2') format('woff2'),
        url('/fonts/subset-Campton-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('/fonts/subset-Campton-ExtraLight.woff2') format('woff2'),
        url('/fonts/subset-Campton-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('/fonts/subset-Campton-ExtraBold.woff2') format('woff2'),
        url('/fonts/subset-Campton-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('/fonts/subset-Campton-Book.woff2') format('woff2'),
        url('/fonts/subset-Campton-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('/fonts/subset-Campton-Black.woff2') format('woff2'),
        url('/fonts/subset-Campton-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('/fonts/subset-Campton-Light.woff2') format('woff2'),
        url('/fonts/subset-Campton-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('/fonts/subset-Campton-Bold.woff2') format('woff2'),
        url('/fonts/subset-Campton-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('/fonts/subset-Campton-Medium.woff2') format('woff2'),
        url('/fonts/subset-Campton-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('/fonts/subset-Campton-Thin.woff2') format('woff2'),
        url('/fonts/subset-Campton-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* BOOTSTRAP SELECT */
    .bootstrap-select > .dropdown-toggle {
        background: #FFF;
    }
    .bootstrap-select.select-cinza .dropdown-toggle .filter-option {
    	color: #495057;
        background-clip: padding-box;
        border-radius: .25rem;
    }
    .bootstrap-select .dropdown-menu li {
        font-size: 0.8rem;
    }
/* FIM BOOTSTRAP SELECT */

html {
    scroll-behavior: smooth;
}
html * {
    color: #000000;
    /*font-family: "Inter";*/
    font-family:"Campton";
}

body {
    font-size: 0.8rem;
    /*
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important;
    text-rendering: optimizeLegibility!important;
    */
}
body.fixed-nav {
    padding-top: 56px;
}

.toast-title,
.toast-message {
    color: inherit;
}

h1, h2, h3, h4, h5, h6, p, a {
    color: #000000;
    font-family:"Campton";
    /*font-family: "Inter";*/
}

a {
    font-weight: 500;
}
a:focus, a:hover {
    color: #000000;
}

.h1, h1 {
    font-size: 1.8rem;
}
.h2, h2 {
    font-size: 1.4rem;
}
.h3, h3 {
    font-size: 1.3rem;
}
.h4, h4 {
    font-size: 1rem;
}
.h5, h5 {
    font-size: .9rem;
}
.h6, h6 {
    font-size: .8rem;
}

.content-wrapper {
    background: #EDEDEE;
    margin-left: 117px;
    min-height: calc(100vh - 57px);
}

.empty {
    border-color: #D91A1A !important;
}
.empty-radio:before {
    border-color: #D91A1A !important;
}
.empty.selectpicker + .btn {
	border-color: #D91A1A !important;
}

.txt-red {
    color: #D91A1A;
}
.txt-red2 {
    color: #ff0000;
}
.txt-green {
    color: #01b150;
}
.info {
    color: #D9D9D9;
}
.titulo {
    font-weight: 600;
    color: #00503C;
}
.titulo-verde {
    font-weight: 700;
    color: #1AAF54;
}
.titulo-azul {
    font-weight: 700;
    color: #1072BD;
}
.titulo-azul-claro {
    font-weight: 700;
    color: #50acc4;
}
.titulo-amarelo {
    font-weight: 700;
    color: #FFBA00;
}
.titulo-laranja {
    font-weight: 700;
    color: #e26c22;
}
.titulo-vermelho {
    font-weight: 700;
    color: #FF1212;
}
.titulo-roxo {
    font-weight: 700;
    color: #6e399c;
}
.titulo-black {
    font-weight: 600;
    color: #000;
}
.txt-Ativo {
    color: #52c265;
}
.txt-Inativo {
    color: #C22323;
}

.bg-dark-home {
    min-height: 100vh;
    background: url(/img/bg.png) center;
    border: 30px solid transparent;
}

.bg-light-home {
    background: #fff !important;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: calc(100vh - 60px);
    box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.35);
}

.bg-cinza {
    background-color: #EDEDEE;
}

.nome-cliente {
    float: right;
    font-size: 0.8rem;
    padding: 0 20px;
    font-weight: 700;
}

.swal-modal .swal-title {
    font-size: 1.3rem;
}
.swal-modal .swal-text {
    font-size: 0.9rem;
    text-align: center;
}

.ui-autocomplete {
    z-index: 1050 !important;
}

/* DROPZONE */
    .dropzone {
        background-color: #ededed !important;
        border: 0 !important;
        border-radius: 10px !important;
        min-height: auto !important;
    }
    .dropzone .dz-message {
        margin: 0.3rem 0 0 0 !important;
    }
    .dropzone .dz-message img {
        width: 50px;
    }
    .dropzone .dz-message .titulo {
        color: #979797;
    }
/* FIM DROPZONE */

/* MENU */
    #mainNav.navbar-light {
        box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.11);
        background: #FFF !important;
        border: 1px solid #D7D7D7;
        padding: 0.2rem 1rem;
    }
    #mainNav.navbar-light .navbar-brand img {
        max-height: 38px;
        width: auto;
        /* padding-bottom: 6px;
        padding-top: 1px; */
    }
    /* LATERAL */
    #mainNav.navbar-light .navbar-brand {
        width: auto;
    }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
        height: calc(100vh - 56px);
        overflow: auto;
        margin-top: 55px;
    }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item {
        width: 115px;
    }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav li a.nav-link {
        display: flex;
        flex-direction: column;
        text-align: center;
        color: #555555;
        border-bottom: 1px solid rgba(44, 19, 47,0.1);
        padding: 0.6em 0.6em 0.4em 0.6em;
    }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link i.fa {
        /* Icone */
        font-size: 1.8rem;
        color: #555555;
    }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link .nav-link-text {
        /* Texto */
        font-size: 0.8rem;
        color: #555555;
    }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a.nav-link i.fa,
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a.nav-link .nav-link-text {
        /* Icone e texto menu ativo */
        color: #00503C !important;
    }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a.nav-link .nav-link-text,
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav a.nav-link:focus .nav-link-text,
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav a.nav-link:hover .nav-link-text {
        /* Texto menu ativo */
        text-decoration: underline;
    }
    /* NAVBAR */
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
        color: #555555;
    }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
        color: #555555;
    }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu {
        border: 0px;
        border-radius: 0px;
        box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.35);
        min-width: 18rem;
        right: 0;
        left: auto;
        padding: 2rem 1.7rem;
    }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu h4 {
        color: #00503C;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-bottom: 1rem;
    }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu .dropdown-item {
        color: #555555;
        font-size: 0.8rem;
        padding: 1rem 30px;
        cursor: pointer;
    }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
        background: #FFF;
        text-decoration: underline;
    }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu .dropdown-item img {
        position: absolute;
        left: 2rem;
    }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu .dropdown-divider {
        margin: 2rem 0;
        border: 0px;
    }
/* FIM MENU */

/* HEADER INTERNO */
    .header-dark {
        background: #00503C;
        padding: 15px 0px 0px 0px;
    }
    .header-dark .titulo {
        padding-left: 30px;
        margin-bottom: 7px;
    }
    .header-dark *,
    .header-dark *:hover,
    .header-dark .nav-link:focus {
        color: #FFF;
    }
    .header-dark .nav-link {
        padding-left: 30px;
        padding-right: 30px;
        width: auto;
    }
    .header-dark .nav-link.active {
        border-bottom: 6px solid #FFF;
    }
/* FIM HEADER INTERNO */

/* FOOTER */
    footer.footer {
        width: 100%;
        position: absolute;
        bottom: 30px;
        margin-bottom: 10px;
    }
    footer.footer small {
        color: #00537f;
    }
/* FIM FOOTER */

/* PAGINAÇÃO */
    .page-item.active .page-link {
        background-color: #2E5C38;
        border-color: #2E5C38;
    }
    .page-link {
        color: #32B24E;
    }
    .page-link:hover {
        color: #2E5C38;
    }
/* FIM PAGINAÇÃO */

/* PAGE LOADER */
    #pageloader {
        display: none;
        /*display: flex;*/
        position: fixed;
        top: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        background: rgba(0,0,0,0.8);
    }
    #pageloader img {
        background: #204C28;
        border-radius: 20px;
        padding: 10px;
    }
/* FIM PAGE LOADER */

/* CARDS */
    .card {
        border: 1px solid #E1E1E1;
        border-radius: 10px;
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.11);
    }
    .card-img-top {
        border-top-left-radius: calc(.55rem - 1px);
        border-top-right-radius: calc(.55rem - 1px);
    }

    .card.card-cinza {
        background-color: rgb(245, 245, 245);
        border: 0px;
        box-shadow: 0 0 0 0;
    }
/* FIM CARDS */

/* TABELAS */
    table.table td,
    table.table th {
        padding: 0.5rem;
        white-space: pre-wrap;
    }

    table.table.table-header-dark {
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
        border: 1px solid rgba(44, 19, 47, 0.1);
    }
    table.table.table-header-dark thead td,
    table.table.table-header-dark tbody td {
        font-size: 0.7rem;
        line-height: 1.2;
        padding: 0.3rem;
        height: 40px;
        vertical-align: middle;
        text-align: center;
    }
    table.table.table-header-dark thead td {
        text-transform: uppercase;
        font-weight: 600;
        background-color: #00503C !important;
        border: 1px solid #87909E;
        color: #FFF;
    }
    table.table.table-header-dark tbody td {
        border: 1px solid rgba(44, 19, 47, 0.1);
        background-color: #FFF;
    }

    .table-rows {
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
        border: 1px solid rgba(44, 19, 47, 0.1);
        margin: 0;
    }
    .table-rows > div {
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid rgba(44, 19, 47, 0.1);
        background-color: #FFF;
    }
    .table-rows > div.col-3 {
        color: #e3e3e3;
        border-left: 1px solid rgba(44, 19, 47, 0.1);
    }
    .table-rows > div.col-12 {
        text-transform: uppercase;
        font-weight: 600;
        background-color: #00503C;
        color: #FFF;
        font-size: 0.7rem;
    }

    .table-principal {
        border-collapse: separate;
        border-spacing: 8px 8px;
    }
    .table-principal thead td {
        border: 0px;
        font-weight: 700;
        text-align: center;
        font-size: 0.7rem;
        color: #204C28;
    }
    .table-principal tbody tr {
        border: 0px;
        border-bottom: 1px solid #E1E1E1;
        border-radius: 10px;
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.11);
    }
    .table-principal tbody tr td {
        border: 0px;
        text-align: center;
        cursor: pointer;
        vertical-align: middle;
    }
    .table-principal.table .custom-checkbox {
        line-height: 0;
        width: 24px;
        padding-left: 0;
    }
    .table-principal.table .custom-checkbox .custom-control-label::after,
    .table-principal.table .custom-checkbox .custom-control-label::before {
        left: -8px;
        cursor: pointer;
    }
/* FIM TABELAS */



select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;
    background-position:
            calc(100% - 10px) 10px,
            calc(100% - 20px) 14px,
            100% 0;
    background-size:
            10px 10px,
            10px 10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0px!important;
    padding-left: 8px!important;
}

/* INPUTS */
    .form-control {
        font-size: .8rem;
        height: 30px;
    }
    .form-control:focus,
    .custom-control-input:focus~.custom-control-label::before,
    .btn:focus,
    .btn-outline-info:not(:disabled):not(.disabled):active:focus {
        box-shadow: 0 0 0 0;
    }

    .input-line {
        border: 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.478);
        border-radius: 0px;
        color: #000000;
    }
    .input-line::placeholder {
        font-weight: 300;
        color: #000000;
        font-size: 0.8rem;
    }
    .input-line:focus {
        border-color: #000000;
    }

    .input-border {
        border-radius: 20px;
        border-color: rgba(44, 19, 47, 0.1);
    }
    .input-border .btn.dropdown-toggle {
        border-radius: 20px;
        border-color: rgba(44, 19, 47, 0.1);
    }
    .input-border:focus {
        border-color: rgba(44, 19, 47, 0.3);
    }
    .input-border::placeholder {
        color: rgba(0, 67, 88, 0.2);
        font-size: 0.8rem;
    }

    .label-input-border {
        font-size: 0.8rem;
        margin-left: 0px;
        margin-bottom: 4px;
        color: #686868;
    }
    .custom-control-label {
        font-size: 0.8rem;
        line-height: 1.7;
    }
    .custom-control-input:checked ~ .custom-control-label::before {
        background: -webkit-linear-gradient(left, #04412F 0%, #122F27 100%);
        background: -o-linear-gradient(left, #04412F 0%, #122F27 100%);
        background: linear-gradient(to right, #04412F 0%, #122F27 100%);
        border-color: #04412F;
    }
    .custom-switch .custom-control-input:checked~ .custom-control-label::after,
    .custom-switch .custom-control-label::after {
        width: 1.1rem;
        height: 1.1rem;
        top: calc(0.15rem + 1px);
        left: calc(-2.35rem + 2px);
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
        background-color: #FFF;
    }

    .input-no-border {
        border: 0px;
        box-shadow: 0 0 0 0;
        background-color: #FFF;
    }
    .input-no-border:disabled {
        background-color: #FFF;
        color: #e3e3e3;
    }
    .input-no-border:focus {
        box-shadow: 0 0 0 0;
    }
/* FIM INPUTS */

/* BUTTONS */
    .btn {
        font-size: 0.8rem;
        line-height: 1.2;
    }

    .btn.btn-outline-info,
    .btn.btn-outline-info:active {
        color: #179232 !important;
        font-weight: 600;
        border: 0px !important;
        font-size: 0.8rem;
        background: transparent !important;
    }
    .btn.btn-outline-info:focus,
    .btn.btn-outline-info:hover {
        background: transparent;
        text-decoration: underline;
        box-shadow: 0 0 0 0;
    }

    .btn.btn-primary,
    .btn.btn-primary:focus,
    .btn.btn-primary:active {

        background-color: #00503c !important;
        border-radius: 50px;
        border-color: #00503c !important;
        /*padding: 6.5px 12px;*/
        font-weight: 600;
        box-shadow: 0 0 0 0 !important;
        /*
        background-color: #00503c !important;
        border-color: #00503c !important;
        box-shadow: 0 0 0 0  !important;
        */
    }

    .btn.btn-danger,
    .btn.btn-danger:focus,
    .btn.btn-danger:active {
        box-shadow: 0 0 0 0  !important;
    }

    .btn.btn-primary:hover,
    .btn.btn-primary:focus,
    .btn.btn-primary:active {
        opacity: 0.8;
    }

    .btn.btn-sm {
        padding: .25rem .6rem;
        font-size: 0.7rem;
        line-height: 1.5;
    }

    .btn-voltar {
        background: transparent;
        line-height: 0;
        padding: .375rem 0rem;
        position: absolute;
        z-index: 1;
    }
    .btn-voltar:focus {
        box-shadow: 0 0 0 0;
    }
    .btn-voltar i {
        font-size: 3rem;
        line-height: 0.4;
        color: #00503c;
    }

    .btn-add {
        background: url('/img/btn-add.png') center no-repeat;
        position: absolute;
        right: 30px;
        top: 7px;
        line-height: 1.1;
    }
    .btn-add:focus {
        box-shadow: 0 0 0 0;
    }

    /* Azul */
    .btn-remover {
        background: url('/img/btn-remover.png') center no-repeat;
        padding: 6px 18px;
    }
    .btn-remover:focus {
        box-shadow: 0 0 0 0;
    }

    /* Azul */
    .btn-alterar {
        background: url('/img/btn-alterar.png') center no-repeat;
        padding: 6px 18px;
    }
    .btn-alterar:focus {
        box-shadow: 0 0 0 0;
    }

    /* Branco */
    .btn-alterar2 {
        background: url('/img/btn-alterar2.png') center no-repeat;
        position: absolute;
        right: 20px;
        top: 7px;
        line-height: 1;
    }
    .btn-alterar2:focus {
        box-shadow: 0 0 0 0;
    }

    .btn-remover-cinza {
        background: url('/img/btn-remover2.png') center no-repeat;
        padding: 6px 13px;
    }
    .btn-remover-cinza:focus {
        box-shadow: 0 0 0 0;
    }

    .btn-alterar-cinza {
        background: url('/img/btn-alterar3.png') center no-repeat;
        padding: 6px 13px;
    }
    .btn-alterar-cinza:focus {
        box-shadow: 0 0 0 0;
    }


    .btn-pdf-cinza {
        background: url('/img/btn-pdf.png') center no-repeat;
        padding: 6px 13px;
    }
    .btn-pdf-cinza:focus {
        box-shadow: 0 0 0 0;
    }

    .btn-alvo {
        background: url('/img/btn-alvo.png') center no-repeat;
        padding: 6px 13px;
    }
    .btn-alvo:focus {
        box-shadow: 0 0 0 0;
    }

    .btn-salvar {
        background: url('/img/icon-check.png') center no-repeat;
        position: absolute;
        right: 20px;
        top: 7px;
        line-height: 1;
    }
    .btn-salvar:focus {
        box-shadow: 0 0 0 0;
    }

    .btn-add-azul {
        box-shadow: 0px 5px 21.6px 2.4px rgba(0, 0, 0, 0.22);
        background: url('/img/icon-add.png') center no-repeat;
        background-size: cover;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        z-index: 1;
    }
    .btn-add-azul:focus {
        box-shadow: 0px 5px 21.6px 2.4px rgba(0, 0, 0, 0.22);
    }

    .btn-danger {
        background-color: #da4105;
        border-radius: 50px;
        border-color: #da4105;
        padding: 6px 12px;
        font-weight: 600;
        box-shadow: 0 0 0 0;
    }

    .btn-link,
    .btn-link:hover {
        font-size: 0.8rem;
        text-decoration: underline;
        color: #000000;
    }

    .btn.btn-quadrado {
        border-radius: 8px;
        padding: 10px 14px;
    }

    .btn.btn-contratar {
        border-radius: 30px;
        background: #90ca2c;
        color: #FFF;
        padding: 10px 30px;
    }
/* FIM BUTTONS */

/* SWEET ALERT */
    .swal-button {
        border-radius: 15px;
        padding: 5px 24px;
    }
    .swal-button:focus {
        box-shadow: 0 0 0 0 !important;
    }
    .swal-button--cancel {
        background-color: #da4105;
        color: #FFF;
    }
    .swal-button--cancel:not([disabled]):hover {
        background-color: #da4105;
        opacity: 0.8;
    }
    .swal-button--confirm {
        background-color: #00503C;
    }
    .swal-button--confirm:not([disabled]):hover {
        background-color: #00503C;
        opacity: 0.8;
    }
/* FIM SWEET ALERT */

/* MODAL */
    .modal-open .modal {
        background: rgba(255, 255, 255, 0.6);
    }
    .modal-content {
        border: 1px solid #e1e1e1;
        border-radius: 10px;
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.11);
    }
    .modal-header {
        justify-content: center;
        padding: 1rem 1.5rem;
        padding-top: 1.5rem;
        border: 0px;
    }
    .modal-body {
        padding: 1rem 1.5rem;
    }
    .modal-footer {
        border: 0px;
        padding: 1rem 1.5rem;
    }
/* FIM MODAL */

/* TOOLTIPS */
    .bs-tooltip-auto[x-placement^=right] .arrow::before,
    .bs-tooltip-right .arrow::before {
        border-right-color: #FFF;
    }
    .bs-tooltip-auto[x-placement^=left] .arrow::before,
    .bs-tooltip-left .arrow::before {
        border-left-color: #FFF;
    }
    .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
    .bs-tooltip-bottom .arrow::before {
        border-bottom-color: #FFF;
    }
    .bs-tooltip-auto[x-placement^=top] .arrow::before,
    .bs-tooltip-top .arrow::before {
        border-top-color: #FFF;
    }
    .tooltip.show {
        opacity: 1;
    }
    .tooltip-inner {
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
        background: #FFF;
        color: #000;
        padding: 10px 16px;
        font-size: 12px;
        color: #0f0f0f;
    }
/* FIM TOOLTIPS */

/* LOGIN/TOKEN/ESQUECI MINHA SENHA */
    .card-login {
        box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.35);
        border-radius: 0px;
        padding: 15px;
    }
    .card-login .img-fluid {
        padding: 0 15px 30px 15px;
    }
/* FIM LOGIN/TOKEN/ESQUECI MINHA SENHA */

/* CADASTRO */
    .card-cadastro {
        box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.35);
        border-radius: 0px;
        padding: 15px;
        width: 70rem;
        max-width: calc(100% - 30px) !important;
    }
    .card-cadastro .img-fluid {
        padding: 0 0 30px 0;
        max-width: 22rem;
    }
/* FIM CADASTRO */

/* PAINEL GERAL */
    .card-painel-dp .row .col-lg-9 {
        display: inline-flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: start;
    }
    .card-painel-dp .row .col-lg-9 > img {
        margin-right: 5px;
    }
    .card-painel-dp .row .col-lg-9 > span {
        display: inline-flex;
        flex-direction: column;
    }
    .card-painel-dp .row .col-lg-3 > small,
    .card-painel-dp .row .col-lg-9 > span > small {
        font-size: 70%;
        font-weight: 600;
        line-height: 1;
    }
    .card-painel-dp .row .col-lg-3 > p,
    .card-painel-dp .row .col-lg-9 > span > p {
        margin: 0;
    }
    .card-painel-dp .row .col-lg-3 {
        display: inline-flex;
        flex-direction: column;
    }

    .card-painel-objetivos {
        padding-left: 0;
        padding-right: 0;
    }
    .card-painel-objetivos .titulo {
        padding-left: 20px;
        padding-right: 20px;
    }
    .card-painel-objetivos .objetivo {
        border-left: 0.5rem solid #000;
        margin-bottom: 1.3rem;
    }
    .card-painel-objetivos .objetivo p:first-of-type {
        font-weight: 500;
    }
    .card-painel-objetivos .objetivo p {
        margin: 0px;
        padding: 0.2rem 0 0.2rem 0.4rem;
    }
    .card-painel-objetivos .objetivo span {
        position: absolute;
        right: 10px;
        font-size: 1.2rem;
        margin-top: 8px;
    }
/* FIM PAINEL GERAL */

/* PLANO */
    .badge-status {
        border-radius: 50px;
        background: #d3d3d3;
        display: inline-flex;
        height: 23px;
        vertical-align: middle;
        margin-left: 15px;
    }
    .badge-status .ativo,
    .badge-status .inativo {
        width: 70px;
        font-size: 0.7rem;
        text-align: center;
        line-height: 2;
        font-weight: 500;
    }
    .badge-status .ativo.active {
        font-weight: 600;
        background: #83C229;
        color: #FFF;
        border-radius: 50px 0px 0px 50px;
    }
    .badge-status .inativo.active {
        font-weight: 600;
        background: #B00909;
        color: #FFF;
        border-radius: 0px 50px 50px 0px;
    }

    .btn.btn-plano * {
        filter: opacity(0.5);
    }
    .btn.btn-plano {
        text-align: center;
        position: relative;
        width: 13.5%;
        margin: 0px;
        padding: 0px;
        cursor: initial;
        display: inline-flex;
        justify-content: center;
    }
    .btn.btn-plano:focus {
        box-shadow: 0 0 0 0;
    }
    .btn.btn-plano:after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }
    .btn.btn-plano > div {
        background: #f7f7f7;
        border-radius: 15px;
        position: absolute;
        height: 95%;
        width: 95%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: auto;
    }
    .btn.btn-plano > div img {
        /* margin-top: 1rem; */
        /* position: absolute; */
        height: 40%;
        top: 0;
        margin-bottom: 20px;
    }
    .btn.btn-plano > div h5 {
        color: #000;
        /* margin-top: calc(40% + 15px); */
        font-weight: 600;
    }
    .btn.btn-plano.active * {
        filter: opacity(1);
    }
    .btn.btn-plano.active > div {
        background: #FFF;
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.11);
        cursor: pointer;
    }
    .btn.btn-plano.active > div h5 {
        color: #00503c;
        margin-bottom: 0px;
    }
/* FIM PLANO */

/* CHECK-UP */
    .lista-atencao {
        margin-bottom: 0;
    }
    .lista-atencao li {
        font-weight: 700;
        line-height: 2;
    }
    .lista-atencao li span {
        cursor: pointer;
        padding-right: 15px;
    }
/* FIM CHECK-UP */

/* DADOS PESSOAIS */
    table.table.table-feliz tbody td {
        line-height: 2.5;
        background-color: #FFF;
    }
/* FIM DADOS PESSOAIS */

/* DESEJOS */
    .opcoes-desejos {
        text-align: center;
    }
    .opcoes-desejos .opcao {
        padding: 0.8rem 0.9rem;
        margin-bottom: 10px;
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.11);
        border-radius: 8px;
        font-weight: 600;
        font-size: 0.8rem;
        cursor: pointer;
    }
    .opcoes-desejos.disabled .opcao,
    .opcoes-desejos .opcao.disabled {
        background: #E9E9E9;
        opacity: 0.4;
        box-shadow: 0 0 0 0;
        cursor: default;
    }

    table.table.table-desejo tbody td {
        line-height: 2.5;
    }
/* FIM DESEJOS */

/* PERFIL FINANCEIRO */
    .badge-cliente {
        border-radius: 50px;
        background: #d3d3d3;
        display: inline-flex;
        height: 23px;
        vertical-align: middle;
        margin-left: 15px;
    }
    .badge-cliente > span {
        width: 140px;
        max-width: 100%;
        font-size: 0.7rem;
        text-align: center;
        line-height: 2;
        font-weight: 500;
        cursor: pointer;
    }
    .badge-cliente > span:first-of-type {
        border-radius: 30px 0px 0px 30px;
    }
    .badge-cliente > span:last-of-type {
        border-radius: 0px 30px 30px 0px;
    }
    .badge-cliente .active {
        font-weight: 600;
        background: #00503c;
        color: #FFF;
        cursor: default;
    }

    .border-resultado {
        padding: 16px;
    }
    .border-resultado.verde,
    .border-resultado.azul,
    .border-resultado.amarelo {
        padding: 0;
        border: 0;
        border-left: 16px solid transparent;
    }
    .border-resultado.verde > div,
    .border-resultado.azul > div,
    .border-resultado.amarelo > div {
        padding: 16px;
    }
    .border-resultado.verde {
        border-color: #1AAF54;
    }
    .border-resultado.azul {
        border-color: #1072BD;
    }
    .border-resultado.amarelo {
        border-color: #FFBA00;
    }

    .lista-caracteristicas {
        list-style: none;
    }
    .lista-caracteristicas li {
        font-size: 0.8rem;
        line-height: 1.5;
    }
    .lista-caracteristicas li::before {
        content: "\2022";
        font-size: 0.8rem;
        display: inline-block;
        width: 2.5rem;
    }
/* FIM PERFIL FINANCEIRO */

/* PERFIL INVESTIDOR */
    .border-resultado.laranja,
    .border-resultado.azul-claro,
    .border-resultado.roxo {
        padding: 0;
        border: 0;
        border-left: 16px solid transparent;
    }
    .border-resultado.laranja > div,
    .border-resultado.azul-claro > div,
    .border-resultado.roxo > div {
        padding: 16px;
    }
    .border-resultado.azul-claro {
        border-color: #50acc4;
    }
    .border-resultado.laranja {
        border-color: #e26c22;
    }
    .border-resultado.roxo {
        border-color: #6e399c;
    }

    .card-squared {
        border: 1px solid #E1E1E1;
        height: 100%;
    }
    .card-squared > div {
        padding: 16px;
        border: 0px;
        border-left: 12px solid #000;
        height: 100%;
    }
    .card-squared > .verde {
        border-color: #1AAF54;
    }
    .card-squared > .azul {
        border-color: #1072BD;
    }
    .card-squared > .amarelo {
        border-color: #FFBA00;
    }
    .card-squared > .azul-claro {
        border-color: #50acc4;
    }
    .card-squared > .laranja {
        border-color: #e26c22;
    }
    .card-squared > .roxo {
        border-color: #6e399c;
    }
/* FIM PERFIL INVESTIDOR */

/* GRÁFICOS */
    .chart-legend {
        display: flex;
        justify-content: space-between;
        font-size: 0.8rem;
        cursor: pointer;
        align-items: start;
    }
    .chart-legend img {
        width: 30px;
        height: auto;
    }
    .chart-legend > span:first-of-type {
        flex-grow: 1;
    }
    .chart-legend > span:first-of-type > * {
        font-size: 0.7rem;
    }
    .chart-legend .titulo-legend {
        font-weight: 700;
        /* vertical-align: top; */
        margin: 0 5px;

    }
/* FIM GRÁFICOS */

/* ORÇAMENTO */
    .table-orcamento {
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    }
    .table-orcamento .row {
        border-top: 1px solid rgba(44, 19, 47, 0.1);
        margin: 0px;
    }
    .table-orcamento .row > div {
        height: 40px;
        font-size: 0.8rem;
        display: flex;
        align-items: center;
        padding: 0 20px;
    }
    .table-orcamento .col-3 {
        border-left: 1px solid rgba(44, 19, 47, 0.1);
    }
    .table-orcamento .titulo .col-12 {
        justify-content: center;
        font-weight: 600;
        color: #FFF;
    }
    .table-orcamento .row.titulo,
    .table-orcamento .row.subtitulo {
        border-top: 0px;
    }
    .table-orcamento .row.titulo > div,
    .table-orcamento .row.subtitulo > div {
        font-size: .9rem;
    }
    .table-orcamento .row.subtitulo > div {
        color: #0B503C;
        font-weight: 700;
    }
    .table-orcamento .titulo-desagrupado {
        cursor: pointer;
        font-weight: 700;
    }
    .table-orcamento .row.total {
        background-color: #f9f9f9;
    }
    .table-orcamento .row.total > div {
        font-weight: 700;
    }

    .card.controle-orcamento {
        /* padding-left: 20px;
        padding-right: 20px; */
        border: 0;
       /*
        border-left: 12px solid transparent;
        */
        box-shadow: 0 0 0 0;
        margin: 0;
        font-size: 11.5px;
    }
    .card.controle-orcamento .table {
        margin-bottom: 5px;
        border-collapse: separate;
        border-spacing: 0px 6px;
    }
    .card.controle-orcamento .table .min-60 {
        /* min-width: 60px; */
    }
    .card.controle-orcamento .table .min-250 {
        min-width: 250px;
    }
    .card.controle-orcamento .table thead {
        border: 0;
    }
    .card.controle-orcamento .table thead th {
        border: 0;
        text-align: center;
        padding: 0rem 0.5rem 0.3rem 0.5rem;
    }
    .card.controle-orcamento .table tr {
        text-align: center;
        border-radius: 15px;
    }
    .card.controle-orcamento .table tbody tr th,
    .card.controle-orcamento .table tbody tr td {
        vertical-align: middle;
        border-top: 0;
        border-bottom: 1px solid #c8c8c8;
        white-space: unset;
        padding: 0.4rem;
    }
    .card.controle-orcamento .table tbody tr th {
        /* width: 300px; */
    }
    .card.controle-orcamento .table tbody tr td.vazio {
        border-bottom: 0;
    }
    .card.controle-orcamento .table tr.titulo,
    .card.controle-orcamento .table tr.subtitulo {
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.11);
        height: 48px;
        cursor: pointer;
    }
    .card.controle-orcamento .table tr.interno-click,
    .card.controle-orcamento .table tr.interno .lancamento-interno {
        cursor: pointer;
    }
    .card.controle-orcamento .table tr.titulo img {
        width: 28px;
        margin-left: -15px;
        margin-top: -3px;
        margin-right: 5px;
    }
    .card.controle-orcamento .table tr.subtitulo img {
        width: 28px;
        margin-top: -3px;
        margin-left: -12px;
        margin-right: 5px;
    }
    .card.controle-orcamento .table tr.titulo th,
    .card.controle-orcamento .table tr.subtitulo th {
        font-size: 13px;
        color: #555555;
        padding: 0.5rem 1rem 0.5rem 1.5rem;
        border: 0;
        text-align: left;
    }
    .card.controle-orcamento .table tr.interno th {
        color: #555555;
        text-align: left;
        font-weight: 500;
        padding: 0.5rem 1rem 0.5rem 1.5rem;
        min-width: 230px;
    }
    .card.controle-orcamento .table tr.interno td .btn {
        height: 24px;
    }
    .card.controle-orcamento .table tr.titulo th small,
    .card.controle-orcamento .table tr.subtitulo th small,
    .card.controle-orcamento .table tr.interno th small {
        color: #999999;
        margin-left: 15px;
    }
    .card.controle-orcamento .table tr.titulo-entradas td {
        color: #01b150;
        font-weight: 500;
        border: 0;
    }
    .card.controle-orcamento .table tr.titulo-saidas td {
        color: #ff0000;
        font-weight: 500;
        border: 0;
    }
    .card.controle-orcamento .table tr.titulo-objetivos td {
        color: #2b98f0;
        font-weight: 500;
        border: 0;
    }
    .card.controle-orcamento .table tr.titulo-caixa td {
        color: #000;
        font-weight: 500;
        border: 0;
    }
    .card.controle-orcamento .table tr.titulo-emergencia td {
        color: #515151;
        font-weight: 500;
        border: 0;
    }
    .card.controle-orcamento .table tr.titulo-conta td {
        color: #e55260;
        font-weight: 500;
        border: 0;
    }

    .card-text-informacao{
        text-align: end;
    }

/* FIM ORÇAMENTO */

/* BALANÇO */
    .card-balanco .card-body {
        padding: 8px 25px;
        text-align: center;
        background-color: #FFF !important;
        border-radius: 10px;
    }
    .card-balanco h6 {
        margin-bottom: 6px;
        font-weight: 600;
    }
    .card-balanco h5 {
        margin-bottom: 2px;
        font-weight: 600;
    }
    .img-card-balanco {
        position: absolute;
        width: 45px;
        left: -22.5px;
        top: 5px;
    }

    .table-balanco {
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    }
    .table-balanco .row {
        border-top: 1px solid rgba(44, 19, 47, 0.1);
        margin: 0px;
        /* TO-DO - Adicionar efeito para abrir/fechar tabela */
        transition-duration: 2s;
        transition-property: all;
    }
    .table-balanco .row > div {
        height: 50px;
        font-size: 0.9rem;
        display: flex;
        align-items: center;
        padding: 0 5px 0 14px;
        cursor: pointer;
    }
    .table-balanco .col-3,
    .table-balanco .col-2 {
        border-left: 1px solid rgba(44, 19, 47, 0.1);
    }
    .table-balanco .titulo .col-12 {
        justify-content: center;
        font-weight: 600;
        color: #FFF;
    }
    .table-balanco .row.titulo,
    .table-balanco .row.subtitulo {
        border-top: 0px;
    }
    .table-balanco .row.titulo > div,
    .table-balanco .row.subtitulo > div {
        font-size: .9rem;
        cursor: initial;
    }
    .table-balanco .row.subtitulo > div {
        color: #0B503C;
        font-weight: 700;
    }
    .table-balanco .titulo-desagrupado > div {
        font-weight: 700;
        /* cursor: pointer; */
    }
    .table-balanco .row.total {
        background-color: #000;
    }
    .table-balanco .row.total > div {
        font-weight: 700;
        color: #FFF;
        cursor: initial;
    }
    .table-balanco .subtitulo > div:nth-of-type(3),
    .table-balanco .subtitulo > div:nth-of-type(4) {
        justify-content: center;
        padding: 0;
    }
    .table-balanco .row-desagrupado > div:nth-of-type(3),
    .table-balanco .titulo-desagrupado > div:nth-of-type(3),
    .table-balanco .total > div:nth-of-type(3),
    .table-balanco .row-desagrupado > div:nth-of-type(4),
    .table-balanco .titulo-desagrupado > div:nth-of-type(4),
    .table-balanco .total > div:nth-of-type(4) {
        justify-content: flex-end;
        padding-right: 14px;
    }

    .card-lancamento {
        padding: 10px 35px;
        text-align: center;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        cursor: pointer;
    }
    .card-lancamento.active {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
    .card-lancamento h5 {
        font-size: 1.15rem;
        margin: 0px;
    }
    .img-card-lancamento {
        position: absolute;
        left: -34px;
        top: -13px;
    }
    .check-card-lancamento {
        position: absolute;
        top: 5.5px;
        right: -15.5px;
    }

    @media (min-width: 1200px) {
        .charts-indices div.col-xl-1 {
            -ms-flex: 0 0 14.28571% !important;
            flex: 0 0 14.28571% !important;
            max-width: 14.28571% !important;
        }
    }
/* FIM BALANÇO */

/* SEGUROS */
    .table.table-seguros thead th {
        border: 0px;
        text-align: center;
    }
    .table.table-seguros tbody {
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.11);
        border-radius: 16px;
        text-align: center;
    }
    .table.table-seguros tbody tr.divider td {
        border: 0px;
        padding-left: 0;
        padding-right: 0;
    }
    .table.table-seguros tbody th {
        color: #0B503C;
        vertical-align: middle;
        text-align: left;
        cursor: help;
    }
    .table.table-seguros tbody td {
        vertical-align: middle;
        white-space: normal;
    }
    .table.table-seguros tbody tr:first-of-type td,
    .table.table-seguros tbody tr:first-of-type th {
        border: 0px;
    }
    .table.table-seguros tbody tr td:first-of-type {
        text-align: left;
    }
    .table.table-seguros tbody tr.divider + tr td,
    .table.table-seguros tbody tr.divider + tr th {
        border-top: 0px;
    }
    .table.table-seguros .form-control {
        border: 1px solid #d7d7d7;
        border-radius: 16px;
        width: 127px;
        height: 24px;
        padding-top: .37em;
        padding-bottom: .37em;
        text-align: center;
        margin: auto;
        font-size: 0.8rem;
    }
    .table.table-seguros .form-control:disabled {
        background: #FFF;
    }
/* FIM SEGUROS */

/* INVESTIMENTOS */
    div.select-consolidado {
        text-align: center;
        margin-bottom: 30px;
    }
    div.select-consolidado > .bootstrap-select > .dropdown-toggle {
        background: #d3d3d3;
        border: 1px solid #d3d3d3;
        border-radius: 60px;
        line-height: 1;
    }
    div.select-consolidado > .bootstrap-select > .dropdown-toggle::after {
        border-top: 0.4em solid;
        vertical-align: 0.055em;
    }
    div.select-consolidado > .bootstrap-select.dropup .dropdown-toggle::after {
        border-top: 0;
        vertical-align: 0.155em;
    }
    div.select-consolidado > .bootstrap-select > .dropdown-toggle > .filter-option {
        text-align: center;
        line-height: 13px;
        height: 30px;
    }
    .select-consolidado > .bootstrap-select .dropdown-item.active,
    .select-consolidado > .bootstrap-select .dropdown-item.focus,
    .select-consolidado > .bootstrap-select .dropdown-item:hover {
        background: #d3d3d3;
    }

    div.select-objetivo {
        margin-bottom: 30px;
        display: inline-block;
        position: absolute;
    }
    div.select-objetivo > .bootstrap-select > .dropdown-toggle,
    div.select-estrategia > .bootstrap-select > .dropdown-toggle {
        background: #FFF;
        border: 1px solid rgba(44, 19, 47, .1);
        border-radius: 60px;
        line-height: 1;
    }
    div.select-objetivo > .bootstrap-select > .dropdown-toggle .filter-option-inner-inner,
    div.select-objetivo > .bootstrap-select .dropdown-menu li a span.text,
    div.select-estrategia > .bootstrap-select > .dropdown-toggle .filter-option-inner-inner,
    div.select-estrategia > .bootstrap-select .dropdown-menu li a span.text {
        color: #232020;
    }
    div.select-objetivo > .bootstrap-select > .dropdown-toggle::after,
    div.select-estrategia > .bootstrap-select > .dropdown-toggle::after {
        border-top: 0.4em solid;
        vertical-align: 0.055em;
        border-top-color: #a4a9b4;
    }
    div.select-objetivo > .bootstrap-select.dropup .dropdown-toggle::after,
    div.select-estrategia > .bootstrap-select.dropup .dropdown-toggle::after {
        border-top: 0;
        vertical-align: 0.155em;
        border-bottom-color: #a4a9b4;
    }
    div.select-objetivo > .bootstrap-select > .dropdown-toggle > .filter-option,
    div.select-estrategia > .bootstrap-select > .dropdown-toggle > .filter-option {
        text-align: center;
        line-height: 14px;
        height: 30px;
    }
    .select-objetivo > .bootstrap-select .dropdown-item.active,
    .select-objetivo > .bootstrap-select .dropdown-item.focus,
    .select-objetivo > .bootstrap-select .dropdown-item:hover,
    .select-estrategia > .bootstrap-select .dropdown-item.active,
    .select-estrategia > .bootstrap-select .dropdown-item.focus,
    .select-estrategia > .bootstrap-select .dropdown-item:hover {
        background: #d3d3d3;
    }

    .barra-legenda-esquerda {
        width: 7px !important;
        display: inline-block;
        float: left;
        border-radius: 10px;
    }

    .barra-legenda-direita {
        width: 7px !important;
        display: inline-block;
        float: right;
        border-radius: 10px;
    }

    .chart-coloridos-investimento > p {
        font-weight: 600;
        margin-bottom: 14px;
        line-height: 2.6;
        text-align: center;
    }
    .chart-coloridos-investimento > form > input {
        border: 1px solid #d7d7d7;
        border-radius: 16px;
        height: 33px;
        padding-top: .37em;
        padding-bottom: .37em;
        text-align: center;
        margin: 0px auto 14px !important;
        font-size: 0.8rem;
    }
    .chart-coloridos-investimento > p:nth-of-type(1),
    .chart-coloridos-investimento > input:nth-of-type(1) {
        color: #a55eea;
    }
    .chart-coloridos-investimento > p:nth-of-type(2),
    .chart-coloridos-investimento > input:nth-of-type(2) {
        color: #788ca3;
    }
    .chart-coloridos-investimento > p:nth-of-type(3),
    .chart-coloridos-investimento > input:nth-of-type(3) {
        color: #26de81;
    }
    .chart-coloridos-investimento > p:nth-of-type(4),
    .chart-coloridos-investimento > input:nth-of-type(4) {
        color: #fd9744;
    }
    .chart-coloridos-investimento > p:nth-of-type(5),
    .chart-coloridos-investimento > input:nth-of-type(5) {
        color: #dc9c7c;
    }
    .chart-coloridos-investimento > p:nth-of-type(6),
    .chart-coloridos-investimento > input:nth-of-type(6) {
        color: #544b40;
    }
    .chart-coloridos-investimento > p:nth-of-type(7),
    .chart-coloridos-investimento > input:nth-of-type(7) {
        color: #9c8d7a;
    }
    .chart-coloridos-investimento > p:nth-of-type(8),
    .chart-coloridos-investimento > input:nth-of-type(8) {
        color: #202020;
    }

    #tabela-ativos .table-ativos-financeiro.table thead td {
        border: 0px;
        text-align: center;
    }
    #tabela-ativos .table-ativos-financeiro.table .custom-checkbox {
        line-height: 0;
    }
    #tabela-ativos .table-ativos-financeiro.table td._col_1 {
        text-align: left;
    }
    #tabela-ativos .table-ativos-financeiro.table td._col_4 {
        text-align: right;
    }
/* FIM INVESTIMENTOS */

/* OBJETIVOS */
.card-objetivo {
    margin-bottom: 1rem !important;
    margin-top: .5rem!important;
}
.card-objetivo .dono-objetivo {
    position: absolute;
    top: 5px;
    left: 5px;
}
.card-objetivo .btn-excluir {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: rgba(255, 255, 255, 0.749);
    border-radius: 6px;
    padding: 1px 3.5px;
}
.card-objetivo .btn-excluir:hover {
    background-color: rgba(255, 255, 255, 1);
}
.btn-excluir-registro {
    background: url('/img/btn-remover2.png') center no-repeat;
}
.card-objetivo .btn-editar {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 5px;
    right: 35px;
    background-color: rgba(255, 255, 255, 0.749);
    border-radius: 6px;
    padding: 1px 3.5px;
}
.card-objetivo .btn-editar:hover {
    background-color: rgba(255, 255, 255, 1);
}
.card-objetivo .card-image {
    width: 100%;
    border-radius: 10px 10px 0 0;
    background-size: cover !important;
}
.card-objetivo .card-image::after {
    padding-bottom: 70%;
    border-radius: 10px 10px 0 0;
}
.card-objetivo .card-image .image {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0 0;
}
.card-objetivo p.titulo {
    text-align: center;
    margin: 0px;
    width: 100%;
    margin-top: -19px;
    color: #204C28;
    background-color: rgba(255, 255, 255, .49);
}
.card-objetivo .card-body {
    padding: 1rem;
}
.card-objetivo .card-footer {
    border: 0px;
    padding: 0px;
}
.card-objetivo .card-footer .progress {
    border-radius: 0 0 10px 10px;
    height: 1.4rem;
    background-color: #ededed;
}
.card-objetivo .card-footer .progress .progress-bar {
    background-color: #70a83b;
}
.card-objetivo .card-footer .progress .progress-bar.complete {
    flex-direction: row;
    justify-content: space-between;
    padding: 0.2rem 1rem;
}
.card-objetivo .card-footer .progress .progress-bar .percentage {
    color: #FFF;
    font-size: 0.7rem;
}
.card-objetivo .card-footer .progress .progress-bar .custom-checkbox {
    display: none;
}
.card-objetivo .card-footer .progress .progress-bar.complete .custom-checkbox {
    display: block;
    min-height: unset;
}
.card-objetivo .card-footer .progress .progress-bar.complete .custom-checkbox .custom-control-label {
    font-size: 0.7rem;
    color: #FFF;
    line-height: 1.5;
    padding-left: 0;
    padding-right: 1.1rem;
}
.card-objetivo .card-footer .progress .progress-bar.complete .custom-checkbox .custom-control-label::before,
.card-objetivo .card-footer .progress .progress-bar.complete .custom-checkbox .custom-control-label::after {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 0;
    top: 0.09rem;
    left: unset;
    right: 0;
}
.card-objetivo .card-footer .progress .progress-bar.complete .custom-checkbox .custom-control-label::before {
    border-color: #dbdbdb;
}
.card-objetivo .card-footer .progress .progress-bar.complete .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background: #FFF;
}
.card-objetivo .card-footer .progress .progress-bar.complete .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2331580c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    background-size: contain;
}

.calc-objetivos {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.calc-objetivos .prestacao {
    flex-grow: 2;
    border-right: 1px solid #d3d3d3;
}
.calc-objetivos .soma {
    flex-grow: 1;
}
.calc-objetivos .saldo {
    flex-grow: 2;
}
.calc-objetivos .prestacao,
.calc-objetivos .soma,
.calc-objetivos .saldo {
    word-wrap: normal;
}
.calc-objetivos .operador {
    color: #d3d3d3;
    font-size: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0px;
    height: 100%;
    line-height: 1;
}

.calendario-objetivos {
    border-top: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
}
.calendario-objetivos .data {
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    display: inline-block;
    width: 10%;
    margin-bottom: -6px;
}
.calendario-objetivos .data:after {
    padding-bottom: 80%;
    content: "";
    display: block;
}
.calendario-objetivos .data .conteudo {
    position: absolute;
    width: calc(10% - 3px);
    overflow-x: auto;
}
.calendario-objetivos .data .conteudo .titulo-data {
    text-align: right;
    margin: 0px;
    padding: 0.3rem 0.5rem;
    color: rgba(49, 55, 61, 0.502);
}
.calendario-objetivos .data .conteudo .linha-objetivo {
    margin: 0px;
    margin-bottom: 2px;
    padding: 0.05rem 0.3rem;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.calendario-objetivos .data .conteudo .titulo-data.atual {
    color: #204C28;
    font-weight: 600;
}

.legenda-objetivos {
    border: 1px solid #d3d3d3;
    height: 100%;
}
.legenda-objetivos .titulo-legenda {
    border-bottom: 1px solid #d3d3d3;
    color: #204C28;
    padding: 0.3rem 1.2rem;
    font-weight: 600;
}
.legenda-objetivos .objetivos {
    padding: 0.5rem 0.4rem;
}
.legenda-objetivos .objetivos .objetivo {
    border-left: 0.3rem solid #000;
    margin-bottom: 1.3rem;
}
.legenda-objetivos .objetivos .objetivo p {
    margin: 0px;
    padding: 0 0 0 0.4rem;
}
.legenda-objetivos .objetivos .objetivo p:first-of-type {
    font-weight: 500;
}

.linha-tempo {
    min-height: calc(100vh - 274px);
    width: 100%;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    display: grid;
}
.linha-tempo .linha-tempo-linha {
    min-height: calc(50vh - 137px);
    z-index: 0;
    margin: 0 40px;
    border-bottom: 1px solid #000;
    display: flex;
    flex-direction: column-reverse;
}
.linha-tempo .linha-tempo-linha .container-top {
    margin-bottom: -25px;
}
.linha-tempo .container-idade {
    display: inline-flex;
    width: 195px;
}
.linha-tempo .container-idade .botao-idade {
    width: 50px;
    height: 50px;
    background-color: #204C28;
    border-radius: 50%;
    color: #FFF;
    font-weight: 600;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.linha-tempo > .container-idade:nth-child(2) {
    margin-left: 225px;
}
.linha-tempo > .container-idade {
    margin-top: -25px;
    margin-left: 185px;
    z-index: 1;
    flex-direction: column;
}
.linha-tempo .linha-tempo-linha .container-top > .container-idade {
    margin-right: 185px;
    flex-direction: column-reverse;
}
.linha-tempo .container-idade .linha {
    width: 5px;
    height: 60px;
    background-color: #d4d7d7;
    margin-left: 22px;
}
.linha-tempo .container-idade .box-objetivos {
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid #d4d7d7;
}
.linha-tempo .container-idade .box-objetivos .linha-objetivo {
    cursor: pointer;
}
.linha-tempo .container-idade .box-objetivos .linha-objetivo:nth-child(1n) {
    background-color: #ffffff;
}
.linha-tempo .container-idade .box-objetivos .linha-objetivo:nth-child(2n) {
    background-color: #ededed;
}
.linha-tempo .container-idade .box-objetivos .linha-objetivo:nth-child(3n) {
    background-color: #e2e1e1;
}
.linha-tempo .container-idade .box-objetivos .linha-objetivo .descricao {
    display: inline-block;
    width: 64%;
    padding: 5px;
}
.linha-tempo .container-idade .box-objetivos .linha-objetivo .status {
    display: inline-block;
    width: 34%;
    padding: 5px;
    border-left: 1px solid #d4d7d7;
}
.linha-tempo .container-idade .box-objetivos .linha-objetivo .status .fa-circle {
    font-size: 0.7rem;
}
.linha-tempo .container-idade .box-objetivos .linha-objetivo .status .fa-circle.verde {
    color: #69d197;
}
.linha-tempo .container-idade .box-objetivos .linha-objetivo .status .fa-circle.amarelo {
    color: #f8b014;
}
.linha-tempo .container-idade .box-objetivos .linha-objetivo .status .fa-circle.vermelho {
    color: #ff0000;
}
.linha-tempo .container-idade .box-objetivos .linha-objetivo .fechado {
    border-top: 1px solid #d4d7d7;
    padding: 5px;
}
/* FIM OBJETIVOS */

/* SUCESSÃO */
    .tree a {
        cursor: default;
    }

    .tree ul {
        padding-top: 60px;
        margin-bottom: 0px;
        position: relative;
        display: flex;
        justify-content: center;

        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
    }

    .tree li {
        float: left; text-align: center;
        list-style-type: none;
        position: relative;
        padding: 30px 15px;

        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
    }

    .tree ul + ul {
        padding-top: 30px;
    }
    .tree ul + ul li a {
        background: #32B24E;
    }

    /*We will use ::before and ::after to draw the connectors*/
    .tree li::before,
    .tree li::after {
        content: '';
        position: absolute;
        top: 0;
        right: 50%;
        border-top: 3px solid #204C28;
        width: 50%;
        height: 30px;
    }
    .tree li::after {
        right: auto;
        left: 50%;
        border-left: 3px solid #204C28;
    }

    /*We need to remove left-right connectors from elements without
    any siblings*/
    .tree li:only-child::after,
    .tree li:only-child::before {
        display: none;
    }

    /*Remove space from the top of single children*/
    .tree li:only-child{ padding-top: 0; }

    /*Remove left connector from first child and
    right connector from last child*/
    .tree li:first-child::before,
    .tree li:last-child::after {
        border: 0 none;
    }
    /*Adding back the vertical connector to the last nodes*/
    .tree li:last-child::before {
        border-right: 3px solid #204C28;
    }

    /* Time to add downward connectors from parents */
    .tree ul + ul::before {
        content: '';
        position: absolute;
        top: -140px;
        border-left: 3px solid #204C28;
        width: 0;
        height: 170px;
    }
    /* Se for apenas um pai/mãe */
    .tree ul.sozinho + ul::before {
        top: -30px;
        height: 60px;
    }

    .tree li a {
        padding: 30px;
        text-decoration: none;
        color: #FFF;
        font-size: 14px;
        display: inline-block;
        background: #204C28;
        min-width: 180px;

        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;

        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
    }
/* FIM SUCESSÃO */

/* MONITORIA */

.barra-lateral-subtitulo {
    position: sticky;
    left: -1px;

    background-color: #fff;
    border-right: 1px solid #bebebe;
    z-index: 999 !important;
}
    .table-monitoria {
        width: 99.9%;
    }
    .table-monitoria > thead,
    .table-monitoria > tbody {
        border-spacing: 0px !important;
        -webkit-border-horizontal-spacing: 0px;
        -webkit-border-vertical-spacing: 0px;
        border-collapse: collapse;
    }
    .table-monitoria > thead tr,
    .table-monitoria > thead th {
        background-color: #bebebe !important;
        border: 0 none;
    }
    .table-monitoria > thead th {
        border: 0px;
        border-top: 1px solid #bebebe;
        position: sticky;
        top: -1px;
    }
    .table-monitoria > thead th:first-of-type {
        /* box-shadow: inset 1px -1px 1px -1px black */
    }
    .table-monitoria > thead th:last-of-type {
        border-right: 1px solid #bebebe;
    }

    .monitoria-titulo {
        z-index: 1000 !important;
    }

    .table-monitoria .monitoria-titulo {
        background-color: #bdbdbd !important;
        font-weight: 700;
        text-align: center;
    }
    .table-monitoria .monitoria-titulo th {
        background-color: #bdbdbd !important;
        /* border: 1px solid #9e9e9e; */
        border-top: 0;
        vertical-align: middle;
        position: sticky;
        top: 34px;

        box-shadow: inset 1px -1px 1px -1px black, inset 1px -1px 1px -1px black,
        inset 0 -2px 0 #999,
        inset 0 2px 0 #999;
    }
    .table-monitoria .monitoria-subtitulo,
    .table-monitoria .monitoria-subtitulo th {
        background-color: #e0e0e0 !important;
        font-weight: 700;
        text-align: center;
    }
    .table-monitoria .monitoria-subtitulo th {
        box-shadow: inset 1px -1px 1px -1px black;
        border-top: 0;
    }
    .table-monitoria .monitoria-divisao,
    .table-monitoria .monitoria-divisao td,
    .table-monitoria .monitoria-divisao th {
        background-color: #f5f5f5 !important;
    }
    /* Divisão de ano passado / ano atual */
    .table-monitoria tbody tr td:nth-of-type(5),
    .table-monitoria .monitoria-titulo th:nth-of-type(4),
    .table-monitoria .monitoria-subtitulo th:nth-of-type(5),
    .table-monitoria .monitoria-divisao td:nth-of-type(4) {
        border-right: 3px solid #000;
    }
    .table-monitoria .monitoria-divisao td:nth-of-type(5) {
        border: 1px solid #bebebe;
    }
    /* FIM Divisão de ano passado / ano atual */
    .table-monitoria tbody tr td,
    .table-monitoria tbody tr th {
        /* border: 1px solid #bebebe; */
        box-shadow: inset 1px -1px 1px -1px black

    }
    .table-monitoria tbody tr td {
        text-align: right;
    }
    .table-monitoria tbody tr td:first-of-type {
        text-align: left;
    }
    .table-monitoria tbody tr.monitoria-divisao td:first-of-type {
        text-align: right;
    }

    .grafico-monitoria {
        border-radius: 10px;
        border: 1px solid #204C28;
        padding-top: 10px;
    }
/* FIM MONITORIA */

/* RELATÓRIOS */
    .tabela-relatorio thead tr td {
        border: 0;
        font-weight: 700;
    }
    .tabela-relatorio tbody tr td {
        border-top: 0;
        border-bottom: 1px solid #c8c8c8;
        color: #555555;
        vertical-align: bottom;
    }

    .block-relatorio {
        min-height: calc(100vh - 267px);
        /* max-height: calc(100vh - 267px); */
        /* overflow-y: auto; */
        /* width: 1000px; */
        border: 3px solid #ececec;
    }

    .block-relatorio .pagina {
        min-height: calc(100vh - 267px);
        padding: 30px;
        background-color: #FFF;
        border-bottom: 20px solid #ececec;
    }
    .block-relatorio .pagina.capa {
        padding: 0px;
        border: 30px solid #00503C;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .block-relatorio .confidencial {
        background-color: #000;
		padding: 8px 20px;
		color: #FFF;
        display: inline-block;
    }
    .block-relatorio .div-titulo {
        font-size: 1.8rem;
        font-weight: 600;
        text-align: center;
    }
    .block-relatorio .div-subtitulo {
        font-weight: 600;
        text-align: center;
    }
/* FIM RELATÓRIOS */

/* DRIVE */
    .grid-arquivos {
        min-height: calc(100vh - 367px);
        margin-bottom: 10px;
        overflow-y: auto;
    }
    .grid-arquivos .box-arquivo {
        background-color: #fafafa;
        border-radius: 10px;
        text-align: center;
        position: relative;
        width: 12.5%;
        margin: 5px 10px;
        padding: 0px;
        display: inline-flex;
    }
    .grid-arquivos .box-arquivo::after {
        content: "";
        display: block;
        padding-bottom: 85%;
    }
    .grid-arquivos .box-arquivo .arquivo {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: auto;
        padding: 15px 10px;
    }
    .grid-arquivos .box-arquivo .arquivo p {
        margin: 8px 0 0 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .grid-arquivos .box-arquivo .arquivo .btn-menu {
        padding: 3px 0;
        position: absolute;
        right: 0px;
        top: 5px;
    }
/* FIM DRIVE */

/* PRODUTOS */
    .banner-produtos {
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0px 0px;
    }

    .box-contratar {
        padding: 0px 14px;
        box-shadow: 0px 10px 40px 0px rgba(0, 1, 1, 0.05);
        border-radius: 20px;
    }
    .box-contratar h1 {
        color: #22282e;
    }
    .box-contratar small {
        color: #949799;
    }
    .box-contratar .line {
        border-top: 1px solid #edeef0;
        margin: 15px 20px;
    }

    .box-contratar2 {
        padding: 40px 20px 20px 20px;
        box-shadow: 0px 10px 40px 0px rgba(0, 1, 1, 0.05);
    }
    .box-contratar2 .table thead th {
        border: 0px;
        border-bottom: 1px solid #edeef0;
        text-transform: uppercase;
        font-weight: 300;
        color: #204C28;
        letter-spacing: 1px;
    }
    .box-contratar2 .table tbody td {
        border: 0px;
        vertical-align: middle;
    }
    .box-contratar2 .table tbody td:first-of-type {
        color: #949799;
        text-align: left;
    }
    .box-contratar2 .table tbody td:nth-of-type(2) {
        color: #4f4f4f;
        font-weight: 700;
    }

    .breadcrumb {
        background-color: #FFF;
        margin-bottom: 0px;
        padding: 0rem;
        text-align: center;
    }
    .breadcrumb .breadcrumb-item {
        line-height: 1.4;
    }
    .breadcrumb .breadcrumb-item .legenda {
        font-size: 9px;
        text-align: center;
        font-weight: 300;
        display: block;
        text-align: right;
    }
    .breadcrumb .breadcrumb-item .completo,
    .breadcrumb .breadcrumb-item .pendente {
        border: 3px solid #90ca2c;
        border-radius: 50px;
        width: 40px;
        height: 40px;
        display: inline-block;
        font-size: 20px;
        line-height: 1.6;
    }
    .breadcrumb-item + .breadcrumb-item {
        padding: 0rem;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        color: #90ca2c;
        content: "——";
        padding: 0rem;
        font-size: 25px;
    }
    .breadcrumb .breadcrumb-item .completo {
        background: #90ca2c;
        color: #FFF;
    }
    .breadcrumb .breadcrumb-item .pendente {
        color: #90ca2c;
    }

    .box-contrato {
        display: flex;
        min-height: calc(100vh - 279px);
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .box-contrato .mensagem-contrato {
        font-weight: 300;
        text-align: center;
        margin-top: 100px;
        color: #5c5c5c;
    }
    .box-contrato #btn-continuar {
        align-self: flex-end;
    }

    .box-processo {
        text-align: center;
        padding-right: 40px;
        padding-left: 40px;
    }
    .box-processo > div > div {
        background-color: #f8f8f8;
        padding: 20px;
    }
    .box-processo .titulo {
        margin-bottom: 15px;
    }
    .box-processo p {
        margin-bottom: 5px;
    }
/* FIM PRODUTOS */

/* PLANOS */

.container-prime, .container-planos{
    width: 100%;
    height: 500px;
    /* background-color: red; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.prime-plano, .plano-card{
    width: 40%;
    /* height: 100%; */
    /* background-color: green; */
    border-radius: 20px;
     display: flex;
    align-items: center;
    /* justify-content: center;  */
    flex-direction: column;
    /* border: 1px solid black; */
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.plano-card{
    /* height: 85%; */
    /* background-color: red; */
    margin: 50px;
}

.info-plano-prime{
    width: 100%;
    height: 80%;
    /* background-color: green; */
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 0px 20px 20px 0px;
}

.header-info-plano{
    width: 100%;
    height: 15%;
    background-image: linear-gradient(0deg, rgba(7,97,45,1) 0%, rgba(0,80,48,1) 68%, rgba(3,162,69,1) 100%);
    border-radius: 0px 20px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.row-descricao-prime{
    display: flex;
    height: 14.2%;
    /* padding: 18px; */
    /* margin: 10px; */
    border-bottom: 1px solid #c8c8c8;

}

.header-prime-plano{
    width: 100%;
    min-height: 50px;
    /* background-color: #01b150; */
    background-image: linear-gradient(0deg, rgba(7,97,45,1) 0%, rgba(0,80,48,1) 68%, rgba(3,162,69,1) 100%);
    border-radius: 20px 20px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.botao-contratar-plano{
    width: 60%;
    height: 36px;
    background-image: linear-gradient(0deg, rgb(3,162,69,1) 0%, rgb(53, 163, 16) 68%, rgba(3,162,69,1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    /* margin: 0 auto; */
    /* margin-bottom: 20px; */
    margin: 20px;
    border: none;
}

.botao-contratar-plano h5{
    color: #fff;
}

.header-prime-plano h2{
    color: #fff;
}

.prime-plano h4, p{
    margin: 20px 0px 0px 0px;
    color: #555555;
}

.plano-card h4, p{
    margin: 0px 0px 0px 0px;

}

.prime-plano h4{
    color: #00503C;
}

.plano-prime-preco{
    width: 90%;
    min-height: 80px;
    /* background-color: red; */
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    margin: 0 auto;
    margin-top: 40px;

    border-top: 2px solid rgba(0, 0, 0, 0.11);
}

.info-adicional{
    max-width: 80%;
    min-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-color: #cccac6;
    border-radius: 10px;
    margin-bottom: 20px;
}

.info-adicional h6{
    margin-top: 5px;
    color: #555555;
}

.plano-prime-descricao{
    width: 80%;
    height: 120px;
    border-radius: 15px;
    height: 120px;
    border: 2px solid #00503C;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.container-planos{
    /* border: 2px solid black; */
    margin: 50px 0px 50px 0px;
}

.plano-descricao{
    margin-top: 30px;
    width: 80%;
    border-radius: 15px;
    border: 2px solid #586662;
    padding: 0px 10px 10px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.plano-descricao p{
    font-weight: bold;
}

/* .container-desc{
    width: 100%;
    height: 100%;
    background-color: red;
} */

.row-desc{
    display: flex;
    width: auto;
    height: 20px;
    margin-bottom: 5px;
    /* background-color: blue; */
}

.row-desc h5{
    margin-top: 5px;
}

.icon-desc{

}

.vezes-cartao{
    /* width: 15%; */
    height: 40px;
    /* background-color: red; */
    display: flex;
    align-items: flex-end;
    color: #555555;
    margin-top: 10px;
    font-weight: bold;
}


.cifrao{
    width: 15%;
    height: 20px;
    margin-top: 15px;
    /* background-color: green; */
}


.valor{
    /* width: 70%;
    height: 40px; */
    /* background-color: blue; */
    display: flex;
    justify-content: flex-start;
}

.valor h1{
    font-size: 50px;
}

/* ATENDIMENTO */
    .box-agenda {
        border: 1px solid #e1e1e1;
        padding: 20px;
    }
    .titulo-agenda {
        display: flex;
        justify-content: center;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 10px;
        align-items: center;
    }
    .titulo-agenda .btn-mes {
        font-size: 25px;
    }
    .titulo-agenda span {
        line-height: 1;
        font-weight: 500;
    }
    .semanas-agenda {
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
    }
    .semanas-agenda span {
        width: 42px;
        color: #929292;
        font-size: 15px;
        text-align: center;
    }
    .dias-agenda .linha-calendario {
        display: flex;
        justify-content: space-between;
    }
    .dias-agenda .linha-calendario span {
        width: 30px;
        margin: 2px 6px;
        font-size: 18px;
        text-align: center;
    }
    .dias-agenda .selecionado {
        background-color: #d3d3d3;
    }
    .dias-agenda .compromisso {
        font-weight: 800;
    }
    .lista-agenda {
        font-weight: 700;
        color: #adadad;
    }
/* FIM ATENDIMENTO */

/* GERENCIAL */
    .estrelas-avaliacao .fa-star-o {
        color: #adadad;
    }
    .estrelas-avaliacao .fa-star {
        color: #ffde00;
    }

    #table-financeiro img {
        height: 16.5px;
        margin-left: 3px;
    }

    .table-permissoes {
        border-collapse: separate;
        border-spacing: 0px 5px;
    }
    .table-permissoes thead tr {
        border-radius: 10px;
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.11);
    }
    .table-permissoes thead tr th {
        border: 0px;
        text-align: center;
        vertical-align: middle;
        color: #204C28;
        font-weight: 500;
        padding: 0.5rem 1rem;
    }
    .table-permissoes thead tr th:nth-of-type(1) {
        text-align: left;
    }
    .table-permissoes thead tr th.titulo {
        color: #555555;
        font-size: 14.5px;
        font-weight: 600;
    }
    .table-permissoes tbody tr td {
        color: #555555;
        vertical-align: middle;
        border-top: 0px;
        border-bottom: 1px solid #c8c8c8;
        padding: 0.3rem 1.7rem;
    }
    .table-permissoes tbody tr td .custom-checkbox {
        line-height: 0;
        padding-left: 24px;
    }
    .table-permissoes tbody tr td:nth-of-type(2),
    .table-permissoes tbody tr td:nth-of-type(3) {
        white-space: normal;
        text-align: center;
        padding: 0.3rem 1rem;
    }

    .header-plan{
        /* height: 40px; */
        background-image: linear-gradient(0deg, rgba(7,97,45,1) 0%, rgba(0,80,48,1) 68%, rgba(3,162,69,1) 100%);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .button-contratar{
        margin-top: 15px;
        border: none;
        outline: none;
        width: 60%;
        height: 30px;
        border-radius: 8px;
        background-image: linear-gradient(0deg, rgba(7,97,45,1) 0%, rgba(0,80,48,1) 68%, rgba(3,162,69,1) 100%);
        color: #fff;
    }

    .button-contratar:hover{
        color: #fff;
    }


/* FIM GERENCIAL */


/* CONTAINER PRIME */

.container-total-plan2{
    width: 100%;
    height: 500px;
    /* background: #c9c9c9; */
    display: flex;
    flex-direction: row;
    align-items: center;
}

.total-plan2{
    width: 30%;
    height: 100%;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    border-radius: 15px;
}

.header-total-plan2{
    width: 100%;
    height: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(0deg, rgb(3,162,69,1) 0%, rgb(53, 163, 16) 68%, rgba(3,162,69,1) 100%);
    border-radius: 15px 15px 0px 0px;
    padding-top: 8px;
}

.header-total-plan2 h3{
    color: #fff;
}

.card-valor-total-plan2{
    display: flex;
    flex-direction: row;
}

.card-valor-total-plan2 h1{
    /* margin-top: 10px; */
    font-size: 50px;
}

.card-valor-total-plan2 h4{
    margin-top: 13px;
    margin-right: 5px;
    font-weight: bold;
}

.card-valor-total-plan2 h5{
    margin-top: 30px;
    margin-right: 7px;
    color: #555555;
}

.monitoria-total-plan2{
    margin-top: 15px;
    background: #c9c7c7;
    border-radius: 20px;
    padding: 0px 20px 0px 20px;
    font-weight: 500;
    font-size: 15px;
}

.descricao-total-plan2{
    margin-top: 30px;
}

.descricao-total-plan2 p{
    /* color: #000; */
    font-weight: 600;
    font-size: 15px;
}

.total-plan-info-extras2{
    width: 70%;
    height: 80%;
    border-radius: 0px 15px 15px 0px;
    background-color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.table-info-total-plan2{
    width: 100%;
    border-radius: 15px;
}

.tr-titulo-total-plan2{
    height: 50px;
    background-image: linear-gradient(0deg, rgb(3,162,69,1) 0%, rgb(53, 163, 16) 68%, rgba(3,162,69,1) 100%);
}

.text-header-total-plan2{
    width: 25%;
    color: #fff;
}

.tr-info-total-plan2{
    height: 59px;
    border-bottom: 2px solid #CCCAC6;
}

.td-info-total-plan2{
    font-weight: bold;
    color: #555555;
}

.btn-contratar-total-plan-2{
    width: 50%;
    /* height: 30px; */
    color: #fff;
    border-radius: 5px;
    font-weight: 500;
    background-image: linear-gradient(0deg, rgb(3,162,69,1) 0%, rgb(53, 163, 16) 68%, rgba(3,162,69,1) 100%);
    border: none;
}

.td-colum-primary{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    /* width: 80%; */
    /* background-color: red; */
}

/* CONTAINER PLANOS GERAIS */

.container-planos-gerais{
    width: 100%;
    height: 500px;
    /* background-color: #000; */
    margin: 80px 0px 40px 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.card-plano-lateral{
    width: 30%;
    height: 90%;
    background-color: #fff;
    margin: 30px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.card-plano-central{
    width: 30%;
    height: 100%;
    background-color: #FFF;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.header-planos-gerais{
    width: 100%;
    height: 10%;
    background-image: linear-gradient(0deg, rgb(3,162,69,1) 0%, rgb(53, 163, 16) 68%, rgba(3,162,69,1) 100%);
    border-radius: 15px 15px 0px 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.plano-descricao-gerais{
    margin-top: 15px;
    width: 80%;
    border-radius: 15px;
    border: 2px solid #586662;
    padding: 0px 10px 10px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.plano-descricao-gerais p{
    font-weight: bold;
}

.zoid-pluggy-connect-widget-12cc096b3a_mji6mji6ndm_modal-content{
    overflow: hidden !important;
}

/* MEDIAS */
    @media print {
        @page {
        size: A4;
        }

        body, .content-wrapper, body.fixed-nav {
            margin: 0;
            padding: 0;
        }
        .block-relatorio .pagina {
            padding: 30px;
        }
        nav, .header-dark {
            display: none;
        }
        .printarea {
            display: block;
        }
        .no-printarea {
            display: none;
        }
    }

    @media (min-width: 992px) {

    }


.btn-group-fab {
    position: fixed;
    width: 50px;
    height: auto;
    right: 35px; top: 180px;
    z-index: 10;
}

.btn-group-fab .add-conta-aviso {
    position: absolute;
    right: 70px;
}

.add-conta-aviso {
    font-size: 15px;
    margin-top: 12px;
}

.add-conta-aviso i {
    margin-top: 8px;
}

.add-conta-aviso p {
    background-color: #e0e0e0;
    padding: 6px;
    padding-right: 15px;
    border-radius: 50px;
    box-shadow: 0 0 0 rgba(204,169,44, 0.4);
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0,80,60, 0.4);
        box-shadow: 0 0 0 0 rgba(0,80,60, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(0,80,60, 0);
        box-shadow: 0 0 0 10px rgba(0,80,60, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0,80,60, 0);
        box-shadow: 0 0 0 0 rgba(0,80,60, 0);
    }
}


.btn-group-fab div {
    position: relative; width: 100%;
    height: auto;
}
.btn-group-fab .btn {
    position: absolute;
    top: 0;
    border-radius: 50%;
    display: block;
    margin-bottom: 4px;
    width: 40px; height: 40px;
    margin: 4px auto;
}
.btn-group-fab .btn-main {
    width: 50px; height: 50px;
    right: 50%; margin-right: -25px;
    z-index: 9;
    opacity: 100%!important;
    box-shadow: 0px 5px 21.6px 2.4px rgba(0, 0, 0, 0.22);
}

.btn-group-fab .btn-main i {
    margin-left: -2px;
    margin-top: 2px;
    transition: all 0.3s; /* Transition duration */
}

.btn-group-fab .btn-main span {
    opacity: 0;
    position: absolute;
    right: 57px;
    top: 12px;
    border: 1px solid rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.35);
    font-weight: normal;
    font-size: 12px;
    -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
    -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
    transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera     12.50+ */
}

.btn-group-fab .btn-main:hover span {
    opacity: 1;
    transition: opacity .2s linear;
}

.btn-group-fab.active .btn-main i{
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg); /* How many times it'll rotate = degrees÷360 */
}


.btn-group-fab .btn-sub {
    top: 0px; z-index: 8;
    right: 50%;
    margin-right: -20px;
    -webkit-transition: all 2s;
    transition: all 0.3s;
}

.btn-group-fab.active .btn-sub {
    top: 55px;
}

.btn-group-fab .btn-sub span {
    display: none;
}

.btn-group-fab.active .btn-sub span {
    display: block;
    position: absolute;
    right: 45px;
    top: 10px;
    border: 1px solid rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.35);
    font-weight: normal;
    font-size: 12px;
}

.btn-group-fab.active .btn-sub:nth-child(2) {
    top: 100px;
}
.btn-group-fab.active .btn-sub:nth-child(3) {
    top: 145px;
}
.btn-group-fab.active .btn-sub:nth-child(4) {
    bottom: 190px;
}
.btn-group-fab .btn-sub:nth-child(5) {
    bottom: 235px;
}
/*
.btn-primary.btn-sm, .btn-danger.btn-sm {
    border-radius: 4px!important;
    font-weight: normal!important;
    font-size: 13px!important;
}
 */

.modal {
    background-color: transparent!important;
}

.modal .modal-dialog{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.modal {
    transform: scale(0)!important;
    opacity: 0;
    -webkit-transition: .3s all 0s;
    -moz-transition: .3s all 0s;
    -ms-transition: .3s all 0s;
    -o-transition: .3s all 0s;
    transition: .3s all 0s;
    display: block !important;
}

.modal.show {
    opacity: 1;
    transform: scale(1)!important;
    transform:none;
}

.swal-modal  {
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
}

.select-tipo-conta:hover {
    cursor: pointer;
}

.select-tipo-conta:hover.left {
    -webkit-box-shadow: -5px 1px 19px -1px rgba(0,80,60,0.66);
    -moz-box-shadow: -5px 1px 19px -1px rgba(0,80,60,0.66);
    box-shadow: -5px 1px 19px -1px rgba(0,80,60,0.66);
}

.select-tipo-conta:hover.right {
    -webkit-box-shadow: 5px 1px 19px -1px rgba(0,80,60,0.66);
    -moz-box-shadow: 5px 1px 19px -1px rgba(0,80,60,0.66);
    box-shadow: 5px 1px 19px -1px rgba(0,80,60,0.66);
}

.select-tipo-conta:hover .fa {
    color: #00503C!important;
}

.arrow-move:hover {
    color: #0a5209!important;
}

.carousel .carousel-item {
    transition-duration: 0.3s!important;
}

.imageBank {
    cursor: pointer;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 4px solid #e4e4e4
}

.imageBank:hover, .imageBankSelected:hover {
    border: 0px solid #0a5209!important;
}

.drop-select-contacartao:not(.dropdown-toggle) {
    padding: 0px;
    width: 100%;
    -webkit-box-shadow: 0px 7px 31px -8px rgba(122,122,122,1);
    -moz-box-shadow: 0px 7px 31px -8px rgba(122,122,122,1);
    box-shadow: 0px 7px 31px -8px rgba(122,122,122,1);
    border: 0px;
}

.drop-select-contacartao .row {
    padding: 5px 8px; font-size: 14px; color: #808080; margin: 0px;
}

.drop-select-contacartao .tipo-cartao {
    background-color: #F6F6F6
}

.drop-select-contacartao:not(.dropdown-toggle) .row:hover:not(.tipo-cartao) {
    background-color: #feffe9;
    cursor: pointer;
}

.drop-select-contacartao .row .col-12 {
    padding: 0px;
    margin: 0px;
    color: #808080;
    font-size: 13px;
}

.drop-select-contacartao .row .ico {
    padding: 0px; margin: 0px;
}

.row .ico img {
    border-radius: 50%; width: 30px;
    border: 1px solid #d0d0d0;
}

.row .ico div {
    border-radius: 50%; width: 30px; height: 30px;
    background-color: #DBDED8;
    padding-top: 5px;
}

.drop-select-contacartao .row .name {
    padding: 0px;
    margin: 0px;
    padding-top: 4px;
    padding-left: 5px;
    display: inline-block;
    width: 200px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    color: #4a4a4a;
    font-size: 13.5px;
}

.dropdown-toggle .row .name {
    padding: 0px;
    margin: 0px;
    padding-top: 7px;
    padding-left: 0px;
    margin-left: -10px;
    display: inline-block;
    width: 225px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    color: #4a4a4a;
    font-size: 13.5px;
    text-align: left;
}

.dropdown-toggle .row .icotoggle {
    text-align: left;
    width: 15px!important;
}

.dropdown-toggle .row .icotoggle::after {
    display: inline-block;
    margin-left: -0.3em;
    vertical-align: -0.2em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.semToggle::after {
    display: none;;
}

.block_click td {
    /*cursor: not-allowed!important;*/
}

.table-lancamentos {
    width: 100%;
}

.table-lancamentos thead tr td {
    text-align: left;
    font-size: 13px;
}

.table-lancamentos tbody tr td {
    text-align: left;
    padding: 10px 15px;
}

.table-lancamentos {
    border-collapse: separate;
    border-spacing: 0px 0px;
}

.table-lancamentos thead tr td{
    padding: 0px 10px;
    color: #00503C;
}

.table-lancamentos thead .nameColumns td {
    padding-top: 10px;
    padding-bottom: 5px;
}

.table-lancamentos thead tr {
    background-color: #E9E9EA;
}

.table-lancamentos thead td {
    border: 0px;
    font-weight: 700;
    text-align: center;
    font-size: 0.7rem;
    color: #204C28;
}

.table-lancamentos thead .filters td{
    padding-bottom: 10px;
}
