html body .sidebar {
	font-family: "Noto Nastaliq Urdu", serif !important;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
}
/* h1, h2, h3, h4, h5 {
	font-family: "Noto Naskh Arabic", serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
} */
.swal2-container h1,
.swal2-container h2,
.swal2-container h3,
.swal2-container h4,
.swal2-container h5,
.swal2-container h6{
	color: black;
}
.swal2-container .swal2-html-container,
.swal2-container h1,
.swal2-container h2,
.swal2-container h3,
.swal2-container h4,
.swal2-container h5,
.swal2-container h6{
	font-family: "Noto Nastaliq Urdu", serif !important;
	color: black;
}
div:where(.swal2-container) div:where(.swal2-html-container){
	font-size: 12px !important;
}
div:where(.swal2-container) h2:where(.swal2-title) {
    line-height: initial;
}
html body .sidebar span {
    font-size: inherit !important;
}
html body .sidebar a {
    font-size: 12px !important;
}
#heading{
	font-family: noori !important;
	/* font-family: "Noto Nastaliq Urdu", serif !important; */
}


/*Sweet Alert Button */
.showSweetAlert{
	font-family: noori !important;
	/* font-family: "Noto Nastaliq Urdu", serif !important; */
}


.radius-4{
	border-radius: 4px;
}
.rtl .select2-container .select2-choice>.select2-chosen {
    margin-left: 26px;
    margin-right: auto;
    font-size: inherit !important;
}
.d-flex{
	display: flex;
}
.rej-res-th{
 	width: 35%;
}
.rej-col select, .rej-col input{
	width: 50%;
}
.error-field {
    font-size: 15px;
    color: #c96767;
    width: 100%;
    padding: 0px 15px;
    text-align: right;
}

.mark-all-verify{
	outline: none;
	border: none;
	font-size: initial;
	background: #87b87f;
	padding: 0px 15px;
	color: white;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
	z-index: 9999; /* High z-index to overlay everything */
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: visible; /* Initially visible */
	flex-direction: column;
	color: #ffffff;
	  font-weight: 600;
	  font-size: 1em;
  }
  
  html body .overlay h1 {
	  font-family: sans-serif !important;
	  font-size: 19px;
	  font-weight: bold;
  }
  /* Loader styling */
  .loader {
	  border: 8px solid #f3f3f3;
	  border-top: 8px solid #3498db;
	  border-radius: 50%;
	  width: 60px;
	  height: 60px;
	  animation: spin 2s linear infinite;
  }
  
  /* Loader spin animation */
  @keyframes spin {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }
  
  /* Hide the overlay when loading is complete */
  .overlay.hidden {
	visibility: hidden;
  }
  
  .overlay.visible {
	visibility: visible;
  }

  .present-text{
    color: #28a745;
}

.absent-text{
    color: #dc3545;
}

.late-text{
    color: #fd7e14;
}

.leave-text{
    color: #007bff;
}
html body .radius-6{
	border-radius: 6px !important;
}

.full-width{
	width: 100%;
}
html body .radius-3{
	border-radius: 3px !important;
}
.sweet-alert h2 {
    font-family: ui-monospace !important;
	direction: ltr;
}
.sweet-alert {
    border-radius: 11px;
}
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
@media only screen and (min-width:320px) and (max-width:480px)  { 
	.btn-xs-block{
		width: 100%;
	}


	.custom-native-dialog{
		width: 100%;
		border: 1px solid #cccccc;
		border-radius: 12px;
		box-shadow: 0px 5px 20px #33333330;
		text-align: center;
		padding: 30px 15px;
	}
	
	.custom-native-dialog .title{
		text-align: center;
		font-size: 26px;
		font-weight: 600;
	}
	.custom-native-dialog .sub-title{
		text-align: center;
		font-size: 17px;
		font-weight: normal;
	}
	.custom-native-dialog svg{
		font-size: 45px;
		width: 90px;
		height: 90px;
		text-align: center;
		margin: auto;
		vertical-align: middle;
		color: green;
	}

}

.locked{
	pointer-events: none;
}
.locked select{
	background-color: #f5f5f5;
}
.rtl .breadcrumb {
	line-height: inherit;
  }

  .form-control, select {
    border-radius: 4px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    border-radius: 4px !important;
}

textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover,
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
    box-shadow: 0px 5px 9px #e7e7e7 !important;
	border-color: #2b7dbc;
}

