* {
    font-family: "avenir book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
a {
    color: #097FC6;
}
#main-navbar {
    z-index: 1000;
}
#main-navbar .fa-bars {
    color: #FABC5C;
}
#main-navbar .nav-link {
    padding-right: 0;
    padding-left: 0;
    color: white;
}
.btn {
    cursor: pointer;
}
.btn-floating {
    z-index: 1;
    overflow: hidden;
    width: 47px;
    height: 47px;
    padding: 0;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
}
.btn-floating.btn-small {
    width: 36.15px;
    height: 36.15px;
    line-height: 32px;
}
.btn-floating, .btn-floating i {
     display: inline-block;
     color: #fff;
}
.btn-flat, .btn-floating {
    position: relative;
    margin: 10px;
}
.flex-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

@media (min-width: 768px) {
    .navbar:not(.top-nav-collapse) {
        color: #fff;
    }
}
main {
    background-color: #fff;
}
.streak {
    background-position: center center;
    background-size: cover !important;
}
.badge {
    color: #ffffff;
}
.navbar:not(.top-nav-collapse) {
    box-shadow: none;
}
.md-form .prefix {
    font-size: 1.5rem;
    margin-top: 1rem;
}
h6 {
    line-height: 1.7;
}
@media (min-width: 768px) {
    #intro-center-flex-center {
        width: 100%;
    }
}
@media (max-width: 450px) {
    .consultarplaca-lp .display-3 {
        font-size: 3rem;
    }
}
.consultarplaca-lp .md-pills.pills-primary .nav-item .nav-link.active {
    background-color: #323437 !important;
}
.consultarplaca-lp .icon-area .circle-icon i {
    width: 90px;
    height: 90px;
    background: #ec2a45;
}
.consultarplaca-lp .icon-area .circle-icon i:hover {
    background: #6a6f73;
}
.consultarplaca-lp p {
    line-height: 1.8;
    font-size: 0.9rem;
}
.consultarplaca-lp .font-small {
    font-size: 0.8rem;
}
.consultarplaca-lp ul {
    line-height: 1.8;
}
.consultarplaca-lp .spacing {
    letter-spacing: 3px;
}
.consultarplaca-lp .pricing-card {
    border-radius: 0.3rem;
}
.box-shadow {
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.20), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.bg-blue {
    background-color: #097FC6 !important;
}
.bg-orange {
    background-color: #FABC5C !important;
}
.bg-white {
    background-color: #FFFFFF;
}
.color-blue {
    color: #097FC6 !important;
}
.color-orange {
    color: #FABC5C !important;
}
.color-white {
    color: #fff !important;
}
.btn-outline-orange {
    color: #FABC5C !important;
    border: 2px solid #FABC5C;
    background-color: transparent;
}
.btn-outline-blue {
    color: #097FC6 !important;
    border: 2px solid #097FC6;
    background-color: transparent;
}
.page-link {
    color: #097FC6;
}
.page-item.active .page-link {
    background-color: #FABC5C;
    border-color: #FABC5C;
    color: #4f4f4f;
}

.grey-text {
    color: #9e9e9e!important;
}
.dark-grey-text {
    color: #4f4f4f!important;
}
.font-weight-bold {
    font-weight: 700!important;
}
.btn.bg-orange { color: #000000; }
.btn.bg-orange:hover {
    color: #000000;
    cursor: pointer;
}

.small-line-orange {
    width: 50px;
    float: left;
    background-color: #FABC5C;
    height: 7px;
    border-radius: 10px;
}
.section-title {
    color: gray;
    font-size: 1rem;
}
.section-subtitle {
    color: #097FC6;
    font-size: 2.5rem;
    margin-bottom: 2rem;
}
#header-site-content {
    height: 229px;
    padding-top: 114px;
}
#main-title-page {
    font-size: 1.8rem;
    margin-top: 10px;
}
#main-subtitle-page {
    font-size: 1.2rem;
    line-height: 0.8rem;
    margin-top: 0px;
}
input[type=checkbox], input[type=radio] {
    height: 20px;
    width: 20px;
}
[type=checkbox]+label, [type=radio]+label {
    padding-left: 15px;
}
.form-check-label {
    line-height: 19px !important;
}
.md-pills .nav-link {
    color: #097FC6;
}
.md-pills .nav-link.active {
    color: #fff;
    background-color: #097FC6;
    border-radius: 4px;
}
.period-filter {
    height: 40px;
    border: 1px solid lightgray;
    border-radius: 5px;
    margin-bottom: 10px;
}
.period-filter .btn {
    font-size: 0.8rem;
}
.period-filter a {
    color: black !important;
}
.btn-list {
    padding: 0.5rem 0.8rem;
    font-size: .64rem;
}
.btn-list-sm {
    padding: 0.3rem 0.3rem;
    font-size: .64rem;
    margin-bottom: 3px !important;
}
.eternal-rotate {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
#menu-painel ul {
    padding: 0px;
}
#container-user-data-credit {
    float: right;
}

