/*====
MAIN COLOR : var(--thmColor);
MAIN COLOR HOVER : #6fa776;
====*/

/* === VARIABLES CODE === */
:root {
	--thmColor: #028FC4;
	--thmDark: #047ca9;
	--thmRed: #c73a4d;
	--thmRedDark: #a32839;
	--fontColor: #082720;
	--white: #FFFFFF;
	--black: #000000;

	--main_font: 'Titillium Web', sans-serif;
	--title_font: 'Oswald', sans-serif;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	padding: 0;
	margin: 0;
	font-family: var(--main_font);
	background: #fafaff;
}

@media print and (color) {
	* {
	  -webkit-print-color-adjust: exact;
	  print-color-adjust: exact;
	}
}


.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
	padding-right: 10px;
	padding-left: 10px;
}
.row {
	margin-right: -10px;
	margin-left: -10px;
}

.owl-dot:focus {
	box-shadow: none;
	outline: none;
}
input:focus,
button:focus {
	outline: none;
	box-shadow: none;
}
a,
a:hover,
button,
button:hover {
	transition: all ease-in-out 0.3s;
	text-decoration: none;
}

.btn:focus,
.btn:active,
.btn:visited {
	outline: none;
	box-shadow: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	font-family: var(--title_font);
	margin: 0;
}
p {
	color: #4a4a4a;
	font-weight: 300;
	margin: 0;
}

pre {
	font-family: var(--main_font);
	white-space: pre-wrap;
	white-space: -pre-wrap;
	word-wrap: break-word;
	font-size: 100%;
}

.morecontent span {
	display: none;
}
.morelink {
	display: inline-block;
	color: var(--thmColor);
	font-weight: 600;
	font-family: var(--title_font);
	text-transform: lowercase;
}

.error {
	font-size: 12px;
	color: red;
	margin-top: 5px;
	text-align: left;
}
.info {
	font-size: 12px;
	color: #efb55f;
	margin-top: 5px;
	text-align: left;
}

.editFill {
	font-size: 13px;
	font-weight: 500;
}

.tox-notifications-container {
	display: none;
}
.tox .tox-tbtn {
	margin: 0 !important;
}
.tox-toolbar__group:not(:last-of-type) {
    border-right: 1px solid rgba(0, 0, 0, 0.06) !important;
}



/* TOOL-TIP (HTML TITLE CUSTOMIZE) (JQUERY-UI) */
.ui-tooltip {
	font-size: 12px;
	padding: 3px 10px !important;
	color: var(--thmColor);
}
/* TOOL-TIP -End */

/* ##### NOTIFY-POPUP ##### */
.notify_popup {
	width: 350px;
	height: 90px;
	display: none;
	align-items: center;
	background: #ffffff;
	padding: 3px 4px;
	border-radius: 12px;
	position: fixed;
	right: 75px;
	top: 80px;
	box-shadow: 1px 0px 13px rgb(0 0 0 / 25%);
	z-index: 999;
	/* animation: showNotify .5s cubic-bezier(0,.84,1,.44) 1; */
	transition: ease-in;
}
.notify_popup.showNotify {
	display: flex;
	animation: showNotify 0.6s ease-in 1;
}

@-webkit-keyframes showNotify {
	0% {
		transform: translateX(300px);
	}
	90% {
		transform: translateX(-100px);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes showNotify {
	0% {
		transform: translateX(300px);
	}
	90% {
		transform: translateX(-100px);
	}
	100% {
		transform: translateX(0);
	}
}

.notify_popup .content {
	width: calc(100% - 30px);
	display: flex;
	height: 100%;
	padding: 15px 10px;
}
.notify_popup .icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #b9d9ea;
	padding: 2px;
}
.notify_popup .icon span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #ccc;
	color: #fff;
	font-size: 11px;
}
.notify_popup .text {
	width: calc(100% - 30px);
	padding-left: 10px;
}
.notify_popup .text h4 {
	font-size: 16px;
	color: #000;
	margin-bottom: 4px;
	font-weight: 600;
}
.notify_popup .text p {
	font-size: 13px;
	color: #565656;
	font-weight: 400;
}

.notify_popup .close {
	background: #f4f4f4;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 100%;
	border-radius: 0 12px 12px 0;
	cursor: pointer;
	transition: all ease-in-out 0.3s;
}
.notify_popup .close img {
	width: 15px;
}
.notify_popup .close:hover {
	background: #eeeeee;
	transition: all ease-in-out 0.3s;
}

.notify_popup.info .icon span {
	background: #efb55f;
}
.notify_popup.error .icon span {
	background: #c85e62;
}
.notify_popup.success .icon span {
	background: #1d8e4e;
}

.notify_popup.info .text h4 {
	color: #efb55f;
}
.notify_popup.error .text h4 {
	color: #c85e62;
}
.notify_popup.success .text h4 {
	color: #1d8e4e;
}
/* ##### NOTIFY-POPUP -E ##### */

.arabic {
	/*font-family: 'Scheherazade', serif;*/
	font-family: var(--title_font);
	direction: rtl;
	text-align: right;
	font-size: 18px;
	font-style: italic;
	line-height: 1.8em !important;
}
p.arabic {
	font-size: 18px !important;
}

.share {
	font-size: 14px;
	font-weight: 500;
	padding: 10px 0 5px;
	font-family: var(--title_font);
}
.share span {
	margin-right: 5px;
	display: inline-block;
}
.share .shareSocial a {
	text-align: center;
	display: inline-block;
	border: 1px solid #ccc;
	height: 26px;
	width: 26px;
	line-height: 26px;
	color: #ccc;
	margin: 0 3px;
	font-size: 13px;
}
.share .shareSocial a:hover {
	border-color: var(--thmColor);
	color: var(--thmColor);
}

