/*@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400&display=swap');*/

@font-face {
    font-family: Nunito;
    src: url('/fonts/Nunito-Regular.ttf');
}

html {
  height: 100%;
}
body{
	min-height: 100%;
	background-color: #eff1f7 !important;	
	overflow:auto;
	overflow-x: hidden;
	font-family: 'Nunito', sans-serif;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6{
	font-family: 'Nunito', sans-serif;
}
.form-login .uk-input{
	height: 42px;
	font-size: 15px;
}
.form-login .uk-button{		
	font-weight: 400;
	height:40px;
}
.form-login label,.form-login button{
	font-size:13px;
	letter-spacing:2px;
}
.section-login{
	background:linear-gradient(90deg, rgb(239 241 247 / 100%) 50%, rgb(255 255 255 / 100%) 50%);
}
.login-bg{
	/*background:linear-gradient(90deg, rgb(98 118 147 / 21%) 50%, rgb(255 255 255 / 64%) 50%);*/
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
	background-color:#FFF;	
	position:relative;
}
.login-bg:after{
	content: '';
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: -50px;
    width: 0;
    height: 0;
    border-top: solid 50px #627293;
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
}
/*.login-bg:before{
	content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
    width: 0;
    height: 0;
    border-bottom: solid 50px #11cdef;
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
	z-index:2;
}*/
.mt--10{
	margin-top:-10px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.label-room-details{
	display: inline-block;
    min-width: 50px;
    color: #ffffff;
    background-color: #627293;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 14px;
}
.card-room-details{
	background-color: #627293;
	border-radius: 3px;
	color: #ffffff !important;
}
.card-room-details .uk-align-right{
	margin-bottom: 0;
}
.card-room-details .uk-card-title {
    color: #fff;
}
.card-room-details .label-room-details{
	opacity: 0.5;
}
.uk-display-text{
	display: inline-block;
    min-width: 110px;
}
#a-room-select{
	background-color: #627293;
	color: #FFF;
}
.uk-sub-text{
	color:#627293 !important;
}
.login-h3{
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #627293;
}
a:hover{
	text-decoration:none;
}
.uk-input, .uk-select, .uk-textarea{
	border-radius:2px;	
}
.uk-button{
	padding: 6px 12px;
	border-radius: 3px;   
	line-height: 20px;
	text-transform:capitalize;
}
label {
    display: inline-block;
    margin-bottom: 2px;	
}

.uk-label-warning-light {
    background-color: #fbc122 !important;
}
#span-ip-count,#span-dis-count,#span-admission-count,#span-sales-pending-count{
	/*min-width:30px;*/
   /* text-align: center;
    background-color: #fbc122;
    color: #FFF;     
    font-size: 14px;
    margin-left: 5px;
    border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
	padding:2px 5px;*/
}
.div-desc-border{
	border-bottom: 1px solid #e5e5e5;
    padding: 5px 8px;    
	margin-bottom:15px;
}
.div-desc-border .ta-description{
	text-transform:none !important;
}

.nav-sidebar .nav-item>.nav-link>i,.nav-sidebar.accordian-menu > li > a > i {
    font-size: 16px;
    min-width: 36px;
    transition: all 0.2s ease-in-out;   
    text-align: center;
    margin-right: 15px;
    padding: 5px;    
    border-radius: 5px;
    border: 1px solid #64729347;   
}
.nav-sidebar.accordian-menu>li>a {
    height: 30px;    
}
.nav-sidebar .nav-item.nav-active>.nav-link>i,.active-li>a>i{
	border: 1px solid #11cdef !important;   
}

.icon-button__badge {
  position: absolute;
    top: -5px;
    left: 30px;
    width: 20px;
    height: 20px;
    background: #ff5722;
    color: #ffffff;
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 12px;
}
.icon-button__badge-df{
	display:flex;
}
.icon-button__badge-success{
	background: #32d296;
}

.img-logo{
	max-height: 45px !important;
}
.button-delete-custom{
	background: none !important;
	padding: 4px !important;
	font-size: 0.9rem;
	border-radius: 0 !important;
	float: right;
}
.form-create label:first-child,.form-edit label:first-child{
	margin-top: 0px;
}
.form-create label,.form-edit label{
	margin-top: 10px;
}
.uk-input, .uk-select:not([multiple]):not([size]){
	height:36px;
}
.bg-light{
	background-color:#f5f6f6;
}
.uk-text-primary {
    color: #11cdef !important;
}
.button-view,.button-edit,.button-delete,.button-back,.button-reset,.button-upload,.button-idcard{	
    background-color: #F1F1F1;
    line-height: 0;
    padding: 5px;
    margin: 10px 5px;
    border-radius: 5px;
	border:1px solid #e2e4e7;
}

.button-idcard{	
    background-color: #0d6efd4d;
    color: #569aff;	
}

.button-view:hover,.button-edit:hover,.button-delete:hover{	
    background-color: #ebebeb;
}
.button-edit{
	background-color:#e5f6fe;
}
.button-delete{
	background-color:#feeae9;
}
.button-edit-ip{
	background-color:#e5f6fe;
    line-height: 0;
    padding: 8px;
    margin: 0 5px;
    border-radius: 20px;
}
.button-edit-ip:hover{	
    background-color: #d4f1ff;
}

.button-reset,.button-reset:hover{
	background-color:#fff3e4;
	color: #fccd93;
}
.button-upload,.button-upload:hover{
	background-color: #dde0e7;
    color: #627293;
}
.button-upload:hover{
	opacity: 0.9;
}
.button-reset:hover{
	background-color:#fdeedb;	
}
.button-edit:hover{
	background-color:#d4f1ff;
}
.button-delete:hover{
	background-color:#f3dcdc;
}
.button-back{
	background-color:#e7eaec;
}
.button-back:hover{
	background-color:#DFDFDF;
}
.button-view,.button-view:hover{
	color:#9e9e9e;
}
.uk-text-transform-none{
	text-transform:none;
}
.div-filename{
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 00.95rem;
  transition: all 0.2s ease;   
}
.button-browse{
	padding: 10px 20px;
    font-size: 18px;
}
.div-filename:hover {
	overflow: visible;
  }
  .min-w-210{
	  width: 210px;
  }
  .uk-padding-left-15{
	  padding-left: 15px;
  }
  .bg-body-light{
	  background-color: #eff1f7;
  }
  .div-ref-range{
	background-color: #f3f3f3;
    display: inline-block;
    min-width: 150px;
    text-align: center;
    border-radius: 3px;
    color: #627293;
  }
  .table-no-border tr{
	border: none !important;
  }
  .label-category{
	border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
	margin-bottom: 10px;
  }
  .uk-button .span-count{
	background-color: #0fbad9;
    color: #fffffe !important;
    font-size: 15px;
    padding: 2px 8px;
    margin-left: 5px;
    border-radius: 3px;
  }
  a .span-count{
	background-color: #627293;
    color: #fffffe !important;
    font-size: 15px;
    padding: 2px 8px;
    margin-left: 5px;
    border-radius: 3px;
  }
.uk-table td{
	vertical-align:middle;
	padding:6px 12px;
}
.uk-button-primary,.uk-button-primary:hover{
	background-color: #11cdef;
}
.uk-button-primary:hover{
	opacity:0.9;
}
.uk-text-primary-site {
    color: #11cdef !important;
}
.uk-padding-small-left{
	padding-left: 10px !important;;
}
.uk-grid-menu{
	margin: 0;
}
.uk-grid-menu .uk-grid-menu-item{
	padding: 10px;
    margin: 0;
}
.page-icon{
	font-size: 2.5rem;
	color: #858bad;
	background: -webkit-linear-gradient( #76efff,#89acee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.dropdown-with-arrow:before {
	content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: -8px;
    border-bottom: 8px solid rgb(255, 255, 255);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.dropdown-with-arrow-black{
	max-width: 300px;
	min-width: 300px;
	min-height: 350px;
	max-height: 350px;
	overflow: hidden;
	margin-top: 15px;
	text-align: center;
}
.dropdown-with-arrow-black>div{
	overflow: auto;
    height: 265px;
    overflow-x: hidden;
    text-align: left;
    padding-top: 10px;
    margin-top: 5px;
}
.span-icon-text{	
    display: block;
    margin-top: 10px;
    font-size: 1.1rem;
    border-top: 1px solid #f1f1f1;
    padding-top: 10px;
	color: #858bad;
	font-weight: 500;
}
.span-text-count{
	color: #8f8f8f;
	font-size: 1.3rem;
}
.uk-card-body-site{
	padding: 20px 15px 20px 15px;
	box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;	
	transition: all 0.2s ease;
	border-radius: 3px;
}
.uk-card-body-site:hover{	
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;	
}

.bb-light{
	border-bottom:1px solid #e7eaec;
}
.box-div-light{
	border:1px solid #e7eaec;
	border-radius: 2px;
	padding: 15px;	
	background-color: #FFF;
}
#bal_cust{
	padding: 8px 16px;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    background-color: #627293;    
    border-radius: 5px;    
    position: relative;
    top: 3px;
	float: right;
}
.uk-hr{
	margin-top:10px;
	margin-bottom:10px;
}
.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}
.ibox-title {
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px;
    color: inherit;
    margin-bottom: 0;
    padding: 15px;    
    position: relative;
    clear: both;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 2px 2px 0 0;
}
.ibox-title h4 {
    display: inline-block;    
    margin: 0;
    padding: 0;
    text-overflow: ellipsis;
    float: none;
	color:#676a6c;
}
.ibox-content {
    clear: both;
}
.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid;
    border-width: 1px;
}
.span-ct{
	  border: 1px solid #e5e5e5;
	  height: 25px;
	  min-width: 85px;
	  display: inline-block;
	  text-align: center;
	  border-radius: 5px;
	  padding: 0px 4px;
	  margin-bottom: 4px;
}
/* .ibox-content h5{
	font-size: 1.2rem;   
    padding: 0px 5px;
    margin-bottom: 5px;
    border-left: 2px solid #01bcd4;
    color: #01bcd4;
	margin-top: 0.5rem;
} */
.porder-label{
	min-width:120px;
}
.border-none{
	border:none;
}
.dashboard-content .uk-input.uk-text-uppercase{
	text-transform:uppercase !important;
}

