/* Fonts */
:root {
	--font-default: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-primary: "Inter";
	--font-secondary: "Poppins", sans-serif;
}
  
  /* Colors */
:root {
	--color-default: #FFFFFF;
	--color-primary: #2CD37F;
	--color-navbar-active-text: #344054;
	--color-background:white;
	--color-text:#344054;
	--color-heading:#344054;
	--color-blur:#667085;
	--color-sub-heading:rgba(5, 6, 7, 0.5);
	--color-border:#D0D5DD;
}

/* Common */
html, body { 
    height: 100%;
	background: var(--color-default);
	font-family: var(--font-primary);
	font-style: normal;
} 
.required::after {
	content: ' *';
	color: red;
}
.error_field{
	border : 1px solid red;
}
.error_text{
	color: red;
}
.btn-submit{
	color:var(--color-default);
	border-radius: 8px;
	background: var(--color-primary);
	border: 1px solid var(--color-primary) !important;
	font-size: 16px;
	font-weight: 600;
	justify-content: center;
	align-items: center;
	
	line-height: 24px;
	padding: 10px 18px;
	gap: 8px;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
.btn-clear{
	color:var(--color-text);
	border-radius: 8px;
	background: var(--color-default);
	border: 2px solid var(--color-primary) !important;
	font-size: 16px;
	font-weight: 600;
	justify-content: center;
	align-items: center;
	
	line-height: 24px;
	padding: 10px 18px;
	gap: 8px;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
.btn-text{
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-decoration-line: underline;
	color: var(--color-primary);
}
.text-color-primary{
	color:  var(--color-primary);
}
.text-color-blur{
	color:  var(--color-blur);
}
.bg-color-primary{
	background-color:  var(--color-primary) !important;
}
.text-regular{
	color: var(--color-primary);
}
.text-anubhav{
	color: #FF9900;
}
.text-vikasan{
	color: #0052FF;
}
.text-swadhyay{
	color: #f6fa06;
}

.hr-line{
	width: 100%;
	height: 0px;
	border: 1px solid var(--color-border);
}




.input-group-text{
	background-color:unset;
	color: var(--color-text);

}
.txt-label{
	color: var(--color-text);
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
}

.txt-heading{
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 0.05em;
	color: var(--color-heading);
}
.txt-heading2{
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 0.05em;
	color: var(--color-heading);
}
.txt-heading3{
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-text);
}

.txt-sub-heading2{
	
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.05em;
	color: var(--color-sub-heading);
}
.txt-sub-heading3{
	
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.05em;
	color: var(--color-primary);
}
.txt-title1{
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	text-transform: capitalize;
	color: #384B5D;
}
.txt-title2{
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #384B5D;
}

.txt-para{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-blur);
}
.txt-special{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: rgb(247, 125, 145);
}
.txt-sidebar{
	
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	align-items: center;
	letter-spacing: 0.05em;
	color: var(--color-default);
}
.txt-blur{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-blur);
}
textarea{
	height: 132px;
}
.text-date{
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	color: #0052FF;
	justify-content: center;
	align-items: center;
	padding: 6px;
	background: #D0E6FF;
	border-radius: 5px;
}
.text-ward-type-regular{
	font-weight: 500;
	font-size: 9.98559px;
	line-height: 15px;
	text-align: center;
	color: var(--color-primary);
}
.unclickable{
	pointer-events: none; 
	cursor: default;
}


/* //////////////////////////////// table text /////////////////////////////////// */
.text-ward-type-anubhav{
	font-weight: 500;
	font-size: 9.98559px;
	line-height: 15px;
	text-align: center;
	color: #FF9900;	
}
.text-ward-type-vikasan{
	font-weight: 500;
	font-size: 9.98559px;
	line-height: 15px;
	text-align: center;
	color: #0052FF;
}
.text-ward-type-swadhyay{
	font-weight: 500;
	font-size: 9.98559px;
	line-height: 15px;
	text-align: center;
	color: #f6fa06;
}
.text-status-complete{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 1.66427px 6.65706px;
	width: auto;
	height: 18.33px;
	background: rgba(21, 129, 255, 0.21);
	border-radius: 13.3141px;

	font-weight: 500;
	font-size: 9.98559px;
	line-height: 15px;
	text-align: center;
	color: #0052FF;
}
.text-status-incomplete{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 1.66427px 6.65706px;
	width: auto;
	height: 18.33px;
	background: #FDECEC;
	border-radius: 13.3141px;

	font-weight: 500;
	font-size: 9.98559px;
	line-height: 15px;
	text-align: center;
	color: #FF3D3D;
}
.text-bpl{
	
	justify-content: center;
	align-items: center;
	padding: 1.66427px 6.65706px;
	width: 30.65px;
	height: 18.33px;
	background: #FFF3E0;
	border-radius: 13.3141px;

	font-weight: 500;
	font-size: 9.98559px;
	line-height: 15px;
	text-align: center;
	color: #FF9900;
}
.text-registration-number{
	font-weight: 500;
	font-size: 12px;
	line-height: 17px;
	color: var(--color-primary);
}

