:root {
    --template1: #0f766e;
    --template2: #115e59;
    --template3: #14b8a6;
    --primary-bg-color: #0f766e;
    --primary-bg-hover: #0c5e58;
    --primary-bg-border: #0c5e58;
}

body {
    background-color: #f4f7fb;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    margin-right: 8px;
    cursor: pointer;
}

#mensagem-recuperar {
    color: var(--template1) !important;
    font-size: 13px;
}

.ocultar {
    display: none;
}

.text-verde {
    color: #0e9e29;
}

.textareag {
    width: 1000px;
    height: 550px;
}

.font-size-11 {
    font-size: 11px !important;
}

.main-sidemenu,
.app-sidebar,
.main-sidebar-header,
.main-header {
    background-color: #0f172a !important;
}

.side-menu .slide .side-menu__item:hover {
    background-color: #1e293b;
}

.slide-menu {
    border-left: 4px solid var(--template3);
    background-color: #0f172a !important;
    color: #ffffff;
}

.side-menu__item a {
    background-color: transparent;
    color: #ffffff;
}

.side-menu__item:hover .side-menu__icon,
.side-menu__item:hover .side-menu__label,
.side-menu__item:hover .angle {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.slide-item.active,
.slide-item:hover,
.slide-item:focus {
    text-decoration: none;
    color: var(--template3) !important;
}

.slide-item .app-sidebar .slide-menu .slide-item:before:hover,
.slide.is-expanded .slide-menu a:hover:before {
    color: var(--template3) !important;
}

.slide:hover .side-menu__label,
.slide:hover .angle {
    color: #fff !important;
    fill: #fff !important;
}

.header-icon-svgs {
    color: #ffffff;
    fill: #ffffff;
}

.app-sidebar .side-item.side-item-category {
    color: #94a3b8;
}

.card.custom-card {
    border: 1px solid #e6ecf5;
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.05);
}

.card .card-header {
    border-bottom: 1px solid #edf2f8;
}

.modal-content {
    border: 1px solid #e8edf5;
    border-radius: 14px;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.18);
}

.modal-header.bg-primary,
.bg-primary {
    background-color: var(--template1) !important;
}

.btn {
    border-radius: 9px;
    font-weight: 500;
}

.btn-primary {
    background-color: var(--template1) !important;
    border-color: var(--template1) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--template2) !important;
    border-color: var(--template2) !important;
}

.btn-primary-light {
    color: var(--template2) !important;
    background-color: rgba(15, 118, 110, 0.12) !important;
    border-color: rgba(15, 118, 110, 0.2) !important;
}

.btn-info-light,
.btn-success-light,
.btn-danger-light {
    border-radius: 8px;
}

.form-control,
.form-select {
    border-radius: 8px;
    border-color: #d7e0ed;
}

.form-control:focus,
.form-select:focus {
    border-color: #8fd5ce;
    box-shadow: 0 0 0 0.2rem rgba(15, 118, 110, 0.15);
}

.select2-selection__rendered {
    font-weight: 500;
    line-height: 35px !important;
    border-radius: 7px !important;
    border: 1px solid #c9c7c7;
}

.select2-container .select2-selection--single {
    height: 39px !important;
}

.select2-selection__arrow {
    height: 38px !important;
}

hr.separador {
    border: 1px dotted #8a96ab;
    border-radius: 5px;
}

.table > thead > tr > th {
    background: #f1f5fb;
    color: #334155;
    border-color: #dde5f0;
}

.table > tbody > tr > td {
    border-color: #e6edf6;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    color: #64748b;
    font-size: 13px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--template1) !important;
    border-color: var(--template1) !important;
    color: #fff !important;
}

.badge.bg-warning {
    color: #1f2937 !important;
}

.laranja,
.bg-orange {
    background: var(--template1) !important;
    color: #fff !important;
}

.text-laranja,
.text-orange,
.tx-orange {
    color: var(--template1) !important;
}