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

*   ==Default
*   ==Loading
*   ==Buttons
*   ==Progress
*   ==Icons
*   ==Modal
*   ==Form
*   ==Text
*   ==Heading
*   ==Account Styles
*   ==NavRadio
*   ==DatePicker
*   ==Wizard
*   ==Utils

#### COLOR BASE ####
/**************************************************
gray:   #ebf1f3
green:  #1bd59a;
red:    #ff615b;
blue:   #0055f5;
orange: #ffb262;
***************************************************/


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

/* ------- PASCOA modal ------- */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/* ------- PASCOA modal ------- */

/* ==Default */
/* ----------------------------------------------- */
body {
    font-family: 'open_sansregular';
    background: #eaeaea;
    ;
}

a {
    color: #0055f5;
}

a,
a:hover,
a:active {
    text-decoration: none;
}

.table>tfoot>tr>td {
    border-bottom: none;
}

@media (min-width: 768px) {
    body {
        background-color: #eaeaea;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    #app {
        flex-grow: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    font-family: 'open_sansregular';
    font-weight: 700;
}

img {
    width: auto;
    max-width: 100%;
}

input::placeholder {
    color: red;
}

hr {
    margin: 25px 0px;
    border-top: 1px solid #e0e0e0;
}

b,
strong {
    font-family: 'open_sanssemibold';
}

.hidden-button {
    background: transparent !important;
    border-color: #E0E0E0 !important;
    color: #E0E0E0 !important;
    cursor: not-allowed;
}

/* ==Loading */
/* ----------------------------------------------- */
.load {
    height: 30px;
}

#loading {
    opacity: 0;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 30px;
}

.lds-ellipsis div {
    position: absolute;
    top: 10px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #0055f5;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(19px, 0);
    }
}

/* ==Navbar [.navbar]*/
/* ----------------------------------------------- */
@media(min-width:768px) {
    .navbar-brand-image {
        display: none;
    }
}

.navbar {
    position: relative;
    z-index: 501;
    min-height: 60px;
    margin-bottom: 0;
    background-color: #F5F5F5;
    border: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar .navbar-text {
    color: #999999;
}

.navbar .navbar-nav>li>a {
    color: #86949E;
    font-size: 14px;
}

.navbar .navbar-nav>li>a.close {
    color: #ff625f;
}

.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.active>a:hover,
.navbar .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: #080808;
}

.navbar .navbar-nav>.disabled>a,
.navbar .navbar-nav>.disabled>a:hover,
.navbar .navbar-nav>.disabled>a:focus {
    color: #444444;
    background-color: transparent;
}

.navbar .navbar-toggle {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 10px;
    color: #666;
    font-size: 18px;
    border-color: none;
}

.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
    background-color: #333333;
}

.navbar .navbar-collapse {
    background: #F5F5F5;
}

.navbar .navbar-collapse,
.navbar .navbar-form {
    border-color: #F5F5F5;
}

.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:hover,
.navbar .navbar-nav>.open>a:focus {
    color: #ffffff;
    background-color: #86949E;
    background-color: #86949E;
}

.navbar .navbar-link {
    color: #999999;
}

.navbar .navbar-link:hover {
    color: #ffffff;
}

.navbar-brand-image {
    padding: 0px;
}

.navbar-brand {
    height: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
    margin-left: 42%;
}

.navbar-brand-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

.navbar .navbar-nav>.navbar-profile>a {
    height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 60px;
}

.navbar-profile-avatar {
    position: relative;
    top: -1px;
    width: 30px;
    margin-right: .65em;
    border: 2px solid #9eb0bd;
    border-radius: 50%;
}

.navbar-profile-label {
    display: inline;
    font-size: 13px;
}

.nav-pills>li>a>i {
    color: #ff625f;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #0059f9;
}

.nav-pills>li.active>a>i {
    color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-brand-image {
        display: flex;
        align-items: flex-end;
    }

    .navbar-brand-image .badge-pro {
        margin-left: 7px;
    }
}