.patient-table thead tr th{
	font-weight: 700;
	font-size: 12px;
	line-height: 17px;
	color: var(--color-blur);
}


/* /////////////////////////////////// Navbar and sidebar ////////////////////////////// */
.navbar-color{	     
	background:var(--color-default);
		
}
.main-sidebar .close {
    position: absolute;
    top: 0;
    left: 5px;
    transition: all 200ms;
    font-size: 30px;
    text-decoration: none;
    color: var(--color-default);
	cursor: pointer;
	display: none;
}
@media (max-width: 767px) {
	.offcanvas-md.offcanvas-start {
		width:fit-content;
		/* background-color:var(--color-default) !important; */
	}
	/* .txt-sidebar{
		color: var(--color-text) !important;
	} */
	.input-search{
		width: 250px !important;
	}
	.main-sidebar .navbar-brand img{
		display: none;
	}
	.main-sidebar .close {
		display: block;
	}
	.mynav li a.active, .mynav li a:hover {
		color: var(--color-primary) !important;
	}
	.main-content{
		padding: 0px;
	}
}
/* ///////////////////////////// dropdown //////////////////////////////// */
.dropdown-btn1{
	width: 122px;
	height: 44px;	
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color:var(--color-text);
	border: none;
	border:0.832133px solid var(--color-border) !important;
	border-radius: 8px;
  }
  .dropdown-sorting{	
	border:none;
  }
.dropdown .dropdown-menu{
	border: none;
	box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 4px 14px rgba(0, 0, 0, 0.14);
	border-radius: 12px;
}
.dropdown-menu .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    /* font-weight: bold; */
    text-decoration: none;
    color: #333;
	cursor: pointer;
}
.select2-selection__clear {
	position: absolute !important;
}

/* ///////////////////////////// table //////////////////////////////// */
.newtable{
	/* background: #FFFFFF; */
	border-collapse:unset;
	border: 0.832133px solid var(--color-border);
	border-radius: 8px;
	overflow:hidden;
	font-weight: 500;
	font-size: 11.6499px;
	line-height: 17px;
	color: var(--color-blur);
}
table.dataTable.no-footer{
	border-bottom: none;
}
.newtable thead tr th{
	box-sizing: border-box;
	align-items: center;
	padding: 9.98559px 12px;
	background: #F9FAFB;
	border-bottom: 0.832133px solid #EAECF0;
	color: var(--color-text) !important;
} 
.newtable tbody tr td{
	box-sizing: border-box;
	padding: 10px 5px;
	border-bottom: 0.832133px solid #EAECF0;
	color: var(--color-text) !important;
	text-align: start;
} 
.patient-table tbody tr td{
	padding: 0px 0px;
} 

table.dataTable thead th, table.dataTable thead td{
	border-bottom: none;
}

.pagination{
	justify-content:center;
}
/* table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before{
	content: url("../images/icon/Sort_Ascending.png") !important;
}
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after, table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after{
	content: url("../images/icon/Sort_Ascending.png") !important;
} */
table.dataTable th, table.dataTable td {
	white-space: nowrap;
}

  .pagination{
	position: relative;
  }
  .pagination li:not(:first-child) a, .pagination li:not(:last-child) a {
	background-color: var(--color-default);
	border: none;
	box-shadow: 0px 0.832133px 1.66427px rgba(16, 24, 40, 0.05);
	border-radius: 6.65706px;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
	color: var(--color-text);
  }
  .pagination li:first-child a{
	position: absolute;
	left:0;
	background-color: var(--color-default);
	border: 0.832133px solid var(--color-border);
	box-shadow: 0px 0.832133px 1.66427px rgba(16, 24, 40, 0.05);
	border-radius: 6.65706px;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
  }
  .pagination li:last-child a{
	position: absolute;
	right:0;
	background-color: var(--color-default);
	border: 0.832133px solid var(--color-border);
	box-shadow: 0px 0.832133px 1.66427px rgba(16, 24, 40, 0.05);
	border-radius: 6.65706px;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
  }
  
  .pagination .active .page-link{
	border: none;
	background: #F5FAF4;
	border-radius: 6.65706px;
	color: var(--color-primary);
  }
  .prev-icon, .next-icon{
	color: var(--color-text);
  }
