.btn-danger-light {
	color: #000;
	background-color: #dc35453b;
	border-color: #dc354521;	
}
.btn-light {
  border-color: #e5e6e7 !important;
  background-image: linear-gradient( to bottom, #fff, #e2e2e2 );
}
.btn-light:hover {
	background-image: linear-gradient( to top, #fff, #e2e2e2 );	
}
 
.btn-primary, 
.record-pills.nav-pills .nav-link.active, 
.record-pills.nav-pills .show > .nav-link,
.page-item.active .page-link,
.con-list-body .patient-item.active {
	background-image: linear-gradient( to bottom, #007bff, #024d9d );
}

.wooh-navbar,
.alert-wooh {
	background-image: linear-gradient( to bottom, #000, #124a87 );
}

.btn-primary:hover, 
.record-pills.nav-pills .nav-link.active:hover, 
.record-pills.nav-pills .show > .nav-link:hover,
.page-item.active .page-link:hover {
	background-image: linear-gradient( to top, #007bff, #024d9d );
}


.btn-light {
  border-color: #e5e6e7 !important;
  background-image: linear-gradient( to bottom, #fff, #d3d3d3 );
}
.btn-light:hover {
	background-image: linear-gradient( to top, #fff, #d3d3d3 );	
}

.btn-danger {
	background-image: linear-gradient( to bottom, #e55d6d, #dc3545);
}
.btn-danger:hover {
	background-image: linear-gradient( to top, #e55d6d, #dc3545);
}
.btn-secondary {
	background-image: linear-gradient( to bottom, #6c757d, #4b5157);
}
.btn-secondary:hover {
	background-image: linear-gradient( to bottom, #4b5157, #6c757d);
}

.btn-primary {
	background-image: linear-gradient( to bottom, #007bff, #024d9d );
}
.btn-primary:hover {
	background-image: linear-gradient( to top, #007bff, #024d9d );
}

.btn-success {
	background-image: linear-gradient( to bottom, #28a745, #218838 );
}
.btn-success:hover {
	background-image: linear-gradient( to top, #28a745, #218838 );
}

.btn-info {
	background-image: linear-gradient( to bottom, #17a2b8, #00697F );
}
.btn-info:hover {
	background-image: linear-gradient( to top, #17a2b8, #00697F );
}

.btn-warning {
	background-image: linear-gradient( to bottom, #ffc107, #da9c03 );
}
.btn-warning:hover {
	background-image: linear-gradient( to top, #ffc107, #da9c03 );
}


.btn.btn-light.active {
  background-image: linear-gradient( to bottom, #000, #124a87 ) !important;
  border: 1px solid #124a87 !important;
  color: #fff !important;
}
@media (min-width: 1200px) {
  .btn.btn-light.active::after {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #124a87 !important;
	content: " ";
	position: absolute;
	bottom: -16px;
	left: calc(50% - 15px);
  }
}


.picker-switch.accordion-toggle {
color: #fff;
background-image: linear-gradient( to bottom, #6c757d, #4b5157);
border-radius: 3px;
cursor: pointer;
}	
.picker-switch.accordion-toggle:hover {
	background-image: linear-gradient( to up, #4b5157, #6c757d);
}	



.bell-holder {
border: none;
width: 1px;
height: 1px;
overflow: hidden;
position: fixed;
bottom: 0;
left: 0;
}	
.wsnw {
	white-space: nowrap;
}	

.navbar-brand {
	padding:0;
}
img.wooh {
	height: 40px;
	max-width: 100%;
}

.ws-nowrap {
	white-space:nowrap;
}

.inverse {
	filter:invert(100%);
}
.fa, .fas {
    font-weight: 900;
    font-style: normal;
}

body {
	padding-top: 4.5rem;
	
	/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==); */
	background-color:#eaf1ff;
}
table {
	background-color:#fff;
}
.modal-body {
	/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==); */
	background-color:#eaf1ff;
}


body.wp-admin-body-fix nav.fixed-top {
	top:32px;
}


.card.card-purple {	
	background-color: #6f42c1;
	color: #fff;	
}
.card.card-pink {	
	background-color: #e83e8c;
	color: #fff;	
}
.card.card-orange {	
	background-color: #fd7e14;
	color: #fff;	
}
.card.card-yellow {
	background-color: #ffc107;
	color: #fff;	
}
.card.card-teal {
	background-color: #20c997;
	color: #fff;	
}
.card.card-gray {
	background-color: #6c757d;
	color: #fff;	
}
.card.card-dark {
	background-color: #343a40;
	color: #fff;	
}
.card.card-success {
	background-color: #28a745;
	color: #fff;	
}


.wooh-orthanc {
	background-image: url("../../images/orthanc-logo-small.png");
	width: 18px;
	height: 18px;
	display: block;
	margin-top: 2px;
	float: left;
	background-color: #007bff;
}
img.monochrome1 {
	/*filter: invert(100%) !important;*/
}	





@media screen and (max-width:782px) {
	body.wp-admin-body-fix nav.fixed-top {
		top:46px;		
	}

}



.dropdown-menu .dropdown-head {
	font-size: 10px;
	color: #ccc;
	padding: 0 20px;
	font-weight:bold;
}

.btn-group-xs > .btn, .btn.btn-xs {
  padding: .25rem .4rem;
  font-size: .675rem;
  line-height: 1;
  border-radius: .2rem;
}
.table-small {
	font-size:12px;
}
a.card:hover {
	text-decoration: none;
}
.card.card-primary {
	background-color: #007bff;
	color:#fff;
}
.card.card-danger {
	background-color: #dc3545;
	color:#fff;
}
.card.card-info {
	background-color: #17a2b8;
	color:#fff;
}
.card.card-warning {
	background-color: #ffc107;
	color:#fff;	
}
.card-header {
	background-color: #ccc !important;
}

.card b.icon {
font-size: 50px;
position: absolute;
color: #fff;
opacity: 0.2;
bottom: 0px;
left: 20px;
}
.card-title.card-title-block {
text-transform: uppercase;
text-align: left;
font-size: 20px;
height: 24px;
overflow: hidden;
}
.card .count {
font-size: 24px;
text-align: right;
}


#dashboard-populate .card-title {
	margin:0;
}


.form-check:hover > label {
	cursor:pointer;
}




/*Service Side Menu*/

#dp-holder > #datepicker > div.ui-datepicker-inline {
	margin:0 auto;
	width: 100%;
}

#patient-accordion .card {
	border:0;
	margin-bottom:1px;
}

#patient-accordion .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px);
}

#patient-accordion .card-header {
	padding: .15rem .15rem;
	background-color:#6c757d !important;
	color:#fff;
	/* background-image: linear-gradient( to bottom, #ddd, #ddd ) !important; */
	background-image: linear-gradient( to bottom, #cce0ff, #c1d9ff ) !important;
}
#patient-accordion .card-header .badge {
position: absolute;
right: 10px;
top: 10px;
width: 40px;
}
#patient-accordion .card-header button.btn {
	width:100%;
	text-align:left;
	padding:5px;
	/* color:#fff; */
}


.con-list-body .patient-item {
	overflow: hidden;
	margin:0;	
	position: relative;
	/*padding: 5px 1.25rem;*/
	padding: 5px .25rem;
}
.con-list-body .patient-item img {
max-width: 50px;
border-radius: 5px;
float: left;
margin-right: 5px;
cursor: pointer;
margin-bottom: 10px;
max-height: 50px;
}
body.no-camera .con-list-body .patient-item img {
	display:none;
}
.con-list-body .patient-item h5 {
    font-size: 12px;
    margin: 0;
    font-weight: bold;
    cursor:pointer;
}
.con-list-body .patient-item h5 div {
	font-size:10px;
}
.con-list-body .patient-item > span {
position: absolute;
right: .25rem;
font-size: 10px;

}
.con-list-body .patient-item > span.bcode {
top: 0;
}
.con-list-body .patient-item > span.time {
top: 15px;
}
.con-list-body .patient-item > span.serial {
    top: 30px;
}



.con-list-body .patient-item .btn.btn-xs {
	font-size: 10px;
	margin-right: 1px;
	opacity: 0.1;
	min-width: 22px;
	padding: 2px 0px;
}
.con-list-body .patient-item:hover .btn.btn-xs {	
	opacity:1
}





.con-list-body .patient-item > div {
	margin-left:55px;
}





.con-list-body .patient-item:hover {
	background-color:#f9f9f9;
}


.con-list-body .patient-item.active {
	color: #fff !important;
	/*background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x;*/
	border-color: #007bff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
	border-radius: 5px;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}


#patient-accordion .card-body {
	/*padding: 1.25rem 0;*/
	padding: 1.25rem .25rem;
}


.no-img .con-list-body .patient-item img {
	display:none;	
}
.no-img .con-list-body .patient-item > div {
    margin-left: 0;
}
.con-list-body .patient-item.active .btn-secondary {
    background: #fff repeat-x;
    color: #6c757d;
}



.sidebar-card-search-holder {
	margin: 0 5px 1rem 5px;
}


/*

#patient-accordion .card-header {
	padding: .15rem .15rem;
}
#patient-accordion .card-header .badge {
position: absolute;
right: 10px;
top: 10px;
width: 40px;
}
#patient-accordion .card-header button.btn {
	width:100%;
	text-align:left;
	padding:5px;
}


.con-list-body .patient-item {
	overflow: hidden;
	margin:0;	
	position: relative;
	/*padding: 5px 1.25rem;*/
	padding: 5px .25rem;
}
.con-list-body .patient-item img {
	width: 50px;
	border-radius: 5px;
	float: left;
	margin-right: 5px;
	cursor:pointer;
}
.con-list-body .patient-item h5 {
font-size: 12px;
margin-left: 55px;
font-weight: bold;
cursor: pointer;
}
body.no-camera .con-list-body .patient-item h5 { 
	margin-left: 0px;
}	

.con-list-body .patient-item h5 div {
	font-size:10px;
}
.con-list-body .patient-item > span {
position: absolute;
right: .25rem;
font-size: 10px;

}
.con-list-body .patient-item > span.bcode {
top: 0;
}
.con-list-body .patient-item > span.time {
top: 15px;
}
.con-list-body .patient-item > span.serial {
    top: 30px;
}



.con-list-body .patient-item .btn.btn-xs {
	font-size: 10px;
	margin-right: 1px;
	opacity: 0.1;
	min-width: 24px;
}
.con-list-body .patient-item:hover .btn.btn-xs {	
	opacity:1
}





.con-list-body .patient-item > div {
	margin-left:55px;
}





.con-list-body .patient-item:hover {
	background-color:#f9f9f9;
}


.con-list-body .patient-item.active {
	color: #fff !important;
	/*background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x;*/
	border-color: #007bff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
	border-radius: 5px;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}


#patient-accordion .card-body {
	/*padding: 1.25rem 0;*/
	padding: 1.25rem .25rem;
}


.no-img .con-list-body .patient-item img {
	display:none;	
}
.no-img .con-list-body .patient-item > div {
    margin-left: 0;
}
body.no-camera .con-list-body .patient-item > div {
	margin-left:0;
}

.con-list-body .patient-item.active .btn-secondary {
    background: #fff repeat-x;
    color: #6c757d;
}



.sidebar-card-search-holder {
	margin: 0 5px 1rem 5px;
}


*/

















.alert-small {
	padding:5px;
}
.text-small {
	font-size:10px !important;
}
.text-medium {
	font-size:12px !important;
}
#patient-register-modal h1 {
	display:none;
}

#records-allergy-composition-holder,
#records-diseases-holder,
#records-medicines-compositions {
font-size: 10px;
padding: 0;
list-style: none;
margin:0;
}

#records-allergy-composition-holder > li,
#records-diseases-holder > li,
#records-medicines-compositions > li
{
margin-bottom: 5px;
position: relative;
}


.nav-link .badge-record {
	float:right;
	min-width:25px;
	margin: 3px -6px 0 0;
}
.nav-link.active .badge-record {
	background-color:#fff;
	color:#007bff;	
}
.record-pills .sub-title {
	margin-left:15px;
}
.record-sales-holder .btn-holder,
.record-consultations-holder .btn-holder,
.record-reports-holder .btn-holder,
.record-injections-holder .btn-holder
 {
	float:right;
	visibility:hidden;
	margin: 3px 3px 0 0;
}
.record-sales-holder tr:hover .btn-holder,
.record-consultations-holder tr:hover .btn-holder,
.record-reports-holder tr:hover .btn-holder,
.record-injections-holder tr:hover .btn-holder 
{
	visibility:visible;
}

.alert-report > div {
	padding-right: 100px;
}
.alert-report {
	font-size:10px;
}
.alert-report label {
	margin:0;
}
.alert-report .btn-report-view {
	position: absolute;
	top: 13px;
	right: 13px;
}
.alert.alert-poa {
	
}
.alert.alert-poa ul {
	margin: 0 -5px 0 0;
	font-size: 12px;
	padding-left: 15px;
}
.alert.alert-poa ul li {
	padding: 5px;
}
.alert.alert-poa ul li:hover {
	background-color: #f2dcb3;
}
.alert.alert-poa ul li label.badge {
	margin-bottom:0;
}
.alert-con {
	
}
.alert-con h6 {
	
}
.alert-con ul {
padding: 0;
list-style: none;
font-size: 10px;
margin: 0;
}
.alert-con li {
	
}





	
#loading {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 1000000;
	
}

#loading  .container {
  height: 100vh;
  width: 100vw;
  font-family: Helvetica;
}

#loading  .loader {
  height: 20px;
  width: 250px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#loading  .loader--dot {
  animation-name: loader;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background-color: black;
  position: absolute;
  border: 2px solid white;
}
#loading  .loader--dot:first-child {
  background-color: #8cc759;
  animation-delay: 0.5s;
}
#loading  .loader--dot:nth-child(2) {
  background-color: #8c6daf;
  animation-delay: 0.4s;
}
#loading  .loader--dot:nth-child(3) {
  background-color: #ef5d74;
  animation-delay: 0.3s;
}
#loading  .loader--dot:nth-child(4) {
  background-color: #f9a74b;
  animation-delay: 0.2s;
}
#loading  .loader--dot:nth-child(5) {
  background-color: #60beeb;
  animation-delay: 0.1s;
}
#loading  .loader--dot:nth-child(6) {
  background-color: #fbef5a;
  animation-delay: 0s;
}
#loading  .loader--text {
  position: absolute;
  top: 200%;
  left: 0;
  right: 0;
  width: 4rem;
  margin: auto;
}
#loading  .loader--text:after {
  content: "Loading";
  font-weight: bold;
  animation-name: loading-text;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes loader {
  15% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(230px);
  }
  65% {
    transform: translateX(230px);
  }
  95% {
    transform: translateX(0);
  }
}
@keyframes loading-text {
  0% {
    content: "Loading";
  }
  25% {
    content: "Loading.";
  }
  50% {
    content: "Loading..";
  }
  75% {
    content: "Loading...";
  }
}









