body {
    background-color: #eee;
}

.side-nav .collapsible-header {
    font-size: 0.9rem !important;
    font-weight: 300 !important;
}

.side-nav .collapsible-body a {
    font-size: 0.85rem !important;
    font-weight: 300 !important;
}

.side-nav .logo-sn {
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.side-nav .logo-sn img {
    height: 65px;
}

.side-nav .search-form input[type=text] {
    margin-top: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.accordion .card {
    margin-bottom: 1.2rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.accordion .card .card-body {
    border-top: 1px solid #eee;
}

.picker__footer button {
    padding-top: 0px !important;
}

.picker__frame {
    top: 0% !important;
    width: auto !important;
}

.picker__box .picker__table .picker__day--selected {
    width: 45px !important;
    height: 45px !important;
    padding: 13px !important;
}

@media (max-width: 900px) {
    .picker__date-display {
        height: auto !important;
        position: relative !important;
        float: left !important;
        width: 100% !important;
        text-align: center;
    }

    .picker__year-display,
    .picker__month-display,
    .picker__day-display {
        float: right !important;
        font-size: 1rem !important;
        font-weight: 400 !important;
        width: 33.2% !important;
        box-sizing: border-box !important;
        color: white !important;
    }
}

@media (min-width: 768px) {
    .picker__day-display {
        font-size: 3rem !important;
    }

    .picker__year-display {
        font-size: 1.3rem !important;
    }

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

#cardPerfil button {
    height: 125px !important;
    margin: 0px !important;
    width: 100% !important;
}

#cardPerfil button>i {
    width: 100%;
    font-size: 1.8rem;
    margin-bottom: 15px;
}

.sn-bg-4 {
    background-image: url('../img/bgSidenav.jpg');
}

.nav-link {
    color: #424242 !important;
}

.prefix {
    padding-top: 0px !important;
}

.form-control {
    padding-bottom: 2.5px !important;
    padding-top: 2.5px !important;
}

.card-full {
    display: block !important;
    z-index: 9999 !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    overflow-y: scroll;
}

.progress-lg {
    height: 25px !important;
}

.progress-lg .progress-bar {
    height: 25px !important;
}

.progress-lg span {
    position: absolute !important;
    right: 10px;
    height: 25px !important;
    line-height: 25px !important;
}

.badge-outline-success {
    border: solid 2px #00c851 !important;
    color: #00c851 !important;
    box-shadow: none !important;
}

.badge-outline-danger {
    border: solid 2px #ff3547 !important;
    color: #ff3547 !important;
    box-shadow: none !important;
}

.badge-outline-grey {
    border: solid 2px #616161 !important;
    color: #616161 !important;
    box-shadow: none !important;
}

@media (min-width: 768px) {
    .badge-table {
        float: left;
        margin-right: 5px;
    }

    .show-sm-down {
        display: none;
    }
}

.page-footer {
    background: transparent !important;
    color: #adadad !important;
}

.page-footer .unique-color-dark {
    background: transparent !important;
    color: #888 !important;
}

.page-footer .unique-color-dark .container-fluid a {
    color: #aaa !important;
}

.noScroll {
    overflow: hidden !important;
}

.imgCliente {
    height: 150px !important;
    width: 150px !important;
    background-size: cover !important;
    background-position-x: center !important;
}

.btn-sqd {
    height: 25px !important;
    width: 25px !important;
    margin: 0px !important;
    margin-right: 5px !important;
    padding: 0px !important;
    line-height: 25px !important;
    font-size: 25px !important;
    float: right;
}

.btn-sqd.btn-outline-danger>i {
    margin-top: -10px !important;
}

.btn-sqd>i {
    font-size: 12.5px !important;
    margin-top: -5px !important;
    margin-left: -1px;
}

.fixed-action-btn-em {
    position: fixed;
    z-index: 998;
    right: 35px;
    bottom: 35px;
    padding-top: 15px;
    margin-bottom: 0;
}

.btn-floating-em::before {
    border-radius: 0;
}

.btn-floating-em {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    width: 47px;
    height: 47px;
    padding: 0;
    border-radius: 50%;
    margin: 10px;
    background-color: #a6c;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}

.btn-floating-em i {
    display: inline-block;
    width: inherit;
    color: #fff;
    font-size: 1.25rem;
    line-height: 47px;
    text-align: center;
}

/* Pivot Tables JS*/

.pvtUi {
    color: #333;
}

table.pvtTable {
    font-size: 10px !important;
    text-align: left;
    border-collapse: collapse;
}

table.pvtTable thead tr th,
table.pvtTable tbody tr th {
    background-color: #f1f1f1;
    border: 1px solid #CDCDCD;
    font-size: 10px !important;
    padding: 5px;
}

table.pvtTable .pvtColLabel {
    text-align: center;
}

table.pvtTable .pvtTotalLabel {
    text-align: right;
}

table.pvtTable tbody tr td {
    color: #3D3D3D;
    padding: 5px;
    background-color: #FFF;
    border: 1px solid #CDCDCD;
    vertical-align: top;
    text-align: right;
}

.pvtTotal,
.pvtGrandTotal {
    font-weight: bold;
}

.pvtVals {
    text-align: center;
    white-space: nowrap;
}

.pvtRowOrder,
.pvtColOrder {
    cursor: pointer;
    width: 15px;
    margin-left: 5px;
    display: inline-block;
}

.pvtAggregator {
    margin-bottom: 5px;
}

.pvtAxisContainer,
.pvtVals {
    border: 1px solid gray;
    background: #EEE;
    padding: 5px;
    min-width: 20px;
    min-height: 20px;

    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

.pvtAxisContainer li {
    padding: 8px 6px;
    list-style-type: none;
    cursor: move;
}

.pvtAxisContainer li.pvtPlaceholder {
    -webkit-border-radius: 5px;
    padding: 3px 15px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px dashed #aaa;
}

.pvtAxisContainer li span.pvtAttr {
    -webkit-text-size-adjust: 100%;
    background: #F3F3F3;
    border: 1px solid #DEDEDE;
    padding: 2px 5px;
    white-space: nowrap;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pvtTriangle {
    cursor: pointer;
    color: grey;
}

.pvtHorizList li {
    display: inline;
}

.pvtVertList {
    vertical-align: top;
}

.pvtFilteredAttribute {
    font-style: italic
}

.pvtFilterBox {
    z-index: 9999999;
    width: 300px;
    border: 1px solid gray;
    background-color: #fff;
    position: absolute;
    text-align: center;
}

.pvtFilterBox h4 {
    margin: 15px;
}

.pvtFilterBox p {
    margin: 10px auto;
}

.pvtFilterBox label {
    font-weight: normal;
}

.pvtFilterBox input[type='checkbox'] {
    margin-right: 10px;
    margin-left: 10px;
}

.pvtFilterBox input[type='text'] {
    width: 230px;
}

.pvtFilterBox .count {
    color: gray;
    font-weight: normal;
    margin-left: 3px;
}

.pvtCheckContainer {
    text-align: left;
    font-size: 14px;
    white-space: nowrap;
    overflow-y: scroll;
    width: 100%;
    max-height: 250px;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}

.pvtCheckContainer p {
    margin: 5px;
}

.pvtRendererArea {
    padding: 5px;
}

.pvtRenderer {
    display: block
}

.pvtRenderer,
.pvtAggregator,
.pvtAttrDropdown {
    display: block !important;
}

.pvtUnused.inative {
    position: absolute !important;
    width: 0px !important;
}

#output {
    margin-top: 50px !important;
}

.pvtFilters {
    position: relative !important;
    left: 0px !important;
    visibility: visible !important;
}

.pivotFiltersContainers {
    max-height: 450px !important;
    height: 450px !important;
    overflow-y: auto;
    overflow-x: no-display;
}

.pvtFilterBox {
    top: 65px !important;
    position: fixed !important;
    width: 370px !important;
    max-height: 500px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999999 !important;
}

.pivotFiltersContainers>.pvtAttrDropdown {
    position: relative;
    margin: 0 auto;
}

.pivotFiltersContainers>li {
    display: block !important;
    text-align: center !important;
}

td.pvtRowSubtotal,
th.pvtRowSubtotal {
    font-weight: 500;
    background: #d5e7ed !important;
    /*text-decoration: underline;*/
}

th.rowSubtotalPointer {
    cursor: pointer;
}

.text-bold {
    font-weight: 500 !important;
}

#resultPivot .table-responsive>table,
.containerPrint .table-responsive>table {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    max-width: 100%;
    border-collapse: separate !important;
    border-spacing: 0px !important;
}

#resultPivot .table-responsive>table>thead,
.containerPrint .table-responsive>table>tbody:first-child {
    position: relative !important;
    z-index: 990 !important;
    border-collapse: separate !important;
    border-spacing: 0px !important;
}

#resultPivot .table-responsive>table>thead>tr>th,
.containerPrint .table-responsive>table>tbody:first-child>tr>th {
    font-size: 10px !important;
    position: relative !important;
    border-collapse: separate !important;
    border-spacing: 0px !important;

}

#resultPivot .table-responsive>table>tbody>tr>td,
.containerPrint .table-responsive>table>tbody>tr>td {
    font-size: 10px !important;
    text-align: right;
    position: relative !important;
    border-collapse: separate !important;
    border-spacing: 0px !important;

}

#resultPivot .table-responsive>table>thead>tr>th,
.containerPrint .table-responsive>table>tbody:first-child>tr>th {
    text-align: center !important;
    position: relative !important;
    border-collapse: separate !important;
    border-spacing: 0px !important;

}

#resultPivot .table-responsive>table>tbody>tr>th,
.containerPrint .table-responsive>table>tbody>tr>th {
    vertical-align: middle;
    position: relative !important;
    border-collapse: separate !important;
    border-spacing: 0px !important;
}

#resultPivot .table-responsive>table th,
.containerPrint .table-responsive>table th {
    border: none !important;
}

#resultPivot .table-responsive>table>thead th,
.containerPrint .table-responsive>table>tbody:first-child th {
    background: #2196f3 !important;
    color: white !important;
    /*border-top: 1px solid white !important;*/
    border-right: 1px dashed white !important;
    padding: 0px 3px 0px 3px !important;
}

#resultPivot .table-responsive>table td,
.containerPrint .table-responsive>table td {
    border: none !important;
    border-top: 1px solid #e9ecef !important;
    border-right: 1px solid #e9ecef !important;
}

.pvtRowSubtotal:hover>td {
    background: #f1f1f1 !important;
}

.fa-calendar.prefix {
    top: 50% !important;
    right: 0px !important;
    transform: translateY(-50%) !important;
    font-size: 15px !important;
    width: auto !important;
    cursor: pointer !important;
}

.md-form .fa-calendar.prefix~input {
    margin-left: 0px !important;
    width: 100% !important;
}

.md-form .fa-calendar.prefix~label {
    margin-left: 2px !important;
}

@media (max-width: 768px) {
    .btn.btn-sm_sm {
        font-size: .6rem;
        padding: .5rem 1.6rem;
    }
}

.mdb-select.form-md>input.select-dropdown {
    color: #495057 !important;
    font-size: 0.8rem !important;
    line-height: 2.5 !important;
    height: 2.1rem !important;
    padding-bottom: 2.5px !important;
    padding-top: 2.5px !important;
    margin-top: .2rem !important;
    margin-bottom: 0px !important;
    /*text-indent: -5px;*/
}

.mdb-select.form-md {
    position: relative;
    padding-top: 2.5px !important;
    margin-top: .2rem !important;
    margin-bottom: 0px !important;
}

.md-form>.mdb-select.form-md+label {
    transform: none;
    top: -7px;
    margin-left: 15px !important;
}

.md-form>.mdb-select.form-md+label.active {
    transform: none;
    top: -5px;
    font-size: 0.8rem !important;
}

.md-form>label.active {
    font-size: 0.8rem !important;
    z-index: 1;
}

.md-form.form-sm>textarea {
    color: #495057 !important;
    font-size: 0.8rem !important;
    height: 2.1rem;
    padding-bottom: 2.5px !important;
    padding-top: 2.5px !important;
    margin-top: .2rem !important;
    margin-bottom: 0px !important;
}

textarea {
    padding: 0.5rem 0 !important;
    height: 20px;
}

.dropdown-content.select-dropdown>span {
    padding: 0px !important;
    padding-bottom: 10px !important;
}

.dropdown-content.select-dropdown>span>div {
    margin-bottom: 0px !important;
}

.dropdown-content.select-dropdown>span>div>input.search {
    color: #495057 !important;
    font-size: 0.8rem !important;
    line-height: 2.5 !important;
    height: 2.1rem !important;
    padding-bottom: 2.5px !important;
    padding-top: 2.5px !important;
    margin-top: .2rem !important;
    margin-bottom: 0px !important;
}

.custom-scrollbar {
    overflow-y: auto !important;
}

.multiple-select-dropdown>li.select-toggle-all>span {
    color: #757575 !important;
}

.multiple-select-dropdown>li>span>label {}

.colorful-select .dropdown-content li span label:before {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    margin-top: -8px !important;
}

.dataTables_info {
    font-size: 0.8rem;
}

th.sorting>i {
    float: none !important;
}

th.sorting>i:before {
    content: "\f0dc";
    padding-top: 5px;
    margin-right: 5px;
}

th.sorting_asc>i:before {
    content: "\f0de";
    padding-top: 5px;
    margin-right: 5px;
}

th.sorting_desc>i:before {
    content: "\f0dd";
    padding-top: 5px;
    margin-right: 5px;
}

th.sorting,
th.sorting_asc,
th.sorting_desc {
    cursor: pointer;
}

@media (max-width: 545px) {
    .container-btn-sqd {
        justify-content: center
    }
}

.container-btn-sqd {
    min-width: 70px !important;
    text-align: center !important;
    display: flex;
    justify-content: flex-end;
}

html>.modal-open {
    overflow-y: hidden;
}

.submenu.collapsible-header>i.fa-angle-down {
    transform: rotate(0deg) !important;
}

.submenu.collapsible-header.active>i.fa-angle-down {
    transform: rotate(180deg) !important;
}

@media (min-width: 546px) {
    main {
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
}

@media (max-width: 545px) {
    html {
        font-size: 0.8rem !important;
    }

    .modal-body {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    main>.container-fluid>.row>.col-12,
    main>.container-fluid>.row>.col-auto,
    main>.container-fluid>.row>.col {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    input::placeholder {
        font-size: .8rem;
        line-height: 1.1rem;
    }

    .collapsible-accordion>li {
        margin-bottom: 10px;
        font-size: 1rem !important;
    }

    .collapsible-accordion>li>a,
    .collapsible-accordion>li>a>i,
    .collapsible-accordion>li>.collapsible-header {
        font-size: 1rem !important;
        font-weight: 400 !important;
    }

    .collapsible-accordion>li>.collapsible-body a {
        font-size: 1rem !important;
    }
}

.btn-sqd>span.badge {
    font-size: 9px;
    top: -40px;
    left: 5px;
}

.close {
    cursor: pointer !important;
}

.close.text-white {
    opacity: 0.85 !important;
}

.close.text-white:hover {
    opacity: 1 !important;
}

.modal-content {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.card-header>small {
    font-size: 0.95rem;
}

@keyframes show {
    from {
        opacity: 0;
        display: none;
    }

    to {
        display: block;
        opacity: 1;
    }
}

.btn-save {
    display: none;
}

input.select-dropdown.active~.btn-save {
    display: block;
    position: absolute;
    top: 5px;
    z-index: 9999;
    width: calc(100% + 15px) !important;
    margin: 0px;
    animation-name: show;
    animation-duration: 0.3s;
}

.dropdown-content.select-dropdown.w-100 {
    width: calc(100% + 15px) !important;
    top: 35px !important;
}

.drag-target {
    display: none !important;
}

@media (max-width: 545px) {
    .custom-scrollbar.list-unstyled>li:last-child {
        margin-bottom: 80px;
    }

    input.select-dropdown.active~.btn-save {
        top: 5px !important;
    }

    .dropdown-content.select-dropdown.w-100 {
        top: 30px !important;
    }
}

.odd>td,
.odd>th {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.even>td,
.even>th {
    background-color: transparent !important;
}

.oddColor {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

input {
    text-transform: uppercase;
}

.nav-tabs .tab-content {
    padding-top: 0rem !important;
}

.nav-tabs {
    margin-left: 0rem;
    margin-right: 0rem;
    margin-bottom: 0px;
    background-color: #2bbbad;
    z-index: 0;
    position: relative;
    border-radius: 2px;
}

.text-white {
    color: white !important;
}

.nav-tabs.grey>li>.blue-grey-text {
    color: #607d8b !important;
}

.nav-tabs.grey>li>.blue-grey-text.active {
    background: rgba(0, 0, 0, 0.04) !important;
}

.z-depth-0-half {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16), 0 1px 10px 0 rgba(0, 0, 0, .12) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16), 0 1px 10px 0 rgba(0, 0, 0, .12) !important;
}

table.table-sm td,
table.table-sm th {
    padding-top: .2rem;
    padding-bottom: .2rem;
}

#tableOrcamento td,
#tableOrcamento th {
    padding-left: 3px;
    padding-right: 3px;
}

#tableOrcamento {
    margin: 0 !important;
    padding: 0 !important;
}

#tableOrcamento>thead>tr>th {
    font-size: 12px !important;
    vertical-align: middle;
    text-align: center !important;
}

#tableOrcamento>tbody>tr>th {
    vertical-align: middle;
    background: white;
    padding: 0px;
    border: none !important;
}

#tableOrcamento>tbody>tr>th>span:before {
    position: absolute;
    background: transparent !important;
    content: '';
    height: calc(100% + 1px);
    width: calc(100% + 2px);
    border: 1px solid #e9ecef !important;
    border-top: none !important;
    top: -1px !important;
    right: -1px !important;
    z-index: 999;
}

#tableOrcamento>tbody>tr>th>span {
    background: none;
}

#tableOrcamento>tbody>tr>td {
    font-size: 11px;
    text-align: right;
}

#tableOrcamento .orcado>td,
.previsto>td,
.realizado>td {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

#tableOrcamento .porcent>td {
    padding: 0px !important;
    font-size: 10px !important;
    text-align: center;
}

#tableOrcamento .treeview {
    cursor: pointer;
}

