/*===========================
		COMMON css
===========================*/
/* simple table style import */
@font-face {
	font-family: 'Poppins';
	src: url('../../fonts/poppins/Poppins-SemiBold.woff2') format('woff2'),
		url('../../fonts/poppins/Poppins-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../../fonts/poppins/Poppins-Bold.woff2') format('woff2'),
		url('../../fonts/poppins/Poppins-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../../fonts/poppins/Poppins-Regular.woff2') format('woff2'),
		url('../../fonts/poppins/Poppins-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../../fonts/poppins/Poppins-Light.woff2') format('woff2'),
		url('../../fonts/poppins/Poppins-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../../fonts/poppins/Poppins-Medium.woff2') format('woff2'),
		url('../../fonts/poppins/Poppins-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/*  intar fonts end*/
html {
	scroll-behavior: smooth;
}

body {
	font-family: "Poppins", 'sans-serif' !important;
	font-weight: normal;
	font-style: normal;
	color: #5d657b;
	overflow-x: hidden;
	background: #f1f5f9;
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a:focus, input:focus, textarea:focus, button:focus, .btn:focus, .btn.focus,
	.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active
	{
	text-decoration: none;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

a:hover {
	color: #4a6cf7;
}

button, a {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

a, a:focus, a:hover {
	text-decoration: none;
}

i, span, a {
	display: inline-block;
}

audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}

ul, ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

p {
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	margin: 0px;
}

.img-bg {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

.para-width-500 {
	max-width: 500px;
	width: 100%;
}

/* ========== cart style ========== */
.card-style .jvm-zoom-btn {
	position: absolute;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	right: 30px;
	bottom: 30px;
	cursor: pointer;
}

.card-style .jvm-zoom-btn.jvm-zoomin {
	bottom: 70px;
}

.card-style .dropdown-toggle {
	border: none;
	background: none;
}

.card-style .dropdown-toggle::after {
	display: none;
}

.card-style .dropdown-menu {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
}

.card-style .dropdown-menu li:hover a {
	color: #4a6cf7 !important;
}

.card-style .dropdown-menu li a {
	display: block;
	font-size: 14px;
}

/* ======= Border Radius ========= */
.radius-4 {
	border-radius: 4px;
}

.radius-10 {
	border-radius: 10px;
}

.radius-30 {
	border-radius: 30px;
}

.radius-50 {
	border-radius: 50px;
}

.radius-full {
	border-radius: 50%;
}

.scroll-top {
	width: 45px;
	height: 45px;
	background: #4a6cf7;
	display: none;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #fff;
	border-radius: 5px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.scroll-top:hover {
	color: #fff;
	background: rgba(74, 108, 247, 0.8);
}

.form-control:focus {
	box-shadow: none;
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus,
	.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus,
	.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus,
	.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus,
	.form-check-input:focus, .radio-style.radio-success .form-check-input:focus,
	.radio-style.radio-warning .form-check-input:focus, .radio-style.radio-danger .form-check-input:focus
	{
	box-shadow: none;
}

.hover-underline:hover {
	text-decoration: underline;
}

.col-two {
	max-height: 400px;
	overflow: auto;
	margin-bottom: 30px;
}

.col-two, .badges-groups {
	padding: 10px;
	border: 1px solid #e5e5e5;
	border-top: none;
	border-radius: 0 0 4px 4px;
}

.col-two .form-check {
	width: 50%;
	margin-bottom: 5px;
}

.badges-groups .buttons-group {
	margin: 0 -5px;
}

.badges-groups .buttons-group li {
	margin: 0px 5px;
	padding: 5px 0px;
}
/* ============= typography css ============= */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #262d3f;
	margin: 0;
}

h1, .h1 {
	font-size: 32px;
	font-weight: 700;
}

h2, .h2 {
	font-size: 28px;
	font-weight: 600;
}

h3, .h3 {
	font-size: 24px;
	font-weight: 500;
}

h4, .h4 {
	font-size: 20px;
	font-weight: 600;
}

h5, .h5 {
	font-size: 16px;
	font-weight: 700;
}

h6, .h6 {
	font-size: 16px;
	font-weight: 600;
}

.text-bold {
	font-weight: 700;
}

.text-semi-bold {
	font-weight: 600;
}

.text-medium {
	font-weight: 500;
}

.text-regular {
	font-weight: 400;
}

.text-light {
	font-weight: 300;
}

.text-sm {
	font-size: 14px;
	line-height: 22px;
}

/* ========== breadcrumb ============ */
.breadcrumb-wrapper {
	display: flex;
	justify-content: flex-end;
}

.breadcrumb-wrapper .breadcrumb li {
	font-size: 14px;
	color: #262d3f;
}

.breadcrumb-wrapper .breadcrumb li a {
	color: #5d657b;
}

.breadcrumb-wrapper .breadcrumb li a:hover {
	color: #262d3f;
}

/* ============ alerts css ============ */
.alert-box {
	display: flex;
	position: relative;
	margin-bottom: 20px;
}

.alert-box .left {
	max-width: 75px;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background: #d50100;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.alert-box .left h5 {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	color: #fff;
}

.alert-box .alert {
	margin-bottom: 0px;
	padding: 25px 40px;
}

/* Alert Primary */
.primary-alert .left {
	background: #4a6cf7;
}

.primary-alert .alert {
	color: #4a6cf7;
	border: 1px solid #4a6cf7;
	background: rgba(74, 108, 247, 0.2);
	width: 100%;
}

.primary-alert .alert .alert-heading {
	color: #4a6cf7;
	margin-bottom: 15px;
}

/* Alert Danger */
.danger-alert .left {
	background: #d50100;
}

.danger-alert .alert {
	color: #d50100;
	border: 1px solid #d50100;
	background: rgba(213, 1, 0, 0.2);
	width: 100%;
}

.danger-alert .alert .alert-heading {
	color: #d50100;
	margin-bottom: 15px;
}

/* Alert warning */
.warning-alert .left {
	background: #f7c800;
}

.warning-alert .alert {
	color: #f7c800;
	border: 1px solid #f7c800;
	background: rgba(247, 200, 0, 0.2);
	width: 100%;
}

.warning-alert .alert .alert-heading {
	color: #f7c800;
	margin-bottom: 15px;
}

/* Alert warning */
.warning-alert .left {
	background: #f7c800;
}

.warning-alert .alert {
	color: #f7c800;
	border: 1px solid #f7c800;
	background: rgba(247, 200, 0, 0.2);
	width: 100%;
}

.warning-alert .alert .alert-heading {
	color: #f7c800;
	margin-bottom: 15px;
}

/* Alert info */
.info-alert .left {
	background: #97ca31;
}

.info-alert .alert {
	color: #97ca31;
	border: 1px solid #97ca31;
	background: rgba(151, 202, 49, 0.2);
	width: 100%;
}

.info-alert .alert .alert-heading {
	color: #97ca31;
	margin-bottom: 15px;
}

/* Alert success */
.success-alert .left {
	background: #219653;
}

.success-alert .alert {
	color: #219653;
	border: 1px solid #219653;
	background: rgba(33, 150, 83, 0.2);
	width: 100%;
}

.success-alert .alert .alert-heading {
	color: #219653;
	margin-bottom: 15px;
}

/* Alert secondary */
.secondary-alert .left {
	background: #00c1f8;
}

.secondary-alert .alert {
	color: #00c1f8;
	border: 1px solid #00c1f8;
	background: rgba(0, 193, 248, 0.2);
	width: 100%;
}

.secondary-alert .alert .alert-heading {
	color: #00c1f8;
	margin-bottom: 15px;
}

/* Alert gray */
.gray-alert .left {
	background: #5d657b;
}

.gray-alert .alert {
	color: #5d657b;
	border: 1px solid #5d657b;
	background: rgba(93, 101, 123, 0.2);
	width: 100%;
}

.gray-alert .alert .alert-heading {
	color: #5d657b;
	margin-bottom: 15px;
}

/* Alert black */
.black-alert .left {
	background: #000;
}

.black-alert .alert {
	color: #000;
	border: 1px solid #000;
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
}

.black-alert .alert .alert-heading {
	color: #000;
	margin-bottom: 15px;
}

/* Alert orange */
.orange-alert .left {
	background: #f2994a;
}

.orange-alert .alert {
	color: #f2994a;
	border: 1px solid #f2994a;
	background: rgba(242, 153, 74, 0.2);
	width: 100%;
}

.orange-alert .alert .alert-heading {
	color: #f2994a;
	margin-bottom: 15px;
}

/* ========== cards css =========== */
/* card-style-1 */
.card-style-1 {
	background: #fff;
	border: 1px solid #efefef;
	border-radius: 10px;
	padding: 25px 0;
	position: relative;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.card-style-1:hover {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.card-style-1 .card-meta {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	padding: 0 30px;
}

.card-style-1 .card-meta .image {
	max-width: 40px;
	width: 100%;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 12px;
}

.card-style-1 .card-meta .image img {
	width: 100%;
}

.card-style-1 .card-meta .text p {
	color: #262d3f;
}

.card-style-1 .card-meta .text p a {
	color: inherit;
}

.card-style-1 .card-meta .text p a:hover {
	color: #4a6cf7;
}

.card-style-1 .card-image {
	border-radius: 10px;
	margin-bottom: 25px;
	overflow: hidden;
}

.card-style-1 .card-image a {
	display: block;
}

.card-style-1 .card-image img {
	width: 100%;
}

.card-style-1 .card-content {
	padding: 0px 30px;
}

.card-style-1 .card-content h4 a {
	color: inherit;
	margin-bottom: 15px;
	display: block;
}

.card-style-1 .card-content h4 a:hover {
	color: #4a6cf7;
}

/* card-style-3 */
.card-style-3 {
	background: #fff;
	border: 1px solid #efefef;
	border-radius: 4px;
	padding: 25px 30px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.card-style-3:hover {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.card-style-3 .card-content h4 a {
	color: inherit;
	margin-bottom: 15px;
	display: block;
}

.card-style-3 .card-content h4 a:hover {
	color: #4a6cf7;
}

.card-style-3 .card-content a.read-more {
	font-weight: 500;
	color: #262d3f;
	margin-top: 20px;
}

.card-style-3 .card-content a.read-more:hover {
	color: #4a6cf7;
	letter-spacing: 2px;
}

/* ======= icon-card start======== */
.icon-card {
	display: flex;
	align-items: center;
	background: #fff;
	padding: 15px;
	border: 1px solid #e2e8f0;
	/* box-shadow: 0px 5px 10px rgba(200, 208, 216, 0.3); */
	border-radius: 10px;
	margin: 10px 0;
}

.icon-card.icon-card-3 {
	display: block;
	padding: 0px;
}

.icon-card.icon-card-3 .card-content {
	display: flex;
	padding: 20px;
	padding-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.icon-card h4 {
		font-size: 15px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.icon-card h3 {
		font-size: 20px;
	}
}

.icon-card.icon-card-2 {
	display: block;
}

.icon-card.icon-card-2 .progress {
	height: 7px;
}

.icon-card.icon-card-2 .progress .progress-bar {
	border-radius: 4px;
}

.icon-card .icon {
	max-width: 70px;
	width: 100%;
	height: 70px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	margin-right: 20px;
	background: rgb(255 255 255/ 30%);
	color: #ffffff;
	font-weight: 700;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.icon-card .icon {
		margin-right: 10px;
	}
}

.icon-card .icon.purple {
	background: rgba(155, 81, 224, 0.1);
	color: #9b51e0;
}

.icon-card .icon.success {
	background: rgba(33, 150, 83, 0.1);
	color: #219653;
}

.icon-card .icon.primary {
	background: rgba(74, 108, 247, 0.1);
	color: #4a6cf7;
}

.icon-card .icon.orange {
	background: rgba(242, 153, 74, 0.1);
	color: #f2994a;
}

.icon-card .icon.opacity-100.purple {
	background: #9b51e0;
	color: #fff;
}

.icon-card .icon.opacity-100.success {
	background: #219653;
	color: #fff;
}

.icon-card .icon.opacity-100.primary {
	background: #4a6cf7;
	color: #fff;
}

.icon-card .icon.opacity-100.orange {
	background: #f2994a;
	color: #fff;
}

.icon-card .icon.opacity-100.deep-blue {
	background: #345d9d;
	color: #fff;
}

.primary-shade {
	background-image: linear-gradient(to right top, #1ee0d9, #00cae6, #00b2eb, #1997e3,
		#6279cc);
}

.success-shade {
	background-image: linear-gradient(to right top, #37c583, #27bc8c, #21b392, #28a996,
		#359f96);
}

.pink-shade {
	background-image: linear-gradient(to right top, #f35299, #f75992, #fa618d, #fc6987,
		#fd7183);
}

.orange-shade {
	background-image: linear-gradient(to right top, #ffd440, #ffc041, #ffac47, #ff994e,
		#fe8757);
}

.pink-shade .content>*, .orange-shade .content>*, .success-shade .content>*,
	.primary-shade .content>* {
	color: #fff !important;
}

.counter-title {
	margin-bottom: 10px;
}

.counter-count {
	font-weight: 700;
}

/* ======= icon-card end======== */

/* =========== tables css =========== */
/* .table {
	border-collapse: inherit;
	border-spacing: 0px;
}

.table>:not(caption)>*>* {
	padding: 15px 0;
	border-bottom-color: #efefef;
	vertical-align: middle;
	vertical-align: top;
}

.table>:not(:last-child)>:last-child>* {
	border-bottom-color: #efefef;
}

.table tbody tr:first-child>* {
	padding-top: 20px;
}

.table tbody tr:last-child>* {
	border-bottom-color: transparent;
	padding-bottom: 0px;
	padding-top: 20px;
}

.table th h6 {
	font-weight: 500;
	color: #262d3f;
	font-size: 14px;
}

.table td.min-width {
	padding: 20px 5px 5px 5px;
}

.table td p {
	font-size: 14px;
	line-height: 1.5;
	color: #5d657b;
}

.table td p a {
	color: inherit;
}

.table td p a:hover {
	color: #4a6cf7;
}

.table .lead-info {
	min-width: 200px;
}

.table .lead-email {
	min-width: 150px;
	white-space: nowrap;
}

.table .lead-phone {
	min-width: 160px;
}

.table .lead-company {
	min-width: 180px;
}

.table .referrals-image {
	min-width: 150px;
}

.table .referrals-image .image {
	width: 55px;
	max-width: 100%;
	height: 55px;
	border-radius: 4px;
	overflow: hidden;
}

.table .referrals-image .image img {
	width: 100%;
}

.table .lead {
	display: flex;
	align-items: center;
}

.table .lead .lead-image {
	max-width: 50px;
	width: 100%;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
}

.table .lead .lead-image img {
	width: 100%;
}

.table .lead .lead-text {
	width: 100%;
}

.table .employee-image {
	width: 50px;
	max-width: 100%;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
}

.table .employee-image img {
	width: 100%;
}

.table .action {
	display: flex;
	align-items: center;
}

.table .action button {
	border: none;
	background: transparent;
	padding: 0px 6px;
	font-size: 18px;
}

.table .action button.edit:hover {
	color: #4a6cf7;
}

.table .action button::after {
	display: none;
}

.table .action .dropdown-menu {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
}

.table .action .dropdown-menu li:hover a {
	color: #4a6cf7 !important;
}

.table .action .dropdown-menu li a {
	display: block;
}

.top-selling-table tr th, .top-selling-table tr td {
	vertical-align: middle;
	padding: 10px 5px;
}

.top-selling-table tr .min-width {
	min-width: 80px;
	white-space: nowrap;
}

.top-selling-table .form-check-input[type="checkbox"] {
	margin-left: 5px;
}

.top-selling-table .product {
	display: flex;
	align-items: center;
	min-width: 150px;
}

.top-selling-table .product .image {
	border-radius: 4px;
	overflow: hidden;
	margin-right: 15px;
	max-width: 50px;
	width: 100%;
	height: 50px;
}

.top-selling-table .product .image img {
	width: 100%;
}

.top-selling-table .product p {
	width: 100%;
}

.referrals-table-card .referrals-table td {
	padding: 10px;
}
 */
/* ===== lead-table ===== */
/* .lead-table th, .lead-table td {
	padding: 10px 5px;
}

.lead-table .name {
	min-width: 120px;
}

.lead-table .email {
	min-width: 130px;
}

.lead-table .project {
	min-width: 150px;
}

.lead-table .status {
	min-width: 120px;
	text-align: center;
}

.lead-table .action {
	min-width: 60px;
}

.clients-table-card .table .employee-info {
	min-width: 150px;
}

.clients-table th, .clients-table td {
	padding: 5px;
}

.clients-table th.min-width, .clients-table td.min-width {
	min-width: 150px;
}

.clients-table .employee-image {
	margin-right: 0px;
}
 */
.buy-sell-form .input-group {
	display: flex;
}

.buy-sell-form .input-group input {
	width: 60%;
	background: transparent;
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	padding: 8px 16px;
	font-size: 14px;
	color: #5d657b;
}

.buy-sell-form .input-group input:focus {
	border-color: #4a6cf7;
}

.buy-sell-form .input-group .select-style-1 {
	width: 40%;
}

.buy-sell-form .input-group .select-style-1 .select-position::after {
	width: 8px;
	height: 8px;
}

.buy-sell-form .input-group select {
	border: 1px solid #e2e8f0;
	border-radius: 0px 4px 4px 0px;
	padding: 8px 16px;
	padding-right: 24px;
	font-size: 14px;
	color: #5d657b;
}

.buy-sell-form .buy-sell-btn .main-btn {
	display: block;
	width: 100%;
	font-weight: 500;
}

.buy-sell-form .buy-sell-btn .main-btn:hover {
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.buy-sell-form .buy-sell-btn .main-btn.success-btn {
	background: #08c18d;
}

.buy-sell-form .buy-sell-btn .main-btn.danger-btn {
	background: #eb5757;
}

.buy-sell-form .field-group-2 label {
	font-size: 12px;
}

.buy-sell-form .field-group-2 .input-group input {
	font-size: 12px;
	width: 70%;
}

.buy-sell-form .field-group-2 .input-group span {
	font-size: 12px;
	padding: 8px 16px;
	width: 30%;
	background: #e2e8f0;
	text-align: center;
	border-radius: 0px 4px 4px 0px;
	border: 1px solid #e2e8f0;
}

.buy-sell-form .input-group-2 label {
	font-size: 12px;
	color: #5d657b;
	margin-bottom: 8px;
	display: block;
}

.buy-sell-form .input-group-2 .select-position::after {
	width: 8px;
	height: 8px;
}

.buy-sell-form .input-group-2 select {
	padding: 8px 12px;
	font-size: 12px;
	color: #5d657b;
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	width: 100%;
}

/* ============= notification css ============= */
.single-notification {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 20px 0;
	border-bottom: 1px solid #efefef;
}

.single-notification.readed {
	opacity: 0.7;
}

.single-notification:first-child {
	padding-top: 0px;
}

.single-notification:last-child {
	padding-bottom: 0px;
	border-bottom: 0px;
}

.single-notification .checkbox {
	max-width: 50px;
	width: 100%;
	padding-top: 10px;
}

.single-notification .checkbox input {
	background-color: #efefef;
	border-color: #e5e5e5;
}

.single-notification .checkbox input:checked {
	background-color: #4a6cf7;
	border-color: #4a6cf7;
}

.single-notification .notification {
	display: flex;
	width: 100%;
}

.single-notification .notification .image {
	max-width: 50px;
	width: 100%;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	margin-right: 15px;
}

.single-notification .notification .image img {
	width: 100%;
}

.single-notification .notification .content {
	display: block;
	max-width: 800px;
}

.single-notification .notification .content h6 {
	margin-bottom: 15px;
}

.single-notification .notification .content p {
	margin-bottom: 10px;
}

.single-notification .action {
	display: inline-flex;
	justify-content: flex-end;
	padding-top: 10px;
}

.single-notification .action button {
	border: none;
	background: transparent;
	color: #5d657b;
	margin-left: 20px;
	font-size: 18px;
}

.single-notification .action button.delete-btn:hover {
	color: #d50100;
}

.single-notification .action .dropdown-toggle::after {
	display: none;
}

/* ========== header css ========== */
.header, .sidebar-nav-wrapper {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.header {
	padding: 30px 0;
	background: #fff;
}

.header .header-left .menu-toggle-btn .main-btn {
	padding: 0px 15px;
	height: 42px;
	line-height: 42px;
	border-radius: 10px;
}

.header .header-left .header-search form {
	max-width: 270px;
	position: relative;
}

.header .header-left .header-search form input {
	width: 100%;
	border: 1px solid #efefef;
	background: rgba(239, 239, 239, 0.5);
	border-radius: 10px;
	height: 46px;
	padding-left: 36px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.header .header-left .header-search form input:focus {
	border-color: #4a6cf7;
	background: #fff;
}

.header .header-left .header-search form button {
	position: absolute;
	border: none;
	background: transparent;
	left: 16px;
	top: 0;
	height: 46px;
	color: #5d657b;
	font-weight: 700;
}

.header .header-right {
	display: flex;
	justify-content: flex-end;
}

/* .header .header-right button, */
.header .header-right .notification-box button.dropdown-toggle, .header .header-right .header-message-box button.dropdown-toggle,
	.header .header-right .profile-box button.dropdown-toggle {
	border: 1px solid #efefef;
	background: rgba(239, 239, 239, 0.5);
	border-radius: 10px;
	height: 42px;
	width: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.header .header-right button::after {
	display: none;
}

.header .header-right button span {
	position: absolute;
	width: 20px;
	height: 20px;
	background: #4e9b27;
	color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	top: -8px;
	right: -6px;
	font-size: 12px;
	font-weight: 500;
}

.header .header-right .dropdown-menu {
	width: 350px;
	border: 1px solid #efefef;
	padding: 10px 10px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	top: 24px !important;
	right: 0;
	position: absolute;
	transform: translate3d(0px, 60px, 0px);
	border-radius: 10px;
	background: #fff !important;
}

.header .header-right .dropdown-menu li {
	padding: 3px 0px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	border-bottom: 1px solid #efefef;
	position: relative;
	z-index: 2;
}

.header .header-right .dropdown-menu li:hover a {
	color: #4e9b27;
	background: rgb(47 157 55/ 15%);
}

.header .header-right .dropdown-menu li:last-child {
	border-bottom: none;
}

.header .header-right .dropdown-menu li a {
	padding: 8px 12px;
	display: flex;
	color: rgba(0, 0, 0, 0.7);
	border-radius: 6px;
	cursor: pointer;
}

.header .header-right .dropdown-menu li a .image {
	max-width: 35px;
	width: 100%;
	height: 35px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 12px;
}

.header .header-right .dropdown-menu li a .image img {
	width: 100%;
}

.header .header-right .dropdown-menu li a .content {
	width: 100%;
}

.header .header-right .dropdown-menu li a .content h6 {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: 600;
	line-height: 1;
}

.header .header-right .dropdown-menu li a .content p {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.7);
	margin-bottom: 0px;
	line-height: 1.4;
}

.header .header-right .dropdown-menu li a .content span {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.5);
}

.header .header-right .dropdown-box {
	position: relative;
}

.header .header-right .notification-box, .header .header-right .header-message-box
	{
	position: relative;
}

.header .header-right .notification-box .dropdown-menu.dropdown-menu-end
	{
	transform: translate3d(0px, 60px, 0px);
}

.header .header-right .header-message-box .dropdown-menu.dropdown-menu-end
	{
	transform: translate3d(0px, 60px, 0px);
}

.header .header-right .profile-box {
	display: flex;
	position: relative;
}

.header .header-right .profile-box button.dropdown-toggle {
	width: auto;
}

.header .header-right .profile-box .dropdown-menu {
	width: 230px;
}

.header .header-right .profile-box .dropdown-menu.dropdown-menu-end {
	transform: translate3d(0px, 60px, 0px);
}

.header .header-right .profile-box .dropdown-menu li {
	border-bottom: none;
}

.header .header-right .profile-box .dropdown-menu li a {
	font-size: 14px;
	display: flex;
	align-items: center;
}

.header .header-right .profile-box .dropdown-menu li a i {
	margin-right: 15px;
	font-weight: 700;
}

.header .header-right .profile-box .profile-info {
	margin: 0 5px;
}

.header .header-right .profile-box .profile-info .info {
	display: flex;
	align-items: center;
}

.header .header-right .profile-box .profile-info .info .image {
	border: 2px solid #f9f9f9;
	-webkit-box-shadow: 0px 21px 25px rgba(218, 223, 227, 0.8);
	-moz-box-shadow: 0px 21px 25px rgba(218, 223, 227, 0.8);
	box-shadow: 0px 21px 25px rgba(218, 223, 227, 0.8);
	width: 42px;
	height: 42px;
	border-radius: 50%;
	margin-left: 10px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header .header-right .profile-box .profile-info .info .image .status {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #e5e5e5;
	background: #219653;
	position: absolute;
	bottom: 0;
	right: 0;
	top: auto;
}

.header .header-right .profile-box .profile-info .info .image img {
	max-width: 100%;
	border-radius: 50%;
}

/* ========== Dashboards css ================= */
.legend3 li {
	margin-right: 25px;
}

.legend3 li div {
	white-space: nowrap;
}

.legend3 li .bg-color {
	position: relative;
	margin-left: 12px;
	border-radius: 50%;
}

.legend3 li .bg-color::after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: inherit;
	left: -12px;
	top: 5px;
}

.legend3 li .text {
	margin-left: 10px;
}

.legend3 li .text p {
	display: flex;
	align-items: center;
	width: 100%;
}

.todo-list-wrapper ul li.todo-list-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 20px;
	margin-bottom: 25px;
}

.todo-list-wrapper ul li.todo-list-item:last-child {
	margin-bottom: 0px;
}

.todo-list-wrapper ul li.todo-list-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
}

.todo-list-wrapper ul li.todo-list-item.success::before {
	background: #219653;
}

.todo-list-wrapper ul li.todo-list-item.primary::before {
	background: #4a6cf7;
}

.todo-list-wrapper ul li.todo-list-item.orange::before {
	background: #f2994a;
}

.todo-list-wrapper ul li.todo-list-item.danger::before {
	background: #d50100;
}

/* ============ signin css ============= */
.auth-row {
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
}

.auth-cover-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 45px;
	position: relative;
	z-index: 1;
	height: 100%;
}

.auth-cover-wrapper .auth-cover .title {
	text-align: cover;
	margin-bottom: 40px;
}

.auth-cover-wrapper .auth-cover .cover-image {
	max-width: 100%;
	margin: auto;
}

.auth-cover-wrapper .auth-cover .cover-image img {
	width: 100%;
}

.auth-cover-wrapper .auth-cover .shape-image {
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 5%;
}

.signin-wrapper {
	background: #fff;
	padding: 60px;
	min-height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.signin-wrapper .form-wrapper {
	width: 100%;
}

.signin-wrapper .singin-option button {
	font-size: 16px;
	font-weight: 600;
}

.signin-wrapper .singin-option a:hover {
	text-decoration: underline;
}

/* ============ signup css ============= */
.auth-row {
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
}

.auth-cover-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 45px;
	position: relative;
	z-index: 1;
	height: 100%;
}

.auth-cover-wrapper .auth-cover .title {
	text-align: cover;
	margin-bottom: 40px;
}

.auth-cover-wrapper .auth-cover .cover-image {
	max-width: 100%;
	margin: auto;
}

.auth-cover-wrapper .auth-cover .cover-image img {
	width: 100%;
}

.auth-cover-wrapper .auth-cover .shape-image {
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 5%;
}

.signup-wrapper {
	background: #fff;
	padding: 60px;
	min-height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.signup-wrapper .form-wrapper {
	width: 100%;
}

.signup-wrapper .singup-option button {
	font-size: 16px;
	font-weight: 600;
}

.signup-wrapper .singup-option a:hover {
	text-decoration: underline;
}

/* =========== settings css ============== */
.settings-card-1 .profile-info .profile-image {
	max-width: 75px;
	width: 100%;
	height: 75px;
	border-radius: 50%;
	margin-right: 20px;
	position: relative;
	z-index: 1;
}

.settings-card-1 .profile-info .profile-image img {
	width: 100%;
	border-radius: 50%;
}

.settings-card-1 .profile-info .profile-image .update-image {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: #efefef;
	border: 2px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	cursor: pointer;
	z-index: 99;
}

.settings-card-1 .profile-info .profile-image .update-image:hover {
	opacity: 0.9;
}

.settings-card-1 .profile-info .profile-image .update-image input {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 99;
}

.settings-card-1 .profile-info .profile-image .update-image label {
	cursor: pointer;
	z-index: 99;
}

/* =========== Invoice Css ============= */
.invoice-card .invoice-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex: 1;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.invoice-card .invoice-header .invoice-logo {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	overflow: hidden;
}

.invoice-card .invoice-header .invoice-logo img {
	width: 100%;
}

.invoice-card .invoice-header .invoice-date p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
}

.invoice-card .invoice-header .invoice-date p span {
	font-weight: 500;
}

.invoice-card .invoice-address {
	padding-top: 30px;
	display: flex;
	margin-bottom: 40px;
}

.invoice-card .invoice-address .address-item {
	margin-right: 30px;
	min-width: 250px;
}

.invoice-card .invoice-address .address-item h5 {
	margin-bottom: 15px;
}

.invoice-card .invoice-address .address-item h1 {
	margin-bottom: 10px;
	font-size: 24px;
}

.invoice-card .invoice-address .address-item p {
	margin-bottom: 10px;
}

.invoice-table th, .invoice-table td {
	padding: 10px 8px;
}

.invoice-table .service {
	min-width: 150px;
}

.invoice-table .desc {
	min-width: 150px;
}

.invoice-table .qty {
	min-width: 150px;
}

.invoice-table .amount {
	min-width: 100px;
}

/* ============== Icons Css ===========*/
.icons-wrapper .icons, .icons-wrapper ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.icons-wrapper .icons>div, .icons-wrapper .icons li, .icons-wrapper ul>div,
	.icons-wrapper ul li {
	display: flex;
	align-items: center;
	margin: 10px;
	flex-basis: 215px;
}

.icons-wrapper .icons>div i, .icons-wrapper .icons li i, .icons-wrapper ul>div i,
	.icons-wrapper ul li i {
	max-width: 45px;
	width: 100%;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #efefef;
	border-radius: 4px;
	background: transparent;
	color: #262d3f;
	font-size: 20px;
	margin-right: 10px;
}

.icons-wrapper .icons>div span, .icons-wrapper .icons li span,
	.icons-wrapper ul>div span, .icons-wrapper ul li span {
	color: #262d3f;
	user-select: all;
}

/* ============ Calendar Css ============= */
.calendar-card .fc {
	height: 450px;
}

.calendar-card .fc#calendar-full {
	height: 600px;
}

.calendar-card .fc table {
	border: none;
}

.calendar-card .fc .fc-toolbar-title {
	font-size: 16px;
	font-weight: 500;
}

.calendar-card .fc .fc-button {
	background: transparent;
	border: none;
	color: #5d657b;
	text-transform: capitalize;
}

.calendar-card .fc .fc-button:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #4a6cf7;
}

.calendar-card .fc th {
	text-align: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-right: 0px;
}

.calendar-card .fc th a {
	color: #5d657b;
	font-weight: 400;
}

.calendar-card .fc .fc-day {
	border-width: 4px;
	background: #fff;
}

.calendar-card .fc .fc-day.fc-day-today .fc-daygrid-day-frame {
	background: rgba(74, 108, 247, 0.8);
}

.calendar-card .fc .fc-day.fc-day-today .fc-daygrid-day-frame a {
	color: #fff;
}

.calendar-card .fc .fc-day .fc-daygrid-day-frame {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	background: #f9f9f9;
	border-radius: 6px;
}

.calendar-card .fc .fc-day .fc-daygrid-day-frame a {
	color: #5d657b;
}

.calendar-card .fc-theme-standard td, .calendar-card .fc-theme-standard th
	{
	border-color: transparent;
}

/* =========== Sidebar css =========== */
.sidebar-nav-wrapper {
	background: #fff;
	width: 250px;
	padding: 0 0 20px 0px;
	height: 100vh;
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	top: 0;
	left: 0;
	z-index: 1200;
	box-shadow: 0px 0px 30px rgba(200, 208, 216, 0.3);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.sidebar-nav-wrapper.active {
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px);
}

/* .sidebar-nav-wrapper .navbar-logo {
	text-align: center;
	padding: 0 25px;
	margin-bottom: 30px;
} */
.sidebar-nav-wrapper .sidebar-nav .divider {
	padding: 5px 25px;
	width: 100%;
}

.sidebar-nav-wrapper .sidebar-nav .divider hr {
	height: 1px;
	background: #e2e2e2;
	margin: 0.5rem 0;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item {
	position: relative;
	margin: 5px 0px;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children>a {
	color: #262d3f;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children>a::before
	{
	opacity: 1;
	visibility: visible;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children>a::after
	{
	content: '\f078';
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	right: 18px;
	top: 16px;
	font-size: 12px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul .nav-item.nav-item-has-children>a::after
	{
	right: 10px;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children>a.collapsed
	{
	color: #5d657b;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children>a.collapsed::before
	{
	opacity: 0;
	visibility: hidden;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children>a.collapsed::after
	{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul
	{
	padding: 0px 8px;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li
	{
	margin-bottom: 8px;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li:last-child
	{
	margin-bottom: 0px;
}

.sidebar-nav-wrapper .sidebar-nav>ul>.nav-item.nav-item-has-children>ul>li>a
	{
	font-size: 14px;
	font-weight: 400;
	border-radius: 6px;
	padding: 8px 25px 8px 10px;
	display: flex;
	align-items: center;
	border: 1px solid transparent;
	color: #aed7ff;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a.active,
	.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a:hover
	{
	color: #4e9b27;
	border-color: rgb(47 157 55/ 15%);
	background: rgb(77 247 74/ 10%);
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a i
	{
	font-size: 16px;
	margin-right: 15px;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a span.text
	{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a span.pro-badge
	{
	background: #4a6cf7;
	color: #fff;
	padding: 1px 6px;
	border-radius: 4px;
	font-size: 10px;
	margin-left: 10px;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item a {
	display: flex;
	align-items: center;
	color: #5d657b;
	font-size: 14px;
	font-weight: 500;
	width: 100%;
	position: relative;
	z-index: 1;
	padding: 10px 30px 10px 15px;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 4px;
	background: #4e9b27;
	border-radius: 0 3px 3px 0px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item a span.text {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item a span.pro-badge {
	background: #4a6cf7;
	color: #fff;
	padding: 1px 6px;
	border-radius: 4px;
	font-size: 10px;
	margin-left: 10px;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item a .icon {
	margin-right: 8px;
	font-size: 16px;
	line-height: normal;
	color: #d26323;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item a .icon svg {
	fill: currentColor;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active>a,
	.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active>a.collapsed,
	.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover>a,
	.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover>a.collapsed {
	color: #262d3f;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active>a::before,
	.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active>a.collapsed::before,
	.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover>a::before,
	.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover>a.collapsed::before
	{
	opacity: 1;
	visibility: visible;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1000;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
	visibility: hidden;
}

.main-wrapper {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	margin-left: 250px;
	min-height: 100vh;
	padding-bottom: 85px;
	position: relative;
}

.main-wrapper.active {
	margin-left: 0;
}

.main-wrapper .container-fluid {
	padding-left: 20px;
	padding-right: 20px;
}

.main-wrapper .footer {
	padding: 10px 0;
	justify-items: flex-end;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #222e3c;
	color: #f0f0f0;
}

.main-wrapper .footer .copyright p a {
	color: #d26323;
}

.main-wrapper .footer .copyright p a:hover {
	text-decoration: underline;
}

.main-wrapper .footer .terms a {
	color: #5d657b;
}

.main-wrapper .footer .terms a:hover {
	color: #4a6cf7;
}

.promo-box {
	box-shadow: 0px 10px 20px rgba(200, 208, 216, 0.3);
	padding: 24px 16px;
	text-align: center;
	max-width: 210px;
	margin: 0 auto;
	margin-top: 32px;
	border-radius: 4px;
}

.promo-box h3 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 4px;
}

.promo-box p {
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 16px;
}

.promo-box .main-btn {
	padding: 12px;
	width: 100%;
}

/* ========== DEFAULT CSS ======== */
/* ======= Margin Top ======= */
.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-25 {
	margin-top: 25px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-35 {
	margin-top: 35px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-45 {
	margin-top: 45px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-55 {
	margin-top: 55px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-65 {
	margin-top: 65px;
}

.mt-70 {
	margin-top: 70px;
}

.mt-75 {
	margin-top: 75px;
}

.mt-80 {
	margin-top: 80px;
}

.mt-85 {
	margin-top: 85px;
}

.mt-90 {
	margin-top: 90px;
}

.mt-95 {
	margin-top: 95px;
}

.mt-100 {
	margin-top: 100px;
}

.mt-105 {
	margin-top: 105px;
}

.mt-110 {
	margin-top: 110px;
}

.mt-115 {
	margin-top: 115px;
}

.mt-120 {
	margin-top: 120px;
}

.mt-125 {
	margin-top: 125px;
}

.mt-130 {
	margin-top: 130px;
}

.mt-135 {
	margin-top: 135px;
}

.mt-140 {
	margin-top: 140px;
}

.mt-145 {
	margin-top: 145px;
}

.mt-150 {
	margin-top: 150px;
}

.mt-155 {
	margin-top: 155px;
}

.mt-160 {
	margin-top: 160px;
}

.mt-165 {
	margin-top: 165px;
}

.mt-170 {
	margin-top: 170px;
}

.mt-175 {
	margin-top: 175px;
}

.mt-180 {
	margin-top: 180px;
}

.mt-185 {
	margin-top: 185px;
}

.mt-190 {
	margin-top: 190px;
}

.mt-195 {
	margin-top: 195px;
}

.mt-200 {
	margin-top: 200px;
}

.mt-205 {
	margin-top: 205px;
}

.mt-210 {
	margin-top: 210px;
}

.mt-215 {
	margin-top: 215px;
}

.mt-220 {
	margin-top: 220px;
}

.mt-225 {
	margin-top: 225px;
}

/* ======= Margin Bottom ======= */
.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-35 {
	margin-bottom: 35px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-45 {
	margin-bottom: 45px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-55 {
	margin-bottom: 55px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-65 {
	margin-bottom: 65px;
}

.mb-70 {
	margin-bottom: 70px;
}

.mb-75 {
	margin-bottom: 75px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mb-85 {
	margin-bottom: 85px;
}

.mb-90 {
	margin-bottom: 90px;
}

.mb-95 {
	margin-bottom: 95px;
}

.mb-100 {
	margin-bottom: 100px;
}

.mb-105 {
	margin-bottom: 105px;
}

.mb-110 {
	margin-bottom: 110px;
}

.mb-115 {
	margin-bottom: 115px;
}

.mb-120 {
	margin-bottom: 120px;
}

.mb-125 {
	margin-bottom: 125px;
}

.mb-130 {
	margin-bottom: 130px;
}

.mb-135 {
	margin-bottom: 135px;
}

.mb-140 {
	margin-bottom: 140px;
}

.mb-145 {
	margin-bottom: 145px;
}

.mb-150 {
	margin-bottom: 150px;
}

.mb-155 {
	margin-bottom: 155px;
}

.mb-160 {
	margin-bottom: 160px;
}

.mb-165 {
	margin-bottom: 165px;
}

.mb-170 {
	margin-bottom: 170px;
}

.mb-175 {
	margin-bottom: 175px;
}

.mb-180 {
	margin-bottom: 180px;
}

.mb-185 {
	margin-bottom: 185px;
}

.mb-190 {
	margin-bottom: 190px;
}

.mb-195 {
	margin-bottom: 195px;
}

.mb-200 {
	margin-bottom: 200px;
}

.mb-205 {
	margin-bottom: 205px;
}

.mb-210 {
	margin-bottom: 210px;
}

.mb-215 {
	margin-bottom: 215px;
}

.mb-220 {
	margin-bottom: 220px;
}

.mb-225 {
	margin-bottom: 225px;
}

/* ======= Margin Left ======= */
.ml-5 {
	margin-left: 5px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-15 {
	margin-left: 15px;
}

.ml-20 {
	margin-left: 20px;
}

.ml-25 {
	margin-left: 25px;
}

.ml-30 {
	margin-left: 30px;
}

.ml-35 {
	margin-left: 35px;
}

.ml-40 {
	margin-left: 40px;
}

.ml-45 {
	margin-left: 45px;
}

.ml-50 {
	margin-left: 50px;
}

.ml-55 {
	margin-left: 55px;
}

.ml-60 {
	margin-left: 60px;
}

.ml-65 {
	margin-left: 65px;
}

.ml-70 {
	margin-left: 70px;
}

.ml-75 {
	margin-left: 75px;
}

.ml-80 {
	margin-left: 80px;
}

.ml-85 {
	margin-left: 85px;
}

.ml-90 {
	margin-left: 90px;
}

.ml-95 {
	margin-left: 95px;
}

.ml-100 {
	margin-left: 100px;
}

.ml-105 {
	margin-left: 105px;
}

.ml-110 {
	margin-left: 110px;
}

.ml-115 {
	margin-left: 115px;
}

.ml-120 {
	margin-left: 120px;
}

.ml-125 {
	margin-left: 125px;
}

.ml-130 {
	margin-left: 130px;
}

.ml-135 {
	margin-left: 135px;
}

.ml-140 {
	margin-left: 140px;
}

.ml-145 {
	margin-left: 145px;
}

.ml-150 {
	margin-left: 150px;
}

.ml-155 {
	margin-left: 155px;
}

.ml-160 {
	margin-left: 160px;
}

.ml-165 {
	margin-left: 165px;
}

.ml-170 {
	margin-left: 170px;
}

.ml-175 {
	margin-left: 175px;
}

.ml-180 {
	margin-left: 180px;
}

.ml-185 {
	margin-left: 185px;
}

.ml-190 {
	margin-left: 190px;
}

.ml-195 {
	margin-left: 195px;
}

.ml-200 {
	margin-left: 200px;
}

.ml-205 {
	margin-left: 205px;
}

.ml-210 {
	margin-left: 210px;
}

.ml-215 {
	margin-left: 215px;
}

.ml-220 {
	margin-left: 220px;
}

.ml-225 {
	margin-left: 225px;
}

/* ======= Margin Right ======= */
.mr-5 {
	margin-right: 5px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-25 {
	margin-right: 25px;
}

.mr-30 {
	margin-right: 30px;
}

.mr-35 {
	margin-right: 35px;
}

.mr-40 {
	margin-right: 40px;
}

.mr-45 {
	margin-right: 45px;
}

.mr-50 {
	margin-right: 50px;
}

.mr-55 {
	margin-right: 55px;
}

.mr-60 {
	margin-right: 60px;
}

.mr-65 {
	margin-right: 65px;
}

.mr-70 {
	margin-right: 70px;
}

.mr-75 {
	margin-right: 75px;
}

.mr-80 {
	margin-right: 80px;
}

.mr-85 {
	margin-right: 85px;
}

.mr-90 {
	margin-right: 90px;
}

.mr-95 {
	margin-right: 95px;
}

.mr-100 {
	margin-right: 100px;
}

.mr-105 {
	margin-right: 105px;
}

.mr-110 {
	margin-right: 110px;
}

.mr-115 {
	margin-right: 115px;
}

.mr-120 {
	margin-right: 120px;
}

.mr-125 {
	margin-right: 125px;
}

.mr-130 {
	margin-right: 130px;
}

.mr-135 {
	margin-right: 135px;
}

.mr-140 {
	margin-right: 140px;
}

.mr-145 {
	margin-right: 145px;
}

.mr-150 {
	margin-right: 150px;
}

.mr-155 {
	margin-right: 155px;
}

.mr-160 {
	margin-right: 160px;
}

.mr-165 {
	margin-right: 165px;
}

.mr-170 {
	margin-right: 170px;
}

.mr-175 {
	margin-right: 175px;
}

.mr-180 {
	margin-right: 180px;
}

.mr-185 {
	margin-right: 185px;
}

.mr-190 {
	margin-right: 190px;
}

.mr-195 {
	margin-right: 195px;
}

.mr-200 {
	margin-right: 200px;
}

.mr-205 {
	margin-right: 205px;
}

.mr-210 {
	margin-right: 210px;
}

.mr-215 {
	margin-right: 215px;
}

.mr-220 {
	margin-right: 220px;
}

.mr-225 {
	margin-right: 225px;
}

/* ======= Padding Top ======= */
.pt-5 {
	padding-top: 5px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-15 {
	padding-top: 15px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-25 {
	padding-top: 25px;
}

.pt-30 {
	padding-top: 30px;
}

.pt-35 {
	padding-top: 35px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-45 {
	padding-top: 45px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-55 {
	padding-top: 55px;
}

.pt-60 {
	padding-top: 60px;
}

.pt-65 {
	padding-top: 65px;
}

.pt-70 {
	padding-top: 70px;
}

.pt-75 {
	padding-top: 75px;
}

.pt-80 {
	padding-top: 80px;
}

.pt-85 {
	padding-top: 85px;
}

.pt-90 {
	padding-top: 90px;
}

.pt-95 {
	padding-top: 95px;
}

.pt-100 {
	padding-top: 100px;
}

.pt-105 {
	padding-top: 105px;
}

.pt-110 {
	padding-top: 110px;
}

.pt-115 {
	padding-top: 115px;
}

.pt-120 {
	padding-top: 120px;
}

.pt-125 {
	padding-top: 125px;
}

.pt-130 {
	padding-top: 130px;
}

.pt-135 {
	padding-top: 135px;
}

.pt-140 {
	padding-top: 140px;
}

.pt-145 {
	padding-top: 145px;
}

.pt-150 {
	padding-top: 150px;
}

.pt-155 {
	padding-top: 155px;
}

.pt-160 {
	padding-top: 160px;
}

.pt-165 {
	padding-top: 165px;
}

.pt-170 {
	padding-top: 170px;
}

.pt-175 {
	padding-top: 175px;
}

.pt-180 {
	padding-top: 180px;
}

.pt-185 {
	padding-top: 185px;
}

.pt-190 {
	padding-top: 190px;
}

.pt-195 {
	padding-top: 195px;
}

.pt-200 {
	padding-top: 200px;
}

.pt-205 {
	padding-top: 205px;
}

.pt-210 {
	padding-top: 210px;
}

.pt-215 {
	padding-top: 215px;
}

.pt-220 {
	padding-top: 220px;
}

.pt-225 {
	padding-top: 225px;
}

/* ======= Padding Bottom ======= */
.pb-5 {
	padding-bottom: 5px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pb-15 {
	padding-bottom: 15px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pb-25 {
	padding-bottom: 25px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pb-35 {
	padding-bottom: 35px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-45 {
	padding-bottom: 45px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-55 {
	padding-bottom: 55px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-65 {
	padding-bottom: 65px;
}

.pb-70 {
	padding-bottom: 70px;
}

.pb-75 {
	padding-bottom: 75px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pb-85 {
	padding-bottom: 85px;
}

.pb-90 {
	padding-bottom: 90px;
}

.pb-95 {
	padding-bottom: 95px;
}

.pb-100 {
	padding-bottom: 100px;
}

.pb-105 {
	padding-bottom: 105px;
}

.pb-110 {
	padding-bottom: 110px;
}

.pb-115 {
	padding-bottom: 115px;
}

.pb-120 {
	padding-bottom: 120px;
}

.pb-125 {
	padding-bottom: 125px;
}

.pb-130 {
	padding-bottom: 130px;
}

.pb-135 {
	padding-bottom: 135px;
}

.pb-140 {
	padding-bottom: 140px;
}

.pb-145 {
	padding-bottom: 145px;
}

.pb-150 {
	padding-bottom: 150px;
}

.pb-155 {
	padding-bottom: 155px;
}

.pb-160 {
	padding-bottom: 160px;
}

.pb-165 {
	padding-bottom: 165px;
}

.pb-170 {
	padding-bottom: 170px;
}

.pb-175 {
	padding-bottom: 175px;
}

.pb-180 {
	padding-bottom: 180px;
}

.pb-185 {
	padding-bottom: 185px;
}

.pb-190 {
	padding-bottom: 190px;
}

.pb-195 {
	padding-bottom: 195px;
}

.pb-200 {
	padding-bottom: 200px;
}

.pb-205 {
	padding-bottom: 205px;
}

.pb-210 {
	padding-bottom: 210px;
}

.pb-215 {
	padding-bottom: 215px;
}

.pb-220 {
	padding-bottom: 220px;
}

.pb-225 {
	padding-bottom: 225px;
}

/* ======= Padding Left ======= */
.pl-5 {
	padding-left: 5px;
}

.pl-10 {
	padding-left: 10px;
}

.pl-15 {
	padding-left: 15px;
}

.pl-20 {
	padding-left: 20px;
}

.pl-25 {
	padding-left: 25px;
}

.pl-30 {
	padding-left: 30px;
}

.pl-35 {
	padding-left: 35px;
}

.pl-40 {
	padding-left: 40px;
}

.pl-45 {
	padding-left: 45px;
}

.pl-50 {
	padding-left: 50px;
}

.pl-55 {
	padding-left: 55px;
}

.pl-60 {
	padding-left: 60px;
}

.pl-65 {
	padding-left: 65px;
}

.pl-70 {
	padding-left: 70px;
}

.pl-75 {
	padding-left: 75px;
}

.pl-80 {
	padding-left: 80px;
}

.pl-85 {
	padding-left: 85px;
}

.pl-90 {
	padding-left: 90px;
}

.pl-95 {
	padding-left: 95px;
}

.pl-100 {
	padding-left: 100px;
}

.pl-105 {
	padding-left: 105px;
}

.pl-110 {
	padding-left: 110px;
}

.pl-115 {
	padding-left: 115px;
}

.pl-120 {
	padding-left: 120px;
}

.pl-125 {
	padding-left: 125px;
}

.pl-130 {
	padding-left: 130px;
}

.pl-135 {
	padding-left: 135px;
}

.pl-140 {
	padding-left: 140px;
}

.pl-145 {
	padding-left: 145px;
}

.pl-150 {
	padding-left: 150px;
}

.pl-155 {
	padding-left: 155px;
}

.pl-160 {
	padding-left: 160px;
}

.pl-165 {
	padding-left: 165px;
}

.pl-170 {
	padding-left: 170px;
}

.pl-175 {
	padding-left: 175px;
}

.pl-180 {
	padding-left: 180px;
}

.pl-185 {
	padding-left: 185px;
}

.pl-190 {
	padding-left: 190px;
}

.pl-195 {
	padding-left: 195px;
}

.pl-200 {
	padding-left: 200px;
}

.pl-205 {
	padding-left: 205px;
}

.pl-210 {
	padding-left: 210px;
}

.pl-215 {
	padding-left: 215px;
}

.pl-220 {
	padding-left: 220px;
}

.pl-225 {
	padding-left: 225px;
}

/* ======= Padding Right ======= */
.pr-5 {
	padding-right: 5px;
}

.pr-10 {
	padding-right: 10px;
}

.pr-15 {
	padding-right: 15px;
}

.pr-20 {
	padding-right: 20px;
}

.pr-25 {
	padding-right: 25px;
}

.pr-30 {
	padding-right: 30px;
}

.pr-35 {
	padding-right: 35px;
}

.pr-40 {
	padding-right: 40px;
}

.pr-45 {
	padding-right: 45px;
}

.pr-50 {
	padding-right: 50px;
}

.pr-55 {
	padding-right: 55px;
}

.pr-60 {
	padding-right: 60px;
}

.pr-65 {
	padding-right: 65px;
}

.pr-70 {
	padding-right: 70px;
}

.pr-75 {
	padding-right: 75px;
}

.pr-80 {
	padding-right: 80px;
}

.pr-85 {
	padding-right: 85px;
}

.pr-90 {
	padding-right: 90px;
}

.pr-95 {
	padding-right: 95px;
}

.pr-100 {
	padding-right: 100px;
}

.pr-105 {
	padding-right: 105px;
}

.pr-110 {
	padding-right: 110px;
}

.pr-115 {
	padding-right: 115px;
}

.pr-120 {
	padding-right: 120px;
}

.pr-125 {
	padding-right: 125px;
}

.pr-130 {
	padding-right: 130px;
}

.pr-135 {
	padding-right: 135px;
}

.pr-140 {
	padding-right: 140px;
}

.pr-145 {
	padding-right: 145px;
}

.pr-150 {
	padding-right: 150px;
}

.pr-155 {
	padding-right: 155px;
}

.pr-160 {
	padding-right: 160px;
}

.pr-165 {
	padding-right: 165px;
}

.pr-170 {
	padding-right: 170px;
}

.pr-175 {
	padding-right: 175px;
}

.pr-180 {
	padding-right: 180px;
}

.pr-185 {
	padding-right: 185px;
}

.pr-190 {
	padding-right: 190px;
}

.pr-195 {
	padding-right: 195px;
}

.pr-200 {
	padding-right: 200px;
}

.pr-205 {
	padding-right: 205px;
}

.pr-210 {
	padding-right: 210px;
}

.pr-215 {
	padding-right: 215px;
}

.pr-220 {
	padding-right: 220px;
}

.pr-225 {
	padding-right: 225px;
}

/* ======= bg-primary shades ========= */
.bg-primary-100 {
	background: rgba(74, 108, 247, 0.1);
}

.bg-primary-200 {
	background: rgba(74, 108, 247, 0.2);
}

.bg-primary-300 {
	background: rgba(74, 108, 247, 0.3);
}

.bg-primary-400 {
	background: rgba(74, 108, 247, 0.4);
}

.bg-primary-500 {
	background: rgba(74, 108, 247, 0.5);
}

.bg-primary-600 {
	background: rgba(74, 108, 247, 0.6);
}

.bg-primary-700 {
	background: rgba(74, 108, 247, 0.7);
}

.bg-primary-800 {
	background: rgba(74, 108, 247, 0.8);
}

.bg-primary-900 {
	background: rgba(74, 108, 247, 0.9);
}

/* ======= bg-secondary shades ========= */
.bg-secondary-100 {
	background: rgba(0, 193, 248, 0.1);
}

.bg-secondary-200 {
	background: rgba(0, 193, 248, 0.2);
}

.bg-secondary-300 {
	background: rgba(0, 193, 248, 0.3);
}

.bg-secondary-400 {
	background: rgba(0, 193, 248, 0.4);
}

.bg-secondary-500 {
	background: rgba(0, 193, 248, 0.5);
}

.bg-secondary-600 {
	background: rgba(0, 193, 248, 0.6);
}

.bg-secondary-700 {
	background: rgba(0, 193, 248, 0.7);
}

.bg-secondary-800 {
	background: rgba(0, 193, 248, 0.8);
}

.bg-secondary-900 {
	background: rgba(0, 193, 248, 0.9);
}

/* ======= bg-success shades ========= */
.bg-success-100 {
	background: rgba(33, 150, 83, 0.1);
}

.bg-success-200 {
	background: rgba(33, 150, 83, 0.2);
}

.bg-success-300 {
	background: rgba(33, 150, 83, 0.3);
}

.bg-success-400 {
	background: rgba(33, 150, 83, 0.4);
}

.bg-success-500 {
	background: rgba(33, 150, 83, 0.5);
}

.bg-success-600 {
	background: rgba(33, 150, 83, 0.6);
}

.bg-success-700 {
	background: rgba(33, 150, 83, 0.7);
}

.bg-success-800 {
	background: rgba(33, 150, 83, 0.8);
}

.bg-success-900 {
	background: rgba(33, 150, 83, 0.9);
}

/* ======= bg-danger shades ========= */
.bg-danger-100 {
	background: rgba(213, 1, 0, 0.1);
}

.bg-danger-200 {
	background: rgba(213, 1, 0, 0.2);
}

.bg-danger-300 {
	background: rgba(213, 1, 0, 0.3);
}

.bg-danger-400 {
	background: rgba(213, 1, 0, 0.4);
}

.bg-danger-500 {
	background: rgba(213, 1, 0, 0.5);
}

.bg-danger-600 {
	background: rgba(213, 1, 0, 0.6);
}

.bg-danger-700 {
	background: rgba(213, 1, 0, 0.7);
}

.bg-danger-800 {
	background: rgba(213, 1, 0, 0.8);
}

.bg-danger-900 {
	background: rgba(213, 1, 0, 0.9);
}

/* ======= bg-warning shades ========= */
.bg-warning-100 {
	background: rgba(247, 200, 0, 0.1);
}

.bg-warning-200 {
	background: rgba(247, 200, 0, 0.2);
}

.bg-warning-300 {
	background: rgba(247, 200, 0, 0.3);
}

.bg-warning-400 {
	background: rgba(247, 200, 0, 0.4);
}

.bg-warning-500 {
	background: rgba(247, 200, 0, 0.5);
}

.bg-warning-600 {
	background: rgba(247, 200, 0, 0.6);
}

.bg-warning-700 {
	background: rgba(247, 200, 0, 0.7);
}

.bg-warning-800 {
	background: rgba(247, 200, 0, 0.8);
}

.bg-warning-900 {
	background: rgba(247, 200, 0, 0.9);
}

/* ======= bg-info shades ========= */
.bg-info-100 {
	background: rgba(151, 202, 49, 0.1);
}

.bg-info-200 {
	background: rgba(151, 202, 49, 0.2);
}

.bg-info-300 {
	background: rgba(151, 202, 49, 0.3);
}

.bg-info-400 {
	background: rgba(151, 202, 49, 0.4);
}

.bg-info-500 {
	background: rgba(151, 202, 49, 0.5);
}

.bg-info-600 {
	background: rgba(151, 202, 49, 0.6);
}

.bg-info-700 {
	background: rgba(151, 202, 49, 0.7);
}

.bg-info-800 {
	background: rgba(151, 202, 49, 0.8);
}

.bg-info-900 {
	background: rgba(151, 202, 49, 0.9);
}

/* ======= bg-dark shades ========= */
.bg-dark-100 {
	background: rgba(38, 45, 63, 0.1);
}

.bg-dark-200 {
	background: rgba(38, 45, 63, 0.2);
}

.bg-dark-300 {
	background: rgba(38, 45, 63, 0.3);
}

.bg-dark-400 {
	background: rgba(38, 45, 63, 0.4);
}

.bg-dark-500 {
	background: rgba(38, 45, 63, 0.5);
}

.bg-dark-600 {
	background: rgba(38, 45, 63, 0.6);
}

.bg-dark-700 {
	background: rgba(38, 45, 63, 0.7);
}

.bg-dark-800 {
	background: rgba(38, 45, 63, 0.8);
}

.bg-dark-900 {
	background: rgba(38, 45, 63, 0.9);
}

/* ======= bg-purple shades ========= */
.bg-purple-100 {
	background: rgba(155, 81, 224, 0.1);
}

.bg-purple-200 {
	background: rgba(155, 81, 224, 0.2);
}

.bg-purple-300 {
	background: rgba(155, 81, 224, 0.3);
}

.bg-purple-400 {
	background: rgba(155, 81, 224, 0.4);
}

.bg-purple-500 {
	background: rgba(155, 81, 224, 0.5);
}

.bg-purple-600 {
	background: rgba(155, 81, 224, 0.6);
}

.bg-purple-700 {
	background: rgba(155, 81, 224, 0.7);
}

.bg-purple-800 {
	background: rgba(155, 81, 224, 0.8);
}

.bg-purple-900 {
	background: rgba(155, 81, 224, 0.9);
}

/* ======= bg-orange shades ========= */
.bg-orange-100 {
	background: rgba(242, 153, 74, 0.1);
}

.bg-orange-200 {
	background: rgba(242, 153, 74, 0.2);
}

.bg-orange-300 {
	background: rgba(242, 153, 74, 0.3);
}

.bg-orange-400 {
	background: rgba(242, 153, 74, 0.4);
}

.bg-orange-500 {
	background: rgba(242, 153, 74, 0.5);
}

.bg-orange-600 {
	background: rgba(242, 153, 74, 0.6);
}

.bg-orange-700 {
	background: rgba(242, 153, 74, 0.7);
}

.bg-orange-800 {
	background: rgba(242, 153, 74, 0.8);
}

.bg-orange-900 {
	background: rgba(242, 153, 74, 0.9);
}

/* ======== Background Colors ========== */
.primary-bg {
	background-color: #4a6cf7;
}

.secondary-bg {
	background-color: #00c1f8;
}

.success-bg {
	background-color: #219653;
}

.danger-bg {
	background-color: #d50100;
}

.warning-bg {
	background-color: #f7c800;
}

.info-bg {
	background-color: #97ca31;
}

.dark-bg {
	background-color: #262d3f;
}

.light-bg {
	background-color: #efefef;
}

.active-bg {
	background-color: #4a6cf7;
}

.deactive-bg {
	background-color: #cbe1ff;
}

.deactive-bg {
	background-color: #cbe1ff;
}

.gray-bg {
	background-color: #5d657b;
}

.purple-bg {
	background-color: #9b51e0;
}

.orange-bg {
	background-color: #f2994a;
}

.deep-blue-bg {
	background-color: #345d9d;
}

/* ======== Text Colors ========== */
.text-primary {
	color: #4a6cf7 !important;
}

.text-secondary {
	color: #00c1f8 !important;
}

.text-success {
	color: #219653 !important;
}

.text-danger {
	color: #d50100 !important;
}

.text-warning {
	color: #f7c800 !important;
}

.text-info {
	color: #97ca31 !important;
}

.text-dark {
	color: #262d3f !important;
}

.text-light {
	color: #efefef !important;
}

.text-active {
	color: #4a6cf7 !important;
}

.text-deactive {
	color: #cbe1ff !important;
}

.text-deactive {
	color: #cbe1ff !important;
}

.text-gray {
	color: #5d657b !important;
}

.text-orange {
	color: #f2994a !important;
}

/* ========= Font Weight =========== */
.fw-300 {
	font-weight: 300;
}

.fw-400 {
	font-weight: 400;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}

.fw-800 {
	font-weight: 800;
}

.fw-900 {
	font-weight: 900;
}

.headtitle-center {
	text-align: center;
}

.db-title .db-headtitle {
	text-align: center;
	color: #222;
	font-size: 26px;
	font-weight: 400;
/* 	text-transform: uppercase; */
	letter-spacing: normal;
	color: #367b31;
	position: relative;
	padding-bottom: 10px;
	padding-top: 10px;
}

.db-title .db-headtitle:after, .db-headtitle::before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 45px;
	height: 4px;
	content: "";
	right: 45px;
	margin: auto;
	background-color: #ccc;
}

.db-headtitle:before {
	background-color: #367b31d4;
	left: 45px;
	width: 90px;
}

.grid-logo a {
	max-width: 60px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 4px;
	padding: 2px;
}

/* accordion CSS */
.accordion-primary-button:not(.collapsed) {
	color: #fff;
	background-color: #4a6cf7;
	box-shadow: inset 0 -1px 0 rgb(0 0 0/ 13%);
}

.accordion-secondary-btn {
	color: #fff;
	background-color: #4a4a4a;
}

.accordion-secondary-btn:not(.collapsed) {
	color: #fff;
	background-color: #4d5167;
	box-shadow: inset 0 -1px 0 rgb(0 0 0/ 13%);
}

.accordion-itemstyle:not(:first-of-type) {
	border-top: 1px solid rgba(0, 0, 0, .125);
	margin: 20px 0px;
}

.accordion-itemstylena {
	background: #cbe1ff;
	color: #4a6cf7;
}

.accordion-itemflush {
	background-color: #fff;
	border: 2px solid #262d3f;
}

.accordion-primary-button:not(.collapsed) {
	color: #fff;
	background-color: #4a6cf7;
	box-shadow: inset 0 -1px 0 rgb(0 0 0/ 13%);
}

.accordion-button:not(.collapsed)::after {
	content: "\ea5e";
	font: normal normal normal 1em/1 "LineIcons";
	position: absolute;
	right: 25px;
	top: 16px;
	font-size: 16px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	transform: rotate(-180deg);
}

.accordion-button:not(.collapsed)::after {
	background-image: none;
	transform: rotate(-180deg);
}

.accordion-button::after {
	content: "\ea5e" !important;
	font: normal normal normal 1em/1 "LineIcons";
	position: absolute;
	right: 25px;
	top: 16px;
	font-size: 16px;
	margin-left: auto;
	content: "";
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform .2s ease-in-out;
	background-image: none;
}

.btn-iconic-icon i {
	margin-right: 5px;
	font-size: 17px;
}

.btn-iconic-icon.btn-iconic-left i {
	margin-right: 0;
	margin-left: 5px;
}

/* dashboard logo style start*/
.sidebar-nav-wrapper .navbar-logo {
	border-bottom: 1px solid #6b6b6b;
	text-align: center;
	padding: 10px 0px 20px 0px;
	margin-bottom: 0px;
}

.navbar-logo a {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.navbar-logo .logo-subtext {
	font-weight: 600;
	font-size: 15px;
	color: #5d5d5d;
	display: block;
}

.landing-main .logo-main img {
	max-width: 100%;
	width: 20%;
}

.navbar-logo .theme-logo {
	display: none;
	width: 30%;
}

.db_theme_default .navbar-logo .theme-logo {
	max-width: 100%;
	margin-bottom: 5px;
	display: inline-block;
	padding: 6px;
	background: rgb(255 255 255);
	border-radius: 4px;
}

.db_theme_default .navbar-logo .org-logo {
	display: none;
}
/* .navbar-logo .ag-logo {
	max-width: 80px;
}
 */
.navbar-logo .logo-subtext .moa-logo {
	max-width: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	margin-top: -2px;
}
/* dashboard logo style end*/
.text-heighlight {
	color: #4a6cf7;
}

/* datepicker common style */
/* .input-style-2 .ui-datepicker-trigger {
	position: absolute;
	right: 1px;
	bottom: 1px;
	border: none;
	min-height: 46px;
	border-radius: 0 4px 4px 0;
	background: #F7F7F7;
}

.input-style-2 .ui-datepicker-trigger .icon {
	position: initial;
	padding: 9px 14px;
	font-size: 20px;
} */
input#nSelAll {
	margin-right: 10px;
}

.mb2 {
	margin-bottom: 5px;
}

.imageZomm {
	max-width: 100px;
	overflow: hidden;
	justify-content: center;
	display: initial !important;
}

/* datatable style start */
/* table.dataTable tbody th, table.dataTable tbody td {
	font-size: 14px;
}

.custom-datatablepra .imageZomm {
	max-width: 100px;
	overflow: hidden;
	justify-content: center;
	display: initial !important;
}

.custom-datatable-p .dataTables_length, .custom-datatable-p .dataTables_filter
	{
	padding: 10px;
	background: rgba(239, 239, 239, 0.5);
	border-radius: 5px;
	margin-bottom: 30px;
}

.custom-datatable-p table.table {
	min-width: 100% !important;
}
.custom-datatable-p .dataTables_scrollHeadInner,
.custom-datatable-p .dataTables_scrollHeadInner .table {
	min-width: 99% !important;
	table-layout: fixed;
} 
@-moz-document url-prefix(){ 
  .custom-datatable-p .dataTables_scrollHeadInner, .custom-datatable-p .dataTables_scrollHeadInner .table {
	width: 100% !important;
	table-layout: fixed;
} 
} */
/* table.dataTable thead th, table.dataTable thead td {
   word-break: break-all;
}
 */
/* .custom-datatable-p-search_pra table.table {
	min-width: 100% !important;
}

.custom-datatablepra td {
	text-align: center;
}

table.dataTable tbody td {
	border-right-width: 1px;
	border-right-color: #efefef;
}

.custom-datatable-p table th {
	text-align: center;
} */

/* .ui-datepicker-trigger{
	display:none;
} */
/* .custom-table td {
	text-align: center;
}

.custom-table table th {
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
} */
/* datatable style end */
.mainbtn {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	justify-content: center;
}

.customselect {
	height: 48px;
}

.excelicon {
	font-size: x-large;
	color: #fff;
}

.btn-iconic-icon i {
	margin-right: 5px;
	font-size: 17px;
}

/* minus pluse button into table  */
.addminusbut {
	/* margin: 0px -10px 32px 18px; */
	margin: 0;
}

/* value after inputs */
.info-value {
	position: absolute;
	bottom: -26px;
	/* left: 10px; */
	width: 100%;
	text-align: center;
}

.info-value b {
	font-weight: 500;
}

.get-value {
	font-weight: 500;
	margin-left: 10px;
}

.selectsection {
	text-align: center;
	padding: 10px;
}

/* stepform CSS */
.content-body {
	background: #fff;
	padding: 15px;
	/* min-height: auto !important; */
	border-radius: 5px;
}

.stepform-group {
	padding: 10px;
}

.stepform-groupadd {
	display: flex;
}

.qualification {
	background-color: #F7FAFC;
	border: 1px solid #EEEEEE;
	margin-right: 2px;
}

/*
    Common 
*/
.wizard a, .tabcontrol a {
	outline: 0;
}

.wizard .steps ul, .tabcontrol ul {
	list-style: none !important;
	padding: 0;
	margin: 0 -16px;
	text-align: center;
}

.wizard ul>li, .tabcontrol ul>li {
	display: block;
	padding: 0;
}

/* Accessibility */
.wizard>.steps .current-info, .tabcontrol>.steps .current-info {
	position: absolute;
	left: -999em;
}

.wizard>.content>.title, .tabcontrol>.content>.title {
	position: absolute;
	left: -999em;
}

/*
    Wizard
*/
.wizard>.steps {
	position: relative;
	display: block;
	width: 100%;
}

.wizard.vertical>.steps {
	display: inline;
	float: left;
	width: 30%;
}

.wizard>.steps .number {
	font-size: 1.429em;
}

.wizard>.steps>ul>li {
	/* width: auto; */
	min-width: 20%;
}

.wizard>.steps>ul>li, .wizard>.actions>ul>li {
	float: inherit;
	border-bottom: 0px;
}

.wizard.vertical>.steps>ul>li {
	float: none;
	width: 100%;
}

.wizard>.steps a, .wizard>.steps a:hover, .wizard>.steps a:active {
	display: block;
	width: auto;
	margin: 0 0.5em 0.5em;
	padding: 1em 1em;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.wizard>.steps .disabled a, .wizard>.steps .disabled a:hover, .wizard>.steps .disabled a:active
	{
	background: #eee;
	color: #aaa;
	cursor: default;
}

.wizard>.steps .current a, .wizard>.steps .current a:hover, .wizard>.steps .current a:active
	{
	color: #fff;
	cursor: default;
	padding: 1em 2em;
}

.wizard>.steps .done a, .wizard>.steps .done a:hover, .wizard>.steps .done a:active
	{
	background: #9dc8e2;
	color: #fff;
}

.wizard>.steps .error a, .wizard>.steps .error a:hover, .wizard>.steps .error a:active
	{
	background: #ff3111;
	color: #fff;
}

.wizard>.content {
	background: #eee;
	display: block;
	margin: 0.5em;
	min-height: 10em;
	overflow: hidden;
	position: relative;
	/*     width: auto; */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.wizard.vertical>.content {
	display: inline;
	float: left;
	margin: 0 2.5% 0.5em 2.5%;
	width: 65%;
}

.wizard>.content>.body {
	float: left;
	/*  position: absolute; */
	position: inherit;
	width: 95%;
	height: 95%;
	padding: 2.5%;
}

.wizard>.content>.body ul {
	list-style: disc !important;
}

.wizard>.content>.body ul>li {
	display: list-item;
}

.wizard>.content>.body>iframe {
	border: 0 none;
	width: 100%;
	height: 100%;
}

.wizard>.content>.body input {
	display: block;
	/* border: 1px solid #ccc; */
}

.wizard>.content>.body input[type="checkbox"] {
	display: inline-block;
}

.wizard>.content>.body input.error {
	background: rgb(251, 227, 228);
	border: 1px solid #fbc2c4;
	color: #8a1f11;
}

/* .wizard>.content>.body label {
	display: inline-block;
	margin-bottom: 0.5em;
	font-weight: bold;
	margin-left: 0.5em;
} */
.wizard>.content>.body label.error {
	color: #8a1f11;
	display: inline-block;
	margin-left: 1.5em;
}

.wizard>.actions {
	position: relative;
	display: block;
	text-align: right;
	width: 100%;
}

.wizard.vertical>.actions {
	display: inline;
	float: right;
	margin: 0 2.5%;
	width: 95%;
}

.wizard>.actions>ul {
	display: inline-block;
	text-align: right;
}

.wizard>.actions>ul>li {
	margin: 0.5em 0.5em;
}

.wizard.vertical>.actions>ul>li {
	margin: 0 0 0 1em;
}

.wizard>.actions a, .wizard>.actions a:hover, .wizard>.actions a:active
	{
	background: #4a6cf7;
	color: #fff;
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.wizard>.actions .disabled a, .wizard>.actions .disabled a:hover,
	.wizard>.actions .disabled a:active {
	background: #eee;
	color: #aaa;
}

.tunnel-form p {
	color: #262d3f;
}

/* .wizard > .loading
{
}

.wizard > .loading .spinner
{
} */

/*
    Tabcontrol
*/
.tabcontrol>.steps {
	position: relative;
	display: block;
	width: 100%;
}

.tabcontrol>.steps>ul {
	position: relative;
	margin: 6px 0 0 0;
	top: 1px;
	z-index: 1;
}

.tabcontrol>.steps>ul>li {
	float: left;
	margin: 5px 2px 0 0;
	padding: 1px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.tabcontrol>.steps>ul>li:hover {
	background: #edecec;
	border: 1px solid #bbb;
	padding: 0;
}

.tabcontrol>.steps>ul>li.current {
	background: #fff;
	border: 1px solid #bbb;
	border-bottom: 0 none;
	padding: 0 0 1px 0;
	margin-top: 0;
}

.tabcontrol>.steps>ul>li>a {
	color: #5f5f5f;
	display: inline-block;
	border: 0 none;
	margin: 0;
	padding: 10px 30px;
	text-decoration: none;
}

.tabcontrol>.steps>ul>li>a:hover {
	text-decoration: none;
}

.tabcontrol>.steps>ul>li.current>a {
	padding: 15px 30px 10px 30px;
}

.tabcontrol>.content {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 35em;
	overflow: hidden;
	border-top: 1px solid #bbb;
	padding-top: 20px;
}

.tabcontrol>.content>.body {
	float: left;
	position: absolute;
	width: 95%;
	height: 95%;
	padding: 2.5%;
}

.tabcontrol>.content>.body ul {
	list-style: disc !important;
}

.tabcontrol>.content>.body ul>li {
	display: list-item;
}

/* CUSTOM CSS */
.buttonmergeinput {
	width: 100%
}

.wizard>.content>.body input.error {
	position: absolute;
	top: 100% !important;
}

.wizard {
	position: inherit;
}

.wizard>.steps {
	width: 100%;
}

.steps.clearfix {
	display: flex;
	justify-content: center;
}

.wizard>.steps li.disabled a:hover, .wizard>.steps li.done a:hover {
	margin: 0;
	background-color: #a48a00;
	border-radius: 0;
	color: #fff;
	padding: 1em 2em;
}

.wizard>.steps li a {
	text-align: center;
	margin: 0;
	border-radius: 0;
	background-color: #fff;
}

.wizard>.steps li a:hover {
	margin: 0;
	background-color: #fff;
	border-radius: 0;
	color: #333;
}

.wizard>.steps li a .number {
	display: none;
}

.wizard .content {
	margin: 0;
}

.wizard .content>.body {
	background-color: #f7fafc;
	width: 100%;
	height: 100%;
	padding: 1.6rem;
}

.wizard .content>.body .form-control {
	background-color: #fff;
}

.wizard .content>.body input.error {
	position: relative;
}

.wizard .content>.body label.error {
	position: absolute;
	top: 100%;
	margin-left: 0;
}

.wizard>.actions {
	position: inherit;
	bottom: 0;
	left: 0;
	padding: 2rem 0 0 0;
}

.wizard>.actions li:not(.disabled) a {
	background-color: #4a6cf7;
	color: #fff;
}

.wizard .actions ul li.disabled a {
	color: #333333 !important;
	background: #F7FAFC !important;
	border: 1px solid #EEEEEE;
}

.wizard .actions ul li a {
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	padding: 0.55em 2em;
}

.wizard>.actions a, .wizard>.actions a:hover, .wizard>.actions a:active
	{
	padding: 0.55em 2em;
}

.wizard>.content {
	background: #fff;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

.wizard, .tabcontrol {
	display: block;
	width: 100%;
	/* 	overflow: hidden; */
	overflow: visible;
}

.step-form-tab .wizard .steps li:not(.current) a {
	background-color: #EEEEEE;
	color: #4a6cf7;
}

.step-form-tab .wizard .steps li.current a {
	background-color: #4a6cf7;
}

.step-form-tab .wizard .steps li.done a {
	background-color: rgba(117, 113, 249, 0.5);
	color: #4a6cf7;
}

.step-form-tab .wizard .steps li:last-child a {
	margin-right: 0;
}

.step-form-tab .wizard .steps li:first-child a {
	margin-left: 0;
}

.step-form-vertical .wizard.vertical>.steps {
	width: 27%;
}

.step-form-vertical .wizard.vertical>.steps li:not(.current) a {
	background-color: #EEEEEE;
	color: #4a6cf7;
}

.step-form-vertical .wizard.vertical>.steps li.current a {
	background-color: #4a6cf7;
}

.step-form-vertical .wizard.vertical>.steps li.done a {
	background-color: rgba(117, 113, 249, 0.5);
	color: #4a6cf7;
}

.step-form-vertical .wizard.vertical>.content {
	width: 73%;
	margin: 0;
}

.step-form-vertical .wizard.vertical>.content>.body {
	padding: 0 8rem;
}

.step-form-vertical .wizard.vertical>.actions {
	padding: 0 8rem;
}

.stepform-group lable {
	font-weight: bold;
}

.wizard>.steps a {
	padding: 1em 2em;
}

.wizard>.actions li:not(.disabled) a {
	background-color: #a48a01;
}

.wizard>.content>.body ul>li {
	list-style-type: none;
}

/* Responsive Stepform */

/* stepform CSS */
@media ( min-width : 1200px) {
	.wizard>.steps {
		/*  width: 60%; */
		/*    margin-left: 3%; */
		width: 100%;
	}
}

@media only screen and (max-width: 991px) {
	.wizard .content {
		min-height: 40rem;
		padding: 4px;
	}
}

@media only screen and (max-width: 767px) {
	.wizard>.steps li a {
		padding: 1em 4px;
	}
	.step-form-vertical .wizard.vertical>.steps li a {
		margin-left: 0;
		margin-right: 0;
	}
	#main-wrapper {
		margin-top: 30px;
	}
}

@media ( max-width : 680px) {
	.wizard>.steps>ul>li {
		width: 100%;
		padding-left: 0;
	}
	.wizard>.steps {
		padding-left: 0;
	}
}

@media only screen and (max-width: 575px) {
	.wizard .content>.body {
		padding: 0;
	}
	.step-form-tab .wizard .steps li {
		width: 50%;
	}
	.step-form-tab .wizard .steps li a {
		margin: 0 0.5em 0.5em;
	}
	.step-form-tab .wizard .steps li a:hover {
		padding: 1em 4px;
	}
	.step-form-vertical .wizard.vertical>.steps li a {
		padding: .5rem;
	}
	.step-form-vertical .wizard.vertical>.content>.body {
		padding: 1rem;
	}
	.step-form-vertical .wizard.vertical>.actions {
		padding: 0;
	}
}

.content-body .container {
	padding: 0px;
}

/* Responsive Stepform End */
.wizard .content>.body {
	background-color: #f0f7ff;
}

.wizard>.steps li.disabled a, .wizard>.steps li.done a {
	background-color: #4a4a4a;
	color: #fff;
	border-radius: 4px 0px 0px 4px;
}

.wizard>.steps li.current a {
	background-color: #3c7ddd;
	color: #fff;
	border-radius: 4px 0px 0px 4px;
}

.wizard>.steps {
	margin-bottom: 4px;
}

.wizard>.steps li.disabled a:hover, .wizard>.steps li.done a:hover {
	background-color: #3c7ddd;
}

.wizard>.actions li:not(.disabled) a {
	background-color: #4a4a4a;
}

.wizard>.content {
	background: #eef3f7;
	box-shadow: 0px 2px 5px 0px rgb(0 0 0/ 10%);
}

.wizard>.steps>ul>li, .wizard>.actions>ul>li {
	display: inline-block;
	position: relative;
	transition-duration: 0.3s;
	transition-property: transform;
	-webkit-tap-highlight-color: transparent;
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.wizard>.steps>ul>li:before, .wizard>.actions>ul>li:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%,
		rgba(0, 0, 0, 0) 80%);
	transition-duration: 0.3s;
	transition-property: transform opacity;
}

.wizard>.steps>ul>li:hover, .wizard>.actions>ul>li:hover {
	transform: translateY(-6px);
	animation-name: hover;
	animation-duration: 1.5s;
	animation-delay: 0.3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.wizard>.steps>ul>li:hover:before, .wizard>.actions>ul>li:hover:before {
	opacity: .4;
	transform: translateY(6px);
	animation-name: hover-shadow;
	animation-duration: 1.5s;
	animation-delay: .3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.wizard>.steps>ul>li a:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 28px 0 28px 22px;
	border-color: transparent transparent transparent #4a4a4a;
	top: 50%;
	margin-top: -28px;
	left: auto;
	right: -6px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.wizard>.steps>ul>li:last-child a:after {
	display: none;
}

.wizard>.steps>ul>li:last-child a {
	border-radius: 4px;
}

.wizard>.steps>ul>li {
	margin: 8px 0px;
	padding: 0px 16px;
}

.wizard>.steps li.current a:after {
	border-color: transparent transparent transparent #3c7ddd;
}

.wizard>.steps>ul>li a:hover:after {
	border-color: transparent transparent transparent #3c7ddd;
}

.wizard .actions ul li:last-child a {
	background: #97ca31;
	color: #fff;
}

/* stepform CSS End */

/*   DAO BUtton */
.daobtn .main-btn i {
	font-size: 14px;
}

.daobtn .btn-sm {
	padding: 4px 10px;
}

/*   DAO BUtton */
.imageZomm {
	width: fit-content;
	max-width: 100%;
	overflow: hidden;
	justify-content: center;
	max-height: 108px;
	margin: auto;
}

.col-two  .form-check {
	width: 50%;
	margin-bottom: 5px;
	display: inline-block !important;
	vertical-align: middle;
}

.badges-groups {
	max-height: 400px;
	overflow: auto;
	overflow-x: hidden;
	margin-bottom: 30px;
}

.buttons-group .status-btn.active-btn {
	width: fit-content;
	display: flex;
	align-items: center;
}

/* -------------start image-modal ------------------*/
.modal.image-modal {
	background-color: rgb(0 0 0/ 50%);
}

.modal.image-modal .modal-img img {
	width: 100%;
	height: 70vh;
}

.modal.image-modal span.close {
	font-size: 30px;
	text-align: end;
	padding: 0px 30px;
	color: red;
}

.modal.image-modal {
	background-color: rgb(0 0 0/ 50%);
}

.modal.image-modal .modal-img img {
	width: 100%;
	height: 70vh;
}

.modal.image-modal span.close, .modal.image-modal span.video-close {
	font-size: 30px;
	text-align: end;
	padding: 0px 30px;
	color: red;
}

.modal.image-modal .content-title {
	color: #4a6cf7;
	background: rgba(74, 108, 247, 0.1);
	border-radius: 30px;
	padding: 10px;
	width: fit-content;
	float: left;
	margin: 0px 10px 2px 0px;
}

.badges-groups i.lni.lni-close {
	font-size: 10px;
	font-weight: bold;
	margin-left: 5px;
}

/* -------------end image-modal ------------------*/
.multiselect {
	width: inherit;
	display: none;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 12px 16px 12px 16px;
	padding-right: 38px;
	color: #5d657b;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	max-height: 200px;
	overflow: auto;
}

/*===========================
		Sidebar + content section (Stud_Elect_Courses) start
===========================*/
.list-none {
	list-style: none;
}

.aside {
	padding: 20px 15px 25px 15px;
	/* background: #e9f2ff; */
	background: rgba(47, 157, 55, 0.15);
	border-radius: 5px;
	margin-bottom: 30px;
}

.filter-title {
	font-size: 18px;
	line-height: normal;
	padding: 5px;
	border-bottom: 1px solid #bcbcbc;
	margin-bottom: 15px;
}

.col-list  .col-list-inner:last-child .select-style-1 {
	margin-bottom: 0;
}

.custom-card {
	margin-bottom: 30px;
	/* height: 100%; */
}

.custom-card .card-body {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.custom-card .card-detais {
	height: 100%;
}

.custom-tabs .nav-pills {
	border-bottom: 1px solid #e5e5e5;
	margin-top: -5px;
}

.custom-tabs .nav-pills .nav-link {
	border-radius: 4px 4px 0 0;
	background: #D1E0D0;
	width: 100%;
}

.custom-tabs .nav-pills .nav-link.active, .custom-tabs .nav-pills .show>.nav-link
	{
	background-color: #60925C;
}

.custom-tabs .nav-link {
	padding: 1rem 3rem;
	color: #32732E;
	font-weight: 500;
	text-transform: capitalize;
}

.custom-tabs .nav-link:focus {
	color: #ffffff;
}

.custom-tabs .nav-link:hover {
	color: #fff;
	background: #60925C;
}

.custom-card>video {
	min-height: 200px;
}

.custom-card .card-title {
	text-transform: capitalize;
}

.custom-card .card-title a:hover {
	color: #a48a00;
}

.custom-tabs .nav .nav-item {
	margin-right: 5px;
	margin-top: 5px;
	width: 19.5%;
}

.custom-tabs .nav .nav-item:last-child {
	margin-right: 0;
}

.card-detais p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.readmore {
	text-transform: capitalize;
}

.readmore:hover {
	color: #222222;
}

.custom-calendar {
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #f1f1f1;
	margin-top: 10px;
}

.custom-calendar p {
	font-size: 14px;
	line-height: normal;
	font-weight: 500;
}

.custom-calendar p, .custom-calendar p i {
	color: #a48a00;
}

.custom-calendar p i {
	font-size: 18px;
	margin-right: 5px;
}

.card-btn-footer {
	padding: 6px;
	background: #f1f1f1;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}

.custom-card .cardimg {
	text-align: center;
	min-height: 200px;
	overflow: hidden;
	position: relative;
}

.custom-card .cardimg img {
	max-width: 100%;
}

.card-subtitle {
	color: #a48a00;
	font-weight: 500;
	margin-bottom: 0;
	font-size: 18px;
	line-height: normal;
}

/*===========================
		Sidebar + content section (Stud_Elect_Courses) end
===========================*/

/*===========================
		Card Style (Free_Course_View)) start
===========================*/
.card-box {
	margin-bottom: 30px;
}

.card-box-head {
	border-bottom: 1px solid #abb9cd;;
	margin-bottom: 0.25rem;
}

.card-box-head .title-head {
	margin-bottom: 0.5rem;
}

.card-box-link {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 15px;
}

.card-link a:hover {
	text-decoration: underline;
}

.card-box-text {
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	line-height: 1.4;
	font-size: 15px;
}

.card-box-footer .buttons-group {
	margin: 0;
}

.card-box-footer .buttons-group li {
	padding: 0 3px;
}

.card-box-footer .buttons-group li .main-btn {
	padding: 10px;
}

.readmore {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	color: #a48a00;
}

.text-overwrap {
	overflow-wrap: anywhere;
}

/*===========================
		Card Style (Free_Course_View) end
===========================*/

/*===========================
		db common title & (course_enroll_Url) start
===========================*/
.dashboard-page .title, .dashboard-page .title h2 {
	text-transform: capitalize;
}

.dashboard-page .title, .dashboard-page .title h2, .wlcm-logo h2 {
	font-weight: 500;
}

.title-wrapper .title h2 {
	font-size: 26px;
}

.dashboard-page .title, .dashboard-page .breadcrumb-wrapper {
	margin-bottom: 10px;
}

.dashboard-page .breadcrumb {
	margin-bottom: 0;
}

/* back button start*/
.back-btn {
	margin: 5px 0;
}

button.learn-more, .learn-more {
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	border: 0;
	vertical-align: middle;
	text-decoration: none;
	background: transparent;
	padding: 0;
	font-size: inherit;
	font-family: inherit;
}

button.learn-more, .learn-more {
	width: 12rem;
	height: auto;
}

button.learn-more .circle, .learn-more .circle {
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	position: relative;
	display: block;
	margin: 0;
	width: 2.5rem;
	height: 2.5rem;
	background: #303030;
	border-radius: 1.625rem;
}

button.learn-more .circle .icon, .learn-more .circle .icon {
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #fff;
}

button.learn-more .circle .icon.arrow, .learn-more .circle .icon.arrow {
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	left: 0.625rem;
	width: 1.125rem;
	height: 0.125rem;
	background: none;
}

button.learn-more .circle .icon.arrow::before, .learn-more .circle .icon.arrow::before
	{
	position: absolute;
	content: "";
	top: -0.25rem;
	right: 0.0625rem;
	width: 0.625rem;
	height: 0.625rem;
	border-top: 0.125rem solid #fff;
	border-right: 0.125rem solid #fff;
	transform: rotate(227deg);
}

button.learn-more .button-text, .learn-more .button-text {
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.70rem 0;
	margin: 0 0 0 2.8rem;
	color: #262d3f;
	font-weight: 500;
	line-height: 1.2rem;
	text-align: left;
	text-transform: capitalize;
}

button:hover .circle, .learn-more:hover .circle {
	width: 100%;
}

button.learn-more:hover .circle .icon.arrow, .learn-more:hover .circle .icon.arrow
	{
	background: #fff;
	transform: translate(0.5rem, 0);
}

button.learn-more:hover .circle .icon.arrow::before, .learn-more:hover .circle .icon.arrow::before
	{
	right: 0.5rem;
}

button:hover .button-text, .learn-more:hover .button-text {
	color: #fff;
}
/* back button end*/
.button-top .buttons-group {
	justify-content: center;
}

.button-top .buttons-group li {
	width: 160px;
}

.button-top .buttons-group .main-btn {
	width: 100%;
}

.button-top {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 0 8px 0;
}

.learncount {
	text-transform: capitalize;
	font-weight: 500;
	padding: 8px;
	background: rgba(164, 138, 0, 0.8);
	border-radius: 0;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	border-radius: 0 .25rem 0 .25rem;
}

.count-no {
	font-size: 16px;
	line-height: 16px;
	margin-left: 4px;
}

.main-count {
	position: absolute;
	top: 0;
	right: 0;
}

.b-top {
	border-top: 1px solid #f3f3f3;
}

.cbox-detail {
	padding: 30px 0;
}

.course-dec {
	text-align: justify;
}

/* changes 2-7-2022 */
.custom-card-col {
	height: 100%;
}

.custom-card-col .main-count {
	position: inherit;
	margin-top: 5px;
}

.card-link .readmore {
	margin-top: 0;
}

.card-link a.readmore:hover {
	text-decoration: none;
}

.course-section>.row>[class*="col-"] {
	margin-bottom: 30px;
}

.custom-card-col .p-all {
	padding: 10px;
}

.course-section {
	padding-top: 30px;
}

.cbox-title .card-title {
	margin-bottom: 2px;
	text-transform: uppercase;
}

.cbox-title {
	/* background: #e9f2ff; */
	background: rgba(47, 157, 55, 0.15);
}

.cbox-video video {
	width: 100%;
	min-height: 250px;
}

.col-single {
	width: 100%;
	margin-bottom: 5px;
	max-height: 180px;
	overflow-y: auto;
}

.cbox-list .card-title {
	text-transform: capitalize;
}

.cbox-module:first-child {
	margin-top: 0;
}

.cbox-module {
	margin-top: 15px;
}

.module-list {
	margin-top: 8px;
}

.module-list li {
	text-transform: capitalize;
	position: relative;
	padding-left: 22px;
	margin-top: 5px;
}

.module-list li::before {
	position: absolute;
	content: "\ea3d";
	font: normal 1em/1 "LineIcons";
	left: 2px;
	top: 5px;
	color: #a48a00;
	font-size: 14px;
	line-height: 14px;
}

.cardbox-listingview .cbox-title-with-value {
	text-align: left;
}

.cardbox-footer div div:first-child .cbox-title-with-value,
	.cardbox-footer div div:nth-child(1) .cbox-title-with-value {
	text-align: left !important;
}

.cardbox-footer div div:last-child .cbox-title-with-value {
	text-align: right;
}

.cbox-title-with-value {
	font-size: 16px;
	line-height: normal;
	text-transform: capitalize;
	font-weight: 600;
	text-align: center;
	margin: 5px 0;
}

.title-value {
	margin-left: 8px;
	font-weight: 400 !important;
}

.cardbox-footer {
	padding-top: 15px;
}

.module-scroll {
	max-height: 360px;
	scroll-behavior: auto;
	overflow: auto;
	padding: 15px;
	margin-top: 15px;
	background: #f7f7f7;
	border-radius: 4px;
}

.button-bottom {
	padding: 15px 0 0 0;
	margin-top: 30px;
}

.button-bottom-side {
	padding: 0;
	margin-top: 0;
}

.button-bottom .buttons-group {
	justify-content: center;
}

.button-bottom .buttons-group li {
	min-width: 250px;
}

.button-bottom .buttons-group .main-btn {
	width: 100%;
}
/*===========================
		db common title & (course_enroll_Url) end
===========================*/

/*===========================
		db common auto input, upload img start
===========================*/
.auto-input {
	width: 100%;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 12px 16px;
	resize: none;
	transition: all 0.3s;
	height: 48px;
	color: #4a6cf7;
	background: rgba(74, 108, 247, 0.1);
}

.buttons-group.uplaod-image {
	flex-wrap: nowrap;
	margin: 0 2px;
}

.buttons-group.uplaod-image li {
	margin: 6px 0;
	padding: 0 3px;
}

.buttons-group.uplaod-image .btn-sm {
	padding: 5px 8px;
}

/*===========================
		db common auto input, upload img end
===========================*/
/*===========================
		payment style start
===========================*/
.payment-page .course-section {
	padding-top: 0;
}

.noinput-value {
	position: relative;
	padding-left: 20px;
}

.noinput-value::before {
	position: absolute;
	content: "\ea3d";
	font: normal 1em/1 "LineIcons";
	left: 0;
	top: 6px;
	color: #0d6efd;
}

/*===========================
		payment style end
===========================*/

/*===========================
		tunnal style start
===========================*/
label.radio-label {
	font-size: 14px;
	font-weight: 500;
	color: #262d3f;
	display: block;
	margin-bottom: 10px;
}

.table-experience-width .simple-table .table thead th {
	min-width: 220px !important;
	padding: 10px 18px !important;
}

.table-experience-width .simple-table .table thead th:first-child,
	.simple-table .table tbody td:first-child {
	width: 85px !important;
	min-width: 230px !important;
	max-width: 85px !important;
	text-align: center !important;
}

.table-edu-width .simple-table .table thead th:first-child,
	.simple-table .table tbody td:first-child {
	width: 50px !important;
	min-width: 50px !important;
	max-width: 50px !important;
	text-align: center !important;
}
/*===========================
		tunnal style end
===========================*/

/* 	===========================
	addoptions style start
===========================	 */
.addoptions .buttons-group {
	margin: 0 -10px;
	position: absolute;
	top: 14px;
	left: 100%;
	margin: 0;
	margin: 5px 0px;
	width: fit-content;
}

.addoptions .buttons-group li {
	padding: 0 5px;
}

.addoptions .buttons-group li a.btn-sm {
	padding: 5px 10px;
}

@media only screen and (max-width: 576px) {
	.addoptions .buttons-group {
		margin: 10px -10px;
	}
	.addoptions .buttons-group li {
		padding: 0 3px;
	}
	.addoptions .buttons-group li a.btn-sm {
		padding: 0px 3px;
	}
}
/*===========================
		addoptions style end
		===========================*/

/*===========================
		add button style, Popup common style (ViewCourseContent_Url) start
===========================*/
.multi-btn-group {
	padding: 8px 0;
	margin-top: 8px;
}

.multi-btn-group .btn-sm {
	padding: 8px 12px;
}
/* common modal style here start*/
/* .custom-modal label{
	text-align: left;
} */
.custom-modal .modal-footer .buttons-group li {
	margin: 5px 0;
}

.custom-modal .modal-title {
	text-transform: capitalize;
}

.custom-modal .modal-content {
	-webkit-box-shadow: 0px 0px 12px rgb(255 255 255/ 10%);
	-moz-box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.1);
	box-shadow: 0px 0px 12px rgb(255 255 255/ 10%);
}

/* common modal style here end*/

/*===========================
		add button style, Popup common style (ViewCourseContent_Url) end
===========================*/

/*===========================
		Model Table Start
===========================*/
.model-table thead tr:first-child {
	border-top: none;
	background: #4a6cf7;
	color: #fff;
}

.model-table tbody td {
	text-align: center;
}

.model-table tbody tr:first-child>* {
	background-color: #ebf3f9;
}

.model-table tr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #f5f9fc;
}

.model-table tr:nth-child(odd):not(:first-child) {
	background-color: #ebf3f9;
}

.model-table td:first-child {
	margin-top: .5em;
}

.model-table td:last-child {
	margin-bottom: .5em;
}

.model-table td:before {
	font-weight: bold;
	width: 120px;
	display: inline-block;
	color: #000;
}

.model-table th, .model-table td {
	text-align: left;
}

.model-table {
	color: #333;
	border-radius: .4em;
	overflow: hidden;
	font-weight: 600px;
}

.model-table tr {
	border-color: #bfbfbf;
}

.model-table th, .model-table td {
	padding: .5em 1em;
}

@media screen and (max-width: 601px) {
	.model-table tr:nth-child(2) {
		border-top: none;
	}
}

@media screen and (min-width: 600px) {
	.model-table tr:hover:not(:first-child) {
		background-color: #d8e7f3;
	}
	.model-table td:before {
		display: none;
	}
	.model-table th, .model-table td {
		display: table-cell;
		padding: .25em .5em;
	}
	.model-table th:first-child, .model-table td:first-child {
		padding-left: 0;
	}
	.model-table th:last-child, .model-table td:last-child {
		padding-right: 0;
	}
	.model-table th, .model-table td {
		padding: 1em !important;
	}
}

/*===========================
		Model Table End
===========================*/

/*===========================
		card-style h6 start
===========================*/
.card-style h6.mb-25 {
	display: none;
}
/*===========================
		card-style h6 end
===========================*/

/*===========================
		dashboard header-Version0.1 (ligh green theme-NCISM) start
===========================*/
.header-g {
	background: #074d5c;
	-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0/ 75%);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 5px 0px rgb(0 0 0/ 75%);
}

.header-g .primary-btn {
	background: #fff;
	color: #60925C;
}

.header-g .primary-btn:hover {
	background: #a48a00;
	color: #fff;
}

.header-g .header-left .header-search form input {
	border: 1px solid #f0f0f0;
	background: rgba(239, 239, 239, 0.8);
	/* color: #60925C; */
}

.header-g .db-title .db-headtitle {
	color: #fff;
}

.header-g .header-right .notification-box button.dropdown-toggle,
	.header-g .header-right .header-message-box button.dropdown-toggle {
	border: 1px solid #f0f0f0;
	background: #fff;
}

.header-g .header-right .profile-box .profile-info h6 {
	font-weight: 500;
	color: #fff;
	text-transform: capitalize;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.header-g .lni-chevron-down {
	color: #fff;
}

.header-g .header-right .profile-box .profile-info .info .image {
	box-shadow: 0px 4px 10px rgb(255 255 255/ 30%);
}

.header-g .db-title .db-headtitle:before {
	background-color: #a48a00;
}

.header-g .db-title .db-headtitle:after {
	background-color: #fff;
}

/* .header-search {
	display:none !important;
} */
.header-g.header .header-right button span {
	background: #a48a00;
	border: 1px solid #fff;
}

/*===========================
		dashboard header-Version0.1 (ligh green theme-NCISM) end
===========================*/

/*===========================
		dashboard header-Version0.2 (radish theme-NCH) start
===========================*/
.NCH-theme .header-g .primary-btn {
	background: #fff;
	color: #a5433d;
}

.NCH-theme .header-g .header-right .dropdown-menu li:hover a {
	color: #a5433d;
	background: rgba(165, 67, 61, 0.5);
}

.NCH-theme .header-g .sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a.active,
	.NCH-theme .header-g .sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a:hover,
	.NCH-theme .sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a.active,
	.NCH-theme .sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a:hover
	{
	color: #a5433d;
	border-color: rgba(165, 67, 61, 0.8);
	background: rgba(165, 67, 61, 0.5);
}

.NCH-theme .custom-tabs .nav-pills .nav-link.active, .NCH-theme .custom-tabs .nav-pills .show>.nav-link
	{
	background-color: #a5433d;
	color: #fff;
}

.NCH-theme .custom-tabs .nav-pills .nav-link {
	background: rgba(165, 67, 61, 0.5);
	color: #a5433d;
}

.NCH-theme .custom-tabs .nav-link {
	color: #a5433d;
}

.NCH-theme .custom-tabs .nav-link:hover, .NCH-theme .sidebar-nav-wrapper .sidebar-nav ul .nav-item a::before,
	.NCH-theme .header-g {
	background: #a5433d;
}

.NCH-theme .cbox-title, .NCH-theme .aside {
	background: rgba(165, 67, 61, 0.5);
}

.NCH-theme .header-g .primary-btn {
	background: #fff;
}

/*===========================
		dashboard header-Version0.2 (radish theme-NCH) start
===========================*/

/*===========================
		Teacher form start
===========================*/
.qualificationdiv {
	width: 120px;
}
/*===========================
		Teacher form end
===========================*/

/*===========================
		dashboard header notification dropdown start
===========================*/
.custom-notify-dropdown {
	max-height: 400px;
	overflow: auto;
	background: #fff !important;
}

.custom-notify-dropdown .notify-close {
	position: absolute;
	right: 0px;
	top: 4px;
	padding: 2px !important;
	font-size: 10px;
	border-radius: 0.25rem !important;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 17px;
	display: inline-block !important;
	border-color: rgb(255 255 255/ 15%);
	background-color: #bde2fd;
}

.custom-notify-dropdown li:hover .notify-close {
	background: transparant;
}

.custom-notify-dropdown .notify-close i {
	line-height: 18px;
}

.custom-notify-dropdown li a.notify-close, .db-dark-mode.db_theme_default .header .header-right .dropdown-menu li a.notify-close
	{
	color: #000 !important;
	background-color: #bde2fd !important;
}

.notify-close:hover {
	opacity: .75 !important;
}

.custom-notify-dropdown .content .main-btn i {
	font-size: 10px;
}

.custom-notify-dropdown .content .main-btn i:hover {
	color: #fff;
}

.custom-notify-dropdown .content .notification-btn {
	margin-top: 5px;
}

.custom-notify-dropdown .content .notification-btn {
	padding: 4px 10px;
}

/*===========================
		dashboard header notification dropdown end
===========================*/
.table-img {
	max-width: 80px;
	margin: 0 auto;
	border: 1px solid #efefef;
}

/*===========================
		Alert Message Start
===========================*/
.alert-success {
	display: none;
}

.alert i.lni.lni-checkmark {
	font-weight: bold;
}

/*===========================
		Alert Message End
===========================*/

/*===========================
		auto-fill-form start
===========================*/
.auto-fill-form {
	counter-reset: number;
}

.auto-fill-form label {
	counter-increment: number;
}

.auto-fill-form label::before {
	/* content: counter(number)" "; */
	content: counter(number);
	position: absolute;
	margin-left: -20px;
}

.auto-fill-form ::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.auto-fill-form .und_text {
	display: flex;
	text-align: justify;
}

.auto-fill-form .upload_image {
	height: 120px;
	border: 2px solid #efefef;
	width: 120px;
	max-width: 100%;
	background: #ffffff;
	background-image: url("assets/db_img/userphoto.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 0 0 auto;
}

.auto-fill-form .upload_image img {
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
	display: block;
}

.auto-fill-form .upload_sign img {
	max-height: inherit;
	max-width: 100%;
}

.auto-fill-form .upload_sign {
	height: 120px;
	width: 250px;
	border: 2px solid #efefef;
	background: #ffffff;
	background-image: url("assets/db_img/noimage.jpeg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background: #fff;
	margin: 0 0 0 auto;
}

.preview-form .auto-fill-form .upload_sign {
	margin: 0 0 0 auto;
}

.preview-form .auto-fill-form .upload_sign img {
	height: 80px;
}

.auto-fill-form .input-with-value .address {
	min-height: 72px;
	max-height: 72px;
	overflow: auto;
	display: block;
}

.auto-fill-form .input-with-value {
	position: relative;
	margin-bottom: 20px;
	z-index: 1;
	padding: 10px 10px;
	background: #f1f1f1;
	overflow: auto;
}

.auto-fill-form .input-with-value label {
	font-size: 14px;
	font-weight: 500;
	color: #262d3f;
	display: block;
	margin-bottom: 5px;
	padding-left: 20px;
}

.auto-fill-form .input-with-value .auto-fill-value {
	font-size: 16px;
	color: #6e6e6e;
	margin-bottom: 0;
	font-weight: 400;
	padding-left: 20px;
}

.auto-fill-form .upload_sign img {
	max-height: 100%;
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

.preview-form .upload_image {
	margin: 0px auto;
}

.hide {
	display: none;
}

/*===========================
		auto-fill-form end
===========================*/

/*===========================
		Course_Enroll_Url start here
===========================*/
.card-link-block {
	margin-top: 4px;
}

.card-link {
	text-transform: capitalize;
	cursor: default;
	font-size: 14px;
	line-height: normal;
}

.card-link:hover {
	color: #222222;
}

/*===========================
		Course_Enroll_Url end here
===========================*/

/*===========================
	View Provisional page start
===========================*/
.upload_img {
	width: 120px;
	height: 120px;
	border: 1px solid #b9abab;
	margin: 0 auto 30px auto;
	text-align: center;
	overflow: hidden;
}

.upload_img img {
	max-width: 100%;
}
/*===========================
		View Provisional page end
===========================*/
/* remove style after data table entry start /provisional_college_verification,*/
.custom-only-for-design.dataTables_scroll table.dataTable thead th,
	.custom-only-for-design.dataTables_scroll table.dataTable tbody td {
	width: 95px !important;
}
/* remove style after data table entry end*/

/* custom unique id start */
.custom-uniqueid {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 -8px;
}

.custom-uniqueid li {
	padding: 0 8px;
}

.custom-id {
	padding: 4px 8px;
	margin: 4px 0px;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	text-align: center;
	color: #4a6cf7;
	background: rgba(74, 108, 247, 0.1);
	border-color: #4a6cf7;
	display: inline-block;
	font-size: 14px;
}

.custom-id-title {
	font-weight: 600;
	font-size: 14px;
	margin-right: 4px;
}

.custom-count {
	color: #4a6cf7;
	background: rgba(74, 108, 247, 0.1);
	border-color: #4a6cf7;
	height: 50px;
	padding: 12px;
	margin: 0px;
	min-width: 100px;
}

.custom-active-badge {
	color: #4a6cf7;
	background: rgba(74, 108, 247, 0.1);
	border-color: #4a6cf7;
}

.custom-success-badge {
	color: #219653;
	background: rgba(33, 150, 83, 0.1);
	border-color: #219653;
}

/* custom unique id end */

/*===========================
 Counclelling templete start
===========================*/
.hide {
	display: none;
}

.auto-fill-count input {
	background: #ebebeb;
}

.auto-Count-div .input-with-value {
	position: relative;
	margin-bottom: 20px;
	z-index: 1;
	background: #f1f1f1;
	overflow: auto;
}
/* .simple-table .table tbody td {
    font-size: 14px;
} */
/*===========================
 Counclelling templete end
===========================*/
table thead th .table-note {
	font-weight: 400;
	font-size: 12px;
	line-height: normal;
	text-transform: capitalize;
	color: #ffa2a2;
}

.upload_sign {
	padding: 5px;
	text-align: center;
	overflow: hidden;
}

.sign-label i {
	font-size: 12px;
	line-height: normal;
}

.text-heighlight-b {
	font-size: 14px;
	font-weight: 500;
	color: #262d3f;
}

.custom-data-value h4 {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.5em;
	padding-bottom: 8px;
	position: relative;
}

.custom-data-value h4:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 5px;
	width: 55px;
	background-color: #262d3f;
}

.custom-data-value h4:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	height: 1px;
	width: 95%;
	max-width: 255px;
	background-color: #262d3f;
}

.custom-title-bb .custom-title-tag {
	position: relative;
}

.custom-title-bb .custom-title-tag:before {
	width: 28px;
	height: 5px;
	display: block;
	content: "";
	position: absolute;
	bottom: 8px;
	left: 50%;
	margin-left: -14px;
	background-color: #262d3f;
}

.custom-title-bb .custom-title-tag:after {
	width: 100px;
	height: 1px;
	display: block;
	content: "";
	position: relative;
	margin-top: 14px;
	left: 50%;
	margin-left: -50px;
	background-color: #262d3f;
}

.custom-data-value {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 15px;
	width: 100%;
	font-size: 14px;
	line-height: normal;
	text-transform: capitalize;
}

.custom-title {
	justify-content: center;
	margin: 18px 0px;
}

.custom-title-bg {
	background-color: #c0d9f5;
	border-radius: 4px;
	padding: 16px;
	margin: 15px 0 !important;
}

.custom-title-btn {
	position: relative;
	padding: 16px 48px 16px 16px;
}

.custom-btn-tag {
	right: 0;
	position: absolute !important;
	top: 0;
	padding: 4px 10px !important;
	display: inline-block !important;
	width: auto !important;
	margin: 9px !important;
}

.custom-subtitle {
	margin: 0 0 16px 0px;;
}

.custom-subtitle .custom-subtitle-tag {
	font-size: 16px;
	text-align: center;
	padding: 16px 0px 20px 0px;
	position: relative;
}

.custom-subtitle .custom-subtitle-tag:after {
	position: absolute;
	left: 0;
	bottom: 12px;
	width: 60px;
	height: 2px;
	content: "";
	right: 0px;
	margin: auto;
	background-color: #4e7db9;
}

.custom-data-value label {
	margin-bottom: 0;
	margin-right: 8px;
	font-weight: 600;
	min-width: 40%;
	display: block;
}

.value-bind {
	font-weight: 400;
	min-width: 60%;
	overflow-wrap: break-word;
}

.no-data {
	text-align: center;
	font-size: 16px !important;
	font-weight: 500;
}

.custom-data-value-form {
	padding: 10px 15px;
	border-left: 2px solid #c5c3c3;
}

.custom-data-value-form label {
	min-width: auto;
}

.custom-data-value-form .value-bind {
	min-width: auto;
}

.custom-data-value.custom-data-value-normal .value-bind {
	text-transform: initial;
}

.preview-form hr {
	height: 1px;
	margin: 1rem 0 1rem 0;
}

.inst-block .inst-list li {
	list-style-type: square;
	color: #262d3f;
	margin-left: 18px;
}

.inst-block .inst-list .inst-text {
	font-size: 14px;
	color: #262d3f;
	font-weight: 400;
}

.declaration_input {
	width: 200px !important;
	display: inline !important;
	margin: 0px 4px;
}

.wizard .content>.body .form-control {
	background-color: #fff;
	/*     font-size: 0.9rem; */
}

/* .NCH-theme .accordion-itemstylena {
    background: #a5433d70;
    color: #000;
} */
.input-style-form-check label {
	font-size: 14px;
	font-weight: 500;
	color: #262d3f;
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}

/* colum filter here */
.card-style .custom-col-filter .dropdown-toggle {
	border: 1px solid #262d3f;
}

.custom-col-filter {
	text-align: right;
	margin-bottom: 15px;
}

.custom-col-filter .main-btn i {
	font-size: 14px;
	line-height: normal;
	margin-right: 4px;
}

.custom-col-filter .dropdown-menu {
	padding: 0.5rem;
}

.custom-col-filter .dropdown-menu {
	color: #f0f0f0;
}

.custom-col-filter .dropdown-toggle::after {
	content: "\F282";
	font-family: bootstrap-icons !important;
	display: inline-block;
	vertical-align: middle;
	border: none;
}

/*===========================
db default theme - dashboard start
===========================*/
.db_theme_default .sidebar-nav-wrapper,
	/* .db_theme_default .header-g, */ .db_theme_default .dropdown-menu {
	background: #394049;
}
/* .header .header-right .dropdown-menu li{
	border-bottom-color: #e2e2e2;
} */
.db_theme_default .sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children>a.collapsed,
	.db_theme_default .sidebar-nav-wrapper .sidebar-nav ul .nav-item a {
	color: #e9ecef;
}

.db_theme_default .sidebar-nav-wrapper .sidebar-nav>ul>.nav-item.nav-item-has-children>a
	/* .db_theme_default .header .header-right .dropdown-menu li a .content h6,
.db_theme_default .header .header-right .dropdown-menu li a .content p */
	{
	color: #ffffff;
    font-weight: bold;
}

.db_theme_default .header .header-right .dropdown-menu li a {
	color: rgba(0, 0, 0, 0.7);
}
/* .db_theme_default .header .header-right .dropdown-menu li a .content span{
	color: #f0f0f0;
}
 */
.db_theme_default .sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a.active,
	.db_theme_default .sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a:hover
	{
	color: #fff;
	border-color: rgb(255 255 255/ 15%);
	background: rgb(255 255 255/ 10%);
	border-radius: 6px;
}

.db_theme_default .header .header-right .dropdown-menu li:hover a {
	background: rgba(74, 108, 247, 0.05);
}

.db_theme_default .sidebar-nav-wrapper .sidebar-nav ul .nav-item a::before
	{
	background: #3b7ddd;
}

.db_theme_default .sidebar-nav-wrapper .sidebar-nav ul .nav-item a {
	font-size: 14px;
}

.db_theme_default .header-g .primary-btn {
	color: #222e3c;
}

.db_theme_default .header-g .primary-btn:hover {
	background: #222e3c;
	color: #fff;
}

.db_theme_default .header-g .db-title .db-headtitle:before,
	.db_theme_default .header-g.header .header-right button span {
	background-color: #ffffff;
}

.table .ms-options-wrap>button:focus {
	border-color: #3c7ddd;
	box-shadow: none !important;
}

.db_theme_default .mainbtn {
	margin: 0;
}

.db_theme_default .card-style {
	background: #f0f7ff;
}

.tunnel-form .card-style {
	background: #fff;
}

/*===========================
db default theme - dashboard end
===========================*/

/*===========================
payment block start
===========================*/
.custom-payment-block {
	color: #5d657b;
	border: 1px solid #cbcbcb;
	/* background: rgba(93, 101, 123, 0.2); */
	width: 100%;
	padding: 8px 10px;
	margin: 10px 0px 20px 0px;
	border-radius: 4px;
}

.custom-payment-block .custom-payment-data {
	display: flex;
	margin: 0px -10px;
	justify-content: center;
	flex-wrap: wrap;
}

.custom-payment-block .custom-payment-data li {
	padding: 4px 8px;
	margin: auto 0;
}

.custom-payment-block a {
	max-width: 60px;
	background: rgba(255, 255, 255, 1);
	padding: 2px;
}

.custom-payment-block .pay-title {
	text-align: center;
	margin-bottom: 6px;
}

.custom-payment-block .input-style-1 {
	margin-bottom: 0px;
}
/*===========================
payment block end
===========================*/
#previously_pract1, #previously_reg1, #reg_pract1 {
	display: none;
}

.editprofile .details {
	border: 2px solid #222e3c;
	margin-bottom: 30px;
	padding: 40px 10px 10px;
	position: relative;
}

.editprofile .line_text {
	color: #222e3c;
	background: aliceblue;
	padding: 0px 15px;
	margin-bottom: -15px;
	width: fit-content;
	position: absolute;
	top: -15px;
}

/* theme mode - temporarly display none 10-10-2022 (Do not touch between this code)*/
.theme-setting-wrapper {
	display: inherit;
}
/* temporarly display none 10-10-2022 (Do not touch between this code)*/

/* ==========================================================================
   sticky notes start
   ========================================================================== */
body {
	position: relative;
}
/* * Hide from both screenreaders and browsers: h5bp.com/u */
#board .hidden {
	display: none !important;
	visibility: hidden;
}

/* * Hide only visually, but have it available for screenreaders: h5bp.com/v */
#board .visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */
#board .visuallyhidden.focusable:active, #board .visuallyhidden.focusable:focus
	{
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* * Hide visually and from screenreaders, but maintain layout */
#board .invisible {
	visibility: hidden;
}

#board .clearfix:before, #board .clearfix:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.clearfix:after {
	clear: both;
}

#board .noflick, #board .button, #board .note, #board {
	perspective: 1000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
}

#board ::-moz-selection {
	background: #B3D4FC;
	text-shadow: none;
}

#board ::selection {
	background: #B3D4FC;
	text-shadow: none;
}

#board a:focus {
	outline: none;
}

#board ::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.7);
}

#board :placeholder {
	/* Firefox 18- */
	color: rgba(0, 0, 0, 0.7);
}

#board {
	padding: 120px 30px 30px;
	margin-top: 0px;
	overflow-y: visible;
	background: #2c2d2e5c;
	width: 100%;
	height: -webkit-fill-available;
	top: 0;
	z-index: 10;
	position: absolute;
	display: none;
}

#board .note {
	float: left;
	display: block;
	position: relative;
	padding: 1em;
	width: 300px;
	min-height: 300px;
	margin: 0 30px 30px 0;
	background: linear-gradient(top, rgba(0, 0, 0, 0.05),
		rgba(0, 0, 0, 0.25));
	background-color: #FFFD75;
	box-shadow: 5px 5px 10px -2px rgba(33, 33, 33, 0.3);
	transform: rotate(2deg);
	transform: skew(-1deg, 1deg);
	transition: transform 0.15s;
	z-index: 1;
	/*   border-radius: 36px 5px 5px 5px; */
	border-radius: 36px 5px 5px 5px !important;
	overflow: hidden;
}

#board .note:hover {
	cursor: move;
}

#board .note.ui-draggable-dragging:nth-child(n) {
	box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3);
	transform: scale(1.125) !important;
	z-index: 100;
	cursor: move;
	transition: transform 0.15s;
	display: none;
}

#board .note textarea {
	background-color: transparent;
	border: none;
	resize: vertical;
	font-family: monospace;
	width: 100%;
	padding: 5px;
}

#board .note textarea:focus {
	outline: none;
	border: none;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2) inset;
}

#board .note textarea.title {
	font-size: 24px;
	line-height: 1.2;
	color: #000000;
	height: 64px;
	margin-top: 20px;
}

#board .note textarea.cnt {
	min-height: 200px;
}

#board .note:nth-child(2n) {
	/*   background: #FAAACA; */
	background-color: #FFFD75;
}

#board .note:nth-child(3n) {
	background: #69F098;
	/*    background: #FAAACA; */
}

#board .note:nth-child(4n) {
	/*    background: #69F098;  */
	background: #FAAACA;
}

/* Button style  */
#board .button {
	font: bold 16px Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	background: linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.3));
	background-color: #00CC00;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3), inset 0 -1px 2px -1px
		rgba(0, 0, 0, 0.5), inset 0 1px 2px 1px rgba(255, 255, 255, 0.3);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0
		rgba(255, 255, 255, 0.3);
	text-decoration: none;
	transition: transform 0.15s, background 0.01s;
}

#board .button:hover {
	background-color: #00EE00;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3), inset 0 -1px 2px -1px
		rgba(0, 0, 0, 0.5), inset 0 1px 2px 1px rgba(255, 255, 255, 0.3);
}

#board .button:active {
	background: linear-gradient(bottom, rgba(0, 0, 0, 0.15),
		rgba(0, 0, 0, 0.3));
	background-color: #00CC00;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 -1px 0
		rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 -1px 2px
		rgba(255, 255, 255, 0.3);
	outline: none;
}

#board .button.remove {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #E01C12;
	text-align: center;
	line-height: 16px;
	padding: 10px;
	border-color: #B30000;
	font-style: 1.6em;
	font-weight: bolder;
	font-family: Helvetica, Arial, sans-serif;
}

#board .button.remove:hover {
	background-color: #EF0005;
	color: transparent;
}

#add_new {
	/*   position: fixed;
    right: 0px;
    width: 35px;
    height: 35px;
    border-radius: 12%;
    border: none;
    background-color: #4d5167 !important; */
	color: #fff;
	/*  -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    top: 56%;
    transform: ?????????translateY(-50%);
    z-index: 100000; */
}

#add_new:hover {
	transform: translateX(0);
	border-radius: 3px 0 0 3px;
	box-shadow: 0 0 35px 2px rgb(0 0 0/ 24%);
	opacity: 1;
}
/* #add_new{
    box-sizing: border-box !important;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    opacity: 0.96;
    width: 35px;
    transform: translateX(2px);
    transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
} */
.feeeback_container .feedback__label {
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
}

@-webkit-keyframes pulse { 0% {
	/*     -webkit-box-shadow: 0 0 0 0 rgba(96,57,224, 0.4); */
	-webkit-box-shadow: 0 0 0 0 rgba(34, 46, 60, 0.4);
}

70%
{
-webkit-box-shadow


:


0


0


0


5px


rgba
(


96
,
57
,
224
,
0


)
;


-webkit-box-shadow


:


0


0


0


5px


rgba
(


34
,
46
,
60
,
0


)
;


}
100%
{
-webkit-box-shadow


:


0


0


0


0


rgba
(


96
,
57
,
224
,
0


)
;


-webkit-box-shadow


:


0


0


0


0


rgba
(


34
,
46
,
60
,
0


)
;


}
}
@keyframes pulse { 0% {
	/*  -moz-box-shadow: 0 0 0 0 rgba(96,57,224, 0.4);
    box-shadow: 0 0 0 0 rgba(96,57,224, 0.4); */
	-moz-box-shadow: 0 0 0 0 rgba(34, 46, 60, 0.4);
	box-shadow: 0 0 0 0 rgba(34, 46, 60, 0.4);
}

70%
{ /*  -moz-box-shadow: 0 0 0 10px rgba(96,57,224, 0);
      box-shadow: 0 0 0 10px rgba(96,57,224, 0); */
-moz-box-shadow


:


0


0


0


5px


rgba
(


34
,
46
,
60
,
0


)
;


box-shadow


:


0


0


0


5px


rgba
(


34
,
46
,
60
,
0


)
;


}
100%
{ /* -moz-box-shadow: 0 0 0 0 rgba(96,57,224, 0);
      box-shadow: 0 0 0 0 rgba(96,57,224, 0); */
-moz-box-shadow


:


0


0


0


0


rgba
(


34
,
46
,
60
,
0


)
;


box-shadow


:


0


0


0


0


rgba
(


34
,
46
,
60
,
0


)
;


}
}
#add_new .lni-pencil-alt {
	font-weight: bold;
	/* position: absolute;
    top: 8px; */
	left: 10px;
	/* font-size: 16px; */
}

#board .note.rounded:before {
	border-width: 15px;
	border-color: #fff #fff transparent transparent;
	border-radius: 0 0 5px 0px;
	transition: border .4s ease-in;
}

#board .note:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fff0 #fff0 #ffffffe6 #ffffffe6;
	background: #fff;
	box-shadow: 0px 0px 15px 4px #0c0f4180;
	display: block;
	width: 0;
}

#board .note:nth-child(1) {
	display: none !important;
	background: #69F098;
}

@media ( max-width :991px) {
	#board {
		padding: 210px 20px 30px;
	}
}

@media ( max-width :767px) {
	#board .note {
		padding: 1em;
		width: 250px;
		min-height: 280px;
		margin: 0 10px 10px 0;
	}
	#board .note textarea.cnt {
		max-height: 120px;
	}
	#board .button.remove {
		top: 5px;
		right: 5px;
		width: 25px;
		height: 25px;
		line-height: 16px;
		padding: 6px;
	}
	#board .note textarea.title {
		font-size: 22px;
		margin-top: 15px;
	}
	#board .note textarea.cnt {
		min-height: 150px;
		height: 150px !important;
	}
}

@media ( max-width :576px) {
	#board .note {
		margin: 0px 25px 10px 0;
		left: 5%
	}
}

.close_board {
	display: none;
	position: fixed;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	background-color: #E01C12;
	text-align: center;
	line-height: 16px;
	padding: 8px;
	border-color: #B30000;
	font-style: 1.6em;
	font-weight: bolder;
	font-family: Helvetica, Arial, sans-serif;
	border-radius: 0 !important;
	z-index: 1000;
	color: white;
}

.close_board:hover {
	transform: scale(1.05);
	color: white;
}

.close_board {
	display: none;
	position: fixed;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	background-color: #E01C12;
	text-align: center;
	line-height: 16px;
	padding: 8px;
	border-color: #B30000;
	font-style: 1.6em;
	font-weight: bolder;
	font-family: Helvetica, Arial, sans-serif;
	border-radius: 0 !important;
	z-index: 1000;
	color: white;
}

.close_board:hover {
	transform: scale(1.05);
	color: white;
}

/* ==========================================================================
   sticky notes end
   ========================================================================== */

/* =====placement */
.input-style-form-check label, .input-style-form-check_block label {
	font-size: 14px;
	font-weight: 500;
	color: #262d3f;
	display: block;
	margin-bottom: 10px;
	padding-top: 4px;
	vertical-align: middle;
}

/* start institute councelling */
.table .buttons-group {
	justify-content: center;
}

.with_icon {
	display: flex;
}

.with_icon  a.btn-sm {
	padding: 6px 10px;
	margin: 5px 0px 5px 5px;
}

/* End institute councelling */

/* input with icon button start */
.with_icon {
	display: flex;
}

.with_icon  a.btn-sm {
	padding: 6px 10px;
	margin: 5px 0px 5px 5px;
}

/* input with icon button end */
.data-view {
	background: #e5e5e5;
	padding: 10px 10px;
	margin: 5px 0px;
	border-radius: 4px;
	word-break: break-word;
}

/* ======= icon-card ======== */
.custom_getView1 {
	margin-left: 40px;
	width: 100px;
	/*   height:100; */
}

ul.custom-dbsimple-list {
	padding-left: 2rem;
	list-style-type: disc;
}

.custom-table-scroll {
	display: block;
	overflow: scroll;
}

/* Research style start */
.research-theme .header-g {
	background: radial-gradient(circle, rgba(76, 92, 44, 1) 0%,
		rgba(56, 71, 27, 1) 100%)
}

.research-theme .header-g .db-title .db-headtitle {
	color: #fff;
}

/* Research style end */

/* custom instruction swiper css start */
.custom-swiper-block.swiper-container {
	position: relative;
	color: #fff;
}

.custom-swiper-block.swiper-container>.swiper-slide__content {
	position: absolute;
	top: 0;
}

.custom-swiper-block .swiper-slide {
	display: flex;
	background: #fff;
	border: 1px solid #d1d1d1;
	align-items: center;
	justify-content: center;
	transition: all 200ms linear;
	transform: scale(0.8);
	padding: 4px;
	border-radius: 4px;
}

.custom-swiper-block .custom-slide-active {
	transform: scale(1);
	border: 1px solid #219653;
	color: #219653 !important;
	background: #ceebda;
}

.custom-swiper-block .custom-slide-active .custom-step,
	.custom-swiper-block .custom-slide-active .custom-step-bi {
	color: #219653 !important;
}

.custom-step {
	color: #d1d1d1;
	line-height: inherit;
	text-align: center;
	text-transform: uppercase;
	display: flex;
}

.custom-step .custom-step-text {
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
}

.custom-step .custom-step-count {
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
}

.custom-step-b {
	margin-left: 8px;
}

.custom-step-bi {
	line-height: normal;
	color: #d1d1d1;
}

.custom-swiper-block .swiper-slide.swiper-slide-active .custom-link:hover .custom-step-bi
	{
	color: #56acff;
}

.custom-swiper-content {
	display: flex;
	align-items: center;
}

.custom-swiper-block .custom-slide-active:before, .custom-swiper-block .custom-slide-active:after
	{
	position: absolute;
	content: "";
	height: 2px;
	width: 8%;
	background: #d1d1d1;
	top: 50%;
	transform: translateY(-50%);
}

.custom-swiper-block .custom-slide-active:before {
	left: 100%;
}

.custom-swiper-block .custom-slide-active:after {
	right: 100%;
}

.custom-swiper-block .custom-slide-active:after, .custom-swiper-block .custom-slide-active:before
	{
	background: #1d915a;
}

.custom-swiper-block .swiper-button-next, .custom-swiper-block .swiper-button-prev
	{
	color: #7e7d7d;
	padding: 4px;
	border-radius: 4px;
}

.custom-swiper-block .swiper-button-next:after, .custom-swiper-block .swiper-button-prev:after
	{
	font-size: 14px;
	font-weight: bold;
}

.custom-swiper-block .swiper-button-next {
	right: -6px;
	left: auto;
}

.custom-swiper-block .swiper-button-prev {
	left: -6px;
	right: auto;
}

.custom-swiper-block:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background: #d1d1d1;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.custom-card-xsm {
	padding: 10px !important;
}

.custom-title-block .custom-title {
	text-align: center;
	margin: 0px;
	padding-bottom: 10px;
}

/* custom instruction swiper css end */

/* custom page design css start */

/* custom page design css start */
.custom-report-page .custom-top-data-value {
	display: block;
}

.custom-report-page .custom-top-data-value li {
	display: inline-block;
}

.custom-report-page .custom-data-value label {
	margin-bottom: 0;
	margin-right: 4px;
	font-weight: 500;
	min-width: 0;
	display: block;
}

.custom-report-page .value-bind {
	min-width: 0;
	line-height: 20px;
}

.custom-report-page .custom-data-value {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 100%;
	font-size: 14px;
	line-height: normal;
	text-transform: capitalize;
}

.custom-report-page .custom-data-value .case-report {
	font-size: 22px;
	font-weight: 500;
	margin-right: 10px;
}

.custom-report-page .custom-data-value .custom-title-tag {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.custom-report-page .custom-data-value .custom-title-abstract,
	.custom-report-page .custom-data-value .custom-title-auther,
	.custom-report-page .custom-data-value .custom-title-research {
	font-size: 18px;
	font-weight: 400;
	color: #000000;
}

.custom-report-page .items-list li a {
	color: #5b616b;
	line-height: 1.3rem;
	padding: 20px 10px;
	display: block;
	box-sizing: border-box;
	transition: color 0.3s;
	outline-offset: 0;
}

.custom-report-page .items-list li a:hover {
	color: #212121;
}

.custom-report-page .items-list li:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.custom-report-page .items-list li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.custom-report-page .items-list li.current a::before {
	content: "\3c";
	margin-right: 5px;
	opacity: 1;
}

.custom-report-page .items-list li.current a {
	color: #212121;
}

.custom-report-page .items-list .title {
	margin-bottom: 0;
}

.custom-report-page .custom-title-tag .custom-title-research::before,
	.custom-report-page .custom-title-tag .custom-title-auther::before,
	.custom-report-page .custom-title-tag .custom-title-abstract::before {
	margin-right: 10px;
	background-size: cover;
	background-position: center;
	font-family: "bootstrap-icons" !important;
	content: "\F3DD";
	color: #0071bc;
	font-size: 14px;
}

.custom-report-page .field-box.title, .custom-report-page .field-box.author
	{
	margin-bottom: 10px;
}

.custom-report-page .field-box.abstract, .custom-report-page .field-box.research
	{
	margin-bottom: 10px;
}

.custom-report-page .custom-data-value-title {
	background: #e5f5ff;
	padding: 10px;
	border: 1px solid #c4e8ff;
	border-radius: 5px;
}

.custom-report-page .custom-data-value-title .custom-title-tag {
	margin-bottom: 0;
}

.custom-report-page .custom-data-value label
.custom-report-page .field-box {
	padding: 10px;
}

.custom-report-page .value-bind.custom-value-url {
	border-bottom: 1px solid #5d657b;
}

.custom-report-page .custom-inner-data-value {
	padding-left: 25px;
}

.custom-report-page .field-box.title {
	padding: 20px;
	margin-bottom: 25px;
	border: 1px solid #c4e8ff;
	border-radius: 5px;
}

.custom-report-page .full-view h5.title {
	background: #e5f5ff;
	border: 1px solid #c4e8ff;
	padding: 12px;
	border-radius: 5px;
}

.custom-report-page .full-view .items-list {
	background: #e5f5ff;
}

.custom-report-page .items-list li.current, .custom-report-page .items-list li:hover
	{
	background: #c4e8ff;
}

/* E Ayshadhi style start */
.eaushadhi-theme .header-g {
/* 	background: radial-gradient(circle, rgba(236, 236, 236, 1) 0%, */
/* 		rgba(250, 151, 0, 1) 23%, #116600 100%); */
background: #022e6b;
}

.eaushadhi-theme .header-g .db-title .db-headtitle {
	color: #ffffff;
}

.eaushadhi-theme .sidebar-nav-wrapper, .eaushadhi-theme .dropdown-menu {
	background: #2a2930;
}

.eaushadhi-theme .main-wrapper .footer {
	background: #393939;
}

.eaushadhi-theme .card-style {
	background: #f9fff7;
}

.eaushadhi-theme .custom-datatable-p table.dataTable thead th,
	.eaushadhi-theme table.dataTable thead td {
	border-bottom: 1px solid #33442d;
	/* background-color: #33442d; */
	background-color: #515674;
	vertical-align: middle;
}

.eaushadhi-theme .custom-datatable-p .dataTables_wrapper .dataTables_paginate .paginate_button.current,
	.eaushadhi-theme .custom-datatable-p .dataTables_scrollHead {
	background: #33442d !important;
}

.eaushadhi-theme .custom-table thead th, .eaushadhi-theme .simple-table thead th
	{
	/* background-color: #33442d; */
	background-color: #515674;
}

.eaushadhi-theme .custom-title-bg {
	background-color: #cadfc2;
}

.eaushadhi-theme .custom-nav-pills .nav-pills .nav-link.active,
	.custom-nav-pills .nav-pills .show>.nav-link {
	color: #fff;
	/* background-color: #3c744a; */
	background-color: #7A9D54;
}

.eaushadhi-theme .custom-nav-pills .nav-pills {
	padding: 4px;
	background: rgb(17 102 0/ 10%);
	justify-content: center;
}

.eaushadhi-theme .custom-nav-pills .nav-link {
	color: #3c744a;
}

.eaushadhi-theme .custom-nav-pills .nav-pills {
	padding: 4px;
	border-radius: 4px;
	width: 100%;
}

.eaushadhi-theme .custom-nav-pills .nav-item {
	margin: 2px;
}

.eaushadhi-theme .accordion-itemstylena {
	background: rgb(17 102 0/ 10%);
	color: #3c744a;
	font-weight: 600;
}

.eaushadhi-theme .accordion-item {
	border: 1px solid rgb(17 102 0/ 20%);
}

/* .eaushadhi-theme .accordion-primary-button:not(.collapsed) {
    background-color: #3c744a;
    color:#fff;
} */
.eaushadhi-theme .accordion-primary-button:not(.collapsed) {
	background-color: #7A9D54;
	color: #fff;
}

.eaushadhi-theme .accordion-button:focus {
	box-shadow: 0 0 0 0.25rem rgb(17 102 0/ 10%);
}

/* 5-12-2023 css start */
.eaushadhi-theme .inner-form-body {
	/* background: rgb(17 102 0 / 10%); */
	background: #fffae6;
	padding: 34px 10px 10px 10px;
	border-radius: 4px;
	border: 1px solid #fec659;
	margin-top: -31px;
	margin-bottom: 20px;
}

.eaushadhi-theme .custom-datatable-p table.dataTable thead th:not(:last-child)
	{
	border-right: 1px solid white;
}

.eaushadhi-theme .deactive-btn {
	/* background: #FFA700; */
	background: #CC7722;
	border: 1px solid #fec659;
	color: white;
}

.eaushadhi-theme .deactive-btn::after {
	background: #aa5500;
}

.eaushadhi-theme .info-btn:after {
	background: #78a127;
}

.eaushadhi-theme .danger-btn:after {
	background: #BC0100;
}

.eaushadhi-theme .custom-accordion-title {
	margin-bottom: 5px;
	text-align: center;
}

.eaushadhi-theme .custom-buttons-group {
	padding-bottom: 10px;
}

.eaushadhi-theme .success-btn:hover {
	background: #1a7842;
}

/* 5-12-2023 css end */

/* E Ayshadhi style end */

/* .approvalview{ */
/* 	border: 1px solid #ccc; */
/* 	padding: 2px; */
/* 	background-color: #f9f9f9; */
/* 	border-radius: 5px; */
/* } */

/* .approvalviewinner{ */
/* 	padding: 5px; */
/* } */

/* .approvalviewinner1{ */
/* 	margin-right: 300px; */

/* } */
.approvalview {
	border: 1px solid #ccc;
	padding: 20px;
	background-color: #f9f9f9;
	border-radius: 5px;
}

.approvalviewinner {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.approvalviewinner1 {
	margin-right: 0; /* Remove the margin-right */
	width: 400px; /* Set a fixed width for the label column */
}

.approvalviewinner label {
	font-weight: bold;
}

.approvalviewinner span {
	font-size: 16px;
}

.approvalviewinner:last-child {
	border-bottom: none; /* Remove the border from the last row */
}

.menu_show aside.sidebar-nav-wrapper {
	width: 0;
}

.menu_show .main-wrapper {
	margin-left: 0;
}

.menu_show .icon-hide-show {
	display: black;
}

.menu_show .icon-show {
	display: none;
}

.menu-toggle-btn .icon-hide-show {
	display: none;
}

.cal-icon input.form-control {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: table-cell;
	background: transparent url(../img/calendar.png) no-repeat scroll 0 0;
	background-position: right;
	margin-bottom: 20px;
}

.timepicker_icon {
	position: relative;
}

.timepicker_icon:after {
	content: "\f017";
	font-family: 'FontAwesome';
	position: absolute;
	/*       top: 5px; */
	right: 3px;
	pointer-events: none;
	line-height: 50px;
}

/*20/12*/
button.submit-btn {
	border-radius: 8px;
}

button.cancel-btn {
	border-radius: 8px;
}

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

.select2:after {
	top: 40% !important;
}

/* 20/12 */

/*table*/
.table th {
	background-color: #515674;
	margin-bottom: 0px;
	font-size: 16px;
	color: #fff !important;
	font-weight: 500;
	vertical-align: middle;
}

.table th h6 {
	color: #fff !important;
}

.table>tbody>tr:nth-of-type(odd)>* { --bs-table-color-type: var(- -bs-table-striped-color); 
   --bs-table-bg-type: var(- -bs-table-striped-bg);
}

.table td, .table th {
	border: 1px solid #ddd;
	text-align: center !important;
	color: #262d3f;
}

.table thead>tr:first-child>th:first-child, .table tbody>tr:first-child>td:first-child
	{
	width: 85px !important;
	min-width: 85px !important;
	max-width: 85px !important;
	text-align: center !important;
}

.table td {
	font-size: 14px;
	line-height: normal;
	margin: 10px 0px;
}

.dt-length {
	display: flex;
	align-items: center;
}

.dt-search {
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
	align-items: center;
}

.dt-scroll-headInner {
	width: 100% !important;
}

table.dataTable {
	width: 100% !important;
}

/* developer css */
#btnfreshlicense {
	display: flex; /* Use flexbox layout */
	justify-content: flex-end; /* Aligns items to the right */
	list-style: none; /* Optional: removes bullet points */
	padding: 0; /* Optional: removes default padding */
	margin: 0; /* Optional: removes default margin */
}

/* developer css end */
.info-form-card .row {
	/* align-items: center; */
	margin-bottom: 15px;
}

.info-form-card .row-inner {
	margin-top: 15px;
}

.info-form-card .card-header {
	padding: 15px;
}

.info-form-card .card-header h2 {
	font-weight: 400;
	font-size: 22px;
}

.card.submission-for-application-card .card-header {
	padding: 15px 12px;
}

/* .inner-card{ */
/* 	margin-bottom: 30px; */
/* } */
.inner-card hr {
	margin: 10px 0px;
}

.inner-card-outer {
	border: 1px solid #d9d9d9;
	padding: 15px;
	background: #fdfdfd;
	margin-bottom: 15px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.inner-card .label-ans {
	color: #00c300;
}

.card.submission-for-application-card .card-header h5 {
	font-weight: 500;
	font-size: 18px;
}

.card.submission-for-application-card .card-footer {
	text-align: center;
}

.card.submission-for-application-card .btn-sm {
	padding: 6px 16px;
	font-weight: 400;
}

.row.label-row {
	/* margin-bottom: 7px; */
	/* margin-top: 7px; */
	align-items: center;
	margin-bottom: 15px;
}

.inner-card-title i {
	margin-right: 5px;
}

.card.submission-for-application-card label {
	margin-bottom: 0px;
}

.inner-card .inner-card-body {
	padding: 10px 5px;
}

.inner-card .label-que {
	font-weight: 600;
	margin: 0;
}

.checkbox-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.checkbox-list li {
	display: flex;
	align-items: center;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-bottom: 10px;
	background-color: #f9f9f9;
	transition: box-shadow 0.3s ease;
	cursor: pointer;
}

.checkbox-list li label {
	display: inline-block;
}

.checkbox-list li:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.checklist-number {
	flex: 0 0 30px;
	font-weight: bold;
	font-size: 16px;
	color: #555;
	text-align: center;
}

.checklist-checkbox {
	flex: 0 0 30px;
	text-align: center;
}

.checkbox-list label {
	cursor: pointer;
	flex: 1;
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	margin: 0;
}

.checkbox-list .mycheck1 {
	cursor: pointer;
}

.select-all-li {
	background: #ffd8a5 !important;
	display: inline-block !important;
	padding: 5px 10px !important;
	border: none !important;
}

@media ( max-width : 600px) {
	.checkbox-list li {
		/*     flex-direction: column; */
		align-items: flex-start;
	}
	.checklist-number, .checklist-checkbox {
		margin-bottom: 5px;
	}
}

.datatable-wrapper {
/* 	overflow: auto; */
	width: 100%;
	position: relative;
}

#showradio {
	margin-top: 50px; /* Adjust the top margin as needed */
}

.radio-box {
	background-color: #f0f8ff; /* Light blue background color */
	border: 2px solid #007bff; /* Blue border */
	border-radius: 10px; /* Rounded corners */
	padding: 20px; /* Padding inside the box */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
	width: 100%; /* Full width */
	max-width: 400px; /* Maximum width for each box */
	text-align: left; /* Align text to the left */
	margin: 10px; /* Space between boxes */
}

.form-check {
	margin-bottom: 15px; /* Space between radio buttons */
}

.form-check-input {
	width: 20px; /* Increase the size of the radio button */
	height: 20px; /* Increase the size of the radio button */
}

.form-check-label {
	font-size: 18px; /* Increase font size for labels */
	color: #333; /* Darker text color */
	margin-left: 10px; /* Space between radio button and label */
}

.labelh4 {
	     color: red;
    border-bottom: 3px solid red;
    width: fit-content;
}

.labelh4p {
	border-bottom: 3px solid black;
    width: fit-content;
}

.labelli {
	color: red; /* Set the text color to red */
}

.labellicenter {
	text-align: center;
	color: red; /* Set the text color to red */
}

.labellicenter1 {
	 text-decoration: underline; 
	text-align: center;
	
}

/* custom dashboard */

.board1.fill1 {
    background: #87d1d2;
}
.card.board1.fill2 {
    background: #feb798;
}
.card.board1.fill3 {
    background: #fe909d;
}
.card.board1.fill4 {
    background: #7bd48f;
}
.card.board1 {
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(137, 137, 137, 0.25);
    color: #fff;
    margin: 0;
    outline: 2px solid #fff;
    outline-offset: -3px;
}
.board1 .card-body {
    padding: 15px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid transparent;
}
.card_widget_img {
    background: #fff;
        color: #000;
    padding: 10px;
    border-radius: 10px;
    opacity: 0.4;
    position: absolute;
    right: 4px;
}
.card_widget_img i {
    font-size: 24px;
}
.card_widget_header label {
    font-weight: 700;
    color: #fff;
    text-shadow: 0px 0px 2px black;
}
.card_widget_header h4 {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    text-shadow: 0px 0px 2px black;
}
.board_main {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	 margin: 0 0 10px 0;
}
.board_main .board1 {
	width: calc((100% / 4) - 5px);
	margin: 2px 2px 5px 2px;
}
.board1:hover .card_widget_img {
	transform: scale(1.1);
	transition-duration: 2s;
}
.chartdiv {
	width: 100%;
  height: 400px;
}

@media (max-width: 1380px) {
	.board_main .board1 {
		width: calc((100% / 2) - 5px);
	}
}
@media (max-width: 576px) {
	.board_main .board1 {
		width: calc((100% / 1) - 5px);
	}
}





.modal-body {
overflow: hidden;
}

.tableproduct {
width: 100%;
table-layout: fixed;
}

.modaltbody {
overflow-y: auto;
max-height: 60vh; /* Adjust this as per your requirement */
}

.fitmodal{
	max-height: 70vh;
	overflow: hidden;
}

.disbtn{
	pointer-events: none;

	}


.licensedis{
	display: flex; 
	gap: 10px;
}

/* Highlight active submenu */
.dropdown-nav a.active {
  background-color: #0056b3 !important;
  color: #fff !important;
  font-weight: bold;
}

/* Keep parent menu expanded */
.nav-item-has-children.open > a {
  color: #007bff !important;
  font-weight: bold;
}


/* *********************************** Dashboard css starts ***********************************  */

.custom-rows {
	width: calc((100% / 4) - 20px);
}

.custom-rows1 {
	width: calc((100% / 3) - 20px);
}

.card1.ico-card {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
} 

.custom-blocks {
	padding: 5px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	gap: 10px;
}

.custom-blocks .card {
	cursor: pointer;
    margin-bottom: 10px !important;
}

.custom-rows .txt h4{
    font-size: 20px;
    color: white;
    font-weight: 700;
}
.custom-rows p{
    color: white;
    font-weight: 600;
}
  
  
  .custom-rows i {
    position: relative;
    right: -50%;
    top: 60%;
    font-size: 12rem;
    line-height: 0;
    opacity: 0.2;
    color: white;
    z-index: 0;
}  
    
    
.custom-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.custom-blocks .card {
border-radius: 10px !important;
	display: flex;
    flex-direction: row-reverse;
    border-radius: 15px;
    padding: 15px;
    color: white;
    text-align: left;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s, box-shadow 0.3s;
    position: relative;
    overflow: hidden;
    min-height: 120px;
    align-items: center;
    justify-content: space-between;
}

.custom-blocks .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

.custom-blocks .card img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s;
}

.custom-blocks .card img:hover {
    transform: scale(1.3);
}

.custom-blocks .txt h4 {
    font-size: 17px;
    margin: 10px 0;
    letter-spacing: 1px;
    font-weight: bold;
}

.custom-blocks p {
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0;
}

.custom-blocks .card1 {
    background: linear-gradient(135deg, #4caf50, #81c784);
}

.custom-blocks .card2 {
    background: linear-gradient(135deg, #ff9800, #ffc107);
}

.custom-blocks .card3 {
    background: linear-gradient(135deg, #2196f3, #64b5f6);
}

.custom-blocks .card4 {
    background: linear-gradient(135deg, #f44336, #e57373);
}

.custom-blocks .card5 {
    background: linear-gradient(135deg, #9c27b0, #ba68c8);
}

.custom-blocks .card6 {
    background: linear-gradient(135deg, #673ab7, #9575cd);
}

.custom-blocks .card7 {
    background: linear-gradient(135deg, #3f51b5, #7986cb);
}

.custom-blocks .card8 {
    background: linear-gradient(135deg, #009688, #4db6ac);
}

.custom-blocks .card9 {
    background: linear-gradient(135deg, #ff5722, #ff8a65);
}







.badge-data{
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
margin-top: 30px;
}


    
.badge-data .card {
            background: #ffffff;
            border-radius: 5px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            padding: 25px;
            width: 270px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            width: calc((100% / 4) - 10px);
        }
        .badge-data .title {
            margin: 0 0 20px;
            font-size: 20px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .badge-data .red { color: #e74c3c; }
        .badge-data .teal { color: #1abc9c; }
        .badge-data .blue { color: #3498db; }
        .badge-data .green { color: #2ecc71; }
        .badge-data .yellow { color: #f1c40f; }
        .badge-data .purple { color: #673ab7; }

       .badge-data  ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

       .badge-data ul li {
            display: flex;
            justify-content: space-between;
            padding: 10px 0;
            font-size: 14px;
            border-bottom: 1px solid #f1f1f1;
            transition: background-color 0.3s ease;
            align-items: center;
        }

       .badge-data ul li:hover {
            background-color: #f9f9f9;
        }

        .badge-data .badge {
            padding: 8px 12px;
            border-radius: 20px;
            color: #ffffff;
            font-size: 14px;
            font-weight: 600;
        }
        .badge-data .badge.purple { background-color: #9b59b6; }
        .badge-data .badge.blue { background-color: #3498db; }
       .badge-data .badge.green { background-color: #2ecc71; }
       .badge-data .badge.yellow { background-color: #f1c40f; }
        .badge-data .badge.red { background-color: #e74c3c; }

        .badge-data .badge.total {
            font-size: 16px;
            font-weight: 700;
            background-color: #2c3e50;
        }


        /* Container Styles */
        .announcement-container {
    width: 100%;
    /* max-width: 600px; */
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    /* border-left: 4px solid #0072ff; */
    /* border-top: 4px solid #0072ff; */
    width: calc((100% / 2) - 10px);
        }

        /* Header */
        .announcement-container .announcement-header {
            font-size: 22px;
            font-weight: bold;
            color: #333;
            display: flex;
            align-items: center;
            gap: 10px;
            padding-bottom: 15px;
            border-bottom: 2px solid #f0f0f0;
            margin-bottom: 10px;
        }

        .announcement-container .announcement-header::before {
            content: "?";
            font-size: 28px;
            color: #0072ff;
        }

        /* Marquee Effect */
        .announcement-container .marquee {
            height: 280px;
            overflow: hidden;
            position: relative;
        }

        .announcement-container .marquee ul {
            list-style: none;
            padding: 0;
            margin: 0;
            position: absolute;
            animation: scrollUp 8s linear infinite;
        }

        .announcement-container .marquee ul:hover {
            animation-play-state: paused;
        }

        .announcement-container .marquee ul li {
            padding: 14px 20px;
            border-bottom: 1px dashed #ddd;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 16px;
            color: #333;
            font-weight: 500;
        }

        /* Download Button */
        .announcement-container .download-btn {
            background-color: #0072ff;
            color: white;
            border: 1px solid #0072ff;
            padding: 6px 12px;
            font-size: 14px;
            
            border-radius: 6px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .announcement-container .download-btn:hover {
            background-color: white;
            color: #0072ff;
            border: 1px solid #0072ff;
        }

        /* Animation */
        @keyframes scrollUp {
            0% { top: 100%; }
            100% { top: -100%; }
        }
        
        @media(max-width: 1366px){
        .custom-rows {
    width: calc((100% / 3) - 20px);
}

.badge-data .card {
    width: calc((100% / 3) - 10px);
}

.announcement-container {
    width: calc((100% / 1) - 10px);
}


        }
        
                @media(max-width: 991px){
        .custom-rows {
    width: calc((100% / 2) - 20px);
}

.badge-data .card {
    width: calc((100% / 2) - 10px);
}

.dashboard-card-body, .dashboard-card{
	padding: 10px !important;
}

        }
        
                        @media(max-width: 576px){
        .custom-rows {
    width: calc((100% / 1) - 20px);
}

.badge-data .card {
    width: calc((100% / 1) - 10px);
}


.announcement-container {
    padding: 10px;
}

.dashboard-card-body, .dashboard-card{
	padding: 5px !important;
}


        }
        
        
	
/* *********************************** Dashboard css starts ***********************************  */
	
	
	
	
	
div.dt-container div.dt-layout-row.dt-layout-table div.dt-layout-cell {
    display: block;
    overflow: auto;
    max-height: 400px;
    padding: 0;
}
thead {
    position: sticky;
    top: -1px;
    z-index: 9;
}

.pointer_none {
	pointer-events: none;
}
.pointer_none .dt-column-order {
	display: none;
}
.custom_table table.dataTable th:nth-child(3), .custom_table table.dataTable td:nth-child(3) {
	background: #65b7d9;
	color: #fff;
}
.custom_table table.dataTable th:nth-child(4), .custom_table table.dataTable td:nth-child(4) {
	background: #6693d8;
	color: #fff;
}
.custom_table table.dataTable th:nth-child(5), .custom_table table.dataTable td:nth-child(5) {
	background: #676fd7;
	color: #fff;
}
.custom_table table.dataTable th:nth-child(6), .custom_table table.dataTable td:nth-child(6) {
	background: #8164d7;
	color: #fff;
}


 .center-text {
            text-align: center; /* Centers the text horizontally */
        }	

.disbtn1 {
	pointer-events: none;
	color: black !important;
	background: grey !important;
}	
	
	
	
	
.suggestions-dropdown {
border: 1px solid #ccc; /* Border for the dropdown */
max-height: 150px; /* Maximum height for the dropdown */
overflow-y: auto; /* Enable vertical scrolling */
position: absolute; /* Position it below the input field */
background-color: white; /* Background color */
z-index: 1000; /* Ensure it appears above other elements */
width: 100%; /* Match the width of the input field */
}

.suggestion-item {
padding: 8px; /* Padding for each suggestion item */
cursor: pointer; /* Change cursor to pointer on hover */
}

.suggestion-item:hover {
background-color: #f0f0f0; /* Highlight on hover */
}	
button {    
    border: none;
}
	
.inline-ul {
  
    padding: 5px; /* Remove padding */
    margin: 10px; /* Remove margin */
    display: flex; /* Use flexbox to align items in a row */
}

.inline-ul li {
    margin-right: 150px; /* Space between items */
}	


.box_inner {
	display: flex;
	flex-wrap: wrap;
}
.box_inner .inner_item {
	    width: calc((100% / 8) - 20px);
    margin: 10px;
    padding: 20px 0;
    border-radius: 10px;
    text-align: center;
    outline: 5px solid #ffffff;
    outline-offset: -4px;
    box-shadow: 0px 0px 4px #00000070;
}
.clr1 {
	background-color: #c95e9e1a !important;
}
.clricon1 {
    background-color: #c95e9e !important;
    color: #fff;
}
.clr2 {
    background-color: #7a70ba1a !important;
}
.clricon2 {
    background-color: #7a70ba !important;
    color: #fff;
}
.clr3 {
    background-color: #d777481a !important;
}
.clricon3 {
    background-color: #d77748 !important;
    color: #fff;
}
.clr4 {
    background-color: #48a3d71a !important;
}
.clricon4 {
    background-color: #48a3d7 !important;
    color: #fff;
}
.clr5 {
    background-color: #48c95726 !important;
}
.clricon5 {
    background-color: #3cb85f !important;
    color: #fff;
}
.upcoming-icon {
    height: 50px;
    width: 50px;
    margin: 0 auto 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.inner_item h6 {
    font-weight: 600;
    color: #604e4e;
}
.upcoming-icon i {
    font-size: 22px;
}
.inner_item span {
    background: #898ead;
    padding: 2px 4px;
    color: #fff;
    border-radius: 5px;
    margin: 5px 0 0 0;
    font-weight: 600;
}
.dash_tab {
	border-bottom: 0;
	    justify-content: center;
}
.dash_tab .nav-link {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 15px 20px;
    color: #4b3fbf;
    transition: all 0.3sease -in-out;
    height: 65px;
/*     width: 195px; */
    width: 265px;
    margin: 10px 10px;
    font-weight: bold;
    font-size: 20px;
}
.dash_tab .nav-link.active {
    background: #4b3fbf;
    color: #fff;
    border-color: #4b3fbf;
    box-shadow: 1px 1px 5px rgba(0, 123, 255, 0.3);
    transform: scale(1.1);
}
.dash_tab .nav-link.active h4 {
	color: #fff;	
}
.dash_main {
	width: auto;
    background: #fff8ef;
    border-radius: 5px 5px 0 0;
    padding: 5px 15px;
    justify-self: anchor-center; 
}
@media (max-width: 992px) {
	.box_inner .inner_item {
	    width: calc((100% / 8) - 6px);
	    margin: 3px;
	}
}
@media (max-width: 768px) {
	.box_inner .inner_item {
	    width: calc((100% / 4) - 6px);
	    margin: 3px;
	}
}
@media (max-width: 576px) {
	.box_inner .inner_item {
	    width: calc((100% / 2) - 6px);
	    margin: 3px;
	}
}	


.input-group {
    position: relative;
}

.input-group-append {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.toggleps{
	cursor: pointer;
}

.dismandate{
	
	display: none !important;
}

.signinI{
	margin-top: 24px;
}
	
.panIcon{
	
	background-color: blue;

}

.removenone{
	
	display: block;
	
}


/* .dt-length label::first-letter { */
/*     text-transform: uppercase;  */
/*      margin-left : 10px !important; */
/* } */

.dt-length label {
    text-transform: capitalize; /* Capitalizes the first letter of each word */
    margin-left: 10px !important; /* Adds left margin */
}

.margin-top {
    margin-top: 10px; /* Adjust the value as needed */
}


.checkboxMargin{
	margin:20px;
}

#termcheck {
	border : solid black 1px;
	border-radius : .10em !important;
	
}	




table.dataTable thead>tr>th span.dt-column-order:before,
table.dataTable thead>tr>th span.dt-column-order:after,
table.dataTable thead>tr>td span.dt-column-order:before,
table.dataTable thead>tr>td span.dt-column-order:after {
  left: 0 !important;
  line-height: 9px !important;
  font-size: .8em !important;
  opacity: 0.125 !important;
}

table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before {
  opacity: 0.6 !important;
}

table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
  opacity: 0.6 !important;
}


.color1 {
color:blue;
}


.bgcolor1{
background: blue !important; 
}

.color2 {
color:green;
}

.bgcolor2{
background: green !important; 
}

.color3 {
color:pink;
}

.bgcolor3{
background: pink !important; 
}

.color4 {
color:DeepSkyBlue;
}

.bgcolor4{
background: DeepSkyBlue !important; 
}


.color5 {
color:purple;
}

.bgcolor5{
background: purple !important; 
}

.color6 {
color:gray;
}

.bgcolor6{
background: gray !important; 
}

.customSquare.main-btn {
      padding: 2px 14px !important;
}

.pagination {
	text-align: right;
	display: block;
}

.pagination.center {
	text-align: center !important;
}

.pagination.right {
	text-align: right !important;
}

.pagination.left {
	text-align: left !important;
}

.pagination .pagination-list {
	display: inline-block;
	overflow: hidden;
}

.pagination .pagination-list li {
	margin-right: 5px;
	display: inline-block;
	margin-top: 10px;
}

.pagination .pagination-list li:last-child {
	margin-right: 0px;
}

.pagination .pagination-list li a {
	background: #fff;
	color: #081828;
	font-weight: 400;
	font-size: 14px;
	border-radius: 0;
	padding: 8px 20px;
	text-align: center;
	border-radius: 0;
	border: 1px solid #eee;
}

.pagination .pagination-list li.active a, .pagination .pagination-list li:hover a
	{
	background: #120c5f;
	color: #fff;
	border-color: transparent;
}

.pagination .pagination-list li a i {
	font-size: 13px;
}



.pagination {
/*   display: flex ; */
  padding-left: 0 ;
  list-style: none ;
  border-radius: 10px ;
}

.page-link {
  position: relative ;
  display: block ;
  padding: .5rem .75rem ;
  margin-left: -1px ;
  line-height: 1.25 ;
  color: #103f7d ;
  background-color: #fff;
  border: 1px solid #ccced2 ;
}

.page-link:hover {
  z-index: 2 ;
  color: #222351 ;
  text-decoration: none ;
  background-color: #e9ecef ;
  border-color: #ccced2 ;
}

.page-link:focus {
  z-index: 3 ;
  outline: 0 ;
  box-shadow: 0 0 0 .2rem rgba(57, 59, 135, .25) ;
}

.page-item:first-child .page-link {
  margin-left: 0 ;
  border-top-left-radius: 10px ;
  border-bottom-left-radius: 10px;
}

.page-item:last-child .page-link {
  border-top-right-radius: 10px ;
  border-bottom-right-radius: 10px ;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #103f7d;
  border-color: #103f7d
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #ccced2
}

.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}

.pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: .625rem;
  line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}


.pagination-wrapper li a {
  border-radius: 5px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s
    
}
.pagination-wrapper li a.active {
  background-color: #123769;
  color: #fff
}
.pagination-wrapper li a:hover:not(.active) {
  background-color: #ddd;
} 

.pagination-wrapper {
  margin: 0;
  padding: 0;
  text-align: center
}
.pagination-wrapper li {
  display: inline
}
.pagination-wrapper li a {
  display: inline-block;
  text-decoration: none;
  padding: 5px 10px;
  color: #222222;
}

.pointer1 {
	pointer-events: none;
}

.custom-btn-group {
    display: flex;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.icon-btn {
    border: none;
    background-color: transparent;
    cursor: pointer;
    font-size: 18px;
    color: #333;
    transition: color 0.3s ease;
}

.btnappr {
    color: green;
}

.btnreje {
    color: red;
}

.btnappr:hover,
.btnreje:hover {
    color: #007bff;
}