/* latin */
/* @font-face { */
  /* font-family: 'Montserrat'; */
  /* font-style: normal; */
  /* font-weight: 400; */
  /* font-display: swap; */
  /* src: url(font-awesome/fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); */
  /* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; */
/* } */




#hms-pos-main-table #pos-field-table {
    width: 100%;
	
}
#hms-pos-main-table {
	width:98%;
}
#hms-pos-main-table #pos-btn-table {
	background: #bdd9de/*#bdbaaf/*#cfd3d4 #c1f0e1*/;
}
#hms-pos-main-table #hms-pos-detlist-table {
	width: 99%;
}
#table2-top-btn, #reportholder {
    width: auto;
}
.list-collapse-section button{
	left:0px !important;
}
/*#postable button,#pos-btn-table button{
	width:auto !important;
	background:none !important;
}*/

#reportholder{
	margin-inline: auto;
	}
	
#hms-pos-detlist-table>tbody>tr{
	vertical-align:top;
}

#posdetailListTable tbody tr td{
	padding: 1px 5px 1px 3px !important;
}
#posdetailListTable thead {
	line-height: 6px !important;
	background: whitesmoke;
}
#posdetailListTable tfoot {
	line-height: 6px !important;
	background:whitesmoke; /*aliceblue;gainsboro;whitesmoke;*/;
}
#postable button, #pos-btn-table button {
	height: 30px;
	padding: 0px 5px 5px 5px;
	font-size: 12px;
}

#category {
	display:none;
}


.xresultdttextareaoneresult textarea {
    width: 700px !important;
	height: 200px !important;
}
.xresultdttextareatwo textarea {
    width: 700px !important;
	height: 200px !important;
	
}

#hms-pos-main-table {
    margin-top: 1%;
}

#buttonPrint_Bill_Detail {
    position: absolute !important;
    top: -48px;
    left: 30%;
}
#buttonPrint_Bill_Detail:active {
    top: -45px !important;
}

#Prescription_Preview {
	position: absolute !important;
	top: -30% !important;
    left: 100% !important;
}
#Create {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #ffffff8c;
}

.labloader {
    height: 15px;
    width: 105px;
    display: flex;
    position: relative;
}

.box {
    width: 120px;
    padding: 20% 46% 0% 46%;
}

.labloader .dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: orange;
    animation: move 700ms linear 0ms infinite;
    margin-right: 30px;
}

.labloader .dot:first-child {
    position: absolute;
    top: 0;
    left: 0;
    animation: grow 700ms linear 0ms infinite;
}

.labloader .dot:last-child {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
    animation: grow 700ms linear 0s infinite reverse;
}

@keyframes grow {
    from {
        transform: scale(0, 0);
        opacity: 0;
    }

    to {
        transform: scale(1, 1);
        opacity: 1;
    }
}

@keyframes move {
    from {
        transform: translateX(0px);
    }

    to {
        transform: translateX(45px);
    }
}

.loader-text {
    position: relative;
    font-family: sans-serif;
    width: 535px;
    margin-left: -190px;
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 4px;
    overflow: hidden;
    background: linear-gradient(90deg, orange, orange, orange);
    background-repeat: no-repeat;
    background-size: 80%;
    animation: animate 2s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffa5009c;
	text-align: center;
}

@keyframes animate {
    0% {
        background-position: -500%;
    }

    100% {
        background-position: 500%;
    }
}

.td-gap{
	text-align: center;
}
.th-gap{
	text-align: 1px;
}
#cke_1_toolbox{
	display: none;
}
#cke_1_top{
	display: none;
}
#cke_1_bottom{
	display: none;
}
#cke_1_contents{
	height:100px !important;
}

.cke_inner  span{
		display: none !important;
}

.cke_inner div{
	height:100px !important;
}
#DischargeDiagnosis {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
  margin: 6px 5px!important;
  padding: 0px 26px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#DischargeDiagnosis:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}


#AdmissionReason {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
  margin: 6px 5px!important;
  padding: 0px 25px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#AdmissionReason:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}



#DischargeHistory {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
  margin: 6px 5px!important;
  padding: 0px 25px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#DischargeHistory:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}



#SignificantFindings {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
  margin: 6px 5px!important;
  padding: 0px 25px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#SignificantFindings:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}



