@import url("/css/color.css");
@import url("/css/fonts.css");

table{
    width: 100% !important;
    margin: 0;
}

.body-backgroud {
    background: linear-gradient(180deg, rgba(128, 195, 66, 0.1) 0%, rgba(128, 195, 66, 0) 100%);
}

.header-title {
    color: var(--verde-escuro);
    font-weight: 600;
}

.content-header .breadcrumb-item:not(.active) a{
    color: var(--verde-escuro) !important;
    font-weight: 400;
    text-decoration: underline !important;
}

body .btn {
    font-size: 13px !important;
    grid-gap: 5px !important;
}

.table-responsive .dataTables_filter{
    display: flex;
    gap: 0.2rem;
    flex-direction: row;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.card .card-header{
    box-shadow: 0 2px 4px 0 #00000013;
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-body::after, .card-footer::after, .card-header::after {
    display: none !important;
}

.accordion .btn-link {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: nowrap;
    gap: 15px;
    color: var(--cinza-escuro);
    font-size: 1rem !important;
}

.accordion {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
}

.accordion .card-header{
    padding: 5px 0 5px 15px;
}

.accordion .card{
    margin: 0;
}

.accordion .accordion-list{
    margin: 0;
    padding: 0;
}

.accordion .accordion-list .list-group-item{
    border: 0;
    border-bottom: 1px solid var(--cinza-claro);
    border-top: 1px solid var(--cinza-claro);

}

.accordion .accordion-list .list-group-item a{
    color: var(--verde-escuro);
}

.accordion .card-body.accordion-body{
    padding: 0;
}

.query-builder{
    width: 100%;
}

.query-builder .rules-group-header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start;
}

.query-builder .rules-group-container {
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
}

.no-wrap {
    flex-wrap: nowrap !important;
}

.input-group-append .form-control{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ux-expandir-info.btn-default:not(.active):after{
    font-weight: 600;
    content: '\f0da';
    font-size: 10px;
    font-family: 'Font Awesome 5 Free', serif;
    color: #6C757D;
}

.ux-expandir-info.btn-default.active:after{
    font-weight: 600;
    content: '\f0d7';
    font-size: 10px;
    font-family: 'Font Awesome 5 Free', serif;
    color: #6C757D;
}

.gap-10 span span {
    margin-right: 10px;
}

.caixa-entrada-card-header {
    margin-right: 10px;
}

.caixa-entrada-card-header .nav-item a.active{
    border-bottom: 4px solid var(--verde-medio);
    background-color: transparent !important;
    color: var(--verde-medio);
    border-radius: 0;
}

.caixa-entrada-card-header .nav-item a:hover{
    border-bottom: 4px solid var(--verde-escuro);
    color: var(--verde-escuro) !important;
    border-radius: 0;
}

.caixa-entrada-card-header .dropleft .dropdown-toggle:before{
     display: none !important;
}


.card-header .nav-pills .nav-link.active{
    border-bottom: 4px solid var(--verde-medio);
    color: var(--verde-medio);
    border-radius: 0;
}

.card-header .nav-pills .nav-link:hover{
    border-bottom: 4px solid var(--verde-escuro);
    color: var(--verde-escuro) !important;
    border-radius: 0;
}

.form-group .details{
    color: #6C757D;
    font-size: 1rem;
    margin-top: 1rem !important;
    padding: .5rem !important;
    display: flex;
}

.small-details{
    color: #6C757D;
    font-size: 1rem;
    padding: .2rem !important;
    display: flex;
}

.form-group .details i{
    margin-right: 1rem;
    margin-top: 0.3rem;
}

.form-group .details p{
    padding: 0;
    margin: 0;
}

.card-header .nav-pills .nav-link li{
    padding: .75rem 1.25rem !important;
}

.form-group .nav-pills .nav-item a{
    background-color: var(--verde-medio);
    color: white;
    border-radius: 0;
}

.form-group .nav-pills .nav-item:first-child a{
    background-color: var(--verde-medio);
    color: white;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.form-group .nav-pills .nav-item:last-child a{
    background-color: var(--verde-medio);
    color: white;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.form-group .nav-pills .nav-item a.active{
    background-color: var(--verde-escuro) !important;
    color: white;
}

.form-group .nav-pills .nav-item a:hover{
    background-color: var(--verde-escuro) !important;
    color: white;
}

.btn.btn-new-secondary {
    background-color: var(--verde-claro) !important;
    color: var(--verde-escuro) !important;
    border-color: var(--verde-claro) !important;
}

.btn.btn-new-secondary:hover {
    background-color: var(--verde-medio) !important;
    color: white !important;
    border-color: var(--verde-medio) !important;
}

.no-card-footer{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 5px;
}

.file-photo .kv-file-content {
    width: 100% !important;
}

.label{
    font-weight: 400 !important;
}

.ui-sortable-home .card{
    height: fit-content !important;
}

.ui-sortable-home .card-header{
    box-shadow: none;
    padding: 0.50rem 0;
    display: flex;
    justify-content: end;
    gap: 5px;
}

.ui-sortable-home {
    display: flex !important;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}

.ui-1 {
    flex: 0 0 8.33%;
    flex-grow: 1
}

.ui-2 {
    flex: 0 0 16.67%;
    flex-grow: 1
}

.ui-3 {
    flex: 0 0 25%;
    flex-grow: 1
}

.ui-4 {
    flex: 0 0 33.33%;
    flex-grow: 1
}

.ui-5 {
    flex: 0 0 41.67%;
    flex-grow: 1
}

.ui-6 {
    flex: 0 0 50%;
    flex-grow: 1
}

.ui-7 {
    flex: 0 0 58.33%;
    flex-grow: 1
}

.ui-8 {
    flex: 0 0 66.67%;
    flex-grow: 1
}

.ui-9 {
    flex: 0 0 75%;
    flex-grow: 1
}

.ui-10 {
    flex: 0 0 83.33%;
    flex-grow: 1
}

.ui-11 {
    flex: 0 0 91.67%;
    flex-grow: 1
}

.ui-12 {
    flex: 0 0 100%;
    flex-grow: 1
}

.input-group-prepend .select2-selection.select2-selection--single{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.nav-pills .main-sidebar-name{
    width: 2rem;
    height: 2rem;
}

.nav-pills .user-panel{
    cursor: pointer;
}

.nav-pills .user-panel:hover{
    background-color: var(--cinza-claro);
}