body {
    transition: visibility 0s, opacity 0.5s linear;
}

.btn-primary {
    color: #fff;
    background-color: #ea2d3a !important;
    border-color: #ea2d3a !important;
    -webkit-box-shadow: 0 2px 6px 0 #ea2d3a !important;
    box-shadow: 0 2px 6px 0 #ea2d3a !important;
}

.wrapper .leftside-menu {
    background: #DE1521 !important;
    z-index: 1003 !important;
}

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

.leftside-menu .logo {
    background: content-box !important;
}

/* .content-page{
    margin-left: 140px !important;
} */

/* .navbar-custom {
    left: 140px !important;
} */

/* .side-nav-item{
    text-align: center;
} */
.side-nav .side-nav-link i {
    margin: 0 !important;
    line-height: 25px !important;
    vertical-align: baseline !important;
}

.side-nav .side-nav-link {
    padding: 10px 20px 15px 25px !important
}

/* .leftside-menu{
    width: 147px !important;
} */
.logo {
    /* width: 140px !important; */
    background: #DE1521 !important;
}

.footer {
    left: 140px !important;
}

/* .side-nav-item span{
    font-size: 12px !important;
} */

.side-nav-item i {
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
    position: relative;
    top: 3px;
}

.side-nav-item a:hover {
    background-color: #CC141E !important;
}

.titulos-modal span {
    height: 25px;
    cursor: pointer;
}

.editar-botao input,
.editar-botao textarea {
    background: #7e7e7e2e;
    margin: 10px 0px;
}

.editar-botao button {
    height: 30px;
    padding: 0px 25px;
}

.editar-botao .row {
    display: none;
}

.btn-claro {
    background-color: #eeeeee !important;
    color: #343434 !important;
}

.btn-secondary {
    background-color: #343434 !important;
}

.modal-interno-atendimento-lead {
    margin: 5px 2%;
    padding: 25px !important;
    background: #FFF;
    border-radius: 5px;
}

@media (max-width: 991px) {
    .modal-interno-atendimento-lead {
        margin: 5px 0;
    }
}

.left {
    float: left;
}

.margin-bottom-padrao {
    margin-bottom: 10px;
}

.nav-tabs.nav-bordered li a.active {
    border-bottom: 2px solid #de1622 !important;
    color: #de1622;
}

.nav-item a:hover {
    color: #de1622;
}

/* Alterando posiçōes do dataTable */
.custom-search {
    float: left !important;
    margin-bottom: 15px;
    padding-top: 5px;
}

.custom-filter {
    float: left !important;
    margin-right: 20px;
    margin-bottom: 15px;
    padding-top: 5px;
}

.custom-pagination {
    margin-top: -20px !important;
}

#basic-datatable_wrapper>div.custom-pagination>div>ul li.paginate_button.page-item.active a {
    margin-top: -40px !important;
    background-color: #de1622;
    border-color: #de1622;
}



/* CSS relacionado as definiçōes de tela pequena */
@media (max-width: 767.98px) {
    .content .navbar-custom {
        padding-right: 20px;
    }

    .modal-with-responsive {
        width: 96% !important;
    }

    .side-nav-item-mobile {
        position: relative !important;
    }

    #qrcode {
        max-width: 300px !important;
    }

    .title-wpp-responsive {
        margin-left: -5px !important;
    }

    .btn-wpp-responsive {
        left: 60px !important;
    }

    .active-wpp-responsive {
        left: -25px !important;
    }

    .btn-custom-datatable {
        margin-bottom: 20px !important;
        width: 100%;
    }


}

/* Alterando botão de paginação */

.pagination-rounded>.active>.page-link {
    background-color: #00C49A !important;
    border-color: #00C49A !important;
}

.pagination-rounded>.active>.page-link.active {
    background-color: #00C49A !important;
    border-color: #00C49A !important;
}


/* CSS do checked */
input[data-switch]:checked+label:after {
    left: 48px !important;
}

.check-ativo-inativo {
    width: 70px !important;
}

.btn-custom-datatable {
    margin-bottom: 20px !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
    border-color: #de1622 !important;
    background-color: #de1622 !important;
}

.material-icons-18 {
    font-size: 18px;
}

.material-icons-24 {
    font-size: 24px;
}

.material-icons-36 {
    font-size: 36px;
}

.material-icons-48 {
    font-size: 48px;
}

input[data-switch]:checked+label {
    background-color: #00C49A !important;
}


/* Alterando cores do componente switch */

input[data-switch]:checked+label {
    background-color: #00C49A !important;
}

input[data-switch=bool]+label {
    background-color: #E03131 !important;
}

/* Alterando cores do componente switch */

.btn-success {
    color: #fff;
    border-color: #00C49A;
    background-color: #00C49A !important;
}

.btn-success:hover,
input[data-switch=bool]+label:hover,
input[data-switch]:checked+label:hover,
#basic-datatable_paginate>.pagination-rounded>li.paginate_button.page-item.active>a:hover {
    opacity: 0.9;
}

/* Alterando espaçamento dos icones de ação*/

.action-icon {
    margin-left: 10px;
    margin-right: 10px;
}

.page-link:focus {
    box-shadow: none !important;
}

/* .navbar-custom .topbar-menu {
    position: relative;
    list-style-type: none;
    margin-bottom: 0
} */

.leftside-menu .button-close-menu {
    position: absolute;
    right: 5px;
    z-index: 1;
    top: 0px;
    font-size: 18px;
    color: white;
}

.user-name {
    margin-top: 3px;
}

#form-filter{
	padding-top: 20px;
}

#form-filter h4{
	font-size: 26px;
}