.currentpage {
    background-color: var(--brandline) !important;
}

/*crud com linhas no cabeçalho*/

/*
.crud-component thead tr td {
    border-right: 1px solid rgba(255,255,255,.17);
    border-left: 1px solid rgba(0,0,0,.17);
}

.grid-header-input label {
    margin-left: 7px!important;
}

.crud-component tbody tr td {
    padding-left: 7px!important;
}


.crud-component table thead {
 
    box-shadow: 0px 2px 1px 1px rgb(0 0 0 / 10%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 8%)!important;
}
*/

/*crud com linhas no cabeçalho*/

.scroll-table {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

    .scroll-table tbody {
        overflow: scroll;
    }

    .scroll-table tbody {
        display: block;
        height: calc(100% - 50px);
        overflow: auto;
    }

        .scroll-table thead, .scroll-table tbody tr {
            display: table;
            width: 100%;
            table-layout: fixed; /* even columns width , fix width of table too*/
        }

    .scroll-table thead {
        width: calc( 100% - 5px ) /* scrollbar is average 1em/16px width, remove it from thead width */
    }

    .scroll-table table {
        width: 100%;
    }

.table thead tr th {
    padding: 12px 8px;
    vertical-align: middle;
}

.grid-header-input button {
    display: none;
    background-color: var(--brandcard);
    margin-right: -8px;
}

    .grid-header-input button:hover {
        background-color: var(--brandcard);
    }

    .grid-header-input:hover button, .grid-header-input input:hover button, .grid-header-input button:hover {
        display: flex;
    }

/*ajuste de scroll na barra de chat*/
.user-chat-box {
    overflow: auto;
    max-height: calc(100% - 115px);
}

.chat-name-maxwidht {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 180px;
    display: inline-flex;
}

.message-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 180px;
}

.mdc-tab-scroller__scroll-content .mat-layout-grid-cell {
    min-width: unset;
    max-width: unset;
    overflow: hidden;
}

.mdc-tab-scroller__scroll-content {
    max-width: 1020px;
}

.dashboard-dateupdated {
    position: absolute;
    top: 83px;
    right: 30px;
    border: 1px solid var(--brandline);
    background-color: #f6f6f6;
    border-radius: 7px;
    z-index: 1;
    font-size: 9px;
    line-height: 1.8;
    padding-right: 4px;
    padding-left: 4px;
    text-transform: uppercase;
    font-weight: 700;
}

.apexcharts-tooltip {
}

.apexcharts-tooltip-series-group {
    height: 20px !important;
}

.rating {
    font-size: 0;
}

    .rating:after {
        content: " ";
        clear: both;
        display: block;
    }

    .rating input {
        display: none;
    }

