/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!./assets/styles/app.css ***!
  \**************************************************************************************************************/
:root {
    --info-button: #B4656F !important;
    --info-hover: #df9ca5 !important;
    --primary-button: #437F97 !important;
    --primary-hover: #699aad !important;
}
body {
    font-family: Poppins,sans-serif;
    height: 100vh;
    background: #F6F3F0;
}
.nav-logo {
    width: 30%;
}
.login-container {
    height: 100vh;
}
.card {
    --bs-card-bg: rgba(255, 255, 255, 0.5);
}
.transparent {
    /*background-color: rgba(255, 255, 255, 0.5) !important;*/
    background-color: transparent !important;
}
.patient-row:hover, .appointment-row:hover {
    cursor: pointer;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.btn-primary, .active>.page-link, .page-link.active {
    background-color: var(--primary-button);
    border-color: var(--primary-button);
}
.btn-primary:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}
.btn-info {
    background-color: var(--info-button);
    border-color: var(--info-button);
    color: white;
}
.btn-info:hover {
    background-color: var(--info-hover);
    border-color: var(--info-hover);
    color: white;
}
.patient-image {
    max-width: 350px;
    max-height: 250px;
}
.form-check-input:disabled {
    opacity: 1;
}
.previous-checkbox:disabled {
    opacity: .5;
}
.form-check-input:checked {
    background-color: var(--primary-button);
    border-color: var(--primary-button);
}
#form-spinner {
    display: grid;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}
#form-title, #save-button {
    text-transform: capitalize;
}
#patient-dropdown:hover {
    cursor: pointer;
}
.searchable-dropdown-container {
    position: absolute;
    max-height: 250px;
    width: 70%;
    border-radius: 0.25rem;
    box-shadow: 0 0 1rem .5rem rgba(0, 0, 0, 0.15);
    z-index: 1000;
    background-color: white;
    margin-top: .25rem;
}
.searchable-dropdown-content {
    height: 200px;
    overflow-y: scroll;
}
.searchable-dropdown-content > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.searchable-dropdown-item {
    padding: .5rem .25rem;
    border-bottom: .5px solid rgba(0,0,0,.1);
}
.searchable-dropdown-item.selected {
    background-color: rgb(198, 212, 250);
}
.searchable-dropdown-item:hover {
    background-color: rgb(230, 230, 230);
    cursor: pointer;
}

@media (max-width: 1000px) {
    .dataTables_wrapper {
        overflow-x: scroll;
    }
    .nav-logo {
        width: 100%;
    }
}