html body a {
    color: var(--theme-primary-900);
    background-color: transparent;
}
@font-face {
    font-family: "password-mask";
    src: url(data:font/woff;charset:utf-8;base64,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) format("woff");
}
@font-face {
    font-family: 'button-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.e-btn-sb-icons {
    font-family: 'button-icons';
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.e-play-icon::before {
    content: '\e701';
}

.e-pause-icon::before {
    content: '\e705';
}
/*.password {*/
/*    font-family: password-mask;*/
/*}*/

    .password::placeholder {
        font-family: 'Roboto';
    }

/* Bootstrap Validation Summary Override */
/* Bootstrap Validation Summary Override */
.validation-summary-valid {
    display: none;
}

.validation-summary-errors ul {
    margin-bottom: 0;
    padding-left: 1rem;
}

.alert.validation-summary-errors {
    margin-bottom: 1rem;
}
.card {
    border: 1px solid var(--theme-primary);
    overflow:hidden;
}
.panel {
    border: 1px solid var(--theme-primary) !important;
    overflow: hidden;
}
.border {
    border: 1px solid var(--theme-primary) !important;
    overflow: hidden;
}
.nav {
    margin-bottom: -2px;
}
.tab-content.border.border-top-0.p-3 {
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
}
.e-listview.e-list-template .e-list-item.e-hover .e-list-content {
    color: unset;
}
.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666%;
    flex: 0 0 16.66666%;
    max-width: 16.66666%;
    width: 16.66666%;
}

.dataTables_empty {
    font-size: 1.5rem !important;
}

/* Reference classes, no implementation */
.base,
.needs-validation,
.flex-start,
.text-faded,
.app-container-demo,
.lang-js,
.lang-csharp,
.has-tooltip,
.has-popover {
}

/* Keeps analyzers happy */
.js-waves-off,
.js-waves-on,
.js-get-date,
.js-collapse,
.js-modal-settings,
.js-filter-message,
.js-buttons,
.js-icon-class,
.js-icon-copy,
.js-bg-color,
.js-bg-gradient,
.js-bg-gradient-demo,
.js-bg-target {
}

/* Small word wrap correction */
section > ol > li {
    word-break: break-all;
}

code {
    border: 1px solid silver;
    padding: 0.03rem 0.2rem !important;
}

pre.prettyprint {
    border-radius: 0.2rem;
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
}

.documentation h2 {
    color: var(--primary);
}

.documentation th:first-child,
.documentation th:nth-child(3) {
    width: 16%;
}

.documentation blockquote {
    margin-left: 1rem;
    padding: 1rem 1rem 0.01rem 1rem;
    font-weight: 400;
    border-radius: 0 4px 4px 0;
    background: #edf2f9;
    border-left: 3px solid var(--primary);
}

    .documentation blockquote.info {
        background: #edf2f9;
        border-left: 3px solid var(--info);
    }

    .documentation blockquote.warning {
        background: #fff4db;
        border-left: 3px solid var(--warning);
    }

    .documentation blockquote.danger {
        background: #fadeeb;
        border-left: 3px solid var(--danger);
    }

/* Enter custom CSS rules for your application here */

.e-input-picture::before {
    content: '\e335';
    font-family: e-icons;
}

.bootstrap4 .e-input-picture:before {
    content: '\e776';
}

.e-input-calendar::before {
    content: '\e901';
    font-family: e-icons;
    font-size: 13px;
}

.fabric .e-input-calendar:before {
    content: '\e93a';
}

.bootstrap .e-input-calendar:before {
    content: '\e960';
}

.bootstrap4 .e-input-calendar:before {
    content: '\e7be';
}

.highcontrast .e-input-calendar:before {
    content: '\e93a';
}

.content-wrapper {
    width: 90%;
    margin: 0 auto;
    min-width: 85px;
}

    .content-wrapper div.row {
        padding: 15px 0px;
    }

.custom-padding-05 {
    padding-top: 5px;
}

@media only screen and (max-width: 480px) {
    .content-wrapper {
        width: 92%;
    }

    .col-xs-6,
    .col-xs-4,
    .col-xs-12 {
        padding: 10px 5px;
        width: 100%;
    }

    .content-wrapper div.row {
        padding: 0px;
    }
}

#description td {
    vertical-align: top;
}

.e-outline.e-float-input,
.e-outline.e-float-input.e-control-wrapper {
    margin-top: 0;
}

.fabric .row.material2,
.bootstrap .row.material2,
.bootstrap4 .row.material2,
.highcontrast .row.material2 {
    display: none;
}
.input-group-text .material-icons {
    font-size:16px;
}
.ttl_dadosCadastrais {
/*    margin-top: 1rem;*/
    font-size: 13px;
    font-weight:500
}
.razaoSocial_dadosCadastrais {
/*    margin-bottom: 2rem;*/
}
.text-semiBold {
    font-weight:500;
}
.text-bold {
    font-weight:bold;
}
.text-black {
    color: #292929;
    
}
.hidden {
display:none;
}
#clienteEditTelefone text, #iniciarValidacaoTelefone text {
    display: flex;
    align-items: center;
}
#clienteEditTelefone i, #iniciarValidacaoTelefone i{
    font-size: 18px;
    margin-left: 3px;
    margin-right: 5px;
}
.e-spinner-pane.e-spin-show {
    background: #0000003d;
}
.panel-tag.invalid-feedback {
    display: block;
    border-left: 3px solid #dc3545;
    font-size: 1em;
    color: #dc3545;
    background: #ff00000f;
}
.invalid-feedback {

    color: #dc3545;
}
.nav-function-fixed {
    max-height: 100vh;
/*    overflow: hidden;*/
}
.panel-sticky{
    position: sticky;
    position: -webkit-sticky;
    top: 80px;
    bottom: 0;
}
.e-radio + label .e-label {
    color: #212529;
    font-weight: 500;
}
#areaCodigo {
    margin-bottom: 25px;
    margin-top: 10px;
}
#Codigo {
    max-width: 11rem;
    margin: auto;
    font-size: 2em;
    text-align: center;
    letter-spacing: .5rem;
}
.voice-command-active {
    background: red!important;
}
.btn-group-default {
    text-align: left;
    
}
#listEmailsResponsaveis {
    
    margin-bottom: 10px;
}
#removeEmail {
    display: table;
    align-items: center;
    align-content: center;
    width: 200px;
    float: right !important;
}
    #removeEmail .d-flex {
        align-items:center;
    }

#SolicitarAlteracaoContrato i {
    font-size: 1.4em;
    margin-right: 10px;
}
.btnAddEmail {
    margin-left: 20px;
    display: table;
    align-items: center;
    align-content: center;
    padding: 5px 7px;
}
   .btnAddEmail.sm i {
        margin: auto;
        display: flex;
        text-align: center;
        width: auto;
        left: -2px;
        position: relative;
    }


#Email {
    height: auto;
}
.btnGroup-choice {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
}
.btnGroup-choice button:nth-of-type(1) {
    width: 100%;
    border-radius: 0;
    border-bottom-left-radius: 5px;
    margin-right: 4px;
}
    .btnGroup-choice button:nth-of-type(2) {
        width: 100%;
        border-radius: 0;
        border-bottom-right-radius: 5px;
        margin-left: 4px;
    }

.nav-tabs .nav-item .nav-link.active:not(:hover) {
    color: white;
    background: var(--theme-primary);
}
.tab-content.border.border-top-0.p-3 {
    background: white;
}
.navTabSaldoBaixo {
/*    align-self: end;*/
    /*margin: auto;
    margin-right: 0;*/
    margin-bottom: 0px !important;
}
    .navTabSaldoBaixo a {
/*        background: #ffdfdf;*/
    }
.nav-tabs .nav-item {
    margin-bottom: -6px;
}
.form-control.is-invalid {
    border-color: #fd3995 !important;
    padding-right: calc(1.47em + 1rem) !important;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd3995' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd3995' stroke='none'/%3e%3c/svg%3e) !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.3675em + 0.25rem) center !important;
    background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem) !important;
}
.e-input-group.e-control-wrapper.is-invalid input {
    height: auto !important;
}

#ListInputEmailAlert .e-chip .material-icons {
    margin-right: 5px;
}

.contentField.form-group {
    display: flex;
    align-items: center;
}
    .contentField.form-group .plateSwich {
        display: flex;
        align-items: center;
        align-content: center;
        min-width: 150px;
        width: auto;
        font-weight: 500;
        margin-top: 15px;
    }
.myCustonChip {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    text-align: center;
    padding-right: 10px;
    border-radius: 15px;
    font-family: 'Roboto';
    cursor: default;
    margin: .3rem;
    word-break:break-all;
}
.myCustonChip:hover {
    opacity:.9;
}

    .myCustonChip .e-chip-delete.e-dlt-btn {
        cursor: pointer;
        font-family: 'e-icons';
        padding-left: 10px;
    }

    .myCustonChip .e-chip-text {
        padding-left:5px;
    }

#ListInputEmailAlert {
    display: flex;
    flex-wrap: wrap;
    max-width: 430px;
    align-items: center;
    justify-content: flex-start;
}
#GridAlertasSaldo .e-columnheader .e-headercelldiv:nth-child(1), #GridAlertasSaldo #GridAlertasSaldo_content_table .e-row td.e-rowcell.e-unboundcell {
    text-align: left !important;
    padding-left: 5px;
    position: relative;
}
#GridAlertasSaldo #GridAlertasSaldo_content_table .e-row td.e-rowcell.e-unboundcell {
    padding-left: 20px;
}
#listEmailsResponsaveis {
    border: none;
    padding: 0 !important;
}
#listEmailsResponsaveis .e-content {
    padding: 0;
    width: 100%;
    margin: 0;
    padding-right : 0 !important;
    padding-left : 0 !important;
    display: table;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.07) transparent;
    background: #0000001f;
}
.e-listview:not(.e-list-template) .e-list-item {
    padding: 8px 16px 8px 23px;
}
#modalConfirmaRemocaoEmail table{
    border:none;
    color:white;
}
#modalConfirmaRemocaoEmail table *{
    border:none
}