#tableOrcamento .treeview:hover {
    text-decoration: underline;
}

#tableOrcamento .superconta.deb>th

/*, .superconta > td*/
    {
    color: #e53935 !important;
    font-size: 10px !important;
}

#tableOrcamento .conta.deb>th

/*, .conta > td*/
    {
    color: #ff5722 !important;
    padding-left: 10px;
    font-size: 10px !important;
}

#tableOrcamento .subconta.deb>th

/*, .subconta > td*/
    {
    color: #ff5454 !important;
    padding-left: 15px;
    font-size: 10px !important;
}

#tableOrcamento .superconta.cre>th

/*, .superconta > td*/
    {
    color: #0d47a1 !important;
    font-size: 10px !important;
}

#tableOrcamento .conta.cre>th

/*, .conta > td*/
    {
    color: #3f51b5 !important;
    padding-left: 10px;
    font-size: 10px !important;
}

#tableOrcamento .subconta.cre>th

/*, .subconta > td*/
    {
    color: #2196f3 !important;
    padding-left: 15px;
    font-size: 10px !important;
}

#tableOrcamento .superconta.deb>th>span,
.superconta.cre>th>span {
    padding-left: 10px;
}

#tableOrcamento .conta.deb>th>span,
.conta.cre>th>span {
    padding-left: 20px;
}

