.select2-resultsimg-100 {
  width: 100px;
  height: 100px;
}
.select2-results {
  display: block;
  width: 175%;
  min-width: 0!important;
  max-width: none!important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.1);
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.175);
}

.img-80p {
  width: 80%;
  min-width: 32px;
  max-width: 100px;
}
.img-64 {
  width: 64px;
  min-width: 32px;
}
.img-32 {
  width: 32px;
  min-width: 24px;
}

.img-24 {
    width: 24px;
    min-width: 24px;
}
/*.pat-media:hover{
	background-color:#ddd;
	cursor: pointer;
  }*/
  .dropdown{
    cursor: pointer;
  }
  .ds-dropdown-menu{
   min-height: 50!important;
   max-height: 350px!important;
   overflow-y:auto;
 }
 .d-ln{
  display: inline;
}

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
  position: relative;
  top: 0px;
  width: 100%;
  text-align: center;
  margin-top: 5px;
}

.overlay a {
  padding: 0px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 25px;
}

.clsbutton {
  position: absolute;
  /* bottom: 10px; */
  right: 20px;
  /* width: 100px; */
  height: 30px;
  z-index: 10;
  margin-top: 10px;
  margin-right: 200px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 25px;
    top: 5px;
    right: 5px;
  }
}


#the-canvas {
  border:1px solid black;
}

.btn-color1 {
  color: #fff;
  background-color: #563d7c;
  border-color: #563d7c;
}

.btn-color1:hover {
  color: #fff;
  background-color: #3b2063;
  border-color: #3b2063;
}

.slide-left
{
  position: absolute;
  z-index: 99;
  background-color: white;
  width: 100%;
}

.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 1px;
  left: calc(50% - 8px);
  position: absolute;
  -webkit-transform-origin: center;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color,opacity,-webkit-transform;
  transition-property: background-color,opacity,transform;
  transition-property: background-color,opacity,transform,-webkit-transform;
  transition-timing-function: ease-out;
  width: 22px;
}

.navbar-burger span:nth-child(1) {
  top: calc(50% - 0px);
}

.navbar-burger span:nth-child(2) {
  top: calc(50% + 8px);
}

.navbar-burger span:nth-child(3) {
  top: calc(50% + 16px);
}

.navbar-burger[aria-expanded=true] span:nth-child(1) {
  -webkit-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg);
}

.navbar-burger[aria-expanded=true] span:nth-child(2) {
  opacity: 0;
}

.navbar-burger[aria-expanded=true] span:nth-child(3) {
  -webkit-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}

.display.table th
{
  font-size: 0.9rem;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
  top: 19px;
}

.img-48
{
  width: 48px;
  height: auto;
}

.img-64
{
  width: 64px;
  height: auto;
}

.list-unstyled li:hover
{
  background-color: #dedae3;
  cursor: pointer;
  color: #444;
}
.dropdown .dropdown-menu .dropdown-header
{
  font-size: 0.8rem;
}
.algolia-autocomplete .ds-dropdown-menu
{
  width: 100%;
}

.table
{
  color: #39393e;
}

.table-hover tbody tr:hover {
  color: #1f1f20;
}
.topbar .dropdown-list .dropdown-header {
  background-color: #fff;
  border: 0;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #939090;
}

.img-view
{
  max-height: 400px;
  overflow: hidden;
  display: block;
}

.figure-style
{
 background-color: #784799;
 color: #fff;
 padding: 2px;
 font-size: 0.8rem;
}

.img-patient
{
  width: 64px;
}
/*.visit-items
{
  max-height: 350px;
  overflow-y: auto;
  }*/
  .container, .container-fluid {
    padding-left: 0.9rem;
    padding-right: 0.9rem;
  }

  .card-body
  {
    padding: 1rem;
  }

  @media (max-width: 768px) {
    .container-fluid
    {
      margin-top: 3.7em !important;
    }
  }

  .m-media
  {
    border-bottom: 1px solid #e1e0e0;
    padding-bottom: 1em;
    padding-top: 1em;
  }


  .m-media:last-child
  {
    border-bottom: 0;
  }

  .li-row .list-group-item:nth-of-type(2n+1) {
    background-color: rgba(225, 225, 225, 0.5);
  }

 .li-row .active {
    background:#4e73df !important;
  }

  .list-group-item
  {
    background-color: transparent;
  }
.lab-table
{
  width: auto ;
}
.lab-table .fixed {
  background: #563d7c;
  width: 200px;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: auto;
  white-space: pre;
  margin-left: 17px;
  box-shadow: 1px 0 3px rgba(0,0,0,0.25);
  color: #fff;
  margin-top: -1px;
}


.lab-table th.second-cell,.lab-table td.second-cell
{
  padding-left: 220px;
  min-width: 420px;
}

.lab-table th
{
  min-width: 200px;
}

.text-error {
    color: #e74a3b;
    font-size: 1rem;
    position: relative;
    line-height: 1;
    width: 12.5rem;
}

.custom-bt-mg {
  margin-bottom: 0.25rem;
}

.text-teal {
  color: #00796B;
}

.card-storm {
  border-radius: 11px;
  box-shadow: 0 10px 30px 0 rgba(24, 28, 33, 0.05);
}

.form-control:disabled {
  color: #000;
}