.progress-bar-success {
    background-color: #5cb85c!important;
}

.progress-bar-danger {
    background-color: #d9534f!important;
}

.progress-bar-warning {
    background-color: #f0ad4e!important;
}

#GridUsuarios_dialogEdit_wrapper {
    max-width: 650px;
}
.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    color: #fff !important;
}


.ContentStatus {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: center;
    align-content: center;
    line-height: 2em;
    word-break: break-all;
}
.badgePagamentos {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    align-self: center;
}

.badgeSuccess {
    margin-left: 5px;
    background-color: #41b765;
    color: white;
    font-size: .15em;
    border-radius: 20px;
    padding-left: 5px;
}

.badgeWarn {
    background-color: #84848400;
    height: auto;
    line-height: inherit;
    margin-left: 0px;
    font-size: .15em;
    font-weight: bold;
    padding-left: 5px;
    border-radius: 20px;
}

.badgeErr {
    background-color: #da2412;
    height: auto;
    line-height: inherit;
    margin-left: 5px;
    font-size: .15em;
    border-radius: 20px;
    padding-left: 5px !important;
    color: white !important;
}
.badgeEstorno {
    background-color: #b99c12;
    margin-left: 5px;
    color: white;
    font-size: .15em;
    border-radius: 20px;
    padding-left: 5px;
}
.mod-skin-dark:not(.mod-skin-light) .badgeEstorno {
    background-color: #a58d188a;
}

.ContentStatus .e-badge {
    margin-left: 5px;
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: center;
}

.ContentStatus text {
    margin-left: 3px;
    font-size: 5em;
    margin-right: 10px;
}

.ContentStatus i {
    font-size: 8em;
    width: 21px;
}

.btnCommandGrid {
    font-size: inherit !important;
    margin: auto !important;
    border-radius: 4px;
    display: flex;
    align-items: center;
    align-content: center;
    width: 30px;
    padding: 3px 25px;
}

    .btnCommandGrid i {
        height: auto !important;
        width: auto !important;
        font-size: inherit !important;
        font-size: 20px !important;
    }

    .btnCommandGrid.iconBoleto {
        padding: 0 !important;
        border-radius: 8px;
        transform: scale(.85);
    }

.btnCommandGridDanger {
    background-color: tomato !important;
    border-radius: 50px;
}

.btnCommandGridNeutral {
    background-color: white !important;
    color: black !important;
}

.ContentStatus .badgeWarn i {
    margin-left: 5px;
}

.containerPanel {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0px 1px 2px -1px black;
    padding: 20px 20px;
    border: 1px solid var(--theme-primary-500);
}
.demonstrativoSinteticoHeader, .demonstrativoAnaliticoHeader {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    float: right;
    text-align: left;
    color: #3a3a3a;
    font-size: 1.1em;
    border-radius: 10px;
    box-shadow: 0px 0px 3px -2px black;
}
    .demonstrativoSinteticoHeader b, .demonstrativoAnaliticoHeader b {
        min-width: 95px;
        display: flex;
        border-left: 1px solid #dadada;
        margin-right: 5px;
        padding-left: 10px;
        color: #212529;
        font-weight: 500;
        text-align: right;
        height: 100%;
        align-content: center;
        align-items: center;
    }
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(80 80 80 / 8%);
}
.containerConsumo {
    height: calc(100vh - 250px);
    position: relative;
    border-radius: 0;
    overflow: auto;
    border: none;
}
.noData {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
    margin: auto;
    height: 100%;
    position: absolute;
    width: 100%;
    color: var(--theme-primary-800);
}
.noData .icon {
    margin: auto;
    margin-bottom: 0;
}
    .noData .icon i {
        font-size: 4em;
    }

    .noData .message {
        margin: auto;
        margin-top: 25px;
    }
    .noData .message text{
        margin: auto;
        font-size: 1.2em;
    }

#filtroFaturamentoPosPago, .e-input-group.e-control-wrapper.e-date-wrapper.e-valid-input.e-error.e-non-edit, .e-input.e-error, .e-input.e-error:focus, .e-input-group.e-error input.e-input, .e-input-group.e-control-wrapper.e-error input.e-input, .e-input-group.e-control-wrapper.e-error .e-input-group-icon, .e-input-group.e-error .e-input-group-icon, .e-input-group.e-error textarea.e-input, .e-input-group.e-control-wrapper.e-error textarea.e-input {
    border-color: var(--theme-primary-700);
}

.formaPagamentoItem , .PagamentoItem {
    display: flex;
    align-items: center;
    padding: 25px 10px;
}

.PagamentoItem {
    padding: 10px 10px;
}

.formaPagamentoItem .img {
    min-width: 50px;
    display: flex;
    align-items: center;
    
    height: 50px;
    border-radius: 7px;
}
    .formaPagamentoItem img {
        max-width: 75px;
        max-height: 25px;
        margin:auto;
    }
    .formaPagamentoItem .title {
        margin-left: 15px;
        font-size: 1.15em;
        color: #404040
    }
.e-list-item.e-selected .title, .e-list-item.e-selected .arrowSeg i {
    color: white
}
.e-listbox-wrapper .e-list-item.e-selected, .e-listbox-container .e-list-item.e-selected {
    background-color: var(--theme-primary)!important;
    color: #fff;
}

.e-pager .e-numericitem {
    background: #fff;
    border-right-color: #ddd;
    color: var(--theme-primary-500);
}

.e-pager .e-spacing {
    color: var(--theme-primary-500);
    opacity: 1;
}
.e-pager div.e-icons {
    color: var(--theme-primary-500);
}
.e-pager .e-numericitem:hover {
    color: var(--theme-primary-900);
    opacity: 1;
}
.e-btn.e-primary, .e-css.e-btn.e-primary {
    background-color: var(--theme-primary-500);
    border-color: var(--theme-primary-600);
    color: #fff;
}

    .e-btn.e-primary:hover, .e-css.e-btn.e-primary:hover {
        background-color: var(--theme-primary-600);
        border-color: var(--theme-primary-700);
        box-shadow: none;
        color: #fff;
    }

.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
    background: var(--theme-primary-500);
    color: #fff;
    opacity: 1;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--theme-primary-800);
    border-color: var(--theme-primary-900);


    
}
.e-btn.e-primary:focus, .e-css.e-btn.e-primary:focus {
    background-color: var(--theme-primary-500);
    border-color: var(--theme-primary-700);
    color: #fff;
    outline: #6c757d 0 solid;
    box-shadow: none;
}
.e-btn.e-primary:disabled, .e-css.e-btn.e-primary:disabled {
    background-color: var(--theme-primary-300);
    border-color: transparent;
    box-shadow: none;
    color: #fff;
}

#btnConfirmaFormaPagamento, #btnConfirmaValorPagamento {
    height: auto;
    line-height: 40px;
    font-size: 1.3em;
    font-weight:500;
}
.arrowSeg {
    margin: auto;
    margin-left: 0;
    margin-right: 10px;
}
.PagamentoItem .arrowSeg i {
    font-size: 22px;
    top: 4px;
    position: relative;
}
.arrowSeg i {
    font-size: 30px;
    color: var(--theme-primary-700);
}
.backarea {
    align-items: center;
    text-align: center;
    align-content: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: auto;
    margin-left: 0;
    margin-right: 0;
    cursor: pointer;
    box-shadow: 0px 3px 5px -3px #00000085;
}
.backarea i{
    width: 14px;
    text-align: center;
    color: white;
}
.align-itens-center {
align-items:center;
align-content:center;
}



.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text {
    color: var(--theme-primary-700);
}
#card-element {
    margin-top: 30px;
    margin-bottom: 25px;
    border: 1px solid #ced4da;
    padding-left: 10px;
    border-radius: 5px;
    background: white;
}
#card-error {
    color: var(--theme-danger-400);
}
.e-switch-wrapper .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary-700);
}
.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
    background-color: var(--theme-primary);
    color: #fff;
}
.e-switch-wrapper:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active {
    background-color: #fff;
    border-color: var(--theme-primary-700);
}
    .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: var(--theme-primary);
        color: #fff;
    }
#lblDeletaCartao {
    margin: 0;
    padding-left: 10px;
    color: var(--theme-primary-700);
}
.itemSource {
    padding: 4px 25px;
    background: #ffffff;
    border-radius: 7px;
    border: 1px solid var(--theme-primary-200);
    box-shadow: 0px 3px 1px -2px #00000054;
    cursor: pointer;
}
.itemSource:hover {
    background: var(--theme-primary-700);
    border: 1px solid var(--theme-primary-500);
    box-shadow: 0px 3px 3px -2px #000000c9;
}
    .itemSource:hover .lblCardLst4 {
        color:white;
    }
.itemSource .row{
    width: 100%;
    align-items: center;
}
.lblCardLst4 {
    margin: 0 !important;
    padding: 0 !important;
    color: black;
    font-size: 1.2em;
    font-weight: 500;
}
.itemSource .row .e-radio-wrapper.e-wrapper{
    position: relative;
    top: -6px;
}
/*#Cartao .card {
    padding: 10px;
    background: var(--theme-primary-50);
    color: black;
}*/




.ViewCard {
    height: calc(100% - 57px);
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    align-self: center;
    padding-top: 50px;
    transform: scale(.9);
}

.ContentCardObj {
    margin: auto;
    width: 325px;
    height: 204px;
    color: white;
}

.CardTop {
    position: relative;
    height: 40%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    align-self: center;
}

#brandCard {
    margin: auto;
    margin-top: auto;
    margin-right: auto;
    margin-right: 10px;
    margin-top: 0;
}

.contentChipCard {
    position: relative;
    width: 55px;
    height: 55px;
    background-image: url(../img/Cartao/IconChipCard.png);
    background-position: center;
    background-size: 65%;
    background-repeat: no-repeat;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-left: 25px;
    margin-top: -15px;
    margin-bottom: 0;
    display: table;
    position: relative;
    opacity: .7;
}