.p15 {
	padding: 15px;
}



/* ============ nav styles (start) ============ */
	/* ============ nav dropdown hover (start) ============ */
	@media all and (min-width: 992px) {
		.wooh-navbar.navbar .nav-item .dropdown-menu{ display: none; }
		.wooh-navbar.navbar .nav-item:hover .dropdown-menu{ display: block; }
		.wooh-navbar.navbar .nav-item .dropdown-menu{ margin-top:0; }
	}	
	/* ============ nav dropdown hover (end) ============ */
	/* ============ nav dropdown background focus (start) ============ */
	@media all and (min-width:991px) {  
		.wooh-navbar.navbar .dropdown:after{
			content: ''; 
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			transition: opacity .15s ease-in-out;
			
			opacity: 0;
			visibility:hidden;
			background-color: rgba(0,0,0,.7);
			
			pointer-events: none;
		}
		.wooh-navbar.navbar .dropdown:hover .nav-link{
			position:relative;
			z-index:12;
		}
		.wooh-navbar.navbar .dropdown:hover:after{
			z-index:10; opacity:1; 
			visibility:visible;
			position: fixed;
		} 
	}
	.wooh-navbar.navbar #wooh-nav-search-form input {
		box-shadow: inset 1px 2px 4px #000 !important;
		border: 0;		
	}
	/* ============ nav dropdown background focus (end) ============ */
