@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css');

select {-webkit-appearance: auto !important;appearance: auto !important;}
.card .table td, .card .table th {padding: 0.75rem;}
.dark-btn {color: #262B40;background-color: #fff;border: 1px solid #262B40; outline: none;font-size: 14px; line-height: 22px;padding: 4px 14px; border-radius: 8px;transition: all 0.5s ease;}
.dark-btn:hover {background-color: #262B40;color: #fff;}

.month-select {height: 32px;border: 1px solid #262B40;padding: 0 6px;border-radius: 8px;outline: none;}
.btn-group .month-select {border-right: 0;}

.top-btnrow { display: flex; justify-content: space-between; }

.input-group > .form-control, .input-group > .form-select {background-color: #fff;}

.table.table-centered > :not(:first-child) {border-top: 0 !important;}
.table.table-centered thead > tr th:first-child {border-bottom-left-radius: 0.5rem !important;border-top-left-radius: 0.5rem !important;}
.card .table thead tr > th {
    border-bottom: 0;
}
.table.table-centered thead > tr th:last-child {border-bottom-right-radius: 0.5rem !important;border-top-right-radius: 0.5rem !important;}

.card {margin-bottom: 1rem;}
.card-title {font-size: 18px;}
.card-body, .card-header {padding: 1rem;}


.form-group {position: relative;}
.form-group > label {font-weight: 600 !important;}

input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type=file],select,textarea {display: block;width: 100%;padding: 0.5rem 0.75rem !important;font-size: 0.875rem;font-weight: 400;line-height: 1.5;color: #6B7280;background-color: #ffffff;background-clip: padding-box;border: 0.0625rem solid #D1D5DB;-webkit-appearance: none;appearance: none;border-radius: 0.5rem;box-shadow: none;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; min-height: 40px;}

input:focus, select:focus {border-color: #262B40; outline: none; box-shadow: none;}

input[type=file]:not(:disabled):not([readonly]) {cursor: pointer;}
input[type=file]:not(.form-control) {position: relative;overflow: hidden;padding-left: 110px;}
input[type=file]:not(.form-control)::file-selector-button {border: 0;border-right: 0.0625rem solid #D1D5DB;color: #6B7280;position: absolute;top: 0;left: 0;height: 100%;width: auto;overflow: hidden;background: #fff;padding: 2px 10px;}

.related-widget-wrapper {float: none !important;}
.vDateField, .vTimeField  {padding-right: 90px;}
.vDateField + .datetimeshortcuts, .vTimeField + .datetimeshortcuts {font-size: 14px;position: absolute;top: calc(50% + 5px);right: 15px;}
.field-action a.label {margin-left: 6px;}
.field-action a.label:first-child {margin-left: 0;}
.filterCard {position: fixed;right: 0;top: 0;bottom: 0;width: 330px;height: 100%;overflow-y: auto;transition: right 0.3s ease;right: -330px;z-index: 1050;}
.filterCard.open {right: 0;}

.card table.medication-schedule-table tr td, .card table.medication-schedule-table tr th {padding: 0.5rem;}
.form-group .form-check-label {line-height: 1;margin-bottom: 0;}
.form-group .form-check-label > label {margin-bottom: 0;}
.form-group .form-check + .help {margin-left: 0 !important;}

.upload-img-group {text-align: center;}
.upload-img-group .profile-pic-img {position: relative;width: 150px;height: 150px;display: flex;border-radius: 100%;overflow: hidden;text-align: center;margin: 0 auto;}
.upload-img-group .profile-pic-img > img {width: 100%;height: 100%;border-radius: 100%;object-fit: cover;object-position: center;max-width: 100%;}
.upload-input-control {position: relative;}
.upload-input-control input[type="file"] {position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;visibility: hidden;opacity: 0;}

.form-group + .errorlist {margin: -10px 0 0 0;padding: 0;}

input[disabled] {opacity: 0.9;background-color: #f2f2f2;cursor: not-allowed;pointer-events: none;}

@media (max-width: 479px) {
    .filterCard {width: 90%;right: -90%;}
}