.btn {
    border-radius: .5rem;
    padding: .625rem 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    border-width: 0;
    /* padding-top: .875rem;
    padding-bottom: .875rem; */
}

.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn-primary {
    background-color: rgb(34 128 132);
    color: rgb(255 255 255);
}

.btn-primary.disabled {
    opacity: 0.4;
    background-color: rgb(34 128 132);
    border-color: transparent;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: rgb(28 107 111) !important;
}

.btn-outline-primary {
    border: 1px solid rgb(34 128 132);
}

.btn-outline-primary:hover {
    background-color: rgb(34 128 132);
    border-color: rgb(255, 255, 255);
    border-width: 1px;
}

.table thead th {
    font-weight: 500;
    color: rgb(99 111 124);
    border-bottom: 1px solid rgb(220 222 225);
}

.table tbody td {
    color: rgb(13 32 52);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}

.table tbody tr:hover td {
    background-color: rgb(242 244 245);
}

.badge-patient-status-selector {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(220 222 225);
    padding: .125rem .75rem;
    text-align: center;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: rgb(99 111 124);
    transition: none !important;
    white-space: nowrap;
    cursor: pointer;
}

.badge-task-status-selector {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(220 222 225);
    padding: .125rem .75rem;
    text-align: center;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: rgb(99 111 124);
    transition: none !important;
    white-space: nowrap; 
    cursor: pointer;  
}

.badge-status-selector:hover {
    color: inherit !important;
}

.card.card-outline-tabs .card-header a.badge-patient-status-selector {
    border-top: 0;
}

.badge-color-green {
    background-color: rgb(205 236 237);
    color: rgb(31 116 120)  
}

.badge-color-blue {
    background-color: rgb(213 233 248);
    color: rgb(18 108 178);
}

.badge-color-red {
    background-color: rgb(250 225 225);
    color: rgb(195 51 51);
}

.badge-color-yellow {
    background-color: rgb(248, 250, 143);
    color: rgb(56, 56, 56);
}

.page-link {
    color: rgb(99 111 124);
}

.page-item:hover .page-link {
    color: rgb(99 111 124);
}

.page-item.active .page-link {
    background-color: rgb(34 128 132);
    border-color: rgb(34 128 132);
}

.card-primary:not(.card-outline)>.card-header {
    background-color: rgb(34 128 132);
    color: rgb(255 255 255);
    border-bottom: 0;
}

.nav-item-notifications .dropdown-item {
    white-space: wrap;
}

.modal-wide .modal-dialog {
    width: 90%;
    max-width: 1200px;
}