#tableOrcamento .subconta.deb>th>span,
.subconta.cre>th>span {
    padding-left: 30px;
}

#tableOrcamento .orcado>td:nth-child(2n + 15),
.previsto>td:nth-child(2n + 14),
.realizado>td:nth-child(2n + 14),
.porcent>td:nth-child(2n + 13) {
    background: none;
    color: #1976d2 !important;
    font-weight: 500;
}

#tableOrcamento .superconta>th,
.subconta>th,
.conta>th {
    position: relative !important;
}

#tableOrcamento .superconta>th>i,
.subconta>th>i,
.conta>th>i {
    position: absolute !important;
    float: right !important;
    bottom: 5px;
    right: 5px;
}

#tableOrcamento .porcent>td {
    text-align: center !important;
}

#tableOrcamento td>span {
    text-align: left !important;
}

#tableOrcamento thead th {
    border: none !important;
}

#tableOrcamento tbody tr:hover>td,
#tableOrcamento tbody tr:hover>th {
    background-color: rgba(0, 0, 0, 0.06) !important;
    -webkit-transition: .5s !important;
    transition: .5s !important;
}

#tableOrcamento tbody tr:hover>.gutter {
    background-color: #fff !important;
}

#tableOrcamento {
    transform-style: preserve-3d;
}