.title {
	font-size: 30px;
	text-transform: uppercase;
	color: #000;
	font-weight: 600;
	text-align: center;
	margin-bottom: 45px;
	font-family: var(--title_font);
}
.title span {
	color: var(--thmColor);
	font-weight: 200;
}

.title2 {
	font-size: 18px;
	/* text-transform: uppercase; */
	display: inline-block;
	color: #000;
	font-weight: 500;
	margin-bottom: 15px;
	padding-bottom: 3px;
	position: relative;
	font-family: var(--title_font);
}
.title2 span {
	color: var(--thmColor);
	font-weight: 200;
}
.title2:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: var(--thmColor);
}

.btnBox {
	margin-top: 15px;
	display: inline-block;
	width: 100%;
}
.btn {
	background-color: var(--thmColor);
	color: #fff;
	min-width: 150px;
	font-size: 15px;
	border-radius: 5px;
	padding: 7px 15px;
	position: relative;
	cursor: pointer;
}
.btn img {
	width: 15px;
	position: relative;
	top: -3px;
	margin-right: 8px;
}
.btn:hover {
	background: var(--thmDark);
	color: #fff;
}

.red {
	background-color: var(--thmRed);
}
.red:hover {
	background-color: var(--thmRedDark);
}



.btn span {
	z-index: 1;
	position: relative;
}

.btn.btnS {
	min-width: 95px;
	font-size: 12px;
	padding: 5px 15px;
}
.btn.btnXS {
	min-width: 80px;
	font-size: 12px;
	padding: 3px 12px;
}

.sBtn {
	display: inline-block;
	padding: 4px 12px;
	background: var(--thmColor);
	color: #fff;
	font-size: 11px;
	min-width: 60px;
	text-align: center;
	border-radius: 4px;
	border: none;
	transition: 0.3s;
	cursor: pointer;
	line-height: 1.4em;
}
.sBtn:hover {
	background: var(--thmDark);
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
}

.iconBtn {
	width: 30px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	font-size: 13px;
	display: inline-block;
	border: 2px solid var(--thmColor);
	color: var(--thmColor);
	padding: 0;
	background: transparent;
	border-radius: 4px;
	cursor: pointer;
}
.iconBtn:hover {
	color: var(--thmColor);
	background: rgb(143 176 63 / 10%);
}
.iconBtn img {
	width: 15px;
	display: inline-block;
}
.iconBtn.bg {
	background: var(--thmColor);
	color: #fff;
}
.iconBtn.bg:hover {
	background: var(--thmDark);
	border-color: var(--thmDark);
}
.iconBtn.bg.del {
	background: #d33d3d;
	border-color: #d33d3d;
}

.badge {
	position: absolute;
	background: #fff;
	border-radius: 50%;
	color: #000;
	font-weight: 600;
	text-align: center;
	font-size: 10px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	transition: all 0.4s ease-in-out;
	font-family: "Open Sans", sans-serif;
	display: inline-block;
	padding: 0;
}

.switch {
	display: inline-block;
}
.switch input {
	display: none;
}
.switch small {
	display: inline-block;
	width: 43px;
	height: 18px;
	background: #455a64;
	border-radius: 30px;
	position: relative;
	cursor: pointer;
}
.switch small:after {
	content: "No";
	position: absolute;
	color: #fff;
	font-size: 11px;
	font-weight: 400;
	width: 100%;
	left: 0px;
	text-align: right;
	padding: 0 6px;
	box-sizing: border-box;
	line-height: 17px;
}
.switch small:before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 50%;
	top: 3px;
	left: 3px;
	transition: 0.3s;
	box-shadow: -3px 0 3px rgba(0, 0, 0, 0.1);
}
.switch input:checked ~ small {
	background: var(--thmColor);
	transition: 0.3s;
}
.switch input:checked ~ small:before {
	transform: translate(25px, 0px);
	transition: 0.3s;
}
.switch input:checked ~ small:after {
	content: "Yes";
	text-align: left;
}
.switchSmall {
	display: inline-block;
}
.switchSmall input {
	display: none;
}
.switchSmall small {
	display: inline-block;
	width: 32px;
	height: 16px;
	background: #455a64;
	border-radius: 30px;
	position: relative;
	cursor: pointer;
}
.switchSmall small:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
	top: 3px;
	left: 3px;
	transition: 0.3s;
	box-shadow: -3px 0 3px rgba(0, 0, 0, 0.1);
}
.switchSmall input:checked ~ small {
	background: var(--thmColor);
	transition: 0.3s;
}
.switchSmall input:checked ~ small:before {
	transform: translate(16px, 0px);
	transition: 0.3s;
}
.switchSmall2 {
	display: inline-block;
}
.switchSmall2 input {
	display: none;
}
.switchSmall2 small {
	display: inline-block;
	width: 38px;
	height: 15px;
	background: #dadada;
	border-radius: 30px;
	position: relative;
	cursor: pointer;
}
.switchSmall2 small:before {
	content: "";
	position: absolute;
	width: 19px;
	height: 19px;
	background: #fff;
	border-radius: 50%;
	top: -2px;
	left: -1px;
	transition: 0.3s;
	box-shadow: -3px 0 3px rgba(0, 0, 0, 0.25);
}
.switchSmall2 input:checked ~ small {
	background: var(--thmColor);
	transition: 0.3s;
}
.switchSmall2 input:checked ~ small:before {
	transform: translate(20px, 0px);
	transition: 0.3s;
	box-shadow: 3px 0 3px rgba(0, 0, 0, 0.25);
}

