/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.main-color, .main-color:visited, .main-color:focus, .main-color:active {
    background-color: #083378;
}

.main-color:hover {
    background-color: #566bb5;
}

.main-color-text {
    color: #00b1ad;
}

.lblue, .lblue:hover, .lblue:visited {
    background-color: #11B5E4;
}

.dred, .dred:hover, .dred:visited {
    background-color: #F21B3F;
}

.dgrey, .dgrey:visited {
    background-color: #9e9e9e;
}

.dgrey:hover {
    background-color: #6b6969;
}

.dgreen, .dgreen:hover, .dgreen:visited {
    background-color: #00807E;
}

.dyellow, .dyellow:hover, .dyellow:visited {
    background-color: #FFBA08;
}

.secondary-color {
    background-color: #58595b;
}

.warning-red, .warning-red:visited {
    background-color: #e65d5d;
}

.warning-red:hover {
    background-color: #d05555; 
}

.navy, .navy:hover, .navy:visited {
    background-color: #44869c;
}


.table td, .table th {
    padding: 5px 5px !important;
}

.card-content {
    padding: 10px 18px !important;
}

.card .cadastro {
    padding: 15px !important;
}

.section {
    padding: 1px 0px;
}

.switch {
    padding-top: 12px;
}

    .switch label input[type=checkbox]:checked + .lever {
        background-color: #4ae2df !important;
    }

input[type=checkbox]:checked + .lever:after {
    background-color: #00b1ad !important;
}

.pagination li {
    width: 20px;
    height: 20px;
    font-size: 12px;
}

.pagination li a {
    font-size: 12px;
    line-height: 20px;
}

.pagination li.active {
    margin-left: 5px;
    border: 1px solid;
}

.pagination .active span {
    color: #fff;
}

.datepicker-date-display {
    background-color: #566bb5;
}
/*.page-footer .footer-copyright {
    min-height: 25px;
    padding: 5px 0;
}*/

.footer-copyright .container span {
    font-size: 13px;
}

.tabs .tab a:hover, .tabs .tab a.active, .tabs .tab, .tabs .tab a {
    color: #00b1ad !important;
}

    .tabs .tab a.active, .tabs .tab a.active:hover, .tabs .tab a.active:active {
        background-color: #f0fffe !important;
    }

.tabs .indicator {
    background-color: #00b1ad !important;
}

.fc-button {
    background-color: #00b1ad !important;
}

.fc-event {
    background: rgba(0, 177, 173, 0.7) !important;
}

.status-badge span.badge {
    margin-left: 0px !important;
}

#current-balance-donut-chart {
    -webkit-filter: drop-shadow(0px 10px 4px rgba(133, 3, 168, .2)) !important;
}

.ct-series-a .ct-aar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
    stroke: #f6f6f6 !important;
}
/*
.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
    stroke: #00b1ad !important;
}*/

.ct-tooltip {
    background-color: rgba(0, 177, 173, 0.6) !important;
}

    .ct-tooltip:before {
        border-top-color: rgba(0, 177, 173, 0.6) !important;
    }

.campaign-card {
    overflow: visible;
    height: 500px;
}

.flex-direction-column {
    flex-direction: column;
}

.justify-content-center {
    justify-content: center;
}

.align-items-center {
    align-items: center;
}

.nps-list {
    display: flex;
    align-items: center;
    padding: 5px;
}

.nps-icon {
    font-size: 30px;
}

#npscalc {
    margin: 20px;
    width: 200px;
    height: 200px;
    position: relative;
}

.nps-calc {
    border-left: 1px solid #ccc;
}

.btn-group label {
    padding: 5px;
}

.btn-group label span {
    padding-left: 25px !important;
}

.btn-group [type='radio']:checked + span:after {
    background-color: #083378;
    border-color: #083378;
}

.img-preview {
    max-width: 200px;
    height: 30px;
    border: 1px solid #ccc;
}

.overflow-visible {
    overflow: visible;
}

@media screen and (max-width: 768px) {
    .campaign-card {
        height: 900px;
    }
    .sm-mb-10 {
        margin-bottom: 10% !important;
    }
    .sm-mb-20 {
        margin-bottom: 20% !important;
    }
    .sm-mt-10 {
        margin-top: 10% !important;
    }
    .sm-mt-5 {
        margin-top: 5% !important;
    }
    .sm-font-size {
        font-size: 12px !important;
    }
    .sm-mb-5 {
        margin-bottom: 5% !important;
    }

    .sm-font-size-13 {
        font-size: 13px;
    }

    .sm-text-center {
        text-align: center;
    }
    .sm-flex-direction-column {
        flex-direction: column;
    }
    .sm-justify-content-center {
        justify-content: center;
    }
    .sm-border-none {
        border: none;
    }
}

.brand-logo {
    padding: 11px 11px !important;
}

.table thead tr th {
    font-size: 16px;
}

.table tbody {
    font-size: 13px;
}

.width-5 {
    width: 5%;
}

#breadcrumbs-wrapper {
    background-color: #98b1db;
}

.modal {
    overflow-y: scroll;
    outline: unset;
}

.modal::-webkit-scrollbar-track {
    background-color: unset;
}

.modal::-webkit-scrollbar-button {
    background-color: white;
    border-radius: 3px;
}

.advice-modal-message {
    max-width: 350px;
    word-break: break-word;
    background-color: white;
    border-radius: 5px;
}

.advice-modal-answer {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}