.ViewCard #contentCartaoBrand {
    float: right;
    top: 20px;
    right: 30px;
    margin-right: 10px;
    margin-top: 5px;
}

.brandCard {
    position: relative;
    display: block;
    margin: auto;
    margin-top: auto;
    margin-right: auto;
    margin-right: 10px;
    margin-top: 10px;
}

.BottomCard {
    position: relative;
    height: 60%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    align-self: center;
    text-align: center;
}

.dataBottomCard {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-shadow: 1px 1px 0px #00000042;
    margin: auto;
    padding: 10px 0;
}

#contentCardBrand #CartaoBrand {
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.numberCard {
    width: 100%;
    font-size: 1.6em;
    text-align: left;
    padding: 0 20px;
    display: flex;
    letter-spacing: .10em;
}

    .numberCard span {
        margin: auto;
        margin-right: auto;
        margin-right: 0;
    }

.ExpiressCard {
    margin: auto;
    margin-right: auto;
    margin-right: auto;
    margin-right: 0;
    font-size: .65em;
    color: #d5d5d5;
    text-align: right;
    letter-spacing: initial;
}

.nameCard {
    width: 100%;
    text-align: left;
    padding: 0 20px;
    font-size: 1em;
    color: #d5d5d5;
    letter-spacing: .20em;
}

.placeHolderCard {
    text-align: left;
    padding: 0 20px;
    padding-bottom: 0px;
    padding-bottom: 0px;
    font-size: .7em;
    padding-bottom: 2px;
    margin-bottom: 0;
    color: white;
}

#contentCardBrand {
    float: left;
    margin-left: 15px;
    margin-top: 15px;
}

.transitionAll {
    -webkit-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}


.infoNoCards {
    text-align: left;
    display: table;
    font-size: 1.2em;
    word-wrap: break-word;
    max-width: 370px;
    background: #f9f9f9;
    color: #646464;
    padding: 10px 10px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 1px 3px -1px black;
    line-height: 1.55em;
}

#ContratosSelect {
    margin: auto;
    margin-right: 10px;
}


/*#gridCredenciais td.status {
    text-align: right;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    align-self: self-end;

}*/

.mdl-card {
    transform-origin: center;
    margin: auto !important;
}

.mdl-card__actions {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    align-items: center;
    align-content: center;
    align-items: center;
    align-self: center;
    text-align: center;
}

    .mdl-card__actions > .mdl-button--icon {
        margin-right: 3px;
        margin-left: 3px;
    }

.SmallCard {
    border-radius: 50%;
    overflow: hidden;
    width: 120px;
    height: 120px !important;
    margin: auto !important;
    display: flex;
    min-height: 0;
    transform-origin: center
}

.SmallInfo {
    transform-origin: center;
    transform: scale(0);
    opacity: 0;
}

.CardInner {
    transform-origin: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: auto;
}

.ContentMdlSelect {
    width: 100%;
}

    .ContentMdlSelect .mdl-textfield__label::after {
        background-color: rgb(129, 68, 147);
        bottom: 15px;
        content: '';
        height: 2px;
        left: 45%;
        position: absolute;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        visibility: hidden;
        width: 10px;
    }
.listaMenu li {
    margin-bottom: 15px !important;
    box-shadow: none;
    border: none;
    user-select:none;
}

.e-btn.e-success, .e-css.e-btn.e-success {
    background-color: var(--theme-success-500);
    border-color: var(--theme-success-700);
    color: #fff;
}
    .e-btn.e-success:hover, .e-css.e-btn.e-success:hover {
        background-color: var(--theme-success-700);
        border-color: var(--theme-success-800);
        box-shadow: none;
        color: #fff;
    }
    .e-btn.e-success:active, .e-btn.e-success.e-active, .e-css.e-btn.e-success:active, .e-css.e-btn.e-success.e-active {
        background-color: var(--theme-success-800);
        border-color: var(--theme-success-900);
        color: #fff;
        box-shadow: 0 0 0 0.25em var(--theme-success-50);
    }
    .e-btn.e-success:focus, .e-css.e-btn.e-success:focus {
        background-color: var(--theme-success-600);
        border-color: var(--theme-success-800);
        color: #fff;
        box-shadow: 0 0 0 0.25em var(--theme-success-50);
    }
    .e-btn.e-success:disabled, .e-css.e-btn.e-success:disabled {
        background-color: var(--theme-success-200);
        border-color: transparent;
        box-shadow: none;
        color: #fff;
    }
#colPagamentoProcess {
    position: relative;
    border-radius: 10px;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-bottom:20px;
}
.formNovoCartao {
    margin-top: 15px;
    padding-bottom: 30px;
}

.wizardSws {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    align-self: center;
    width: 100%;
    text-align: center;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 20px;
}

    .wizardSws::-webkit-scrollbar {
        width: 5px;
        height:5px;
    }



    .wizardSws::-webkit-scrollbar-thumb {
        border-radius: 4px;
        -webkit-box-shadow: inset 0 0 6px rgb(183 183 183 / 18%);
        background: #a9a9a952;
    }



    .wizardSws::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 14%);
        border-radius: 0;
    }

.wizardItemSws {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px;
    opacity: .5;
    position: relative;
    cursor: pointer;
}
    .wizardItemSws.backItem:hover {
        opacity: 1;
        cursor:pointer;
    }
.wizardItemSws.selected {
    cursor:default;
    opacity: 1;
}

.stepWizardSws {
    background: var(--theme-primary-500);
    color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 500;
    min-width: 30px;
    min-height: 30px;
}
.valWizardSws {
    padding: 0 5px;
    color: var(--theme-dark);
    width: 100%;
}
.wizardItemSws.selected .valWizardSws {
    font-weight: 500;
}

.wizardItemSws i{
    font-size: 15px;
}
.stepWizardSwslast {
    line-height: 36px;
}
#ConfirmarPagamento {
    font-weight: 500;
    font-size: 1.2em;
    margin-right: 0 !important;
}
#CancelarPagamento {
    font-weight: 500;
    font-size: 1.2em;
    margin-left: 0 !important;
}
.wizardItemSws.selected .selectorItemSws {
    display: flex
}
.wizardItemSws .selectorItemSws {
    display:none
}
.e-chip-list.e-chip.e-success, .e-chip-list .e-chip.e-success {
    background-color: var(--theme-success);
    border-color: var(--theme-success-600);
    color: #fff;
}

.containerInnerRecarga {
    display: table;
    margin: 30px auto;
    width:100%;
}

.card-body {
    background: #f7f7f7;
    border: 1px solid #c1c1c161;
    border-top: 0;
}

.card-header {
    background-color: #ffffff;
}





.card__part {
    -webkit-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.card__front {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
}

.card__back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
}

.card__front, .card__back {
    border: 2px solid var(--theme-primary-900);
    border-radius: 10px;
    box-shadow: 1px 1px #aaa3a3;
    top: 0;
    position: absolute;
    z-index: 1000;
    left: 0;
    display: inline-block;
    height: 100%;
    width: 100%;
    background: var(--theme-primary-500);
    background: url(../img/Cartao/CoverCard.png),linear-gradient( 190deg, var(--theme-primary-400) 0%, var(--theme-primary-500) 39%, var(--theme-primary-900) 100%);
    background-size: auto, auto;
    text-transform: uppercase;
    background-size: auto 100%;
    background-position: center;
}

.card__back {
    background: rgb(236,236,236);
    background: -moz-linear-gradient(158deg, rgba(236,236,236,1) 0%, rgba(251,251,251,0.9808123933167017) 39%, rgba(212,212,212,1) 100%);
    background: -webkit-linear-gradient(158deg, rgba(236,236,236,1) 0%, rgba(251,251,251,0.9808123933167017) 39%, rgba(212,212,212,1) 100%);
    background: linear-gradient(158deg, rgba(236,236,236,1) 0%, rgba(251,251,251,0.9808123933167017) 39%, rgba(212,212,212,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ececec",endColorstr="#d4d4d4",GradientType=1);
    color: rgba(0,0,0,0.2);
    border-color: #f2f3f3;
}

.infoCardText {
    padding: 10px;
    font-size: .9em;
    display: flex;
    flex-direction: column;
    text-align: left;
    text-transform: none;
    color: #393939;
    font-weight: 500;
}

.card__frontHover {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.card__backHover {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}

.ContentCardObj {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
}

.cardViewItem {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    align-self: center;
}

.spnInfoCard {
    width: auto;
    display: flex;
    text-align: left;
    padding: 0;
    align-content: center;
    align-items: center;
    align-self: center;
    float: left;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-bottom: 0;
    margin-top: 20px;
    cursor: pointer;
    border-bottom: 1px solid #9b9b9b5e;
    border-radius: 5px;
    padding: 5px 5px;
    padding-right: 10px;
    background: #f2f3f3eb;
    box-shadow: 0px 0px 5px -3px #000000a6;
    color: var(--theme-primary-800);
}


    .spnInfoCard text {
        padding-left: 5px;
    }


.mod-skin-dark:not(.mod-skin-light) .card-body {
    background-color: #26272b !important;
    color: #a5abb1;
    border: 1px solid #303133;
}
.e-listbox-wrapper .e-list-item, .e-listbox-container .e-list-item {
    border-radius: 5px;
    margin: 5px 0;
    
}

.mod-skin-dark:not(.mod-skin-light) .itemSource {
    background-color: #26272b !important;
}
    .mod-skin-dark:not(.mod-skin-light) .itemSource .lblCardLst4 {
        color: lightgrey
    }
.mod-skin-dark:not(.mod-skin-light) .text-black, .mod-skin-dark:not(.mod-skin-light) .valWizardSws {
    color: white;
}
.e-listbox-wrapper, .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone), .e-listboxtool-container.e-listbox-container .e-ul {
    border: none;
}


.mod-skin-dark:not(.mod-skin-light) .e-listbox-wrapper .e-list-item, .mod-skin-dark:not(.mod-skin-light) .e-listbox-container .e-list-item {
    color: #fff;
    background-color: rgba(var(--theme-rgb-fusion), 0.5);
    border-bottom: 1px solid #26272b;
    border-left: 0 solid #26272b;
    border-right: 0 solid #26272b;
    border-top: 0 solid transparent;
    border-radius: 5px;
    margin: 5px 0px;
}
.mod-skin-dark:not(.mod-skin-light) .e-listbox-wrapper, .mod-skin-dark:not(.mod-skin-light) .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone), .mod-skin-dark:not(.mod-skin-light) .e-listboxtool-container.e-listbox-container .e-ul {
    border: 1px solid #26272b;
}
.mod-skin-dark:not(.mod-skin-light) .formaPagamentoItem .title {
    
    color: whitesmoke;
}
.mod-skin-dark:not(.mod-skin-light) .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .mod-skin-dark:not(.mod-skin-light) .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled), .mod-skin-dark:not(.mod-skin-light) .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled), .mod-skin-dark:not(.mod-skin-light) .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
    background-color: #181818;
    border-color: transparent;
    color: #ffffff;
}

