.admin-logo-block{
	background: #0e71c7;
}
.admin-logo{
	filter: brightness(0) invert(1);
}
.logo-block{
	width: 88%;
}
.logo-image{
	width: 150px;
    margin: 0 auto;
    display: block;
    border-radius: 6px;
}

table.dataTable tbody td.focus, table.dataTable tbody th.focus {
	outline: none !important;
	outline-offset: -1px;
	background-color: transparent;
}

.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 35px;
	user-select: none;
	-webkit-user-select: none;
}

td span.badge.badge-info-lighten.p-1{
	cursor: pointer;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 33px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: 0px;
	position: absolute;
	top: 50%;
	width: 0;
}

.btn-progress {
	position: relative;
	background-image: url("../images/spinner-white.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px;
	disabled: true;
	color: transparent !important;
	pointer-events: none;
}

.modal-progress .modal-content {
	position: relative; 
}
.modal-progress .modal-content:after {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 999;
	background-image: url("../images/spinner-double-ring.svg");
	background-size: 80px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 3px; 
}

@keyframes spinner {
	to {transform: rotate(360deg);}
}

.spinner:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	background: hsla(0, 0%, 0%, 0);
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 50%;
	border: 2px solid #ccc;
	border-top-color: #333;
	animation: spinner .6s linear infinite;
}

td a.btn-icon {
	color: white;
	padding: 1px;
	width: 26px;
}

td a.btn-icon:hover{
	color: black;
}

form a i.fa-solid.fa-plus {
	margin-top: 6px;
}

form a i.fa-solid.fa-minus {
	margin-top: 6px;
}
.table>:not(caption)>*>* {
	padding: 0.7rem 0.95rem;
}
tbody, td, tfoot, th, thead, tr {
	color: #000;
	font-size: 12px;
}
.btn-group-sm>.btn, .btn-sm {
	font-size: .65rem;
}
td a.btn-icon {
	width: 22px;
}

td i.fa-solid.fa-circle.blink {
	margin-left: 6px;
	font-size: 8px;
	position: absolute;
}
.dash1 {
	background-image: linear-gradient(to right, #664dc9, #9884ea);
}
.dash2 {
	background-image: linear-gradient(to right, #1D976C, #2fd38a);
}
.dash3 {
	background-image: linear-gradient(to right, #fa5420, #f6a800);
}
.dash4 {
	background-image: linear-gradient(to right, #5b73e8, #44c4fa);
}
.dash5 {
    background-image: linear-gradient( 173.1deg,  rgba(226,66,249,0.94) 10.2%, rgba(79,147,249,1) 77.3% );
}

.topnav {
	background: linear-gradient(to bottom,#8f75da,#727cf5);
}
.navbar-dark .navbar-nav .nav-link {
	color: rgb(255 255 255);
}
ul.book-details li {
	display: contents;
	font-style: italic;
	font-weight: 600;
}
ul.book-details {
	padding: 0;
	margin-top: 5px ;
}
span.success {
	font-weight: 800;
	color: #000000bd;
}
span.bname{
	display: block;
}
td.btd{
	text-align: center;
	font-weight: 800;
}

.dropdown-lg {
	width: 100%;
}
#printBarcodeSection img {
	max-width: 100%;
}
.invisible-readonly {
	background-color: #ffffff !important;
}
.childSibling input, .childSibling select {
    margin-right: 6px;
}

fieldset.scheduler-border {
	border: 1px groove #ddd !important;
	padding: 0 1.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 0 !important;
	-webkit-box-shadow:  0px 0px 0px 0px #000;
	box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
	font-size: 1.2em !important;
	font-weight: bold !important;
	text-align: left !important;
	width:auto;
	padding:0 10px;
	border-bottom:none;
}

form#form-permission {
    font-size: smaller;
}

form#form-permission label.permission {
    font-size: 14px;
    font-weight: 800;
}
.scrollbar {
	overflow-y: scroll;
    height: 570px;
}

.scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.scrollbar::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(122,153,217)),
		color-stop(0.72, rgb(73,125,189)),
		color-stop(0.86, rgb(28,58,148)));
}

.card-loader {
    position: relative;
}
.card-loader:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 999;
    background-image: url("spinner/ripple-loader.svg");
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;
}

.window-loader {
    position: relative;
}

.window-loader:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 999;
    background-image: url("spinner/ripple-loader.svg");
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;
}