.uk-input:focus,.uk-select:focus,.uk-textarea:focus{
	border-color: #11cdef;
}
.text-error-msg{	
	font-size:0.95rem;
	margin-top: 2px;	
}
.uk-margin-top-20{
	margin-top:20px;
}
.span-circle{
	background-color: #11cdef;
    height: 12px;
    width: 12px;
    border-radius: 10px;
    margin-right: 10px;
}
.span-circle-black{	
	background-color: #293846;
    height: 8px;
    width: 8px;
    border-radius: 10px;
    margin-right: 5px;
    margin-left: -24px;
}
.pagination-custom-top{
	background-color: #FFF;
    padding: 0 0 10px 0;
    border-radius: 3px;
    margin-bottom: 0px;
    margin-top: 0px !IMPORTANT;   
}
.pagination-custom-top .lh-25{
	padding: 13px 8px;
}
.pagination-custom-top .uk-button-next,.pagination-custom-top .uk-button-prev{
	height: 50px !important;
}
.pagination-custom-top .uk-button-prev .uk-pagination-previous svg,.pagination-custom-top .uk-button-next .uk-pagination-next svg{
	height: 18px;
	width: 18px;
}
.uk-button-next,.uk-button-prev{
	border-radius: 2px;
    line-height: 0px;
    padding: 11px 14px;
    margin-left: 2px;
}
.uk-pagination li.uk-disabled>a{
	color:#DDD;
}
.pagination-custom-top{
	display:inline-flex;
}
.pagination-active>span{
	background-color: #e7eaec;   
	border-radius:3px;
}

.uk-active-sub>a{
	color: #FFF !important;
}
.rotate-180{
	transform:rotate(180deg);
}
.span-nav-icon{
	transition: all 0.3s ease;    
    padding: 6px;
}
.span-nav-icon svg{
	height:30px;
	width:30px;
}
.navigation{
	background-color:#FFF;
	height: 60px;	
	text-align:right;
	padding:0 15px;
}
.brand {
  position: absolute;  
  float: left;
  line-height: 60px;
  text-transform: uppercase;
  font-size: 1.4em;
}
.navigation>.nav-container>a{
	line-height: 60px;
	padding:0 10px;
}
.brand a,
.brand a:visited {
  color: #463f3f;
  text-decoration: none;
}
.navigation .nav-container .brand a.a-logo{
	font-size:1.5rem;
	position:absolute;
}
.main-content{	
	padding: 15px;
	padding-bottom:45px;
}
.sidenav {
  height: 100%;
  width: 220px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #314050;
  overflow-x: hidden;  
  padding-top: 15px;  
}
.sidenav::-webkit-scrollbar { width: 1px !important }
.sidenav { overflow: -moz-scrollbars-none; }
.sidenav { -ms-overflow-style: none; }

.sidenav a:hover {
  color: #f1f1f1;
}
.sidenav .closebtn {
 	position: absolute;
    top: 0;    
    font-size: 30px;   
    width: 100%;
    background-color: #11cdef;
    color: #FFF;
}
#main {
	margin-left:220px;  	
}
.close-mySidenav{
	width:0;	
}
.close-main{
	margin-left:0 !important;	
}
.sidenav .uk-nav-primary>li>a{
	font-size: 14px;
    line-height: 1.5;
    color: #a7b1c2;
    padding: 15px 20px 15px 15px;
	font-weight:600;
}
.sidenav .uk-nav-primary>li.uk-active>a{
	color: #FFF;
}
.sidenav .uk-nav-parent-icon>.uk-parent>a::after{
	transform: rotate(-180deg);
	transition:all .5s ease;
}
.sidenav .uk-nav-parent-icon>.uk-parent.uk-open>a::after{
	transform: rotate(0deg);
}
#mySidenav .uk-active>a{
	border-left: 4px solid #11cdef;
    background:#265b6e;
}
#mySidenav .span-user-icon{
	background-color: #293846;
    border-radius: 50%;
    padding: 15px;
}
.sidenav .uk-nav-primary .uk-nav-sub a{
	font-size: 14px;
    line-height: 1.5;
    color: #a7b1c2;
    padding: 8px 8px 8px 40px;
	font-weight:600;
}
.sidenav .uk-nav-primary .uk-nav-sub{
	/*border-left: 4px solid #11cdef;*/
	padding:0;
}
.sidenav .uk-nav-primary .uk-open a{
	border-left: 4px solid #11cdef;
}
.sidenav .uk-nav-primary .uk-open>a{
	background-color: #293846;
}
.span-user-type{
	font-size: 1.1rem;
}
.table-employee-details>tbody>tr{	
	border: 1px solid #e7eaec;
	background-color: #FFF;
}
.table-employee-details>tbody>tr.tr-heading{	
	border: none !important;
	background: none;
}
.table-employee-details>tbody>tr.tr-heading:first-child td{	
	padding-top: 0;
}
.table-employee-details>tbody>tr.tr-heading>td{	
	padding-left: 0;	
}
.table-employee-details>tbody>tr>td{
	padding:12px;
}
.table-employee-details>tbody>tr>td.uk-text-bold{
	font-weight: 500;
}
.table-employee-details>tbody>tr.tr-heading>td>h4{	
	font-weight: 500;
}
.bg-white{
	background-color: #FFF;
}
.span-dot-success,.span-dot-danger,.span-dot-warning{
	display: inline-block;
    background-color: #4caf50;
    height: 12px;
    width: 12px;
    padding: 0;
    border-radius: 8px;
	margin-right: 5px;
}
.span-dot-danger{
	background-color: #f44336;
}
.span-dot-warning{
	background-color: #ffc107;
}
#upload-demo {
	width: 250px;
    height: 250px;
    margin: 15px auto;
    padding-bottom: 50px;
}
figure figcaption {
	position: absolute;
	bottom: 0;
	color: #fff;
	width: 100%;
	padding-left: 9px;
	padding-bottom: 5px;
	text-shadow: 0 0 10px #000;
}
.img-employee-photo{
	margin: 0 auto;
    display: block;
    margin-bottom: 2rem;
}
.uk-hide{
	display: none;
}
.div-icon-list>div{
	width: 32px;
    display: inline-block;
    padding: 5px;
    text-align: center;
    border: 1px solid #e5e5e5;
    margin-bottom: 5px;
}
.div-icon-list>div>a{
	color: #676a6c;
	font-size: 1.25rem;
}

.div-icon-list>div:hover{    
	background-color: #e5e5e5;
}
.hidden {
	display: none !important;
}
[data-filter-item]:hover{
	cursor: pointer;
}
.span-text-icon{
	font-size: 1.25rem; 
    padding: 8px 0;
}
.navik-menu ul li{
	list-style-type: none;
}
.navik-menu li:last-child > ul ul{
	left: -250px;
}
.navik-menu li:last-child > ul{
	left: -150px;
}
.navik-menu li:first-child > ul ul {
    top: -27px;
    left: 100%;
}
#my_camera{
	margin: 0 auto;
	margin-bottom: 25px;;
}
.uk-progress{
	height: 8px;	
}
.uk-progress.progress-primary::-webkit-progress-value {
	background-color: #4caf50 ;
  }
  .uk-progress.progress-primary::-moz-progress-bar {
	background-color: #4caf50 ;
  }
  .uk-progress.progress-primary::-ms-fill {
	background-color: #4caf50 ;
  }
 
  .div-wizard .uk-input,.div-wizard .uk-select{
	height: 50px !important;
    border-radius: 5px;
    font-weight: 500;    
	padding: 0 0.9rem;
	text-transform: capitalize;
}
.div-wizard label.label-text{
	font-weight: 500;
    margin-top: 1.25rem;
}
.div-wizard .uk-hr{
	border-top: 2px solid rgba(0, 0, 0, 0.08);
}
.label-input{
	border: 1px solid #e5e5e5;
    height: 50px;
    border-radius: 5px;
    font-weight: 500;    
    padding: 0 15px;
    line-height: 50px;
    margin-right: 5px;
	background-color: #FFF;
	margin-top: 0 !important;
}
.div-wizard .uk-button{
	height: 46px;
    border-radius: 5px;
    line-height: 46px;
    padding: 0 1.5rem;
    font-size: 1rem;	
}
.div-wizard h2,.h2-heading{
	position: relative;
}