.mod-skin-dark:not(.mod-skin-light) .e-input-group, .mod-skin-dark:not(.mod-skin-light) .e-input-group.e-control-wrapper, .mod-skin-dark:not(.mod-skin-light) .e-float-input, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-input-group, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-input-group.e-control-wrapper {
    color: #fff;
    background-color: rgba(0,0,0,.15);
    padding-left: 7px;
}

    .mod-skin-dark:not(.mod-skin-light) input.e-input, .mod-skin-dark:not(.mod-skin-light) .e-input-group input.e-input, .mod-skin-dark:not(.mod-skin-light) .e-input-group.e-control-wrapper input.e-input, .mod-skin-dark:not(.mod-skin-light) .e-input-group textarea.e-input, .mod-skin-dark:not(.mod-skin-light) .e-input-group.e-control-wrapper textarea.e-input, .mod-skin-dark:not(.mod-skin-light) textarea.e-input, .mod-skin-dark:not(.mod-skin-light) .e-float-input input, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper input, .mod-skin-dark:not(.mod-skin-light) .e-float-input textarea, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper textarea {
        
        border-color: rgba(0,0,0,.35);
    }

    .mod-skin-dark:not(.mod-skin-light) .e-float-input input, .mod-skin-dark:not(.mod-skin-light) .e-float-input textarea, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper input, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper textarea {
        border-bottom-color: rgba(0,0,0,.35);
    }

.mod-skin-dark:not(.mod-skin-light) #card-element {
    border: 1px solid rgba(0,0,0,.35);
    background: rgba(0,0,0,.15);
}
.mod-skin-dark:not(.mod-skin-light) #lblDeletaCartao {
    
    color:white;
}


.mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text {
    color: white;
}

.mod-skin-dark:not(.mod-skin-light) .tab-content.border.border-top-0.p-3 {
    background-color: #26272b;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 13px 0px rgb(74 53 107 / 8%);
    box-shadow: 0px 0px 13px 0px rgb(74 53 107 / 8%);
}
.mod-skin-dark:not(.mod-skin-light) .tab-content.border {
    border-color: var(--theme-primary) !important;
}
.mod-skin-dark:not(.mod-skin-light) .noData {
    color:white
}
.mod-skin-dark:not(.mod-skin-light) .nav-tabs {
    border-bottom-color: rgb(35 36 40);
}
.mod-skin-dark:not(.mod-skin-light) .card__front, .mod-skin-dark:not(.mod-skin-light) .card__back {
    box-shadow: 1px 1px #222222;
}
.mod-skin-dark:not(.mod-skin-light) .form-control[readonly], .mod-skin-dark:not(.mod-skin-light) .form-control:disabled, .mod-skin-dark:not(.mod-skin-light) .custom-file-label[readonly], .mod-skin-dark:not(.mod-skin-light) .custom-file-label:disabled {
    background-color: #3f4246;
    border-color: rgb(22 22 22 / 35%);
}
.mod-skin-dark:not(.mod-skin-light) .e-grid .e-headercell, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-detailheadercell {
    background-color: #26272b;
    border-color: rgba(0, 0, 0, 0.08);
}
.mod-skin-dark:not(.mod-skin-light) .e-grid .e-gridheader {
    background-color: #26272b;
    border-bottom-color: rgba(0, 0, 0, 0.08);
    border-top-color: rgba(0, 0, 0, 0.08);
    color: #212529;
}
.mod-skin-dark:not(.mod-skin-light) .e-toolbar {
    -webkit-tap-highlight-color: transparent;
    background: #26272b;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: none;
}
    .mod-skin-dark:not(.mod-skin-light) .e-toolbar .e-toolbar-items {
        background: #26272b;
    }

.mod-skin-dark:not(.mod-skin-light) .e-listview .e-list-item {
    background-color: #26272b;
    border-bottom: 1px solid rgba(0,0,0,0.13);
    border-left: 0 solid rgba(0,0,0,0.13);
    border-right: 0 solid rgba(0,0,0,0.13);
    border-top: 0 solid transparent;
    color: white;
}
.mod-skin-dark:not(.mod-skin-light) .e-toolbar .e-tbar-btn {
    background: #26272b;
    box-shadow: none;
    color: #ffffff;
}
.mod-skin-dark:not(.mod-skin-light) .e-grid .e-icons {
    color: whitesmoke;
}
.mod-skin-dark:not(.mod-skin-light) .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
    color: #ffffff;
}
.mod-skin-dark:not(.mod-skin-light) .e-grid .e-filterbarcell, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-filterbarcelldisabled {
    background-color: #26272b;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.08);
}

.mod-skin-dark:not(.mod-skin-light) .e-grid .e-rowcell, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-groupcaption, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-indentcell, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-recordplusexpand, .e-grid .e-recordpluscollapse, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-detailrowcollapse, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-detailrowexpand, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-detailindentcell, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-detailcell {
    border-color: rgba(0, 0, 0, 0.08);
}
.mod-skin-dark:not(.mod-skin-light) .e-grid .e-table {
    background-color: #26272b;
}
.mod-skin-dark:not(.mod-skin-light) .e-grid .e-gridheader {
    
    color: white;
}
.mod-skin-dark:not(.mod-skin-light) .e-grid .e-rowcell:not(.e-editedbatchcell), .mod-skin-dark:not(.mod-skin-light) .e-grid .e-detailrowcollapse:not(.e-editedbatchcell), .mod-skin-dark:not(.mod-skin-light) .e-grid .e-detailrowexpand:not(.e-editedbatchcell), .mod-skin-dark:not(.mod-skin-light) .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell), .mod-skin-dark:not(.mod-skin-light) .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell), .mod-skin-dark:not(.mod-skin-light) .e-grid .e-emptyrow:not(.e-editedbatchcell) {
    color: white;
}
.mod-skin-dark:not(.mod-skin-light) .e-grid .e-content {
    background-color: #26272b;
}
.mod-skin-dark:not(.mod-skin-light) .e-grid {
    border-color: rgba(0, 0, 0, 0.08);
}
.mod-skin-dark:not(.mod-skin-light)  .e-pager {
    background-color: #26272b;
    border-color: rgba(0, 0, 0, 0.08);
    color: white;
    opacity: 1;
}
    
.mod-skin-dark:not(.mod-skin-light)  .input-group-prepend .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.mod-skin-dark:not(.mod-skin-light)  .e-pager .e-pagercontainer {
    background-color: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.30);
}
.mod-skin-dark:not(.mod-skin-light) .e-pager .e-numericitem {
    background: rgba(0, 0, 0, 0.08);
    border-right-color: #ddd;
    color: var(--theme-primary-500);
}
.mod-skin-dark:not(.mod-skin-light) .e-pager .e-currentitem, .mod-skin-dark:not(.mod-skin-light) .e-pager .e-currentitem:hover {
    background: var(--theme-primary-500) !important;
    color: #fff !important;
    opacity: 1;
}
.mod-skin-dark:not(.mod-skin-light) .e-pager .e-prevpagedisabled, .mod-skin-dark:not(.mod-skin-light) .e-pager .e-prevpage, .mod-skin-dark:not(.mod-skin-light) .e-pager .e-nextpage, .mod-skin-dark:not(.mod-skin-light) .e-pager .e-nextpagedisabled, .mod-skin-dark:not(.mod-skin-light) .e-pager .e-lastpagedisabled, .mod-skin-dark:not(.mod-skin-light) .e-pager .e-lastpage, .mod-skin-dark:not(.mod-skin-light) .e-pager .e-firstpage, .mod-skin-dark:not(.mod-skin-light) .e-pager .e-firstpagedisabled {
    background-color: #26272b;
    color: var(--theme-primary-500);
}

