/**
 * Vars
 * Body
 * Topnav
 * Breadcrumb
 * Tabela filtros
 * Card
 * Login
 * Paginação
 * Dropdown
 * Tabs
 * Forms
 * Tree menu list
 * Custom collapse
 * Duallistbox
 */
:root {
    --lightblue: #3c8dbc;
}

/* *********************************** */
/* Body  */
/* *********************************** */
a {
    color: var(--lightblue);
}
.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;
}
blockquote h6 {
    font-size: 1.05rem;
}
.fw-bold {
    font-weight: bold;
}
.text-uppercase {
    text-transform: uppercase;
}
.mt-4 {
    margin-top: 1.5rem;
}
.mb-4 {
    margin-bottom: 1.5rem;
}
.text-center {
    text-align: center;
}

/* *********************************** */
/* Topnav  */
/* *********************************** */
.main-header .user-header {
    background-color: var(--lightblue);
    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(--lightblue);
    font-size: 0.9rem;
}
.breadcrumb li {
    padding-left: .5rem;
}
.breadcrumb li::before {
    display: inline-block;
    padding-right: .5rem;
    color: var(--lightblue);
    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(--lightblue);
    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(--lightblue);
}
.pagination li.active {
    background-color: var(--lightblue);
}
.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(--lightblue);
}
.pane-body {
    padding: 1rem!important;
}
.nav-tabs .nav-item {
    margin-bottom: -2px;
}

/* *********************************** */
/* Forms  */
/* *********************************** */
label {
    font-weight: 500;
    margin-bottom: .25rem;
}
.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;
}
.custom-file.custom-file-sm,
.custom-file-input.custom-file-input-sm,
.custom-file-label.custom-file-label-sm {
    height: calc(1.8125rem + 2px);
}
.custom-file-label.custom-file-label-sm::after {
    height: calc(1.8125rem);
}
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='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='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;
}

/* tree menu list */
.content-menu-treeview .list-group-item {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0;
    margin-bottom: 5px;
    padding: .25rem 5px;
}
.content-menu-treeview .list-group-item.has-children:hover {
    cursor: pointer;
}
.content-menu-treeview .list-group-item:hover {
    border: 1px solid rgba(0,0,0,.225);
}
.content-menu-treeview .list-group-item:focus,
.content-menu-treeview .list-group-item:hover,
.content-menu-treeview .list-group-item.has-children:not(.collapsed) {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}
.content-menu-treeview .item-collapse {
    margin-left: 1.25rem;
}
.content-menu-treeview .item-label i {
    width: 25px;
    line-height: 1.5;
    text-align: center;
    margin-left: -5px;
    transition: -webkit-transform ease-in-out .3s;
    transition: transform ease-in-out .3s;
    transition: transform ease-in-out .3s,-webkit-transform ease-in-out .3s;
}
.content-menu-treeview .list-group-item.has-children:not(.collapsed) .item-label i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.mceEditor td.mceIframeContainer iframe {
    max-width: 100% !important;
}
.mceEditor table {
    max-width: 100% !important;
}

/* ***************************
  SELECT2
*************************** */
select.form-control-sm~.select2-container--default {
    font-size: .775rem;
}

/* ***************************
  CUSTOM COLLAPSE
*************************** */
.cs-collapse > .checkbox {
    margin-top: -5px;
}
.cs-collapse > .checkbox:first-child {
    margin-top: 0;
}
.cs-collapse .cs-collapse-checkbox {
    margin: -7px 0 7px 8px;
    padding-left: 11px;
    border-left: 2px solid #0e76a8;
}
.cs-collapse .cs-collapse-checkbox > div:first-child {
    padding-top: 5px;
}
/* ***************************
    CUSTOM COLLAPSE
*************************** */
.bootstrap-duallistbox-container .btn-outline-secondary,
.bootstrap-duallistbox-container select {
    border-color: #ced4da;
    color: #495057;
}