:root {
  --topbar-color: #004f71;
}

#app {
  background-color: #F8F9F9;
}

[data-css="topbar"] {
  background-color: var(--topbar-color) !important;
  color: white;
  height: 200px;
  width: 100%;
}

[data-css="Patient-new-drawer-content"] {
  background-color: inherit !important;
}

[data-css="Patient-new-drawer-footer"] {
  background-color: inherit !important;
}
[data-css="Patient-new-drawer-footer"] {
  display: none !important;
}

[data-css="Patient-edit-drawer-footer"] {
  display: none !important;
}

[data-css="Patient-new-drawer-content"] {
  background-color: #F8F9F9 !important;
  padding: 0 !important;
}

[data-css="Patient-edit-drawer-content"] {
  padding: 0 !important;
}

[data-css="Patient-show-drawer-content"] {
  padding: 0 !important;
}

[data-css="User-edit-hasPrescribingRight"] div {
  display: flex;
  gap: 10px;
}

[data-css*="-list"] {
  height: auto !important;
}

.modal {
  background-color: white !important;
  width: 50%;
  height: 50%;
  align-self: center;
}

.show-prescription-valid svg path {
  fill: #00A042;
}

.show-prescription-not-valid svg path {
  fill: #c62828;
}

.show-prescription-to-be-renewed svg path {
  fill: #ffa000;
}

.show-prescription-not-eligible svg path {
  fill: #6E6E6E;
}

.primaryButton {
  background-color: #03a9f4 !important;
  border: 1px solid #03a9f4 !important;
}
.primaryButton:hover {
  background-color: #0287c3 !important;
  border: 1px solid #0287c3 !important;
}
.secondaryButton {
  background-color: #e8e8e8 !important;
  border: 1px solid #e8e8e8 !important;
  color: #0000008a !important;
}
.secondaryButton:hover {
  background-color: #d1d1d1 !important;
  border: 1px solid #d1d1d1 !important;
  color: #0000008a !important;
}

a{
  color:#0288D1;
}
.uploadedComponent{
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  width: 100%;
}
.uploadedComponent > a{
  font-size: 16px;
  font-weight: 500;
}
.uploadedComponent > .iconContainer{
  cursor: pointer;
}
.uploadedComponent > .iconContainer > svg{
  width:14px;
  height: 18px;
}

.uploadButton {
  display: flex !important;
  flex-direction: row !important;
  padding: 9px 16px 9px 12px !important;
  gap: 8px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  line-height: 16px !important;
  font-weight: 500 !important;
}

.uploadButton:hover {
  cursor: pointer !important;
}

.multiUploadButtonContainer{
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.41px;
  color: #00000099;

}

.adminjs_Box {
  grid-auto-rows: 1fr;
}

.customLabel{
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px;
}

.react-datepicker__aria-live {
  display: none;
}

h3 {
  color: #00000099 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 16.42px !important;
}

h4 {
    color: #03A9F4 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 16.42px !important;
  }

/* All this section allows to hide the bulk actions in the table for the following resources */
[data-css="Patient-table-row"] .options > .adminjs_Box {
  display: none !important;
}

[data-css="Prescription-table-row"] .options > .adminjs_Box {
  display: none !important;
}

[data-css="SynchroItem-table-row"] .options > .adminjs_Box {
  display: none !important;
}

[data-css="BillingHistory-table-row"] .options > .adminjs_Box {
  display: none !important;
}

.adminjs_Table .adminjs_TableBody tr:nth-child(even) {
  background-color: white;
}
.adminjs_Table .adminjs_TableBody tr:nth-child(odd) {
  background-color: #F2F9FF;
}

.adminjs_SortLink {
  color: #000000 !important;
}

[data-css="Patient-list-table-wrapper"] {
  background-color: #F8F9F9 !important;
}

[data-css="Prescription-list-table-wrapper"] {
  background-color: #F8F9F9 !important;
}

[data-css="Center-list-table-wrapper"] {
  background-color: #F8F9F9 !important;
}

[data-css="User-list-table-wrapper"] {
  background-color: #F8F9F9 !important;
}

[data-css="BillingHistory-list-table-wrapper"] {
  background-color: #F8F9F9 !important;
}

[data-css="BillingHistory-new-button"] {
  display: none !important;
}

[data-css="Patient-list-table-wrapper"] > .adminjs_Text {
  margin: 0px !important;
  padding: 10px !important;
  background-color: #F8F9F9 !important;
}

.loader-container {
  display: flex;
  align-self: flex-start;

  .adminjs_Loader {
    padding: 0 !important;
  }
}

.selected-record-button {
  border: none !important;
}

.selected-record-button:hover {
  color: #03A9F4 !important;
}

.filterSelect {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.filterSelect:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.custom-bulk-action-button {
  border-color: transparent !important;
}

.custom-bulk-action-button:hover {
  color: #03A9F4 !important;
}

.adminjs_Select [aria-disabled="true"] {
  background-color: rgba(187, 195, 203, 0.5)
}
@media (max-width: 1850px) {
  [data-css="Patient-table"] thead td a {
    white-space: normal;
    word-break: break-word;
  }

  [data-css="Patient-table"] thead td:nth-child(2) a {
    white-space: normal;
    word-break: normal;
  }

  [data-css="Patient-table"] thead td:nth-child(6) {
    width: 125px !important;
  }

  [data-css="Patient-table"] thead td:nth-child(7) {
    width: 85px !important;
  }

  [data-css="Patient-table"] thead td:nth-child(8) {
    width: 85px !important;
  }

  [data-css="Patient-table"] thead td:nth-child(10) {
    width: 85px !important;
  }
}

[data-css="Patient-table"] thead td:nth-child(13) {
  width: 0px !important;
}

[data-css="Patient-table"] [data-property-name="comments"] {
  max-width: 300px;
}

[data-css="Patient-table"] [data-property-name="comments"] p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}