body.c-light-theme {
    background-color: #f5f5f5 !important;
}

body.c-dark-theme {
    background-color: #000000 !important;
}

    body.c-light-theme .c-main, body.c-dark-theme .c-main {
        padding-top: 0 !important;
    }

.container-fluid {
    margin: 1.5rem 0 !important;
}

.c-subheader {
    margin-bottom: 2rem;
}

.c-dark-theme .c-header {
    border-bottom: 1px solid #181924;
}

.c-light-theme .c-sidebar {
    background-color: #01204e !important;
    border-right: 1px solid #cccccc !important;
}

    .c-light-theme .c-sidebar .c-sidebar-brand {
        background-color: #ffffff !important;
    }

    .c-light-theme .c-sidebar .c-sidebar-header {
        background-color: #01204e !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    }

.c-dark-theme .c-sidebar {
    border-right: 1px solid #56565d !important;
}

    .c-dark-theme .c-sidebar .c-sidebar-brand {
        background-color: #56565d !important;
    }

    .c-dark-theme .c-sidebar .c-sidebar-header {
        background-color: #2c2c34 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    }

.c-sidebar-nav-icon {
    height: initial !important;
}

.breadcrumb {
    padding: 1rem !important;
}

.c-light-theme .card-header, .c-light-theme .card-footer {
    background-color: #ffffff !important;
}

.card-header {
    font-weight: bold;
    line-height: 2.2rem;
}

.table {
    margin-bottom: 0 !important;
}

    .table th, .table td {
        vertical-align: middle;
    }

.c-light-theme .table th {
    background-color: #ffffff !important;
    color: #6e7582 !important;
}

    .c-light-theme .table th a {
        color: #6e7582 !important;
    }

        .c-light-theme .table th a:hover {
            text-decoration: underline;
        }

.c-light-theme .table td a {
    color: #6e7582 !important;
}

    .c-light-theme .table td a:hover {
        color: #e55353 !important;
    }

.remover-borda th {
    border-top: none !important;
}

.c-light-theme .page-text {
    border-bottom: 1px solid #c4c9d0 !important;
    border-top: 1px solid #c4c9d0 !important;
    border-right: 1px solid #c4c9d0 !important;
    padding: 0.45rem 0.75rem 0.4rem 0.75rem;
    line-height: 35px;
}

.c-light-theme .pagination li:nth-last-child(2) span.page-text {
    border-right: none !important;
}

.c-dark-theme .page-item.disabled .page-link {
    background-color: #31313a !important;
}

.c-dark-theme .page-text {
    background-color: #31313a !important;
    border-bottom: 1px solid #181924 !important;
    border-top: 1px solid #181924 !important;
    border-right: 1px solid #181924 !important;
    padding: 0.45rem 0.75rem;
    line-height: 35px;
}

.c-dark-theme .pagination li:nth-last-child(2) span.page-text {
    border-right: none !important;
}

.c-light-theme .c-sidebar.c-sidebar-minimized .c-sidebar-nav > .c-sidebar-nav-dropdown > .c-sidebar-nav-dropdown-items {
    background: #011a3e !important;
}


.c-light-theme .c-sidebar.c-sidebar-minimized .c-sidebar-nav > .c-sidebar-nav-dropdown:hover {
    background: #b99e65 !important;
}

.form-group label {
    color: #3c4b64;
    font-weight: bold !important;
}

.c-light-theme .form-control {
    border-color: #cccccc !important;
}

.req {
    color: #e55353 !important;
}

.c-sidebar-nav-link, .c-sidebar-nav-dropdown {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.avatar {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 50%;
    display: inline-block;
    background: #ced4da no-repeat center/cover;
    position: relative;
    text-align: center;
    color: #868e96;
    font-weight: 600;
    vertical-align: bottom;
    font-size: .875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .avatar i {
        font-size: 100%;
        vertical-align: middle;
        margin-top: -3px;
    }

.avatar-status {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: .75rem;
    height: .75rem;
    border: 2px solid #fff;
    background: #868e96;
    border-radius: 50%;
}

.avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .75rem;
}

.avatar-md {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1rem;
}

.avatar-lg {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.25rem;
}

.avatar-xl {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.75rem;
}

.avatar-xxl {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 2rem;
}

.avatar-xxxl {
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    font-size: 2.5rem;
}

.avatar-xxxxl {
    width: 7rem;
    height: 7rem;
    line-height: 7rem;
    font-size: 3rem;
}

.avatar-xxxxxl {
    width: 8rem;
    height: 8rem;
    line-height: 8rem;
    font-size: 3.5rem;
}

.avatar-6xl {
    width: 8rem;
    height: 8rem;
    line-height: 8rem;
    font-size: 3.5rem;
}

.avatar-7xl {
    width: 9rem;
    height: 9rem;
    line-height: 9rem;
    font-size: 4rem;
}


.avatar-8xl {
    width: 10rem;
    height: 10rem;
    line-height: 10rem;
    font-size: 5rem;
}


.avatar-9xl {
    width: 11rem;
    height: 11rem;
    line-height: 11rem;
    font-size: 6rem;
}

.avatar-10xl {
    width: 12rem;
    height: 12rem;
    line-height: 12rem;
    font-size: 7rem;
}


.c-light-theme .autocomplete-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0 0;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: #01204e;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border-radius: 0.25rem;
    width: 200%;
}

.c-light-theme .autocomplete-item {
    border-bottom: 1px solid #cccccc;
    padding: 0.75rem;
}

.c-dark-theme .autocomplete-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0 0;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: #ffffff;
    text-align: left;
    list-style: none;
    background-color: #37373e;
    background-clip: padding-box;
    border: 1px solid #181924;
    border-radius: 0.25rem;
    width: 200%;
}

.c-dark-theme .autocomplete-item {
    border-bottom: 1px solid #181924;
    padding: 0.75rem;
}

    .c-dark-theme .autocomplete-item a {
        color: #b99e65;
    }

.c-light-theme .c-header .c-header-toggler {
    background-color: #f1f1f1 !important;
    border-right: 1px solid #cccccc !important;
    border-radius: 0 !important;
}

.c-dark-theme .c-header .c-header-toggler {
    background-color: #37373e !important;
    border-right: 1px solid #56565d !important;
    border-radius: 0 !important;
}

.c-light-theme .form-control:focus {
    border-color: #3c4b64 !important;
    box-shadow: none;
}

.c-dark-theme .form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(185,158,101, 0.1) !important;
}