/* CUSTOMIZE DATEPICKER (JQUERY-UI) */
.ui-widget.ui-widget-content {
	border: none;
	padding: 7px;
	background: #fff;
	box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.1);
}
.ui-widget-header {
	border: 1px solid var(--thmColor);
	background: var(--thmColor);
	color: #fff;
	font-weight: 500;
	border-radius: 0 !important;
	width: calc(100% + 8px + 8px);
	left: -8px;
	top: -8px;
}
.ui-datepicker td {
	padding: 5px 3px;
}
.ui-datepicker {
	width: 19em;
	border-radius: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
	border: 1px solid var(--thmColor);
	background: rgb(143 176 63 / 35%);
	color: #000;
	border-radius: 3px;
	text-align: center;
	padding: 5px 2px;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
	background: var(--thmRed) !important;
	color: #000;
	border-color: var(--thmRed);
}
.ui-state-active,
.ui-widget-content .ui-state-active {
	background: var(--thmColor) !important;
	color: #fff !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover {
	background: rgb(143 176 63 / 65%);
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	top: 5px;
	width: 23px;
	height: 23px;
	background: #fff;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
	left: 5px;
}
.ui-datepicker .ui-datepicker-next {
	right: 5px;
}

.ui-icon {
	position: relative;
	text-indent: 0 !important;
}
.ui-icon:after {
	content: "";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: var(--thmColor);
	font-size: 12px;
}
.ui-datepicker-prev .ui-icon:after {
	content: "\f053";
}
.ui-datepicker-next .ui-icon:after {
	content: "\f054";
}
/* CUSTOMIZE DATEPICKER -END */



/* BOOTSTRAP TAG INPUT */
.bootstrap-tagsinput {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	width: 100%;
	border-radius: 8px;
	background: transparent;
	border: 1px solid var(--thmColor);
	min-height: 40px;
	padding: 3px 8px;
}
.bootstrap-tagsinput .tag {
	background: var(--thmColor);
	color: #fff;
	font-size: 14px;
	height: 100%;
	display: inline-block;
	padding: 4px 12px;
	border-radius: 4px;
}
.bootstrap-tagsinput input {
	color: var(--thmColor);
	font-size: 14px;
	border: none;
}
.bootstrap-tagsinput input::-webkit-input-placeholder {
	color: rgba(144, 182, 149, 0.7);
}
.bootstrap-tagsinput input::-moz-placeholder {
	color: rgba(144, 182, 149, 0.7);
}
.bootstrap-tagsinput input:-ms-input-placeholder {
	color: rgba(144, 182, 149, 0.7);
}
.bootstrap-tagsinput input:-moz-placeholder {
	color: rgba(144, 182, 149, 0.7);
}

/* BOOTSTRAP TAG INPUT -END */

/* BACK TO TOP BUTTON */
.goTop {
	position: fixed;
	bottom: 55px;
	right: 50px;
	background: var(--thmColor);
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	display: none;
	color: #fff;
	border-radius: 6px;
	box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.12);
	border: 2px solid #fff;
	z-index: 99;
}

.goTop:hover {
	color: #fff;
	background: #000;
}
/* BACK TO TOP BUTTON -end */

/* FORM ELEMENSTS */
.form-group {
	position: relative;
	margin-bottom: 15px;
}
.form-group label {
	font-size: 14px;
	font-weight: 400;
}
.form-control {
	border-radius: 8px;
	background: transparent;
	border-color: var(--thmColor);
	font-size: 14px;
	color: var(--thmColor);
	height: 40px;
	font-weight: 300;
	transition: none;
}
.form-control:hover {
	background-color: rgba(82, 116, 209, 0.08);
	background-color: rgba(82, 116, 209, 0.08);
	transition: none;
}
.form-control:focus {
	color: var(--thmColor);
	border-color: var(--thmColor);
	background-color: rgba(82, 116, 209, 0.08);
	box-shadow: none;
	outline: none;
}
textarea.form-control {
	height: 85px;
	min-height: 85px;
	max-height: 500px;
	resize: none;
}
select.form-control {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../images/down-arrow.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: calc(100% - 8px) 17px;
	padding-right: 28px;
}
select.form-control[multiple],
select.form-control[size] {
	height: 40px;
}
select.form-control[multiple] option {
	padding: 5px 0;
}

.fileUpload {
	position: relative;
	padding-left: 72px;
	cursor: pointer;
	overflow: hidden;
}
.fileUpload input {
	display: none;
}
.fileUpload .fileIcon {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	line-height: 40px;
	height: 100%;
	background: var(--thmColor);
	text-align: center;
	color: #fff;
	font-size: 20px;
}
.fileUpload .fileIcon.outline {
	background: transparent;
	color: var(--thmColor);
	border-right: 1px solid var(--thmColor);
}

.output {
	position: relative;
	top: 3px;
	display: inline-block;
	width: 100%;
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
}

.editImg {
	width: 125px;
	height: auto;
}

.ck.ck-editor__editable_inline {
	min-height: 125px;
	max-height: 500px;
}
.ck-editor * {
	border-color: var(--thmColor) !important;
}

.form-control::-webkit-input-placeholder {
	color: rgba(82, 116, 209, 0.7);
}
.form-control::-moz-placeholder {
	color: rgba(82, 116, 209, 0.7);
}
.form-control:-ms-input-placeholder {
	color: rgba(82, 116, 209, 0.7);
}
.form-control:-moz-placeholder {
	color: rgba(82, 116, 209, 0.7);
}

.formIco {
	position: absolute;
	right: 10px;
	top: 10px;
	color: var(--thmColor);
}