@media (max-width: 516px) {
    #navbar-toggler-painel-user1 { display: block; }
    #navbar-toggler-painel-user2 { display: none; }
    #container-user-data-credit {
        margin: auto;
    }
    #main-title-page {
        font-size: 1.5rem;
        margin-top: 50px;
    }
    #main-subtitle-page {
        font-size: 1.0rem;
        line-height: 0.8rem;
    }
}
@media (min-width: 516px) {
    #navbar-toggler-painel-user1 { display: none; }
    #navbar-toggler-painel-user2 { display: block; }
}
@media (max-width:575px){
    .hidden-sm-down {
        display: none !important;
    }
    #main-navbar #nav-logo {
        height: 40px;
    }
}
@media (min-width:576px){
    .hidden-sm-up {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .hidden-md-down {
        display: none !important;
    }
}
@media (min-width: 768px) {
    #menu-painel ul,
    #menu-painel li {
        width: 100%;
    }
    .hidden-md-up {
        display: none !important;
    }
}
@media (min-width: 992px) {
    #navbar-toggler-painel-user2 { display: none; }
    #navbarSupportedContent-7 {
        display: none !important;
    }
}



h5.page-description,
.card-title {
    font-weight: 300;
}
.table-responsive table tr td.tal {
    text-align: left;
}

table td {
    font-size: .9rem;
    font-weight: 300;
}
table.table thead th {
    border-top: none;
}
table.table-sm td, table.table-sm th {
    padding-top: .6rem;
    padding-bottom: .6rem;
    font-size: .9rem;
    line-height: 0.9rem;
}
table tr td.break{word-break:break-all}

.cascading-admin-card {
    margin-top: 20px;
}
.cascading-admin-card .admin-up {
    margin: 5px;
}
.cascading-admin-card .admin-up .fa {
    padding: 0.4rem;
    font-size: 1.4rem;
    color: #fff;
    text-align: left;
    margin-right: 0.2rem;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.cascading-admin-card .admin-up .data {
    float: right;
    text-align: right;
}
.cascading-admin-card .admin-up h4 {
    float: right;
    text-align: right;
    font-size: 0.9rem;
    margin: 0px;
}
.cascading-admin-card .admin-up .data p {
    line-height: 1;
    margin-bottom: 0px;
}
.checkout-subtitle {
    color: #097FC6;
    font-size: 1.8rem;
    margin-bottom: 2rem;
}
.checkout-table-info {
    width: 100%;
    margin: auto;
    max-width: 360px;
}
.checkout-table-info tr td {
    padding: 3px;
}
.checkout-table-info tr td.column1 {
    padding-left: 0px;
    text-align: left;
    font-size: 16px;
}
.checkout-table-info tr td.column2 {
    padding-right: 0px;
    text-align: right;
    font-size: 21px;
}

#queries-additional,
#queries-additional-selected {
    width: 100%;
    margin: auto;
    max-width: 360px;
}
#queries-additional tr td {
    padding: 3px 3px 10px 0px;
}
#queries-additional tr td.column1 {
    text-align: left;
    padding-left: 20px;
    font-size: 13px;
}
#queries-additional-selected tr td.column1 {
    text-align: left;
    padding-left: 0px;
    font-size: 13px;
}
#queries-additional tr td.column2,
#queries-additional-selected tr td.column2 {
    text-align: right;
    min-width: 60px;
    font-size: 13px;
    font-weight: 500;
    vertical-align: top;
}