#tableOrcamento>tbody,
#tableOrcamento>thead {
    transform: translate3d(0px, 0px, 0px);
}

#tableOrcamento .bold {
    font-weight: 800 !important;
}

#tableOrcamento tr.totais>td.gutter {
    background-color: rgba(0, 0, 0, .0) !important;
}

#tableOrcamento td.gutter {
    border-bottom: none !important;
    border-top: none !important;
}

#tableOrcamento .subconta>td,
.subconta>th {
    background: rgba(0, 0, 0, 0.03) !important;
}

#tableOrcamento .totais>th {
    font-size: 10px !important;
}

#tableOrcamento .totais.saldo>th {
    color: #4caf50 !important;
    padding-left: 10px !important;
    font-size: 10px !important;
}

#tableOrcamento tr.totais>th {
    border-top: 4px double transparent !important;
    border-bottom: 4px double transparent !important;
}

#tableOrcamento tr.totais>td {
    border-top: 4px double #cbcbcb !important;
    border-bottom: 4px double #cbcbcb !important;
}

#tableOrcamento>tbody>tr.totais>th>span:before {
    border-top: 4px double #cbcbcb !important;
    border-bottom: 4px double #cbcbcb !important;
    height: calc(100% + 8px) !important;
    top: -4px !important;
}