.mod-skin-dark:not(.mod-skin-light) .e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .mod-skin-dark:not(.mod-skin-light) .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .mod-skin-dark:not(.mod-skin-light) .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .mod-skin-dark:not(.mod-skin-light) .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .mod-skin-dark:not(.mod-skin-light) .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: rgba(0,0,0,0.30);
    color: white;
}
.mod-skin-dark:not(.mod-skin-light) .containerPanel {
    background-color: rgba(0,0,0,0.30)!important;
    color: white;
}
.mod-skin-dark:not(.mod-skin-light) #filtroHistorico h4, .mod-skin-dark:not(.mod-skin-light) #exportData h4 {
    color: white !important;
}
.mod-skin-dark:not(.mod-skin-light) .d-flex.flex-row.align-itens-center.itens-center.align-center.mb-2.mt-1 .m-0.pl-2.color-primary-900 b{
    color: white !important;
}
.mod-skin-dark:not(.mod-skin-light) .color-primary-800.text-semiBold {
    color: white !important;
}
.mod-skin-dark:not(.mod-skin-light) .p-1.bg-white {
    color: white !important;
}
.mod-skin-dark:not(.mod-skin-light) .row.p-0.m-0.w-100.h-100 .col-lg-12.pl-1 b {
    color: var(--theme-primary) !important;
}
.mod-skin-dark:not(.mod-skin-light) #mesFiltro {
    color: var(--theme-primary) !important;
}
.mod-skin-dark:not(.mod-skin-light) .e-input-group .e-input[readonly], .mod-skin-dark:not(.mod-skin-light) .e-input-group.e-control-wrapper .e-input[readonly], .mod-skin-dark:not(.mod-skin-light) .e-float-input input[readonly], .e-float-input.e-control-wrapper input[readonly], .mod-skin-dark:not(.mod-skin-light) .e-float-input textarea[readonly], .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper textarea[readonly] {
    background: rgba(0,0,0,.15);
    padding: 0 10px;
}
.mod-skin-dark:not(.mod-skin-light) .table.table-bordered.table-striped.w-100 .table.m-0.w-100 tr {
    background: rgba(0,0,0,.15) !important;
    color: white !important
}
.mod-skin-dark:not(.mod-skin-light) .color-primary-900.text-semiBold {
    color: white !important
}
.mod-skin-dark:not(.mod-skin-light) label.text-semiBold {
    color: white !important;
}
.mod-skin-dark:not(.mod-skin-light) rect:not(.imgBarCode rect) {
    fill: rgb(48 49 54);
    stroke: transparent;
}

.mod-skin-dark:not(.mod-skin-light) g text:not(.imgBarCode) {
    fill: #cccccc;
}
.mod-skin-dark:not(.mod-skin-light) g g:nth-of-type(2) path:not(.imgBarCode) {
    fill: rgba(0,0,0,.15);
    stroke: rgba(0,0,0,.25)
}
.mod-skin-dark:not(.mod-skin-light) .e-radio + label .e-label {
    color: #cccccc;
}
.table.m-0.table-bordered.table-hover thead.text-semiBold {
    color: var(--theme-primary-600);
}

.table.m-0.table-bordered.table-hover a {
    background: var(--theme-primary-500);
    color: white !important;
    padding: 4px 7px;
    border-radius: 5px;
    font-weight: 500;
    text-decoration: none !important;
}


.table.m-0.table-bordered.table-hover a {
    background: var(--theme-primary-700);
    color: white;
    text-decoration: unset!important;
}




.mod-skin-dark:not(.mod-skin-light) .e-calendar .e-content .e-other-month span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-calendar .e-content .e-other-month.e-today span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day {
    color: white;
}

.mod-skin-dark:not(.mod-skin-light) .e-calendar .e-content span, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-content span {
    color: white;
}

.mod-skin-dark:not(.mod-skin-light) .e-calendar th, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar th {
    border-bottom: 0;
    color: white;
}

.mod-skin-dark:not(.mod-skin-light) .e-calendar .e-date-icon-prev, .mod-skin-dark:not(.mod-skin-light) .e-calendar .e-date-icon-next, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-date-icon-prev, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-date-icon-next {
    color: white;
}

.mod-skin-dark:not(.mod-skin-light) .e-datepicker .e-calendar, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-datepicker .e-calendar {
    background-color: #26272b;
    border: none;
}

.mod-skin-dark:not(.mod-skin-light) .e-calendar .e-header .e-title, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-header .e-title {
    color: white;
    font-weight: 500;
}

.mod-skin-dark:not(.mod-skin-light) .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
    color: white;
}

/*.e-calendar .e-content td.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
    background-color: var(--color-primary) !important;
    border: none;
    border-radius: 50%;
    color: #fff !important;
}*/
.mod-skin-dark:not(.mod-skin-light) .e-calendar .e-content.e-year td > span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-calendar .e-content.e-decade td > span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
    background: #26272b;
    color:white;
}

.mod-skin-dark:not(.mod-skin-light) .e-calendar .e-content td.e-selected span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
    background-color: var(--theme-primary-600) !important;
    border: none;
    border-radius: 50%;
    color: #fff !important;
}
.mod-skin-dark:not(.mod-skin-light) .e-calendar .e-content td.e-focused-date span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-calendar .e-content td.e-focused-date:hover span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-calendar .e-content td.e-focused-date:focus span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
    background: var(--theme-primary-500);
    border: none;
    border-radius: 50%;
    color: white;
}
.mod-skin-dark:not(.mod-skin-light) .e-calendar .e-content.e-year td:hover span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-calendar .e-content.e-decade td:hover span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
    background-color: var(--theme-primary-50) !important;
    border-radius:100%;
}
.mod-skin-dark:not(.mod-skin-light) .e-calendar .e-content td.e-disabled span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-calendar .e-content td.e-disabled:hover span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-calendar .e-content td.e-disabled:focus span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-content td.e-disabled:hover span.e-day, .mod-skin-dark:not(.mod-skin-light) .e-bigger.e-small .e-calendar .e-content td.e-disabled:focus span.e-day {
    background: none!important;
    border: none;
    color: #adb5bd!important;
}
.mod-skin-dark:not(.mod-skin-light) .mod-skin-dark:not(.mod-skin-light) .e-ddl.e-popup-open .e-list-item {
    background: none !important;
    border: none;
    color: #6c6c6c !important;
}
.mod-skin-dark:not(.mod-skin-light) .e-headertext {
    color: #9aa2ab;
}
    .mod-skin-dark:not(.mod-skin-light) .e-headertext .e-checkbox-wrapper.e-wrapper.e-checkbox-disabled {
        opacity:.5
    }

.mod-skin-dark:not(.mod-skin-light) .e-ddl.e-popup-open .e-list-item.e-select, .mod-skin-dark:not(.mod-skin-light) .e-ddl.e-popup-open .e-list-item.e-selected {
    background: rgba(0,0,0,.30);
    color: #cccccc;
}

    .mod-skin-dark:not(.mod-skin-light) .e-ddl.e-popup-open .e-list-item:hover {
        background: #26272b;
        color: white;
    }

.mod-skin-dark:not(.mod-skin-light) .e-ddl.e-popup-open .header {
    background: #26272b;
    color: white;
}
.mod-skin-dark:not(.mod-skin-light) .e-menu-wrapper ul .e-menu-item.e-selected {
    color: var(--font-color);
    outline: 0 solid #e0e0e0;
    outline-offset: 0;
    background-color: var(--color-bg-body);
}

.mod-skin-dark:not(.mod-skin-light) .e-menu-wrapper .e-ul .e-menu-item.e-focused {
    background-color: rgba(0,0,0,.15);
    color: white;
    outline: 0 solid rgba(0, 0, 0, 0.12);
    outline-offset: 0;
}
.control-wrapper .e-input-group .e-input-group-icon, .control-wrapper .e-input-group.e-control-wrapper .e-input-group-icon {
    background: transparent;
    border-color: var(--font-color-secondary);
    color: var(--font-color-secondary);
}

.control-wrapper .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .control-wrapper .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .control-wrapper .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .control-wrapper .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .control-wrapper .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .control-wrapper .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {
    border: none;
}

.control-wrapper .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .control-wrapper .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .control-wrapper .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .control-wrapper .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .control-wrapper .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .control-wrapper .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .control-wrapper .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .control-wrapper .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
    background: #e3165b00;
}

.control-wrapper .e-ddl.e-input-group .e-input-value, .control-wrapper .e-ddl.e-input-group .e-input-value:focus {
    font-family: inherit;
    font-size: 1.3em;
    height: auto;
    margin: 0;
    outline: none;
    width: 100%;
}

.mod-skin-dark:not(.mod-skin-light) .e-dialog {
    background-color: #26272b;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mod-skin-dark:not(.mod-skin-light) .e-dlg-header-content {
    background-color: #26272b;
}
.mod-skin-dark:not(.mod-skin-light) .e-dlg-content {
    background-color: rgb(32 32 33);
}
.mod-skin-dark:not(.mod-skin-light) .e-dlg-header, .mod-skin-dark:not(.mod-skin-light) .e-dlg-header * {
    color: white;
    
}
.mod-skin-dark:not(.mod-skin-light) .e-dialog .e-dlg-header-content, .mod-skin-dark:not(.mod-skin-light) .e-dialog .e-footer-content {
    border-color: #111111;
}
.mod-skin-dark:not(.mod-skin-light) .e-dlg-content {
    color: white;
}
.mod-skin-dark:not(.mod-skin-light) .e-dialog .e-btn.e-dlg-closeicon-btn span {
    color: white!important;
}
.e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay {
    background: transparent;
    opacity: .65;
}

.mod-skin-dark:not(.mod-skin-light) .e-footer-content {
    background-color: #26272b;
}

.mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .mod-skin-dark:not(.mod-skin-light) .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text {
    color: white;
}
.avisoBoleto {
    background: var(--theme-);
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 2px 3px -2px #00000073;
    color: black
}
.mod-skin-dark:not(.mod-skin-light) .avisoBoleto {
    background: var(--theme-primary-900);
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 2px 3px -2px #00000073;
    color: white;
}