.div-wizard h2::after,.h2-heading::after{
	content: '';
    width: 50px;
    height: 5px;
    background-color: #11cdef;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.div-photo-browse{
	border: 1px solid #ebebeb;
    padding: 0px 0 25px 0;
	min-height: 400px;
}
.min-height-470{
	min-height: 470px;
}
.uk-modal{
	z-index: 100000;
}
.button-view-history{
	background-color: #627293;
    padding: 5px 10px;   
    border-radius: 5px;
    color: #ffffff;
	transition: all 0.1s ease;
}
.button-view-history:hover{
	opacity: 0.9;
	color: #ffffff;
}
.bg-red,.bg-red:hover{
	background-color: #f44336;
}
.bg-green,.bg-green:hover{
	background-color: #4caf50;
}
.btn-hover{
	padding: 10px 15px;
    font-size: 1.1rem;
	font-weight: 400;
}
.btn-hover:hover {
	opacity: 0.9;
}
.profile-img-circle{
	border-radius: 50%;
    border: 4px solid #e5e5e5;
    padding-left: 0;
    height: 100px;
    width: 100px;
}
.relative-arrow{	
    color: #11cdef;
	transform: rotate(90deg);
    margin: 15px;
}
.treatment-days{	  
    min-height: 200px;
	box-shadow: rgb(0 0 0 / 6%) -4px 9px 25px -6px;
	border-radius: 3px;
	background-color: #FFF;
	border-bottom: 3px solid #11cdef;
}
.treatment-days .div-header{
	background-color: #11cdef;
    color: #FFF;
    padding: 12px 10px;
}
.treatment-days .uk-list-divider{
	padding: 0px 10px;
}


.uk-button-export{
	height: 36px !IMPORTANT;
    line-height: 36px !important;
    font-size: 0.9rem !important;
    padding: 0px 12px !important;
    margin-bottom: 15px;
	background-color: #647293;
}
.uk-button-export:hover{
	background-color: #647293;
	opacity: 0.95;
}

.table-custom-p tr td{
	padding:16px 8px;
}

.a-allot-medicine-w{
	padding:5px 15px;
	color:#ff9800;
	border:1px solid #ff9800;
	margin-top:10px;
	border-radius:5px;
	font-size:22px;	
}
.a-allot-medicine-w:hover{
	color:#ff9800;
	opacity:0.9;	
}
.a-allot-medicine-s{
	padding:5px 15px;
	color:#4caf50;
	border:1px solid #4caf50;
	margin-left:10px;
	margin-top:10px;
	border-radius:5px;
	font-size:22px;
}
.a-allot-medicine-s:hover{
	color:#4caf50;
	opacity:0.9;
}

.table-medicines-presc tr td{
	vertical-align:top;
	padding: 16px 12px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.loader-div {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.75);
	height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index:1011;
}
.loader {
	position: relative;
	width: 10vw;
	height: 5vw;
	padding: 1.5vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
.loader span {
	position: absolute;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	background-color: #11cdef;
}
.loader span:nth-child(1) {
	animation: loading-dotsA 0.5s infinite linear;
}
.loader span:nth-child(2) {
	animation: loading-dotsB 0.5s infinite linear;
}
@keyframes loading-dotsA {
	0% {
		transform: none;
	}
	25% {
		transform: translateX(25px);
	}
	50% {
		transform: none;
	}
	75% {
		transform: translateY(25px);
	}
	100% {
		transform: none;
	}
}
@keyframes loading-dotsB {
	0% {
		transform: none;
	}
	25% {
		transform: translateX(-25px);
	}
	50% {
		transform: none;
	}
	75% {
		transform: translateY(-25px);
	}
	100% {
		transform: none;
	}
}
.footer{
	position:fixed;
	width:100%;
	bottom:0;
	background-color: #FFF;    
	color: #273646;
	text-align: center;
	font-size: 0.8rem; 
	margin: 0;
	padding: 5px 10px;		
	-webkit-box-shadow:rgba(17, 17, 26, 0.1) 0px 0px 16px;
	-moz-box-shadow:rgba(17, 17, 26, 0.1) 0px 0px 16px;
	box-shadow:rgba(17, 17, 26, 0.1) 0px 0px 16px;
	z-index: 1000;
}
.footer .span-copyright{
	color:#11cdef;
}
.footer .span-credit a{
	color: #707070 !important;
}
.a-logo img{
	height: 40px;
    max-width: 260px;
    margin-bottom: 5px;
}
.btn-nav{
	transition:all 0.5s ease;
}
.btn-nav:hover{
	cursor:pointer;
}
.label-treatments{
	font-size: 15px;
	margin-bottom: 15px;
}
#div-treatment-list{
	display: none;
}
.label-treatments input{
	margin-right: 5px;
}

.middle {
	width: 100%;
	text-align: center;
	/* Made by */
  }
   .middle input[type=radio] {
	display: none;
  }
  .middle input[type=radio]:checked + .box {
	background-color: #11cdef;
  }
  .middle input[type=radio]:checked + .box span {
	color: white;
	transform: translateY(70px);
  }
  .middle input[type=radio]:checked + .box span:before {
	transform: translateY(0px);
	opacity: 1;
  }
  .middle .box {
	width: 200px;
	height: 200px;
	background-color: #fff;
	transition: all 250ms ease;
	will-change: transition;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	position: relative;	
	border: 1px solid #e2e4e6;
	border-radius: 5px;
  }
  .middle .box:active {
	transform: translateY(10px);
  }
  .middle .box span {
	position: absolute;
	transform: translate(0, 60px);
	left: 0;
	right: 0;
	transition: all 300ms ease;
	font-size: 1.5em;
	user-select: none;	
  }
  .middle .box span:before {
	font-size: 1.2em;
	font-family: "Font Awesome 5 Free"; 
	display: block;
	transform: translateY(-80px);
	opacity: 0;
	transition: all 300ms ease-in-out;
	font-weight: normal;
	
  }
  .middle .front-end span:before {	
	content: "\f80d";
  }
  .middle .back-end span:before {	
	content: "\f80d";
  }
  
  .div-patient-old-id{	
	display: none;
  }
.div-patient-profile-details label{	
    color: #627293;
    display: block;    
	margin-bottom: 0;
	font-weight: 600;
}

.div-patient-profile-details span{	
	display: block;
	margin-bottom: 5px;
	text-transform: capitalize;
}

  .uk-label {    
    background: #11cdef;
  }
  
  .box-shadow-div{	
    border-radius: 8px;    
    box-shadow: rgb(0 0 0 / 3%) -4px 9px 25px -6px;
    border: none;
  }
  .box-shadow-div .ibox-title,.box-shadow-div .ibox-content{
	  border: none;
  }
  .box-shadow-div .ibox-title{
	border-bottom: 1px solid #e7eaec;
  }
  #div-profile-image{
	max-width: 230px;
    margin: 0 auto;
    margin-top: 1.5rem;
  }
  #div-img-preview{
	margin-top: 1.5rem;
  }
  #div-img-preview  #img-preview{
	border: 1px solid #eff1f7;
  }
	#div-profile-image img{
	border: 1px solid #eff1f7;
	}
  #btn-remove-photo{
	  display: block;
	  margin: 0 auto;
  } 
  #btn-crop{	
    margin: 0 auto;
  }
  .span-patient-id{
	letter-spacing: 6px;
    font-weight: 300;
    padding-left: 2px;
  }