#tableOrcamento>tbody td,
#tableOrcamento>tbody th {
    height: 25px !important;
    padding: 0px 3px !important;
    vertical-align: middle;
}

.card.weather-card .collapse-content a.collapsed:after {
    content: 'Exibir';
}

.card.weather-card .collapse-content a:not(.collapsed):after {
    content: 'Esconder';
}

.land {
    cursor: pointer;
}

.csv-div>.fa-file-text-o:before {
    content: "\f15c" !important;
}
.txt-integracao-div>.fa-file-text-o:before {
    content: "\f15c" !important;
}

@media (min-width:1200px) {

    .fixed-sn .page-footer .container-fluid,
    .fixed-sn main {
        margin-left: 1.5% !important;
        margin-right: 1.5% !important;
    }
}

#resultRelatorio>div {
    margin: 0px !important;
    padding: 0px !important;
}

.sintetico {
    cursor: pointer;
}

.card.weather-card a.sintetico {
    color: #3F729B !important;
}

.card.weather-card a.sintetico::after {
    content: 'Detalhes' !important;
}

input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search-md"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
.md-form.form-sm>textarea,
textarea.md-textarea,
.select-wrapper input.select-dropdown,
.md-form .fa-calendar.prefix~input {
    border: 1px solid #bdbdbd !important;
    border-radius: 5px !important;
    padding-left: 10px !important;
    padding-right: 5px !important;
    width: calc(100% - 15px) !important;
}

.fa-calendar.prefix {
    right: 10px !important;
}

input[type="date"]:disabled,
input[type="date"][readonly="readonly"],
input[type="datetime-local"]:disabled,
input[type="datetime-local"][readonly="readonly"],
input[type="email"]:disabled,
input[type="email"][readonly="readonly"],
input[type="number"]:disabled,
input[type="number"][readonly="readonly"],
input[type="password"]:disabled,
input[type="password"][readonly="readonly"],
input[type="search-md"]:disabled,
input[type="search-md"][readonly="readonly"],
input[type="search"]:disabled,
input[type="search"][readonly="readonly"],
input[type="tel"]:disabled,
input[type="tel"][readonly="readonly"],
input[type="text"]:disabled,
input[type="text"][readonly="readonly"],
input[type="time"]:disabled,
input[type="time"][readonly="readonly"],
input[type="url"]:disabled,
input[type="url"][readonly="readonly"],
textarea.md-textarea:disabled,
textarea.md-textarea[readonly="readonly"] {
    border: 1px dotted rgba(0, 0, 0, .46) !important;
}

input[type="date"]:focus:not([readonly]),
input[type="datetime-local"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]),
input[type="password"]:focus:not([readonly]),
input[type="search-md"]:focus:not([readonly]),
input[type="search"]:focus:not([readonly]),
input[type="tel"]:focus:not([readonly]),
input[type="text"]:focus:not([readonly]),
input[type="time"]:focus:not([readonly]),
input[type="url"]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]),
.white-skin input[type="email"]:focus:not([readonly]),
.white-skin input[type="password"]:focus:not([readonly]),
.white-skin input[type="text"]:focus:not([readonly]),
.white-skin textarea.md-textarea:focus:not([readonly]),
input[type="date"]:focus:not([readonly]),
input[type="datetime-local"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]),
input[type="password"]:focus:not([readonly]),
input[type="search-md"]:focus:not([readonly]),
input[type="search"]:focus:not([readonly]),
input[type="tel"]:focus:not([readonly]),
input[type="text"]:focus:not([readonly]),
input[type="time"]:focus:not([readonly]),
input[type="url"]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]) {
    border: 1px solid #4285f4 !important;
    box-shadow: none;
}