/* ////////////////   sign-in //////////////////////// */
.sign-in-section {
	height:  100vh; 
	width:  100vw;
	margin:  0 0;  
  }
  .signin-left .main-img{
	position: absolute;
	bottom: 20px;
	left: -20px;
  }
  .signin-left .left-corner-img{
	position: absolute;
	top: -10px;
	left: -20px;
  }
  .right-corner-img{
	width:150px;
	position: absolute;
	top: 0px;
	right: 0px;
  }

  @media (max-width: 767px) {
	/* .signin-right{
		padding: 0px !important;
	} */
  }

  /* ////////////////   Sidebar //////////////////////// */ 

.main-sidebar .navbar-brand img{
	width: 149px;
	height: 38px;
}
.main-sidebar a .sidebar_icon_image{
	width: 18px;
	height: 18px;
}
.mynav { 
    color: #fff; 
}  
.mynav li{
	padding-top: 5px;
} 
.mynav li a {  
    text-decoration: none; 
    width: 100%; 
    display: block; 
    border-radius: 5px; 
    padding: 10px 15px; 
}   
.mynav li a i { 
    width: 25px; 
    text-align: center; 
}   
.mynav li a.active, .mynav li a:hover {
	position: relative;
	/* height: 50px; */
	width: 100%;
	background-color: var(--color-default);
	color: var(--color-navbar-active-text);
	border-radius: 25px 0px 0px 25px;
  }
  .mynav li a.active::before, .mynav li a:hover::before {
	content: "";
	position: absolute;
	
	background-color: transparent;
	right: 0px;
	bottom: -50px;
	height: 50px;
	width: 25px;
	border-top-right-radius: 25px;
	box-shadow: 0 -25px 0 0 white;

  }

  .mynav li a.active::after, .mynav li a:hover::after {
	content: "";
	position: absolute;
	
	background-color: transparent;
	right: 0px;
	top: -50px;
	height: 50px;
	width: 25px;
	border-bottom-right-radius: 25px;
	box-shadow: 0 25px 0 0 white;
  }

  /* //////////////////////////// Navbar /////////////////////// */
  .main-navbar-item .img-user{
	padding: 0px;
	width: 32px;
	height: 32px;
	border-radius: 200px;
  }
  .main-navbar-item .user-name{
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-text);
  }
  .main-navbar-item .user-type{
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: var(--color-blur);
  }
  .main-navbar-item .dropdown-menu .dropdown-item label{
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	color: var(--color-text);
  }



  /* ////////////////////////// Patients ////////////////////// */
	.navbar-toggler
	{
		width: 46px;
		height: 46px;
		background-color: #ECFDF3;
		border: none;
	}
	.dt-search
	{
		display: none;
	}
	.input-search
	{
		width: 320px;
		height: 44px;
		color:var(--color-text);
	}
	.btn-add-patient{
		display: block;
	}
	.floating-action-button{
		display: none;
	}

	@media (max-width: 767px) {
		.input-search .input-group-text
		{
			border-top-left-radius: 40px;
			border-bottom-left-radius: 40px;
		}
		.input-search .dataTables_filter
		{
			border-top-right-radius: 40px;
			border-bottom-right-radius: 40px;
		}
		.floating-action-button{
			background-color: var(--color-primary);
			color: white;
			border: none;
			height: 60px;
			width: 60px;
		}
		.btn-add-patient{
			display: none;
		}
		.floating-action-button{
			display: block;
		}
	}
  
  /* /////////////////////////////patient-details ////////////////////////// */
.patient-details .patient-details-wrap .nav-link{
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-blur);	
	border-bottom-color:transparent;
	position: relative;
}

.patient-details .patient-details-wrap .nav-link.active, .patient-details .patient-details-wrap .nav-link:hover{
	color: var(--color-text);
}

.patient-details .patient-details-wrap .nav-link.active:after, .patient-details .patient-details-wrap .nav-link:hover:after {
	display:block;
	clear:both;
	content : "";
	position: relative;
	left    : 0;
	top  : 0;
	height  : 1px;
	width   : 57px;  
	border-top:2px solid var(--color-primary);
	margin:10px auto 0 auto;
	padding:2px 0px;
	border-radius: 30px 30px 0 0;
	background-color: var(--color-primary);
}
.patient-details .patient-details-data{
	background: #ECFDF3;
}

 /* /////////////////////////////patient-basic-details ////////////////////////// */
