:root {
    --cor-primaria: #6BC18E;
}

body.dark .layout-px-spacing, .layout-px-spacing {
    min-height: calc(100vh - 155px) !important;
}

.header-container {
    background: var(--cor-primaria);
}

.btn-secondary {
    color: #fff !important;
    background-color: var(--cor-primaria) !important;
    border-color: var(--cor-primaria);
    box-shadow: 0 10px 20px -10px rgba(107, 193, 142, 0.59);
}

.btn-secondary:hover, .btn-secondary:focus {
    color: #fff !important;
    background-color: var(--cor-primaria) !important;
    box-shadow: none;
    border-color: var(--cor-primaria) !important;
}

.text-primary {
    color: var(--cor-primaria) !important;
}

.form-check.form-check-primary .form-check-input:checked {
    background-color: var(--cor-primaria);
    border-color: var(--cor-primaria);
}

.form-control:focus {
    box-shadow: none;
    border-color: var(--cor-primaria);
    color: #3b3f5c;
    background-color: #fff;
}

.btn-primary {
    color: #fff !important;
    background-color: var(--cor-primaria) !important;
    border-color: var(--cor-primaria);
    box-shadow: 0 10px 20px -10px rgba(107, 193, 142, 0.59);
}

.btn-primary:hover, .btn-primary:focus {
    color: #fff !important;
    background-color: var(--cor-primaria) !important;
    box-shadow: none;
    border-color: var(--cor-primaria) !important;
}

#sidebar ul.menu-categories li.menu.active > .dropdown-toggle[aria-expanded=true] {
    background: var(--cor-primaria);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: 6px;
}

.modal-content {
  background: #ffffff;
}


.focus .ts-control {
    border-color: var(--cor-primaria)!important;
    box-shadow: 0 0 0 .25rem rgba(107, 193, 142, .25)!important;
    outline: 0;
}


.table:not(.dataTable) tbody tr td svg {
    width: 17px;
    height: 17px;
    vertical-align: text-top;
    color: #fff;
    stroke-width: 1.5;
}


.active>.page-link, .page-link.active {
    z-index: 3;
    color: white;
    background-color: var(--cor-primaria)!important;
    border-color: var(--cor-primaria)!important;
}

.page-item .page-link:hover {
    background: rgba(107, 193, 142, 0.59);
    color: white;
}