#Investigations {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
  margin: 6px 5px!important;
  padding: 0px 16px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#Investigations:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
             rgba(44,187,99,.25) 0 1px 2px,
			 rgba(44,187,99,.25) 0 2px 4px,
			 rgba(44,187,99,.25) 0 4px 8px,
			 rgba(44,187,99,.25) 0 8px 16px,
			 rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}


#DischargeMedication {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
  margin: 6px 5px!important;
  padding: 0px 24px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#DischargeMedication:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}


#HospitalCourse {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
  margin: 6px 5px!important;
  padding: 0px 32px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#HospitalCourse:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
             rgba(44,187,99,.25) 0 1px 2px,
			 rgba(44,187,99,.25) 0 2px 4px,
			 rgba(44,187,99,.25) 0 4px 8px,
			 rgba(44,187,99,.25) 0 8px 16px,
			 rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}


#InstructionsCare {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
  margin: 6px 5px!important;
  padding: 7px 20px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#InstructionsCare:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}


#Discharged {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
    margin: 6px 5px!important;
  padding: 7px 20px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#Discharged:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
             rgba(44,187,99,.25) 0 1px 2px,
			 rgba(44,187,99,.25) 0 2px 4px,
			 rgba(44,187,99,.25) 0 4px 8px,
			 rgba(44,187,99,.25) 0 8px 16px,
			 rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}

#SummaryComplete {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
  margin: 6px 5px!important;
  padding: 0px 28px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#SummaryComplete:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}
#DischargeStatus {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
  margin: 6px 5px!important;
  padding: 6px 27px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#DischargeStatus:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}
#NextVisit {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
  margin: 6px 5px!important;
  padding: 6px 45px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#NextVisit:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}

#DischargeDiet {
  background-color: #B384C9!important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
    margin: 6px 5px!important;
  padding: 0px 27px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#DischargeDiet:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}


#DischargeAdvice {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
    margin: 6px 5px!important;
  padding: 0px 26px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#DischargeAdvice:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}

#OperationNote {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
    margin: 6px 5px!important;
  padding: 0px 24px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#OperationNote:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}

#PersonalHabits {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
			  rgba(44, 187, 99, .15) 0 2px 4px,
			  rgba(44, 187, 99, .15) 0 4px 8px,
			  rgba(44, 187, 99, .15) 0 8px 16px,
			  rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
    margin: 6px 5px!important;
  padding: 0px 32px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#PersonalHabits:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}

#ProcedureFindings {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
              rgba(44, 187, 99, .15) 0 2px 4px,
              rgba(44, 187, 99, .15) 0 4px 8px,
              rgba(44, 187, 99, .15) 0 8px 16px,
              rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
    margin: 6px 5px!important;
  padding: 0px 27px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#ProcedureFindings:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}

#AllergyHistory {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
              rgba(44, 187, 99, .15) 0 2px 4px,
              rgba(44, 187, 99, .15) 0 4px 8px,
              rgba(44, 187, 99, .15) 0 8px 16px,
              rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
    margin: 6px 5px!important;
  padding: 0px 36px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#AllergyHistory:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}

#CardiacSurgery {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
              rgba(44, 187, 99, .15) 0 2px 4px,
              rgba(44, 187, 99, .15) 0 4px 8px,
              rgba(44, 187, 99, .15) 0 8px 16px,
              rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
    margin: 6px 5px!important;
  padding: 0px 36px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#CardiacSurgery:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;
}
#ICD-10Coding {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
              rgba(44, 187, 99, .15) 0 2px 4px,
              rgba(44, 187, 99, .15) 0 4px 8px,
              rgba(44, 187, 99, .15) 0 8px 16px,
              rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
    margin: 6px 5px!important;
  padding: 0px 25px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#ICD-10Coding:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;

 }
  
  #SignificantMedication {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
              rgba(44, 187, 99, .15) 0 2px 4px,
              rgba(44, 187, 99, .15) 0 4px 8px,
              rgba(44, 187, 99, .15) 0 8px 16px,
              rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
    margin: 6px 5px!important;
  padding: 0px 25px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#SignificantMedication:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;

}
  #TemplateConfrim {
  background-color: #B384C9 !important;
  border-radius: 100px !important;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,
              rgba(44, 187, 99, .15) 0 1px 2px,
              rgba(44, 187, 99, .15) 0 2px 4px,
              rgba(44, 187, 99, .15) 0 4px 8px,
              rgba(44, 187, 99, .15) 0 8px 16px,
              rgba(44, 187, 99, .15) 0 16px 32px !important;
  color: #FFFFFF !important;
  width: 131px !important;
  height: 40px !important;
  word-wrap: break-word !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif !important;
    margin: 6px 5px!important;
  padding: 0px 30px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 250ms !important;
  border: 0 !important;
  font-size: 16px !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