input[type='radio'] {
    /* -webkit-appearance: none; */
    width: 17px;
    /* height: 21px !important; */
    border: 1px solid darkgray;
    border-radius: 500px;
    outline: none;
    /* box-shadow: 0 0 5px 0px gray inset; */
    padding: 0 !important;
    /* vertical-align: middle; */
    accent-color: green;
}
.btn {
    border-radius: 4px;
}

.form-control:hover, select:hover,
.form-control:focus, select:focus {
    box-shadow: 0px 5px 9px #e7e7e7 !important;
	border-color: #2b7dbc;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px 6px !important;
    border-radius: 4px !important;
	background-color: transparent;
}
html body .dataTables_wrapper .dataTables_paginate .paginate_button.current, html body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
}

html body .att-locked{
	/* pointer-events: none; */
    background: #f1c48917;
    opacity: 0.50;
	cursor: not-allowed !important;
}
html body .att-locked td *{
	pointer-events: none;
}

/* For Desktop View */
@media screen and (min-width: 1024px) {
  
}
 
/* For Tablet View */
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {
  
}
 
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {
  
}
 
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
and (orientation: landscape) {
  
}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 640px) {

	textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
		border-radius: 4px !important;
	}
	
	textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover,
	textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
		box-shadow: 0px 5px 9px #e7e7e7 !important;
		border-color: #2b7dbc;
	}
	
	input[type='radio'] {
		/* -webkit-appearance: none; */
		width: 17px;
		/* height: 21px !important; */
		border: 1px solid darkgray;
		border-radius: 500px;
		outline: none;
		/* box-shadow: 0 0 5px 0px gray inset; */
		padding: 0 !important;
		/* vertical-align: middle; */
		accent-color: green;
	}
	.btn {
		border-radius: 4px;
	}
	
	.form-control:hover, select:hover,
	.form-control:focus, select:focus {
		box-shadow: 0px 5px 9px #e7e7e7 !important;
		border-color: #2b7dbc;
	}
	.dataTables_wrapper .dataTables_paginate .paginate_button {
		padding: 0px 6px !important;
		border-radius: 4px !important;
		background-color: transparent;
	}
	html body .dataTables_wrapper .dataTables_paginate .paginate_button.current, html body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
		color: white !important;
		border: 1px solid #111;
		background-color: #585858;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
		background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
		background: -moz-linear-gradient(top, #585858 0%, #111 100%);
		background: -ms-linear-gradient(top, #585858 0%, #111 100%);
		background: -o-linear-gradient(top, #585858 0%, #111 100%);
		background: linear-gradient(to bottom, #585858 0%, #111 100%);
	}

	.px-0{
		padding: 0px 0px;
	}
  
}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  
}
 
/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) and (device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  
}
 
/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) and (min-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 3) {
  
}

html body input.summary-field{
    outline: none;
    border: none;
    background: transparent !important;
    text-align: center;
    font-weight: bold;
	border-radius: 0;
}
html body input.summary-field:hover{
    box-shadow: none !important;
    border-color: #2b7dbc !important;
}

.mt-15 {
	margin-top: 15px;
}
.mb-15 {
	margin-bottom: 15px;
}
input[type='radio'].reject {
    accent-color: red;
}
.dataTables_wrapper {
    display: inline-block;
	width: 100%;
}
.cst_info-icon {
	position: relative;
display: inline-block;
width: 17px;
height: 17px;
text-align: center;
border: 1px solid #9f9f9f;
border-radius: 50%;
font-size: 14px;
font-weight: bold;
color: #9f9f9f;
cursor: pointer;
line-height: 16px;
background-color: #f8f9fa;
font-size: 12px !important;
}

/* Tooltip styling */
.cst_popover {
	display: none;
	position: absolute;
	top: 30px;
	left: 50%;
	/* transform: translateX(-50%); */
	background-color: #333;
	color: #fff;
	padding: 6px 8px;
	border-radius: 5px;
	font-size: inherit;
	/* white-space: nowrap; */
	/* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
	z-index: 10;
	/* overflow-wrap: break-word; */
	/* width: auto; */
	font-size: 12px !important;
	text-shadow: none;
	font-weight: normal;
	min-width: 100px;
}

/* Arrow for the tooltip */
.cst_popover::after {
	content: "";
	position: absolute;
	top: -10px;
	left: 20%;
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #333 transparent;
}