.containerSelectFormaPagamento .ItemSelectFormaPagamento {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.containerSelectFormaPagamento {
    display: flex;
    align-items: center;
    align-self: center;
    width: 100%;
    text-align: center;
    font-size: 1.1em;
    position: relative;
    margin-bottom: 25px;
    color: black;
    flex-wrap: wrap;
}


.ItemSelectFormaPagamento {
    margin: auto;
    background: white;
    padding: 15px 10px;
    border-radius: 10px;
    padding-bottom: 10px;
    border: 2px solid #e8e8e80a;
    min-width: 150px;
    cursor: pointer;
    user-select: none;
    position: relative;
}
.containerOptionSelectFormaPagamento {
    position: absolute;
    right: 20px;
    top: 0;
}

._ItemSelectFormaPagamento:hover .ItemSelectFormaPagamento {
    border: 2px solid var(--theme-primary-500);
}
._ItemSelectFormaPagamento {
    min-height: 122px;
}

.formaPagamentoEffect * {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

._ItemSelectFormaPagamento:hover .formaPagamentoEffect img {
    margin-top: -50px;
    transform: rotate(-10deg);
    box-shadow: -2px 4px 8px -4px #0000009e;
    border-radius: 10px;
}
.formaPagamentoSelected {
    border: 2px solid var(--theme-primary-500);
}
._ItemSelectFormaPagamento .formaPagamentoEffect.formaPagamentoSelected img {
    margin-top: -50px;
    transform: rotate(-10deg);
    box-shadow: -2px 4px 8px -4px #0000009e;
    border-radius: 10px;
}

.contentTextSelectFormaPagamento {
    margin-top:15px
}
.ItemSelectFormaPagamento img {
    max-width: 85px;
}

.mod-skin-dark:not(.mod-skin-light) .ItemSelectFormaPagamento {
    background: #212121;
}
.mod-skin-dark:not(.mod-skin-light)  .containerSelectFormaPagamento {
    color:white;
}


.e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled), .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
    background-color: #727272;
    border-color: transparent;
    color: #ffffff;
}

@media (min-width: 768px) {
    .ten-columns > .col-sm-2 {
        width: 20% !important;
    }
}

.e-chip-list.e-chip, .e-chip-list .e-chip {
    background-color: var(--theme-primary-900);
    border-color: var(--theme-primary-600);
    color: #fff;
}
.e-badge.e-badge-primary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-primary[href]:not(.e-badge-ghost) {
    background-color: var(--theme-danger-800);
    color: #fff;
}
.e-toolbar .e-toolbar-items {
    padding: 10px 0;
}
.e-toolbar .e-tbar-btn:hover {
    background: var(--theme-primary-900);
    border: 1px solid #545b62;
    border-color: #545b62;
    border-radius: 4px;
    color: #fff;
}
.e-toolbar .e-tbar-btn {
    background: transparent;
    box-shadow: none;
    color: var(--theme-primary-700);
    border: 1px solid var(--theme-primary-700);
}
.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
    color: var(--theme-primary-700);
}
.e-toolbar .e-tbar-btn:hover {
    border: 1px solid var(--theme-primary-800);
    border-color: var(--theme-primary-900);
}
.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus, .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active, .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
     padding: 0 3px;
}
    .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus .e-icons.e-btn-icon, .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active .e-icons.e-btn-icon, .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover  .e-icons.e-btn-icon {
        color:white!important
    }
.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
    color: var(--theme-primary-500);
    transform: scale(1.4);
}
.gridAgregate {
    padding : 10px 0;
}

.contentListaIP {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    align-self: center;
    text-align: center;
    background: transparent;
    margin: 2% 0;
    border-radius: 3px;
    border: 1px solid var(--theme-primary-900);
    min-height: 65vh;
    position: relative;
}
    .contentListaIP > text {
        margin: auto;
        padding: 15px 10px;
    }
.WhiteList._tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 30%;
    left: 250px;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: .85em;
}

    .WhiteList._tooltip .tooltiptext::before {
        content: "";
        position: absolute;
        top: 17%;
        left: 0;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #555 transparent;
    }

.WhiteList._tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.e-listview .e-list-header {
    background-color: var(--color-bg-body);
    border-color: rgba(0, 0, 0, 0.12);
    color: var(--font-color-secondary);
    font-size: 20px;
}

.e-listview.e-list-template .e-list-item.e-active .e-list-content {
    color: var(--font-color) !important;
    text-align: left;
}

.e-listview .e-list-item.e-active {
    background-color: var(--color-bg-body) !important;
    color: var(--font-color) !important;
}

.e-listview .e-list-item {
    background-color: var(--color-bg-secondary);
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    border-top: 0 solid transparent;
    color: var(--font-color);
    text-align: left;
}

#ListaFirewall .e-avatar {
    background-color: var(--color-primary);
}

    #ListaFirewall .e-avatar.e-avatar-circle {
        cursor: pointer;
    }

.IPAddress {
    display: none;
}

.IpContnet {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    color: indianred;
}

.e-input[disabled], .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled, .e-float-input input[disabled], .e-float-input.e-control-wrapper input[disabled], .e-float-input textarea[disabled], .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled {
    -webkit-text-fill-color: white;
    background: transparent;
    color: white;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0);
    background-position: bottom -1px left 0;
    background-repeat: repeat-x;
    background-size: 4px 1px;
    border-bottom-color: transparent;
}

.e-toast-container .e-toast .e-toast-actions .e-btn:hover {
    background-color: transparent;
    color: var(--theme-primary);
}

.e-toast-container .e-toast .e-toast-actions .e-btn {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color: var(--theme-primary);
}

.e-toast-container .e-toast .e-toast-message .e-toast-actions > * {
    margin-left: 10px;
}

#contentListaIP {
    margin-top:15px
}
.e-toast.e-warning {
    width: 300px;
    height: auto;
    background: #434343d6;
}
.e-toast-container .e-toast .e-toast-message .e-toast-title {
    color: #ffffff;
}
.e-toast-container .e-toast .e-toast-message .e-toast-content {
    color: #ffffff;
}
.e-toast-container .e-toast:hover {
    background-color: var(--theme-fusion-700);
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1);
}
.mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-item .nav-link.active:not(:hover), .mod-skin-dark:not(.mod-skin-light) .nav-tabs-clean .nav-item .nav-link:hover {
    background: var(--theme-primary-800);
    color: #ffffff !important;
}
.nav-tabs .nav-link {
    border: 1px solid #8c8c8c70;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    margin-right: 5px;
    border-top: 1px solid var(--theme-primary-400);
}
.mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-link:not(.active):hover, .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-link:not(.active):focus {
    border-color: var(--theme-primary-900)transparent;
}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.20em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}
#NegativacoesTotalAtivas, #NegativacoesTotalBaixadas, #NegativacoesTotalPendentes, #NegativacoesTotalErros {
    display: flex;
    margin: 5px 0px;
    align-items: center;
    align-content: center;
    min-height:48px;
}

.mod-skin-dark:not(.mod-skin-light) .bg-warning-900:not([class*='popover']) {
    background-color: rgba(var(--theme-rgb-warning), 0.6);
}



.pager-nav {
    margin: 16px 0;
    padding: 10px 0;
    user-select: none;
    padding-left: 10px;
}

    .pager-nav span {
        display: inline-block;
        padding: 4px 8px;
        margin: 0px;
        cursor: pointer;
        font-size: 14px;
        border: 1px solid rgba(var(--theme-rgb-primary), 0.6);
        box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
        line-height: 30px;
        padding: 5px 10px;
    }

        .pager-nav span:hover,
        .pager-nav .pg-selected {
            background-color: var(--theme-primary-500);
            color:white;
            border: 1px solid rgba(var(--theme-rgb-primary), 0.8);
        }
.pageNavPosition .e-pager .e-icons {
    font-size: 10px;
    line-height: 30px;
    padding: 5px 10px;
}
.border-none, .border-none * {
    border: none !important
}

.pager-nav span:nth-of-type(1) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.pager-nav span:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#dataConsumoContrato {
    border-radius: 0;
}
#dataConsumoContrato thead {
    position: sticky;
    top: -1px;
    z-index: 9;
    background: #fffffffa;
}
    #dataConsumoContrato thead *, #dataConsumoContrato thead td {
        background: #fffffffa;
        border:none;
    }
.mod-skin-dark:not(.mod-skin-light) #dataConsumoContrato thead, .mod-skin-dark:not(.mod-skin-light) #dataConsumoContrato thead * {
    background: #383b44;
}

.titlePagamentoArea {
    text-align: center;
    margin-bottom: 25px;
    margin-top: 25px;
    color: #1f1f1f;
    font-weight: 500;
}
.titleDetailPagamentoArea {
    margin-bottom: 25px;
    margin-top: 25px;
    color: #1f1f1f;
    font-weight: 500;
}
.containerQrCode {
    height: calc(100% - 80px );
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    width: 100%;
    position: relative;
}
#qrCode {
    background: white;
    padding: 12px;
    border-radius: 10px;
    display: table;
    margin: auto;
    border: 1px solid #D6D6D6;
    box-shadow: 0px 1px 4px -2px #0000006b;
    margin-bottom: 0;
    position: relative;
    width: 85%;
    min-width: 177px;
}
#qrCode img{
    width:100%;
}
    #qrCode:before {
        border-left: 5px solid var(--theme-primary-800);
        border-top: 5px solid var(--theme-primary-800);
        border-top-left-radius: 8px;
        content: "";
        height: 90px;
        left: -1px;
        position: absolute;
        top: -1px;
        width: 90px;
    }
    #qrCode:after {
        border-right: 5px solid var(--theme-primary-800);
        border-top: 5px solid var(--theme-primary-800);
        border-top-right-radius: 8px;
        content: "";
        height: 90px;
        position: absolute;
        right: -1px;
        top: -1px;
        width: 90px;
    }

#qrCode .boxItem {
    border-radius: 10px;
    bottom: 0;
    position: absolute;
    width: -webkit-calc(100% - 5px );
    width: calc(100% - 5px );
}

    #qrCode .boxItem:before {
        border-bottom: 5px solid var(--theme-primary-800);
        border-bottom-left-radius: 8px;
        border-left: 5px solid var(--theme-primary-800);
        bottom: -1px;
        content: "";
        height: 90px;
        left: -13px;
        position: absolute;
        width: 90px;
    }

    #qrCode .boxItem:after {
        border-bottom: 5px solid var(--theme-primary-800);
        border-bottom-right-radius: 8px;
        border-right: 5px solid var(--theme-primary-800);
        bottom: -1px;
        content: "";
        height: 90px;
        position: absolute;
        right: 6px;
        width: 90px;
    }