#TemplateConfrim:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,
              rgba(44,187,99,.25) 0 1px 2px,
			  rgba(44,187,99,.25) 0 2px 4px,
			  rgba(44,187,99,.25) 0 4px 8px,
			  rgba(44,187,99,.25) 0 8px 16px,
			  rgba(44,187,99,.25) 0 16px 32px !important;
  transform: scale(1.05) rotate(-1deg) !important;

}

#xdummy{
	display: none !important;
}
#barcodepharma {
            width: 140px !important;
            height: 100px !important;
        }

#Print_Bill_Detail {
    position: absolute !important;
    top: -140% !important;
    left: 205% !important;
}

#Preview_Prescription {
	position: absolute !important;
    top: -140% !important;
    left: 302% !important;
}
.card {    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;}


/*.card:hover {
  transform: perspective(1000px) rotateY(20deg) !important;
}*/

#patientnid {
  border: 1px solid #0480ba;
  padding: 23px 5px 5px 5px;
  border-radius: 5px;
  color: #5b3b8f;
  font-weight: bold;
}
.modal-content {
		box-shadow: 1px 2px 10px #ffff !important;
}

input[type="checkbox"]{
	width : 17px !important;
}
/* .modal.fade { */
    /* transition-duration: 1.5s; */
/* } */
/**Notification Icon**/
.fa-bell {
	    position: absolute;
    left: 330px;
    top: 10px;
    color: #ffd014;
}

.fa-bell:hover{
	    color: aliceblue;
}

/* for tab*/
#sidebartd font {
	position: absolute;
    left: 14px;
    top: 0px;
    width: 99%;
    font-size: 13px;
}

#sidebartd font nav .nav{
	background: #ffff;
	width: 50%;/*Tab Width*/
	border: none;
	margin: 24px 0px 0px 104px;
}

#nav-home {
	display: none;
}

#nav-profile, #nav-contact,#nav-bmemberpa{
	height: 100vh;
	background: #ffff;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000000;
    background-color: #ecf5fb;
    border-color: #dee2e6 #dee2e6 #fff;
	font-weight: bold;
}


.nav-tabs .nav-link {
    border: 1px solid transparent;
    padding: 5px;
    border-radius: 5px 15px 5px 15px !important;
	 background-color: #0480ba;
	 color: #ffff;
	 text-transform: uppercase;
	 font-size:12px;
	 font-family:'Montserrat', sans-serif !important;
	 
}
.nav-tabs .nav-link.active:hover{
	color: #0000FF !important;
}
.nav-tabs .nav-link:hover{
	color: #ffd014 !important;
}	
/**for close tab**/

/****Button Color ***********/


#Showrecord{
	background-color: #008B8B !important; /* Green */
	color: white;
	font-family: 'Montserrat', sans-serif !important;
    box-shadow: 0 4px 9px -4px #00d8d8 !important;
}
#Showrecord:hover{
    background-color:#00d8d8 !important;
    color: #fff !important;
}
#Showrecord:focus {
    background-color: #00d8d8 !important;
    color: #fff !important;
}
#Showrecord:active {
    background-color: #4cadad !important;
    color: #fff !important;
}
#Showrecord.box-shadow-state {
   box-shadow: 0 8px 9px -4px rgba(0, 139, 139, 0.3), 0 4px 18px 0 rgba(0, 139, 139, 0.2) !important;
}
#Clearrecord{
	background-color: #ff5500 !important; /* Green */
	color: white;
	font-family: 'Montserrat', sans-serif !important;
  box-shadow: 0 4px 9px -4px #ff661a !important;
}
#Clearrecord:hover{
    background-color:#ff661a !important;
    color: #fff !important;
}
#Clearrecord:focus {
    background-color: #ff661a !important;
    color: #fff !important;
}
#Clearrecord:active {
    background-color: #ff9966 !important;
    color: #fff !important;
}

#Clearrecord.box-shadow-state {
    box-shadow: 0 8px 9px -4px rgba(255, 85, 0, 0.3), 0 4px 18px 0 rgba(255, 85, 0, 0.2) !important;
}