.radio {
	display: inline-block;
	cursor: pointer;
	margin: 0 15px 0 0;
}
.radio:last-child {
	margin: 0;
}
.radio input {
	display: none;
}
.radio small {
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 2px solid var(--thmColor);
	border-radius: 50%;
	position: relative;
	vertical-align: middle;
}
.radio span {
	font-size: 14px;
	position: relative;
	color: #000;
	vertical-align: middle;
	top: 1px;
}
.radio input:checked ~ small:after {
	content: "";
	background: var(--thmColor);
	width: 9px;
	height: 9px;
	position: absolute;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.checkbox {
	display: inline-block;
	cursor: pointer;
	margin: 0 15px 0 0;
}
.checkbox:last-child {
	margin: 0;
}
.checkbox input {
	display: none;
}
.checkbox small {
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 2px solid var(--thmColor);
	border-radius: 3px;
	position: relative;
	vertical-align: middle;
}
.checkbox span {
	font-size: 14px;
	position: relative;
	color: #000;
	vertical-align: middle;
	top: 1px;
}
.checkbox input:checked ~ small:after {
	content: "\f00c";
	color: var(--thmColor);
	position: absolute;
	left: 50%;
	top: 56%;
	transform: translate(-50%, -50%);
	font-size: 12px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
}
/* FORM ELEMENSTS -end */

/* TABLE DESIGN */
.tableSec {
	display: inline-block;
	width: 100%;
}
.tableRow {
	display: table;
	width: 100%;
	border: 1px solid var(--thmColor);
	border-bottom: none;
	min-height: 35px;
}
.tableRow:last-child {
	border-bottom: 1px solid var(--thmColor);
}
.tableRow.rowHead {
	border-radius: 6px 6px 0 0;
	min-height: 40px;
	background: var(--thmColor);
}
.rowHead .tableCell {
	padding: 7px 5px;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	font-family: var(--title_font);
	color: #fff;
}
.rowHead .tableCell:last-child {
	border-right: none;
}
.tableCell {
	color: #455a64;
	display: table-cell;
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	word-break: break-word;
	word-wrap: break-word;
}
.tableCell a {
	color: var(--thmColor);
	position: relative;
}
.tableCell:last-child {
	border-right: none;
}

.tableCell.check {
	width: 50px;
}
.rowHead .checkbox small {
	border-color: #fff;
}
.rowHead .checkbox input:checked ~ small:after {
	color: #fff;
}
.tableCell.sn {
	width: 50px;
}
.tableCell.roundImg {
	width: 75px;
}
.tableCell.roundImg img {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}
.tableCell.viewImg {
	width: 100px;
}
.tableCell.viewImg img {
	width: 75px;
	height: auto;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}
/* TABLE DESIGN -END */

/* LIST VIEW */
.listSec {
	display: inline-block;
	width: 100%;
}
.listRow {
	display: flex;
	align-items: center;
	width: 100%;
	border-bottom: none;
	min-height: 50px;
	margin-bottom: 6px;
	box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.09);
	background: #fff;
	border: 1px solid #f7f7f7;
	transition: all 0.3s ease;
	border-radius: 8px;
	padding: 0 10px;
}
.listRow:hover {
	transform: translateY(-3px);
	transition: all 0.3s ease;
}
.listRow.rowHead {
	min-height: 45px;
	background: var(--thmColor);
	margin-bottom: 15px;
}
.listRow.rowHead:hover {
	transform: none;
}
.rowHead .listCell {
	padding: 7px 5px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	font-family: var(--title_font);
	color: #fff;
	vertical-align: middle;
}
.rowHead .listCell:last-child {
	border-right: none;
}
.listCell {
	color: #455a64;
	display: table-cell;
	padding: 8px 5px;
	font-size: 14px;
	word-break: break-word;
	word-wrap: break-word;
	position: relative;
	vertical-align: middle;
}
.listCell a {
	color: var(--thmColor);
	position: relative;
}
.listCell:last-child {
	border-right: none;
}

.listCell.check {
	width: 50px;
}

.listCell.roundImg {
	width: 75px;
	text-align: center;
}
.listCell.roundImg img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}
.listCell.viewImg {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}
.listCell.viewImg img {
	width: 100%;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}

/* LIST VIEW -End */

main {
	min-height: 100vh;
	display: flex;
}
.sideBar {
	width: 250px;
	box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.08);
	height: 100vh;
	transition: 0.3s;
	position: fixed;
}
.SB-head {
	background: var(--thmColor);
	position: fixed;
	top: 0;
	left: 0;
	width: 250px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	z-index: 99;
	box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.08);
	height: 50px;
	padding: 8px 15px;
	transition: 0.3s;
}
.SB-head .logo {
	display: inline-block;
	color: #fff;
    font-weight: 600;
    font-size: 20px;
	font-family: var(--title_font);
}
.SB-head .logo img {
	height: 35px;
	display: block;
}


.sidebarMenuBox {
	width: 100%;
	height: calc(100% - 50px);
	margin-top: 50px;
	overflow-y: auto;
	background: #0F2142;
}

.mainContent {
	width: calc(100% - 250px);
	transition: 0.3s;
	margin-left: auto;
}

header {
	padding: 0 15px;
	background: var(--thmColor);
	position: fixed;
	top: 0;
	right: 0;
	width: calc(100% - 250px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	z-index: 99;
	box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.08);
	height: 50px;
	transition: 0.3s;
}
header .checkbox {
	float: left;
	position: relative;
	top: 12px;
}
header .checkbox small {
	border-color: #fff;
}
header .checkbox input:checked ~ small:after {
	color: #fff;
}

.headerInner {
	display: block;
	width: 100%;
	height: 100%;
	padding-right: 25px;
}
.headerInner:after {
	content: "";
	display: block;
	clear: both;
}

