:root {
    --project-primary: #0f326e;
    --project-primary-hover: #0d2c63;
    --project-primary-active: #0a234f;
    --project-primary-soft: #d9e3f2;
}

.selected,
.bg-celula,
.bg-celula-suave {
    background-color: var(--project-primary) !important;
    color: #fff !important;
}

table > thead,
.label-primary,
.badge-primary,
.bg-primary {
    background-color: var(--project-primary) !important;
    border-color: var(--project-primary) !important;
    color: #fff !important;
}

.card.card-primary > .card-header,
.modal .modal-header,
md-dialog md-toolbar,
md-dialog md-toolbar .md-toolbar-tools {
    background-color: var(--project-primary) !important;
    border-color: var(--project-primary) !important;
    color: #fff !important;
}

.panel-heading,
.panel-primary > .panel-heading {
    background-color: transparent !important;
    border-color: transparent !important;
    color: inherit !important;
}

table > thead th,
table > thead td,
table > thead th *,
table > thead td *,
.card.card-primary > .card-header,
.card.card-primary > .card-header *,
.cardHeader,
.cardHeader *,
.modal .modal-header,
.modal .modal-header *,
md-dialog md-toolbar,
md-dialog md-toolbar *,
md-dialog md-toolbar .md-toolbar-tools,
md-dialog md-toolbar .md-toolbar-tools * {
    color: #fff !important;
}

table > thead .btn,
table > thead .btn *,
.card.card-primary > .card-header .btn,
.card.card-primary > .card-header .btn *,
.cardHeader .btn,
.cardHeader .btn *,
.modal .modal-header .btn,
.modal .modal-header .btn *,
md-dialog md-toolbar .md-button,
md-dialog md-toolbar .md-button * {
    color: #fff !important;
}

table > thead .btn.btn-primary-outline,
.card.card-primary > .card-header .btn.btn-primary-outline,
.cardHeader .btn.btn-primary-outline,
.modal .modal-header .btn.btn-primary-outline,
table > thead .btn.btn_primary_outline,
.card.card-primary > .card-header .btn.btn_primary_outline,
.cardHeader .btn.btn_primary_outline,
.modal .modal-header .btn.btn_primary_outline {
    border-color: #fff !important;
}

.text-primary,
a,
a:hover,
a:focus {
    color: var(--project-primary);
}

.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.open > .btn.btn-primary.dropdown-toggle,
.btn.btn-primary.disabled,
.btn.btn-primary:disabled {
    color: #fff !important;
    background-color: var(--project-primary) !important;
    border-color: var(--project-primary) !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.open > .btn.btn-primary.dropdown-toggle {
    background-color: var(--project-primary-hover) !important;
    border-color: var(--project-primary-hover) !important;
}

.btn.btn-primary:active:hover,
.btn.btn-primary:active:focus,
.btn.btn-primary:active.focus,
.btn.btn-primary.active:hover,
.btn.btn-primary.active:focus,
.btn.btn-primary.active.focus,
.open > .btn.btn-primary.dropdown-toggle:hover,
.open > .btn.btn-primary.dropdown-toggle:focus,
.open > .btn.btn-primary.dropdown-toggle.focus {
    background-color: var(--project-primary-active) !important;
    border-color: var(--project-primary-active) !important;
}

.btn.btn-primary-outline,
.btn.btn_primary_outline {
    color: var(--project-primary) !important;
    background-image: none;
    background-color: transparent !important;
    border-color: var(--project-primary) !important;
}

.btn.btn-primary-outline:hover,
.btn.btn-primary-outline:focus,
.btn.btn-primary-outline.focus,
.btn.btn-primary-outline:active,
.btn.btn-primary-outline.active,
.open > .btn.btn-primary-outline.dropdown-toggle,
.btn.btn_primary_outline:hover,
.btn.btn_primary_outline:focus,
.btn.btn_primary_outline.focus,
.btn.btn_primary_outline:active,
.btn.btn_primary_outline.active,
.open > .btn.btn_primary_outline.dropdown-toggle {
    color: #fff !important;
    background-color: var(--project-primary) !important;
    border-color: var(--project-primary) !important;
}

.btn.btn-primary-outline:active:hover,
.btn.btn-primary-outline:active:focus,
.btn.btn-primary-outline:active.focus,
.btn.btn-primary-outline.active:hover,
.btn.btn-primary-outline.active:focus,
.btn.btn-primary-outline.active.focus,
.open > .btn.btn-primary-outline.dropdown-toggle:hover,
.open > .btn.btn-primary-outline.dropdown-toggle:focus,
.open > .btn.btn-primary-outline.dropdown-toggle.focus,
.btn.btn_primary_outline:active:hover,
.btn.btn_primary_outline:active:focus,
.btn.btn_primary_outline:active.focus,
.btn.btn_primary_outline.active:hover,
.btn.btn_primary_outline.active:focus,
.btn.btn_primary_outline.active.focus,
.open > .btn.btn_primary_outline.dropdown-toggle:hover,
.open > .btn.btn_primary_outline.dropdown-toggle:focus,
.open > .btn.btn_primary_outline.dropdown-toggle.focus {
    background-color: var(--project-primary-active) !important;
    border-color: var(--project-primary-active) !important;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    border-radius: 0;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: var(--project-primary) !important;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--project-primary-hover) !important;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: var(--project-primary) !important;
}

html,
body,
.main-wrapper,
.sidebar .sidebar-container {
    scrollbar-color: var(--project-primary) #eef2f6;
    scrollbar-width: thin;
}