.md-form.form-sm>textarea {
    padding-top: 5px !important;
}

input:focus:not([readonly])+label {
    color: #4285f4;
}

.md-form>label {
    top: 0.6rem;
    left: 5px;
    background-color: #fff !important;
    padding: 2px 5px 0px 5px;
    font-size: 0.8rem !important;
    -webkit-transform: translateY(-100%) !important;
    -ms-transform: translateY(-100%) !important;
    transform: translateY(-100%) !important;
}

.md-form>.mdb-select.form-md+label {
    transform: none !important;
    top: -2px !important;
}

.select2+label {
    left: 20px;
}

.select-wrapper span.caret {
    color: initial;
    position: absolute;
    right: 5px;
    top: 20px;
    font-size: 10px;
}

#form-login .md-form .prefix+input {
    width: calc(100% - 75px) !important;
}

#form-login .md-form label {
    background: transparent !important;
    transform: translateY(-120%) !important;
    margin-left: 2.4rem;
    font-size: 15px !important;
}

.pagination {
    justify-content: center;
}

#resultadoAnalitico td,
#resultadoAnalitico th {
    white-space: nowrap;
    padding: 3px !important;
    vertical-align: middle;
}

#resultadoAnalitico>tbody>tr>td.cliente button {
    position: relative;
    float: left;
    margin: 10px 10px 0px 10px !important;
}

#resultadoAnalitico>tbody>tr.shown>td.details-control button i::before {
    content: "\f068" !important;
}

#resultadoAnalitico {
    width: 100% !important;
}

#resultadoAnalitico>tbody>tr.shown+tr tr,
#resultadoAnalitico>tbody>tr.shown+tr td {
    border: none !important;
    background: #fff;
}

@media (min-width: 1000px) {
    #resultadoAnalitico>tbody>tr.shown+tr td:before {
        content: attr(responsive-title);
        font-weight: 700;
        font-size: 0.7rem;
    }

    #resultadoAnalitico>tbody>tr.shown+tr {
        border: solid 2px rgba(0, 0, 0, 0.05);
        box-sizing: border-box;
    }

    #resultadoAnalitico>tbody>tr.shown+tr table {
        margin: 0px;
        margin-left: 35px;
    }
}

@media (max-width: 1000px) {
    #resultadoAnalitico {
        position: relative;
        display: flex;
        flex-flow: row wrap;
    }

    #resultadoAnalitico>thead:before {
        content: 'Ordenação';
        font-weight: 500;
        text-align: center;
    }

    #resultadoAnalitico>thead {
        width: 100%;
        position: relative;
    }

    #resultadoAnalitico>thead tr {
        display: flex;
        flex-flow: row wrap;
    }

    #resultadoAnalitico>thead tr th {
        width: auto !important;
        flex: 1 auto;
        border: none;
    }

    #resultadoAnalitico>tbody {
        width: 100%;
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
    }

    #resultadoAnalitico>tbody>tr {
        width: 100%;
        position: relative;
        display: flex;
        flex-flow: row wrap;
        padding: 5px;
        margin-top: 15px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
        border: solid 1px #bdbdbd;
        border-radius: 5px;
        background: transparent !important;
        transition: none !important;
    }

    #resultadoAnalitico>tbody>tr.shown {
        border-bottom-color: transparent;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    #resultadoAnalitico>tbody>tr.shown::after {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 14px;
        bottom: -7px;
        left: 0px;
        background: #fff;
    }

    #resultadoAnalitico>tbody>tr.shown+tr {
        top: -1px;
        border-top-color: transparent;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        margin-top: 0px;
        box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    }

    #resultadoAnalitico>tbody>tr.shown+tr::before {
        content: " ";
        border-top: solid 1px #bdbdbd;
        width: 90%;
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        height: 2px;
    }

    #resultadoAnalitico>tbody>tr>td {
        background: transparent !important;
        border: none;
        position: relative;
        max-width: 100%;
        padding: 3px;
    }

    #resultadoAnalitico>tbody>tr>td.cliente {
        flex: 1 100%;
        text-align: center;
        font-weight: 700;
    }

    #resultadoAnalitico>tbody>tr td:before {
        content: attr(responsive-title);
        font-weight: 700;
        font-size: 0.7rem;
    }

    #resultadoAnalitico>tbody>tr>td.loja,
    #resultadoAnalitico>tbody>tr>td.shop {
        flex: 1 50%;
    }

    #resultadoAnalitico>tbody>tr>td.cheque {
        flex: 1 100%;
    }

    #resultadoAnalitico>tbody>tr>td.cheque br {
        display: none;
    }

    #resultadoAnalitico>tbody>tr>td {
        flex: 1 auto;
    }

    #resultadoAnalitico>tbody>tr>td.cliente button {
        position: absolute !important;
        top: 5px;
        right: 5px;
        margin: 0px !important;
        transform: none !important;
    }

    #resultadoAnalitico>tbody>tr>td.details-control {
        position: absolute !important;
        z-index: 1;
    }

}

/*                #resultadoAnalitico tbody{
                    width: 100%;
                    position: relative;
                    display: grid;
                    grid-template-columns: 1fr 1fr 1fr !important;
                    grid-gap: 5px;
                }*/
#menuNotificacoes+.dropdown-menu {
    max-height: 80vh;
    overflow: auto;
}

