/* ******************* */
/* COLOR SCEHEME */
/* ******************* */

:root {

    /* --blue-1: #73caef;
    --blue-2: #3a87d3;
    --blue-3: #d4f2ff;
    --blue-4: #0072ff; */

    --blue-1: #0071e3;
    --blue-2: #ececec;
    --blue-3: #ececec;
    --blue-4: #ececec;

    --blue-5: #2196f3;

    --green-1: #d4efd5;
    --green-2: #d4efd5;
    --text-success: #0a3622;

    --red-1: #ffd2d2;
    --red-2: #f26060;
    --text-danger: #58151c;

    --gray-1: #f5f5f5;
    --gray-2: #7f9595;
    --gray-3: #666666;
    --gray-4: #333333;
}

/* ******************* */
/* BOOTSTRAP OVERRIDES */
/* ******************* */

.progress-bar.bg-info {
    background-color: var(--blue-1) !important;
}

.dot {
    background-color: var(--blue-2);
    color: #333;
}

/* .dot::after {
    border: 1px solid var(--blue-1);
} */

a,
.mention-link {
    color: var(--blue-1);
}

.page-link {
    color: #333;
}

.page-link.disabled {
    color: lightgray;
}

td i.fa-user-nurse {
    color: --blue-1
}

.active>.page-link,
.page-link.active {
    background-color: var(--blue-3);
    ;
    border-left-color: var(--blue-3);
    ;
    border-right-color: var(--blue-3);
    ;
    border-top-color: var(--bs-border-color);
    border-bottom-color: var(--bs-border-color);
    color: #333;
}

.form-check-input:checked+.form-check-label:before {
    color: var(--blue-1);
}

.form-check-input:checked {
    background-color: var(--blue-1);
    border-color: var(--blue-1);
}

.alert-success {

    --bs-alert-bg: var(--green-1);
    --bs-alert-border-color: var(--green-2);
}

.alert-danger {

    --bs-alert-bg: var(--red-1);
    --bs-alert-border-color: var(--red-2);
}

.alert-info {
    --bs-alert-bg: var(--blue-6);
}

.text-bg-secondary {

    background-color: var(--blue-3) !important;
    color: #055160 !important;
}

.text-bg-success {

    background-color: var(--green-1) !important;
    color: green !important;
}

.text-bg-danger {

    background-color: var(--red-1) !important;
    color: #dc3545 !important;
}

.text-bg-warning {
    background-color: #f2d296 !important;
    color: #a56b01 !important;
}

.text-bg-default {
    background-color: #ececec;
    color: #333;
    border: 1px solid #ececec;
}

.toast-header {
    background-color: transparent;
    border: none;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {

    --bs-form-invalid-border-color: #f26060;
}

.form-control.is-valid,
.was-validated .form-control:valid {

    --bs-form-valid-border-color: #60d394;
}

.stack-item .form-control.is-valid,
.was-validated .stack-item .form-control:valid {
    border-color: #dee2e6 !important;
}

.form-control:focus {
    border-color: #dee2e6;
}

.stack-item .form-check.is-valid,
.was-validated .stack-item .form-check:valid {
    border-color: #dee2e6 !important;
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #333;
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: #dee2e6;
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: var(--blue-1) !important;
    border-color: #dee2e6 !important;
}

:focus,
:focus-visible,
input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible,
button:focus,
button:focus-visible,
a:focus,
a:focus-visible {

    outline: none !important;
    box-shadow: none !important;
}

[readonly] {

    color: #7f9595;
    background-color: #f9f9fa;
}

::placeholder,
.placeholder :not(:valid)::-webkit-datetime-edit-fields-wrapper {
    color: gray;
}

.btn-primary {

    /* color: white !important; */
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--blue-1);
    --bs-btn-border-color: var(--blue-1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--blue-5);

    --bs-btn-hover-border-color: var(--blue-5);

    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--blue-1);

    --bs-btn-active-border-color: var(--blue-1);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ececec;
    --bs-btn-disabled-bg: var(--blue-5);
    ;
    --bs-btn-disabled-border-color: var(--blue-5);
    ;
    border-color: transparent !important;
}

.btn-secondary {

    color: #333 !important;
    --bs-btn-color: #333;
    --bs-btn-bg: var(--blue-3);
    ;
    --bs-btn-border-color: var(--blue-3);
    ;
    --bs-btn-hover-color: var(--blue-3);
    ;
    --bs-btn-hover-bg: var(--blue-3);
    --bs-btn-hover-border-color: var(--blue-3);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #333;
    --bs-btn-active-bg: var(--blue-3);
    --bs-btn-active-border-color: var(--blue-3);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ececec;
    --bs-btn-disabled-bg: #A0E9FF;
    --bs-btn-disabled-border-color: #A0E9FF;
    border-color: transparent !important;
}