img.wooh-logo-white {
	height:28px;
}
@media (min-width: 991px) {
	.fixed-lg-top {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
}
@media all and (min-width:991px) { 


	.wooh-navbar.navbar-dark .navbar-nav .nav-link {
	    color: rgb(255, 255, 255);
	}

	.wooh-navbar.navbar .nav-item {
		padding: 4px 5px 4px 5px;
		margin: -8px 5px -16px 5px;
	}
	
	.wooh-navbar.navbar .nav-item:hover {	
		background-image: linear-gradient( to bottom, #6c757d, #2b2f33);
		background-color: #6c757d;
		box-shadow: inset 1px 2px 4px #000;		
	}	
	
	.wooh-navbar.navbar .nav-item.active {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==);
		background-color:#fff;	
		box-shadow:none;
		
	}

	.wooh-navbar.navbar .nav-search-input-group .btn,
	.navbar .nav-search-input-group input.form-control {
		
	}
	.wooh-navbar.navbar .nav-item.active, 
	.wooh-navbar.navbar .nav-item:hover  {
		border-radius: .25rem .25rem 0 0;
		border-bottom: none;
		/*
		margin-bottom: -8px;
		margin-top: -2px;
		padding-top: 2px;	
		*/   
	}
	.wooh-navbar.navbar .nav-search-input-group input.form-control {
		border:none;	
		line-height: 28px;
	}
	.wooh-navbar.navbar .nav-search-input-group .btn {
		border:none;	
		margin-left: -2px;
		z-index: -1;   
		background-color:#fff;	
	}
	.wooh-navbar.navbar .nav-item:hover .nav-link {
		color:#fff !important;
	}	
	.wooh-navbar.navbar .nav-item.active .nav-link {
		color:#000 !important;
	}

	
	.wooh-navbar.navbar .nav-search-form {
		margin:0 5px;
	}
}
/* ============ nav styles (end) ============ */





/*

.navbar-bordered {
	border-bottom: 1px solid #eaeaea;	
	background-color:#fff;
	box-shadow: -1px -1px 5px #ccc;
}

a.navbar-brand-img {
	padding:0;
}
a.navbar-brand-img > img {
	max-height:40px;
}
ul.navbar-nav {
	
}
ul.navbar-nav li.nav-item {
	padding:0 5px;
}

.navbar {
    padding: 0rem 1rem;
}




















body.wp-admin-body-fix nav.fixed-top {
	top:32px;
}

.nav-item > .nav-link > span {
	display:inline;
}



*/



	
.wooh-search-result-holder {
	margin: 20px 0;
}	
	
.wooh-search-result-holder > .wooh-search-result-item {
	position: relative;
	overflow: hidden;
	display: block;
	padding: 15px;
	margin: 0 -15px;
}	
.wooh-search-result-holder > .wooh-search-result-item:hover {
	background-color: #f8f9fa;
}

.wooh-search-result-holder > .wooh-search-result-item > img {
	width:125px;
	float:left;
	border-radius: .25rem;
}	
body.no-camera .wooh-search-result-holder > .wooh-search-result-item > img {
	display:none;
}


.wooh-search-result-holder > .wooh-search-result-item > .wooh-search-result-item-details {
	position:relative;
	margin-left:140px;
	font-size: 12px;
	line-height: 16px;	
}
body.no-camera .wooh-search-result-holder > .wooh-search-result-item > .wooh-search-result-item-details {
	margin-left:0px;
}	


.wooh-search-result-holder > .wooh-search-result-item .wooh-search-result-item-btn-holder {
	margin-top:5px;
}
.wooh-search-result-holder > .wooh-search-result-item .wooh-search-result-item-btn-holder {
	opacity:0.1;
}
.wooh-search-result-holder > .wooh-search-result-item:hover .wooh-search-result-item-btn-holder {
	opacity:1;
}
.wooh-search-result-holder > .wooh-search-result-item .wooh-search-result-item-btn-holder .btn {
	margin-bottom:4px;
}
	
	
	
	
.modal-header.has-patient-photo > img.patient-photo {
	height: 44px;
	border-radius: 5%;
}	
.modal-header.has-patient-photo > h5.modal-title {
	margin-left: 10px;
}	
.modal-header.has-patient-photo > h5.modal-title > div {
	font-size:12px;
}	
body.no-camera .modal-header.has-patient-photo > img.patient-photo {
	display:none;
}

	
	
.services-btn {
	width: 148px;
	margin: 5px 5px 0 0;
}	
	
.services-btn i {
	font-size: 24px;
}	
.services-btn small {
	display:block;
	font-size: 65%;	
}	

.patient-info-block {
	position: relative;
	min-height: 125px;
	border: 1px solid #e7e7e7;
	padding: 15px;
	border-radius: 5px;
	background-color: #fff;
}
.patient-info-block img {
	/*max-width: 100px;*/
	float: left;
	margin-right: 10px;
	border-radius: 5px;
	max-height: 120px;
}
body.no-camera .patient-info-block img {
	display:none;
}

.patient-info-block h1 {
	margin-left: 130px;
}
body.no-camera .patient-info-block h1 {
	margin-left: 15px;
}


.patient-info-block h1 > div {
	font-size:14px;
	margin-top:5px;
}
.patient-info-block div.btns-holder {
position: absolute;
bottom: 15px;
right: 15px;

}
.patient-info-block .bcode {
	position:absolute;
	top:15px;
	right:15px;
}
.patient-info-block .pbal {
	position:absolute;
	top:39px;
	right:15px;
}

@media (max-width: 576px) {
	.patient-info-block img {
		max-width:100%;
		margin:0px auto !important;
		border-radius:5px;
		float:none;
	}
	.patient-info-block h1 {
		margin-left: 0px  !important;
		display:block;
	}	
	.patient-info-block div.btns-holder {
	  position: relative;
	  bottom: 0;
	  right: 0;
	  width:100%;
	  margin-top:15px;
	}	
	.patient-info-block div.btns-holder > .btn-group {
		width:100%;
	}
	.patient-info-block .bcode {
		position:relative;
		top:0;
		right:0;
	}
	.patient-info-block .pbal {
		position:relative;
		top:0;
		right:0;
	}
	.patient-info-block .bcode > label,
	.patient-info-block .pbal > label {
		margin-bottom:0;
		margin-left:0.25rem;
	}
	.patient-info-block h1 {
	  font-size: 1.5rem;
	}

	
}	

@media (max-width: 768px) {
	.patient-info-block div.btns-holder {
	  position: relative;
	  bottom: 0;
	  right: 0;
	  width:100%;
	  margin-top:15px;
	}	
	.patient-info-block div.btns-holder > .btn-group {
		width:100%;
	}
}

.alert.alert-light,
.patient-info-block {
	box-shadow: 0px 0px 3px #B2B2B2;
}


.nav.nav-tabs.flex-column > label,
.nav.nav-pills.flex-column > label
 {
	display: block;
	margin: 10px 15px;
	font-size: 10px;
	font-weight: bold;
	color: #ccc;
}

.nav-body-holder {
	/* margin:30px; */
}
	
.mini-title {
	color: #ccc;
	border-bottom: 1px dashed #ccc;
}	
.sub-title {
	margin-top:15px;
	color: #ccc;
}	

.table-middle td {
	vertical-align:middle;
}

#datatable-table label  {
	margin:0;
}
#datatable-table td,
#datatable-table th {
	vertical-align:middle;
}