.hedIco {
	vertical-align: middle;
	margin: 0 10px;
	cursor: pointer;
	position: relative;
	float: right;
	height: 100%;
}
.hedIco .icon {
	display: inline-block;
	height: 100%;
	line-height: 46px;
	padding: 0 7px;
	transition: 0.3s;
}
.hedIco .icon:hover {
	background: var(--thmDark);
	transition: 0.3s;
}
.hedIco .icon img {
	width: 24px;
}
.hedIco .icon .badge {
	top: 5px;
	right: -11px;
}
/* Message Hed Notification */
.msgBdg {
	position: absolute !important;
	top: -10px;
	right: -12px;
	background: #ffa87d;
	color: #fff;
}
.hedMsgList {
	position: absolute;
	display: none;
	width: 325px;
	background: #fff;
	box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.3);
	z-index: 5;
	right: 0;
	top: 100%;
	text-align: left;
	overflow: hidden;
	border-radius: 4px;
}
.newMenuMessage {
	background: #fdf2e7;
}
.notifyMsgHed {
	background: var(--thmColor);
	padding: 11px 12px 9px;
	color: #fff;
	font-size: 17px;
	text-align: left;
	font-family: var(--title_font);
	font-weight: 600;
}
.hedAleart .notifyMsgHed {
	background: #f77076;
}
.notifyMsgHed span {
	background: #fff;
	color: #ff5252;
	padding: 2px 5px;
	border-radius: 3px;
	font-size: 12px;
	float: right;
}
.newMessage {
	background: #f5f5f5;
}
.hedMsgSec {
	display: inline-block;
	position: relative;
	height: 385px;
	overflow: hidden;
	overflow-y: auto;
}
.hedMsgBox {
	width: 100%;
	padding: 10px;
	/*padding-right: 35px;*/
	border-bottom: 1px solid #f3f3f3;
	float: left;
	position: relative;
}
.hedMsgBox:last-child {
	border-bottom: none;
}
.hedMsgBox:hover {
	background: #f5f5f5;
}
.hedMsgImg {
	width: 45px;
	float: left;
}
.hedMsgImg img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.hedMsgContent {
	width: calc(100% - 45px);
	float: left;
}
.hedMsg_hed {
	font-size: 14px;
	color: var(--thmColor);
	font-weight: 500;
	font-family: var(--title_font);
}
.hedAleart .hedMsg_hed {
	color: #f77076;
}
.hedMsg_msg {
	color: #455a64;
	font-size: 12px;
	padding: 3px 0;
	line-height: 1.3em;
	margin-bottom: 3px;
	font-weight: 300;
}
.hedMsg_date {
	color: #455a64;
	font-size: 11px;
}
.hedMsg_date i {
	margin-right: 5px;
}
.hedMsg_viewAll {
	color: #455a64;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	padding: 8px 10px;
	border-top: 1px solid #f3f3f3;
}
.hedMsgBox .msg_no {
	color: var(--thmColor) !important;
	border: 1px solid var(--thmColor) !important;
}
.hedMsgBox .msg_no span {
	color: var(--thmColor) !important;
}
.newMessage .msg_no span {
	background: var(--thmColor);
	color: #fff !important;
}
/* Aleart Hed Notification */
.hedAleart .hedMsgBox {
	padding-right: 10px;
}

.SB-title {
	background: var(--thmColor);
	padding: 8px 12px;
	color: #fff;
	font-size: 15px;
	margin-bottom: 10px;
	font-family: var(--title_font);
}
.SB-title i {
	margin-right: 7px;
}
.sidebarMenu {
	list-style: none;
	color: #fff;
	padding-left: 0;
	margin: 12px 0;
	font-family: var(--title_font);
}

.sidebarMenu li {
	position: relative;
	transition: 0.3s;
	text-transform: uppercase;
}
.sidebarMenu li:hover {
	padding-left: 8px;
	transition: 0.3s;
	background: rgba(38, 44, 73, 0.25);
}
.sidebarMenu li.menuOpen:hover {
	padding-left: 0;
	transition: 0.3s;
}

.subMenu li:hover:before {
	left: 25px;
	transition: 0.3s;
}
.sidebarMenu li a:hover {
	text-decoration: none;
	color: var(--thmRed);
}

.sidebarMenu li i,
.sidebarMenu li img {
	font-size: 17px;
	margin-right: 7px;
	position: relative;
	top: 1px;
	color: var(--thmRed);
}
.sidebarMenu li img {
	width: 19px;
	top: -3px;
}
.sidebarMenu li a {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 14px;
	padding: 10px 15px;
	cursor: pointer;
	transition: 0.3s;
	font-weight: 300;
}
.sidebarMenu li.menuOpen a {
	background: #262c49;
}
.sidebarMenu li .badge {
	right: 30px;
}

.hasSubMenu:after {
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	position: absolute;
	right: 13px;
	top: 8px;
	font-size: 20px;
	transition: 0.3s;
}
.hasSubMenu.menuOpen:after {
	transform: rotate(90deg);
	transition: 0.3s;
}

.subMenu {
	display: none;
	padding-left: 0;
	list-style: none;
	font-family: var(--main_font);
	padding-left: 23px;
}
.subMenu li {
	position: relative;
}
.subMenu li a {
	padding: 9px 15px;
	padding-left: 42px;
	text-transform: none;
}
.subMenu li:before {
	content: "\f111";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	position: absolute;
	left: 17px;
	top: 12px;
	font-size: 11px;
	transition: 0.3s;
}
.sidebarMenu li.menuOpen .subMenu a {
	background: transparent;
}

