/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
}

#forgotPassword {
    text-decoration: none;
}

.notification-icon{
  fill: #171a1d;
}

.notification-button{
  margin-right: 15px;
}

.notification-button:disabled .notification-icon{
  opacity: 0.5;
}

#notification-popup{
  display: block; 
  position: fixed;
  margin-top: 10px;
  width: 470px;
  min-width: 10px;
  height: auto;
  min-height: 25px;
  background-color: #fff;
  box-shadow: 0 2px 14px 1px #21252959;
  border-radius: 6px;
  left: 55%;
  z-index: 10;
  padding: 10px 15px;
}

.notification-flex{
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 10px;
}

.notification-item_date{
  color: #a6aeb6;
}

.notification-item_title{
  color: #474d55;
  font-weight: 600;
  flex: 1 1;
}
.notification-item_title-icon{
  margin-right: 8px;
}

.notification-item {
  padding: 25px 15px;
  border-bottom: 1px solid rgba(208,215,222,.6);
}
.notification-user{
  color: #c62828;
  cursor: pointer;
}

.submenu {
  display: none;
  list-style: none;
  position: absolute;
  width: 200px;
  background-color: #fff;
  box-shadow: 0 2px 14px 1px #21252959;
  border-radius: 2px;
  z-index: 10;
}
.submenu li{
  padding: 5px 10px;
  border-bottom: 1px solid rgba(208,215,222,.7);
}
.submenu li:hover a{
  color: #c62828 !important;
}
ul.submenu{
  padding-left: 0;
}
ul li:hover .submenu {
  display: block;
}

[v-cloak] {
  display: none;
}

.tooLarge {
  width: 70px
}

.break {
  word-break: break-all;
}

.not-transform{
  text-transform: none !important;
}

.focused-group{
  
}

.v-datatable thead th.column.sortable .v-icon {
  opacity: 0.8;
}

.label{
   min-width: 200px;
}

.inline{
  display: inline-block;
}

.loader{
  height: 100%;
}

.half-width{
  width: 50%;
}
.form-fields__title {
  font-family: Montserrat,sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #474d55;
}

.text-style{
  font-weight: 400;
  font-size: 13px;
  color: rgba(0,0,0,.87);
}

.right-position {
  justify-content: flex-end;
}

.center-position {
  text-align: center;
}

.row{
  margin: 0;
}
.filter-title{
  font-weight: bold;
  color: #2E2E2E;
}

.item-overflow {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.history-item-doc-gap {
  display: flex;
  grid-gap: 4px;
  gap: 4px;
}

.notification-item__document{
  color: #474d55;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
}

.notification-popup-scroll {
  overflow-y: scroll;
  height: 80vh !important;
}

/* Patient Merge Dialog Styles */
.merge-table {
  table-layout: fixed;
  width: 100%;
}

.merge-table th,
.merge-table td {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  vertical-align: top;
  padding: 8px 12px;
}

.merge-table th:first-child,
.merge-table td:first-child {
  width: 20%;
  min-width: 120px;
}

.merge-table th:nth-child(2),
.merge-table td:nth-child(2) {
  width: 25%;
  min-width: 150px;
}

.merge-table th:nth-child(3),
.merge-table td:nth-child(3) {
  width: 25%;
  min-width: 150px;
}

.merge-table th:last-child,
.merge-table td:last-child {
  width: 30%;
  min-width: 180px;
}

.merge-table .radio-container {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.merge-table .radio-container input[type="radio"] {
  flex-shrink: 0;
  margin-top: 2px;
}

.merge-table .text-content {
  flex: 1;
  min-width: 0;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}