.div-card-background{
	background-color: #ffffff;
    background-image: -webkit-linear-gradient(135deg, #34adff45 25%, #f5f5f5 25%);
    height: 215px;
    width: 410px;
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;    
	border: 1px solid #efefef;	
}
.div-card-background .div-card-title{
	font-size: 23px;
	text-align: center;
	font-weight: 600;
	margin: 0;
}
.div-card-title-sub{
	font-size: 1rem;
	text-align: center;
	font-weight: 500;
	margin: 0;
}
.div-barcode{
	float: right;
    position: relative;
    right: -5px;
    bottom: -80px;
} 
.div-barcode-profile>div{
	margin: 0 auto !important;
}
.div-old-id p{
	margin-bottom: 5px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0;	
}
.div-old-id p span{	
	font-weight: 600;
	letter-spacing: 2px;
}
.div-old-id{	
	clear: both;
    position: relative;
    bottom: -10px;
    border-left: 4px solid #9bd7ff;
    padding-left: 6px;
}
.span-patient-name{
	letter-spacing: 2px;
    font-size: 18px;
}
.div-patient-address,.div-patient-photo{
	margin-right: 0;
	margin-bottom: 0;
}
.div-patient-address span{
	line-height: 24px;
}
.patient-card-hover-animation{
	transition: all 5s ease;	
	margin: 10px auto;
}
.patient-card-hover-animation:hover{
	cursor: pointer;	
}
.radio-toolbar input[type="radio"] {
	display: none;
  }
  
  .radio-toolbar label {
	display: inline-block;
	background-color: #FFF;
	padding: 4px 11px;	
	font-size: 16px;
	cursor: pointer;
  }
  .radio-toolbar input[type="radio"]:checked+div{
	  transition: all 0.5s ease;
		transform: scale(1.04);
  }
  .radio-toolbar input[type="radio"]:checked+div.div-before::before {
	content: '';
	height: 35px;
	width: 35px;	
	position: absolute;
	background-image: -webkit-linear-gradient(135deg, #ffffff00  50%,#11cdef 50%);
	z-index: 2;
  }
  #modal-patients .uk-modal-body{
	  width: max-content;
  }

  .div-doctor-selected .patient-card-hover-animation:hover,.div-patient-selected .patient-card-hover-animation:hover{
	cursor: default;	
}
.uk-border-with-radius{
	border-radius: 5px;    
    border: 1px solid #efefef;
}

.radio-toolbar input[type="radio"]:checked+div.uk-border-with-radius::before {
	content: '';
	height: 35px;
	width: 35px;	
	position: absolute;
	background-image: -webkit-linear-gradient(135deg, #ffffff00  50%,#11cdef 50%);
	z-index: 2;
	top: 0;
	left: 0;
  }
.min-height-170{
	min-height: 170px !important;
}
.div-patient-selected  .patient-card-hover-animation{
	margin: 0;
}
.uk-notification{
	z-index: 999999;	
	top: 100px;
	
}
.uk-notification-message-warning{
	color: #333;	
    box-shadow: rgb(0 0 0 / 3%) -4px 9px 25px -6px;
	padding: 25px 15px;
	border-radius: 5px;
	padding-left: 95px;
	border-radius: 8px;	
	box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}
.uk-notification-message-warning .uk-notification-close{
	display: block;	
	top: 15px;
}
.uk-notification .notification-icon{
	display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #FFF;
    width: 50px;
    align-items: center;
    width: auto;
    padding: 18px;
	color: #ffc108;
	border-radius: 8px;
	border-right: 1px solid #f1f1f1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.uk-notification .notification-icon svg{
	height: 45px;
	width: 45px;
}
.uk-notification .notification-hgng{
	font-weight: 300;
}
.uk-notification .notification-msg{
	font-size: 16px;
	font-weight: 300;
}
.uk-notification .notification-icon-success{
	border-left: 2px solid;
	background-color: #cbf0e2;
}
.uk-notification .notification-icon-warning{
	border-left: 2px solid;
	background-color: #faebd7;
}
.uk-notification .notification-icon-danger{
	border-left: 2px solid;
	background-color: #f5bdc7;
}
/* .accordian-cons-queue .uk-accordion-title span::before{
	content: '\f0f0';
	font-family: "Font Awesome 5 Free"; 
	margin-right: 10px;
}
 */
.div-cons-queue .title{
	font-size: 1.1rem;
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
    color: #333333;
    padding-bottom: 20px;
}
.div-cons-queue .title .span-icon{    
	color: #11cdef;
}
.div-cons-queue .span-count-pending{
	background-color: #ffc107;
    padding: 2px 8px;
    color: #FFF;
    border-radius: 5px;
    font-size: 0.95rem;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	float: right;
}
.div-cons-queue .title .span-icon{
	margin-right: 5px;
}
.div-patient-queue{	
    padding: 2px 12px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #fff2da; 
    /*border-left: 2px solid #ffa502; */   
    position: relative;
    line-height: 22px;
	box-shadow: rgba(0, 0, 0, 0.03) 0px 10px 15px -3px, rgba(0, 0, 0, 0.03) 0px 4px 6px -2px;	
}
.div-patient-queue-completed{
	 border: 1px solid #c3f3d7;	
	/* border-left: 2px solid #2ed573; 	 */
}
.div-patient-queue-current{
	border: 1px solid #d7f0ff;	
	/* border-left: 2px solid #71c9ff; 	 */
	
}
.div-patient-queue .queue-icon{
	position: absolute;
    top: 12px;
    font-size: 18px;
    opacity: 0.75;
    color: #ffc108;
    right: 12px;
}
.div-patient-queue-completed .queue-icon{
	color: #23ad5c;
}
.div-patient-queue-current .queue-icon{
	color: #3eb6ff;
}
.clock{
	width: fit-content;
	box-shadow: rgb(149 157 165 / 10%) 0px 8px 24px;
	transition: all 0.2s ease;
    border-radius: 3px;
	padding: 0px 10px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: -webkit-linear-gradient( #76efff,#89acee);
}
.clock .span-time{
	font-size: 1.25rem;
    letter-spacing: 3px;
    font-weight: 500;    
    color: rgb(255, 255, 255); 
	display: block;  
	border-bottom: 1px solid #ddd;
	padding-bottom: 2px;
}
.clock .span-date{
	font-size: 0.9rem;
    letter-spacing: 1px;     
    color: rgb(255, 255, 255);
	display: block;
}
.div-patient-queue-list{	
    padding: 15px 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px; 
	position: relative;	
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	border-bottom: 4px solid #e1e1e1;
	min-height: 185px;
}
.div-patient-queue-list-completed{
	
	border-bottom: 4px solid #23ad5c;
}
.div-patient-queue-list-current{
	border-color: #11cdef;
	padding: 15px 5px;    
	padding-left: 10px;
	padding-right: 10px;
}

.div-patient-queue-list::before{
	font-family:"Font Awesome 5 Free";
	content: '\f0d9';    	
	position: absolute;
    left:10px; 
	color: #666;
	font-size: 1.75rem;
	top: 0px;
}

.div-patient-queue-list-current::before{
	font-family:"Font Awesome 5 Free";
	content: '\f0d7';   	
	position: absolute;
    left: 10px;  
	color: #11cdef;
}

.div-patient-queue-list-completed::before{
	font-family:"Font Awesome 5 Free";
	content: '\f058';    	
	color: #23ad5c; 
	position: absolute;
    left: 5px;
	font-size: 1.1rem;
}
.div-patient-queue-list span{
	color: #666;
	display: block;
}
.button-history{
	padding: 2px 5px;
	display: inline-block;
	font-weight: 400;
}
.accordian-personal-history,.accordian-vitals-history{	
	background-color: #f3f3f3;
    padding: 15px;
    padding-top: 1px;
    margin-left: 55px;
}

ul.accordian-history{
	margin-bottom: 0;
}

ul.accordian-history>li>a.uk-accordion-title{
	/* background-color: #f1f1f1;
    padding: 11px 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid #e7e7e7;
    padding-left: 80px;
	color: #627293; */
	padding-left: 40px;
	font-size: 18px;
	color: #666;
	padding-top: 1px;
}

ul.accordian-history li:not(.uk-open) .uk-accordion-title::before{
	background-image: none;
}
ul.accordian-history li.uk-open .uk-accordion-title::before {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E) I !important;
}
ul.accordian-history .uk-accordion-content{	
	margin-top: 0;	
	padding: 15px 0 0 0;
}
.uk-border{
	border: 1px solid #e5e5e5;
}

.patient-history {
	margin: 5px 0;
    padding: 0;
  }
  
  .patient-history>div {
	line-height: 1.6;
	background-color: #fff;	
	padding:15px;
	position: relative;	
	margin-bottom: 15px;	
	border: 1px solid #e3e3e3;
	border-radius: 3px;
  }
  
  /* .patient-history>div:before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #FFF;
	border: 3px solid #11cdef;
	position: absolute;
	top: 14px;
	left: -30px
  } */
 
  .patient-history>div>span.span-date{
		font-weight: 500;
		font-size: 0.85rem;
		margin-bottom: 5px;
		padding-top: 3px;
  }
  .patient-history>div>span.span-dr{
  	background-color: #12cdef;
    padding: 0px 10px;
    border-radius: 3px;
    color: #FFF;
    font-weight: 400;
	text-transform: capitalize;
  }


  /* .patient-history>div:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px;
	border-color: transparent #e3e3e3 transparent transparent;
	position: absolute;
	top: 16px;
	left: -17px
  } */
.a-add-button{
	position: absolute;    
}
.a-add-button span svg{
	height: 25px;
	width: 25px;
}
.accordian-history>:nth-child(n+2) {
    margin-top: 12px;    
    padding-top: 12px;
	border-top: 1px solid #e5e5e5;   
}

.accordian-personal-history>:nth-child(n+2),.accordian-vitals-history>:nth-child(n+2){
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e5e5e5;
}

.accordian-personal-history li .uk-accordion-title,.accordian-vitals-history li .uk-accordion-title{
	padding-left: 40px;
    font-size: 18px;
    color: #666;
    padding-top: 1px;
}
.accordian-personal-history li,.accordian-vitals-history li{
	margin-top: 15px;
}
.accordian-personal-history .uk-accordion-content,.accordian-vitals-history .uk-accordion-content{
	padding: 15px;
}
.accordion-title-testname{
	font-size: 18px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
    color: #666;
}

.uk-button-success{
	background-color: #33d296;
	color: #FFF;
}
.uk-button-success:hover{
	color: #FFF;
	opacity: 0.9;
}
.button-room-reserve{
	height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 16px;
    margin-top: -14px;
}

.uk-subnav-pill>.uk-active>a{
	background-color: #12cdef;
}
.h2-floor{
	background-color: #f1f1f1;
    padding: 5px 12px;
	border: 1px solid #d1d1d1;
	border-left: 4px solid #d1d1d1;
}
.div-room-vacant{	
	border: 1px solid #23ad5c;
    border-bottom: 2px solid #23ad5c;
	background-color: #e6fdf0;
    padding: 6px 12px;
    border-radius: 3px;
    font-weight: 600;
    line-height: 20px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 10px;
}
.div-room-occupied{	 
    border: 1px solid #ff9800;
    border-bottom: 2px solid #ff9800;
	background-color: #fff5e8;
	padding: 6px 12px;
    border-radius: 3px;
    font-weight: 600;
    line-height: 20px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 10px;
}
.div-room-vacant-demo{
	font-size: 0.9rem;
}
.link-room-occupied:hover{    
	background-color: #ff9800;
	color: #FFF;
	cursor: pointer;
}
.div-room-free-demo,.link-room-free-today{
	border: 1px solid #ffc107;
    border-bottom: 2px solid #ffc107;
}
.link-room-free-today:hover{
	background-color: #ffc107;
	color: #FFF;
	cursor: pointer;
}
.btn-gradient{
	width: fit-content;
	box-shadow: rgb(149 157 165 / 10%) 0px 8px 24px;
	transition: all 0.2s ease;
    border-radius: 3px;
	padding: 0px 10px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: -webkit-linear-gradient( #76efff,#89acee);
	color: #FFF;
	line-height: 54px;
	font-weight: 500;
	margin-left: 10px;
}
.btn-gradient:hover{
	opacity: 0.9;
	color: #FFF;
}
.uk-switcher-custom{
	border: 1px solid #e7e7e7;
    margin-top: 0 !important;
    padding: 15px;
}
.uk-border-custom{
	border: 1px solid #e7e7e6;
    border-bottom: none;
}
.uk-label-success {
    background-color: #32d296 !important;
}
.uk-text-medium{
	font-size: 1.25rem;
}
.div_history_details{
	text-align: justify;
}
.show-patient-history .div_history_details{
	margin-bottom: 1rem;
	padding-bottom: 15px;
	border-bottom: 1px solid #e9e9e9;
}
.show-patient-history .span-dr{
	background-color: #11cdef;
    color: #FFF;
    padding: 1px 5px;
	border-radius: 3px;
	text-transform: capitalize;
}
.show-patient-history{
	border-left: 1px solid #e9e9e9;
	position: relative;
}
.show-patient-history h4.title{
	position: relative;
	padding-left: 15px;
}
.show-patient-history>h4.title::before{
	content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #FFF;
    border: 3px solid #11cdef;
    position: absolute;
    top: 4px;
    left: -10px;
}
.uk-label-danger {
    background-color: #f0506e !important;
}
.label-status{
	min-width: 50px;
    text-align: center;
	font-size: .8rem;
	padding: 0 4px;
}
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked{
	background-color: #11cdef;
}
.img-login-logo{
	height: 60px;
}
.div-bg-gradient{
	background-image: -webkit-linear-gradient(322deg, #34adff00 75%, #12cdef 100%);
}
.uk-text-lowercase{
	text-transform: lowercase !important;
}
.div-patient-registration .uk-grid-menu .uk-grid-menu-item{
	padding: 5px 10px;
}
.div-patient-profile-details>:nth-child(n+2){
	margin-top: 5px;
    padding-top: 5px;
}
.min-w-90{
	min-width: 90px;
}
.min-w-150{
	min-width: 150px !important;
}
/* --------Dashboard Navbar -----------*/
.uk-link, a{
	color: #627293;
}
.nav-item>.nav-link>i{
	font-size: 18px;	
	min-width: 40px;
	transition: all 0.2s ease-in-out;
}
.nav-sidebar .nav-link{
	font-size: 16px;
	padding: 0 5px !important;	
}
.sidebar .span-menu-text{	
    position: relative;   
    top: -16px;
    left: 59px;
    background-color: #FFF;
    padding: 10px;
    color: #9595cb;
    font-size: 1.1rem;
}
.skin-base .nav-sidebar .nav-link{
	position:relative;
}
.nav-sidebar .nav-item .nav-sub a{
	padding: 8px 5px 8px 0px;
	height: 40px;
}
.nav-sidebar .nav-item .nav-sub a:hover{
	color: #17274d;
}
.nav-sidebar .nav-item .nav-sub a i{
	margin-right: 15px;
	opacity: 0.75;
}
.nav-sidebar .nav-item.show .nav-sub {
    display: flex;
    padding-left: 0px;
    margin-left: 40px;
	transition: all 0.5s ease;
	
}
.pt-0{
	padding-top: 0;
}
.sidebar-logo img{
	max-width: 30px;
}
.nav-sidebar{
	padding: 0 8px !important;
}
.nav-sidebar .nav-item{
	padding: 6px 0;
}

.sidebar-body{
	margin-top: 20px;
}
.sidebar-header{
	background-color: #f3f3f4;
}
.content .footer{
	margin-left: -260px;
}
.sidebar.minimized+.content .footer{
	margin-left: -60px;
}
.nav-active>a,.uk-active-sub{	
	color: #11cdef !important;
}
.content-header .uk-card-default{
	padding: 20px;
}
.uk-dropdown-nav>li>a{
	color: #627293;
	font-size: 16px;
	padding: 8px 0;
}
.content-body{
	padding: 0 !important;
}
.box-shadow-dashboard{
	padding: 19px 15px;	
    background-color: #FFF;	
}
.div-wizard{
	background-color: #FFF;
	padding: 1.5rem;
}
.skin-base .sidebar{
	box-shadow: 0 12px 30px rgb(80 143 244 / 10%) !important;
}

.dashboard-heading{
	background-color: #627293;
    color: #FFF;
    padding: 30px 25px;
    min-height: 130px;
}
.dashboard-heading h2{
	color: #FFF;
}
.dashboard-content{
	margin-top: -60px;
    padding: 15px;
	padding-bottom: 40px;
}
.dashboard-card{
	border-radius: 3px;
    background-color: #FFF;
    padding: 25px;
}
.dashboard-icon{
	font-size: 2rem;
    color: #858bad;
    background: -webkit-linear-gradient( #627293,#627293);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	opacity: 0.75;
}
.dashboard-content .div-wizard{
	background-color: #FFF;
    padding: 25px;   
    border-radius: 3px;
}
.dashboard-content .ibox{
	margin-bottom: 0;
}
.dashboard-content .ibox-content{
	padding: 0;
}
.img-circle{
	border-radius: 50%;
}
.hr-light{
	border-top: 1px solid #b5b5b5;
}
.hr-dark{
	border-top: 1px solid #b5b5b5 !important;
}
.dashboard-content .show-patient-history>h4.title::before{
	width: 15px;
    height: 15px;
	left: -8px;
}

#alert-success .uk-modal-body,#alert-warning .uk-modal-body,#alert-danger .uk-modal-body{
	border-radius: 3px;
	border-left: 5px solid #33d296;
}
#alert-success .alert-msg,#alert-warning .alert-msg,#alert-danger .alert-msg{
	font-size: 20px;	
}
#alert-success .span-msg,#alert-warning .span-msg,#alert-danger .span-msg{	
    margin: 15px 0 0 0;
    display: block;
}
#alert-danger .uk-modal-body{
	border-left-color: #f0506e;
}
#alert-warning .uk-modal-body{
	border-left-color: #ffc107;
}
.alert-msg .span-status{
	font-size: 24px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.uk-text-warning {
    color: #ffc107!important;
}
.uk-offcanvas-flip .uk-offcanvas-bar{
	background-color: #FFF;
	color: #000;
	padding: 15px;
}
.uk-offcanvas-flip .uk-offcanvas-bar h4,.uk-offcanvas-flip .uk-offcanvas-bar h5,.uk-offcanvas-flip .uk-offcanvas-bar .uk-close{	
	color: #000;
}
.uk-offcanvas-flip .uk-card-title,.div-patient-selected .uk-card-title{
	font-size: 18px;
}
.img-patient-image{
	position: relative;
	top: -30px;
}
.div-patient-barcode{
	margin-top: 5px;
}
.div-consultation-fee{
	margin-top: 20px !important;
}
.div-todays-consultations{
	min-height: 145px;
}
.div-todays-consultations .uk-card-title {
	font-size: 18px;
	font-weight: 500;
	color: #627293;
	margin-bottom: 2px !important;	
}
.div-todays-consultations p {
	font-size: 15px;
	
}
.div-todays-consultations .uk-card-header{
	padding: 5px;
}
.uk-badge{
	background: #12cdef;
}
.uk-badge-success{
	background-color:#33d296;
}

.span-token{
	font-size: 16px;
	font-weight: 300;
	background-color: #627293;
	color: #FFF;
	padding: 2px 5px;
	border-radius: 3px;
	min-width: 50px;
	max-width: 50px;
	text-align: center;
	opacity: 0.9;
}
.dashboard-content .uk-input,
.dashboard-content .uk-select,
#modal-medicine .uk-input,
#modal-medicine .uk-select,
.dashboard-content .uk-textarea,
#modal-resetpassword .uk-input
{
	height: 50px !important;
    border-radius: 5px;
    font-weight: 500;
    padding: 0 0.9rem;
    text-transform: capitalize !important;
}
.dashboard-content .uk-textarea{
	min-height: 100px;
	padding: 0.9rem;
	height: auto !important;
}
.dashboard-content .uk-button:not(.button-delete),#modal-medicine .uk-button:not(.button-delete),.button-new,#modal-resetpassword .uk-button{
    height: 46px;
    border-radius: 5px;
    line-height: 46px;
    padding: 0 1.4em;
    font-size: 16px;
	font-weight: 300;
}
.div-cons-list{
	padding: 15px;
    border: 1px solid #e3e6ec;
    border-radius: 3px;    
}