.rating-label {
    height: 16px;
    width: 16px;
    color: #ccc;
    font-size: 24px;
    line-height: 16px;
    margin-right: 4px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.rating[dir=rtl] {
    unicode-bidi: bidi-override;
}

    .rating[dir=rtl] > input:checked ~ .rating-label {
        font-size: 0;
    }

        .rating[dir=rtl] > input:checked ~ .rating-label:before {
            content: "★";
            color: #feca02;
        }

.rating-label.is-active {
    color: #feca02;
}

.rating-large .rating-label {
    height: 24px;
    width: 24px;
    font-size: 32px;
    margin-right: 8px;
}

    .rating-large .rating-label:before {
        font-size: 32px;
    }

.rating-small .rating-label {
    height: 12px;
    width: 12px;
    font-size: 16px;
    margin-right: 2px;
}

    .rating-small .rating-label:before {
        font-size: 16px;
    }

.rating {
    padding-top: 20px;
    float: right;
}

.crud-component table tr td {
    text-transform: uppercase;
    font-size: 12px;
}

.crud-component table tr td {
    padding: 3px;
    padding-top: 5px;
}

.crud-component tbody tr td:first-child {
    padding-right: 8px;
}

.crud-component tbody tr td {
    padding-left: 10px !important;
}

.crud-component table tr td {
    border-left: 1px solid var(--brandline);
}

.grid-header-input .mdc-floating-label {
    left: 10px;
}

.grid-header-input input {
    padding-left: 10px !important;
}

.grid-header-specialfield {
    font-size: .865rem !important;
    font-weight: 500;
    letter-spacing: .08829em;
    text-transform: uppercase;
    text-overflow: ellipsis;
    line-height: 1.15rem;
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    text-align: center !important;
}

.crud-component tbody tr td:last-child {
    padding: 0px !important;
}

.crud-component tbody tr td {
    border-top: none;
    border-bottom: 1px solid var(--brandline);
}

.progress {
    width: 95%;
}

.crud-cashflow {
}

    .crud-cashflow table thead tr td, .crud-cashflow table tbody tr td, .crud-cashflow tr td {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .crud-cashflow table td {
        border-bottom: none !important;
        height: 22px !important;
        vertical-align: inherit !important;
    }

    .crud-cashflow table {
        height: 100% !important;
    }

    .crud-cashflow .mat-layout-grid-cell {
    }




.nexto-components input:disabled, .nexto-components select:disabled {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat;
}

.nexto-components textarea {
    margin-bottom: -5px;
}


.nexto-checkbox-disabled {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat;
}

    .nexto-checkbox-disabled label, .nexto-checkbox-disabled label:after, .nexto-checkbox-disabled input {
        cursor: not-allowed;
    }



.nexto-component-iswarning, .nexto-component-iswarning input, .nexto-component-iswarning label {
    background: none !important;
    background-color: indianred !important;
    color: white !important;
}

.flu-modal {
    width: 400px;
    height: 60% !important;
    position: absolute !important;
    z-index: 100 !important;
    right: 11%;
    box-shadow: inset 0 0 0.1em black, 0 0 1em grey;
    min-width: 19rem;
    background-color: var(--brandbackground);
}



.loading-cashflow {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 25%;
}


.dashboard-calendar-2 {
    width: 100%;
    margin-left: 5px;
    padding-bottom: 8px;
}

/*
.crud-component table thead td, .context-menu-header a {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.03) 40%, rgba(0, 0, 0, 0.03) 60%, rgba(0, 0, 0, 0.05) 80%, rgba(0, 0, 0, 0.10) 100%);
}

.

.context-menu-header {
    background-color: var(--brandbackground);
}*/


.context-menu-header a {
    height: 58.85px;
}

.nexto-table-no-border-components .mat-layout-grid-cell .nexto-components {
    border: none !important;
}

.nexto-table-no-border-components .has-float-label input {
    border: none !important;
}


.main-panel .content #content {
    height: calc(100vh - 80px);
    overflow: hidden;
}

.crud-component .stretched-table {
    height: calc(100% - 62px);
}

.crud-component .grid-header-input .nexto-select, .crud-component .grid-header-input .nexto-input, .crud-component .grid-header-input .nexto-input input {
    border-bottom: none;
    border-left: none;
}

    .crud-component .grid-header-input .nexto-input label {
        font-weight: 500;
        padding-left: 10px;
        -webkit-font-smoothing: antialiased;
        white-space: nowrap;
    }


.crud-component .has-float-label select[data-id="Nenhum"]:not(:focus) + * {
    font-size: 1rem;
    top: 32%
}

.crud-component .has-float-label input:placeholder-shown:not(:focus) + *, .has-float-label select:invalid:not(:focus) + *, .has-float-label select[data-id="00000000-0000-0000-0000-000000000000"]:not(:focus) + * {
    font-size: 1rem;
    top: 32%;
}

.crud-component .has-float-label input:placeholder-shown:not(:focus) + *, .has-float-label select:invalid:not(:focus) + *, .has-float-label select[data-id=""]:not(:focus) + * {
    top: 32%;
}


.cash-flow-group-header {
    background-color: #e3e1e1;
}

.crud-casshflow-table-footer thead {
    display: table;
    width: 100%;
    table-layout: fixed;
}


.crud-casshflow-table-footer td {
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--brandtext);
    font-size: 12px;
    border-left: 1px solid var(--brandline);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.drive-card {
    overflow-x: hidden;
    height: calc(100% - 135px);
    max-height: calc(100% - 140px);
    min-height: calc(100% - 140px);
}



.CrudModalContent .nexto-components {
    border-left: none !important;
}



.nexto-button-icon {
    border: 1px solid var(--brandline) !important;
    padding: 15px !important;
    margin: 3px !important;
    height: auto !important;
    width: auto !important;
    min-width: auto !important;
    border-radius: 5px !important;
    color: white;
    background-color: var(--brandlinemajor);
    box-shadow: 0px 2px 1px 1px rgb(0 0 0 / 10%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 8%) !important;
}


.nexto-button-icon-success {
    background-color: forestgreen;
    color: white;
}

.nexto-button-icon-danger {
    background-color: indianred;
    color: white;
}




.mdc-tab-scroller__scroll-content {
    max-width: 1027px;
}


    .mdc-tab-scroller__scroll-content .mat-layout-grid-cell {
        width: auto !important;
        /*       min-width: 200px;
        max-width: 320px;*/
    }




/*.modal-sidebar-wrapper {
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 60px;
    z-index: 4;
    top: 0px;
    right: 0px;
    background-color: var(--brandmenu);
    color: var(--brandmenutext);
    border-bottom-right-radius: 8px;
}

.blazored-modal-close {
    width: 59px;*/
/* padding: 0px; */
/* margin: 0px; */
/*height: 62px;
    position: absolute;
    right: 17px;
    top: 17px;
    background-color: var(--brandmenu);
    border-top-right-radius: 8px;*/
/* border-bottom: 1px solid white!important; */
/*font-size: 30px;
    padding-right: 10px;
    border-bottom: 1px solid var(--brandline);
}

.base-modal-content {
    margin-right: 60px;
}*/

.modal-tab-container {
    background-color: var(--brandmenusuperior);
}

.modal-tab-group {
    background-color: var(--brandline);
    width: 100%;
    border-top: 1px solid var(--brandline);
    /*border-top: 1px solid var(--brandbackground);*/

    padding: 8px;
    margin: 1px;
    width: auto;
    /* border-radius: 8px;*/
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-bottom: 0px;
    margin-top: 2px;
}


    .modal-tab-group > a:first-child {
        /*clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 0 100%) !important;*/
    }

.modal-tab-button {
    color: var(--brandmenutext);
    padding-left: 10px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    line-height: 21px;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    overflow: hidden;
    /*clip-path: polygon(0 0,calc (100% - 10px) 0, 100% 100%, 10px 100%);*/
    font-size: 14px;
    border-radius: 8px;
    text-transform: lowercase;
    padding-top: 2px;
}


    .modal-tab-button:first-letter, .modal-tab-button:hover:first-letter {
        text-transform: uppercase;
    }

    .modal-tab-button.active {
        color: var(--brandmenusuperior);
        background-color: #eee;
        /*clip-path: polygon(0 0,) 0, 100% 100%, 0 100%) !important;*/
        /*clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 100%, 0 100%);*/
    }


    .modal-tab-button:hover {
        color: var(--brandmenutext);
        text-transform: lowercase;
        text-decoration: underline;
        cursor: pointer;
    }

    .modal-tab-button.active:hover {
        color: var(--brandmenusuperior);
    }


.modal-tab-content {
    position: absolute;
    z-index: 4;
    height: calc(100% - 41px);
    background-color: var(--brandbackground);
    margin: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: -webkit-fill-available;
    overflow-x: auto;
}

.modal-tab-content-header {
}

.basemodal-content {
    border: 1px solid var(--brandlinemajor);
    margin: 1px;
    /* border-radius: 8px;*/
    margin-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


.basemodal-content-innergrid {
}

.modal-buttons {
    border: unset;
    margin: 1px;
    margin-top: 2px;
    background-color: var(--brandmenusuperior);
    min-height: 46px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

    .modal-buttons .pull-left, .modal-buttons .pull-right {
        height: 46px;
    }

    .modal-buttons .nexto-button {
        color: #eee;
    }



.breadcrumb__step:hover {
    background: transparent;
    color: var(--brandtext);
    cursor: unset;
}

.breadcrumb__step {
    width: 100%;
    text-decoration: none;
    outline: 0;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 56px;
    padding: 0 1px 0 40px;
    position: relative;
    color: var(--brandtext);
    transition: background .5s;
    white-space: nowrap;
    background: unset;
    cursor: unset;
}

    .breadcrumb__step span {
        color: var(--brandtext);
        font-weight: 600;
    }





.workflow-header-steps {
    zoom: 0.88;
    background: var(--brandmodal);
}

.breadcrumb__step:hover::after {
    color: var(--brandtext);
    background: transparent;
}

.breadcrumb__step::after {
    box-shadow: 2px -2px 0 1px var(--brandline);
    background: transparent;
}


.breadcrumb__step--active span {
    color: darkorange;
}

.breadcrumb__step--done span {
    color: darkgreen;
}


.breadcrumb__step--active, .breadcrumb__step--active:hover, .breadcrumb__step--active:after, .breadcrumb__step--active:hover::after {
    background: #f2f0bc;
}

.breadcrumb__step--done, .breadcrumb__step--done:hover, .breadcrumb__step--done:after, .breadcrumb__step--done:hover::after {
    background: #c3d5c3;
}



.context-menu-header {
    overflow: hidden;
    font-size: 15px;
}


.card-category {
    text-transform: lowercase;
}


    .card-category:first-letter {
        text-transform: uppercase;
    }



.blazored-modal-content .crud-component table > tbody {
    max-height: calc(100% - 60px);
}


.blazored-modal-content {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}



.crud-link-modal:empty:before {
    content: '(sem nome)';
}

.card-filter {
    padding: 0px;
    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 10%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 8%);
    margin-right: 0.7rem;
    margin-bottom: 0.3rem;
    margin-bottom: 0.3rem;
}

.menuitem-admin {
    background: var(--brandmenu) !important;
}

.menuitem-exit-app {
    background: var(--brandmenu) !important;
}