#qrCodeData {
    text-align: center;
    margin: auto;
    margin-top: 30px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    background: white;
    color: var(--theme-primary-900);
    padding: 7px 10px;
    line-height: 1.2em;
    font-size: 1.2em;
    border-radius: 5px;
    border: 1px solid #D6D6D6;
    cursor:pointer;
    user-select:none;
}
    #qrCodeData:hover {
        border: 1px solid var(--theme-primary-900);
    }
#qrCodeData i {
    margin: auto;
    margin-right: 15px;
}
.detalhes-pagmentos {
    font-size: 1.2em;
    height: calc(100% - 30px );
}
.areaDescricaoValores {
    /*background: #dcdcdc66;*/
    background: #ffffff;
    border-radius: 3px;
    padding: 10px 0;
    line-height: 2.5em;
    margin: 0;
    border: 1px solid #D6D6D6;
    margin-bottom: 15px;
}
.descricaoValoresTtl {
    font-weight: 500;
    color: #363636;
}
.descricaoValoresVal {
    text-align: right;
}
#btnVoltarPagamento {
    font-size: 1.4em;
    background-color: green;
    border-color: green;
    padding: 8px 30px;
}
.impostosItem {
    width: 100%;
    /*background: #dcdcdc66;*/
    background: #ffffff;
    padding: 4px 10px;
    border-radius: 5px;
    margin: auto;
    border: 1px solid #D6D6D6;
    cursor: pointer;
    user-select: none;
    margin-bottom: 20px;
}
.impostosAr {
    width: 100%;
    height: calc(100% - 220px );
}
.colImpostos {
    width: 100%;
    display: flex;
    flex-direction: column
}
.infoPagamentos {
    display: flex;
    flex-direction: column;
    margin-bottom: 34px;
}
    .infoPagamentos.first {
        margin-bottom: 30px;
    }
    .infoPagamentos:nth-of-type(1) text:nth-of-type(1) {
        font-weight: 500;
        color: var(--theme-success-900);
    }
    .infoPagamentos:nth-of-type(2) text:nth-of-type(1) {
        font-weight: 500;
        color: var(--theme-danger-900);
    }
    .infoPagamentos.first i {
        color:var(--theme-primary-500);
    }
    .impostosItem > text {
        font-weight: 500;
        color: #6c6c6c;
        display: flex;
        align-items: center;
        color: var(--theme-primary-900)
    }
    .impostosItem > text i:nth-of-type(1) {
        font-size: 20px;
        margin-right: 5px
    }
    .impostosItem > text text {
        width: calc(100% - 20px );
        display: table;
    }
    .impostosItem > text i:nth-of-type(2) {
        font-size: 25px;
    }

.impostosHidden {
    display: flex;
    line-height: 2em;
    margin-top: 10px
}
#ExpPixLiveTime {
    background: white;
    display: table;
    padding: 3px 10px;
    border-radius: 15px;
    border: 2px solid var(--theme-primary-500);
    margin-top: 20px;
}
#ExpPixLiveTime.danger {
    border: 2px solid var(--theme-danger-500);
}

.mod-skin-dark:not(.mod-skin-light) .descricaoValoresTtl {
    font-weight: 500;
    color: #ffffff;
}
.mod-skin-dark:not(.mod-skin-light) .areaDescricaoValores, .mod-skin-dark:not(.mod-skin-light) .impostosItem {
    background: #dcdcdc0a;
    border: 1px solid #d6d6d630;
}
.mod-skin-dark:not(.mod-skin-light) .titleDetailPagamentoArea, .mod-skin-dark:not(.mod-skin-light) .titlePagamentoArea {
    color:white;
}
.mod-skin-dark:not(.mod-skin-light) .impostosItem > text {
    color: #ffffff;
}

.mod-skin-dark:not(.mod-skin-light) #ExpPixLiveTime {
    background: #00000005;
    border: 1px solid var(--theme-primary-500);
    color: white;
}
.mod-skin-dark:not(.mod-skin-light) #qrCodeData {
    background: #ffffff0a;
    color: white;
    border: 1px solid var(--theme-primary-500);
}


.mod-skin-dark:not(.mod-skin-light) .infoPagamentos.first > text:nth-of-type(2), .mod-skin-dark:not(.mod-skin-light) .infoPagamentos.first > text:nth-of-type(3), .mod-skin-dark:not(.mod-skin-light) .infoPagamentos.first > text:nth-of-type(4) {
    color: white;
}

.infoPagamentos.first > text:nth-of-type(2), .infoPagamentos.first > text:nth-of-type(3), .infoPagamentos.first > text:nth-of-type(4) {
    display: flex;
    align-items: center;
    padding: 6px 5px;
    color: black;
    font-weight: 500;
}




.infoPagamentos.first > text:nth-of-type(2) {
    margin-top:15px;
}
.infoPagamentos.first label{
    margin-left:10px;
    margin-bottom:0
}
#containerValorBoleto .e-input-group.e-control-wrapper {
    max-width: 250px;
    height: 45px;
    line-height: 80px;
    font-size: 1.25em;
    font-weight: 500;
    margin: auto
}
#containerValorBoleto .e-input-group.e-control-wrapper input{
    max-width: 250px;
    height: 45px;
    line-height: 80px;
    font-size: 1.25em;
    font-weight: 500;
    margin: auto
}
.e-filterdiv.e-fltrinputdiv span.e-input-group.e-control-wrapper {
    margin: 0 5px;
    width: calc(100% - 10px);
}
.e-grid.e-resize-lines .e-headercell .e-rhandler, .e-grid.e-resize-lines .e-headercell .e-rsuppress {
    border-right: 1px solid #1313132b;
}

.mod-skin-dark:not(.mod-skin-light) .e-input-group:not(.e-success):not(.e-warning):not(.e-error), .mod-skin-dark:not(.mod-skin-light) .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: #74747470;
}
.e-input-group.e-control-wrapper .e-filtertext.e-input {
    width: calc(100% - 26px);
}
.e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard.e-filterbardropdown {
    width: 0px;
    margin: 0;
    padding: 0;
}

.notification li:not(li:first-child) {
    margin-top: 5px;
}

.page-contentNotificacoes {
    height: 100%;
}

    .page-contentNotificacoes > div:nth-of-type(1) {
        height: 100%;
    }

.headerNotificacao {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--theme-primary);
    padding-bottom: 15px;
}

    .headerNotificacao h2 {
        color: var(--theme-primary);
        margin-left: 20px;
        margin-bottom: 0;
    }
    .headerNotificacao h4 {
        color: var(--theme-primary-900);
        margin-left: 20px;
        margin-top: 15px;
        margin-bottom: 0;
    }

    .headerNotificacao span {
        display: table;
        margin: auto;
        margin-right: auto;
        margin-right: 20px;
        font-weight: 500;
    }

.bodyNotificacao {
    display: block;
    max-height: calc(76vh - 170px);
    overflow: auto;
    overflow-y: auto;
    padding-bottom: 25px;
}

.contentNotificacao {
    padding: 15px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    margin: auto;
    margin-bottom: 50px;
}
.NotificacaoSelecionada {
    background: #80808030!important;
}
.mod-skin-dark:not(.mod-skin-light) .notification .msg-a, .mod-skin-dark:not(.mod-skin-light) .notification .msg-b, .mod-skin-dark:not(.mod-skin-light) .notification .name {
    color: #eeeeee !important;
}
.mod-skin-dark:not(.mod-skin-light) .e-grid .e-grouptopleftcell {
    background-color: #26272b;
    border-color: #dee2e6;
}
.mod-skin-dark:not(.mod-skin-light) .e-grid.e-default .e-grouptopleftcell {
    border-color: #26272b;
}
.mod-skin-dark:not(.mod-skin-light) .e-grid .e-groupcaption, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-indentcell, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-recordplusexpand, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-recordpluscollapse {
    background-color: #1d1d1d;
    color: #cfcfcf;
}
.mod-skin-dark:not(.mod-skin-light) tfoot .e-grid .e-groupcaption, tfoot .mod-skin-dark:not(.mod-skin-light) .e-grid .e-indentcell, .mod-skin-dark:not(.mod-skin-light) tfoot .e-grid .e-recordplusexpand, .mod-skin-dark:not(.mod-skin-light) tfoot .e-grid .e-recordpluscollapse {
    background-color: #26272b;
    color: #cfcfcf;
}
.mod-skin-dark:not(.mod-skin-light) .e-grid .e-summaryrow .e-summarycell, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-summaryrow .e-templatecell, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-summarycontent .e-indentcell, .mod-skin-dark:not(.mod-skin-light) .e-grid .e-indentcell.e-detailindentcelltop {
    background-color: transparent;
    border-color: #00000026;
    color: white;
}
@media (max-width: 768px) {
    .Dvlg-3 {
        max-height: 20%!important;
        border:none!important;
    }

    .Dvlg-9 {
        max-height: 65%!important;
    }

    .bodyNotificacao {
        max-height: calc(50vh - 170px)!important;
    }
}