.div-cons-list .span-token{
	position: relative;
    left: 14px;
    top: -14px;
    padding: 5px;
    opacity: 0.65;
}
.mt--5{
	margin-top: -5px;
}
.bar {
	float: left;
	width: 15px;
	height: 6px;
	border-radius: 2px;
	background-color: #627293;
	margin-top: -10px;
  }
.load-10 .bar {
	animation: loadingJ 2.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
  }

  .load-table .bar{
	  margin-top: 0;
	animation: loadingT 2.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
  }
  .mt--5{
	  margin-top: -5px !important;
  }
  .div-screening-details .span-dr{
	display: none;
  }
  .div-screening-details .patient-history>div{
	border: none;
	padding: 5px 15px;
  }

  @keyframes loadingT {
	0%,
	100% {
	  transform: translate(0px, 0);
	}
  
	50% {
	  transform: translate(50px, 0);
	  background-color: #11cdef;
	  width: 25px;
	}
  }

  @keyframes loadingJ {
	0%,
	100% {
	  transform: translate(110px, 0);
	}
  
	50% {
	  transform: translate(190px, 0);
	  background-color: #11cdef;
	  width: 25px;
	}
  }

  .label-screening{
	position: relative;
	padding: 0 15px;
	padding-left: 40px;
	text-transform: capitalize !important;
	height: 46px;
	font-size: 16px;
	border-radius: 3px;
	line-height: 46px;
	background-color: #627293;
  }

  .button-screening-success{
	  background-color: #32d296 !important;
  }
  .hide-queue-element{
	  display: none;
  }