@media (min-width: 768px) {
    .navbar {
        height: 60px;
    }

    .navbar .navbar-nav>li>a {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-profile-label {
        display: none;
    }
}

@media (min-width: 768px) {
    .navbar-nav .dropdown-menu:before {
        content: '';
        position: relative;
        z-index: 10601;
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff;
        position: absolute;
        top: -7px;
        left: 8px;
    }

    .navbar-nav.navbar-right .dropdown-menu:before {
        left: auto;
        right: 12px;
    }
}

/* btn na navbar */
.navbar .navbar-nav>li>a.btn {
    border: 2px solid #0055f5;
    border-radius: 6px;
    background-color: #0055f5;
    color: #ffffff;
    padding: 6px 10px;
    margin-top: 13px;
    margin-right: 5px;
}

.navbar .navbar-nav>li>a.btn:hover {
    background-color: #ffffff;
    color: #0055f5;
}

.navbar .navbar-nav>li>a.btn:hover i {
    color: #ff615b;
}

/* ==Dropdowns */
/* ----------------------------------------------- */
.btn-primary .caret,
.btn-secondary .caret,
.btn-tertiary .caret,
.btn-facebook .caret,
.btn-twitter .caret {
    border-top-color: #fff;
}

.dropup .btn-primary .caret,
.dropup .btn-secondary .caret,
.dropup .btn-tertiary .caret,
.dropup .btn-facebook .caret,
.dropup .btn-twitter .caret {
    border-bottom-color: #fff;
}

.dropdown-menu {
    min-width: 185px;
    border: 0;
}

.dropdown-menu>li {
    margin-right: .5em;
    margin-left: .5em;
}

.dropdown-menu>li>a {
    cursor: pointer;
    padding: 10px 7px;
    font-size: 15px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dropdown-menu>li>a>i {
    color: #83a7d6;
    font-size: 16px;
}

.dropdown-header {
    padding: 7px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #000;
    background-color: #eaeaea;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #444;
    background-color: #dadada;
}

@media (max-width: 768px) {
    .dropdown-header {
        color: #083d33;
        font-size: 13px;
    }

    .dropdown-menu>li>a {
        color: #277ae9;
        font-size: 13px;
    }

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding-left: 40px;
    }

    .dropdown-menu .divider {
        background-color: #1abf9f;
    }
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    display: none;
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}

.navbar .dropdown-submenu>.dropdown-menu,
.mainnav .dropdown-submenu>.dropdown-menu {
    display: block;
    margin-top: -6px;
    margin-left: 20px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dropdown-submenu:hover>.dropdown-menu:before,
.dropdown-submenu:hover>.dropdown-menu:after {
    display: none;
}

@media (min-width: 768px) {

    .navbar .dropdown-submenu>.dropdown-menu,
    .mainnav .dropdown-submenu>.dropdown-menu {
        display: none;
        margin-left: -1px;
    }

    .navbar .dropdown-submenu:hover>.dropdown-menu,
    .mainnav .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }

    .dropdown-submenu>a:after {
        content: " ";
        display: block;
        float: right;
        width: 0;
        height: 0;
        margin-top: 5px;
        margin-right: -5px;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
    }

    .dropdown-submenu:hover>a:after {
        border-left-color: #e74c3c;
    }
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

/* ==Footer [.footer]*/
/* ----------------------------------------------- */
.footer {
    padding: 20px 0 20px 0;
    margin-top: 2em;
    font-size: 12px;
    background: #e6e6e6;
    border-top: 1px solid #cdcdcd;
}

.footer .row>div {
    padding-bottom: .75em;
}

.footer hr {
    border-top-color: #d2d2d2;
}

@media (min-width: 768px) {
    .footer {
        padding-bottom: 0px;
        margin-top: 0;
        background: #F5F5F5;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        line-height: 60px
    }

    .footer img {}
}

/* ==Noticebar [.noticebar]*/
/* ----------------------------------------------- */
.navbar .noticebar>li>a .badge {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 10px;
    background: transparent;
    border: 2px solid #D9534F;
}

.navbar .noticebar>.open>a .badge {
    background: #e74c3c;
}

@media (min-width: 768px) {
    .navbar .noticebar>li>a {
        max-height: 60px;
        color: #9EB0BD;
        font-size: 19px;
    }

    .navbar .noticebar>li>a:hover {
        color: #555555;
    }

    .navbar .noticebar>li>a .badge {
        position: absolute;
        top: 6px;
        right: 3px;
        border-top-right-radius: 100px;
        border-top-left-radius: 100px;
        border-bottom-right-radius: 100px;
        border-bottom-left-radius: 100px;
        color: #000000;
    }

    .navbar .noticebar>.open>a:after {
        content: '';
        position: relative;
        z-index: 1001;
        display: inline-block;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
        position: absolute;
        bottom: -2px;
        left: 50%;
        margin-left: -8px;
    }
}

.noticebar-empty {
    padding: 25px 35px !important;
    text-align: center;
}

.noticebar-empty-title {
    color: #e74c3c;
}

.noticebar-empty-text {
    color: #777;
}

.noticebar-menu-view-all {
    text-align: center;
}

.noticebar-menu {
    width: 325px;
}

.noticebar-menu .nav-header {
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 600;
}

.noticebar-menu .nav-header a {
    font-weight: 400;
}

.noticebar-menu>li {
    display: table;
    width: 100%;
    padding: 0;
    margin-right: 0;
    margin-left: 0;
    border-bottom: 1px dotted #ccc;
}

.noticebar-menu>li:last-child {
    border-bottom: none;
}

.noticebar-menu>li>a {
    padding: 8px 12px;
    font-size: 12px;
    white-space: normal;
}

.noticebar-menu>li>a:hover {
    color: #444;
    background: #eee;
}

.noticebar-menu:before,
.noticebar-menu:after {
    display: none !important;
}

.navbar-visible-collapsed {
    display: inline;
}

@media (max-width: 768px) {
    .noticebar-menu {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .navbar-visible-collapsed {
        display: none;
    }
}

.noticebar-item-image,
.noticebar-item-body {
    display: table-cell;
    vertical-align: middle;
}

.noticebar-item-image {
    width: 36px;
    font-size: 30px;
    text-align: center;
}

.noticebar-item-body {
    padding-left: 20px;
}

.noticebar-item-title {
    display: block;
}

.noticebar-item-time {
    display: block;
    color: #777;
}

/* ==Mainbar [.mainbar]*/
/* ----------------------------------------------- */
.mainbar {
    width: 100%;
    padding: 5px 0;
    text-align: center;
    background: #FDFDFD;
    border-bottom: 5px solid #F5F5F5;
}

.mainbar .mainbar-nav {
    text-align: left;
}

.mainbar .mainbar-nav>li.logo {
    display: none;
}

.mainbar .mainbar-nav>li>a {
    color: #2B2006;
    font-weight: 700;
}

.mainbar .mainbar-nav>li>a>svg {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 2px;
}

.mainbar .mainbar-nav>li>a>i,
.mainbar .mainbar-nav>li>a>svg {
    margin-right: 5px;
    color: #83a7d6;
}

.mainbar .mainbar-nav>li>a>i:hover,
.mainbar .mainbar-nav>li>a>i:focus,
.mainbar .mainbar-nav>li>a>svg:hover,
.mainbar .mainbar-nav>li>a>svg:focus {
    color: #ffffff;
}

.mainbar .mainbar-nav>li .label {
    display: none;
}

.mainbar .mainbar-nav>li>a.inative,
.mainbar .mainbar-nav>li>a.inative>i {
    margin-right: 5px;
    color: #9EB0BD;
    cursor: unset;
}

.mainbar .mainbar-nav>li:not(.logo)>a:hover,
.mainbar .mainbar-nav>li:not(.logo)>a:focus {
    background: #267ae9;
    color: #ffffff;
}

.mainbar .mainbar-nav>.open>a,
.mainbar .mainbar-nav>.open>a:hover,
.mainbar .mainbar-nav>.open>a:focus {
    color: #fff;
    background: #267ae9;
    border-color: #267ae9;
}

.mainbar .mainbar-toggle {
    display: block;
    width: 100%;
    margin: 0 auto;
    color: #0a463a;
    font-size: 18px;
    background: transparent;
}

@media (min-width: 768px) {
    .mainbar {
        /*height: 160px;*/
        padding: 0;
        padding-bottom: 15px;
    }

    .mainbar .mainbar-nav {
        float: none;
        margin-top: 17px;
        display: flex;
        align-items: center;
    }

    .mainbar .mainbar-nav>li {
        margin-right: 4px;
    }

    .mainbar .mainbar-nav>li>a {
        padding: 8px 10px;
        font-size: 12px;
        font-weight: 400;
        text-align: center;
        border: 1px solid transparent;
        /*text-shadow: 1px 1px 1px #FFDC2E;*/
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .mainbar .mainbar-nav>li.logo {
        display: block;
        margin-right: 50px;
    }

    .mainbar .mainbar-nav>li.logo a {
        display: flex;
        align-items: flex-end;
    }

    .mainbar .mainbar-nav>li.logo .badge {
        margin-left: 7px;
        display: block;
        margin-bottom: 2px;
    }

    .mainbar .mainbar-nav>li.logo>a {
        padding: 0;
        line-height: 82px;
        min-width: auto;
    }

    .mainbar .mainbar-nav>li.logo>a>img {
        max-height: 55px;
    }

    .mainbar .mainbar-nav>li>a>i {
        margin-right: 0;
    }

    .mainbar .mainbar-nav>li .label {
        border-radius: 11px;
        display: block;
        position: absolute;
        left: 50%;
        text-transform: none;
        top: 0;
    }

    .mainbar .mainbar-nav>li>a>svg {
        height: 24px;
        margin-right: auto;
        width: 24px;
    }

    .mainbar .mainbar-nav>li>a>i,
    .mainbar .mainbar-nav>li>a>svg {
        display: block;
        margin-bottom: 6px;
        font-size: 24px;
    }

    .mainbar .mainbar-nav>li:not(.logo)>a:hover,
    .mainbar .mainbar-nav>li:not(.logo)>a:focus {
        background: #267ae9;
        border-color: #267ae9;
    }

    .mainbar .mainbar-nav>li.logo>a:hover,
    .mainbar .mainbar-nav>li.logo>a:focus {
        background: #FDFDFD;
        border-color: #FDFDFD;
    }

    .mainbar .mainbar-nav>li>a.inative:hover,
    .mainbar .mainbar-nav>li>a.inative:focus {
        background: #E2E2E2;
        border-color: #E2E2E2;
        color: #2B2006;
    }

    .mainbar .mainbar-nav>.active>a,
    .mainbar .mainbar-nav>.active>a:hover,
    .mainbar .mainbar-nav>.active>a:focus {
        color: #2B2006;
        background: #FFF6AB;
        border-color: transparent;
        border: 3px solid #FDC700;
        font-weight: 700;
    }

    .mainbar .mainbar-nav>.active>a::after,
    .mainbar .mainbar-nav>.active>a:hover::after,
    .mainbar .mainbar-nav>.active>a:focus::after {
        content: '';
        display: inline-block;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid transparent;
        border-top-color: #FDC700;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px;
    }

    .mainbar .mainbar-toggle {
        display: none;
    }

    .mainbar .mainbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

    .mainbar .mainbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .mainbar .mainbar-collapse.in {
        overflow-y: visible;
    }
}

@media (min-width: 992px) {
    .mainbar {
        /*height: 170px;*/
    }

    .mainbar .mainbar-nav>li {
        margin-right: 10px;
    }

    .mainbar .mainbar-nav>li:last-child {
        margin-right: 0px;
    }

    .mainbar .mainbar-nav>li>a {
        padding: 12px 12px;
        font-size: 15px;
        min-width: 132px;
        font-weight: 700;
    }

    .mainbar .mainbar-nav>li>a>svg {
        height: 28px;
        width: 28px;
    }

    .mainbar .mainbar-nav>li>a>i,
    .mainbar .mainbar-nav>li>a>svg {
        font-size: 28px;
    }
}

@media (max-width: 768px) {

    .mainbar .dropdown-menu>li>a:hover,
    .mainbar .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: #117c67;
    }
}

/* ==Content [.content]*/
/* ----------------------------------------------- */
.content {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 20px 15px;
}

/*.content::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  left: 10px;
  width: auto;
  height: 100px;
  margin-top: -15px;
  margin-right: -25px;
  margin-left: -25px;
  background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #e9e9e9 0%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe9e9e9', endColorstr='#ffffffff', GradientType=0);
}*/
.breadcrumb {
    padding: 4px 0;
    margin-bottom: 0;
    background: none;
}

.breadcrumb>li {
    font-size: 15px;
}

.breadcrumb>li>a {
    text-decoration: none;
    color: #999999;
    background-color: #F5F5F5;
    padding: 5px 5px;
    border-radius: 0;
}

.content-container {
    position: relative;
    z-index: 101;
}

.content-header {
    padding-bottom: .5em;
    margin-top: 5px;
}

.content-header-title {
    margin-top: 0;
    color: #9aaab5;
    font-weight: 100;
    font-size: 24px;
    padding-top: 14px;
}

.content-header-subtitle {
    color: #999;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.content-header-subtitle.black {
    color: #000000;
}

.row-spacer {
    height: 40px;
}

@media (min-width: 768px) {
    .content {
        padding: 0;
    }

    .content.box {
        min-height: 10px !important;
    }

    .content::before {
        margin: 0;
        border: none;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .content-container {
        padding: 25px 25px 25px 25px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .content-header-title {
        font-size: 28px;
    }
}

/* ==Buttons */
/* ----------------------------------------------- */

.btn .icon {
    position: relative;
    top: -1px;
    vertical-align: middle;
}

.btn,
.pager li>a,
.pager li>span {
    border: 2px solid transparent;
    border-radius: 25px;
    text-transform: inherit;
    font-family: inherit;
    font-weight: 500;
    padding: 8px 20px;
    margin: 0 5px;
}


.btn-full {
    margin: 0;
    display: block;
    font-size: inherit;
}

@media (max-width: 480px) {
    .btn-full {
        margin: 0;
        font-size: inherit;
        padding: 8px;
    }
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 8px 30px;
    line-height: 1.66667;

}

.btn-sm,
.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
    border: 0;
}

.btn-sm:last-child {
    margin: 0 0;
}

.btn:active,
.btn.active {
    background-image: none;
}

.btn-primary {
    color: #ffffff;
    background-color: #FD9A00;
    border-color: #FDC700;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #FD8C00;
    border-color: #FDC700;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #e74c3c;
    border-color: #df2e1b;
}

.btn-inverse {
    color: #0055f5;
    background-color: #ffffff;
    border-color: #0055f5;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active {
    color: #ffffff;
    background-color: #267ae9;
    border-color: #267ae9;
}

.btn-inverse:active,
.btn-inverse.active {
    background-image: none;
}

.btn-success {
    color: #fff;
    background-color: #1bd59a;
    border-color: #1bd59a;
}

.btn-success.btn-sm {
    color: #1bd59a;
    background-color: #fff;
}

.btn-success:hover,
.btn-success-hover:hover,
.btn-success:focus,
.btn-success-hover:focus,
.btn-success:active,
.btn-success-hover:active,
.btn-success.active,
.btn-success-hover.active,
.open .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #00bb80;
    border-color: #00bb80;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active,
.btn-inverse[disabled] {
    /*background-color: #e74c3c;
    border-color: #df2e1b;*/
    border-color: #ccc;
    color: #b3b3b3;
    background-color: #ffffff;
}

.btn-default {
    color: #333;
    background-color: #ddd;
    border-color: #ddd;
}

.btn-sm.btn-default {
    color: #333;
    background-color: #fff;
}

.btn-info {
    background-color: #0055f5;
}

.btn-sm.btn-info:hover,
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: #267ae9;
    border-color: #267ae9;
}

.btn-sm.btn-info {
    color: #0055f5;
    background-color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #ff625f;
}

.btn-sm.btn-danger {
    color: #ff625f;
    background-color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
}

.btn-dark {
    background-color: #111B25;
    border-color: #111B25;
    color: #fff;
}

.btn-dark:hover,
.btn-dark-hover:hover,
.btn-dark:focus,
.btn-dark-hover:focus,
.btn-dark:active,
.btn-dark-hover:active,
.btn-dark.active,
.btn-dark-hover.active,
.open .dropdown-toggle.btn-dark {
    background-color: #111B25;
    border-color: #111B25;
    color: #fff;
}

.btn-outline {
    color: #2B2006;
    background-color: transparent;
    border: 1px solid #999999;
}

.btn-outline:hover {
    color: #fff;
    background-color: #999999;
}

.btn-outline-danger {
    font-weight: 600;
    color: #610316;
    background-color: transparent;
    border: 2px solid #610316;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #610316;
}

.btn-outline-light {
    color: #FFFFFF;
    background-color: transparent;
    border: 1px solid #FFFFFF;
}

.btn-outline-light:hover,
.btn-outline-light:focus {
    color: #FFFFFF;
    background-color: transparent;
}

.btn-link,
.btn-link:hover {
    text-decoration: none;
    color: #0055F5;
}

.btn-link-light,
.btn-link-light:hover {
    text-decoration: none;
    color: #fff;
}

.btn-link-secondary {
    color: #222222;
}

.btn-sm.btn-warning {
    color: #FF9800;
    background-color: #fff;
}

.btn-square {
    border-radius: 4px;
}

.close {
    color: #D6181F;
    font-size: 20px;
    opacity: 1;
    filter: alpha(opacity=0);
}

/* ==Progress */
/* ----------------------------------------------- */
.progress {
    overflow: hidden;
    font-size: 11px;
    border-radius: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-bar {
    background-color: #0055f5;
    border-radius: 30px;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #fff;
    font-size: 11px;
    text-align: center;
    height: 100%;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-group {
    display: -ms-flexbox;
    display: flex;
}

.progress-group .progress {
    flex-grow: 1;
    margin-bottom: 0;
    margin-right: 3px;
}

.progress-labels {
    padding-bottom: 20px;
    position: relative;
}

.progress-labels .progress {
    overflow: visible;
}

.progress-labels::after,
.progress-labels::before {
    top: 25px;
    color: #3E4C59;
    display: block;
    font-size: 11px;
    line-height: 15px;
    position: absolute;
}

.progress-labels::after {
    content: attr(data-after);
    right: 0;
}

.progress-labels::before {
    content: attr(data-before);
    left: 0;
}

.progress-labels .progress-bar {
    position: relative;
}

.progress-labels .progress-bar > span {
    bottom: 29px; 
    color: #2B2006;
    position: absolute;
    right: 0;
}

/* ==Icons */
/* ----------------------------------------------- */
.icon-rounded {
    padding: 5px 0;
    margin-bottom: 8px
}

.icon-rounded .icon-rounded-button {
    display: inline-flex !important;
    border-radius: 50%;
    padding: 10px
}

.icon-rounded .icon-rounded-button i {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    display: inline-block
}

.icon-rounded .icon-rounded-button img {
    margin: 15px;
}

.icon-rounded .icon-rounded-button-lg i {
    font-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 34px
}

.icon-rounded .gray {
    background-color: rgb(235, 241, 243);
}

.icon-rounded .green-ligth {
    background-color: rgba(27, 213, 154, 0.2)
}

.icon-rounded .green {
    background-color: rgb(27, 213, 154);
    color: #ffffff;
}

.icon-rounded .blue {
    background-color: rgba(0, 85, 245, 0.2)
}

.icon-rounded .red {
    background-color: rgba(255, 98, 95, 0.2)
}


/* ==Form */
/* ----------------------------------------------- */
.form-control {
    height: 45px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0;
    font-weight: normal;
    border: 0;
    border: 2px solid #ebf1f3;
    border-radius: 3px;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #FBFBFB;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.form-control:focus {
    border-color: #9cd4ef;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f7f7f7;
}

.form-control.input-sm {
    width: 60px;
    height: 35px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

.form-control.input-md {
    width: 100px;
}

.form-control.input-box {
    display: inline-flex;
    width: 80%;
    min-width: 200px;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
    font-size: 24px;
    color: #2235cc;
    border: 4px solid #ebf1f3;
}

.form-control.input-box:focus {
    background-color: #ebf1f3;
}

input.datepicker,
input.datepicker-month,
input[data-toggle="daterangepicker"] {
    background-image: url(../img/sprite.svg#g-calendar);
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 14px 16px;
    padding-right: 29px;
}

.input-box::placeholder {
    font-size: 20px;
    font-weight: normal;
    line-height: 60px;
    color: #ebf1f3;
}

.form-group {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        margin-bottom: 20px;
    }
}

label.error {
    color: #ff625f;
    font-size: 12px;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
}

@media (min-width: 768px) {
    .form-inline .form-control {
        margin-right: 10px;
    }
}

/* ==Headings [.heading]*/
/* ----------------------------------------------- */
.heading {
    padding-bottom: 0;
    margin-bottom: 1em;
    margin-top: 1em;
    border-bottom: 0;
    color: #0055f5;
}

.heading-inline {
    display: inline-block;
}

/* ==Pagination [.pagination] */
/* ----------------------------------------------- */
.pagination>li>a,
.pagination>li>span {
    color: #222;
    padding: 4px 10px;
    font-weight: 700;
    border: 0px solid #ddd;
    margin: 2px;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #FFFFFF;
    background-color: #848484;
    border-color: #848484;
    cursor: default;
    border-radius: 50%;
    padding: 6px 12px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #afafaf;
    background-color: #ccc;
    border-color: #ccc;
    border-radius: 50%;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #AFAFAF;
    background-color: #FFF;
    border-color: #E6E6E6;
}

.pager>li>a {
    color: #222;
}

/* ==Account Styles */
/* ----------------------------------------------- */
label.labelChoice {
    margin-top: 0.25em;
    width: 100%;
    padding: 19px 20px;
    border: 2px solid #ebf1f3;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    cursor: pointer
}

label.labelChoice.small {
    padding: 18px 14px;
    font-size: 95%;
}

label.labelChoice img {
    width: 100px;
}

label.labelChoice.inactive {
    border: 2px solid #f9f9f9;
    background: #f5f5f5;
    color: #999999;
    cursor: default;
}

label.labelChoice.inactive img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* For IE8 and earlier */
}

label.labelChoice span {
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 25px;
    color: #797979;
}

label.labelChoice span i {
    margin-right: 2px
}

label.labelChoice:not(.inactive):hover {
    border-color: #1bd59a;
}

label.labelChoice h3 {
    font-size: 1.3em;
    font-weight: bold;
    text-align: left;
    color: #ff00b8;
}

label.labelChoice p {
    color: #5e5e5e;
    text-align: left;
    font-weight: normal;
}

input.labelChoice {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute
}

input:checked+.labelChoice.green {
    /*padding: 18px;*/
    border: 2px solid #1bd59a;
    background-color: #1bd59a;
}

input:checked+.labelChoice.red {
    /*padding: 18px;*/
    border: 2px solid #ff615b;
    background-color: #ff615b;
}

input:checked+.labelChoice.blue {
    /* padding: 18px;*/
    border: 2px solid #0055f5;
    background-color: #0055f5;
}

input:checked+.labelChoice.gray {
    border: 2px solid #d8dee0;
    background-color: #d8dee0;
}

input:checked+.labelChoice.accepted {
    border: 2px solid #0055f5;
    background-color: #f6faff;
}

input:checked+.labelChoice span {
    font-weight: 600;
    color: #ffffff;

}

input:checked+.labelChoice.border-green {
    /*padding: 18px;*/
    border: 2px solid #1bd59a;
}

input.labelChoice {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}

label.labelChoice .icon {
    min-height: 66px;
    margin: 0 auto 20px;
}

label.labelChoice.small .icon {
    min-height: 34px;
    margin: 0 auto 12px;
}

.account-bg {
    background: #e6e6e6;
}

.account-bg.blue {
    background: #0b51c5;
    color: #ffffff;
}

.account-bg.red {
    background: #9c3328;
    color: #ffffff;
}

.account-header-divider {
    margin-top: 0;
    border-top: 10px solid #fff;
    border-bottom: none;
}

body.account-wrapper {
    background-color: #ffffff;
}

body.account-wrapper>.footer {
    display: none;
}

/*.account-wrapper, .complete-warper {
    position: relative;
    width: 90%;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
}

.account-wrapper .row > div {
    margin-bottom: 1em;
}*/

.account-logo {
    text-align: center;
    margin: 20px auto 20px;
    padding: 20px;
}

.account-logo img {
    max-width: 150px;
    width: auto;
    max-height: 100%;
    height: auto;
}

.account-form {
    padding: 0;
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: left;
}

.account-form .placeholder-hidden {
    display: none;
}

.account-form .form-control {
    height: 45px;
    padding: 5px 10px;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.account-body {
    position: relative;
    padding: 20px 35px 10px;
    margin-bottom: 1em;
    background-color: #fbfbfb;
    border: 2px solid #ebf1f3;
    border-radius: 6px;
}

.account-body-title {
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 1.5em;
    text-align: center;
    font-size: 1.5em;
}

.account-body-subtitle {
    color: #777;
    line-height: 1.5em;
    font-weight: 100;
    font-size: 15px;
    margin-bottom: 20px;
}

.account-footer {
    padding: 0 25px;
    margin-top: 1.5em;
}

.account-footer p {
    font-weight: bold;
    color: #9e9e9e;
    font-size: 15px;
}

.account-or-social {
    display: block;
    margin-top: 1em;
}

@media (min-width: 768px) {
    /*.account-wrapper {
        width: 620px;
        padding: 0;
    }

    .account-wrapper .row > div {
        margin-bottom: 0;
    }

    .account-body .account-form {
        text-align: left;
    }

    .account-or-social {
        margin-top: 2em;
    }*/
}


/* ==Cards */
/* ----------------------------------------------- */
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f8f8f8;
    background-clip: border-box;
    border: 1px solid #f8f8f8;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 15px 15px 8px;
}

.card.pending {
    border: 1px solid #ffe5ca;
    background-color: #fffcfa;
}

.card.canceled {
    border: 1px solid #ffb9b6;
    background-color: #fbf8f8;
}

.card>hr {
    margin-right: 0;
    margin-left: 0;
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-body {
    font-size: 13px;
    padding: 1.25rem 0;
    color: #333333;
}

.card-body p {
    margin-bottom: 5px;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link+.card-link {
    margin-left: 1.25rem;
}

.card-header {
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid #eaeaea;
    color: #999;
    font-size: 13px;
    padding-bottom: 8px;
}

.card-footer {
    padding-top: 8px;
    background-color: transparent;
    border-top: 1px solid #eaeaea;
}

.card-footer p {
    font-size: 13px;
    font-weight: lighter;
    color: #9E9E9E;
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-group>.card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .card-group>.card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0;
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0;
    }

    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .card-group>.card:first-child .card-img-top,
    .card-group>.card:first-child .card-header {
        border-top-right-radius: 0;
    }

    .card-group>.card:first-child .card-img-bottom,
    .card-group>.card:first-child .card-footer {
        border-bottom-right-radius: 0;
    }

    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .card-group>.card:last-child .card-img-top,
    .card-group>.card:last-child .card-header {
        border-top-left-radius: 0;
    }

    .card-group>.card:last-child .card-img-bottom,
    .card-group>.card:last-child .card-footer {
        border-bottom-left-radius: 0;
    }

    .card-group>.card:only-child {
        border-radius: 0.25rem;
    }

    .card-group>.card:only-child .card-img-top,
    .card-group>.card:only-child .card-header {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

    .card-group>.card:only-child .card-img-bottom,
    .card-group>.card:only-child .card-footer {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0;
    }

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
        border-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}


/* ==Social Feed [.feed-item] */
/* ----------------------------------------------- */
.feed-item {
    position: relative;
    padding: 0;
    margin: 0;
    padding-top: 12px;
    padding-bottom: 20px;
    padding-left: 27px;
    margin-left: 20px;
}

.feed-item:before {
    background-color: #DDD;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 19px;
    width: 1px;
}

.feed-item:last-child {
    padding-bottom: 0px;
}

.feed-item:last-child:before {
    display: none;
}

.feed-item .feed-subject {
    margin-bottom: 1.5em;
}

#details-installment-released .feed-item .feed-subject {
    margin-top: -8px;
    margin-bottom: 5px;
}

.feed-item .feed-subject a {
    font-weight: 600;
}

.feed-item .feed-content {
    padding-left: 0px;
}

.feed-item .feed-content .icons-list {
    list-style: none;
    padding: 0;
    margin: 0 0 10px;
}

.feed-item .feed-actions {
    padding: 10px 10px;
    margin-top: 2em;
    border-top: 1px dotted #ccc;
}

.feed-item .feed-actions:before,
.feed-item .feed-actions:after {
    content: " ";
    display: table;
}

.feed-item .feed-actions:after {
    clear: both;
}

.feed-item .feed-actions a {
    color: #999;
    font-size: 13px;
}

.feed-item .feed-actions a:hover {
    text-decoration: none;
    color: #e74c3c;
}

.feed-item .feed-actions .pull-left {
    margin: 0 15px 0 0;
}

.feed-item .feed-actions .pull-right {
    margin: 0 0 0 15px;
}

.feed-item .feed-icon {
    position: absolute;
    top: 0px;
    left: -20px;
    width: 40px;
    height: 40px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    background-color: #428bca;
    border-radius: 100px;
}

.feed-item .feed-icon-xs {
    height: 12px;
    left: -6px;
    top: 16px;
    width: 12px;
}

.feed-item .feed-icon i {
    line-height: 40px;
}

#details-installment-released .feed-item .feed-icon {
    left: -15px;
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 28px;
    border: 1px solid #FFF;
}

.feed-item-idea .feed-icon {
    background-color: #428bca;
}

.feed-item-image .feed-icon {
    background-color: #bbbbbb;
}

.feed-item-file .feed-icon {
    background-color: #e74c3c;
}

.feed-item-bookmark .feed-icon {
    background-color: #555;
}

.feed-item-question .feed-icon {
    background-color: #428bca;
}

.feed-invoice_create .feed-icon {
    background-color: #53cba2;
}

.feed-invoice_duplicate .feed-icon {
    background-color: #2db3a7;
}

.feed-invoice_reminder .feed-icon {
    background-color: #00b8fe;
}

.feed-invoice_pending .feed-icon {
    background-color: #FDC700;
}

.feed-invoice_paid .feed-icon {
    background-color: #5cb85c;
}

.feed-invoice_canceled .feed-icon,
.feed-item-danger .feed-icon {
    background-color: #e74c3c;
}

.icons-list {
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
}

.icons-list>li {
    position: relative;
    padding-left: 2em;
    margin-bottom: 1px;
    line-height: 2em;
    border-bottom: 1px dashed #f1ecec;
}

.icons-list>li>.icon-li {
    position: absolute;
    top: 7px;
    left: 0px;
    width: 1em;
    font-size: 1em;
    text-align: center;
}

/* ==Row Stat [.row-stat]*/
/* ----------------------------------------------- */
.row-stat {
    padding: 12px;
    margin-bottom: 0;
    background-color: #fbfbfb;
    ;
    /*    border: 1px solid #F1F1F1;*/
}

.row-stat-box {
    margin-bottom: 40px;
}

.row-stat-box p.stat-label {
    line-height: 26px;
    margin-bottom: 3px;
    clear: both;
    color: #607d8b;
    border-bottom: 1px solid #f1f1f1;
}

.row-stat-box p.stat-label:last-child {
    border-bottom: 0;
}

.row-stat-box .label {
    line-height: 18px;
    font-size: 90%;
    border-radius: 0;
}

.row-stat.row-stat-primary {
    border-left: 4px solid #FD9A00;
}

/*.row-stat-primary span{
    color: #FD9A00;
}*/

.row-stat.row-stat-success {
    border-left: 4px solid #5bc563;
}

/*.row-stat-success span{
    color: #5bc563;
}*/

.row-stat.row-stat-warning {
    border-left: 2px solid #FDC700;
}

.row-stat.row-stat-default {
    border-left: 2px solid #eaeaea;
    text-align: center;
}

.row-stat.row-stat-info {
    border-left: 2px solid #0c86e8;
}

.row-stat.row-stat-danger {
    border-left: 2px solid #E74C3C;
}

.row-stat.row-stat-green {
    border-left: 2px solid #00ba86;
}

.row-stat-label {
    color: #999;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    font-family: 'open_sanssemibold';
}

.row-stat-label i {
    font-size: 20px;
}

.row-stat-value {
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    margin-right: .25em;
    margin-bottom: 0;
}

.row-stat-badge {
    position: relative;
    top: -3px;
    font-size: 85%;
}

.row-stat {
    position: relative;
}

/* ==Alert */
/* ----------------------------------------------- */

.alert {
    padding: 16px;
    position: relative;
    display: block;
    border-radius: 4px;
}

.alert .alert-title {
    display: block;
    margin-bottom: 8px;
}

.alert .alert-icon {
    font-size: 20px;
    margin-right: 16px;
}

.alert .d-flex > div {
    flex-grow: 1;
    width: 100%;
}

.alert .d-flex .alert-icon {
    flex: 0 0 auto;
    width: auto;
}

.alert .d-flex .alert-btns {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    padding-left: 20px;
    width: auto;
}

.alert-primary {
    background-color: #f5f8fd;
    border-left: 2px solid #2196f3;
}

.alert-default {
    background-color: #f5f5f5;
    border-left: 2px solid #9e9e9e;
}

.alert-info {
    background-color: #F0F5FF;
    border-color: #c0d5fd;
    color: #1F2933;
}

.alert-info i,
.alert-info .icon {
    color: #0055F5;
}

.alert-info i {
    font-size: 19px;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.alert-info .icon {
    margin-right: 20px;
}

.alert-info .btn-inverse {
    background-color: transparent;
}

.alert-info .btn-inverse:hover {
    background-color: #0055f5;
}

.alert-info .btn-inverse:focus,
.alert-info .btn-inverse:active {
    background-color: #0055f5;
}

@media (max-width: 991px) {
    .alert-info .btn {
        margin-top: 16px;
    }

    .alert-info .alert-text {
        display: flex;
        align-items: center;
    }
}

.alert-danger {
    background-color: #FFE3E3;
    border-color: #FF9B9B;
    border-radius: 4px;
    color: #1F2933;
}

.alert-danger .alert-icon {
    color: #CF1124;
}

.alert-danger .btn {
    border-color: #610316;
    color: #610316;
}

.alert-warning {
    color: #1F2933;
    background-color: #FCEFC7;
    border-color: #FCEFC7;
}

.alert-warning .alert-icon {
    color: #FF9800;
}

.alert-warning strong {
    color: #513C06;
}

.alert-warning .btn {
    border-color: #513C06;
    color: #513C06;
}

.alert .alert-text {
    flex-grow: 1;
}

.alert .btn-danger {
    background-color: transparent;
    display: block;
    margin-top: 3px;
}

.alert .checkbox label {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 53px;
}

.alert .checkbox {
    margin-bottom: 0;
    margin-top: 7px;
}

.alert-custom-2 {
    color: #1F2933;
}

.alert-custom-2 .alert-title {
    font-weight: 600;
    color: #000000;
}

.alert-custom-2 p {
    margin-bottom: 0;
}

.alert-custom-2 p+p {
    margin-top: 4px;
}

.alert-custom-2 i {
    font-size: 20px;
    color: #CF1124;
}

@media (max-width: 991px) {
    .alert-custom-2 {
        text-align: center;
    }

    .alert-custom-2 i {
        font-size: 30px;
        margin-bottom: 16px;
    }

    .alert-custom-2 p {
        font-size: 16px;
    }

    .alert-custom-2 .btn {
        margin-top: 16px;
    }
}

@media (min-width: 992px) {
    .alert-custom {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .alert-custom-2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .alert-custom-2 i {
        margin-bottom: auto;
        margin-right: 16px;
        margin-top: 2px;
    }
}

/* ==Modals */
/* ----------------------------------------------- */

.modal {
    z-index: 9999;
}

.modal-content {
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    border: 0;
    border-radius: 0;
}

.modal-header {
    padding: 20px 20px 20px 20px;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0 !important;
    height: 55px;
    font-size: 14px;
    font-weight: 600;
}

.modal-body {
    position: relative;
    padding: 20px 14px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

@media (max-width: 575px) {
    .modal-dialog {
        margin: 0;
    }
}

@media (min-width: 576px) {
    .modal-body {
        padding: 20px;
    }
}

.modal-footer {
    position: relative;
    padding: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 0;
    text-align: center;
}

.modal-header+.modal-body {
    padding: 0 20px 20px 20px;
}

.modal-body+.modal-footer {
    padding: 0 20px 20px 20px;
}

.modal-open {
    overflow-y: auto !important;
}

.modal-open {
    padding: 0 !important;
}

.modal-backdrop {
    z-index: 999;
}

/* ==Datepicker */
/* ----------------------------------------------- */
.datepicker .datepicker-switch {
    width: 250px !important;
    color: #666;
    font-size: 17px;
    padding: 10px;
}

.datepicker table tr td span {
    border: 1px solid #eee;
}

.datepicker th .glyphicon {
    color: #aaa;
}

.datepicker-months {
    padding: 10px 5px 5px;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background-color: #f8f8f8
}

.title-month {
    font-size: 20px;
    display: table;
    margin: auto;
    padding: 0 40px;
    cursor: pointer;
}

.title-month a {
    vertical-align: middle;
    margin: 0 15px;
    padding: 4px 9px;
    color: #999;
    border-radius: 50%;
}

.title-month a:hover {
    background-color: #eaeaea;
}

.title-month a>i {
    font-size: 14px;
    height: 14px;
    width: 14px;
    line-height: 14px;
}

.datepicker .datepicker-switch {
    width: 250px;
    color: #666;
    font-size: 17px;
    padding: 10px;
}

.datepicker table tr td span {
    border: 1px solid #eee;
}

.datepicker th .glyphicon {
    color: #aaa;
}

.datepicker-months {
    padding: 10px 5px 5px;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background-color: #f8f8f8
}

div.datepicker {
    padding: 0;
}

.datepicker-days {
    padding: 0 15px 4px 15px;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #e74c3c;
    background-image: none;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #e74c3c;
    background-image: none;
}

.datepicker-inline {
    border: 1px solid #c0c0c0;
    width: 215px;
}

.datepicker-dropdown:before,
.datepicker-dropdown:after {
    display: none;
}

.ui-datepicker .input-group-addon {
    cursor: pointer;
}

/* ==Text */
/* ----------------------------------------------- */
.text-muted {
    color: #999999;
}

.text-default {
    color: #7c7c7c;
}

.text-primary {
    color: #000000;
}

.text-warning,
.text-pending {
    color: #ffb262;
}

.text-info,
.text-review {
    color: #0055f5;
}

.text-danger,
.text-rejected {
    color: #ff625f;
}

.text-success,
.text-paid,
.text-approved {
    color: #36d678;
}

/* ==Labels */
/* ----------------------------------------------- */
.label {
    line-height: 17px;
    padding: .2em .6em .2em;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 76%;
}

a.label {
    cursor: pointer;
}

a.label:hover {
    text-decoration: none;
    color: #ffffff;
    opacity: 0.4;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}

.label.small {
    text-transform: lowercase;
}

.label-primary {
    background-color: #555555;
}

.label-help {
    font-size: 16px;
    color: #42c0fb;
    cursor: pointer;
}

.label.label-info,
.label.label-processing {
    background-color: #0055f5;
}

.label.label-paid,
.label.label-partially_paid,
.label.label-succeeded,
.label.label-actived,
.label.label-approved {
    color: #fff;
    background-color: #1bd59a;
}

.label.label-pending,
.label.label-suspended,
.label.label-waiting_docs,
.label.label-pending_enable,
.label.label-pending_validation {
    color: #fff;
    background-color: #ffb262;
}

.label.label-canceled,
.label.label-reproved {
    color: #fff;
    background-color: #ff625f;
}

.label.label-finished {
    background-color: #b9afaf;
}

.help-block {
    display: inherit;
    font-size: 12px;
    color: #ff625f;
    margin-bottom: 0;
    margin-top: 0;
}

.list-inline {
    margin-left: 0;
}

.options {
    padding: 6px 8px;
    background-color: #ebf1f3;
    position: absolute;
    width: 94%;
    top: 49px;
    left: 17px;
    max-height: 150px;
    z-index: 99999999;
    overflow: auto;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;

}

.options li {
    margin: 10px 0px;
    padding: 5px;
    cursor: pointer;
}

.options li:hover {
    background-color: #e1e7e9;
}

/* filter */
.filtro {
    min-height: 40px;
    margin-bottom: 0px;

}

.filtro form {
    padding: 10px 0 10px;
    border-radius: 3px;
}

.filtro h4 {
    text-transform: uppercase;
    color: #333;
}

form ul.form {
    list-style: none;
    padding: 0;
    margin: 0;
}

form .form label {
    text-transform: uppercase;
    display: block;
}

.card-copy-link {
    background-color: #F8F8F8;
    border-radius: 4px;
    padding: 14px;
}

.card-copy-link .btn {
    background-color: transparent;
    border: none;
    color: #0055F5;
    font-size: 14px;
    line-height: 1;
    margin: 0 0 9px;
    padding: 0;
}

.card-copy-link .btn:focus,
.card-copy-link .btn:hover {
    outline: none;
}

.card-copy-link .btn .icon {
    fill: currentColor;
    margin-right: 4px;
    vertical-align: middle;
}

.control-copy {
    background-color: transparent;
    border: none;
    flex: 1;
    line-height: 1.3;
    outline: none;
    padding: 0;
    resize: none;
    width: 100%;
}

.btn-whatsapp {
    color: #ffffff;
    background-color: #25D366;
    border-color: #25D366;
}

.btn-whatsapp .fa {
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.btn-whatsapp:hover,
.btn-whatsapp:focus,
.btn-whatsapp:active,
.btn-whatsapp.active {
    color: #ffffff;
    background-color: #128C7E;
    border-color: #128C7E;
}

.btn-facebook {
    color: #ffffff;
    background-color: #1778F2;
    border-color: #1778F2;
}

.btn-facebook .fa {
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active {
    color: #ffffff;
    background-color: #3B5998;
    border-color: #3B5998;
}

.content-empty .content-container {
    padding-bottom: 61px;
    padding-top: 63px;
}

.nowrap {
    white-space: nowrap;
}

.content-footer {
    background-color: #F8F8F8;
    padding: 25px 25px 25px 25px;
}

.content-footer .btn-sm {
    margin: 0;
}

.content-footer .btn-sm+.btn-sm {
    margin-left: 8px;
}

[data-toggle="collapse"] {
    cursor: pointer;
}

[data-toggle="collapse"]:not(.collapsed) .fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

textarea.form-control {
    resize: none;
}

.form-text {
    color: #999;
    display: block;
    line-height: 1.4;
}

.chart-legend-item {
    background-color: #FBFBFB;
    border-radius: 4px;
    color: #4D5056;
    font-weight: bold;
    letter-spacing: -0.02em;
    padding: 13px 5px;
    text-align: center;
}

.chart-legend-item+.chart-legend-item {
    margin-top: 20px;
}

.chart-legend-symbol {
    border-radius: 4px;
    display: inline-block;
    height: 12px;
    position: relative;
    top: 1px;
    width: 12px;
}

.chart-legend-value {
    color: #222;
    font-size: 18px;
    line-height: 1.1;
    margin-top: 2px;
}

.chart-legend-value>span {
    font-size: 15px;
    font-weight: normal;
}

.select2-container {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.select2-container .select2-selection {
    background-color: #FBFBFB;
    border: 2px solid #ebf1f3;
    height: 45px;
}

.select2-container .select2-selection .select2-selection__rendered {
    color: #555;
    line-height: 27px;
}

.select2-container .select2-selection .select2-selection__arrow {
    height: 44px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 7px 20px 7px 10px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 10px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    color: #555;
    line-height: 19px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered li {
    margin-top: 0;
}

.select2-container .select2-selection--multiple .select2-search__field {
    margin-top: 0;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    align-items: center;
    background-color: #ACE5E2;
    border-color: transparent;
    display: flex;
    font-size: 12px;
    font-weight: 600;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin-right: 8px;
}

.select2-container.select2-container--focus .select2-selection--multiple {
    border-color: #9cd4ef;
    border-width: 2px;
}

.control-dropzone {
    background-color: #fff;
    border: 1px dashed #ccc;
    border-radius: 4px;
    height: 72px;
    margin-bottom: 10px;
}

.dz-clickable {
    cursor: pointer;
}

.dz-max-files-reached {
    cursor: default;
}

.dz-message,
.dz-preview {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 16px 8px 8px;
}

.dz-message {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dz-preview {
    position: relative;
}

.dz-thumbnail {
    background: #F5F7FA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 26 26'%3E%3Crect width='23.4' height='23.4' x='.899902' y='.895264' stroke='%239AA5B1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' rx='1.8'/%3E%3Cpath stroke='%239AA5B1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6.7487 8.09531c-.24837.00067-.44924.20243-.4488.4508.00044.24837.20203.44942.4504.4492.24837-.00022.4496-.20162.4496-.45 0-.24852-.20147-.45-.45-.45'/%3E%3Cpath stroke='%239AA5B1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M20.6998 18.8952l-4.644-7.0032c-.1654-.2471-.4423-.3964-.7397-.3988-.2973-.0024-.5766.1424-.7459.3868l-2.394 3.42-1.4844-1.1868c-.197-.1573-.451-.2248-.70006-.186-.2491.0387-.47051.1802-.61037.39l-3.0552 4.578H20.6998z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: center;
    background-size: 26px 26px;
    background-repeat: no-repeat;
    border-radius: 4px;
    height: 56px;
    margin-right: 15px;
    width: 56px;
}

.dz-thumbnail>img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.dz-progress {
    flex-grow: 1;
    margin-right: 34px;
}

.dz-progress .download {
    float: right;
    padding: 1px;
    margin-top: 1px;
}

.dz-started {
    background-color: #FBFBFB;
}

.dz-started .dz-message {
    display: none;
}

.dz-remove {
    display: block;
    font-size: 20px;
    padding: 10px 19px;
    position: absolute;
    right: 0;
}

.dz-remove,
.dz-remove:hover,
.dz-remove:focus {
    color: #ff625f;
}

.gutters-8 {
    margin-right: -8px;
    margin-left: -8px;
}

.gutters-8>.col,
.gutters-8>[class*="col-"] {
    padding-right: 8px;
    padding-left: 8px;
}

.faturas-details-list {
    letter-spacing: -0.02em;
    line-height: 1.4;
    text-align: center;
}

.faturas-detail-item {
    background-color: #F8F8F8;
    border-radius: 4px;
    padding: 12px 10px 15px;
}

.faturas-detail-number {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
    margin-top: 7px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border: none;
    border-bottom: 2px solid #0055f5;
}

#app .dropdown .dropdown-toggle {
    background-color: transparent;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

#app .dropdown .dropdown-toggle:after {
    background: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L5 5L1 1' stroke='%23555555' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center;
    content: "";
    display: inline-block;
    height: 7px;
    margin-left: 7px;
    width: 10px;
}

#app .dropdown .dropdown-menu:before {
    border: 8px solid transparent;
    border-top: none;
    border-bottom-color: #fff;
    content: "";
    left: 47px;
    position: absolute;
    top: -8px;
}

#app .dropdown .btn-clear {
    background-color: transparent;
    border: none;
    display: block;
    margin: 0;
    padding: 5px 0;
    text-align: left;
    width: 100%;
}

#app .dropdown.open .dropdown-toggle:after {
    transform: rotate(180deg);
}

.dropdown-labels .checkbox label,
.dropdown-labels .radio label {
    float: none !important;
}

.filtro .card .form-control {
    background-color: #fff;
}

.filtro ul.form {
    align-items: center;
    display: flex;
}

.filtro-labels {
    align-items: center;
    display: flex;
}

.labels-selected {
    align-items: center;
    border-left: 1px solid #c0c0c0;
    display: flex;
    margin-left: 10px;
    margin-right: -5px;
    padding-left: 5px;
}

.labels-selected .label {
    background-color: #EAEAEA;
    color: #333;
    font-weight: normal;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 7px;
}

.modal-primary .modal-header {
    height: auto;
}

.modal-primary .modal-header {
    font-size: 14px;
    font-weight: normal;
}

.modal-primary .modal-body {
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    background-color: #f8f8f8;
    padding-bottom: 25px;
    padding-top: 25px;
}

.modal-primary .form-control {
    background-color: #fff;
}

.aside-content {
    margin-top: 10px;
}

.aside-content .content-container {
    margin-top: 0;
}

.aside-content li:not(.collapse):not(.collapsing) {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
}

.aside-content li>span {
    margin-left: 15px;
    overflow: overlay;
    text-align: right;
    text-overflow: ellipsis;
    white-space: normal;
}

.aside-content li>span:first-child:not(:last-child) {
    margin-left: 0;
}

.sticky.affix {
    margin-top: 0;
    position: fixed;
    top: 20px;
}

/* Hide svg sprite */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.highcharts-root g {
    display: block !important;
}

.dropdowns {
    align-items: center;
    display: flex;
}

.dropdowns>div+div {
    margin-left: 16px;
}

.filtro-periodo {
    align-items: center;
    display: flex;
}

.filtro-periodo .dropdown-toggle {
    background-color: #FBFBFB;
    border-color: #EBF1F3;
    padding-left: 15px;
    padding-right: 15px;
}

.filtro-periodo .form-control {
    background-color: #FBFBFB !important;
    border-color: #EBF1F3;
    height: 40px;
}

[data-toggle="modal"] {
    cursor: pointer;
}

.badge-primary {
    background-color: #555555;
}

.badge-pro {
    background-color: #0059F1;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.35714;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    color: #fff;
}

.badge-lg {
    border-radius: 14px;
    font-size: 16px;
    padding-left: 9px;
    padding-right: 9px;
    line-height: 1.42865;
}

.badge-xs {
    border-radius: 14px;
    font-size: 11px;
    padding: 0 7px;
    line-height: 1.818182;
}

a.list-group-item.active>.badge-pro,
.nav-pills>.active>a>.badge-pro {
    background-color: #0059F1;
    color: #fff;
}

h4 .badge,
label .badge {
    margin-left: 2px;
}

.gutters-40 {
    margin-right: -40px;
    margin-left: -40px;
}

.gutters-40>.col,
.gutters-40>[class*="col-"] {
    padding-right: 40px;
    padding-left: 40px;
}

.content-welcome .content-title {
    font-family: 'open_sanssemibold';
    font-size: 24px;
    letter-spacing: -0.2px;
    line-height: 1.25;
    margin-bottom: 16px;
}

.content-welcome .content-container {
    text-align: center;
}

.content-welcome .h1 {
    font-family: 'open_sanssemibold';
    letter-spacing: -1px;
    line-height: 1.08333;
    margin-bottom: 42px;
    margin-top: 0;
}

.content-welcome .h2 {
    font-family: 'open_sanssemibold';
    font-size: 32px;
    letter-spacing: -0.5px;
    line-height: 1.25;
    margin-bottom: 30px;
}

.content-welcome .h3 {
    font-family: 'open_sanssemibold';
    font-size: 24px;
    letter-spacing: -0.2px;
    line-height: 1.25;
    margin-bottom: 12px;
    margin-top: 0;
}

.content-welcome .img-dashboard {
    margin-bottom: 40px;
}

@media (max-width: 991px) {
    .content-welcome .img-dashboard {
        height: auto;
    }
}

.content-welcome .analyzes-list {
    margin-bottom: -15px;
}

.content-welcome .analyze-item {
    align-items: center;
    background: url(../img/sprite.svg#g-analyze-icon) no-repeat left center;
    background-size: 32px 32px;
    display: flex;
    font-family: 'open_sanssemibold';
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 15px;
    min-height: 32px;
    padding-left: 47px;
    text-align: left;
}

.content-welcome .feature-item {
    font-size: 15px;
    line-height: 1.46667;
    margin-bottom: 50px;
    text-align: left;
}

.content-welcome .feature-item p,
.content-welcome .feature-item ul {
    margin-bottom: 24px;
}

.content-welcome .feature-item ul {
    list-style: none;
    padding-left: 0;
}

.content-welcome .feature-item li {
    background: url(../img/sprite.svg#g-check2) no-repeat left 4px top 5px;
    background-size: 16px 12px;
    padding-left: 26px;
}

.content-welcome .feature-item li+li {
    margin-top: 10px;
}

.content-welcome .feature-item-img {
    display: block;
    margin: 0 auto 13px;
    max-width: 262px;
}

.content-welcome .link-all-features {
    color: #111B25;
    display: inline-block;
    font-size: 15px;
    line-height: 1.46667;
    margin-top: 24px;
    text-decoration: underline;
}

@media (min-width: 992px) {
    .content-welcome .content-container {
        font-size: 18px;
        line-height: 1.55556;
        padding: 88px 97px;
    }

    .content-welcome .content-container p {
        margin-bottom: 28px;
    }

    .content-welcome .h1 {
        font-size: 48px;
    }

    .content-welcome .h2 {
        margin-top: 104px;
    }

    .content-welcome hr {
        margin: 64px 0;
    }

    .content-welcome .analyzes-list {
        margin-bottom: 0;
    }

    .content-welcome .analyze-item {
        margin-bottom: 0;
    }

    .content-welcome .feature-item {
        margin-bottom: 80px;
    }
}

.modal-pro .modal-header {
    height: auto;
}

.modal-pro .modal-title {
    font-family: 'open_sanssemibold';
    font-size: 24px;
    line-height: 1.33334;
}

.modal-pro .modal-title .badge {
    margin-bottom: 0;
    position: relative;
    top: -3px;
}

.modal-pro .modal-body p {
    margin-bottom: 16px;
}

.modal-pro .modal-body a {
    color: #222222;
    text-decoration: underline;
}

.checks-list {
    display: flex;
    margin-left: -12px;
    margin-right: -12px;
    white-space: nowrap;
}

.check-inline {
    display: inline-block;
    flex: 0 0 33.333333%;
    font-weight: 600;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    text-align: center;
}

.check-inline .icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 14px;
}

.check-inline label {
    background-color: #F0F5FF;
    border-radius: 4px;
    box-shadow: inset 3px 0 0 0 #CBD2D9;
    cursor: pointer;
    display: block;
    margin-bottom: 0;
    padding: 24px 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: #222222;
}

.check-inline input {
    background-color: #fff;
    appearance: none;
    border: 1px solid #CBD2D9;
    border-radius: 50%;
    height: 18px;
    margin-top: 0;
    outline: none;
    position: absolute;
    right: 24px;
    top: 12px;
    width: 18px;
}

.check-inline input:focus {
    outline: none;
}

.check-inline input:checked {
    background: #00BA86 url(../img/sprite.svg#g-checked) no-repeat center;
    background-size: 10px 10px;
    border-color: #00BA86;
}

.check-inline input:checked~label {
    box-shadow: inset 3px 0 0 0 #0059F1;
}
.check-inline .badge-pro {
    position: absolute;
    left: 23px;
    top: 9px;
    font-size: 9px;
    line-height: 17px;
    font-weight: normal;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

/* MOBILE */

@media (max-width: 991px) {
    .navbar {
        display: none;
    }

    .mainbar .mainbar-toggle {
        margin: 11px 0 0 auto;
        width: auto;
    }

    .mainbar-collapse {
        width: 100%;
    }

    .content-header>.row {
        align-items: center;
        display: flex;
    }

    .breadcrumb {
        display: none;
    }

    .box-itens [data-title]:before {
        content: attr(data-title);
    }

    .box-itens .gutters-8+.gutters-8 {
        margin-top: 16px;
    }

    .chart-legend .row>div,
    .chart-legend-item+.chart-legend-item {
        margin-top: 5px;
    }

    .chart-legend-item,
    .faturas-detail-item {
        align-items: center;
        display: flex;
        padding-left: 10px;
        padding-right: 10px;
    }

    .chart-legend-value,
    .faturas-detail-number {
        flex-grow: 1;
        text-align: right;
    }

    .faturas-detail-item {
        margin-bottom: 5px;
    }

    .table-responsive {
        border: none;
    }

    .table .btn-default,
    .table .btn-info {
        font-size: 0;
    }

    .table .btn-default .fa,
    .table .btn-info .fa {
        font-size: 13px;
    }

    .filtro ul.form {
        display: block;
    }

    .filtro ul.form>li {
        padding-left: 0;
        padding-right: 0;
    }

    .filtro ul.form .col-xs-10 {
        width: 100%;
    }

    .filtro ul.form .col-xs-2 {
        display: none;
    }

    .control-tab-radio+.tab-radio {
        display: none;
    }

    .checks-list {
        flex-direction: column;
        white-space: normal;
    }

    .checks-list .check-inline {
        flex: auto;
    }

    .checks-list .check-inline+.check-inline {
        margin-top: 5px;
    }

    .checks-list .icon {
        display: none;
    }

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

    .row-flex .checkbox.checkbox-switchery {
        display: inline-block;
        margin-left: 4px;
        position: relative;
        top: -6px;
        vertical-align: middle;
    }

    .content-footer {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-content {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 20px;
    }

    .footer-content>.btn+.btn {
        margin-bottom: 10px;
    }

    .aside-content,
    .sticky {
        display: none;
    }

    .footer .text-left,
    .footer .text-right {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .control-tab-radio {
        display: none;
    }
}

.progress-group.visible-xs {
    margin-top: 3px;
}

.select2-results-footer {
    border-top: 1px solid #e0e0e0;
    margin-top: 5px;
    padding: 5px;
}

.select2-results-footer .btn {
    margin: 0;
}

/* modal-secondary */
.modal-secondary .modal-header {
    height: 60px;
    background: #111B25;
    padding: 20px;
}

.modal-secondary .modal-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #F8F8F8;
}

.modal-secondary .modal-title span {
    margin-left: 6px;
}

.modal-secondary .modal-header+.modal-body {
    padding: 20px 20px 22px;
}

.modal-secondary .modal-header .close {
    text-shadow: none;
    color: #fff;
    font-size: 25px;
}

.modal-secondary .h2,
.modal-secondary .h3,
.modal-secondary .h4,
.modal-footer-title {
    color: #222222;
    font-weight: 600;
}

.modal-secondary .h2 {
    margin-top: 0;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}

.modal-secondary .h4 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
}

.modal-secondary .modal-subtitle {
    font-size: 14px;
    line-height: 20px;
    color: #555555;
}

.modal-secondary .pro-benefits {
    margin-top: 32px;
}

@media (max-width: 767px) {
    .modal-secondary {
        background-color: #fff;
    }

    .modal-secondary .modal-dialog {
        margin: 0;
    }

    .modal-secondary .modal-content {
        box-shadow: none;
    }

    .modal-secondary .h2 {
        font-size: 24px;
        line-height: 33px;
    }
}

@media (min-width: 992px) {
    .modal-secondary .modal-dialog {
        width: 750px;
    }

    .modal-secondary .modal-content {
        border-radius: 4px;
        overflow: hidden;
    }

    .modal-secondary .modal-header {
        padding: 20px 28px;
    }

    .modal-secondary .modal-header+.modal-body {
        padding: 18px 28px 22px;
    }
}

.pro-benefits-footer {
    margin-top: 32px;
}

.pro-benefits-footer .h3 {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.02em;
}

.pro-benefits-footer .btn {
    margin-top: 19px;
    margin-bottom: 32px;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 29px;
}

.pro-benefits-footer-2 .btn {
    margin-top: 32px;
    margin-bottom: 16px;
}

.pro-benefits-footer-2 .pro-benefits-link {
    margin-top: 54px;
}

.pro-benefits-price {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
}

.pro-benefits-price span+span {
    margin-left: 4px;
}

.pro-benefits-price-old {
    color: #616E7C;
    text-decoration-line: line-through;
    font-size: 14px;
    line-height: 100%;
}

.pro-benefits-price-active {
    color: #0059F1;
    letter-spacing: -0.02em;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
}

.pro-benefits-description {
    font-weight: 600;
    color: #111B25;
    margin-top: 4px;
    margin-bottom: 0;
}

.pro-benefits-link,
.pro-benefits-link a {
    color: #222222;
}

.pro-benefits-link a {
    text-decoration: underline;
    font-weight: 600;
}

@media (max-width: 991px) {
    .pro-benefits-link a {
        color: #0055F5;
    }
}

/* table primary */
.table-primary {
    border: 1px solid #e4e7eb;
    border-radius: 4px;
    border-collapse: inherit;
}

.table-primary>thead:first-child>tr:first-child>th {
    color: #222222;
    font-weight: 600;
}

.table-primary>tbody>tr>td {
    color: #1F2933;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px solid #e4e7eb;
}

.table-primary>thead:first-child>tr:first-child>th,
.table-primary>tbody>tr>td {
    height: 44px;
}

.table-primary thead tr {
    background-color: #fff;
}

.table-primary th:not(:last-child),
.table-primary td:not(:last-child) {
    border-right: 1px solid #e4e7eb;
}

.table-primary>thead>tr>th,
.table-primary>tbody>tr>td {
    padding: 9px 12px;
}

.table-primary .small {
    font-size: 12px;
}

.pro-benefits .table-primary td:last-child {
    font-weight: 600;
}

.pro-benefits .table>thead:first-child>tr:first-child>th:nth-child(2) {
    background-color: #EEEEEE;
}

.pro-benefits .table>thead:first-child>tr:first-child>th:last-child {
    background-color: #0055F5;
    color: #fff;
}

@media (min-width: 992px) {

    .table-primary>thead>tr>th,
    .table-primary>tbody>tr>td {
        padding-left: 20px;
        padding-right: 20px;
    }

    .table-primary>tbody>tr>td {
        font-size: 14px;
    }

    .pro-benefits .table>thead:first-child>tr:first-child>th:first-child {
        width: 52%;
    }

    .pro-benefits .table>thead:first-child>tr:first-child>th:nth-child(2) {
        width: 24%;
    }
}

.pro-content {
    margin-bottom: 31px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px 15px;
    background-color: #fff;
}

.pro-content p {
    color: #4D5056;
    margin-bottom: 20px;
}

.pro-content .h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.01em;
    color: #000000;
    margin-bottom: 8px;
}

.pro-content [class*='icon-'] {
    color: #777A80;
    margin-left: 3px;
    font-size: 16px;
}

@media (min-width: 992px) {
    .pro-content-analysis {
        background-image: url(../img/pro/pro-analysis-bg.jpg);
        height: 282px;
        background-size: cover;
    }

    .pro-content-plans {
        background-image: url(../img/pro/pro-plans-bg.png);
        height: 969px;
        background-size: cover;
    }
}

.header-user {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #111B25;
    transition: ease-in-out 0.15s;
    text-decoration: none;
    outline: none;
}

.header-user .icon {
    margin-left: 9px;
}

.header-user:hover {
    color: #0059F1;
}

.header-user-initials {
    font-weight: 500;
    background: #616E7C;
    border-radius: 100px;
    width: 32px;
    height: 32px;
    margin-left: 12px;
    font-size: 14px;
    line-height: 1;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.relative {
    position: relative;
}

.activation-bar {
    padding: 16px 0;
    background: #222222;
    color: #fff;
}

.activation-bar i {
    color: #a7a7a7;
    font-size: 23px;
    margin-right: 12px;
}

.activation-bar .btn,
.activation-bar .btn:focus {
    background-color: #0055F5;
    color: #fff;
}

.activation-bar .btn:hover {
    color: #fff;
    background-color: #267ae9;
}

.activation-bar .more {
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    color: #fff;
    margin-left: 16px;
}

.activation-bar .header-user {
    color: #fff;
}

.activation-bar .dropdown {
    text-decoration: none;
    outline: none;
    color: #FFFFFF;
}

.activation-bar-content .dropdown {
    margin-left: auto;
}

.activation-bar-time {
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    .activation-bar {
        text-align: center;
    }

    .activation-bar-time {
        justify-content: center;
        margin-bottom: 14px;
    }
}

@media (min-width: 992px) {
    .activation-bar-content {
        display: flex;
        align-items: center;
    }
}



.pro-content-overlay {
    cursor: pointer;
    position: relative;
}

.pro-content-overlay:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 99999;
}



.spin {
    -webkit-animation: spin-rotate 2s linear infinite;
    animation: spin-rotate 2s linear infinite;
    transform-origin: center;
    width: 60px;
}

.spin circle {
    fill: none;
    stroke-width: 4;
}

.spin .dash {
    stroke: #0059F1;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: spin-dash 1.5s ease-in-out infinite;
    animation: spin-dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes spin-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 80, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dashoffset: -124px;
    }
}

@keyframes spin-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 80, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dashoffset: -124px;
    }
}

.modal-loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.dropdown-header,
.dropdown-footer {
    padding: 16px;
}

.dropdown-header {
    border-bottom: 1px solid #E4E7EB;
    border-radius: 4px 4px 0 0;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 16px;
}

.dropdown-footer {
    background-color: #F5F7FA;
    border-radius: 0 0 4px 4px;
    margin-top: 16px;
}

.dropdown-footer .btn {
    margin: 0;
}

.header-dropdown .dropdown-toggle {
    background-color: transparent;
    border: none;
    padding: 0;
}

.header-dropdown .dropdown-menu {
    border: 1px solid #E4E7EB;
    box-shadow: 0px 10px 20px rgba(17, 17, 17, 0.08), 0px 2px 6px rgba(17, 17, 17, 0.05), 0px 0px 1px rgba(17, 17, 17, 0.04);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42857;
    min-width: 232px;
}

.header-dropdown .dropdown-menu:before,
.header-dropdown .dropdown-menu:after {
	content: "";
    border: 7px solid transparent;
    border-top: none;
    position: absolute;
}

.header-dropdown .dropdown-menu:before {
    border-bottom-color: #E4E7EB;
    border-width: 8px;
    right: 11px;
    top: -8px;
}

.header-dropdown .dropdown-menu:after {
    border-bottom-color: #fff;
    right: 12px;
    top: -7px;
}

.header-dropdown .dropdown-item {
    color: #0059F1;
    display: block;
    padding: 4px 16px;
}

.header-dropdown .dropdown-menu {
    padding-bottom: 0;
    padding-top: 0;
}

.table-account-verified,
.table-account-verified td {
    border: 1px solid #EAEAEA;
}

.table-account-verified>tbody>tr>td {
    color: #555;
    padding: 22px 21px;
    vertical-align: top;
}

.table-account-verified td {
    border-top: 15px solid #86949E;
    width: 50%;
}

.table-account-verified .col-verified {
    border-top-color: #0055F5;
}

.table-account-verified h4 {
    color: #2B2006;
}

.table-account-verified ul {
    font-size: 14px;
    line-height: 1.42857;
    margin-bottom: 43px;
    margin-top: 16px;
}

.table-account-verified li {
    color: #777A80;
    padding-left: 22px;
    position: relative;
}

.table-account-verified li + li {
    margin-top: 20px;
}

.table-account-verified .fa {
    color: #9EB0BD;
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 1px;
}

.table-account-verified-info {
    color: #2B2006;
    margin-bottom: 32px;
}

.table-account-verified-check {
    color: #1F2933;
}

.table-account-verified-check > .fa {
    color: #00BA86;
}

.table-account-verified-check > span {
    font-family: 'open_sanssemibold';
}

.client-address {
    position: relative;
}

.client-address .remove-address {
    position: absolute;
    right: 0;
    top: 0;
}

.modal-remove .modal-content {
    text-align: center;
}

.modal-remove .modal-title {
    margin-bottom: 7px;
}

/* modal-documents */

.modal-documents .modal-header{
    background: #0245B9;
    padding: 25px;
    height: auto;
    margin-bottom: 26px;
    position: relative;
}
.modal-documents .modal-content{
    border-radius: 8px;
    overflow: hidden;
}
.modal-dialog {
    box-shadow: 0px 3.95266px 7.90533px rgba(16, 42, 67, 0.05), 0px 0.988166px 2.9645px rgba(16, 42, 67, 0.02), 0px 0px 0.988166px rgba(16, 42, 67, 0.04);
}
.modal-documents .modal-header img{
    display: block;
    margin: auto;
    width: 353px;
    max-width: 100%;
}
.modal-documents .modal-header .close {
    text-shadow: none;
    color: #fff;
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 10px;
    font-weight: 300;
}
.modal-documents .modal-header .close:hover {
    opacity: 1;
}
.modal-documents .modal-title{
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 16px;
}
.modal-documents .modal-body{
    padding: 0 15px 42px 15px;
}
.modal-text{
    font-size: 15px;
    line-height: 22px;
    color: #3E4C59;
    text-align: center;
    letter-spacing: -0.02em;
}
.register-progress{
    display: flex;
    max-width: 468px;
    margin: 32px auto 22px;
}
.register-progress p{
    font-size: 11px;
    line-height: 11px;
    letter-spacing: -0.02em;
    color: #3E4C59;
    margin-top: 8px;
}
.register-progress-bar{
    width: 294px;
    background: #F5F5F5;
    border-radius: 100px;
    height: 16px;
    position: relative;
    margin-top: 21px;
}
.register-progress-bar:before{
    content: '';
    display: block;
    background: #0055F5;
    border-radius: 100px;
    height: 16px;
    width: 88%;
}
.register-progress-bar:after{
    content: 'Você está aqui';
    display: block;
    position: absolute;
    top: -24px;
    right: 12%;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #2B2006;
}
.register-init img{
    margin-top: 6px;
    width: 34px;
}
.register-end img{
    width: 40px;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 620px;
    }
    .modal-documents .modal-body{
        padding: 0 25px 55px 25px;
    }
    .modal-documents .modal-header{
        margin-bottom: 43px;
    }
    .modal-documents .modal-title{
        font-size: 28px;
        line-height: 34px;
    }
    .register-progress{
        margin: 46px auto 38px;
    }
}

.toast {
    background-color: #323F4B;
    border: none;
    bottom: 48px;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    line-height: 1.428572;
    left: 50%;
    max-width: none;
    min-width: 360px;
    position: fixed;
    transform: translateX(-50%);
    z-index: 1040;
}

.toast-body {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 18px 25px;
}

.toast .btn {
    background-color: transparent;
    border: none;
    color: #80CBC4;
    margin: 0 0 0 25px;
    padding: 0;
}

.toast .btn:focus {
    outline: none;
}

.modal-alert .modal-body {
    background-color: transparent;
    padding-bottom: 30px;
}

.modal-alert .modal-title {
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 33px;
    margin-bottom: 7px;
}

.modal-alert .modal-footer {
    border-top: none;
    margin-top: 0;
    padding-bottom: 30px;
    padding-top: 0;
}

.tr-danger {
    background-color: #FBF8F8;
}

.dropdown-inline {
    display: inline-block;
    vertical-align: middle;
}

.label + .btn {
    margin-left: 10px;
}


@media (min-width: 992px) {
    .pro-content-nf-servico {
        background-image: url(../img/pro/pro-nf-servico-bg.png);
        height: 832px;
        background-size: cover;
    }
}

.nfse-config-success,
.nfse-config-warning {
    color: #52606D;
    padding: 30px;
    text-align: center;
}

.nfse-config-success .icon,
.nfse-config-warning .icon {
    margin-bottom: 24px;
}

.nfse-config-success h3,
.nfse-config-warning h3 {
    color: #111B25;
    margin-bottom: 16px;
}

.nfse-config-success .btn,
.nfse-config-warning .btn {
    background-color: transparent;
    border-color: #0055f5;
    color: #0055f5;
    margin-top: 38px;
}

.nfse-config-success .btn:hover {
    color: #0055f5;
}

.modal-installments ul {
    color: #2B2006;
    list-style: none;
    padding-left: 0;
}

.modal-installments ul span {
    color: #555555;
    margin-right: 16px;
    display: inline-block;
    min-width: 90px;
}

.modal-installments ul li {
    margin-bottom: 16px;
}

a[data-toggle="modal-installments"] {
    color: #9E9E9E;
    outline: none;
}

.spin-link {
    width: 14px;
    height: 14px;
    vertical-align: text-top;
    margin-left: 6px;
    position: relative;
    top: 1px;
}

.choice-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.choice-item {
    align-items: center;
    background-color: #F0F5FF;
    border-radius: 4px;
    box-shadow: inset 3px 0 0 0 #CBD2D9;
    cursor: pointer;
    height: 142px;
    margin-bottom: 0;
    padding: 24px 20px;
    position: relative;
    text-align: center;
    width: 224px;
}

.choice-item .icon {
    display: block;
    margin: 0 auto 16px; 
    text-align: center;
    width: 68px;
}

.choice-item input {
    background-color: #fff;
    appearance: none;
    border: 1px solid #CBD2D9;
    border-radius: 50%;
    height: 18px;
    margin-top: 0;
    outline: none;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 18px;
}

.choice-item strong {
    color: #222222;
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.12;
    margin-bottom: 2px;
}

.choice-item .badge {
    background-color: #0059F1;
    border-radius: 11px;
    color: #fff;
    font-size: 9px;
    left: 10px;
    line-height: 16px;
    padding: 1px 6px;
    position: absolute;
    top: 10px;
    vertical-align: text-bottom;
}

.choice-item-body {
    color: #707A85;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: center;
    letter-spacing: -0.02em;
    line-height: 1.16667;
    padding-left: 6px;
}

.choice-item input:focus {
    outline: none;
}

.choice-item input:checked {
    background: #00BA86 url(../img/sprite.svg#g-checked) no-repeat center;
    background-size: 11px 10px;
    border-color: #00BA86;
}

.choice-item-highlight {
    box-shadow: inset 3px 0 0 0 #0059F1;
}

.choice-item .badge-pro {
    position: absolute;
    left: 23px;
    top: 9px;
    font-size: 9px;
    line-height: 17px;
    font-weight: normal;
}

.modal-validate-account .modal-content {
    background-color: #0245B9;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}

.modal-validate-account .modal-body {
    padding-bottom: 50px;
    padding-top: 30px;
    text-align: center;
}

.modal-validate-account .close {
    color: #fff;
    font-size: 28px;
    font-weight: normal;
    height: 24px;
    line-height: 24px;
    text-shadow: none;
    width: 24px;
}

.modal-validate-account .h2 {
    margin-bottom: 16px;
    margin-top: 20px;
}

.modal-validate-account p {
    margin-bottom: 40px;
}

.content-empty {
    background-color: #FDFDFD;
    display: flex;
    flex-direction: column;
    opacity: 0.9;
    z-index: 102;
}

.content-empty > div {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 54px;
    padding-top: 79px;
}

.content-empty .btn {
    display: block;
    margin-top: 20px;
}

.content-empty + .content-container {
    height: 100%;
    left: 0;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.document-list {
    font-size: 13px;
    line-height: 1.46153;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.document-item {
    align-items: center;
    background-color: #F5F5F5;
    border: 1px solid rgba(77, 80, 86, 0.2);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
}

.document-item + .document-item {
    margin-top: 4px;
}

.document-item-icon {
    align-items: center;
    background-color: #CCD6EB;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    line-height: 24px;
    margin-right: 4px;
    text-align: center;
    vertical-align: middle;
    width: 24px;
}

.document-item-icon .icon {
    fill: currentColor;
}

.document-item a {
    margin-left: 4px;
}

.document-item-status {
    font-weight: bold;
}

.document-item-success {
    background-color: #E3F9E5;
    border-color: rgba(1, 72, 7, 0.15);
}

.document-item-success .document-item-icon {
    background-color: #0F8613;
}

.document-item-warning {
    background-color: #FFFAEB;
    border-color: rgba(1, 72, 7, 0.15);
}

.document-item-warning .document-item-icon {
    background-color: #F6EFDA;
}

.document-item-danger {
    background-color: #FFE3E3;
    border-color: rgba(1, 72, 7, 0.15);
}

.document-item-danger .document-item-icon {
    background-color: #ff9b9b;
}

.content-warning .content-container {
    background-color: #FFFAEB;
    border: 1px solid #F9DA8B;
}

.content-warning .icon {
    color: #C99A2E;
}

.content-danger .content-container {
    background-color: #FFE3E3;
    border: 1px solid rgba(255, 155, 155, 0.2);
}

.content-danger .icon {
    color: #FF9B9B;
}

.content-documents {
    text-align: center;
}

.content-documents .icon {
    display: block;
    margin: 0 auto 44px;
}

.content-documents .btn {
    margin-top: 20px;
}

.card-approved-documents {
    align-items: center;
    background: #F0F5FF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 243 70'%3E%3Cpath fill='%230059F1' d='M.295 0C6.296 11.168 14.01 21.658 23.437 31.084c51.887 51.888 136.013 51.888 187.9 0L242.422 0H.295Z'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 177 51'%3E%3Cpath fill='%230059F1' d='M16.864 28.343c37.79-37.79 99.061-37.79 136.851 0L176.372 51h-7.709L149.86 32.198c-35.661-35.662-93.48-35.662-129.141 0A91.448 91.448 0 0 0 6.245 51H0a96.774 96.774 0 0 1 16.864-22.657Z'/%3E%3C/svg%3E");
    background-position: top right 70px, bottom left 10px;
    background-repeat: no-repeat;
    background-size: 243px auto, 177px auto;
    border: 1px solid rgba(0, 85, 245, 0.05);
    color: #52606D;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    height: 245px;
    justify-content: center;
    line-height: 1.5;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
}

.card-approved-documents .close {
    color: #ccc;
    font-size: 28px;
    font-weight: normal;
    position: absolute;
    right: 28px;
    text-shadow: none;
    top: 20px;
}

.card-approved-documents .h2 {
    color: #1F2933;
    margin-top: 0;
}

.card-approved-documents img {
    margin-right: 35px;
}

.conta-personalize {
    align-items: flex-start;
    background-color: #F5F5F5;
    border: 1px solid rgba(77, 80, 86, 0.2);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 16px;
}

.conta-personalize > div {
    flex-grow: 1;
}

.conta-personalize .icon {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    flex-grow: 0;
    height: 32px;
    justify-content: center;
    margin-right: 8px;
    text-align: center;
    width: 32px;
}

.conta-personalize strong {
    display: block;
    margin-bottom: 4px;
}

.modal-docs .close {
    text-shadow: none;
    color: #323F4B;
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 10px;
    font-weight: 300;
}

.modal-docs .modal-title {
    margin-bottom: 24px;
}

.modal-docs .modal-body {
    font-size: 16px;
    line-height: 1.375;
    padding-left: 72px;
    padding-right: 72px;
    padding-top: 32px;
}

.modal-docs p,
.modal-docs ul {
    margin-bottom: 24px;
}

.modal-docs ul {
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.modal-docs li {
    align-items: baseline;
    display: flex;
}

.modal-docs li:before {
    background-color: #0059F1;
    border-radius: 50%;
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    height: 8px;
    margin-right: 7px;
    transform: translateY(-2px);
    width: 8px;
}

.modal-docs li + li {
    margin-top: 12px;
}

.modal-docs img {
    margin-bottom: 48px;
}

.modal-docs .modal-footer {
    padding-bottom: 55px;
}

@media (min-width: 768px) {
    .modal-docs .modal-dialog {
        width: 556px;
    }
}

.c6-banner {
    padding: 26px 56px;
    background: #747778;
    border-radius: 5px;
    color: #fff;
    position: relative;
    margin-bottom: 32px;
    overflow: hidden;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.c6-banner-title:last-child {
    margin-bottom: 0;
}

.c6-banner .btn {
    margin-top: 15px;
}

.c6-banner-content {
    position: relative;
    z-index: 1;
    padding-right: 200px;
}

.c6-banner-img {
    position: absolute;
    left:0;
    top: 0;
    width:100%;
    /*height:100%;*/
}

.c6-banner-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.choice-card-list {
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    margin: 25px -10px 0;
}

.choice-card {
    cursor: pointer;
    position: relative;
    text-align: center;
    width: 164px;
    min-height: 170px;
    font-size: 12px;
    line-height: 1.42;
    color: #52606D;
    font-weight:400;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.choice-card:focus {
    outline: none;
}

.choice-card:hover {
    color: #52606D;
}

.choice-card-body {
    padding: 22px 4px 12px;
    display: block;
    border: 1px solid #CBD2D9;
    border-radius: 4px;
    background: #FFFFFF;
    position: relative;
    transition: all .15s;
}

.choice-card-icon {
    height:50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    color: #0C0C0C;
}

.choice-card-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: #111B25;
    margin-bottom: 6px;
}

.choice-card-small {
    margin-top: 10px;
    font-size: 11px;
    line-height: 15px;
}

.choice-card-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.choice-card input {
    display: none;
}

.choice-card input:checked +  .choice-card-body {
    background: #d7e6ff;
    border-color: #0059f1;
}

.choice-card input:checked +  .choice-card-body {
    background: #d7e6ff;
    border-color: #0059f1;
}

.choice-card input:checked +  .choice-card-body:before {
    content: 'Ativa';
    right:12px;
    top: 0;
    transform: translateY(-50%);
    font-weight: 500;
    font-size: 11px;
    line-height: 1.82;
    color: #FFFFFF;
    padding: 0 6px;
    background: #0059F1;
    border-radius: 100px;
    position: absolute;
}

.choice-card.featured input:checked +  .choice-card-body {
    background: #0C0C0C;
    border-color: #CBD2D9;
}

.choice-card.featured input:checked +  .choice-card-body,
.choice-card.featured input:checked +  .choice-card-body .choice-card-title,
.choice-card.featured input:checked +  .choice-card-body .choice-card-icon {
    color: #fff;
}

.plan-items {
    margin-top: 66px;
    margin-bottom: 30px;
}

.plan {
    position: relative;
    display: flex;
}

.plan + .plan {
    margin-top: 32px;
}

.plan .highlight {
    color: #0055F5;
}

.plan-body {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E9ECEF;
    padding: 32px 40px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}

.plan-trial {
    border-radius: 5px 5px 0 0;
    background: #0059F1;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.12;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    position: absolute;
    padding: 8px;
    left:0;
    width:100%;
    top: -30px;
}

.plan-title {
    margin-bottom: 25px;
}

.plan-title-plus {
    font-size: 16px;
    color: #222222;
    vertical-align: middle;
    position: relative;
    bottom: 2px;
    margin-left: 3px;
    margin-right: 3px;
}

.plan-price {
    min-height: 90px;
    display: flex;
    flex-direction:column;
    justify-content: center;
    margin-bottom: 32px;
}

.plan-price strong {
    font-weight: 600;
}

.plan-price,
.plan-price-current span {
    font-weight: 400;
    font-size: 15px;
    color: #555555;
}

.plan-price-current span:first-child {
    margin-top: 4px;
}

.plan-price-current span:last-child {
    margin-top: auto;
    margin-bottom: 4px;
}

.plan-price-current {
    font-weight: 600;
    font-size: 40px;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: #222222;
    display: flex;
}

.plan-list {
    list-style: none;
    font-size: 16px;
    line-height: 1.25;
    color: #222222;
    padding-left: 0;
}

.plan-list li {
    position: relative;
    padding-left: 32px;
}

.plan-list li + li {
    margin-top: 8px;
}

.plan-list .icon {
    color: #555555;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.plan-list .icon-check {
    color: #0059F1;
}

.plan-body .btn {
    margin-top: 42px;
}

@media (min-width: 992px) {
    .plan-items {
        display: flex;
        justify-content: space-between;
        align-self: stretch;
    }

    .plan-items .plan {
        width:calc(50% - 12px);
    }

    .plan + .plan {
        margin-top: 0;
    }

    .plan .btn {
        font-weight: 600;
        font-size: 16px;
        line-height: 1.12;
        letter-spacing: -0.02em;
        padding-top: 19px;
        padding-bottom: 19px;
    }
}

.table-acc-receipt .action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.table-acc-receipt .radio {
    margin-left: 30px;
    margin-right: 0;
}

.table-acc-receipt .badge {
    margin-top: 2px;
}

.modal-pro-free-days .close {
    color: #111B25;
    text-shadow: none;
}

.modal-pro-free-days .modal-header {
    background-color: #0059F1;
    color: #fff;
    height: 147px;
}

.modal-pro-free-days .modal-body {
    text-align: center;
}

.modal-pro-free-days .modal-header .d-flex {
    align-items: center;
    justify-content: center;
}

.modal-pro-free-days .modal-title {
    max-width: 240px;
    text-align: center;
}

@media (min-width: 992px) {
    .modal-pro-free-days .modal-header {
        height: 258px;
    }

    .modal-pro-free-days .modal-header .d-flex {
        justify-content: space-between;
    }

    .modal-pro-free-days .modal-title {
        text-align: left;
    }
}

.modal-pro-free-days .modal-panel {
    background-color: #F5F7FA;
    border-radius: 8px;
    height: 388px;
    margin-top: -36px;
    padding: 23px 25px;
}

.modal-pro-free-days .modal-slider {
    height: 100%;
}

.modal-pro-free-days .modal-slider > .modal-slide:not(:first-child) {
    display: none;
}

.modal-pro-free-days .modal-slider .slick-slide {
    height: auto;
}

.modal-pro-free-days .slick-dots {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 50%;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.modal-pro-free-days .slick-dots button {
    background: transparent;
    border: none;
    font-size: 0;
    padding: 8px;
}

.modal-pro-free-days .slick-dots button::before {
    background-color: #CBD2D9;
    border-radius: 50%;
    content: "";
    display: block;
    height: 10px;
    width: 10px;
}

.modal-pro-free-days .slick-dots .slick-active button::before {
    background-color: #0059F1;
}

.modal-pro-free-days .modal-panel .btn {
    margin-top: 14px;
}

.modal-pro-free-days .modal-img {
    height: 110px;
    margin-bottom: 32px;
    position: relative;
}

.modal-pro-free-days .modal-img > img {
    left: 50%;
    max-width: none;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 767px) {
    .modal-pro-free-days .modal-img > img {
        height: 100%;
        object-fit: contain;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .modal-pro-free-days .modal-img {
        height: 225px;
    }

    .modal-pro-free-days .modal-panel {
        height: 500px;
    }
}

.modal-pro-free-days .modal-footer {
    margin-top: 0;
}

.modal-pro-free-days .btn {
    margin-top: 20px;
}

.modal-pro-free-days-start .close {
    color: #111B25;
    text-shadow: none;
}

.modal-pro-free-days-start .modal-content {
    background-color: #0055F5;
    color: #C2D9FF;
    display: flex;
    flex-direction: column;
    height: 549px;
    text-align: center;
}

@media (min-width: 992px) {
    .modal-pro-free-days-start .modal-content {
        height: 800px;
    }
}

.modal-pro-free-days-start .modal-content .h3 {
    color: #fff;
    margin-bottom: 16px;
}

.modal-pro-free-days-start .modal-body {
    flex-grow: 1;
}

.modal-pro-free-days-start .modal-img {
    margin-bottom: 44px;
}

@media (max-width: 767px) {
    .modal-pro-free-days-start .modal-img {
        height: auto;
    }
}

.modal-pro-free-days-start .btn {
    margin-top: 22px;
}

.modal-pro-free-days-start .d-flex {
    align-items: center;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.modal-pro-free-feature .close {
    color: #111B25;
    text-shadow: none;
}

.modal-pro-free-feature .h3 {
    margin-bottom: 20px;
}

.modal-pro-free-feature .btn {
    margin-top: 10px;
}

.modal-pro-free-feature .modal-body {
    text-align: center;
}

.modal-pro-free-feature .modal-video {
    align-items: flex-end;
    background-color: #0245B9;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 168px;
    justify-content: center;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.modal-pro-free-feature .modal-video > img {
    max-width: none;
}

.modal-pro-free-feature .modal-list {
    color: #3E4C59;
    display: flex;
    font-weight: 500;
    gap: 12px;
    justify-content: space-between;
    list-style: none;
    margin-bottom: 18px;
    margin-top: 25px;
    padding-left: 0;
}

.modal-pro-free-feature .modal-list .icon {
    display: block;
    margin: 0 auto 8px;
}

.modal-pro-free-feature .modal-list > li {
    letter-spacing: -0.01em;
    line-height: 1.14286;
}

@media (max-width: 991px) {
    .modal-pro-free-feature .modal-list > li {
        background-color: #F5F7FA;
        border-radius: 4px;
        flex-grow: 1;
        font-size: 12px;
        letter-spacing: -0.02em;
        padding: 18px 9px;
        width: 33.33334%;
    }
}

@media (min-width: 992px) {
    .modal-pro-free-feature .modal-list > li {
        align-items: center;
        display: flex;
    }

    .modal-pro-free-feature .modal-list .icon {
        margin-bottom: 0;
        margin-right: 14px;
    }
}

.modal-pro-free-feature .modal-video::after {
    background: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.modal-pro-free-feature .modal-video-play {
    background-color: #4D5056;
    border-radius: 50%;
    height: 38px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 38px;
    z-index: 1;
}

.modal-pro-free-feature .modal-video-play::before {
    border: 8px solid transparent;
    border-left-width: 11px;
    border-left-color: #fff;
    border-right: none;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
}

@media (min-width: 768px) {
    .modal-pro-free-feature .modal-video {
        height: 300px;
    }

    .modal-pro-free-feature .modal-video-play {
        height: 60px;
        width: 60px;
    }

    .modal-pro-free-feature .modal-video-play::before {
        border: 14px solid transparent;
        border-left-width: 18px;
        border-left-color: #fff;
        border-right: none;
    }
}

.modal-pro-free-feature .modal-video > iframe {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1;
}

.modal-pro-days-left .modal-header {
    background-color: #222;
    height: 243px;
    margin-bottom: 20px;
    position: relative;
}

.modal-pro-days-left .modal-header::after {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 33px;
    left: 0;
    position: absolute;
    width: 100%;
}

.modal-pro-days-left .modal-header .close {
    text-shadow: none;
    color: #fff;
}

.modal-pro-days-left .modal-header .modal-ilustra {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.modal-pro-days-left .modal-body {
    font-size: 18px;
    text-align: center;
}

.modal-pro-days-left .modal-title {
    margin-bottom: 16px;
}

.modal-pro-days-left .modal-body .btn {
    margin-top: 22px;
}

.modal-pro-days-left .modal-footer a {
    color: #222;
    text-decoration: underline;
}

.modal-pro-days-left .progress-labels {
    margin: 39px auto 0;
    max-width: 492px;
}

.content-pro {
    background-color: #0055F5;
    color: #fff;
    font-size: 15px;
    text-align: center;
}

.content-pro .badge-pro {
    background-color: #2173FF;
}

.content-pro .btn {
    margin-top: 20px;
}

.content-pro-lg {
    background-color: #151515;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.content-pro-lg .content-container {
    padding-left: 60px;
    padding-right: 60px;
}

.content-pro-lg .btn {
    display: block;
    margin-top: 20px;
}

.banner-capital-giro {
    background-color: #0059F1;
    color: #fff;
    font-family:'open_sanssemibold';
    padding: 41px 34px;
    position: relative;
    text-align: center;
    z-index: 0;
}

.banner-capital-giro .banner-body {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.banner-capital-giro .banner-text > span {
    color: #9CC1FF;
    display: block;
}

.banner-capital-giro .banner-title {
    font-size: 28px;
    font-family:'open_sanssemibold';
    letter-spacing: -1px;
    line-height: 1.14286;
    margin-bottom: 16px;
}

.banner-capital-giro .form-values {
    margin: 24px auto 0;
    max-width: 376px;
}

.banner-capital-giro .btn {
    border-radius: 24px;
    cursor: pointer;
    font-family:'open_sanssemibold';
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 24px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.banner-capital-giro .btn:focus,
.banner-capital-giro .btn:hover {
    outline: none;
}

.banner-capital-giro .btn-toggle {
    background-color: #fff;
    border: none;
    color: #111B25;
    padding: 14px 0;
}

.banner-capital-giro .btn-toggle:hover,
.banner-capital-giro .btn-toggle:active {
    background-color: #111;
    color: #fff;
}

.banner-capital-giro .btn-info {
    border-color: #fff;
    padding: 12px 0;
}

.banner-capital-giro .form-title {
    font-size: 14px;
    line-height: 200%;
    margin-bottom: 16px;
}

.banner-capital-giro .banner-footer {
    font-size: 14px;
    margin-top: 8px;
}

.banner-capital-giro .banner-footer img {
    margin-left: 8px;
}

.banner-capital-giro .banner-bg {
    display: none;
}

.banner-capital-giro .banner-bg > img {
    height: 392px;
    width: 410px;
}

@media (min-width: 992px) {
    .banner-capital-giro {
        padding: 46px 98px;
        text-align: left;
    }

    .banner-capital-giro .banner-body {
        font-size: 18px;
        line-height: 156%;
        max-width: 436px;
    }

    .banner-capital-giro .banner-title {
        font-size: 48px;
        line-height: 108%;
        margin-bottom: 24px;
    }

    .banner-capital-giro .banner-text > span {
        display: inline;
    }

    .banner-capital-giro .form-values {
        margin-left: 0;
        margin-right: 0;
    }

    .banner-capital-giro .btn {
        margin-bottom: 16px;
    }

    .banner-capital-giro .banner-footer {
        margin-top: 16px;
    }

    .banner-capital-giro .banner-bg {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }
}

@media (min-width: 1200px) {
    .banner-capital-giro .banner-bg > img {
        height: 530px;
        width: 554px;
    }
}

.banner-parceria-credoro {
    background-color: #000D17;
    color: #F5F7FA;
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    text-align: center;
    z-index: 0;
}

.banner-parceria-credoro .banner-body {
    align-items: center;
    padding: 42px 20px 52px;
    display: flex;
    flex-direction: column;
}

.banner-parceria-credoro .banner-title {
    font-size: 28px;
    letter-spacing: -0.5px;
    line-height: 1.14286;
    margin-bottom: 8px;
}

.banner-parceria-credoro .banner-text {
    color: #CBD2D9;
    margin-bottom: 32px;
}

.banner-parceria-credoro .banner-bg > img {
    height: auto;
    width: 100%;
}

.banner-parceria-credoro .banner-logos {
    align-items: center;
    display: inline-flex;
    gap: 22px;
    justify-content: center;
    margin-bottom: 40px;
    position: relative;
}

.banner-parceria-credoro .banner-logos > img {
    max-width: 116px;
}

.banner-parceria-credoro .btn {
    width: 100%;
}

@media (min-width: 768px) {
    .banner-parceria-credoro {
        padding: 42px 32px;
        text-align: left;
    }

    .banner-parceria-credoro .banner-body {
        align-items: flex-start;
        max-width: 398px;
        padding: 0;
    }

    .banner-parceria-credoro .banner-bg {
        height: 100%;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }

    .banner-parceria-credoro .banner-bg > img {
        height: 100%;
    }

    .banner-parceria-credoro .btn {
        width: auto;
    }
}

@media (min-width: 992px) {
    .banner-parceria-credoro {
        font-size: 18px;
        height: 428px;
        line-height: 156%;
        padding: 69px 98px;
    }

    .banner-parceria-credoro .banner-title {
        font-size: 32px;
        line-height: 125%;
    }

    .banner-parceria-credoro .banner-text {
        margin-bottom: 40px;
    }

    .banner-parceria-credoro .banner-logos {
        gap: 60px;
    }

    .banner-parceria-credoro .banner-logos:before {
        background-color: #99AFBA;
        content: "";
        display: block;
        height: 14px;
        left: 50%;
        position: absolute;
        width: 1px;
    }

    .banner-parceria-credoro .banner-logos > img {
        max-width: none;
    }
}

.banner-fluxo-caixa {
    background-color: #F5F7FA;
    color: #3E4C59;
    font-family:'open_sanssemibold';
    font-size: 16px;
    line-height: 156%;
    padding: 56px 25px;
    position: relative;
    text-align: center;
    z-index: 0;
}

.banner-fluxo-caixa .banner-bg {
    display: block;
    margin-bottom: 32px;
}

.banner-fluxo-caixa .banner-bg > img {
    height: 127px;
    object-fit: contain;
}

.banner-fluxo-caixa .banner-title {
    color: #111B25;
    font-family:'open_sanssemibold';
    font-size: 28px;
    letter-spacing: -0.5px;
    line-height: 1.14286;
    margin-bottom: 8px;
}

.banner-fluxo-caixa .banner-text {
    margin-bottom: 32px;
}

.banner-fluxo-caixa .banner-text > span {
    color: #0059F1;
}

@media (min-width: 768px) {
    .banner-fluxo-caixa .banner-body {
        margin-left: auto;
        margin-right: auto;
        max-width: 428px;
    }
}

@media (min-width: 992px) {
    .banner-fluxo-caixa {
        font-size: 18px;
        padding: 99px 98px;
    }

    .banner-fluxo-caixa .banner-title {
        font-size: 32px;
        line-height: 125%;
    }

    .banner-fluxo-caixa .banner-text {
        margin-bottom: 48px;
    }
}

@media (min-width: 1200px) {
    .banner-fluxo-caixa {
        height: 436px;
        text-align: left;
    }

    .banner-fluxo-caixa .banner-body {
        margin-left: 0;
        margin-right: 0;
    }

    .banner-fluxo-caixa .banner-bg {
        margin-bottom: 0;
        position: absolute;
        right: 98px;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }

    .banner-fluxo-caixa .banner-bg > img {
        height: 245px;
    }
}

.faq-item {
    padding-top: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #E4E7EB;
    margin: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

.faq-header {
    position: relative;
    padding-right: 50px;
}

.faq-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #0055F5;
}

.faq-header a:not(.collapsed) ~ .faq-arrow svg {
    transform: rotate(180deg);
}

.faq-header a {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    outline: none;
    text-decoration: none;
}

.faq-body p:last-child {
    margin-bottom: 0;
}

.faq-body p:first-child {
    margin-top: 10px;
}

.banner-ficou-duvida {
    background-color: #0059F1;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    line-height: 156%;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 0;
}

.banner-ficou-duvida .banner-bg > img {
    height: auto;
    width: 100%;
}

.banner-ficou-duvida a {
    color: currentColor;
    font-family:'open_sanssemibold';
    font-size: 16px;
    letter-spacing: -0.2px;
    line-height: 20px;
}

.banner-ficou-duvida .banner-body {
    padding: 21px 20px 32px;
}

.banner-ficou-duvida .banner-title {
    font-size: 32px;
    line-height: 125%;
}

.banner-ficou-duvida .banner-title {
    font-family:'open_sanssemibold';
    font-size: 28px;
    letter-spacing: -0.5px;
    line-height: 1.14286;
    margin-bottom: 8px;
}

.banner-ficou-duvida .banner-text {
    margin-bottom: 24px;
}

.banner-ficou-duvida .banner-text > span {
    color: #95BCFF;
}

.capital-giro .content {
    padding: 0;
}

.capital-giro .content-container {
    padding: 56px 16px;
}

.capital-giro .content-header {
    color: #3E4C59;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 24px;
    text-align: center;
}

.capital-giro .content-header .h2 {
    color: #111111;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.14286;
}

@media (min-width: 768px) {
    .banner-ficou-duvida {
        padding: 47px;
        text-align: left;
    }

    .banner-ficou-duvida .banner-body {
        padding: 0;
    }

    .banner-ficou-duvida .banner-bg {
        height: 100%;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }

    .banner-ficou-duvida .banner-bg > img {
        height: 100%;
        object-fit: cover;
        object-position: left center;
        width: 360px;
    }
}

@media (min-width: 992px) {
    .capital-giro .content-header {
        margin-bottom: 60px;
        font-size: 18px;
        line-height: 1.55556;
    }

    .capital-giro .content-container {
        margin-bottom: 109px;
    }

    .capital-giro .content-header .h2 {
        font-size: 32px;
        line-height: 1.25;
    }

    .banner-ficou-duvida {
        align-items: center;
        display: flex;
        height: 220px;
        padding: 0 97px;
    }
}

.capital-giro-features-list {
    color: #111B25;
    display: flex;
    flex-direction: column;
    font-family:'open_sanssemibold';
    font-size: 16px;
    gap: 32px;
    line-height: 1.25;
    list-style: none;
    margin-bottom: 28px;
    padding-left: 0;
    text-align: center;
}

@media (min-width: 992px) {
    .capital-giro .content-container {
        padding: 88px 98px;
    }

    .capital-giro-features-list {
        flex-direction: row;
        margin-bottom: 80px;
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .capital-giro-features-list {
        font-size: 18px;
        line-height: 1.22223;
    }
}

.capital-giro-features-list li {
    flex-grow: 1;
    width: 100%;
}

.capital-giro-features-list .icon-wrapper {
    margin-bottom: 25px;
}

.capital-giro #accordion {
    margin-bottom: 100px;
}

.capital-giro .faq-item {
    border-bottom-color: #E5E8EC;
    padding-bottom: 28px;
    padding-top: 28px;
}

.capital-giro .faq-header {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33334;
    position: relative;
}

.capital-giro .faq-header:before,
.capital-giro .faq-header:after {
    background-color: #A9A9A7;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.capital-giro .faq-header:before {
    height: 2px;
    right: 0;
    width: 18px;
}

.capital-giro .faq-header:after {
    height: 18px;
    right: 8px;
    width: 2px;
}

.capital-giro .faq-header:not(.collapsed):after {
    display: none;
}

@media (min-width: 992px) {
    .capital-giro .faq-header {
        font-size: 20px;
        line-height: 1.3;
    }
}

.modal-value .close {
    color: #000000;
    font-size: 34px;
    font-weight: normal;
    position: absolute;
    right: 25px;
    text-shadow: none;
    top: 18px;
}

.modal-value .modal-content {
    border-radius: 8px;
    color: #3E4C59;
}

.modal-value .modal-header {
    height: auto;
    padding: 46px 18px 0;
}

.modal-value .modal-body {
    padding: 20px 18px 24px;
}

.modal-value .modal-footer {
    margin-top: 0;
    padding: 0 18px 34px;
    text-align: right;
}

.modal-value .form-text {
    color: #3E4C59;
    font-family: 'open_sanssemibold';
    font-size: 14px;
    line-height: 1.42858;
}

@media (min-width: 992px) {
    .modal-value .modal-header {
        padding: 41px 35px 0;
    }
    
    .modal-value .modal-body {
        padding: 20px 35px 32px;
    }

    .modal-value .modal-footer {
        padding: 0 35px 50px;
    }
}

.modal-value.modal-filled .modal-title > span,
.modal-value.modal-filled label,
.modal-value.modal-filled .form-text {
    display: none;
}

.modal-value.modal-filled .modal-title:before {
    content: attr(data-filled-title);
}

.modal-exit .close {
    position: absolute;
    top: 2px;
    right: 8px;
    color: #000;
    font-size: 25px;
}

.modal-exit-body {
    text-align: center;
    padding: 48px 15px 36px;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: #111B25;
}

.modal-exit-body .highlight {
    color: #0055F5;
}

.modal-exit .modal-dialog {
    max-width: 510px;
}

.modal-exit-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    color: #111B25;
    margin-bottom: 16px;
}

.modal-exit-text {
    margin-top: 32px;
    font-size: 12px;
    line-height: 1.43;
    letter-spacing: -0.02em;
    color: #3E4C59;
    margin-bottom: 16px;
}

.modal-exit-img {
    margin-bottom: 16px;
}

.modal-exit .modal-content {
    border: 1px solid #E0E0E0;
    box-shadow: 0 4px 8px rgba(16, 42, 67, 0.05), 0 1px 3px rgba(16, 42, 67, 0.02), 0 0 1px rgba(16, 42, 67, 0.04);
    border-radius: 8px;
}

.modal-exit-body .btn {
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    padding: 12px 24px;
}

.modal-exit-body .btn .fa {
    font-size: 18px;
    margin-right: 2px;
    vertical-align: top;
}

@media (max-width: 575px) {
    .modal-exit .modal-dialog {
        margin: 2rem;
    }

    .modal-exit-body .btn {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .modal-exit-body {
        font-size: 16px;
        padding: 26px 30px 52px;
    }

    .modal-exit-title {
        font-size: 20px;
    }

    .modal-exit-text {
        font-size: 14px;
    }
}

.label-tag {
    background-color: #F8F8F8;
    color: #000;
    font-size: 10px;
    font-weight: 600;
    text-transform: none;
}

.label-tag > span {
    color: #fff;
    mix-blend-mode: difference;
}

.label-more {
    color: #222222;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    margin-left: 4px;
    vertical-align: middle;
}

.tooltip-label.in {
    opacity: 1;
}

.tooltip-label .tooltip-inner {
    background-color: #F0F2F5;
    display: flex;
    gap: 4px;
    padding: 8px;
}

.pro-content-tags {
    background-image: url(../img/pro/pro-tags-bg.png);
    height: 488px;
}

.color-palette {
    align-items: center;
    background: #FBFBFB;
    border: 1px solid #EBF1F3;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: space-between;
    padding: 10px;
    width: 226px;
}

.color-palette > input {
    appearance: none;
    border-radius: 4px;
    cursor: pointer;
    height: 22px;
    margin: 0;
    width: 22px;
}

.color-palette > input:focus {
    outline: none;
}

.color-palette > input:checked {
    background-image: url(../img/sprite.svg#g-checked-dark);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 11px 9px;
}

.dropdown-actions {
    display: inline-block;
    vertical-align: middle;
}

.dropdown-actions .btn {
    margin: 0;
}

.dropdown-actions .dropdown-menu {
    background-color: #FBFBFB;
    border: 2px solid #EBF1F3;
    box-shadow: none;
    left: auto;
    padding: 8px 3px;
    right: 0;
}

.dropdown-actions .dropdown-menu::before {
    display: none;
}

.dropdown-actions .dropdown-menu .btn {
    text-align: left;
}

.dropdown-actions .dropdown-menu .btn:not(:hover) {
    background: transparent;
}

.dropdown-actions .dropdown-menu>li {
    margin: 0;
}

.dropdown-actions .dropdown-menu>li>a {
    font-size: 13px;
    padding: 5px 10px;
}

.dropdown-actions .dropdown-menu>li>a>i {
    color: currentColor;
    font-size: 13px;
}

.modal-plan .modal-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.2px;
}

.modal-plan .modal-header {
    height: auto;
    padding-bottom: 24px;
}

.label-plan + .label-plan {
    margin-top: 8px;
}

.label-plan {
    display: flex;
    width: 100%;
    border-radius: 8px;
    background: #F5F7FA;
    padding: 22px 20px 22px 54px;
    border: 0;
    cursor: pointer;
    color: #3E4C59;
    font-size: 14px;
    line-height: 1.42;
    position: relative;
    align-items: center;
}

.label-plan-name {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.112;
    letter-spacing: -0.32px;
}

.label-plan-price {
    color:  #111B25;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: -0.32px;
    margin-left: auto;
}

.label-plan-year {
    font-weight: 400;
    color: #7B8794;
}

.label-plan-period {
    margin-top: 8px;
    color: #3E4C59;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.label-plan input {
    background-color: #fff;
    appearance: none;
    border: 1px solid #CBD2D9;
    border-radius: 50%;
    height: 18px;
    margin-top: 0;
    outline: none;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
}

.label-plan input:checked {
    background: #00BA86 url(../img/sprite.svg#g-checked) no-repeat center;
    background-size: 11px 10px;
    border-color: #00BA86;
}

.form-group + .label-plan-helper {
    margin-top: 32px;
}
.label-plan-helper {
    color: #3E4C59;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
    letter-spacing: -0.28px;
    margin-bottom: 8px;
}

.label-plan-price-text {
    text-align: right;
    color: #3E4C59;
    font-size: 12px;
    font-weight: 400;
}

.modal-plan .modal-footer {
    text-align: right;
    margin-top: 0;
}

.modal-plan .modal-dialog {
    max-width: 555px;
}

/* ------- PASCOA modal ------- */

@media (min-width: 768px) {   
    .modal-pascoa .modal-dialog {
        width: 650px;
    }
}

.modal-pascoa .close {
    color: #fff;
    font-size: 28px;
    font-weight: normal;
    position: absolute;
    right: 25px;
    text-shadow: none;
    top: 11px;
}

.modal-pascoa .modal-body {
    font-size: 16px;
    padding: 0 0 20px 0;
}

.modal-pascoa img {
    height: auto;
    margin-bottom: 40px;
    max-width: 100%;
}

.modal-pascoa .modal-title {
    margin-bottom: 15px;
}

.modal-pascoa .modal-title > span {
    color: #0059F1;
}

.modal-pascoa .medium {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 11px;
    margin-top: 26px;
}

.modal-pascoa .small {
    color: #7B8794;
    font-size: 12px;
}

.modal-pascoa .btn {
    margin-bottom: 40px;
}

.modal-pascoa .pascoa-ticket {
    align-items: center;
    background-image: url("data:image/svg+xml,%3Csvg width='182' height='51' viewBox='0 0 182 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M179.106 0.503906L3.53268 0.585389C2.82239 0.586223 2.13857 0.869261 1.63339 1.37003C1.12773 1.87049 0.845176 2.55291 0.845704 3.26501L0.853238 15.9599C0.853187 15.9649 0.853187 15.97 0.853238 15.975C0.864545 16.6015 1.0937 17.2026 1.50103 17.6775C1.90858 18.1533 2.46914 18.4693 3.08377 18.5806H3.06114C4.63991 18.9107 6.05948 19.7661 7.07323 21.0012C8.08701 22.2363 8.63981 23.774 8.64125 25.3611C8.64272 26.9483 8.09208 28.4839 7.08059 29.721C6.06937 30.9578 4.65399 31.8161 3.07589 32.149H3.09849C2.48605 32.2638 1.92777 32.5844 1.52311 33.0594C1.11823 33.5346 0.885801 34.1377 0.875323 34.762C0.87531 34.7645 0.87531 34.767 0.875323 34.7695L0.890391 47.4644C0.891296 48.1765 1.1791 48.8597 1.68544 49.3594C2.19164 49.859 2.87458 50.1372 3.58476 50.1367L179.158 50.048C179.511 50.048 179.856 49.9824 180.182 49.8482C180.508 49.7144 180.8 49.5185 181.05 49.2708C181.053 49.2708 181.055 49.2708 181.058 49.2708C181.307 49.023 181.504 48.7279 181.64 48.4048C181.776 48.0777 181.846 47.7262 181.846 47.3759L181.831 34.681C181.831 34.6759 181.831 34.6709 181.831 34.6658C181.819 34.0394 181.591 33.439 181.183 32.9633C180.776 32.4882 180.216 32.1712 179.6 32.0602H179.623C178.044 31.7305 176.633 30.8752 175.618 29.6397C174.604 28.4045 174.052 26.867 174.05 25.2798C174.049 23.6934 174.592 22.1562 175.603 20.9198C176.614 19.6834 178.032 18.825 179.608 18.4919H179.585C180.2 18.3786 180.762 18.0574 181.168 17.5814C181.574 17.1056 181.798 16.5043 181.809 15.8789C181.809 15.8764 181.809 15.8739 181.809 15.8713C181.809 15.8688 181.809 15.8663 181.809 15.8638L181.801 3.17624C181.801 2.82225 181.723 2.47169 181.588 2.14738C181.451 1.82144 181.257 1.52874 181.006 1.28126C180.756 1.03415 180.457 0.837233 180.13 0.703941C179.804 0.570534 179.458 0.503148 179.106 0.503906ZM179.106 2.00656C179.265 2.00634 179.426 2.03691 179.57 2.09528C179.716 2.1544 179.842 2.24494 179.953 2.35447C180.063 2.46324 180.152 2.59138 180.211 2.73199C180.27 2.87373 180.299 3.0253 180.299 3.17606L180.314 15.8562C180.31 16.1306 180.208 16.3915 180.027 16.6038C179.846 16.8152 179.594 16.9593 179.313 17.0109C179.308 17.0133 179.303 17.0159 179.298 17.0185C177.392 17.4213 175.675 18.4613 174.446 19.9646C173.217 21.4678 172.546 23.343 172.547 25.2794C172.549 27.217 173.229 29.1001 174.461 30.6016C175.694 32.1034 177.411 33.1344 179.32 33.5329C179.325 33.5355 179.33 33.538 179.335 33.5405C179.615 33.5909 179.868 33.736 180.049 33.9476C180.23 34.1587 180.332 34.422 180.336 34.6952L180.344 47.3753C180.344 47.5299 180.314 47.68 180.255 47.8194H180.263C180.203 47.9623 180.115 48.0874 180.005 48.1969C179.894 48.3068 179.762 48.3959 179.615 48.4561C179.47 48.516 179.317 48.5448 179.159 48.5448C179.156 48.5448 179.154 48.5448 179.151 48.5448L3.58473 48.6335C3.26398 48.6338 2.95427 48.5062 2.73076 48.2856C2.50725 48.065 2.38511 47.7712 2.38473 47.4639L2.3772 34.7839C2.38097 34.5106 2.47672 34.2478 2.65688 34.0362C2.83705 33.8248 3.09132 33.6815 3.37099 33.6291C3.37604 33.6266 3.38106 33.6241 3.38605 33.6215C5.29418 33.2191 7.00781 32.1792 8.23734 30.6754C9.46705 29.1714 10.1384 27.2979 10.1366 25.3606C10.1348 23.4232 9.45513 21.54 8.22259 20.0383C6.99008 18.5367 5.28016 17.506 3.37136 17.1071C3.36386 17.1045 3.35631 17.1019 3.34873 17.0995C3.06793 17.0487 2.81573 16.904 2.63463 16.6924C2.45295 16.4805 2.35234 16.2184 2.34744 15.9448L2.33988 3.26472C2.33965 2.95735 2.46277 2.66375 2.6859 2.44307C2.90903 2.22211 3.21173 2.09554 3.53248 2.09516L179.106 2.00656Z' fill='%23FF8000'/%3E%3C/svg%3E ");
    color: #FF8000;
    display: flex;
    font-family: "Bebas Neue", sans-serif;
    font-size: 28px;
    font-weight: 400;
    height: 51px;
    justify-content: center;
    line-height: 1.2;
    margin: 0 auto 32px;
    width: 182px;
}

/* ------- PASCOA modal ------- */

.box-anticipation {
    background-color: #F5F8FD;
    padding: 24px 20px;
    position: relative;
}

.box-anticipation.success {
    background: #E3F9E5;
}

.box-anticipation.error {
    background: #FFFAEB;
}

.box-anticipation.success,
.box-anticipation.error {
    padding: 68px 24px;
}

.box-anticipation-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 12px;
}

.box-anticipation-subtitle {
    line-height: 1.5;
    margin-bottom: 24px;
}

.box-anticipation .list-unstyled {
    color: #000;
    margin-bottom: 32px;
}

.box-anticipation .list-unstyled .fa {
    font-size: 16px;
    margin-right: 8px;
}

.box-anticipation .list-unstyled li + li {
    margin-top: 14px;
}

.box-anticipation .small {
    margin-top: 24px;
}

.box-anticipation-image {
    width: 324px;
    max-width: 100%;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.box-anticipation-icon {
    margin-bottom: 24px;
}

.box-anticipation-icon + .box-anticipation-title {
    font-size: 24px;
    margin-bottom: 16px;
}

.box-anticipation-content > :last-child {
    margin-bottom: 0;
}

@media (min-width: 1200px) {
    .box-anticipation.vertical-middle {
        min-height: 320px;
        display: flex;
        align-items: center;
    }

    .box-anticipation:has(.box-anticipation-image) .box-anticipation-content {
        max-width: 400px;
    }
}

.modal-confirm .modal-content {
    text-align: center;
    color: #111B25;
    font-size: 18px;
}

.modal-confirm .modal-body {
    padding: 24px 36px 60px;
}

.modal-confirm .close {
    position: absolute;
    top: 16px;
    right: 16px;
    text-shadow: none;
    color: #fff;
}

.modal-confirm .modal-dialog {
    border-radius: 8px;
    overflow: hidden;
}

.modal-confirm-img {
    width: 100%;
}

.modal-confirm .modal-title {
    color: #111B25;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 16px;
}

.modal-confirm .small {
    color: #3E4C59;
    font-size: 14px;
    margin-top: 16px;
}

@media (min-width: 768px) {
    .modal-confirm .modal-dialog {
        max-width: 555px;
    }
}