#menuNotificacoes+.dropdown-menu>.dropdown-item {
    display: flex;
    padding: 5px !important;
}

#menuNotificacoes+.dropdown-menu>.dropdown-item:active,
#menuNotificacoes+.dropdown-menu>.dropdown-item.active {
    background-color: #f4f4f4 !important;
}

#menuNotificacoes+.dropdown-menu>.dropdown-item:hover {
    background-color: #f4f4f4 !important;
    color: #000 !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .18), 0 2px 5px 0 rgba(0, 0, 0, .15) !important;
}

#menuNotificacoes+.dropdown-menu>.dropdown-item>span.dropdown-icon {
    padding-right: 10px;
    font-size: 15px;
    display: flex;
    align-items: center;
}

#menuNotificacoes+.dropdown-menu>.dropdown-item>span.dropdown-text {
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal;
    padding-bottom: 0px;
}

/*CHAT*/
.inbox_people {
    background: #f8f8f8;
    float: left;
    overflow: hidden;
    width: 35%;
    border-right: 1px solid #c4c4c4;
    height: 100%;
    display: flex;
    flex-flow: column;
}

.inbox_msg {
    border: 1px solid #c4c4c4;
    clear: both;
    overflow: hidden;
    height: calc(100vh - 110px);
    position: relative;
}

.mesgs {
    float: left;
    padding: 0px;
    width: 65%;
    background: white;
    height: 100%;
    overflow: hidden;
    position: relative;
}

@media (max-width: 800px) {
    #btnChats {
        display: inline-block !important;
    }

    .inbox_people {
        position: absolute;
        width: 100%;
        z-index: 1;
        transition: all ease-in-out 150ms;
        left: 0px;
    }

    .inbox_people.open-chat {
        left: -100% !important;
    }

    .mesgs {
        position: absolute;
        width: 100%;
    }
}

.top_spac {
    margin: 20px 0 0;
}

.srch_bar {
    display: flex;
    text-align: right;
    width: 100%;
    position: relative;
}

.headind_srch {
    padding: 10px 0px 10px 0px;
    overflow: hidden;
    background: white;
    border-bottom: 1px solid #c4c4c4;
    display: flex;
    flex-flow: row;
}

.headind_srch .md-form {
    margin-bottom: 0px;
}

.headind_srch .md-form input {
    text-transform: none !important;
}

.recent_heading h4 {
    color: #05728f;
    font-size: 21px;
    margin: auto;
}

.srch_bar input {
    border: 1px solid #cdcdcd;
    border-width: 0 0 1px 0;
    width: 80%;
    padding: 2px 0 4px 6px;
    background: none;
}

.srch_bar .input-group-addon button {
    background: rgba(0, 0, 0, 0);
    border: medium none;
    padding: 0;
    color: #707070;
    font-size: 18px;
}

.srch_bar .input-group-addon {
    margin: 0 0 0 -27px;
}

.srch_bar .input_msg_write {
    flex: 1 auto;
}

.srch_bar>.btn_chat {
    width: 30px;
    height: 30px;
    flex: 1 0 30px;
    position: relative;
}

.chat_img {
    float: left;
    width: 11%;
}

.chat_ib {
    float: left;
    padding: 0px;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.chat_ib .chat_header,
.chat_ib .chat_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.chat_ib .chat_person_name {
    font-size: 12px;
    font-weight: 500;
    color: #464646;
    margin: 0 0 3px 0;
    position: relative;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat_ib .chat_date {
    font-size: 10px;
    float: right;
    margin: 0 0 3px 0;
}

.chat_ib .chat_last_msg {
    font-size: 14px;
    color: #989898;
    margin: 0px 3px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal;
    flex: 1 100%;
}

.chat_people {
    overflow: hidden;
    clear: both;
}

.chat_list {
    cursor: pointer;
    background: white;
    border-bottom: 1px solid #c4c4c4;
    margin: 0;
    padding: 10px 8px 5px;
}

.inbox_chat {
    height: 100%;
    overflow-y: hidden;
}

.inbox_chat #chats {
    height: 100%;
    overflow: auto;
}

.chat_list.active_chat {
    background: #efefef;
}

.incoming_msg_img {
    display: inline-block;
    width: 6%;
}

.received_msg {
    display: inline-block;
    padding: 0 0 0 10px;
    vertical-align: top;
    width: 60%;
    max-width: 350px;
}

.received_withd_msg {
    width: 100%;
}

.received_withd_msg p {
    background: #ebebeb;
    border-radius: 3px;
    color: #646464;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
    margin-bottom: 5px;
    border: 1px solid #ddd;
}

.time_date {
    color: inherit;
    display: block;
    text-align: right;
    font-size: 10px;
    margin: 0px;
}

.sent_msg p {
    background: #05728f;
    border-radius: 3px;
    font-size: 14px;
    margin: 0;
    color: #fff;
    padding: 5px 10px 5px 12px;
    width: 100%;
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.15);
    margin-bottom: 5px;
    border: 1px solid #02556b;
}

.sent_msg {
    float: right;
    width: 60%;
    max-width: 350px;
    padding-right: 10px;
}

.outgoing_msg,
.incoming_msg {
    overflow: hidden;
    margin: 3px 0px;
}