/* Show tooltip on hover */
.cst_info-icon:hover .cst_popover {
	display: block;
}
html body .no-padding{
	padding: 0 !important;
}
html body .no-margin{
	margin: 0 !important;
}
.bolder{
	font-weight: bolder;
}
.card-count-txt{
    word-wrap: break-word;
	font-weight: bold;
}
.transparent{
	background-color: transparent !important;
	background: transparent !important;
}
.text-white{
	color: #ffffff !important;
}
.ace-nav>li.open.light-blue>a {
    background-color: transparent !important;
    color: #ffffff !important;
}
.user-info {
    width: auto;
}



/* Style the input field */
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select {
	font-size: 16px;
	padding: 10px 5px;
	border: none !important;
	border-bottom: 2px solid #ccc !important;
	background: transparent !important;
	color: #333;
	transition: border-color 0.3s ease, color 0.3s ease !important;
	position: relative;
  }
  
  .rtl .select2-container .select2-choice {
    padding-left: 0;
    padding-right: 8px;
    font-size: 16px;
    padding: 2px 5px;
    border: none !important;
    border-bottom: 2px solid #ccc !important;
    background: transparent !important;
    color: #333;
    transition: border-color 0.3s ease, color 0.3s ease !important;
    position: relative;
    box-shadow: none;
}


.select2-container .select2-choice .select2-arrow b:before {
    font-family: FontAwesome;
    font-size: 12px;
    display: inline;
    content: "\f0d7";
    color: #ffffff;
    position: relative;
    left: 5px;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
    margin: 0px 5px;
    padding: 0;
    border-radius: 4px;
}
.rtl .select2-drop .select2-results {
    padding-right: 0px;
    padding-left: 0;
}
.select2-container-multi .select2-choices {
    border: none !important;
    border-bottom: 2px solid #ccc !important;
    background: transparent !important;
    color: #333;
    transition: border-color 0.3s ease, color 0.3s ease !important;
    position: relative;
	border-radius: 4px;

}

.rtl .select2-container .select2-choice .select2-arrow b:before {
    right: 0px !important;
}
.select2-search .select2-input {
    margin-top: 5px !important;
    padding: 5px 10px !important;
}
.select2-container .select2-choice abbr:before, .select2-search-choice-close:before {
    color: #ffffff !important;
}
.select2-container-multi .select2-choices .select2-search-choice{
	border: transparent;
}
.rtl .select2-container-multi .select2-choices .select2-search-choice {
    margin: 3px 5px 3px 0;
    padding: 5px 18px 4px 8px;
    font-size: 13px;
}
.to-certify{
	display: none;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	border: none;
    border-bottom: 2px solid #dddddd !important;
    border-top: 1px solid #f2f2f2 !important;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select {
    border-bottom: 2px solid #dddddd !important;
    border-top: 1px solid #f2f2f2 !important;
    /* padding: 20px 15px !important; */
	/* height: 40px !important; */
}
html input[disabled],
html input.form-control[disabled],
html select[disabled] {
    cursor: not-allowed;
    background-color: #f5f5f5 !important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] {
    cursor: not-allowed;
    background-color: #f5f5f5 !important;
	border-bottom: 2px solid #bfbfbf !important;
    border-top: 1px solid #d1d1d1 !important;
}
select {
    padding: 0px 12px !important;
    /* height: 40px !important; */
}
.icon-eye-open{
	position: relative;
}
html body table thead .datatable-search {
    width: 126px !important;
}
.preview-container{
	margin-top: 15px;
}
.images-picker-wrap{
	border-radius: 4px;
    border: 2px dashed #cccccc;
    text-align: center;
    padding: 28px 15px;
	color: #8d8d8d;
}
.fileList ul{
	padding: 0;
	margin: 15px 0px;
}
.images-row{
	display: inline-flex;
    direction: ltr;
    flex-direction: row;
    align-items: center;
    column-gap: 15px;
	margin-bottom: 5px;
	background-color: #dddddd;
	border-radius: 6px;
	width: 100%;
	padding: 15px;
}