#Add{
	background-color: #218838 !important; /* Green */
	color: white;
	font-family: 'Montserrat', sans-serif !important;
	box-shadow: 0 4px 9px -4px #2bb149 !important;
}
#Add:hover{
    background-color: #2bb149 !important;
    color: #fff !important;
}
#Add:focus {
    background-color: #2bb149 !important;
    color: #fff !important;
}
#Add:active {
    background-color: #79b787 !important;
    color: #fff !important;
}

#Add.box-shadow-state {
   box-shadow: 0 8px 9px -4px rgba(33, 136, 56, 0.3), 0 4px 18px 0 rgba(33, 136, 56, 0.2) !important;
}



/*#Showrecord:hover,#Clearrecord:hover,#Add:hover,#Update:hover,#Delete:hover,#Top:hover,#Previous:hover,#Next:hover,#Bottom:hover {
opacity: 80%;
}
*/
#table-btn-command button{
	/*border: 5px solid #D9D9D9 !important;*/
	text-transform: uppercase !important;
	font-size:12px !important;
	
}
#table-btn-command button:disabled, #table-filter button:disabled,#table2-top-btn button:disabled {
	opacity: 50%;
}
#Update{
	background-color: #ffd740 !important; /* Green */
	color:black ;
	font-family: 'Montserrat', sans-serif !important;
	box-shadow: 0 4px 9px -4px #e5c139 !important;
}

#Update:hover{
    background-color: #e5c139 !important;
    color: #fff !important;
}
#Update:focus {
    background-color: #e5c139 !important;
    color: #fff !important;
}
#Update:active {
    background-color: #ffdc5a !important;
    color: #fff !important;
}


#Update.box-shadow-state {
   box-shadow: 0 8px 9px -4px rgba(255, 215, 64, 0.3), 0 4px 18px 0 rgba(255, 215, 64, 0.2) !important;
}


#Delete{
	background-color: #B22222 !important; /* Green */
	color: white;
	font-family: 'Montserrat', sans-serif !important;
    /**FONT-WEIGHT: normal !important;**/
	box-shadow: 0 4px 9px -4px #c72626 !important;
}
#Delete:hover{
    background-color: #c72626 !important;
    color: #fff !important;
}
#Delete:focus {
    background-color: #c72626 !important;
    color: #fff !important;
}
#Delete:active {
    background-color: #d73030 !important;
    color: #fff !important;
}

#Delete.box-shadow-state {
   box-shadow: 0 8px 9px -4px rgba(103, 58, 183, 0.3), 0 4px 18px 0 rgba(103, 58, 183, 0.2) !important;
}

#Top,#Bottom{
	background-color: #673ab7 !important; /* Green */
	color:  #fff;
	font-family: 'Montserrat', sans-serif !important;
    //FONT-WEIGHT: normal !important;
	box-shadow: 0 4px 9px -4px #7447c5 !important;
}
#Top:hover,#Bottom:hover {
    background-color: #7447c5 !important;
    color: #fff !important;
}
#Top:focus,#Bottom:focus {
    background-color: #7447c5 !important;
    color: #fff !important;
}
#Top:active,#Bottom:active {
    background-color: #8159ca !important;
    color: #fff !important;
}

#Top.box-shadow-state,#Bottom.box-shadow-state {
   box-shadow: 0 8px 9px -4px rgba(103, 58, 183, 0.3), 0 4px 18px 0 rgba(103, 58, 183, 0.2) !important;
}

#Previous,#Next {
    background-color: #3b71ca !important;
    color: #fff !important;
    box-shadow: 0 4px 9px -4px #386bc0 !important;
}

#Previous:hover,#Next:hover {
    background-color: #386bc0 !important;
    color: #fff !important;
}

#Previous:focus,#Next:focus {
    background-color: #386bc0 !important;
    color: #fff !important;
}

#Previous:active,#Next:active {
    background-color: #3566b6 !important;
    color: #fff !important;
}

#Previous.box-shadow-state,#Next.box-shadow-state {
    box-shadow: 0 8px 9px -4px rgba(56, 107, 192, 0.3), 0 4px 18px 0 rgba(56, 107, 192, 0.2) !important;
}

/*
#Bottom{
	background-color: #673ab7 !important; 
	color: white;
	font-family: 'Montserrat', sans-serif !important;
    FONT-WEIGHT: normal !important;
}
*/
/*****************/

#searchtable tbody tr td a {
	color: blue !important;
	cursor: pointer;
}


a:hover{
	cursor: pointer;
}