.btn-default {

    color: 333 !important;
    --bs-btn-color: #333;
    --bs-btn-bg: #ececec;
    --bs-btn-border-color: #ececec;
    --bs-btn-hover-color: #333;
    --bs-btn-hover-bg: var(--gray-1);
    --bs-btn-hover-border-color: #ececec;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #333;
    --bs-btn-active-bg: #ececec;
    --bs-btn-active-border-color: #ececec;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ececec;
    --bs-btn-disabled-bg: #ececec;
    --bs-btn-disabled-border-color: #ececec;
    border-color: transparent !important;
}

.btn-info {
    color: var(--bs-heading-color);
    background-color: var(--blue-3);
    ;
    border-color: var(--blue-3);
    ;
}

.widget thead {
    display: none;
}

.widget tbody {
    border-color: transparent;
}

th {
    color: #7f9595 !important;
}

.table>:not(caption)>*>* {
    background-color: transparent !important;
}

.table-hover>tbody>tr:hover>* {
    --bs-table-bg-state: #f9f9fa !important;
}

.table-group-divider {
    border-color: #ececec;
}

.accordion-item:last-of-type>.accordion-collapse {
    border: none !important
}

.accordion-button {
    background-color: white !important;
    color: #333333 !important;
    box-shadow: none !important;
}

.container-app-menu .active,
.settings-menu .active {
    background-color: var(--blue-3) !important;
}

.settings-menu .active i {
    color: var(--blue-1);
}

.container-app-menu .container-menu-item:hover {

    background-color: var(--blue-3) !important;
}

.container-app-menu .active i {
    color: var(--blue-1);
}


.bg-gray {
    background-color: #f9f9fa !important;
}

.bg-white {
    background-color: white !important;
}

.border-gray {
    border: 1px solid #ececec !important;
}

.card {
    background-color: #f9f9fa !important;
    border-color: transparent !important;
}

.card-header {
    background-color: transparent;
    border-color: transparent;
}

[data-component="app_timeline"] {
    background-color: #f9f9fa !important;
}

[data-component="app_timeline"] .timeline {
    border-color: var(--blue-3) !important;
}

[data-component="app_timeline"] .card {
    border-radius: 5px !important;
}

[data-component="app_timeline"] .card-body-content {
    background-color: white;
}


[data-component="app_timeline"] .card,
[data-component="app_timeline"] .card-header,
[data-component="app_timeline"] .card-body,
[data-component="app_timeline"] .card-footer {

    background-color: white !important;
    border-top: none;
}

[data-component="app_timeline"] .card-header {
    border-bottom: 1px solid #ececec;
}

[data-component="app_timeline"] .card-footer {
    background-color: #f9f9fa !important;
}

.modal [data-component="app_timeline_item"] .card-footer {
    background-color: trasnparent;
}

[data-component="today"] table thead th {
    background-color: #f9f9fa !important;
}

.card-pointer {
    color: white;
}

.card-pointer-to {
    color: #ececec;
}

.text-bg-success {
    border: 1px solid var(--green-2) !important;
}

.placeholder {
    background-color: #ececec;
    opacity: 1;
}

.pill-group {
    background-color: white;
}

.pill-slider {
    background-color: var(--blue-3);
    ;
}


.send-button {
    color: var(--blue-1);
}

.mention-dropdown div:hover,
.mention-dropdown .selected,
.type-ahead-dropdown div:hover,
.type-ahead-dropdown .selected {
    background-color: #f5f5f5;
}

/* ******************* */
/* CUSTOM  */
/* ******************* */

body,
.header a,
.header-on-page a {

    color: #333333;
}

.header .btn-primary {

    color: white;
}

.dropdown-menu table a {
    color: var(--blue-1) !important;
}

.container-app-menu a,
.settings-menu a {
    color: #333333;
}

.text-gray {

    color: #7f9595 !important;
}

.fa-star {

    color: #fed800;
}

.container-view-sign-in {
    background: #ececec4f;
}

.header {

    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(5.8px);
    -webkit-backdrop-filter: blur(5.8px);
    border-bottom: 1px solid white;
}

.container-logo {

    background-color: #ececec;
}

.footer,
.footer .input-group input,
.footer .input-group .btn,
.footer a {

    color: white;
}

.text-gradient {

    font-weight: bold;
    /* background: linear-gradient(to right, var(--blue-4), #0dcaf0); */
    background: linear-gradient(to right, #73caef, #0071e3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.modal .card {
    background-color: white !important;
}




.fc .fc-button-primary {
    background-color: #ececec;
    border-color: #ececec;
    color: #333;
    font-size: 12px;
}

.fc-toolbar-title {
    color: #333;
}

.fc-view a {
    color: #7f9595 !important;
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    background-color: var(--blue-3);
    ;
    border-color: var(--blue-3);
    ;
    color: #333;
    border-bottom: 1px solid var(--blue-1);
}

.fc .fc-button-primary:hover {

    background-color: var(--blue-1);
    border-color: var(--blue-1);
    color: #333;
}

.cr-boundary {
    background-color: black;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--blue-1);
}