img.slow-images {
    width: 65%;
}
.float-md-right{float: right;}
@media only screen and (max-width: 767px) {
	.float-sm-left{float: left;}
}
@media only screen and (max-width: 480px) {
	.page-title{margin-left: 20px !important;}
	.container-fluid{padding:0 !important;}

}
/* @media only screen and (max-width: 991px) {
	.nav-user .account-user-name{display: block !important;}
	.nav-user .account-position{display: block !important;}
	

} */



#loader-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}
.loader {
	border: 4px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	border-top: 4px solid #ffffff;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#loader-overlay {
	display: none;
}
#changeBookfairyForm textarea.select2-search__field{position: absolute;}
#changeBookfairyForm .select2-selection__choice__display {
    padding-left: 20px !important;
}
#changeBookfairyForm button.select2-selection__choice__remove span:hover {
    color: #fff !important;
}

.transition {
	transition: width 0.5s ease-in-out;
}

.cus-progress {
	overflow: hidden;
	margin: 5px auto;
	padding: 0 15px;
	width: 100%;
	height: 30px;
	background: #d3d5d9;
	border-radius: 17px;
	background-image: -webkit-linear-gradient(top, #ebecef, #bfc3c7);
	background-image: -moz-linear-gradient(top, #ebecef, #bfc3c7);
	background-image: -o-linear-gradient(top, #ebecef, #bfc3c7);
	background-image: linear-gradient(to bottom, #ebecef, #bfc3c7);
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.8),
		0 2px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.1),
		0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.8),
		0 2px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.1),
		0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, 0.1);
}

.progress-val {
	float: right;
	margin-left: 15px;
	font: bold 15px/34px Helvetica, Arial, sans-serif;
	color: #333;
	text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}

.cus-progress-bar {
	display: block;
	overflow: hidden;
	height: 10px;
	margin: 10px 0;
	width: 87%;
	background: #b8b8b8;
	border-radius: 4px;
	background-image: -webkit-linear-gradient(top,
			rgba(0, 0, 0, 0.2),
			transparent 60%);
	background-image: -moz-linear-gradient(top,
			rgba(0, 0, 0, 0.2),
			transparent 60%);
	background-image: -o-linear-gradient(top,
			rgba(0, 0, 0, 0.2),
			transparent 60%);
	background-image: linear-gradient(to bottom,
			rgba(0, 0, 0, 0.2),
			transparent 60%);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
		0 1px rgba(255, 255, 255, 0.6);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.6);
}

.progress-in {
	display: block;
	min-width: 10px;
	height: 10px;
	width: 0;
	background: #1997e6;
	background-image: -webkit-linear-gradient(top,
			rgba(255, 255, 255, 0.3),
			rgba(255, 255, 255, 0) 60%,
			rgba(0, 0, 0, 0) 61%,
			rgba(0, 0, 0, 0.2)),
		-webkit-linear-gradient(left, #147cd6, #24c1fc);
	background-image: -moz-linear-gradient(top,
			rgba(255, 255, 255, 0.3),
			rgba(255, 255, 255, 0) 60%,
			rgba(0, 0, 0, 0) 61%,
			rgba(0, 0, 0, 0.2)),
		-moz-linear-gradient(left, #147cd6, #24c1fc);
	background-image: -o-linear-gradient(top,
			rgba(255, 255, 255, 0.3),
			rgba(255, 255, 255, 0) 60%,
			rgba(0, 0, 0, 0) 61%,
			rgba(0, 0, 0, 0.2)),
		-o-linear-gradient(left, #147cd6, #24c1fc);
	background-image: linear-gradient(to bottom,
			rgba(255, 255, 255, 0.3),
			rgba(255, 255, 255, 0) 60%,
			rgba(0, 0, 0, 0) 61%,
			rgba(0, 0, 0, 0.2)),
		linear-gradient(to right, #147cd6, #24c1fc);
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.2),
		inset 0 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

#ajaxDtProgressEntry tr td {
    text-wrap: wrap !important;
}

.disabled-link {
    pointer-events: none; /* Prevents clicking */
    cursor: not-allowed;  /* Changes cursor to indicate it’s disabled */
    opacity: 0.5;        /* Makes the link look disabled */
    text-decoration: none; /* Remove underline for consistency */
    color: #ffffff;      /* Optional: change color to indicate disabled state */
}
.current-session{
	margin-top: 25px;
}
.hajeri-welcome-message{
	margin-top: 31px;
    margin-left: 20px;
    font-size: 15px;
}