#datatable-table_paginate > .pagination {
	float:right;
}

.cb-holder {
	font-size:12px;
}

.disabled-cb {
	opacity:0.1;
}
.alert.bg-light {
	border:1px solid #ededed;
}

.bg-blank {
	background-color:#dee2e6 !important;
}	
	
	
	
#cert-accordion {
	
}	
#cert-accordion .card-header {
	background-color: #343a40 !important;
	padding:0;
}	
#cert-accordion .card-header .btn-link {
	color: #fff !important;
	padding: .75rem 1.25rem;
	width: 100%;
	text-align: left;
	font-size:20px;
}	
#cert-accordion .card-header .btn-link:hover {
	text-decoration: none;
}
.table-xs {
	font-size:10px !important;
}	
.table-xs td,
.table-xs th
 {
	padding: .2rem;
}
	
.btn-group.d-flex .services-btn {
	margin:0;
}	
	
	
.nav-content-static {
	width: 100%;
}	
	
	
	
	
	
	


@media screen and (max-width:782px) {


	body.wp-admin-body-fix nav.fixed-top {
		top:46px;		
	}

}
@media screen and (max-width:600px) {

	body {
		padding-top:0;
	}

	body nav.fixed-top {
		top:0px !important;
		position:relative;
		margin-bottom: 15px;
	}
}
@media (min-width: 992px) {
	.nav-item > .nav-link > span {
		/*display:none;*/
		display:none;
	}
	.nav-item.active > .nav-link > span {
		display:inline;
	}
	
	.nav-item:hover > .nav-link > span {
		display:inline;
	}
	
	


	
	.nav.nav-tabs.flex-column {
		margin-bottom:60px;
	}
		
	.nav-tabs.flex-column .nav-item.nav-link {
		border-color: #fff #dee2e6 #fff #fff;
	}
	
	.nav-tabs.flex-column .nav-item.nav-link.active {
		border-color: #dee2e6 #fff #dee2e6 #dee2e6 !important;
		border-radius:.25rem 0 0 .25rem;
		z-index:1;
	} 
	

	
	
	
	
}







	.wooh-bg-icon {
		position: absolute;
		font-size: 20rem;
		left: 0;
		top: 60px;
		color: #f6f6f6;
		right: 0;
		text-align: center;
		z-index: -999;
	
	}
	