@media (hover: hover), (-ms-high-contrast: none) {
    .c-light-theme .c-sidebar .c-sidebar-nav-link:hover, .c-light-theme .c-sidebar .c-sidebar-nav-dropdown-toggle:hover {
        background-color: #b99e65 !important;
    }
}

@media (min-width: 992px) {
    .c-app:not(.c-legacy-theme):not(.c-dark-theme) .c-sidebar.c-sidebar-lg-show.c-sidebar-fixed, .c-app:not(.c-legacy-theme):not(.c-dark-theme) .c-sidebar.c-sidebar-show.c-sidebar-fixed {
        box-shadow: none !important;
    }
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
}

    .preloader .loader_34 {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        .preloader .loader_34 .ytp-spinner {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 64px;
            margin-left: -32px;
            z-index: 18;
            pointer-events: none;
        }

            .preloader .loader_34 .ytp-spinner .ytp-spinner-container {
                pointer-events: none;
                position: absolute;
                width: 100%;
                padding-bottom: 100%;
                top: 50%;
                left: 50%;
                margin-top: -50%;
                margin-left: -50%;
                -webkit-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
                -moz-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
                -o-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
                animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
            }

                .preloader .loader_34 .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
                    -moz-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
                    -o-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
                    animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
                }

                    .preloader .loader_34 .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-left {
                        position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        overflow: hidden;
                        right: 50%;
                    }

                    .preloader .loader_34 .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-right {
                        position: absolute;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        overflow: hidden;
                        left: 50%;
                    }

        .preloader .loader_34 .ytp-spinner-circle {
            box-sizing: border-box;
            position: absolute;
            width: 200%;
            height: 100%;
            border-style: solid;
            /* Spinner Color */
            border-color: #01204e #01204e #ffffff;
            border-radius: 50%;
            border-width: 6px;
        }

        .preloader .loader_34 .ytp-spinner-left .ytp-spinner-circle {
            left: 0;
            right: -100%;
            border-right-color: #cccccc;
            -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            -moz-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            -o-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
        }

        .preloader .loader_34 .ytp-spinner-right .ytp-spinner-circle {
            left: -100%;
            right: 0;
            border-left-color: #cccccc;
            -webkit-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            -moz-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            -o-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
        }