.button-with-loader{
	position: relative;
	padding-left: 40px !important;
}

  .span-loader{
	position: absolute;
	left: 15px;
	top: 50%;
	height: 15px;
	width: 15px;
	background-color: transparent;
	box-sizing: border-box;
	opacity: 1;
	border-radius: 50%;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-right: 2px solid rgba(255, 255, 255, 0.35);
	transition: all 0.5s ease;
	animation-name: spin;
	animation-duration: 0.75s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
  }
  @-moz-keyframes spin {
	from {
	  -moz-transform: translateY(-50%) rotate(0deg);
	}
	to {
	  -moz-transform: translateY(-50%) rotate(360deg);
	}
  }
  @-webkit-keyframes spin {
	from {
	  -webkit-transform: translateY(-50%) rotate(0deg);
	}
	to {
	  -webkit-transform: translateY(-50%) rotate(360deg);
	}
  }
  @keyframes spin {
	from {
	  transform: translateY(-50%) rotate(0deg);
	}
	to {
	  transform: translateY(-50%) rotate(360deg);
	}
  }

  .uk-label-status-success{
	background-color: #33d296;
	color: #FFF;
	position: relative;
	text-transform: capitalize !important;
	padding-left: 20px;
  }
  .uk-label-status-success .span-loader{
	left: 5px;
	height: 12px;
	width: 12px;
}


  .uk-button-screening,.uk-button-screening:hover{
	background-color: #627293;
	color: #FFF;
	transition: all 0.2s ease;
  }
  .uk-button-screening:hover{
	  opacity: 0.9;
  }
  .span-screening{
	  background-color: #33d296;
	  color: #FFF;
	  padding: 0px 10px;
	  border-radius: 3px;
	  font-size: 14px;
  }
  .dashboard-menu-text{
	  position: relative;
	  top: -5px;	  
  }
  .dashboard-menu-text .uk-label{
	  text-transform: capitalize;
	  padding: 0px 5px;
  }
  .dashboard-menu-text .uk-label-nobg{
	background-color: #FFF;
	color: #627293;
  }
  .avatar-body h6{
	  font-weight: 300 !important;
	  font-size: 15px;
  }
  .label-radio-room{
	padding: 5px 10px;
    background-color: #33d296;
    color: #FFF;
    margin-right: 10px;
    border-radius: 3px;	
	margin-bottom: 10px;    
  }
  .label-radio-room:hover{
	  opacity: 0.9;
	  cursor: pointer;
  }
  .label-radio-alloted{
	background-color: #ffc107 !important;
  }
  .label-radio-free-today{	
	background:#11cdef !important;
  }

  span.label-radio-free-today{
	background:transparent;
	
  }
  span.label-radio-free-today i{
	color: #1195ad !important;
  }
  .label-radio-reserved{
	border:2px solid #3f51b5;
  }
  input.radio_room{
	display: none;
  }
  input.radio_room:checked+label{
	background-color:#627293;
	}

	.skin-base .avatar-initial {
		background-color: #627293 !important;		
	}
/* --------END Dashboard Navbar -----------*/

#div-adm-details,#div-resv-details{
	display: flow-root;
}

.select2-container--default .select2-selection--single{
	height: 50px !important;
    border-radius: 5px !important;
    font-weight: 500;    
    text-transform: capitalize !important;
	color: #666 !important;
    border: 1px solid #e5e5e5 !important;
    transition: .2s ease-in-out !important;
    transition-property: color,background-color,border !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 50px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
	border-radius: 5px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
	border-color: #11cdef !important;
	outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 50px !important;
	right: 5px !important;
}
.select2-dropdown{
	border: 1px solid #e5e5e5 !important;
	border-radius: 5px !important;
}
.tr-border-bottom{
	border-bottom: 1px solid #e5e5e5;
}
.div-medicine-list .uk-checkbox,.div-medicine-list .uk-radio{
	margin-right: 5px;
}
.div-medicine-list{
	padding: 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 12%);
}
.bg-white-header{
	background-color: #FFF;
	padding: 30px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	min-height: 165px;
}
.bg-light-body{
	background-color: #f3f4f3;
	padding: 30px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	min-height: 335px;
}
.div-add-item .bg-white-header h3{
	line-height: 120px;
}
.div-add-item .bg-light-body{
	line-height: 275px;
}
.div-tests-padding-small{
	padding: 6px 8px !important;
}

.select2-dropdown{
	z-index: 100000 !important;
}
.select2-container{
	width: 100% !important;
}
.card-test-pending{	
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 10px;
    /* box-shadow: 0px 0px 20px rgb(0 0 0 / 12%); */
    border: 1px solid #e9ebf0;
}
.card-test-pending ul li{
	padding: 5px 15px !important;
	font-size: 14px !important;
}
.label-test-status-warning,.label-test-status-success{
	background-color: #ffc107;
	padding: 2px 4px;
	color: #FFF !important;
	border-radius: 3px;
	font-size: 0.8rem;
}

.label-test-status-success{
	background-color: #33d296;
}
.uk-offcanvas-bar .uk-list-divider>:nth-child(n+2){
	border-top-color:#e9ebf0;
}
.uk-offcanvas-bar .uk-list-divider li{
	font-size: 15px;
	padding: 5px;
	margin: 0;
}
.span-badge,.span-bill{
	background-color: #11cdef;
    color: #FFF !important;
    padding: 2px 6px;
    font-size: 14px;
    border-radius: 3px;
	margin-bottom: 10px;
}
.span-badge-warning{
	background-color: #ffc107;
}
.span-bill{
	font-size: 16px;
}
.div-medicine-name{	
	margin-bottom: 5px;
	font-size: 17px;
}
.uk-table th{
	font-weight: 600;
	color:#627293;	
}
#offcanvas-pending i{
	color:#627293;
}
#offcanvas-pending span.uk-text-small{
	color:#627293;
}
.dashboard-content .ul-consultation-menu li a,.dashboard-content .ul-consultation-menu li a:hover{
	color:#666;	
	transition: all 0.2s ease;
	font-size: 18px;
}
.dashboard-content .ul-consultation-menu li a:hover{
	opacity: 0.8;
}
#offcanvas-flip h3{
	color: #000;
}
.div-consultation-history .span-date{
	font-size: 16px;
    color: #627293;
    padding-left: 5px;
    letter-spacing: 1px;
}
.card-consultation-history{
	padding: 40px;
}
.div-consultation-history .span-op-ip{
	background-color: #627293;
    color: #FFF;   
    border-radius: 3px;
    font-size: 18px;
    letter-spacing: 2px;    
    text-align: center;
    height: 45px;
    width: 45px;
    line-height: 45px;
}
.div-consultation-history h4.title{
	margin:40px 0;
}
.div-consultation-history h4.title:first-child{
	margin-top:0;
}
.div-consultation-history h4.title:last-child{
	margin-bottom:0;
}
.div-consultation-history>h4.title::before{
	top: 14px;
}


.table-patient-queue .uk-button{
	height: 36px !important;
    line-height: 36px !important;
    min-width: 163px;
    text-align: left;	
}
.label-screening{
	height: 36px !important;
    line-height: 36px !important;
    min-width: 163px;
    text-align: left;
}
.no-border{
	border: none !important;
}
.width-100,.width-100 .col{
	width: 100% !important;
}

#modal-room-status .uk-modal-dialog{
	width: 900px;
}

#modal-room-status .ul-admission-card{
	background-color: #627293;	
	color: #FFF;
	padding: 15px;
	border-radius: 3px;
}
#modal-room-status .ul-admission-card .uk-text-meta{
	color: #c5c5c5;
	display: block;
}


#modal-room-status .ul-admission-card>:nth-child(n+2) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #727c8f;
}



.uk-modal-800 .uk-modal-dialog{
	width: 800px;
}
.uk-modal-800 .uk-modal-dialog{
	background-color: #627293;
	box-shadow: rgb(79 81 86) 0px 48px 100px 0px;
}

.uk-modal-800 .uk-modal-dialog .div-content-left,.uk-modal-800 .uk-modal-dialog .div-content-right{
	padding: 30px 25px;
}
.uk-modal-800 .uk-modal-dialog .div-content-left{	
	color:#FFF;
}
.uk-modal-800 .uk-modal-dialog .scale-div{
	margin-top: -10px;
    background-color: #FFF;
    margin-bottom: -10px;
	margin-right: 5px;
}
.uk-modal-800 .uk-modal-dialog .div-content-left .fas,.uk-modal-800 .uk-modal-dialog .div-content-right .fas{	
    color: #cfcfcf;
	margin-right: 5px;
}
.uk-modal-800 .uk-modal-dialog .div-content-left .div-text,.uk-modal-800 .uk-modal-dialog .div-content-right .div-text{
	color: #cfcfcf;
    margin-bottom: 5px;
	margin-left: 5px;
}
.uk-modal-800 .uk-modal-dialog .div-content-left .text-large,.uk-modal-800 .uk-modal-dialog .div-content-right .text-large{
	margin-left: 25px;
	font-size: 18px;
}
.mtb-8{
	margin-top: 8px;
	margin-bottom: 8px;
}
.uk-modal-800  .uk-modal-close-default{
	right: 30px;
}
.radio-toolbar{
	margin-bottom: 15px;
    margin-top: 5px;
}
.radio-toolbar input[type="radio"] {
	display: none;
  }
  .radio-toolbar label {
	display: inline-block;
    background-color: #FFF;
    padding: 8px 12px;
    cursor: pointer;    
    border-radius: 3px;
	margin-right: 5px;
	/* border: 1px solid #e5e5e5; */
  }
  #modal-payment .radio-toolbar label,.div-consultation-fee .radio-toolbar label{
	border: 1px solid #627293;
	border-radius: 3px;
  }
  .radio-toolbar input[type="radio"]:checked+label {
	background-color: #627293;
	color:#fff;
	border-color: #627293;
  }
  .radio-toolbar input[type="radio"]+label:hover {
	transition: all .2s ease;
	/* transform: scale(1.05); */
	background-color: #627293;
	color: #FFF;
	border-color: #627293;
  }