table.table-vitals {
	font-size:10px;
}
table.table-vitals th,
table.table-vitals td {
line-height: 14px;
padding: 4px;	
}

table.table-vitals td .sub {
	min-width: 40px;
}

#user-status-holder > div {
	/* border: 1px solid #ccc; */
	border-radius: 0 0 5px 5px;
	margin: -5px 0 0 0;
	padding: 15px 10px 10px;
	background-color: #ccc;
	background-image: linear-gradient( to bottom, #cce0ff, #c1d9ff ) !important;
}
fullwidth table {
	width:100%;
	
}
fullwidth table th {
	width:30%;
}

.btn.btn-icon-only {
	padding:0;
	margin:0;
	font-size:inherit;
}

.sidemenu .nav-item > i,
.fa-fix {
	width: 20px;
	display: inline-block;
	text-align: center;	
}


.study-images > div {
	margin-top:15px;
}
.study-images > div a {
position: absolute;
top: 43px;
right: 15px;
z-index:10;
}

.study-images > div img {
	border-radius:5px;
	max-width: 100%;
}

.record-consultations-holder .findings-div {
	margin-top:15px;
}
.record-consultations-holder .findings-div h5 {
	font-size: 14px;
	margin: 5px 0;	
}
.record-consultations-holder .findings-div ul {
	
}
.record-consultations-holder .findings-div li {
	
}
img.img-responsive {
	max-width:100%;
	max-height:100%;
	height:auto;
}
.last-xrayreport ul {
padding: 0;
list-style: none;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #FFE080;
}


