html, body {
  background-color: #fff !important;
/*  background-color: #f7f9fb !important; */
}

/* .row {
  background-color: #fff;
} */

.isi {
/*  height: 810px; */
  height: auto;
}

/* .footer {
  height: 151px;
} */

.navigation {
  height: 205px;
}

/* .footer {
  height: 151px;
  padding-top: 20px;
} */

.logotenant {
  width: 60px;
  height: 60px;
}

.text-title {
  color: rgba(0,0,0,.5);
}

.text-title:hover {
  color: #000;
  text-decoration: none;
}

.text-title a:hover {
  text-decoration: none;
  color: #000;
}

img.logo > img, img.logo > svg {
  height: 229px;
  width: 314px;
  box-shadow: none;
}

img.pull-left a:hover, .pull-left a:hover, a.logo_link a:hover {
  text-decoration: none;

}

.flag.flag-16 {
  background-image: url("/static/images/sprite-flags-16x16.png");
  background: url("/static/images/sprite-flags-16x16.png");
  margin: auto 5px auto auto;
}

/* new added */
.footer-img {
  background-image: url("/static/images/footer.png");
}

.nav-img {
  background-image: url("/static/images/nav1.jpeg");
}

.borderimg {
  border: 1px solid white;
  padding: 15px;
  border-radius: 15px;
  background-color: #fff;
}

.nav-login-btn {
  border: 1px solid white;
  background: #41AAE6;
  border-radius: 30px;
  padding: 10px 0px 10px 0px;
}

.btn-login {
  background-color: #1C18CF;
  color: #fff;
  border-color: #1C18CF;
}

.btn-addstaff {
  background-color: #1C18CF;
  color: #fff;
  border-color: #1C18CF;
}

.btn-register {
  background-color: #1C18CF;
  color: #fff;
  border-color: #1C18CF;
}

.footer {
  /* position: absolute;
  bottom: 0; */
  height: 50px;
}

.blue-border {
  border: 2px solid #61E5E5 !important;
}

.staff-table {
  border: 2px solid #61E5E5;
  background: #fff;
  border-radius: 15px;
}

.patient-table {
  border: 2px solid #61E5E5;
  background: #fff;
  border-radius: 15px;
}

.search-table {
  border: 1px solid #61E5E5;
  background: #fff;
  border-radius: 10px;
}

.pagination-box {
  border: 2px solid #61E5E5;
  background: #fff;
  border-radius: 5px;
}

.pagination-num {
  border: 2px solid #1C18CF;
  background: #1C18CF !important;
  border-radius: 5px;
}

.page-num {
  z-index: 1;
  color: #fff;
  background-color: #1c18cf;
  border-color: #1C18CF;
}

.data-table {
  border: 2px solid #61E5E5;
  background: #fff;
  border-radius: 15px;
}

.data-table-bottom {
  border-bottom: 2px solid #61E5E5;
}

.data-backbtn {
  border: 2px solid red;
}

.medicine-table {
  border: 2px solid #41AAE6;
  background: #fff;
  border-radius: 15px;
}

.woundcondition-table {
  border: 2px solid #41AAE6;
  background: #fff;
  border-radius: 15px;
}

.maintenance-table {
  border: 2px solid #41AAE6;
  background: #fff;
}

.medicine-table-bottom {
  border-bottom: 2px solid #41AAE6 !important;
}

.woundcondition-table-bottom {
  border-bottom: 2px solid #41AAE6 !important;
}

.maintenance-table-bottom {
  border-bottom: 2px solid #41AAE6 !important;
  background: #88D0CC;
}

.medicine-border {
  border: 2px solid #41AAE6;
  background-color: #E5E5E5;
}

.woundcondition-border {
  border: 2px solid #41AAE6;
  background-color: #E5E5E5;
}

.maintenance-border {
  border: 2px solid #41AAE6;
  background-color: #E5E5E5;
}

.woundcondition-view-table {
  border: 2px solid #41AAE6;
  background: #fff;
}

.woundcondition-view-table-bottom {
  border: 2px solid #41AAE6 !important;
  background: #88D0CC;
}

.maintenance-view-table {
  border: 2px solid #41AAE6;
  background: #fff;
}

.maintenance-view-table-bottom {
  border: 2px solid #41AAE6 !important;
  background: #88D0CC !important;
}

.woundcondition-modal-header {
  background: #BFBEEE;
}

.maintenance-modal-header {
  /* background: #BFBEEE; */
  background: rgb(200, 232, 227);
}

.purple-border {
  border: 2px solid #BFBEEE !important;
  border-radius: 6px !important;
}

.staff-detail-border {
  border:  2px solid #41AAE6 !important;
  border-radius: 9px !important;
  background-color: #fff !important;
}

.staff-detail-border-bottom {
  border-bottom:  2px solid #41AAE6 !important;
  background-color: rgba(0,0,0,0) !important;
}

.btn-addform {
  background-color: #6936B6;
  color: #fff;
  border-color: #6936B6;
}

.staff-record-table {
  border: 2px solid #41AAE6 !important;
  background: #88D0CC !important;
}

.editstaff-modal-header {
  background: #88D0CC;
}

.patient-detail-border {
  border:  2px solid #41AAE6 !important;
  border-radius: 9px !important;
  background-color: #fff !important;
}

.patient-detail-border-bottom {
  border-bottom:  2px solid #41AAE6 !important;
  background-color: rgba(0,0,0,0) !important;
}

