:root {
    --main-dark-blue-color: rgb(0, 30, 80);
    --main-light-gray-color: #CACBCF;
    --main-gray-color: #8F98A0;
    --main-orange-color: #F18001;
    --main-green-color: #009999;
    --default-brightness: 85%;
}

body {
    font-family: Verdana, sans-serif;
    background: white;
    color: black;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, sans-serif;
}

.panel-title > a {
    font-family: Verdana, sans-serif;
}

.breadcrumb {
    /*background: #003a70;*/
    background: var(--main-dark-blue-color)!important;
}

.crumbs .breadcrumb {
    color: white;
}

.crumbs li a, .crumbs li.active {
    color: white;
}

.crumbs li.active {
    display: none;
}

.wdgt-header {
    background: var(--main-dark-blue-color)!important;
    color: white!important;
}

.wdgt-body {
    color: black;
    border: 1px solid var(--main-dark-blue-color);
}

.wdgt-table {
    overflow: scroll;
}

.dataTables_wrapper {
    overflow-x: scroll;
}

.dataTables_paginate ul.pagination > li > a, .dataTables_paginate ul.pagination > li > span {
    color: black;
}

.dataTables_filter > input {
    color: black !important;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    /*background-color: #dcdcdc;*/
    background-color: #e3e3e3;
}

.table>thead>tr>th.success, .table>thead>tr>th.success, .table>thead>tr>td.success, .table>tbody>tr>td.success {
    background-color: var(--main-gray-color);
    filter: brightness(110%);
}

.table {
    border: 1px solid var(--main-dark-blue-color);
 }

.active-stage {
    font-weight: bold;
    background-color: #E5E6E5;
}

th:first-letter {
    text-transform: uppercase;
}

div.questionnaire-menu.active {
    background-color: var(--main-dark-blue-color)!important;
    color: white!important;
}

div.questionnaire-menu.active div.panel-heading {
    color: white!important;
}

div.questionnaire-menu div.panel-heading {
    background-color: inherit!important;
    border-left: none;
    color: black!important;
}

.done-success {
    border-bottom: 6px solid var(--main-green-color);
}

.done-danger {
    border-bottom: 6px solid #C68D85;
}

.btn-send {
    padding: 8px 16px !important;
}

input[type="date"] {
    padding: 0px 12px 6px 12px;
}

@supports (not (-moz-appearance: none)) {
    input[type="date"] {
        padding-top: 6px;
    }
}

#other-aspect-section-add {
    margin-top: 10px;
}

.table-fixed {
    table-layout: fixed;
}

.save_all, .save_all_evaluated, .discard_evaluated, .discard, .hidden_input_evaluate, .hidden_input_edit, .edit_metric, .edit_schedule, .edit_all, .hidden_th {
    display: none;
}

.text-wrap {
    overflow-wrap: break-word;
}

.hidden-export-btns, .btn-competences-hidden, .btn-other-aspects-copy {
    display: none;
}

.no-margin-form-li {
    margin-top: 0 !important;
}

.red-tooltip {
    background-color: #DF6F6C !important;
}

.d-none {
    display: none;
}

.hov .dropdown-menu a:hover {
    color: #000000;
}

.m-r-20 {
    margin-right: 20px;
}

.p-l-20 {
    padding-left: 20px;
}

#hide_menu:hover {
    cursor: pointer;
}

.logs-toggle:hover, .percentage-scale-toggle:hover {
    cursor: pointer;
}

.bg-gray {
    background-color: #D9D9D9;
}

.form-control {
    color: black;
}

.cursor-pointer {
    cursor: pointer;
}

.color-orange {
    color: var(--main-orange-color);
}

.color-dark-gray {
    color: darkgray;
}

.hov .con {
    color: var(--main-dark-blue-color);
}

.hov .con:hover, .hov .con:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    color: var(--main-dark-blue-color);
}

.btn-primary {
    background-color: var(--main-gray-color);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary[disabled] {
    background-color: var(--main-gray-color);
    border-color: var(--main-gray-color);
    filter: brightness(var(--default-brightness));
}

.btn-success {
    background-color: var(--main-green-color);
}

.alert-success {
    background-color: var(--main-green-color);
    color: white;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success[disabled] {
    background-color: var(--main-green-color);
    border-color: var(--main-green-color);
    filter: brightness(var(--default-brightness));
}

.panel {
    background-color: var(--main-light-gray-color);
}

.sidebar .accordion-heading a {
    background-color: var(--main-light-gray-color);
}

.sidebar .accordion-body a {
    background-color: var(--main-light-gray-color);
    filter: brightness(var(--default-brightness));
}

.sidebar .accordion a {
    color: black;
}

.bootstrap-dialog.type-success .modal-header, .bootstrap-dialog.type-default .modal-header, .bootstrap-dialog.type-primary .modal-header {
    background-color: var(--main-dark-blue-color) !important;
}

.bootstrap-dialog.type-default .bootstrap-dialog-title,.bootstrap-dialog.type-primary .bootstrap-dialog-title, .bootstrap-dialog.type-success .modal-header  {
    color: white;
}

button.close {
    color: white;
}

@media (max-width: 992px) {
    .sbtn > span.full, .sbtn > span.caret, .typeahead, #search-icon {
        display: inline;
    }
}

.btn-blue {
    background-color: var(--main-dark-blue-color);
    color: white;
}

.contain > .login > .login-box > .log-logo {
    background: none;
}

.contain > .login > .login-box label {
    color: black;
}

.gritter-success {
    background: var(--main-green-color);
    color: white;
}

.oa-to-evaluate {
    background-color: var(--main-gray-color);
    filter: brightness(110%);
}

.align-middle {
    vertical-align: middle!important;
}

.hidden-evaluation-header-year, .hidden-evaluation-section-year {
    display: none;
}

.d-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.justify-content-space-around {
    justify-content: space-around;
}

.align-items-center {
    align-items: center;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.dropzone {
    min-height: initial;
    padding: 0;
}

.dropzone .dz-message {
    margin: 1em 0;
}

.dropzone.dz-started .dz-message {
    display: block;
}

.dropzone .dz-preview {
    display: none;
}