.topbar {height:3.5rem;}
.navbar-brand {padding-top:0;}
.top-menu-bg { background: linear-gradient( to right, #1eac90, #174362 );}
.topbar .nav-item .nav-link {padding:0 .5rem;}
.container-fluid {padding:0 0.8rem; background-color:#fff;}

.min-height100 {min-height:calc(100vh - 3.5rem);} /* ���� 100% */ 
.img-responsive {max-width:100%; height:auto; }
.border-green {border:2px solid #61c5b1;}
.text-green {color:#1eac90;}
.btn {padding:.475rem .75rem;}
.btn-icon1 {padding:0.1rem;}
.btn-icon05 {padding:0.05rem;}

.btn-photos-icon {padding:0;}
.card-pointer {cursor:pointer;box-shadow: 0px 0px 8px rgba(0,0,0,0.03) inset}
.card-pointer:hover {border:2px solid #75d5c4; box-shadow: 0px 0px 8px rgba(0,0,0,0.1) inset}
.card-pointer.active {border:2px solid #1eac90; box-shadow: 1px 1px 6px rgba(0,0,0,0.2) inset}


.bg-blue2 {background:#174e67}
.bg-gray-1000 {background:#f6f6f6}
.bg-gray-1100 {background:#f0f0f0}
.bg-gray-1200 {background:#fafafa}
.bg-green {background:#1eac90;}
.card-body {padding:0.5rem 1rem 0.6rem 1rem}

.user-icon-p {padding:1rem 1.063rem;}

.list-border {border:2px solid #efefef; cursor:pointer;}
.list-border.active {border:2px solid #1eac90;}
.list-border.active .badge-gray {background:#1eac90; }
.list-border:hover {border:2px solid #1eac90; }
.list-border:hover .badge-gray {background:#1eac90; }
.list-count {position:absolute; transform:scale(1); transform-origin:top right; right:-0.5rem; margin-top:-1.1rem; z-index:9; border:6px solid #fff; border-radius:6rem;}
.list-diagnosis {position:absolute; transform:scale(1); transform-origin:top right; right:0.5rem; margin-top:0.5rem; z-index:9; border-radius:2rem; display:none;}
.list-diagnosis.active {display:block;}
.badge {padding:.25em .463em;}
.shadow-sssm {box-shadow:0 0.05rem 0.03rem 0 rgb(58 59 69 / 10%) !important}
.mb-25 {margin-bottom:0.75rem !important}

.history-border {border:2px solid #c6c6c6; cursor:pointer}
.history-border.active {border:2px solid #1eac90; }
.history-border:hover {border:2px solid #1eac90; }
.history-time {position:absolute; bottom:0; left:0; width:100%;}
.bg-gray-rgba {background:rgba(0,0,0,.2)}
.history-border.active .bg-gray-rgba {background:rgba(30,172,144,.6)}
.history-border:hover .bg-gray-rgba {background:rgba(30,172,144,.6)}

.navbar-re {padding:0;}
.input-group-height {height:3rem;}

.modal-header {padding:0.6rem 1.5rem;}
.modal-content {border-radius:0.5rem;}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 2rem;
  border-radius:0 0 0.5rem 0.5rem;
}

.form-control-add {padding:1.4rem 0.75rem;}
.form-control-select {padding:0.5rem 0.75rem; height:auto;}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1.5rem;
  border-top: 1px solid #e3e6f0;
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
  background:#fff;
}


.animated--info-in, .sidebar .nav-item .collapse {
  -webkit-animation-name: infoIn;
  animation-name: infoIn;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);

}

@-webkit-keyframes infoIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes infoIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.dropdown .dropdown-menu .dropdown-header2 {
  font-weight: 500;
  font-size: 1.2rem;
  color: black;
  padding:1rem 1rem;
  border-bottom:1px solid #eaeaea;
  margin-bottom:1rem;
}


.letter-spacing-0 {letter-spacing:0;}


.anyClass {
  height:calc(100vh - 56px);
  overflow-y: scroll;
}

.no-scroll {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.no-scroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}


.btn-group-sm .btn-fab{
  position: fixed !important;
  right: 30px;
  bottom:30px;
  padding:1.5rem;
  border-radius:10rem;
  z-index:999;
}
.btn-group .btn-fab{
  position: fixed !important;
  right: 30px;
  bottom:30px;
  padding:1.2rem; /* for diagnosis button */
  border-radius:10rem;
  z-index:999;
}