.patient-detail {
  background: #6936B6;
  border-radius: 10px;
  border: 2px solid #6936B6;
}

.patient-form-border {
  border:  2px solid #41AAE6 !important;
  background-color: #fff !important;
}

.patient-form-border-top-none {
  border-left:  2px solid #41AAE6 !important;
  border-right:  2px solid #41AAE6 !important;
  border-bottom:  2px solid #41AAE6 !important;
  background-color: #fff !important;
}

.line {
  border-right: 2px solid #41AAE6 !important;
}

.patient-appointment-record {
  border: 2px solid #41AAE6 !important;
  background: #88D0CC !important;
}

.dark-blue-border {
  border: 2px solid #41AAE6 !important;
}

.patient-admission-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-application-home-leave-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-cannulation-chart {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.discharge-checklist {
  border: 2px solid #41AAE6 !important;
  background: #fff;
}

.discharge-checklist-bottom-header {
  border-bottom: 2px solid #41AAE6 !important;
}

.patient-dressing-chart {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-discharge-checklist {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-enteral-feeding-regime {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-hgt-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-intake-output-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-investigate-report-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-medication-administration-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-medication-administration-template {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-medication-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-miscellaneous-charges-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-multi-purpose-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-nasogastric-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-nursing-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-physio-progress-note-sheet-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-physio-general-assessment {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-stool-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-urinary-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-visiting-consultant-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-visiting-sign-flow-form {
  background: #88D0CC !important;
  border: 2px solid #41AAE6 !important;
}

.patient-modal-header {
  background: #88D0CC !important;
}

.patient-data {
  background: #88D0CC !important;
}

.patient_action{
  width: 6% !important;

}
.patient_action::after{
  width: 6% !important;
  
}

.box_register {
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  padding: 2rem;
  margin: auto;
  max-width: 400px; 
  max-height: 300px;
  overflow-y: auto;
}

.print_btn{
  padding-left: 25rem
}
@media print {
  .print_btn {
      display: none;
  }
}

.notification-box {
  display: none;
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #299299;
  border-radius: 5px;
  /* padding: 30px; */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 999;
  transform: translateY(-50%);
  transition: left 0.3s ease-in-out; 
  /* left: -100%; */
  right: 4%;
  top: 280px;
  transition: bottom 0.3s ease-in-out;
  /* height: 400px; */
  width: 500px;
  
}

.box_header{
  width:100%;
  /* height:220px; */
  border-radius:4px;
  border:2px solid #ccc;
  position:relative;
  
}

.notification-header {
  background-color: #299299;
  color: #fff;
  padding: 10px;
  font-weight: bold;
  /* border-bottom: 1px solid #ccc; */
  height: 40px;
  /* text-align: center; */
}

.notification-content {
  /* padding: 10px; */
  background-color: #ffffff;
  overflow:auto;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  /* border-radius: 4px; */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  height: 380px;
  padding: 10px;
  
}
.close-notification {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    color: #aaa;
    cursor: pointer;
    font-size: 18px;
}

.close-notification:hover {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  background-color:#f5f5f5;
  border: none;
  color: #080808;
  cursor: pointer;
  font-size: 18px;
}


.no-left-padding{
  padding: 0;
}


.order-container {
  /* display: none; */
  border-style: solid;
  height: 400px;
  width: 400px;
}

.order-header {
  text-align: center;
  background-color: #a9dbde;
  height: 60px;
}

#notificationButton {
  position: relative;
}

/* .notification-count {
  position: absolute;
  z-index: 1;
  top: 35px;
  right: 1px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  border-radius: 50%;
  color: #ee1818;
  animation: zoom 3s 3s both infinite;
} */

.notification-count {
  position: absolute;
  top: 1px;
  right: -5;
  color: red;
  font-size: 15px;
}

.box_context {
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  /* border-radius: 4px; */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  /* margin-bottom: 10px; */
  padding: 15px;
  margin-top: 10px;

}

.details_text text {
  position: fixed;
  top: 4%;
  left: 4%;
}

.details_d text {
  color: #ffffff;
  position: absolute;
  top: 20%;
  left: 25%;
  margin-top: 7px;
}

.details_d text:hover {
  color: #0e0d0d;
  position: absolute;
  /* background-color:#ccc; */
  top: 20%;
  left: 25%;
  margin-top: 7px;
}

.table_notifications{
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.child_table tr:nth-child(even) {
  background-color: #bfe0e2;
}

.child_table tr:nth-child(odd) {
  background-color: #ffffff;
}




/* .notification-box {
  display: none;
  position: fixed;
  left: -100%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 999;
  transition: left 0.3s ease-in-out; 
}

.notification-box.show {
  left: 0; 
} */

/* .notification-text {
  white-space: normal; 
  max-width: 100%;
} */


.image_ic_emergency {
  height: 100px;
  width: auto;

}

.btn_add_row{
  float: right;
  margin-right: 15px;
}

.btn_row_del {
  text-align: center;

}

.btn_add_row_alle {
  float: right;
  margin-right: 115px;
}


.discharge_listfor .dynamic-form{
  display: inline-flex;
  padding: 2px;
  margin-right: 6px;
  align-content: center;
  align-items: baseline;
}
.item_del
{
  height:2rem;
  margin-left: 10px;
}

.inline_input
{
  padding-left: 2rem;
  padding-right: 10rem;
}


.patient_list{
  text-align:center;
  width: 10%;
}