.SBuserBox {
	width: 100%;
	background: var(--thmColor);
	padding: 20px 15px;
	position: relative;
}
.SBuser {
	width: 60px;
	height: 60px;
	display: inline-block;
	background: #f1f1f1;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
	border: 2px solid #fff;
}
.SBuser img {
	width: 100%;
	height: 100%;
	border-radius: 6px;
}

.SBuserText {
	width: calc(100% - 60px - 4px);
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	padding-left: 6px;
}
.SBuserText h5 {
	font-size: 17px;
	margin-bottom: 3px;
}
.SBuserText p {
	font-size: 13px;
	line-height: 1.2em;
	color: #fff;
	margin-bottom: 10px;
}
.SBuserBox .close_SB {
	position: absolute;
	right: 6px;
	top: 0;
	z-index: 5;
	cursor: pointer;
	padding: 2px 4px;
}
.SBuserBox .close_SB img {
	width: 18px;
}
.SBuserText .viewBtn {
	display: inline-block;
	padding: 3px 12px;
	background: #fff;
	color: var(--thmColor);
	font-size: 11px;
	border-radius: 4px;
}
.SBuserText .viewBtn:hover {
	text-decoration: none;
}
.SBuserText .viewBtn.logout {
	background: var(--thmRed);
	color: var(--white);
	margin-left: 5px;
}
.SBuserText .viewBtn.logout:hover {
	background: var(--thmRedDark);
}

/* COLLAPSED MENU */
/* .collapsedMenu .sidebarMenuBox {
    overflow: visible;
} */
.collapsedMenu .sideBar {
	width: 60px;
	transition: 0.3s;
	text-align: center;
	position: relative;
	/* height: 100%; */
}
.collapsedMenu .mainContent {
	width: calc(100% - 60px);
	transition: 0.3s;
}
.collapsedMenu .SB-head {
	width: 60px;
	transition: 0.3s;
}
.collapsedMenu header {
	width: calc(100% - 60px);
	transition: 0.3s;
}

.collapsedMenu .subMenu {
	position: fixed;
	background: #0F2142;
	z-index: 99;
	width: 220px;
	/* left: 100%; */
	/* top: 0; */
	text-align: left;
	border-radius: 0 4px 4px 0;
}
.collapsedMenu .hasSubMenu:hover .subMenu {
	display: block !important;
}
.collapsedMenu .sidebarMenu li a {
	font-size: 13px;
}
.collapsedMenu .sidebarMenu li .badge {
	position: absolute;
	right: 6px;
	top: 9px;
}
.collapsedMenu .SB-title span {
	display: none;
}
.collapsedMenu .sidebarMenu li a span {
	display: none;
}
.collapsedMenu .hasSubMenu:after {
	display: none;
}
.collapsedMenu .SBuserText {
	display: none;
}
.collapsedMenu .SBuserBox {
	padding: 15px 8px;
}
.collapsedMenu .SBuser {
	width: 45px;
	height: 45px;
}
/* COLLAPSED MENU end*/

.content-wrapper {
	padding: 85px 100px;
	min-height: calc(100vh - 87px);
}

.card-body h2 {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--thmColor);
	margin-bottom: 10px;
}



.pageTitle {
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}
.pageTitle h4 {
	font-size: 22px;
	display: inline-block;
	padding-right: 18px;
	vertical-align: middle;
}
.pageTitle h4 small {
	font-weight: 300;
	font-size: 75%;
}
.pageTitle .search {
	margin-left: auto;
}
.pageTitle form {
	display: flex;
	align-items: center;
}
.pageTitle .search input {
	font-size: 13px;
	height: 35px;
	border: 1px solid var(--thmColor);
	padding: 3px 10px;
	width: 175px;
}
.pageTitle .search button {
	background: var(--thmColor);
	color: #fff;
	font-size: 16px;
	width: 35px;
	height: 35px;
	border: 1px solid var(--thmColor);
}

.titleLinks {
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #dcdcdc;
	padding: 2px 0 2px 10px;
	position: relative;
	top: -5px;
	font-weight: 300;
}
.titleLinks span,
.titleLinks a {
	display: inline-block;
	padding: 0 12px;
	font-size: 14px;
	position: relative;
}
.titleLinks i {
	font-size: 14px;
	color: #9a9a9a;
	position: relative;
	top: 1px;
}

.titleLinks a {
	color: var(--thmColor);
}
.titleLinks span {
	color: #b9b9b9;
}

.card {
	margin-bottom: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease-in-out;
	color: #626262;
	font-weight: 300;
}
.card .card-body {
	padding: 30px;
}

/* FOOTER SECTION */
.subscribe-sec {
	background: var(--thmColor);
	padding: 25px 0;
}
.subscribeText {
	font-size: 32px;
	color: #fff;
	margin: 5px 0 0;
	font-weight: 400;
}
.subscribe-form input {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 0px;
	padding: 5px 15px;
	height: 42px;
	font-size: 13px;
	width: 375px !important;
	margin-right: 8px;
	border-radius: 8px 0 0 8px;
}
.subscribe-form input:focus {
	border: 1px solid #fff;
	color: #fff;
	box-shadow: none;
	background: transparent;
}
.subscribe-form input::-webkit-input-placeholder {
	color: #fff;
}
.subscribe-form input::-moz-placeholder {
	color: #fff;
}
.subscribe-form input:-ms-input-placeholder {
	color: #fff;
}
.subscribe-form input::-moz-placeholder {
	color: #fff;
}
.subscribe-form button {
	background: #fff;
	color: var(--thmColor) !important;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 0px !important;
	min-width: 125px;
	padding: 10px 8px;
	border: none;
	border-radius: 0 8px 8px 0;
}
footer {
	width: calc(100% - 250px);
	position: fixed;
	right: 0;
	bottom: 0;
	padding: 15px 0;
	background-color: #202945;
	color: #c8cbd7;
	z-index: 9;
}
.footLogo {
	position: relative;
	color: #fff;
    font-weight: 600;
    font-size: 20px;
	font-family: var(--title_font);
	top: 4px;
}
.footLogo img {
	height: 35px;
	display: block;
}
.footLogo .logoText {
	font-size: 25px;
	font-family: "Alfa Slab One", cursive;
	letter-spacing: 2px;
	color: #fff;
	position: relative;
	top: 5px;
}
.footerNav .navBox .nav-link {
	color: #fff;
	font-size: 14px;
}
/* FOOTER SECTION -end */



