:root {
    --primary-color: #32A2AD;
    --primary-light: #96CED7;
    --color-secondary: #F7BD02;
    
    --grey-color: rgb(90, 90, 90);
    --grey-color-disabled: #bbbbbb;

    --table-header: var(--primary-color);


}

body {
    color: black;
}

input.error {
    border-color: red;
}
.error {
    color: red;
}

table {
    text-align: center;
}

.table th, .table td {
    text-align: center;
}
table {
    text-align: center;
}
th, td { 
    vertical-align: middle !important; 
    white-space: nowrap;
}

div.dataTables_filter[id*="_filter"] {
    display: none !important;
}

.btn-add {
    cursor: pointer;
    font-size: 1.2em;
}

i.bg-radious {
    color: white;
}
.bg-radious {
    background-color: teal;
    border-radius: 50px;
    padding: 5px 8px 5px 8px;
}

ul.parsley-errors-list {
    margin-bottom: auto;
}

.ui-pnotify-title {
    font-size: 1.2em;
}

.btn-edit {
    font-size: 1.5em;
    cursor: pointer;
    color: var(--grey-color);
}
.btn-delete {
    font-size: 1.5em;
    cursor: pointer;
    color: var(--grey-color);
}
.btn-delete-not-enable {
    font-size: 1.5em;
    cursor: not-allowed;
    color: var(--grey-color-disabled);
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    border-color: var(--grey-color-disabled);
    background-color: var(--grey-color-disabled);
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    border-color: #3f888f;
    background-color: #3f888f;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgb(126 169 173 / 25%);
}

thead {
    background-color: var(--table-header);
    color: white;
}

.bg-card-header {
    background-color: var(--table-header);
    color: white;
}


.dataTables_paginate a {
    background-color: white !important;
}

.table.dataTable {
    border-collapse: collapse !important;
}

/* Button colors */
.btn-info {
    background-color: var(--primary-color);
}

.btn-outline-warning {
    color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: white;
}

.btn-outline-warning:hover{
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: white;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary-color);
}

.nav.side-menu>li.current-page, .nav.side-menu>li.active {
    border-right: 5px solid white;
}
.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm {
    border-right: 5px solid white;
}

.left_col {
    background: var(--primary-color);
}
.nav.side-menu>li.active>a {
    text-shadow: rgb(0 0 0 / 25%) 0 -1px 0;
    background: linear-gradient(
        var(--color-secondary), 
        var(--color-secondary)
    ),
    white;
    box-shadow: rgb(0 0 0 / 25%) 0 1px 0, inset rgb(255 255 255 / 16%) 0 1px 0;
}

.nav.side-menu>li>a, .nav.child_menu>li>a {
    color: white;
}

.page-title, .nav.toggle {
    color: var(--primary-color);
}


.select2-container--default .select2-selection--single .select2-selection__rendered,.select2.select2-container.select2-container--default.select2-container--below {
    color: #495057;
    font-size: 1rem;
}
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-results {
    font-size: 1rem;

}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.fa-change {
    cursor: pointer;
    font-size: 0.9rem;
}

.fa-size {
    cursor: pointer;
    font-size: 1rem;
}

.select2-container--default {
    width: 100% !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.select2-selection.select2-selection--single.parsley-error {
    border: 1px solid red;
    background-color: #faedec;
}
.reject, .badge-danger {
    background-color: #FAEDEC !important;
}

.waitng, .badge-warning {
    background-color: #FEF3CD !important;
}

.acepted, .badge-success {
    background-color: #D4EDDA !important;
}

.potential, .badge-primary {
    background-color: #CCE5FF !important;
}

ul.bar_tabs {
    background: transparent;
}
ul.bar_tabs>li a {
    background-color: var(--primary-light);
    color: white;
}

.nav>li>a:hover {
    background-color: var(--primary-light);
    color: white;
}

.nav>li>a:hover, .nav>li>a:focus {
    border-color: transparent !important;
}

.nav-tabs .nav-link.active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: black !important;
}

.badge-applicant {
    font-size: 0.7rem;
}

.fa-arrow-size {
    font-size: 2rem;
}

.dotted-border {
    border-style: dotted;
}

.form-rounded {
    border-radius: 1rem;
}


.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e9ecef;
}

.img-radio {
    width: 50%;
    margin-bottom: 20px;
}

.table-condensed th {
    background-color: white;
    color: black;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--primary-color);
}

.fa-export {
    font-size: 22px;
}