/**
 * Vars
 * Body
 * Topnav
 * Breadcrumb
 * Tabela filtros
 * Card
 * Login
 * Paginação
 * Dropdown
 * Tabs
 * Forms
 */
:root {
    --green-dark: #04751d;
    --olive: #3d9970;
}

/* *********************************** */
/* Body  */
/* *********************************** */
body {
    font-size: 14px;
}
a {
    color: var(--green);
}
a:hover {
    color: var(--green-dark);
}
.hidden {
    display: none;
}
.w-85 {
    width: 85%!important
}
.user-panel img {
    background-color: var(--white);
}
.btn-tool {
    padding: .25rem .15rem;
}
@media (min-width: 1024px) {
    .table-responsive {
        overflow: inherit;
    }
}
.border-left-2 {
    border-left: .4em solid;
}

/* *********************************** */
/* Topnav  */
/* *********************************** */
.main-header {
    padding: 0;
}
.main-header .navbar-nav {
    padding: .5rem .5rem;
}
.main-header .navbar-nav.ml-auto {
    padding: 0;
}
.main-header .navbar-nav.ml-auto .nav-link {
    height: 3.45rem;
    line-height: 2.3rem;
}
.main-header .navbar-nav.ml-auto .nav-link:hover {
    background-color: rgba(0,0,0,0.1);
}
.main-header .user-header {
    background-color: var(--olive);
    color: var(--white);
}
.main-header .user-header img {
    max-height: 70px;
    border: 3px solid;
    border-color: rgba(255,255,255,0.1);
}

/* *********************************** */
/* Breadcrumb  */
/* *********************************** */
.breadcrumb a i {
    font-size: 0.8rem;
}
.breadcrumb a {
    color: var(--gray);
    font-size: 0.9rem;
}
.breadcrumb li {
    padding-left: .5rem;
}
.breadcrumb li::before {
    display: inline-block;
    padding-right: .5rem;
    color: var(--gray);
    content: "/";
}
.breadcrumb li:first-of-type::before {
    padding: 0;
    content: "";
}

/* *********************************** */
/* Tabela de filtros  */
/* *********************************** */
div.input label,
div.input-data label,
label.custom-control-label {
    font-weight: 500 !important;
}
div.input label a {
    color: var(--green);
    font-size: 0.95rem;
}
div.input label a span.fa-stack {
    width: 1.2em;
    height: 0.7em;
    line-height: 0.7em;
    font-size: 0.8rem;
}

/* *********************************** */
/* Card  */
/* *********************************** */
.card-title i {
    font-size: 0.95rem;
}
.card-body.p-0 .table thead>tr>th:first-of-type,
.card-body.p-0 .table tbody>tr>td:first-of-type {
    padding-left: 0.5rem;
}
.card-body.table-responsive {
    overflow: inherit;
}
.card-header {
    padding: .75rem 1.25rem 0.2rem 0.75rem;
}

/* *********************************** */
/* Login  */
/* *********************************** */
.login-box, .register-box {
    width: 342px;
}

/* *********************************** */
/* Paginação  */
/* *********************************** */
.paginate {
    font-size: 0.9rem;
}
.pagination a {
    color: var(--green);
}
.pagination li.active {
    background-color: var(--green);
}
.pagination li.active a {
    font-weight: 700;
    color: var(--white);
}
#records_per_page {
    max-width: 65px;
}

/* *********************************** */
/* Dropdown  */
/* *********************************** */
.dropdown-menu {
    font-size: 0.9rem;
    padding: .35rem;
}
.dropdown-item {
    padding: 0;
}
.dropdown-item a {
    color: var(--gray-dark);
    padding: 0.15rem
}
.dropdown-item a:hover {
    border-radius: 3px;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(--gray);
    border-radius: 3px;
}
.dropdown-item.active a, .dropdown-item:active a {
    color: var(--white);
}

/* *********************************** */
/* Tabs  */
/* *********************************** */
.card-tools .nav-tabs .nav-item a:not(.active):hover {
    border-bottom: 0;
}
.card-tools .nav-tabs .nav-item.show .nav-link,
.card-tools .nav-tabs .nav-link.active {
    border-top: 2px solid var(--green);
}
.pane-body {
    padding: 1rem!important;
}

/* *********************************** */
/* Forms  */
/* *********************************** */
label {
    font-weight: 500;
}
.input-checkbox label,
.input.checkbox label {
    margin: 0;
    margin-bottom: .25rem;
    margin-left: .5rem;;
}
.form-check {
    padding: 0;
}
.form-check-input {
    position: relative;
    margin: 0;
}
.form-footer {
    padding: .75rem 1rem;
    background-color: rgba(0,0,0,.03);
    border-top: 0 solid rgba(0,0,0,.125);
}
.form-footer:last-child {
    border-radius: 0 0 calc(.25rem - 0) calc(.25rem - 0);
}
.error-message {
    color: var(--red);
}
.custom-select-sm {
    font-size: .875rem;
}
input.error-message,
textarea.error-message,
select.error-message {
    border-color: var(--red);
}
input.valid,
textarea.valid,
select.valid {
    border-color: var(--success);
}
input.error-message:focus {
    border-color: var(--red);
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
}
input.error-message {
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/></svg>");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
select.error-message {
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/></svg>") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem);
}
select.error-message:focus {
    border-color: var(--red);
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
}
input.valid {
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
select.valid {
    border-color: var(--success);
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem);
}
select.valid:focus {
    border-color: var(--success);
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,.25);
}
input.valid:focus,
textarea.valid:focus,
select.valid:focus {
    border-color: var(--success);
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,.25);
}
.card-body.p-0 .datepicker .table thead>tr>th:first-of-type,
.card-body.p-0 .datepicker .table tbody>tr>td:first-of-type {
    padding-left: 0.5rem;
}
.card-body.p-0 .datepicker .table thead>tr>th:last-of-type,
.card-body.p-0 .datepicker .table tbody>tr>td:last-of-type {
    padding-right: 0.5rem;
}