@media (max-width: 576px) {
  #wooh-patient-search-results-holder .wooh-search-result-item img {
  	float:none !important;
  	margin:0 auto 20px auto;
  	width:100% !important;
  }
   #wooh-patient-search-results-holder .wooh-search-result-item {
	   text-align:center;
   }
  #wooh-patient-search-results-holder .wooh-search-result-item .wooh-search-result-item-details {
	  text-align:left;
	  margin:0;
  }
  .services-btn {
	  width:100% ;
  }
  
  
}


.nav-pills-sm .nav-link.active, 
.nav-pills-sm .show > .nav-link {
    color: #fff;
    background-color: #007bff;
    font-size: .875rem;
    line-height: 1.5;
}

.nav-pills-sm .nav-link {
    border-radius: .25rem;
	font-size: .875rem;
	line-height: 1.5;
    padding:.25rem .5rem;
}


.ui-datepicker {
	z-index:9999 !important;
}

#dashboard-populate .card-body {
    min-height: 116px;
}






#datatable-table_length .custom-select {
	width:60px;
}
#datatable-table_filter > label {
	display:block;
	text-align:right;
}
#datatable-table_filter > label > .form-control {
	width:200px;
	display: inline;
	margin-left: 5px;
}


.dataTable td.sorting::after,
.dataTable td.sorting_asc::after,
.dataTable td.sorting_desc::after,
.dataTable th.sorting::after,
.dataTable th.sorting_asc::after,
.dataTable th.sorting_desc::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	display: block;
	text-align: center;
	background-color: #e8e5e5;
}



.dataTable td.sorting::after,
.dataTable th.sorting::after {
	content: "\f0dc";
}
.dataTable td.sorting_desc::after,
.dataTable th.sorting_desc::after {
	content: "\f0de";
}
.dataTable td.sorting_asc::after,
.dataTable th.sorting_asc::after {
	content: "\f0dd";
}
.dataTable td.no-sort::after,
.dataTable th.no-sort::after {
	display:none;	 
}



.widefat.dataTable td.sorting::after,
.widefat.dataTable td.sorting_asc::after,
.widefat.dataTable td.sorting_desc::after {
	margin-top: 3px;
}


.modal-patient-balance {
position: absolute;
right: 15px;
top: 42px;	
}


	.btn-wooh {
		/* margin-bottom:5px; */
	}

	.btn-wooh > small {
		font-size:10px;
		display:block;
		white-space: nowrap;
		line-height: 17px;
	}
	
	.btn-wooh.dropdown-toggle::after {
		display:none;
	}


	.btn-group.dropdown.btn-wooh {
		min-width: 100px;
		margin-bottom: 5px;		
	}
	
	
	
	
	
	
	
	
.con-list-body-alt .patient-item {
	overflow: hidden;
	margin:0;	
	position: relative;
	/*padding: 5px 1.25rem;*/
	padding: 5px .25rem;
}
.con-list-body-alt .patient-item img {
	width: 50px;
	border-radius: 5px;
	float: left;
	margin-right: 5px;
	cursor:pointer;
}
.con-list-body-alt .patient-item h5 {
    font-size: 12px;
    margin: 0;
    font-weight: bold;
    cursor:pointer;
}
.con-list-body-alt .patient-item h5 div {
	font-size:10px;
}
.con-list-body-alt .patient-item > span {
position: absolute;
right: .25rem;
font-size: 10px;

}
.con-list-body-alt .patient-item > span.bcode {
top: 0;
}
.con-list-body-alt .patient-item > span.time {
top: 15px;
}
.con-list-body-alt .patient-item > span.serial {
    top: 30px;
}



.con-list-body-alt .patient-item .btn.btn-xs {
	font-size: 10px;
	margin-right: 1px;
	opacity: 0.1;
	min-width: 22px;
	padding: 2px 0px;
}
.con-list-body-alt .patient-item:hover .btn.btn-xs {	
	opacity:1
}





.con-list-body-alt .patient-item > div {
	margin-left:55px;
}




.con-list-body-alt .patient-item:hover {
	background-color:#f9f9f9;
}


.con-list-body-alt .patient-item.active {
	color: #fff !important;
	background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x;
	border-color: #007bff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
	border-radius: 5px;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}


#patient-accordion .card-body {
	/*padding: 1.25rem 0;*/
	padding: 1.25rem .25rem;
}


