.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;
}

.card-primary.card-outline {
    border-top: 3px solid rgb(34 128 132);
}

.card-sub {
    box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
}

.card-sub-header {
    background-color: #f2f2f2 !important;
    border-top: 1px solid #e0e0e0 !important;    
    padding: .75rem 1.25rem;
    position: relative;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.card-sub-body {
    background-color: #f2f2f2 !important;
    border-top: 1px solid #e0e0e0 !important;
    padding: 1.5rem;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

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

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

.tribute-container ul {
    padding: 5px;
    font-size: 15px;
    background: rgb(205 236 237);
    border: 1px solid rgb(34 128 132);    
}

.tribute-container li.highlight {
    background: rgb(34 128 132);
    color: rgb(255 255 255);
}

.bg-dc {
    background-color: #5241cc;
}

.text-dc {
    color: #5241cc;
}

.btn-dc {
    background: url(/assets/images/icon-dc-white.png) no-repeat left center #5241cc;
    background-size: 16px 16px;
    background-position-x: 10px;
    padding-left: 30px;
    color: #fff;
}

.btn-dc:hover {
    color: #fff;
}

.login-page a {
    color: #000;
    text-decoration: underline;
}

.login-box-wide {
    width: 500px;
}

.irs--flat .irs-bar {
    background-color: rgb(34 128 132);
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    background-color: rgb(34 128 132);
}

.irs--flat .irs-handle > i:first-child {
    background-color: rgb(34 128 132);
}

.irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single::before {
    border-top-color: rgb(34 128 132);
}