/* LIST CELL SIZE */

.listRow.blogList .sn {
	width: 50px;
	text-align: center;
}
.listRow.blogList .viewImg {
	width: 150px;
}
.listRow.blogList .titleText {
	width: 18%;
}
.listRow.blogList .disc {
	width: 20%;
}
.listRow.blogList .categ {
	width: 10%;
}
.listRow.blogList .lan {
	width: 8%;
}
.listRow.blogList .date {
	width: 10%;
}
.listRow.blogList .status {
	width: 8%;
}
.listRow.blogList .action {
	width: 15%;
}


.listRow.userList .name {
	width: 10%;
}
.listRow.userList .mob {
	width: 150px;
	text-align: center;
}
.listRow.userList .email {
	width: 15%;
}
.listRow.userList .gender {
	width: 100px;
	text-align: center;
}
.listRow.userList .date {
	width: 100px;
}
.listRow.userList .action {
	width: 100px;
}

.listRow.contact .name {
	width: 150px;
}
.listRow.contact .msg {
	width: auto;
}
.listRow.contact .email {
	width: 200px;
}
.listRow.contact .phone {
	width: 150px;
}
.listRow.contact .action {
	width: 100px;
}

/* ### LOGIN/SIGNUP ### */
.login_container {
	width: 100%;
	height: 100vh;
	background-image: url(../images/BG/mosque-bg.png);
	background-size: cover;
	background-color: var(--thmColor);
	background-size: 75%;
    background-position: bottom;
    background-repeat: repeat-x;
	position: relative;
	padding: 15px;
}

.login_box {
	background: #fff;
	max-width: 450px;
	min-height: 300px;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 12px;
	padding: 25px;
}
.login_box h2 {
	font-size: 24px;
	color: var(--thmRed);
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 5px;
	text-align: center;
}
.login_box p {
	font-size: 15px;
	font-weight: 400;
	color: #6f6e75;
	text-align: center;
}

.login_form {
	margin-top: 20px;
}
.login_form .inputs {
	margin-bottom: 15px;
}
.login_form .inputs:last-child {
	margin-bottom: 0;
}
.login_form .inputs input {
	height: 44px;
	border: none;
	background: #f0f0f0;
	color: #8a8891;
	border-radius: 6px;
	box-shadow: none;
	width: 100%;
	padding: 6px 12px;
}
.login_form .inputs input:focus {
	box-shadow: none;
	outline: none;
}
.login_form .inputs .error {
	font-size: 12px;
	color: #ff0000;
	text-align: left;
}



.login_form .btn_box {
	margin-top: 25px;
	margin-bottom: 10px;
}
.login_form .btn_box .btn {
	width: 100%;
	border-radius: 6px;
	background: var(--thmRed);
	font-size: 15px;
	padding: 10px;
	color: var(--white);
}
.login_form .btn_box .btn:hover {
	background: var(--thmRedDark);
}
.login_form .form_link {
	font-size: 14px;
	cursor: pointer;
}
.login_form .form_link span,
.login_form .form_link input {
	vertical-align: middle;
	margin: 0;
}
.login_form .remember {
	font-weight: 400;
	cursor: pointer;
}
.login_form .forgotPwd {
	text-align: right;
}
.login_form .forgotPwd a {
	color: var(--thmColor);
	font-size: 14px;
}
.login_form .forgotPwd a:hover {
	text-decoration: none;
}

.login_form .noAccount {
	text-align: center;
	margin-top: 25px;
	font-weight: 400;
}
.login_form .noAccount a {
	color: var(--thmColor);
}

.login_with {
	margin-top: 20px;
}
.login_with .or {
	position: relative;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: var(--thmColor);
}
.login_with .or:after {
	content: "";
	position: absolute;
	height: 1px;
	background: #cfcfcf;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.login_with .or span {
	display: inline-block;
	padding: 0 10px;
	background: #fff;
	position: relative;
	z-index: 5;
}

.login_with p {
	font-size: 12px;
	margin: 10px 0;
}
.login_with .login_social {
	text-align: center;
}
.login_with .login_social a {
	display: inline-block;
	margin: 0 2px;
}
.login_with .login_social a img {
	width: 35px;
}
/* ### LOGIN/SIGNUP -END ### */

.imgWithPrvBox {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	align-items: center;
}

.imgUploade-box {
	width: calc(33% - 7px);
	height: 165px;
	border: 2px dashed #ccc;
	cursor: pointer;
	position: relative;
	margin-bottom: 0;
}
.imgUploade-box:hover {
	border: 2px dashed #a5a5a5;
}
.imgUploade-box span {
	position: absolute;
	display: inline-block;
	top: 37%;
	left: 45%;
	color: #ccc;
}
.imgUploade-box span img {
	width: 40px;
	height: 40px;
}
.imgUploade-box .uploadeInput {
	display: none;
}
.imgprvbox {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: none;
	z-index: 1;
	overflow: hidden;
}
.imgprvbox img {
	width: 100%;
	height: 100%;
	border: none;
}