.no-img .con-list-body-alt .patient-item img {
	display:none;	
}
.no-img .con-list-body-alt .patient-item > div {
    margin-left: 0;
}
.con-list-body-alt .patient-item.active .btn-secondary {
    background: #fff repeat-x;
    color: #6c757d;
}



.sidebar-card-search-holder {
	margin: 0 5px 1rem 5px;
}


/*

#patient-accordion .card-header {
	padding: .15rem .15rem;
}
#patient-accordion .card-header .badge {
position: absolute;
right: 10px;
top: 10px;
width: 40px;
}
#patient-accordion .card-header button.btn {
	width:100%;
	text-align:left;
	padding:5px;
}


.con-list-body-alt .patient-item {
	overflow: hidden;
	margin:0;	
	position: relative;
	/*padding: 5px 1.25rem;*/
	padding: 5px .25rem;
}
.con-list-body-alt .patient-item img {
	width: 50px;
	border-radius: 5px;
	float: left;
	margin-right: 5px;
	cursor:pointer;
}
.con-list-body-alt .patient-item h5 {
    font-size: 12px;
    margin: 0;
    font-weight: bold;
    cursor:pointer;
}
.con-list-body-alt .patient-item h5 div {
	font-size:10px;
}
.con-list-body-alt .patient-item > span {
position: absolute;
right: .25rem;
font-size: 10px;

}
.con-list-body-alt .patient-item > span.bcode {
top: 0;
}
.con-list-body-alt .patient-item > span.time {
top: 15px;
}
.con-list-body-alt .patient-item > span.serial {
    top: 30px;
}



.con-list-body-alt .patient-item .btn.btn-xs {
	font-size: 10px;
	margin-right: 1px;
	opacity: 0.1;
	min-width: 24px;
}
.con-list-body-alt .patient-item:hover .btn.btn-xs {	
	opacity:1
}





.con-list-body-alt .patient-item > div {
	margin-left:55px;
}




.con-list-body-alt .patient-item:hover {
	background-color:#f9f9f9;
}


.con-list-body-alt .patient-item.active {
	color: #fff !important;
	background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x;
	border-color: #007bff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
	border-radius: 5px;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}


#patient-accordion .card-body {
	/*padding: 1.25rem 0;*/
	padding: 1.25rem .25rem;
	max-height: 800px;
	overflow-y: auto;
}


.no-img .con-list-body-alt .patient-item img {
	display:none;	
}
.no-img .con-list-body-alt .patient-item > div {
    margin-left: 0;
}
.con-list-body-alt .patient-item.active .btn-secondary {
    background: #fff repeat-x;
    color: #6c757d;
}


.blink_me {
  animation: blinker 1s linear infinite;
}





@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.fs8 {
	font-size:8px !important;
}	
	
.fs10 {
	font-size:10px !important;
}	
.fs48 {
	font-size:48px !important;
}

.fa-file-png::before,
.fa-file-jpg::before,
.fa-file-jpeg::before,
.fa-file-gif::before {
  content: "\f1c5";
}
.fa-file-xlsx::before,
.fa-file-xls::before {
	content: "\f1c3";
}	

.wooh-uploaded-file {
	margin: -5px;
	padding: 5px;
}
.wooh-uploaded-file:hover {
background-color: #007bff1f;
border-radius:3px;
}
.wooh-uploaded-file:hover > a {
	/* color:#fff !important; */
	text-decoration:none;
}
.wooh-uploaded-file img {
	max-width:100%;	
}	
.wooh-img-holder .preview img {
	margin-bottom:15px;
}
.uploaded-file img {
  max-width: 100%;
}


#lazy-btn {
	position: fixed;
	bottom: 0;
	left: 25%;
	right: 25%;
	min-height: 30px;
	padding: 0 0.95rem;
	z-index: 100;
}	
#lazy-thead th {
	text-align:center;
}	
#lazy-thead th::after {
	font-weight: 900;
	font-style: normal;
	box-sizing: border-box;
	font-family: "Font Awesome 5 Free";
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	margin-left: 5px;
	/*float:right;*/
		float: none;
		display: block;
		text-align: center;
		background-color: #e8e5e5;	
}

#lazy-thead th.sort::after {
	content: "\f0dc";
}

#lazy-thead th.asc::after {
	content: "\f0de";
}

#lazy-thead th.desc::after {
	content: "\f0dd";
}


.last-visit-drugs-ul {
	padding-left:13px;
}
.bg-hover:hover {
	background-color:#e6e6e6;
}




@media (max-width: 1024px) {
	.modal-lg, .modal-xl {
	  width: calc(100% - 40px);
	  max-width: calc(100% - 40px);
	  margin: 1.75rem auto;
	}	
}	
@media (max-width: 610px) {
	.modal-lg, .modal-xl {
	  width: calc(100% - 40px);
	  max-width: calc(100% - 40px);
	  margin: 1.75rem auto;
	}  
}

.modal-xxl {
max-width: 98%;
width: 100%;
margin: 2% auto;
}