.warningAlert {
    background: #a0a0a021;
    color: #cb7734 !important;
    border: 1px solid #b9761c;
    padding: 10px 5px;
    margin: auto;
    border-radius: 5px;
    text-align: center;
}
.iconDiscord {
    background-image: url(../img/iconDiscord.png);
    width: 25px;
    height: 35px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0%;
}
.e-footer-container {
background:transparent!important;
}
.e-pagerexternalmsg {
    display:none!important;
}
tfoot .e-summarycell.e-templatecell {
    text-align: right;
    height: 50px;
}
#Documento_filterBarcell, #DataHora_filterBarcell, #IPAddress_filterBarcell, #Valor_filterBarcell {
    display:none
}
.bodyAreaDebugRequest, .bodyAreaDebugResponse {
    border: 1px solid #8787872e;
    line-height: 3em;
    padding: 5px 15px;
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    min-height: 190px;
    background: #000b21cf;
    display: flex;
    align-items: center;
    position: relative;
}
#messagesListRequest, #messagesListResponse {
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 1.7em;
    width: 100%;
    height: 100%;
    color: whitesmoke;
    margin: auto;

}
#tempoResposta {
    position: absolute;
    right: -1px;
    background: #16d45f;
    top: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 5px;
    padding: 0 10px;
    line-height: 2em;
    color: #1c222d;
    box-shadow: -2px 2px 4px -2px black;
    font-weight: 500;
}
.containerPainel {
    border: 1px solid var(--theme-primary-500);
    padding: 21px 15px;
    border-radius: 5px;
}
#AreaTransactions {
    flex-direction: column;
}
.containerTransaction {
    border: 1px solid #0505051a;
    padding: 4px 5px;
    display: flex;
    align-items: center;
    margin: 3px 10px;
    border-radius: 5px;
    background: #80808014;
    
    width: 100%;
    flex-direction: column;
    position: relative;
}
.areaTransactionInner {
    width: calc(100% - 25px );
    display: flex;
    flex-direction: column;
    padding: 20px 15px;
    margin-top: 20px;
    border-radius: 5px;
}
.innerTransaction {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    user-select: none;
}
.containerCoolapseTransaction{

    display: flex;
    align-items: center;
}
.containerCoolapseTransaction *{
    -webkit-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.containerTransactionItemSpn {
    font-size: .8em;
    font-weight: 500;
    color: gray;
}

.containerTransactionItemConsulta {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    width: 60%;
}
.containerTransactionItemDoc {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    width: 20%;
}
.containerTransactionItemTempResp {
    display: flex;
    flex-direction: column;
    text-align: right;
    font-size: 1.1em;
    font-weight: bold;
    width: 14%;
    padding-right: 15px;
}
.CartaoBrand {
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    display: block;
    width: 20px;
    height: 20px;
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 8px;
}
.containerListValidacao {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}
.innerListValidacao {
    width: 100%;
    overflow: auto;
    padding-right: 20px;
}
.titleListValidacao {
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 10px;
    color: var(--theme-primary-600);
    font-family: unset;
}
.ItemValidacao {
    margin-bottom: 20px;
}
.figureBiometria {
    background: #e3e3e3;
    display: flex;
    margin: auto;
    padding: 0;
    width: 100px;
    height: 100px;
    border-radius: 80px;
    margin-bottom: 15px;
    overflow: hidden
}
.mod-skin-dark:not(.mod-skin-light) .figureBiometria {
    background: #2f2f2f;
}
    .figureBiometria img {
        margin: auto;
        filter: none;
        opacity: 1;
        display: table-cell;
        width: 60px;
    }
#figureBiometriaIconPeople img {
    transform: scale(1.45);
    top: 3px;
    position: relative;
}
.ItemValidacao .btnAcesso {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.filepond--root{
    margin-bottom:0!important;
}
.pondFormItem {
    border: 2px dashed var(--theme-primary-600);
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
    margin: 10px auto;
    margin-bottom: 40px;
}
.mod-skin-dark:not(.mod-skin-light) .filepond--drop-label {
    color: #cfcfcf;
}
.mod-skin-dark:not(.mod-skin-light) .filepond--drip {
    opacity: 1;
    background: rgb(30 31 34);
}

.mdl-progress {
    display: block;
    position: relative;
    height: 4px;
    width: 500px;
    max-width: 100%;
}

    

    .mdl-progress > .progressbar {
        background-color: var(--theme-primary-600);
        z-index: 1;
        left: 0;
    }

    .mdl-progress > .bar {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 0%;
        transition: width .2s cubic-bezier(.4,0,.2,1);
    }
    .mdl-progress > .bufferbar {
        background-image: linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#3f51b5,#3f51b5);
        z-index: 0;
        left: 0;
    }

    .mdl-progress > .bar {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 0%;
        transition: width .2s cubic-bezier(.4,0,.2,1);
        background: var(--theme-primary-50)!important;
    }

    .mdl-progress > .bufferbar {
        background-image: linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,rgb(63,81,181),rgb(63,81,181));
        z-index: 0;
        left: 0;
    }
    .progressbar.bar.bar1 {
        background: var(--theme-primary-700) !important;
    }


@supports (-webkit-appearance:none) {
    .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar, .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar {
        background-image: linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#3f51b5,#3f51b5);
        -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);
        mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);
    }
}

@supports (-webkit-appearance:none) {

    .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
        background-image: linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,rgb(63,81,181),rgb(63,81,181));
        -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);
        mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);
    }
}
.mdl-progress.mdl-progress--indeterminate > .bar1, .mdl-progress.mdl-progress__indeterminate > .bar1, .mdl-progress.mdl-progress--indeterminate > .bar3, .mdl-progress.mdl-progress__indeterminate > .bar3 {
    background-color: #357cc0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

#messageValidacaoIdentidade.success {
    color: var(--theme-success-800);
    margin: auto;
    text-align: center;
    width: 100%;
    font-size: 1.1em;
    margin-bottom: 40px;
    margin-top: 10px;
}
#messageValidacaoIdentidade.error {
    color: var(--theme-error-500);
    margin: auto;
    text-align: center;
    width: 100%;
    font-size: 1.1em;
    margin-bottom: 40px;
    margin-top: 10px;
}
#progressText {
    font-size: 1.1em;
    margin: 5px auto;
    position: relative;
    display: table;
    flex-direction: column;
    align-content: center;
    background: #dfdcdc;
    color: #222;
    padding: 5px 10px;
    border-radius: 10px;
    border-bottom: 1px solid gray;
    margin-top: 20px;
}
.infoValidacaoBiometria {
    margin: 15px 0px;
    margin-bottom: 5px;
}
.filepond--root {
    min-height: 220px;
}
    .filepond--root .filepond--drop-label {
        min-height: 100%!important;
    }
.filepond--image-preview-overlay {
    max-height: 40px!important;
}
.containerListValidacao .slimScrollDiv {
    width:100%!important;
}
.btnSwagger {
    color: white !important;
    background-color: rgb(70 155 21) !important;

    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}
    .btnSwagger img {
        width: 20px;
        height: 20px;
        margin-right:5px;
    }
.spnAPIV2 {
    user-select:none;
    background: red;
    text-align: center;
    height: 30px;
    width: 30px;
    line-height: 30px;
    color: white;
    margin-left: 4px;
    border-radius: 5px;
    
}

.linkBox{
    background:white;
    border-radius:5px;
    padding: 5px 10px;
    font-size:1.15em;
    font-weight:500;
    position:relative;
    display:table;
    margin:auto;
    margin-bottom:10px;

}


.card-dark{
    background:#242424;
}
.card-dark .card-body{
    background:#242424;
}
.listExplainWebhook li{
    font-weight: bold;
    font-size:1.35em;
    color:lightgray;
    list-style-type: upper-decimal;
    margin-bottom: 20px;
}
.listExplainWebhook li ol{
    font-weight: normal;
    padding-inline-start: 5px;
    color:grey;
}
.btnCloseCard, .btnGridMenu{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-content: center;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.btnCloseCard:hover, .btnGridMenu:hover {
    
    background:lightgrey;
    color:black;
    cursor: pointer;
}

.table thead th {
    vertical-align: middle;
    border-bottom: 2px solid #e9e9e9;
    font-weight: 500;
}
#wehooksPage{
    font-family: 'Roboto';    
}
#wehooksPage thead th{
    border-top: none;
}
.groupItemValue{
    display: flex;
    align-items: center;
    padding: 0 10px;
    border: 2px solid var(--theme-primary-100);
    width: 100%;
    border-radius: 5px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.mod-skin-dark:not(.mod-skin-light) .textInfo{
    color: lightgrey;
}
.textInfo{
    font-size: .9em;
    color: #545454;
}

.webhookDestination .e-input-group.e-control-wrapper{
    border-color: var(--theme-primary-100) !important;
    border-width: 2px!important;
    border-left: none!important;
}
.inputGroupCustom{
    border: 2px solid var(--theme-primary-100) !important;
}
.inputGroupCustom input{
    height: 39px!important;
}
.inputGroupCustom.invalid{
    border-color:tomato !important;
}
.btnRemove{
    display: flex;
    background: transparent;
    background-color: #f1f1f1;
    border: 1px solid #80808024;
    border-radius: 50%;
    color: tomato;
    box-shadow: 0 5px 15px -10px black;
}
.btnRemove:hover{
    cursor: pointer;
}
#btnAddCustomHeader{
    background: white;
    color: #8f8f8f;
    border-radius: 20px;
    border-color: #dfdfdf;
    box-shadow: 0 5px 15px -10px black;
}
.webhookDestination .input-group-prepend .input-group-prepend{
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #f3f3f3;
    border: 2px solid var(--theme-primary-100);
    border-right-color: #6b6b6bad;
    border-right-width: 1px;
}
.webhookDestination.invalid .input-group-prepend .input-group-prepend{
    border: 2px solid tomato !important;
    border-right-width: 1px;
    border-right-color: #6b6b6bad;
}
.webhookDestination.invalid .e-input-group.e-control-wrapper{
    border-color: tomato !important;
}

.badgeStatusProcessamento{
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    align-self: center;
}
.badgeStatusProcessamento text{
    font-size: unset;
}
.statusProcessamento0,.statusProcessamento2,.statusProcessamento3{
    margin-left: 5px;
    background-color: #e6e6e6;
    color: #747474;
    border-radius: 20px;
    padding-left: 5px;
}
.statusProcessamento1,.statusProcessamento4{
    margin-left: 5px;
    background-color: #41b765;
    color: white;
    border-radius: 20px;
    padding-left: 5px;
}

.statusEntrega{
    width: 15px;
    height: 15px;
    display: flex;
    border-radius: 50%;
    margin-right: 5px;
}

.statusEntrega.status_200{
    background: #6abb38;
}
.loaderSpin {
    width: 48px;
    height: 48px;
    border: 3px solid #FFF;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.loaderSpin::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-bottom-color: var(--theme-primary);
}

@keyframes rotation {
     0% {
         transform: rotate(0deg);
     }
     100% {
         transform: rotate(360deg);
     }
 }