.uk-modal-800 .uk-input,.uk-modal-800 .uk-select{
	height: 46px !important;
    border-radius: 5px !important;
    font-weight: 500;
    padding: 0 0.9rem;
    text-transform: capitalize !important;
}
.uk-modal-800 .uk-textarea{
	border-radius: 5px !important;
    font-weight: 500;
    padding: 5px 0.9rem;
    text-transform: capitalize !important;
}
.uk-modal-800 .uk-button{
	height: 46px;
    border-radius: 5px;
    line-height: 46px;
    padding: 0 1.4em;
    font-size: 16px;
	font-weight: 300;
	background-color: #627293;
}

.uk-modal-800 #patient-barcode>div>div{
	background-color: #FFF !important;
}

.max-min-width-350{	
	min-width: 350px;
}
.mbottom-5{
	margin-bottom: 5px;
}
.lettersp-2{
	letter-spacing: 2px;
}
.uk-padding-right-10{
	padding-right: 10px !important;
}
.uk-label-custom{
	background-color: #FFF;
	color: #627293;
	padding: 2px 10px;
	border-radius: 3px;
	font-size: 16px;
}
.icon-gender{
	color:#97e7c9;    
}
.label-radio-alloted .icon-gender{
	color: #627293;
    font-size: 18px;
    width: 15px;
}
.span-room-no{
	font-size: 18px;
    display: block;
    text-align: center;
    background-color: #62729338;
    padding: 2px 5px;
    border-radius: 3px;
    margin-top: 3px;
}
.span-room-type{
	background-color: #627293;
    color: #FFF;
    padding: 0 10px;
    border-radius: 3px;
}
.span-floor{
	font-size: 18px;
	font-weight: 600;
}
.hr-margin-small{
	margin: 0.5rem 0 !important;
}
.br-light{	
	padding-right: 10px;
}
.icon-success{
	color:#97e7c9 !important;
	padding: 0 2px;
}
.span-room-gender{
	padding: 0px 2px;
}
.bg-gradient-1-4{
	background: linear-gradient(90deg, rgb(255 193 8) 25%, rgb(51 210 150) 70%);
}
.bg-gradient-2-4{
	background: linear-gradient(90deg, rgb(255 193 8) 50%, rgb(51 210 150) 50%);
}
.bg-gradient-3-4{
	background: linear-gradient(90deg, rgb(255 193 8) 75%, rgb(51 210 150) 25%);
}
.bg-gradient-4-4{
	background: rgb(51 210 150) 50%;
}
.div-room-details{	
    padding-top: 5px;    
}
.span-bank-address{
	word-break: break-word;
    max-width: 300px;    
	display: block;
}
.div-cash-details .uk-grid-menu-item{
	padding: 0 0 10px 0;
}
.div-cheque-details .uk-grid-menu-item,.div-card-details .uk-grid-menu-item,.div-netbanking-details .uk-grid-menu-item,.div-upi-details .uk-grid-menu-item{
	padding: 5px;
}
#ta_remarks{
	text-transform: none !important;
}
.div-test-outsource{
	padding: 10px;
	border: 1px solid #e9ebf0;
	margin-bottom: 10px;
}
.div-test-outsource .button-delete{
	margin-top: -10px;
}
#description{
	text-transform: none !important;
}
.uk-tab>*>a{
	border-bottom: 2px solid transparent;
	font-size: 16px;
	font-weight: 500;
}
.uk-tab>.uk-active>a{
	border-color: #11cdef;
}
.ul-consultation-details li .show-patient-history{
	margin: 30px 15px;
}
.max-w-125{
	max-width: 125px;
}
.max-w-80{
	max-width: 80px;
}
.table-sales-items .a-add-row,.table-sales-items .a-remove-row{
	font-size: 25px;
}
.table-sales-items .a-add-row{
	font-size: 35px;
}
.uk-text-normal{
	font-size: 18px;
	font-weight: 600;
}
.line-h-50{
	line-height: 50px;
}
.txtbox-readonly,.txtbox-readonly:focus{
	border: none;
	background-color: #f1f1f1;
	border: 1px solid #dfeaff;	
}
.span-required{
	padding: 3px;
    position: absolute;
    margin-left: 3px;
    margin-top: -3px;
    font-size: 20px;
	color: #f44336;
}
.table-purchase-add .uk-input.max-w-125{
	/* min-width: 125px; */
}
.table-purchase-add .uk-input.max-w-80{
	/* min-width: 80px; */
}
.table-purchase-add .a-remove-row{
	font-size: 25px;
}
.table-purchase-add .a-add-row{
	font-size: 26px;
}
.table-purchase-add tr{
	border: none !important;
}
.table-purchase-add tr td,.table-purchase-add tr th{
	border: 1px solid #e5e5e5;
	padding: 4px;
}
.table-purchase-add .uk-input,.table-purchase-add .uk-select{
	height: 40px !important;
	font-size: 15px;
	padding: 0 5px;
	min-width: 90px;	
	border-radius: 0;
}

.table-purchase-add .uk-input:focus,.table-purchase-add .uk-select:focus{
	background-color: #eff1f7;
}
.table-purchase-add .txt-readonly:focus{
	border: none;
}

.table-purchase-show tr td,.table-purchase-show tr th{
	border: none;
	border-bottom: 1px solid #e5e5e5;	
	font-size: 14px;
}


.table-purchase-add thead tr th,.table-purchase-add tfoot tr th{
	text-transform: capitalize;	
	font-weight: 300;
	font-weight: 600;
}
.line-h-40{
	line-height: 40px;
}
.table-purchase-add .select2-container--default .select2-selection--single{
	height: 40px !important;
	min-width: 125px;
}
.table-purchase-add .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 40px !important;
}
.table-purchase-add .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 40px !important;
    right: 2px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #666 !important;
}
.select2-results__option{
	padding: 4px 6px;    
    font-size: 15px !important;
}
.uk-vertical-align-top{
	vertical-align: top !important;
}
#txt_paid_amount,#txt_change{
	font-size: 20px;
	height: 50px !important;
    border-radius: 5px;
    font-weight: 500;
    padding: 0 0.9rem;
}
.div-customer-other,.div-customer-supplier,.div-head-other{
	display: none;
}
.span-view-details:hover{
	cursor: pointer;
	opacity: 0.8;
}
.span-view-details{
	color: #11cdef;
	transition: all 0.1s ease;
}

.ui-autocomplete{
	z-index: 1000000;
}

#modal-payment .radio-toolbar input[type="radio"],#offcanvas-flip .radio-toolbar input[type="radio"]{
	display: inline-block; 
    height: 0px;
    width: 0px;
    background: white;
    border: none;
}
#modal-payment .radio-toolbar input[type="radio"]:focus+label,#offcanvas-flip .radio-toolbar input[type="radio"]:focus+.uk-card{
	outline:2px dotted #17274d;	
}
.min-w-120{
	min-width: 120px !important;
}

.div-popup{
	position: relative;
    margin-top: -35px;
    padding: 5px 10px;
    background-color: #647293;
    border-radius: 3px;
    min-width: 90px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #dfeaff;
    color: #FFF;
	opacity: 0.9;
}
.label-ip-roomwise .span-room-gender{
	padding: 2px 6px;
	font-size: 20px;
}


.ul-ip-card:hover{
	cursor: pointer;
}
.pl-40{
	margin-left: 20px;    
    padding-left: 20px;
}
.accordian-admission-details{
	margin-bottom: 0;
}

.accordian-admission-details li .uk-accordion-title{
	border-bottom: 1px solid #e9e9e9;
    padding-bottom: 15px;
}

.accordian-admission-details li:last-child .uk-accordion-title{
	border-bottom:none;
	padding-bottom: 0;
}
.bt-light{
	border-top: 1px solid #e5e5e5;
}

.div-patient-ip-details .div_history_details{
	margin-top: 25px !important;
}

.skin-base .nav-sidebar .nav-link {
    color: #666;
}
.accordian-menu>li{
	padding: 4px 0;
}
.accordian-menu>li>a{
	height: 24px;
	font-size: 16px;
	padding: 0 5px !important;
}
.accordian-menu>li>a>i{
	min-width: 35px;
	font-size: 18px;
	transition: all 0.2s ease-in-out;
}
.accordian-menu .uk-accordion-content{
	margin-top: 5px;
}
.active-li>a{
	color: #11cdef !important;
}
.accordian-menu .uk-accordion-content>ul>li{
	border-top: 1px solid #e9ebf0;
}
.accordian-menu .uk-accordion-content>ul>li:first-child{
	border: none;
}
.accordian-menu .uk-accordion-content>ul{
	background-color: #f5f5f5;
    border-radius: 8px;
    padding: 8px 12px !important;
}