/* DASHBOARD */
.reportBox {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  gap: 20px;
  margin-bottom: 35px;
}
.reportBox:last-child {
	margin-bottom: 0;
}


.reportCard {
  width: calc((100% - (20px * (5 - 1))) / 5);
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0px 3px 18px 0px rgb(0 0 0 / 10%);
}
.reportBox.webPages .reportCard {
    width: calc((100% - (20px * (3 - 1))) / 3);
}



.reportCard .reportIcon {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.reportCard .reportIcon i {
    font-size: 26px;
    color: var(--thmColor);
}
.reportCard .reportIcon svg {
  color: var(--thmColor);
}
.reportCard .reportIcon img {
  width: 30px;
}
.reportCard .reportIcon .tag {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #18cc66;
  color: #fff;
  text-align: center;
  font-size: 11px;
  padding: 0 10px;
  min-height: 22px;
  margin-left: auto;
  min-width: 60px;
}

.reportCard h1 {
  margin-bottom: 12px;
  line-height: 1em;
  color: var(--thmRed);
}
.reportCard h1 small {
	font-size: 16px;
	font-weight: 600;
}
.reportCard h1 small span {
	font-weight: 500;
	color: #7d7d7d;
}
.reportCard p {
	font-size: 20px;
    color: var(--thmColor);
    font-weight: 400;
    font-family: var(--title_font);
    letter-spacing: .5px;
}
.reportCard p b {
	font-weight: 500;
}



/* TOGGLE PASSWORD */
.inputArea {
	position: relative;
}
.inputArea input[type='text'] ~ #showPassword .show {
	display: none;
}
.inputArea  input[type='text'] ~ #showPassword .notSow {
	display: block;
}
.inputArea  input[type='password'] ~ #showPassword .show {
	display: block;
}
.inputArea  input[type='password'] ~ #showPassword .notSow {
	display: none;
}

.inputArea #showPassword {
	font-weight: 600;
    position: absolute;
    color: var(--thmColor);
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 2px;
}



/* BRANCH LIST */

/* .listRow.branchList .sn {
	width: 50px;
	text-align: center;
	font-weight: 600;
} */
.listRow.branchList .b-name {
	width: 12.5%;
	font-weight: 600;
}
.listRow.branchList .b-code {
	width: 12.5%;
}

.listRow.branchList .name {
	width: 15%;
}
.listRow.branchList .mob {
	width: 15%;
}
.listRow.branchList .email {
	width: 15%;
}
.listRow.branchList .address {
	width: 20%;
}
.listRow.branchList .date {
	width: 10%;
}


/* TRANSECTION LIST */
.listRow.transection .date {
	width: 15%;
}
.listRow.transection .credit {
	width: 15%;
}
.listRow.transection .debit {
	width: 15%;
}
.listRow.transection .taotal {
	width: 25%;
}
.listRow.transection .ac {
	width: 25%;
}



.listRow.walletList .sn {
	width: 60px;
	text-align: center;
	font-weight: 600;
}
.listRow.walletList .date {
	width: calc(20% - 60px);
}
.listRow.walletList .b-code {
	width: 13%;
}
.listRow.walletList .name {
	width: 17%;
}
.listRow.walletList .email {
	width: 23%;
}
.listRow.walletList .mob {
	width: 15%;
}
.listRow.walletList .amount {
	width: 12%;
	text-align: center;
}


/* ACCOUNT LIST */
.listRow.accountList .sn {
	width: 60px !important;
	font-weight: 600;
	text-align: center;
}

.listRow.accountList .listCell {
	width: 15%;
}


/* Account Detail page */
.accountDetail .row {
	margin-bottom: 8px;
	padding: 10px 0;
	background: rgba(2, 144, 196, 0.055);
	border-radius: 6px;
}

/* .ac_transaction {
	max-width: 650px;
} */

.ac_transaction .listCell {
	width: 25%;
}
.ac_transaction .id {
	font-weight: 600;
}

.ac_transaction .debit, .ac_transaction .credit, .ac_transaction .date {
	text-align: center;
}


.print_btns {
	margin-bottom: 30px;
	display: flex;
	gap: 15px;
}



/* CONTACT LIST */
.listRow.contact .sn {
	width: 40px;
	text-align: center;
	font-weight: 600;
}
.listRow.contact .date {
	width: calc(15% - 40px);
}
.listRow.contact .name {
	width: 15%;
}
.listRow.contact .email {
	width: 20%;
}
.listRow.contact .phone {
	width: 15%;
}
.listRow.contact .msg {
	width: 25%;
}
.listRow.contact .action {
	width: 10%;
	text-align: center;
}



/* LOAN LIST */
.listRow.loan_requ .sn {
	width: 40px;
	text-align: center;
	font-weight: 600;
}
.listRow.loan_requ .date {
	width: calc(15% - 40px);
}
.listRow.loan_requ .name {
	width: 15%;
}
.listRow.loan_requ .email {
	width: 17%;
}
.listRow.loan_requ .phone {
	width: 13%;
}
.listRow.loan_requ .pan {
	width: 15%;
}
.listRow.loan_requ .aadhar {
	width: 15%;
}

.listRow.loan_requ .action {
	width: 10%;
	text-align: center;
}




/* USER TRANSECTION LIST */
.listRow.userTrans .tran_id {
	width: 15%;
	text-align: center;
	font-weight: 600;
}

.listRow.userTrans .date {
	width: 10%;
}

.listRow.userTrans .b_code {
	width: 15%;
}

.listRow.userTrans .name {
	width: 20%;
}

.listRow.userTrans .ac {
	width: 15%;
}

.listRow.userTrans .ifsc {
	width: 15%;
}

.listRow.userTrans .amount {
	width: 10%;
	text-align: center;
}