.table-responsive table tr td.tac { text-align: center; }
.table-responsive table tr td.tal { text-align: left; }
.table-responsive table tr td.tar { text-align: right; }
@media screen and (max-width: 600px) {
    .table-responsive table tr td.tac { text-align: right; }
    .table-responsive table tr td.tal { text-align: right; }
    .table-responsive table {
        border: 0;
    }

    .table-responsive table caption {
        font-size: 1.3em;
    }

    .table-responsive table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .table-responsive table tr {
        border-top: 2px solid gray;
        display: block;
        margin-bottom: .625em;
    }
    .table-responsive table td {
        display: block;
        text-align: right;
    }
    .table-responsive table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
    }
    .table-responsive table td:last-child {
        border-bottom: 0;
    }
}

#table-reseller-config tr td {
    padding-top: 5px;
    padding-bottom: 5px;
}


footer.bg-blue {
    color: #ffffff;
}
footer .payment-method-ul {
    margin-bottom: 3px;
    padding: 0px;
}
footer .payment-method-ul li {
    display: inline-block;
}
footer .payment-method-flag {
    width: 50px;
    border-radius: 4px;
    margin: 3px;
}
footer .social-icon {
    height: 20px;
    margin: 0px 10px 10px 0px;
}
footer h5 {
    font-size: 16px;
}
footer hr {
    height: 1px;
    width: 100%;
    background-color: #8fd5f1;
    border: none;
    margin: 30px 25px 15px 25px;
}
footer .footer-copyright {
    color: #353535;
    font-size: 13px;
    padding: 10px 0px;
    font-style: italic;
}
footer ul li {
    list-style-type: none;
}


@media (max-width: 576px) {
    h5 {
        font-size: 1rem;
    }
    #header-site-content {
        height: 185px;
        padding-top: 65px;
    }
    #main-title-page {
        font-size: 1.5rem;
        margin-top: 35px;
    }
    #main-subtitle-page {
        font-size: 1rem;
        line-height: 0.6rem;
    }
    .card-container {
        max-width: 340px !important;
    }
    #checkout-container {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
}
@media (max-width:767px){
    .center-on-small-only { text-align: center; }
}

#toast-container > div, .white-text {
    color: #fff !important;
}
.toast-message {
    word-wrap: break-word;
}
.toast-top-right {
    top: 12px;
    right: 12px;
}
#toast-container {
    position: fixed;
    z-index: 999999;
}
#toast-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#toast-container > div {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    background-position: 15px center;
    background-repeat: no-repeat;
    opacity: 0.95;
}
#toast-container > :hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
    opacity: 1;
    cursor: pointer;
}
.toast {
    background-color: #030303;
}
.toast-success {
    background-color: #00c851;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}
.toast-error {
    background-color: #ff3547;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}
.toast-info {
    background-color: #33b5e5;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}
.toast-warning {
    background-color: #fb3;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}


.card-price-credits {
    padding-top: 50px;
    padding-bottom: 15px;
    font-weight: 600;
}
.card-price-credits .percent {
    width: 76px;
    height: 76px;
    font-size: 27px;
    color: #ffffff;
    border-radius: 50%;
    position: absolute;
    line-height: 70px;
    font-weight: 600;
    left: 0;
    right: 0;
    top: -38px;
    margin: auto;
}
.card-price-credits .price {
    font-size: 40px;
    font-weight: bold;
}
.card-price-credits .text-how-much {
    width: 90%;
    margin: 15px auto;
    padding: 10px 0px;
    border-top: 1px solid #86c9f2;
    border-bottom: 1px solid #86c9f2;
    font-size: 12px;
}

.chart-nodata-message {
    margin: 30px;
    font-size: 13px;
    color: dimgray;
}

#login-page .form-title{
    margin-bottom: 30px;
}
#login-page .form-subtitle{
    font-size: 14px;
    line-height: 16px;
}

@media (max-width: 600px) {
    .table-responsive tr td {
        text-align: right !important;
    }
    .card-body {
        padding: 3px;
    }
    .card-price-credits {
        padding-top: 35px;
    }
    .card-price-credits .percent {
        width: 50px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
        top: -25px;
    }
    .card-price-credits .price {
        font-size: 28px;
    }
}