.patient-basic-details .patient-basic-details-wrap{
	background-color: var(--color-default);
}

.patient-basic-details .patient-basic-details-wrap .nav-link{
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
	color: var(--color-blur);	
	border-bottom-color:transparent;
	padding: 10px 10px;
	position: relative;
}
.patient-basic-details .patient-basic-details-wrap .nav-link.active{
	color: var(--color-primary);
}

.patient-basic-details .patient-basic-details-wrap:before {
	display:block;
	clear:both;
	content : "";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 4px;
	width   : 10%;  
	border-bottom:2px solid var(--color-primary);
	background-color: var(--color-primary);
	transition: 0.5s;
}
.first-class:after {
	display:block;
	clear:both;
	content : "";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 4px;
	width   : 50%;  
	border-bottom:2px solid var(--color-primary);
	background-color: var(--color-primary);
	transition: 0.5s;
}
.second-class:after {
	display:block;
	clear:both;
	content : "";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 4px;
	width   : 100%;  
	border-bottom:2px solid var(--color-primary);
	background-color: var(--color-primary);
	transition: 0.5s;
}


.accordion-button:not(.collapsed){
	background-color:unset;
	box-shadow:none;
}

.mobile-number{
	justify-content: center;
	align-items: center;
	padding: 4px 8px;
	background: #F2F4F7;
	border-radius: 16px;
}
.mobile-number span{
	cursor: pointer;
}


 /* /////////////////////////////medicines-details ////////////////////////// */
 .medicines-details .medicines-details-wrap .nav-link{
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-blur);	
	border-bottom-color:#EAECF0;
	position: relative;
}
.medicines-details .nav-underline{
	gap:0px !important;
}

.medicines-details .medicines-details-wrap .nav-link.active, .medicines-details .medicines-details-wrap .nav-link:hover{
	color: var(--color-text);
}

.medicines-details .medicines-details-wrap .nav-link.active, .medicines-details .medicines-details-wrap .nav-link:hover {
	border-bottom-color:var(--color-primary);
}

/* /////////////////////////////////// select in medicines ////////////////////////////// */
.medicines-details .nav .nav-item .nav-link.active{
	color: var(--color-primary);
}
.select-inward-status{
	height: 19px;
	width: auto;
	font-size: 9.99px;
}
.select-medicine-status-open {
	background: #1581FF36;
	color: #0052FF;
  }
  
  .select-medicine-status-complete {
	background: #2CD37F36;
	color: #2CD37F;
  }
  
  .select-medicine-status-partially-complete {
	background: #FFF3E0;
	color: #FF9900;
  }

  .medicine-record-accordion-button.collapsed{

	background: url("../images/icon/chevron-down.png");
	background-repeat: no-repeat;  
  }
  
  .medicine-record-accordion-button:not(.collapsed){
  
	background: url("../images/icon/chevron-up.png");
	background-repeat: no-repeat;
  
  }


/* ////////////////////////// OTP ////////////////////////////////// */
.otp-field {
	flex-direction: row;
	column-gap: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .otp-field input {
	height: 45px;
	width: 42px;
	border-radius: 6px;
	outline: none;
	font-size: 1.125rem;
	text-align: center;
	border: 1px solid #ddd;
  }
  .otp-field input::-webkit-inner-spin-button,
  .otp-field input::-webkit-outer-spin-button {
	display: none;
  }

  .otp-wrapper .resend {
	font-size: 12px;
  }
  .otp-field .form-control:focus{
	box-shadow:none;
	border:2px solid var(--color-primary);
}


.swikrutnama-marathi-text{
	font-size: 16px;
}
/* .footer-print {
	width: 100%;
    display: none;
	position: fixed;
    bottom: 0;
  } */


/* @media print {
    .print-none {
        display: none;
    }
	#cloned_t{
		margin: 0px !important;
		padding: 0px !important;
		font-size: 10px !important;
	}
	#cloned_t .txt-title2{
		font-size: 14px !important;
	}
	#cloned_t textarea { 
		height: auto; 
	}
	.p-1, .patient-details-data , .navbar, #patientDetails, .text-date, #consentForm .row{
		padding: 0 !important;
		margin: 0 !important;
		--bs-gutter-y : 0 !important;
	}
	.swikrutnama{
		page-break-before: always;
	}
	.footer-print{
		display: block;		
	}

} */