.table-with-small-input .uk-input,.table-with-small-input .uk-select{
	height: 45px !important;
}
#modal-expired .uk-modal-dialog{
	max-width: 700px !important;
}
#modal-expired .uk-modal-dialog .uk-modal-body{
	max-height: 800px !important;
	overflow: auto;
}

/* .border-left-4-green{
	border-left: 4px solid #49d299;
}
.border-left-4-blue{
	border-left: 4px solid #7dc5f7;
}
.border-left-4-red{
	border-left: 4px solid #f3bdcb;
}
.border-left-4-bgreen{
	border-left: 4px solid #6ed8d6;
} */
.tr-danger{
	background-color: #fcebea;
}
.tr-view-details:hover{
	cursor: pointer;
}
.min-w-140{
	min-width: 140px;
}
.m-10-5{
	margin: 10px 5px;
}
.m-25-5{
	margin: 25px 5px;
}
.span-timeline-date{	
    color: #647293;
    padding: 5px 10px;
    border-radius: 5px;
	font-size: 15px;
}
.uk-label-warning {
    background-color: #faa05a !important;
}
.min-width-250{
	min-width:250px !important;
}
.uk-table-prescription td,.uk-table-prescription th{
    padding:3px 5px;
}
.uk-button-export-dark{
	background-color: #647293;
}
.uk-button-export-dark:hover{
	background-color: #647293;
	opacity:0.9;
}
.max-w-95{
	max-width:95px;
}
.max-w-85{
	max-width:85px;
}
.dashboard-content .h-40{
	height:40px !important;
}



.formfield{
  position: relative;
  box-sizing: border-box;
  float: left;
  margin: auto;
  padding: 0px 2px;
  border: 0px;
  font-size: 1em;
  width:100%;
}
.formfield *{
  box-sizing: border-box;
}

.formfield>input, .formfield>label,.formfield>textarea{
  padding: 0.8em;
  margin: 0.5em;
  width: 100%;
}

.formfield>label{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  color: #ccc;
}
.table-medicines-presc input:focus + label,.table-medicines-presc input:valid + label,.table-medicines-presc textarea:focus + label,.table-medicines-presc textarea:valid + label,
.div-treatments-details input:focus + label,.div-treatments-details input:valid + label
{
  color: #647293;
  font-size: 0.8em;
  width: auto;
  height: 1.3em;
  padding: 0px 0.5em 0px 0.5em;
  margin: 0px;
  /*outline: 1px solid red; /*for debugigng purposes only*/
  background: white;
  transition: 0.2s ease-in-out;
  top: 0em;
  left: 1.5em;
}

.ta-instruction{
	min-height:150px !important;
}

.uk-subnav-pill-medicine{
	background: linear-gradient(90deg, rgb(100 114 147) 26%, rgb(100 114 147) 26%) !important;
	color:#FFF !important;
	padding: 8px 16px !important;
    font-size: 16px !important;
	border-radius: 5px;
}


.uk-subnav-pill-medicine.active{
	background: linear-gradient(90deg, #49d299 30%, rgb(100 114 147) 30%) !important;
}
.max-w-470{
	max-width:470px;
}
.padding-5{
	padding:5px !important;
}
.span-move-btn:hover{
	cursor:move;
}

.label-af-bf{
	color: #647293;
    font-size: 0.8em;
    width: auto;
    height: 1.3em;
    padding: 0px 0.5em 0px 0.5em;
    margin: 0px;
    background: white;
    transition: 0.2s ease-in-out;
    /* top: 0em; */
    /* left: 1.5em; */
    position: absolute;
    margin-left: 5px;
    margin-top: -5px !important;
}
.uk-sortable-empty {
    min-height: 10px;
}

.ul-description{
	
    padding: 0px;
}
.ul-description li{
	font-size: 14px;
    padding: 10px;	
	border: 1px solid #e5e5e5;
	transition:all 0.1s ease;	
	border-radius:5px;
}

.ul-description>:nth-child(n+2){
	border-top:none;
	margin-top:0 !important;
}

.ul-description li:hover{
	cursor:pointer;	
	background-color:#eff1f7;	
}
.rb-container ul.rb {
  margin: 2.5em 0;
  padding: 0;
  display: inline-block;
}

.rb-container ul.rb li {
  list-style: none;
  margin: auto;
  margin-left: 2em;
  min-height: 50px;
  border-left: 1px dashed #49d299;
  padding: 0 0 15px 25px;
  position: relative;
}


.rb-container ul.rb li::before {
  position: absolute;
  left: -10px;
  top: 0px;
  content: " ";
  border: 5px solid #64f5b3;
  border-radius: 500%;
  background: #49d299;
  height: 20px;
  width: 20px;
  transition: all 2s ease-in-out;
}

/*.rb-container ul.rb li:hover::before {
  border-color: #232931;
  transition: all 2s ease-in-out;
}*/

ul.rb li .timestamp {
  color: #49d299;
  position: relative; 
  font-size: 14px;
}

.item-title {
   /*color: #49d299;*/
   font-weight:500;
   margin:10px 0;
}
.sb1 {  
    margin: 50px auto;
    background: #b4ffdb;
    padding: 5px 10px;
    text-align: center;    
    color:#4caf50;
    font-family: arial;
    position: relative;
    border-radius: 2px;
}
.sb1:before {
  	content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid #b9ffdd;
    border-top: 10px solid #b9ffdd;
    border-bottom: 10px solid transparent;
    left: -10px;
    top: 0px;
}

.div-ip-medicine-date{
	/*border-bottom:1px solid #d4d8e1;*/
}
.div-ip-medicine-date div{
	background-color: #647293;
    display: inline-block;
    padding: 4px 15px;
    color: #FFF;
    border-top-left-radius: 10px;
}
.table-medicine-list th{
	background-color:#f1f1f1;
}
.pt-20{
	padding-top:20px !important;
}
.tr-bg-light{
	background-color:#f1f1f1;
}
.btn-plus-icon{
	background-color: #49d299;
    padding: 5px 5px;
    color: #FFF;
    position: relative;
    left: -55px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
	border-radius:4px;
}





/*-------------------------------NEW-----------------------------*/

.dashboard-card {
    border-radius:5px;   
    padding: 35px;    
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	
	
   /* border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;*/
   
}

/*html{
	background-color:#eff1f7;
}
.dashboard-card {
    border-radius:10px;
    background-color: #FFF;
    padding: 35px;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
}

.box-shadow-dashboard {
    padding: 19px 15px;
    background-color: #FFF;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;    
	margin-top: 8px;
    margin-right: 8px;
}

.dashboard-heading {
    background-color: #627293;
    color: #FFF;
    padding: 30px 25px;
    min-height: 130px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
    margin-right: 8px;
}

.sidebar-header {
    padding: 20px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 70px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.skin-base .sidebar {
    background-color: #fff;
    box-shadow: 1px 0 1px rgb(216 222 230 / 25%), 2px 0 2px rgb(216 222 230 / 20%), 4px 0 4px rgb(216 222 230 / 15%), 8px 0 8px rgb(216 222 230 / 10%), 16px 0 16px rgb(216 222 230 / 5%);
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
	margin: 8px 8px;
    border-radius: 15px;
	width:240px;
}

.sidebar.minimized + .content {
    margin-left: 78px !important;
}*/
/*-------------------------------END NEW-----------------------------*/


@media screen and (min-width: 960px) {
	.pl-20{
		padding-left: 20px;
	}
}

@media screen and (min-width: 768px) {
	.close-mySidenav{
		width:0;	
	}
	.close-main{
		margin-left:0 !important;	
	}	
}

@media screen and (max-width: 960px) {
	.width-100-960{
		width: 100%;
		min-width: 100%;
	}

}


@media screen and (max-width: 768px) {
 #main{
 	margin-left: 0px;
 }
 .btn-nav-fixed{
 	z-index: 1;
    position: fixed;
    color: #FFF;
 }
}

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



.dashboard-content{
	padding: 5px;
	padding-bottom: 40px;
	margin-top:-45px;
}
.uk-grid-menu .uk-grid-menu-item{
	padding: 5px 5px 5px 5px;
    margin: 0;
}
.dashboard-card{
	padding: 15px;
}







.login-bg{
	padding:30px;
	margin:20px; 
}
.login-form{
	margin-top:60px !important;
}
.login-form>div{
	padding-top:0;
	margin-top:-20px;
}
.login-bg:after{
	content: '';
	border-top: solid 50px transparent;
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
}
.table-responsive {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.table-responsive caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.table-responsive tr {  
  border: 1px solid #e7eaec;
  padding: .35em;
}

.table-responsive th,
.table-responsive td {
  padding: 5px;
  text-align: center;
}

.table-responsive th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

	
	
  .table-responsive {
    border: 0;
	margin-top: 1rem;
  }

  .table-responsive caption {
    font-size: 1.3em;
  }
  
  .table-responsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .table-responsive tr {   
    display: block;
    margin-bottom: .625em;
  }
  
  .table-responsive td {
    border-bottom: 1px solid #e7eaec;
    display: block;
    font-size: 1rem;
    text-align: right;
  }
  
  .table-responsive td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
	font-size:0.8rem;
	font-weight:700;
  }
  
  .table-responsive td:last-child {
    border-bottom: 0;
  }
  
  .table-responsive td .button-delete{
  	margin-right:0;
  }
  
}