.images-row img{
	width: 45px;
	border-radius: 6px;
}
.preview-container{
	margin-top: 15px;
}
.preview-item{
	display: inline-block;
    /* width: 100%; */
    /* height: 75px; */
    border-radius: 4px;
    /* border: 1px solid #000000; */
    /* margin: 10px; */
    position: relative;
	margin-bottom: 20px;
}
.preview-item img{
	width: 100%;
    height: inherit;
    border-radius: inherit;
    box-shadow: 0px 3px 13px #cbcbcb;
    border: 1px solid #d9d9d9;
	max-height: 120px;
}
.progress-bar {
    width: 100%;
    height: 5px;
    background: #f3f3f3;
    border: none;
    border-radius: 3px;
    margin-top: 5px;
    overflow: hidden;
  }
  .progress-bar span {
	display: block;
	height: 100%;
	background: #4caf50;
	width: 0;
  }
  .preview-item .icon-trash {
	position: absolute;
    top: 1px;
    right: 13px;
    color: #dbdbdb;
    text-shadow: 0px 1px 4px #838383;
    cursor: pointer;
    font-size: 12px !important;
    background: #00000091;
    border-top-right-radius: 4px;
    padding: 3px;
}
  .open-file-picker{
	cursor: pointer;
  }
  .custom-input-group{
    display: inline-flex;
    align-items: center;
  }
  .custom-input-group i{
	margin: 0px 5px;
  }
  .custom-input-group .input-group-prepend{
	display: inline-flex;
		column-gap: 6px;
		padding: 5px 15px;
  }
  .custom-input-group .input-group-icon{
	padding: 1px 5px;
  }
  .location_path{
	/*pointer-events:none;*/
  }

  .table-x-scroll{
    width: 100% !important;
    overflow: scroll;
}
  
.action-buttons a{
	margin-bottom: 5px;
    font-size: 17px !important;
}

input[type=checkbox].ace, input[type=radio].ace {
    width: auto !important;
}
.form-control-nc{
	pointer-events: none;
	cursor: not-allowed;
}
.custom-native-dialog{
	width: 31%;
    border: 1px solid #cccccc;
    border-radius: 12px;
    box-shadow: 0px 5px 20px #33333330;
    text-align: center;
    padding: 30px 15px;
}

.custom-native-dialog .title{
	text-align: center;
    font-size: 36px;
    font-weight: 600;
}
.custom-native-dialog .sub-title{
	text-align: center;
    font-size: 22px;
    font-weight: normal;
}
.custom-native-dialog svg{
	font-size: 45px;
    width: 90px;
    height: 90px;
    text-align: center;
    margin: auto;
    vertical-align: middle;
    color: green;
}
.custom-native-dialog a{
	font-size: 17px !important;
}
.custom-native-dialog .action-btns{
	margin-top: 15px;
}
.custom-native-dialog .action-btns a.btn {
    padding: 0px 30px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 15px !important;
    font-weight: 100;
}

dialog::backdrop {
	background: rgb(0 0 0 / 74%); /* Semi-transparent black */
}

.fs-2-2em{
	font-size: 2.2em !important;
}
.bolder{
	font-weight: bolder;
}

.inline-form-row{
	display: flex;
    flex: inherit;
    align-items: end;
}

.font-size-17{
	font-size: 17px;
}
.mb-0{
	margin-bottom: 0 !important;
}
.separator.tweenty {
	margin: 0px 20px;
}
.separator.fifteen{
	margin: 0px 15px;
}
@media only screen and (min-width:320px) and (max-width:640px)  { 
	.btn-xs-block{
		width: 100%;
	}


	.custom-native-dialog{
		width: 100%;
		border: 1px solid #cccccc;
		border-radius: 12px;
		box-shadow: 0px 5px 20px #33333330;
		text-align: center;
		padding: 30px 15px;
	}
	
	.custom-native-dialog .title{
		text-align: center;
		font-size: 46px;
		font-weight: 600;
	}
	.custom-native-dialog .sub-title{
		text-align: center;
		font-size: 17px;
		font-weight: normal;
	}
	.custom-native-dialog svg{
		font-size: 45px;
		width: 90px;
		height: 90px;
		text-align: center;
		margin: auto;
		vertical-align: middle;
		color: green;
	}
	.inline-form-row {
		flex-direction: column;
	}
	.mob-full-width, .btn-block-sm{
		width: 100%;
	}
}
.width-100px{
	width: 100px !important;
}
html body input.error-field,
html body select.error-field{
	border: 1px solid red !important;
}
html body input.error-field:focus,
html body select.error-field:focus{
	border: 1px solid red !important;
}
#entry-body i{
	cursor: pointer;
}
div:where(.swal2-html-container){
	font-size: 15px !important;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #7066e0;
    color: #fff;
    font-size: 13px !important;
    padding: 1px 15px !important;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #6e7881;
    color: #fff;
    font-size: 13px !important;
    padding: 1px 15px !important;
}