.input_msg_write {
    background: white;
    position: relative;
    width: 100% !important;
    display: flex;
    flex-flow: row nowrap;
    margin: 0px;
    padding: 0px;
    align-items: center;
}

.input_msg_write input {
    background: rgba(0, 0, 0, 0);
    border: medium none;
    color: #4c4c4c;
    /*font-size: 13px;*/
    text-transform: none;
    height: 1.8rem;
    flex: 1;
    margin-left: 10px !important;
    width: auto !important;
    max-width: calc(100% - 80px) !important;
}

@media(max-width: 545px) {
    .input_msg_write input::placeholder {
        line-height: 1.8rem !important;
    }
}

.type_msg {
    position: relative;
}

.btn_chat {
    background: #05728f;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    height: 30px;
    position: relative;
    right: 0;
    width: 30px;
    max-width: 30px;
    min-width: 30px;
    margin: 0px 5px;
}

#btnSearchClear {
    left: 5px;
    background: none;
    color: #05728f;
    font-size: 18px;
    position: absolute;
}

#new_chat_btn {
    margin: 0px;
    background: none;
    color: #05728f;
    font-size: 18px;
}

#searchChat {
    padding-left: 25px !important;
}

.messaging {
    padding: 0px;
}

.msg_history {
    height: calc(100% - 100px);
    overflow-y: auto;
    position: relative;
}

.badge.badge-message {
    background: #05728f;
}

.badge.badge-message.badge-pill {
    box-shadow: none;
}

.mesgs .badge.badge-message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-weight: 300;
}

.mesgs .badge.badge-date {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: #ebebeb;
    border-radius: 3px;
    color: #646464;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #ddd;
}

.msg_history,
.inbox_chat,
.inbox_chat * {
    scrollbar-color: rgba(0, 0, 0, .2) hsla(0, 0%, 100%, .1);
    scrollbar-width: thin;
}

.msg_history::-webkit-scrollbar,
.inbox_chat::-webkit-scrollbar,
.inbox_chat *::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}

.msg_history::-webkit-scrollbar-thumb,
.inbox_chat::-webkit-scrollbar-thumb,
.inbox_chat *::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
}

.msg_history::-webkit-scrollbar-track,
.inbox_chat::-webkit-scrollbar-track,
.inbox_chat *::-webkit-scrollbar-track {
    background: hsla(0, 0%, 100%, .1);
}

.mesgs-bg {
    background: url('../img/patternChat.png');
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.08;
    filter: hue-rotate(-100deg);
}

.msg_chat_name {
    border-bottom: solid 1px #bdbdbd;
    font-size: 15px;
    padding: 12px;
    position: relative;
    z-index: 1;
    background: white;
    display: flex;
    flex-flow: row nowrap;
}

.msg_chat_name .chat_name {
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal;
}

#result-search-chat {
    height: 100%;
    overflow: auto;
    background: #f8f8f8f8;
}

/*FIM CHAT*/

.navbar.navbar-dark #formBuscaCliente {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    margin-right: 15px;
}

.navbar.navbar-dark #formBuscaCliente .md-form {
    margin: 0px;
    width: 380px
}

.navbar.navbar-dark #formBuscaCliente .buscaCliente::placeholder {
    color: #868e96;
    opacity: 1;
    font-size: 13px;
}

.navbar.navbar-dark #formBuscaCliente .buscaCliente {
    color: #495057;
    height: 28px;
    margin: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-size: 13px;
}

.navbar.navbar-dark #formBuscaCliente button {
    height: 30px;
    margin: 0px;
}

.weather-card .card-title {
    white-space: nowrap
}

.select2.select2-container.select2-container--default {
    width: auto !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #bdbdbd;
    height: 42px;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #bdbdbd;
    outline: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
    font-size: .8rem;
    outline: 0;
    color: #212529;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
}

.select2-search__field {
    text-transform: none !important;
}

.select2-search__field::placeholder {
    color: #999;
    opacity: 1;
    font-size: .8rem
}

.select2-container--default .select2-search--inline .select2-search__field,
.select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 0px !important;
    outline: none !important;
    font-size: .9rem;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block !important;
    min-height: 42px !important;
    max-height: 100px !important;
    overflow-y: auto !important;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 10px !important;
    font-size: .9rem;
}

.select2-results {
    font-size: .9rem;
}

.ClassCenterTexto {
    vertical-align: middle !important;
}

.switch {
    position: relative !important;
    display: inline-block !important;
    width: 60px !important;
    height: 34px !important;
}

.switch input[type="checkbox"] {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.switch .switch-label {
    position: absolute !important;
    top: 40% !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: gray !important;
    border-radius: 34px !important;
    cursor: pointer !important;
    transition: background-color 0.2s !important;
}

.switch .switch-label:before {
    content: "" !important;
    position: absolute !important;
    top: -2px !important;
    left: 0px !important;
    width: 25px !important;
    height: 25px !important;
    background-color: white !important;
    border-radius: 50% !important;
    transition: transform 0.2s !important;
}

.switch input[type="checkbox"]:checked+.switch-label {
    background-color: #2196F3 !important;
}

.switch input[type="checkbox"]:checked+.switch-label:before {
    transform: translateX(34px) !important;
    border: 2px solid #33b5e5 !important;
}