/* Preloader Animations */
@-webkit-keyframes ytp-spinner-linspin {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes ytp-spinner-linspin {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes ytp-spinner-easespin {
    12.5% {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    25% {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        -moz-transform: rotate(405deg);
        -ms-transform: rotate(405deg);
        -o-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    50% {
        -webkit-transform: rotate(540deg);
        -moz-transform: rotate(540deg);
        -ms-transform: rotate(540deg);
        -o-transform: rotate(540deg);
        transform: rotate(540deg);
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        -moz-transform: rotate(675deg);
        -ms-transform: rotate(675deg);
        -o-transform: rotate(675deg);
        transform: rotate(675deg);
    }

    75% {
        -webkit-transform: rotate(810deg);
        -moz-transform: rotate(810deg);
        -ms-transform: rotate(810deg);
        -o-transform: rotate(810deg);
        transform: rotate(810deg);
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        -moz-transform: rotate(945deg);
        -ms-transform: rotate(945deg);
        -o-transform: rotate(945deg);
        transform: rotate(945deg);
    }

    to {
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

@keyframes ytp-spinner-easespin {
    12.5% {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    25% {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        -moz-transform: rotate(405deg);
        -ms-transform: rotate(405deg);
        -o-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    50% {
        -webkit-transform: rotate(540deg);
        -moz-transform: rotate(540deg);
        -ms-transform: rotate(540deg);
        -o-transform: rotate(540deg);
        transform: rotate(540deg);
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        -moz-transform: rotate(675deg);
        -ms-transform: rotate(675deg);
        -o-transform: rotate(675deg);
        transform: rotate(675deg);
    }

    75% {
        -webkit-transform: rotate(810deg);
        -moz-transform: rotate(810deg);
        -ms-transform: rotate(810deg);
        -o-transform: rotate(810deg);
        transform: rotate(810deg);
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        -moz-transform: rotate(945deg);
        -ms-transform: rotate(945deg);
        -o-transform: rotate(945deg);
        transform: rotate(945deg);
    }

    to {
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

@-webkit-keyframes ytp-spinner-left-spin {
    0% {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@keyframes ytp-spinner-left-spin {
    0% {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@-webkit-keyframes ytp-right-spin {
    0% {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

@keyframes ytp-right-spin {
    0% {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}


.page-header {
    display: flex;
    align-items: center;
    min-height: 2.25rem;
    margin: 0 0 1.25rem;
    margin-bottom: 1rem;
}

    .page-header > * {
        flex: 1;
    }

.page-pretitle {
    font-size: 0.625rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1.6;
    color: #6e7582;
}

.page-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 400;
    color: inherit;
}

input[data-mask="email"], input[data-mask="site"] {
    text-transform: lowercase;
}

    input[data-mask="email"]::-webkit-input-placeholder, input[data-mask="site"]::-webkit-input-placeholder { /* WebKit browsers */
        text-transform: none;
    }

    input[data-mask="email"]:-moz-placeholder, input[data-mask="site"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        text-transform: none;
    }

    input[data-mask="email"]::-moz-placeholder, input[data-mask="site"]::-moz-placeholder { /* Mozilla Firefox 19+ */
        text-transform: none;
    }

    input[data-mask="email"]:-ms-input-placeholder, input[data-mask="site"]:-ms-input-placeholder { /* Internet Explorer 10+ */
        text-transform: none;
    }

    input[data-mask="email"]::placeholder, input[data-mask="site"]::placeholder { /* Recent browsers */
        text-transform: none;
    }

.c-icon-2xl {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 2.5rem;
}

.c-icon-3xl {
    width: 3rem;
    height: 3rem;
    font-size: 3rem;
}

.c-light-theme .bg-devolvido {
    background-color: #d6fcb4 !important;
    color: #000000 !important;
}

.c-dark-theme .bg-devolvido {
    background-color: #d6fcb4 !important;
    color: #ffffff !important;
}


.email-app {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #fff;
    border: 1px solid #c8ced3
}

    .email-app nav {
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        padding: 1rem;
        border-right: 1px solid #c8ced3
    }

        .email-app nav .btn-block {
            margin-bottom: 15px
        }

        .email-app nav .nav {
            -ms-flex-direction: column;
            flex-direction: column
        }

        .email-app nav .nav-item {
            position: relative
        }

        .email-app nav .nav-link {
            color: #23282c;
            border-bottom: 1px solid #c8ced3
        }

            .email-app nav .nav-link i {
                width: 20px;
                margin: 0 10px 0 0;
                font-size: 14px;
                text-align: center
            }

            .email-app nav .nav-link .badge {
                float: right;
                margin-top: 4px;
                margin-left: 10px
            }

    .email-app main {
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        padding: 1rem
    }

    .email-app .inbox .toolbar {
        padding-bottom: 1rem;
        border-bottom: 1px solid #c8ced3
    }

    .email-app .inbox .messages {
        padding: 0;
        list-style: none
    }

    .email-app .inbox .message {
        position: relative;
        padding: 1rem 1rem 1rem 2rem;
        cursor: pointer;
        border-bottom: 1px solid #c8ced3
    }

        .email-app .inbox .message:hover {
            background: #f0f3f5
        }

        .email-app .inbox .message .actions {
            position: absolute;
            left: 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .email-app .inbox .message .actions .action {
                width: 2rem;
                margin-bottom: .5rem;
                color: #c8ced3;
                text-align: center
            }

        .email-app .inbox .message a {
            color: #000
        }

            .email-app .inbox .message a:hover {
                text-decoration: none
            }

        .email-app .inbox .message.unread .header,
        .email-app .inbox .message.unread .title {
            font-weight: 700
        }

        .email-app .inbox .message .header {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
            flex-direction: row;
            margin-bottom: .5rem
        }

            .email-app .inbox .message .header .date {
                margin-left: auto
            }

        .email-app .inbox .message .title {
            /*margin-bottom: .5rem;*/
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .email-app .inbox .message .description {
            font-size: 12px
        }

    .email-app .message .toolbar {
        padding-bottom: 1rem;
        border-bottom: 1px solid #c8ced3
    }

    .email-app .message .details .title {
        padding: 1rem 0;
        font-weight: 700
    }

    .email-app .message .details .header {
        display: -ms-flexbox;
        display: flex;
        padding: 1rem 0;
        margin: 1rem 0;
        border-top: 1px solid #c8ced3;
        border-bottom: 1px solid #c8ced3
    }

        .email-app .message .details .header .avatar {
            width: 40px;
            height: 40px;
            margin-right: 1rem
        }

        .email-app .message .details .header .from {
            -ms-flex-item-align: center;
            align-self: center;
            font-size: 12px;
            color: #73818f
        }

            .email-app .message .details .header .from span {
                display: block;
                font-weight: 700
            }

        .email-app .message .details .header .date {
            margin-left: auto
        }

    .email-app .message .details .attachments {
        padding: 1rem 0;
        margin-bottom: 1rem;
        border-top: 3px solid #f0f3f5;
        border-bottom: 3px solid #f0f3f5
    }

        .email-app .message .details .attachments .attachment {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-item-align: center;
            align-self: center;
            margin: .5rem 0;
            font-size: 12px
        }

            .email-app .message .details .attachments .attachment .badge {
                margin: 0 .5rem;
                line-height: inherit
            }

            .email-app .message .details .attachments .attachment .menu {
                margin-left: auto
            }

                .email-app .message .details .attachments .attachment .menu a {
                    padding: 0 .5rem;
                    font-size: 14px;
                    color: #c8ced3
                }

@media(max-width:767.98px) {
    .email-app {
        -ms-flex-direction: column;
        flex-direction: column
    }

        .email-app nav {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }
}

@media(max-width:575.98px) {
    .email-app .message .header {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .email-app .message .header .date {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }
}


span.form-control {
    background-color: #e4e7ea;
    opacity: 1
}

.linhaLaranja {
    color: #000000 !important;
    background-color: #ffecb3 !important;
}

.expirado {
    color: #ffffff !important;
    background-color: #ff0000 !important;
}

.linhaVerde {
    color: #ffffff !important;
    background-color: #3FA300 !important;
}

.linhaAzulClaro {
    color: #000000 !important;
    background-color: #bfe6ec !important;
}

.linhaAzul {
    color: #ffffff !important;
    background-color: #3d8eb9 !important;
}

.perdoado {
    color: #000000 !important;
    background-color: #bada55 !important;
}

.linhaRoxa {
    color: #ffffff !important;
    background-color: #897FBA !important;
}

.linhaAmarela {
    color: #000000 !important;
    background-color: #FEC606 !important;
}

.timeline-item {
    padding: 3em 2em 2em;
    position: relative;
    color: #000000;
    border-left: 2px solid #000000;
}

    .timeline-item p {
        font-size: 1rem;
    }

    .timeline-item::before {
        content: attr(date-is);
        position: absolute;
        left: 2em;
        font-weight: bold;
        top: 1em;
        display: block;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: .785rem;
    }

    .timeline-item::after {
        width: 10px;
        height: 10px;
        display: block;
        top: 1em;
        position: absolute;
        left: -7px;
        border-radius: 10px;
        content: '';
        border: 2px solid #000000;
        background: white;
    }

#cardsInicio a, #cardsInicio a:hover {
    text-decoration: none;
}

#cardsInicio a {
    color: #ffffff;
}

.verde-claro {
    background: #99cc33;
}

    .verde-claro:hover {
        background: #89b72e;
    }

.amarelo {
    background: #ffc40d;
}

    .amarelo:hover {
        background: #e5b00c;
    }

.roxo {
    background: #603cba;
}

    .roxo:hover {
        background: #5636a7;
    }

.rosa {
    background: #ff0097;
}

    .rosa:hover {
        background: #e50088;
    }

.cyan {
    background: #00aba9;
}

    .cyan:hover {
        background: #009a98;
    }

.vermelho {
    background: #ee1111;
}

    .vermelho:hover {
        background: #d60f0f;
    }

.laranja {
    background: #da532c;
}

    .laranja:hover {
        background: #c44b28;
    }

.roxo-claro {
    background: #9f00a7;
}

    .roxo-claro:hover {
        background: #8f0096;
    }

.amarelo-escuro {
    background: #e3a21a;
}

    .amarelo-escuro:hover {
        background: #cc9117;
    }

.cinza {
    background: #01204e;
}

    .cinza:hover {
        background: #0a3c81;
    }

.verde-escuro {
    background: #1e7145;
}

    .verde-escuro:hover {
        background: #1b653e;
    }

.vermelho-claro {
    background: #b91d47;
}

    .vermelho-claro:hover {
        background: #a61a40;
    }

.azul-escuro {
    background: #2b5797;
}

    .azul-escuro:hover {
        background: #274e88;
    }

.verde {
    background: #00a300;
}

    .verde:hover {
        background: #2eb42e;
    }

.roxo-escuro {
    background: #7e3878;
}

    .roxo-escuro:hover {
        background: #7d5fc6;
    }

.azul {
    background: #2d89ef;
}

    .azul:hover {
        background: #539ef2;
    }

.cascade {
    background: #95A5A6;
}

    .cascade:hover {
        background: #ABB7B7;
    }

.azul-sincor {
    background: #01204e;
}

    .azul-sincor:hover {
        background: #0848a1;
    }

.vinho {
    background: #63393e;
}

    .vinho:hover {
        background: #6c3f44;
    }

.preto {
    background-color: #17202a;
}

    .preto:hover {
        background-color: #1C2833;
    }

.verde-neon {
    background-color: #4cf73c;
}

    .verde-neon:hover {
        background-color: rgba(76, 247, 60, 0.8);
    }

.petroleo {
    background-color: #567C73;
}

    .petroleo:hover {
        background-color: rgba(86, 124, 115, 0.8);
    }

.azul-bebe {
    background-color: #8333FF;
}

    .azul-bebe:hover {
        background-color: rgba(131, 51, 255, 0.8);
    }

.pessego {
    background-color: #E4B7A0;
}

    .pessego:hover {
        background-color: rgba(255, 229, 180, 0.8);
    }

.autocomplete-menu-new {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: #ffffff;
    text-align: left;
    list-style: none;
    background-color: #161616;
    background-clip: padding-box;
    border: 1px solid #161616;
    border-radius: 0.25rem;
    width: 100%;
}

a.autocomplete-item-new {
    color: #ffffff !important;
    display: block;
    padding: 1rem;
}

    a.autocomplete-item-new:hover {
        color: #F7C46C !important;
        text-decoration: none;
    }

.c-dark-theme .email-app nav {
    border-right: 1px solid #34353e;
}

.c-dark-theme .email-app {
    background: #24252f;
    border: 1px solid #34353e;
}

    .c-dark-theme .email-app nav .nav-link {
        color: #aaaaaf;
        border-bottom: 1px solid #34353e;
    }

.c-dark-theme .float {
    box-shadow: 2px 2px 3px #34353e;
}

.c-dark-theme .nav-tabs {
    border-color: #34353e;
}

.c-dark-theme .tab-content {
    border: 1px solid #34353e;
}

.c-dark-theme .nav-tabs .nav-link.active, .c-dark-theme .nav-tabs .nav-item.show .nav-link {
    color: #e1e1e1;
    background-color: #34353e;
    border-color: #34353e #34353e #34353e;
}

.c-dark-theme .border-top {
    border-top: 1px solid #34353e !important;
}

.c-dark-theme .border-bottom {
    border-bottom: 1px solid #34353e !important;
}

.c-dark-theme .border-left {
    border-left: 1px solid #34353e !important;
}

.c-dark-theme .border-right {
    border-right: 1px solid #34353e !important;
}

.c-dark-theme .card {
    background-color: #23242d;
    border-color: #34353e;
}

.c-dark-theme .card-header {
    background-color: #20202a;
    border-color: #34353e;
}

.c-dark-theme .card-footer {
    background-color: #20202a;
    border-color: #34353e;
}

.ordem-1 {
    order: 1;
}

.ordem-2 {
    order: 2;
}

.ordem-3 {
    order: 3;
}

.ordem-4 {
    order: 4;
}

.ordem-5 {
    order: 5;
}

.ordem-6 {
    order: 6;
}

.ordem-7 {
    order: 7;
}

.ordem-8 {
    order: 8;
}

.ordem-9 {
    order: 9;
}

.ordem-10 {
    order: 10;
}

.ordem-11 {
    order: 11;
}

.c-dark-theme .custom-select option {
    background-color: #393a42;
}

.uppercase {
    text-transform: uppercase !important;
}

.lowercase {
    text-transform: lowercase !important;
}

.acm {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0 0;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: #ffffff;
    text-align: left;
    list-style: none;
    background-color: #202124;
    background-clip: padding-box;
    border: 1px solid #3a3a3a;
    border-radius: 0.25rem;
    width: 100%;
}

.acm-mobile {
    left: 200px;
}

.acm-left {
    right: auto;
    left: 0;
}

.acm-right {
    right: 0;
    left: auto;
}

@media (min-width: 576px) {
    .acm-sm-left {
        right: auto;
        left: 0;
    }

    .acm-sm-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 768px) {
    .acm-md-left {
        right: auto;
        left: 0;
    }

    .acm-md-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 992px) {
    .acm-lg-left {
        right: auto;
        left: 0;
    }

    .acm-lg-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1200px) {
    .acm-xl-left {
        right: auto;
        left: 0;
    }

    .acm-xl-right {
        right: 0;
        left: auto;
    }
}

.acmi {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #ffffff;
    text-align: inherit;
    white-space: nowrap;
    background-color: #202124;
    border: 0;
}

    .acmi:first-child {
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px);
    }

    .acmi:last-child {
        border-bottom-right-radius: calc(0.25rem - 1px);
        border-bottom-left-radius: calc(0.25rem - 1px);
    }

    .acmi:hover, .acmi:focus {
        color: #ffffff;
        text-decoration: none;
        background-color: #3a4149;
    }

    .acmi.active, .acmi:active {
        color: #ffffff;
        text-decoration: none;
        background-color: #3a4149;
    }

    .acmi.disabled, .acmi:disabled {
        color: #cccccc;
        pointer-events: none;
        background-color: transparent;
    }

.acmi {
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #ffffff;
    line-height: 26px;
}

    .acmi:last-child {
        border-bottom: 0;
    }

    .acmi i {
        display: inline-block;
        width: 20px;
        margin-right: 10px;
        margin-left: -10px;
        color: #ffffff;
        text-align: center;
    }

    .acmi .badge {
        position: absolute;
        right: 10px;
        margin-top: 2px;
    }

    .acmi a.branco {
        color: #ffffff;
    }


.card-image {
    position: relative;
}

.image-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background: rgba(0, 0, 0, 0.5);
}

.card:hover .image-overlay {
    opacity: 1;
}

/*
.nav-tabs#abaCorretores {
    border-bottom: none;
}

    .nav-tabs#abaCorretores .nav-link {
        border:none;
        border-bottom: 2px solid transparent;
        border-radius: 0;
    }

    .nav-tabs#abaCorretores .nav-item {
        margin-bottom: 0
    }

        .nav-tabs#abaCorretores .nav-link.active, .nav-tabs#abaCorretores .nav-item.show .nav-link {
            color: #768192;
            background-color: #f5f5f5;
            border: none;
            border-bottom: 2px solid #321fdb;
        }

    .nav-tabs#abaCorretores .nav-link:hover, .nav-tabs#abaCorretores .nav-link:focus {
        border-bottom-color: #b99e65;
    }*/


.divide {
    position: relative;
    overflow: hidden;
    margin: 35px 0;
    color: #e5e5e5 !important;
    width: 100%;
}

    .divide:after {
        content: '';
        position: absolute;
        width: 100%;
        top: 11px;
        left: 30px;
        height: 0;
        border-top: 1px solid #eee;
    }


    .divide i {
        position: relative;
        width: 18px;
        height: 18px;
        line-height: 1;
        font-size: 18px !important;
        text-align: center;
    }

.card-accent {
    border-top: 2px solid #cccccc;
}

.card-accent-primary {
    border-top-color: #321fdb;
}

.card-accent-secondary {
    border-top-color: #9da5b1;
}

.card-accent-success {
    border-top-color: #2eb85c;
}

.card-accent-info {
    border-top-color: #3399ff;
}

.card-accent-warning {
    border-top-color: #f9b115;
}

.card-accent-danger {
    border-top-color: #e55353;
}

.card-accent-dark {
    border-top-color: #4f5d73;
}

.c-light-theme tr.table-header th, .c-light-theme tr.table-header td, .c-light-theme tr.table-footer th, .c-light-theme tr.table-footer td {
    background-color: #f5f5f5 !important;
}

.c-light-theme tr.table-row th, .c-light-theme tr.table-row td {
    background-color: #ffffff !important;
}

.c-light-theme tr.table-footer th, .c-light-theme tr.table-footer td {
    font-weight: bold;
    text-align: right;
}

.c-dark-theme tr.table-header th, .c-dark-theme tr.table-header td, .c-dark-theme tr.table-footer th, .c-dark-theme tr.table-footer td {
    background-color: #20202a !important;
}

.c-dark-theme tr.table-row th, .c-dark-theme tr.table-row td {
    background-color: #23242d !important;
}

.c-dark-theme tr.table-footer th, .c-dark-theme tr.table-footer td {
    font-weight: bold;
    text-align: right;
}