.expense-dups-search {
	background-color:#fff;
}
.expense-dups-search div {
	
}
.expense-dups-search div a {
	display:block;
	line-height: 24px;
	margin: 0 5px 0 5px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
  background-image: linear-gradient( to bottom, #007bff, #024d9d );
}


.sm-sidemenu-parent {
	z-index: 5;
	position: sticky;
	top: 72px;
	
}

@media (max-width: 610px) {
	.sm-sidemenu-parent {
		z-index: 5;
		position: relative;
		top: 0px;
	}
}	



.sm-sidemenu-holder .nav-pills .nav-link {
	color: #fff;
	padding: 0.6rem 1rem;
	font-size: 0.9rem;
}

.sm-sidemenu-holder {
	padding: 7px 0 0 15px;
	  margin: -16px -15px 0px -15px;
	  color: #fff;
	  background-image: linear-gradient( to bottom, #424242, #0b0f13 );
}

.sm-sidemenu-holder .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #000;
	  background-color: #eaf1ff;
	  border-radius: 0.25rem 0.25rem 0 0;
	  background-image: none;
}

td.valign-middle,
th.valign-middle {
	vertical-align: middle !important;
}	



@media print {
	.sm-sidemenu-holder {
		display:none;
	}
}
	@media (min-width: 1024px) {
		#navbar-content .navbar-nav .nav-item.active {
			position: relative;
			border-radius: .25rem .25rem 0 0;
		}
		
		.has-sidemenu #navbar-content .navbar-nav .nav-item.active {
			border-radius: .25rem !important;
		}	
		
		
		.wooh-navbar.navbar .nav-item.active, .wooh-navbar.navbar .nav-item:hover {
			border-radius: .25rem;
		}		
		#navbar-content .navbar-nav .nav-item.active::after {
			content: " ";
			position: absolute;
			/*bottom: -9px;*/
			top: 48px;
			left: calc(50% - 5px);
			width: 0;
			height: 0px;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 10px solid #f4f4f4;			
		}
	}

.btn-wooh-group {
	text-align:center;
}	
.btn-wooh-group .btn-wooh {
	width: 120px;
}
	
@media (max-width: 610px) {
	.w-sm-100 {
	  width: 100% !important;
	}  
}	


.cms-radio, .cms-checkbox {
	font-size: .875rem; padding: .25rem .5rem;
}
h6.cms-sub-title {
background-color: #e9e9e9;
line-height: 24px;
text-align: center;
border-radius: 5px;	
}

.btn-group.btn-group-toggle .btn-secondary.active {
	color: #fff;
	background-color: #0062cc !important;
	border-color: #005cbf !important;		
	background-image: linear-gradient( to bottom, #007bff, #024d9d ) !important;
}


.bootstrap-datetimepicker-widget > ul {
	padding:0;	
}	

.icon-chevron-down,
.icon-chevron-up,
.icon-time,
.icon-calendar {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;	
	float: right;	
	
}	
.icon-calendar::before {
  content: "\f133";
}
.icon-time::before {
  content: "\f017";
}
.icon-chevron-up::before {
	content: "\f0de";
}
.icon-chevron-down::before {
	content: "\f0dd";
}

/*
.btn-group-wooh .btn-wooh {
	min-width: 80px;
	border-radius: 5px !important;
	margin: 0 3px 2px 0;
}	
*/

.btn-group-wooh {
	text-align:center;
}	

.btn-group-wooh .btn-wooh {
  min-width: 81.8px;
  border-radius: 3px !important;
  margin: 0 0px 3px 0;
}

.wooh-tab-content {
	background-color:#fff;
	padding:15px;
	margin-top:-1px;
	border:1px solid #dee2e6;
	border-radius:0 0 5px 5px;
}		
.wooh-tabs .nav-item .nav-link {
	color:#fff;
	padding-bottom:15px;
}
.wooh-tabs .nav-item .nav-link:hover {
	border:1px solid transparent;
}
.wooh-tabs .nav-item .nav-link.active {
	color:#000;
}
.wooh-tabs {
	/* background-image: linear-gradient( to bottom, #6c757d, #4b5157); */
	background-image: linear-gradient( to bottom, #000, #124a87 ) !important;
	padding: 10px 10px 0 10px;
	border-radius: 5px 5px 0 0; 
}
.quickbtn-holder .sub-title {
margin: 10px 0 5px 0;
color: #ccc;
font-size: 0.8rem;
}

#lazy-table thead th {
	vertical-align:top;
}
table.lazy-sortable tbody tr {
	cursor: grab;
}
table.lazy-sortable tbody tr:active {
	cursor: grabbing;
}


.bootstrap-select.form-control {
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: none;
  height: auto;
}

#wooh-navbar {
	z-index:1001 !important;
}


.register-info-abstract {
	font-size:20px;
}

td.td-link:hover
{
  background-color: #007bff;
  color: #fff;
  cursor: pointer;
}
th.td-link:hover
{
  background-color: #007bff;
  color: #fff;
  cursor: pointer;
}

.cms-table {
	width:100%;
}
.dropdown-menu {
	z-index:9999 !important;
}

.middle-ellipsis {
  display: inline-block;
  width: 100%;            /* set your desired width */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  direction: rtl;
  text-align: left;
}


.btn-group-wooh-bg {
  text-align: center;
  background-color: #fff;
  padding: 15px 0;
  border-radius: 5px;
  margin: 15px 0;
  /* background-image: linear-gradient( to bottom, #000, #124a87 ); */
}

.bg-wooh {
  background-image: linear-gradient( to bottom, #000, #124a87 ) !important;
}

.dropdown-menu.show {
	max-width:350px !important;
}

.wooh-text-danger {
  color: #ff8989 !important;
}