/*===========================
		COMMON css
===========================*/
/* simple table style import */
@import url("db_simple_table.css");
@import  url("../vendor/common_custom_style.css");
@import  url("../vendor/Loader/loader.css");

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

@font-face {
    font-family: 'Inter';
    src: url('../font/inter-fonts/Inter-SemiBold.woff2') format('woff2'),
        url('../font/inter-fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/inter-fonts/Inter-Thin.woff2') format('woff2'),
        url('../font/inter-fonts/Inter-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Inter';
    src: url('../font/inter-fonts/Inter-ExtraLight.woff2') format('woff2'),
        url('../font/inter-fonts/Inter-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Inter';
    src: url('../font/inter-fonts/Inter-Black.woff2') format('woff2'),
        url('../font/inter-fonts/Inter-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

/*  intar fonts end*/

html {
	scroll-behavior: smooth;
}

body {
	font-family: "Inter", 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: rgba(255, 255, 255, 0.4);
  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: 22px 0;
	background: #fff;	
}

.header .header-left .menu-toggle-btn .main-btn {
	padding: 0px 6px;
	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 .font-size-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: 2px 10px;
	display: flex;
	color: rgba(0, 0, 0, 0.7);
	border-radius: 6px;
	cursor: pointer;
}

.db_theme_default .header .header-right .dropdown-menu li a:hover {
    color: rgb(34 62 255);
    font-weight: 500;
}
.db_theme_default .header .header-right .dropdown-menu li a {
	color: #454545;
}
.db_theme_default .header .header-right .dropdown-menu li a:hover {
    color: #281fff;
    font-weight: 500;    
}

.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,
.header .header-right .font-size-box
	{
	position: relative;
}

.header .header-right .notification-box .dropdown-menu.dropdown-menu-end,
.header .header-right .font-size-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%;
}

.header-search{
	display: none !important;
}

.custom-roll-box {
	max-width: 140px;
    height: 56px;
}

.custom-roll-box .roll-image{
      border-radius: 4px;
    border: 1px solid #f9f9f9;
    padding: 2px;
    background: rgb(255, 255, 255, 0.8);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-roll-box .roll-image img{
    width: auto;
    max-height: 50px;
}

/* ========== 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: 20px 0px 0 0;
	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 .navbar-footer {
    border-top: 1px solid #6b6b6b;
}

.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{
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 120px - 34px);
    padding-top: 12px;
}


.sidebar-nav-wrapper .sidebar-nav .divider {
	padding: 1px 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: "\ea5e";
	font: normal normal normal 1em/1 "LineIcons";
	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: #191c21;
    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,
.footer-box {
/* 	box-shadow: 0px 10px 20px rgba(200, 208, 216, 0.3); */
	padding: 8px 15px;
    text-align: center;
/* 	max-width: 210px; */
	margin: 0 auto;
/* 	margin-top: 12px; */
	border-radius: 4px;
}

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

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

.promo-box .main-btn,
.footer-box .main-btn {
	padding: 6px 8px;
	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.8);
    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 25px 20px 25px;
    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%;
}
.navbar-logo .theme-logo{
	display: none;
}
.db_theme_default .navbar-logo .theme-logo {
	max-width: 100%;
	margin-bottom: 5px;
	display: inline-block;
	padding: 6px;  
    background: rgb(255 255 255 / 0.8);
    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;
	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: #f5f5f5;
	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;
}
.title-wrapper.pt-30{
	padding-top: 20px;
}

.dashboard-page .title, .dashboard-page .breadcrumb-wrapper {
	margin-bottom: 10px;
}

.dashboard-page .breadcrumb{
margin-bottom: 0;
}

.dashboard-page .title{
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* 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 #dedede;
}

.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,
.cbox-video .video-js {
	width: 100%;
	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;
}

.custom-s-block {
	    background: #dcecff;
    padding: 20px 10px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.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: #f0f7ff;
	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%);
}

.custom-modal {
	z-index:2000;
}



/* 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: #60925C;
    -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 .font-size-box button.dropdown-toggle,
 .header-g .header-right .header-message-box button.dropdown-toggle {
    border: 1px solid #f0f0f0;
    background: #fff;
    
}

.header .header-right .font-size-box .dropdown-menu {
	width:auto;
	min-width: 44px !important;
	padding: 0px;
	font-size: 14px;
}

.header-right .font-size-box button.dropdown-toggle,
.header-g .header-right .notification-box button.dropdown-toggle{
	transition: all 0.4s ease-in-out;
}

.header-right .font-size-box button.dropdown-toggle:hover,
.header-g .header-right .notification-box button.dropdown-toggle:hover{
	background: #222e3c;
    color: #fff;
    border-color: #222e3c;
}

.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 rgba(255, 255, 255, 0.3);
	background: #f9f9f9;
}
.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 -- 27-7-23
===========================*/
/* .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 18px -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-data-block label{
	text-align:center;
	margin-bottom: 12px !important;
}

.custom-data-block ul{
	    display: flex;
    justify-content: center;
}



.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;
    line-height: normal;
}

.no-data {
	text-align: center;
    font-size: 16px !important;
    font-weight: 500;
}

.custom-data-value-form{
	    padding: 6px 15px;
    border-left: 2px solid #1b5fc2;
}

 
.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;
}
/* A 24-7-23 */
.custom-data-value .value-bind .custom-value-btn{
	padding: 2px;
}
.custom-data-value .value-bind .custom-value-btn i{
    background: #4a4a4a;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
}
.custom-data-value .value-bind .custom-value-btn:hover{
	color: #262d3f;
}
.custom-data-value .value-bind .custom-value-btn:hover i{
      color: #000;
     background: #ccc;
    transition: all 0.3s ease-out 0s;	
}
.custom-data-value .value-bind .custom-value-btn:hover::before i{
  transform: translate3d(-50%, -50%, 0) scale(1.3);
}


/*===========================
db default theme - dashboard start
===========================*/

.db_theme_default .sidebar-nav-wrapper,
/* .db_theme_default .header-g, */
.db_theme_default .dropdown-menu
{
	background: #1f2329;
}
/* .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: #56acff;
    font-weight: 500;
}
.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: #222e3c;
}


.table .ms-options-wrap > button:focus{
	border-color: #3c7ddd;
	box-shadow:none !important;
}

.db_theme_default .mainbtn {  
    margin: 0;
}

.db_theme_default .card-style {
    padding: 20px;
    background: #e7f2ff;
    border: 1px solid #cce2ff;
    /* box-shadow: 0 2px 2px 0 rgb(255 255 255 / 14%), 0 3px 1px -4px rgba(0,0,0,0.12), 0 1px 5px 0 rgb(0 0 0 / 20%); */
    box-shadow: rgba(0, 0, 0, 0.45) 0px 15px 20px -20px;
}

.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;
}

/* 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: #c7e0ff;
	border: 1px solid #6eafff;
	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 .swiper-slide.custom-slide-active .custom-step,
.custom-swiper-block .swiper-slide.custom-slide-active .custom-step-bi{
	color: #219653 !important;
}

.custom-swiper-block .swiper-slide.custom-slide-active:hover {
	    border: 1px solid #219653 !important;
    color: #219653 !important;
    background: #ceebda !important;
}
.custom-swiper-block .swiper-slide.custom-slide-active:hover .custom-step-t{
	color: #219653 !important;
}

.custom-swiper-block .swiper-slide:hover{
	border: 1px solid #0d6efd;
	background: #d2e4ff;	
	box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, .08);
    transform: scale(1);
}
.custom-swiper-block .swiper-slide:hover .custom-step-bi, .custom-swiper-block .swiper-slide:hover .custom-step-t{
	color: #0d6efd;
}
.custom-swiper-block .custom-slide-active:hover {
	margin-top: 0;
}

.custom-swiper-block .swiper-slide:hover .custom-step-bi{
	-webkit-animation: times 1s cubic-bezier(0.36, 0.07, 0.57, 0.99) infinite;
    animation: times 1s ease-out infinite;
}

@keyframes times{
0% {
    transform: scale(1.5) translateX(0);
}
15% {
    transform: scale(1.5) translateX(2px);
}
30% {
    transform: scale(1.5) translateX(-2px);
}
45% {
    transform: scale(1.5) translateX(1px);
}
60% {
    transform: scale(1.5) translateX(-1px);
}
75% {
    transform: scale(1.5) translateX(0);
}
100% {
    transform: scale(1.5) translateX(0);
}
}
.guide_block{
color: #262626;	
}
.custom-inst-swiper .custom-step {
	color: #262626;
   line-height: inherit;
    text-align: center;
    text-transform: uppercase;
    display: flex;
}

.custom-step .custom-step-text {
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
}



.custom-step .custom-step-count {
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
}


.custom-step-b {
	margin-left:8px;
}

.custom-step-bi {
		line-height: normal;
	color: #1F3BB3;
	-webkit-animation: times 1s cubic-bezier(0.36, 0.07, 0.57, 0.99) infinite;
    animation: times 1s ease-out infinite;
}

.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: #9f9f9f;
	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 group inputs start */

.custom-group-inputs {
	padding-top:20px !important;	
    margin-bottom: 12px !important;	
}
.custom-group-inputs  .select-style-1,
.custom-group-inputs  .input-style-2,
.custom-group-inputs  .input-style-1 {
	    margin-bottom: 8px;
}

.custom-group-inputs.custom-choose-one {
    border: 1px solid #5daaff;
    background-color: rgb(84 151 255 / 25%);
}

/* custom group inputs end */

.th-hnd {
	font-size:16px !important;
}
.u-case{
	text-transform: uppercase !important;
}


/*===========================
	ayush Certificate Style Start
===========================*/

.ayush-certi .card-style{
	background: #fff;
	overflow: auto;
}
.ayus-certi-wrapper{
	width: 962px;
}
.gold-certi .ayus-certi-wrapper{
	border: 15px solid transparent;
	border-image-source: url("../img/ayush_certi_img/gold_border.jpg");
	border-image-repeat: repeat;
	border-image-slice: 5;
}
.gold-certi .bg-img{
	background-image: url("../../assets/img/ayush_certi_img/certi_gold_header.jpg");
	background-size: cover;
	padding-bottom: 240px;
	background-position: bottom;
    background-repeat: no-repeat;
}
.platinum-certi .ayus-certi-wrapper{
	border: 15px solid transparent;
	border-image-source: url("../img/ayush_certi_img/platinum_border.jpg");
	border-image-repeat: repeat;
	border-image-slice: 2;
}
.platinum-certi .bg-img{
	background-image: url("../../assets/img/ayush_certi_img/certi_platinum_header.jpg");
	background-size: cover;
	padding-bottom: 240px;
	background-position: bottom;
    background-repeat: no-repeat;
}
.silver-certi .ayus-certi-wrapper{
	border: 15px solid transparent;
	border-image-source: url("../img/ayush_certi_img/silver_border.jpg");
	border-image-repeat: repeat;
	border-image-slice: 6;
}
.silver-certi .bg-img{
	background-image: url("../../assets/img/ayush_certi_img/certi_silver_header.jpg");
	background-size: cover;
	padding-bottom: 240px;
	background-position: bottom;
    background-repeat: no-repeat;
}
.bronze-certi .ayus-certi-wrapper{
	border: 15px solid transparent;
	border-image-source: url("../img/ayush_certi_img/bronze_border.jpg");
	border-image-repeat: repeat;
	border-image-slice: 5;
}
.bronze-certi .bg-img{
	background-image: url("../../assets/img/ayush_certi_img/certi_bronze_header.jpg");
	background-size: cover;
	padding-bottom: 240px;
	background-position: bottom;
    background-repeat: no-repeat;
}

.ayush-certi .ayush_certi_header{
	 margin-bottom: 40px;
}
.ayush_certi_logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    margin-top: 10px;
}
.certi_logo .certi_logo_img{
	max-width: 150px;
}
.ayush_certi_logos .certi_heading{
	text-align: center;
}

.ayush-certi .ayush-id-eid{
	display: flex;
	justify-content: space-between;
	text-align: center;
	
}
.ayush-certi .ayush_certi_body {
    padding: 0 25px;
    margin: 40px 0px;
}
.ayush-certi .ayush-fonts {
    font-weight: 700;
    font-style: italic;
    color: #222222;
    text-transform: capitalize;
    line-height: 20px;
    
}
.ayush-fonts.custom-border{
	border-bottom: 1px solid;
    border-bottom-style: dashed;
}
.ayush-certi .certi-title{
	text-align: center;
	margin: 40px 0;	
}
.certi-title .ayush-main-title{
	font-size: 60px;
    color: #222222;
    margin-bottom: 0;
    font-family: cursive;
    font-weight: bold;
    text-transform: capitalize;
}
.certi-title .ayush-sub-title{
	font-family: 'bootstrap-icons';
	font-size: 20px;
}
.certi-holder-details {
    padding: 0 100px;
    margin: 40px 0;
}
.certi-holder-info {
    line-height: 30px;
    font-weight: 600;
}
.certi-holder-details .certi-holder-details-top{
	text-align: center;
	border-bottom: 2px solid #343434;
}

.certi-line-value {
	border-bottom: 2px solid #343434;
	font-weight:500;
	display: initial;
}
.certi-holder-name {
    font-weight: 700;
    color: #000000;
    font-size: 35px;
    text-transform: capitalize;
    font-family: 'Tangerine', sans-serif;
    line-height: normal;
    letter-spacing: 3px;
    text-shadow: 0px 1px 1px #000;
}
.certi-holder-details-middle{
	padding: 20px 0;
}
.custom-fonts-spacing{
	min-width: 75%;
    text-align: center;
}
.custom-fonts-spacing-full{
	min-width: 100%;
    text-align: center;
}
.custom-fonts-spacing-half{
	min-width: 42%;
    text-align: center;
}
.custom-fonts-spacing-low{
	min-width: 24%;
    text-align: center;
}
.ayush-fonts{
	text-transform: capitalize;
}
.certi-date{
	text-align: center;
	margin-top: 50px;
}
.ayush_certi_footer{
	display: flex;
    justify-content: space-between;
    padding: 0 70px;
    margin: 40px 0;
    text-align: center;
    align-items: flex-end;
}
.ayush_certi_footer.wt-section{
    position: relative;
}

.ayush_certi_qr {
	    max-width: 110px;
    margin: 0 auto;
}

.ayush_certi_qr_text {
	text-align:center;
	font-weight:500;
	    color: #222222;
	    margin-top:8px;
}
.certi-sign{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.certi-sign-img {
    max-width: 120px;
        margin-bottom: 10px;
}
.custom-text {
    text-align: center;
    width: 100%;
}
.certi-type {
    background: #263222;
    margin-top: 40px;
}
.certi-range{
	display: flex;
    justify-content: space-between;
    padding: 10px;
}
.certi-range .certi-range-platinum p::after, .certi-range .certi-range-gold p::after, .certi-range .certi-range-silver p::after{
	content: "|";
	margin-left: 40px;
	color: #a8cdaf;
}
.certi-range .certi-range-platinum{
	color: #a8cdaf;
}
.certi-range .certi-range-gold{
	color: #e7c300;
}
.certi-range .certi-range-silver{
	color: #dddddd;
}
.certi-range .certi-range-bronze{
	color: #df6000;
}

.certi-sign-img.certi-sign-qrimg{
	max-width: 100px;
	min-height: 100px;
}

.certi-sign-middle {
    align-self: center;
    border: 1px solid;
    border-radius: 15px;
    padding: 20px;
	position: relative;
}
.ayush-certi .certi-sign-middle.non-border{
	border: none;
}

.custom-qrborder-top {
    width: 90px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: -10px;
}
.custom-qrborder-bottom {
    width: 90px;
    height: 20px;
    background: #fff;
    position: absolute;
    bottom: -10px;
}
.p-cc{
	color: #004832;
}
.custom-qrborder-left {
    width: 20px;
    height: 100px;
    background: #fff;
    position: absolute;
    left: -10px;
}
.custom-qrborder-right {
    width: 20px;
    height: 100px;
    background: #fff;
    position: absolute;
    right: -10px;
}
@font-face {
    font-family: Parisienne;
    src: url(../font/parisienne-fonts/Parisienne-Regular.ttf);
}
@font-face {
    font-family: Italianno;
    src: url(../font/italianno/Italianno-Regular.ttf);
}
@font-face {
    font-family: Tangerine;
    src: url(../font/tangerine/Tangerine-Bold.ttf);
}

.certi-com-title {
    text-align: center;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 0;
}
.certi-com {
    text-align: center;
    line-height: 12px;
}
.certi-com-subtitle {
    font-size: 10px;
    color: #726100;
}
.certi_logo .certi-clg-logo{
	max-width: 50%;
}
.ncism_title_logo{
	max-width: 60px;
}


/*===========================
	ayush Certificate Style end
===========================*/

/*===========================
	default ayush Certificate Style Start
===========================*/

.ayush-default-certi .ayush-sub-title-p{
	margin-top: 10px;
}
.ayush-default-certi .ayush-fonts{
	font-style: normal;
	text-transform: none;
}

.ayush-default-certi .certi-holder-info{
	text-align: center;
}
.ayush-default-certi .certi-duration-date{
	text-align: center;
	margin-top: 10px;
}
.ayush-default-certi .certi-score{
	text-align: center;
}
.ayush-default-certi .certi-sign-auth{
	    align-self: flex-start;
}
.ayush-default-certi p{
	color: #000000;
}
.ayush-default-certi .ayush-main-title{
	font-size: 40px;
	margin-top: 0;
	text-transform: none;
}
.ayush-default-certi .ayush-fonts.custom-font{
	font-weight: normal;
	margin-top: 10px;
	line-height: 24px;
}
.ayush-default-certi .custom-pgtraing{
	font-size: 22px;
	margin-top: 10px;
}

.ayush-default-certi .ayus-certi-wrapper{
	border: 2px solid;
	border-image: linear-gradient(45deg, #0067ff, #b7d4ff) 1;
    padding: 6px;
    width: 1224px;
}
.ayush-default-certi .certificate-content{
	border: 6px solid;
	border-image: linear-gradient(45deg, #0067ff, #b7d4ff) 1;
    padding: 6px;
}
.ayush-default-certi .certificate-inner{
	border: 2px solid;
	border-image: linear-gradient(45deg, #0067ff, #b7d4ff) 1;
	padding: 30px;
    background-repeat: repeat;
    background-size: cover;
}

.ayush-default-certi.nch .ayus-certi-wrapper{
	border: 2px solid;
	border-image: linear-gradient(45deg, #b30900, #ffa5a5) 1;
    padding: 6px;
}
.ayush-default-certi.nch .certificate-content{
	border: 6px solid;
	border-image: linear-gradient(45deg, #b30900, #ffa5a5) 1;
    padding: 6px;
}
.ayush-default-certi.nch .certificate-inner{
	border: 2px solid;
	border-image: linear-gradient(45deg, #b30900, #ffa5a5) 1;
	padding: 30px;
    background-repeat: repeat;
    background-size: cover;
}

.certi_logo a{
	max-width: 200px;
}
.ayush-default-certi .ayush_certi_logos{
	padding: 0;
    margin-top: 0;
}
.ayush-default-certi .certi_logo .certi_logo_img {
    max-width: 120px;
}
.ayush-default-certi .certi-title {
    margin: 0;
}
.ayush-default-certi .ayush_certi_footer{
	margin: 20px 0 0 0; 
}
.ayush-default-certi .certi-holder-info{
	line-height: normal;
}
.ayush-default-certi .certi-score .certi-scoremarks{
	font-weight: bold;
}
.ayush-default-certi .certi-holder-details {
    margin: 20px 0;
}
.ayush-default-certi .certi-date {
    margin-top: 20px;
}
.ayush-default-certi .certi-holder-details-middle{
	padding: 20px 0 0 0;
}
.ayush-default-certi .certi-com-title{
	margin-top: 0;
	font-size: 24px;
}
.ayush-default-certi .certi-com-titlesm {
    font-weight: 500;
    font-size: 14px;
}
.ayush-default-certi .certi-com-subtitlesm{
	font-size: 20px;
}
.ayush-default-certi .certi-com-subtitle{
	font-size: 16px;
	margin-top: 4px;
}

.ayush-default-certi .ayush_certi_header {
    margin-bottom: 30px;
}
.ayush-default-certi .ayush_certi_body {
    margin: 30px 0px;
}
.ayush-default-certi .certi-auth-dtl {
    font-weight: bold;
}
.ayush-default-certi .ayush_certi_footer{
	padding: 0;
}
.ayush-default-certi .certi-line-value{
	border-bottom: 0;
}

.modal.image-modal {
    background-color: rgb(0 0 0/ 50%);
    z-index: 2000;
}
/* .ayush_certi_footer.wt-section::before { */
/*     background-image: url(../../assets/img/ayush_certi_img/ncism_img/ncism-watermark.png); */
/*     background-size: 100% 100%; */
/*     position: absolute; */
/*     bottom: -40px; */
/*     margin: 0 auto; */
/*     content: ' '; */
/*     height: 220px; */
/*     width: 250px; */
/*     opacity: 0.5; */
/*     left: 52%; */
/*     transform: translateX(-50%); */
/* } */
/* .ayush-certi .certi-sign-middle.non-border { */
/*     border: none; */
/*     background-image: url(../../assets/img/ayush_certi_img/ncism_img/ncism-watermark.png); */
/*     background-size: 100% 100%; */
/*     height: 180px; */
/*     width: 190px; */
/*     opacity: 0.5; */
/* } */
.certi-sign-middle.non-border .certi-sign-img.certi-sign-qrimg {
    margin: auto 0;
    background: #fff;
    z-index: 2;
}
.ayush-certi .certi-sign-middle.non-border::before {
    border: none;
    background-image: url(../../assets/img/ayush_certi_img/ncism_img/ncism-watermark.png);
    background-size: 100% 100%;
    height: 200px;
    width: 240px;
    content: '';
    position: absolute;
    opacity: 0.2;
    filter: blur(4px);
    bottom: -65px;
    z-index: 1;
}
.ayush-certi .certi-sign-middle.non-border {
    border: none;
    padding: 0;
    background: #fff;
    z-index: 2;
}

/*===========================
	default ayush Certificate Style end
===========================*/

/*===========================
	 Certi-1 Style start
===========================*/

.ayus-certi-1 .certificate-inner {
    background-image: url(../../assets/img/ayush_certi_img/general-certi/certi-1.png);
    background-size: 100% 100%;
    padding: 120px 110px 60px 110px;
    border-image: linear-gradient(91deg, rgb(61 72 127), rgb(255, 227, 58)) 1;
}
.ayus-certi-1 .ayus-certi-wrapper{
	border: none;
    padding: 0;
}
.ayus-certi-1 .certificate-content{
	border: none;
    padding: 0;
}
.ayus-certi-1 .certi-holder-details{
	padding: 0 10px;
}
.ayus-certi-1 .certi-com-subtitle {
    color: #8c4916;
    font-size: 18px;
}
.ayus-certi-1 .ayush-main-title{
	color: #374d7f;
}
.ayus-certi-1 .ayush_certi_footer{
	margin-top: 2px;
	align-items: flex-end;
}
.ayus-certi-1 .ayush_certi_body{
	margin-bottom: 2px;
}
.ayus-certi-1 .certi-line-value.holder-name {
    font-family: 'Alex-Cursive';
    font-weight: 600;
    font-size: 26px;
    padding: 0 5px;
    text-transform: capitalize;
}
.ayus-certi-1 .certi-com-titlesm:nth-child(3),
.ayus-certi-1 .certi-com-titlesm:nth-child(5) {
    padding-top: 8px;
}

@font-face {
    font-family: 'Alex-Cursive';
    src: url('../font/alexbrush-regular-webfont.woff2') format('woff2'),
        url('../font/alexbrush-regular-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.ayus-certi-1 .ayush-fonts.custom-font {
    line-height: 28px;
}

.ayush-default-certi.ayus-certi-1.ncism .certificate-inner{
	border: none;
}
.ayus-certi-1.ncism .certificate-inner {
    padding: 70px 110px 70px 90px;
}
.ayus-certi-1.ncism .certi-com-subtitle {
    font-size: 15px;
}
.ayus-certi-1.ncism .ayush-main-title {
    color: #41737d;
}
.ayush-default-certi.ayus-certi-1 .ayush_certi_logos {
    padding-left: 70px;
}
.ayus-certi-1 .certi-sign.certi-sign-right {
    max-width: 300px;
}


/*===========================
	 Certi-1 Style end
===========================*/


/*===========================
	 Certi-2 Style start
===========================*/

.ayus-certi-2 .certificate-inner {
    background-image: url(../../assets/img/ayush_certi_img/general-certi/certi-2.png);
    background-size: 100% 100%;
    padding: 120px 120px 60px 80px;
    border-image: linear-gradient(91deg, rgb(23 50 72), rgb(255, 227, 58)) 1;
}
.ayus-certi-2 .ayus-certi-wrapper{
	border: none;
    padding: 0;
}
.ayus-certi-2 .certificate-content{
	border: none;
    padding: 0;
}
.ayus-certi-2 .certi-holder-details{
	padding: 0 10px;
}
.ayus-certi-2 .certi-com-subtitle {
    color: #8c4916;
    font-size: 18px;
    line-height: 18px;
}
.ayus-certi-2 .ayush-main-title{
	color: #b58224;
}
.ayus-certi-2 .ayush_certi_footer{
	margin-top: 2px;
}
.ayus-certi-2 .ayush_certi_body{
	margin-bottom: 2px;
}
.ayus-certi-2 .certi-line-value.holder-name {
    font-family: 'Alex-Cursive';
    font-size: 28px;
    padding: 0 5px;
    text-transform: capitalize;
    letter-spacing: 2.5px;
    color: #000000;
}
.ayus-certi-2 .certi-com-titlesm:nth-child(3),
.ayus-certi-2 .certi-com-titlesm:nth-child(5) {
    padding-top: 8px;
}

@font-face {
    font-family: 'Alex-Cursive';
    src: url('../font/alexbrush-regular-webfont.woff2') format('woff2'),
        url('../font/alexbrush-regular-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.ayus-certi-2 .ayush-fonts.custom-font {
    line-height: 28px;
}

.ayus-certi-2 .certi-sign.certi-sign-right {
    width: 25%;
}
.ayus-certi-2 .certi_logo.custom-certi-logo{
	padding-left: 50px;
}
.ayus-certi-2 .certi-sign-img {
    max-width: 120px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ayush-default-certi.ayus-certi-2 .certi-com-title.font-sm {
    font-size: 20px;
}
.ayush-default-certi.ayus-certi-2 .certi-com-subtitlesm.font-sm {
    font-size: 18px;
}
.ayush-default-certi.ayus-certi-2 .certi-com-subtitle.font-sm {
    font-size: 16px;
    line-height: 16px;
}
.ayush-default-certi.ayus-certi-2 .ayush-fonts.custom-font .certi-line-value{
	display: initial;
}

/*===========================
/* 	 Certi-2 Style end */
/*===========================*/


/*===========================
	 Certi-3 Style start
===========================*/

.ayus-certi-3 .certificate-inner {
    background-image: url(../../assets/img/ayush_certi_img/general-certi/certi-3.png);
    background-size: 100% 100%;
    padding: 120px 110px 60px 110px;
    border-image: linear-gradient(91deg, rgb(65 115 125), rgb(255, 227, 58)) 1;
}
.certi-com-title.main-title {
    font-size: 50px;
    font-family: cursive;
    font-weight: bold;
}
.ayus-certi-3 .ayus-certi-wrapper{
	border: none;
    padding: 0;
}
.ayus-certi-3 .certificate-content{
	border: none;
    padding: 0;
}

.ayus-certi-3 .certi-holder-details{
	padding: 0 10px;
}
.ayus-certi-3 .certi-com-subtitle {
    color: #8c4916;
    font-size: 18px;
}
.ayus-certi-3 .ayush-main-title{
	color: #41737d;
}
.ayus-certi-3 .ayush_certi_footer{
	margin-top: 2px;
}
.ayus-certi-3 .ayush_certi_body{
	margin-bottom: 2px;
}
.ayus-certi-3 .certi-line-value.holder-name {
    font-family: 'Alex-Cursive';
    font-weight: 600;
    font-size: 26px;
    padding: 0 5px;
    text-transform: capitalize;
}
.ayus-certi-3 .certi-com-titlesm:nth-child(3),
.ayus-certi-3 .certi-com-titlesm:nth-child(5) {
    padding-top: 8px;
}

@font-face {
    font-family: 'Alex-Cursive';
    src: url('../font/alexbrush-regular-webfont.woff2') format('woff2'),
        url('../font/alexbrush-regular-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.ayus-certi-3 .ayush-fonts.custom-font {
    line-height: 28px;
}
.ayus-certi-3 .certi-sign.certi-sign-right {
    max-width: 300px;
}
.ayush-default-certi.ayus-certi-3 .ayush_certi_logos {
    padding-left: 70px;
}

/*ayus-certi-3 with Nch*/

.ayus-certi-3.nch .certi_logo .certi_logo_img {
    max-width: 140px;
}
.ayus-certi-3.nch .certificate-inner {
    background-image: url(../../assets/img/ayush_certi_img/nch_img/certi-3-nch-bg.png);
    background-size: 100% 100%;
    padding: 80px 130px 60px 130px;
    border-image: linear-gradient(91deg, rgb(125 47 38), rgb(252 227 195)) 1;
}
.ayus-certi-3.nch .ayus-certi-wrapper {
    border: none;
    padding: 0;
}
.ayus-certi-3.nch .certificate-content {
    border: none;
    padding: 0;
}
.ayus-certi-3.nch .certi-line-value.holder-name {
    font-size: 30px;
    letter-spacing: 0.5px;
}
.ayus-certi-3.nch .certi-sign-img {
    max-width: 140px;
    margin-bottom: 10px;
}

.ayus-certi-3.nch .ayush_certi_footer {
    margin-top: -90px;
}
.ayus-certi-3.nch .ayush-fonts {
    font-size: 20px;
}
.ayus-certi-3.nch .ayush-main-title {
    color: #7d2f26;
    font-size: 34px;
}
.ayus-certi-3.nch .certi-sign {
    justify-content: flex-end;
}
.ayus-certi-3.nch .certi-com-subtitle {
    font-size: 16px;
}
.ayush-default-certi.nch .certi-com-titlesm {
    font-size: 16px;
}
.ayush-default-certi.nch .ayush_certi_body {
    margin: 20px 0px;
}
.ayush-default-certi.nch .ayush_certi_header {
    margin-bottom: 20px;
}
.ayush-default-certi.nch .certi-holder-details {
    margin: 30px 0;
}

/*ayus-certi-3 with Ncism*/

.ayus-certi-3.ncism .certificate-inner {
    padding: 80px 120px 60px 80px;
    border-image: linear-gradient(91deg, rgb(65 115 125), rgb(239, 210, 96)) 1;
}
.ayus-certi-3.ncism .certi-com-subtitle {
    font-size: 15px;
}
.ayush-default-certi.ncism .certi-com-titlesm {
    font-size: 16px;
}
.ayush-default-certi.ncism .certi-com-subtitlesm {
    font-size: 16px;
}
.ayush-default-certi.ncism .certi-com-title {
    font-size: 18px;
}


/*===========================
	 Certi-3 Style end
===========================*/

/*===========================
	 Certi-4 Style start
===========================*/

.ayus-certi-4 .certificate-inner {
    background-image: url(../../assets/img/ayush_certi_img/general-certi/certi-4.png);
    background-size: 100% 100%;
    padding: 85px 110px 60px 110px;
    border-image: linear-gradient(181deg, rgb(0 129 109), rgb(255, 227, 58)) 1;
}
.ayus-certi-4 .ayus-certi-wrapper{
	border: none;
    padding: 0;
}
.ayus-certi-4 .certificate-content{
	border: none;
    padding: 0;
}
.ayus-certi-4 .certi-holder-details{
	padding: 0 10px;
}
.ayus-certi-4 .certi-com-subtitle {
    color: #8c4916;
    font-size: 18px;
}
.ayus-certi-4 .ayush-main-title {
    color: #006f5c;
}
.ayus-certi-4 .ayush_certi_footer{
	margin-top: 2px;
	align-items: flex-end;
}
.ayus-certi-4 .ayush_certi_body{
	margin-bottom: 2px;
}
.ayus-certi-4 .certi-line-value.holder-name {
    font-family: 'Alex-Cursive';
    font-weight: 600;
    font-size: 26px;
    padding: 0 5px;
    text-transform: capitalize;
}
.ayus-certi-4 .certi-com-titlesm:nth-child(3),
.ayus-certi-4 .certi-com-titlesm:nth-child(5) {
    padding-top: 8px;
}

@font-face {
    font-family: 'Alex-Cursive';
    src: url('../font/alexbrush-regular-webfont.woff2') format('woff2'),
        url('../font/alexbrush-regular-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.ayus-certi-4 .ayush-fonts.custom-font {
    line-height: 28px;
}



.ayush_certi_logos.single-logo{
	justify-content: center;
	margin-bottom: 10px;
}
.ayush-default-certi .ayush_certi_logos.single-logo .certi_logo .certi_logo_img {
    max-width: 150px;
}
.ayus-certi-4.horizon-certi .certificate-inner {
    padding: 50px 130px 80px 130px;
}
.ayus-certi-4.horizon-certi .ayush_certi_footer {
    margin-top: 40px;
}
.ayus-certi-4.horizon-certi .certi-sign.certi-sign-left {
    margin-right: -50px;
}


/*===========================
	 Certi-4 Style end
===========================*/



/*===========================
	Custom Dashboard Style Start
===========================*/
.icon-card.h_clr {
    background: #7055a6;
}
.icon-card.u_clr {
    background: #f4770d;
}
.icon-card.s_clr {
    background: #2E8BC0;
}
.icon-card.sr_clr {
    background: #F36196;
}
.icon-card.a_clr {
    background: #3cb371;
}
.custom-dashboard .counter-title, .custom-dashboard .counter-count{
	color: #fff;
}

.custom-bottom-chart {
	background: #fff;
	border-radius: 0 0 10px 10px;
	padding: 5px;
}

.custom-card-body1 .icon-card {
	margin-bottom: 0;
	    border-radius: 10px 10px 0 0;
	    justify-content: center;
}
/*.custom-card-body1{*/
/*	margin-bottom: 25px;*/
/*}*/
.custom-card-body1 .icon{
	padding: 10px;
	min-width: 60px;
	display: none;
}
.custom-card-body1 .icon svg{
	 max-width: 50px;
}
.custom-card-body1 .counter-title{
	text-align: center;
	color: #fff;
}
.custom-card-body1 .counter-count{
	text-align: center;
	color: #fff;
}
.custom-fliter {
    display: flex;
    column-gap: 10px;
    background: #cfe2ff;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #b6d4fe;
    width: auto;
    margin: 0 0 10px auto;
    justify-content: right;
}
.custom-fliter .custom-text-input {
    font-size: 12px;
    text-transform: capitalize;
    line-height: normal;
    margin-bottom: 0;
}
.custom-dashboard-chart .counter-title{
	font-size: 16px;
	text-transform: uppercase;
}

/*Filter Css Start*/
.custom-fliter .select-sm{
	height: 30px !important;
	font-size: 14px !important;
	padding: 4px 30px 4px 16px !important;
}
.custom-fliter .select-sm option{
	font-size: 14px !important;
}
.custom-fliter .select2-container .select2-selection--single .select2-selection__rendered {
      height: 30px !important;
      font-size: 14px !important;
}
.custom-fliter .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 4px 30px 4px 16px !important;
    line-height: 22px !important;
}
.custom-fliter .select-style-1 .select-position select.select2, .custom-fliter .select-style-1 .select-position  .select2.select2-container.select2-container--default, .custom-fliter .select-style-1 .select-position .select2-container .select2-selection--single {
    height: 30px !important;
}
.custom-fliter .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, .custom-fliter .select2-results__option--selectable, .custom-fliter .select2-container--default .select2-results__option--selected{
	font-size: 14px !important;
}
.custom-fliter .select2-results__option{
	padding: 6px 6px 6px 16px !important;
	font-size: 14px !important;
}

/*Multi Filter Css Start*/

.custom-fliter  .col-list-inner {
    margin: 2px 0px;
}

.custom-multi-filter {
	display:flex;
}
.custom-multi-filter .custom-fliter {
	flex-wrap: wrap;
    justify-content: center;
}

/* #select2-state_filt-results, */
/* #select2-ay_id-results, */
/* #select2-degree_id-results { */
/* 	font-size:14px; */
/* } */

.custom-fliter .state-select .select2.select2-container.select2-container--default,
.custom-fliter .select-position.state-select {
	width:200px !important;
}

.custom-fliter .degree-select .select2.select2-container.select2-container--default,
.custom-fliter .select-position.degree-select {
	width:69px !important;
}

.custom-fliter .aca-year-select .select2.select2-container.select2-container--default,
.custom-fliter .select-position.aca-year-select {
	width:124px !important;
}
/*Multi Filter Css End*/

/*Filter Css End */


.custom-nch-badge {
    color: #a5433d;
    background: rgba(165, 67, 61, 0.1);
    border-color: #a5433d;
}
.custom-nch-badge:hover, .custom-nch-badge.active {
    color: #fff;
    background: rgba(165, 67, 61, 0.8);
}
.custom-ncism-badge {
    color: #219653;
    background: rgba(33, 150, 83, 0.1);
    border-color: #219653;
}
.custom-ncism-badge:hover, .custom-ncism-badge.active {
    color: #fff;
    background: rgba(33, 150, 83, 0.8);
}
.custom-moa-badge {
    color: #4a6cf7;
    background: rgba(74, 108, 247, 0.1);
    border-color: #4a6cf7;
}
.custom-moa-badge:hover, .custom-moa-badge.active {
    color: #fff;
    background: rgba(74, 108, 247, 0.8);
}
.custom-uniqueid.custom-chart-badge{
	column-gap: 20px;
}
.custom-chart-badge li:hover{	
	cursor: pointer;
}
.custom-id.custom-badge{
	padding: 4px 50px;
}

.custom-chart-tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
}
.custom-chart-tab .nav-link {
	border-radius: 0;
	border: 1px solid #4b94ff;
	padding: 8px 40px;
	border-right: 0;
	color: #262d3f;
	background: #cde0fb;
}
.custom-chart-tab li:last-child .nav-link {
    border-radius: 0 10px 10px 0;
    border-right: 1px solid #4b94ff;
}
.custom-chart-tab li:first-child .nav-link {
    border-radius: 10px 0 0 10px;
    border-right: 0;
}
.custom-chart-tab .nav-link:hover {
    cursor: pointer;
}

.custom-tab-icon {
    text-align: center;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 1.25rem;
    -webkit-border-radius: 50rem;
    border-radius: 50rem;
    margin-right: 1rem;
}

.custom-chart-tab .nav-link.custom-nch-icon .custom-tab-icon, .custom-chart-tab .nav-link.custom-nch-icon:hover, .custom-chart-tab .nav-link.custom-nch-icon.active {
   	color: #fff;
   	background-color: #a5433d;
}
.custom-chart-tab .nav-link.custom-nch-icon:hover .custom-tab-icon, .custom-chart-tab .nav-link.custom-nch-icon.active .custom-tab-icon {
   	color: #a5433d;
   	background-color: #fff;
}

.custom-chart-tab .nav-link.custom-ncism-icon .custom-tab-icon, .custom-chart-tab .nav-link.custom-ncism-icon:hover, .custom-chart-tab .nav-link.custom-ncism-icon.active {
   	color: #fff;
   	background-color: #60925C;
}
.custom-chart-tab .nav-link.custom-ncism-icon:hover .custom-tab-icon, .custom-chart-tab .nav-link.custom-ncism-icon.active .custom-tab-icon {
   	color: #60925C;
   	background-color: #fff;
}

.custom-chart-tab .nav-link.custom-moa-icon .custom-tab-icon, .custom-chart-tab .nav-link.custom-moa-icon:hover, .custom-chart-tab .nav-link.custom-moa-icon.active {
   	color: #fff;
   	background-color: #014a91;
}
.custom-chart-tab .nav-link.custom-moa-icon:hover .custom-tab-icon, .custom-chart-tab .nav-link.custom-moa-icon.active .custom-tab-icon {
   	color: #014a91;
   	background-color: #fff;
}


.custom-chart-tab .nav-link:hover .custom-tab-icon{
    color: #393b87;
    background-color: #fff;
}
.custom-fliter .select-style-1{
	margin-bottom: 0;
}
.custom-dashboard-chart .card-style{
	padding: 20px;
}
.custom-chart-card-grp{
display: flex;
/*	column-gap: 20px;*/
	flex-wrap: wrap;
	    margin: 0 -8px;
	        justify-content: center;
}
.custom-chart-card{
	width: 20%;
	margin: 0px 0px;
    padding: 0 8px;
}
/*===========================
	Custom Dashboard Style End
===========================*/

/* Payment Style Start */
/* .custom_payment_block  { */
/* 	margin:3rem 0; */
/* } */
.custom_payment_block {
    margin: 3rem 0;
    display: block !important;
    height: auto !important;
}
.custom_payment_block .bg.custom-bg {
	position: initial;
	transform: none;
}
.custom_payment_block .bg {
     background-color: #014a91;
    width: 30%;
    margin: 0 auto;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0px 20px 20px #c8d0d8;
     position: absolute;
      left:50%;
      top:50%;
      transform:translate(-50%, -50%);
}
.custom_payment_block .card {
  background-color: #e9f4ff;
  width: 100%;
  margin-top: 40px;
  border-radius: 4px;
  padding: 54px 10px 10px 10px;
  text-align: center;
  position: relative;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.custom_payment_block .card-msg-icon {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #177016;
    border: 4px solid #fff;
}
.custom_payment_block.payment_cancel .card-msg-icon  {
	 background-color: #a5130c;
}

.custom_payment_block .card-detail{
     display: flex;
    justify-content: center;
        align-items: center;
            flex-wrap: wrap;
}

.custom_payment_block .card-detail-img {
  width: 50px;
    height: 50px;
    margin: 0 16px 10px 0px;
    
}

.custom_payment_block .card-msg-icon i {
  color: #fff;
  line-height: 74px;
  font-size: 40px;
}
.custom_payment_block .card__msg {
     text-transform: uppercase;
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 6px;
    color:#177016;
}

.custom_payment_block.payment_cancel .card__msg  {
	 color: #a5130c;
}

.custom_payment_block .card__submsg {
  color: #6c6c6c;
  font-size: 16px;
  font-weight: 500;
}
.custom_payment_block .card__body {
 background-color: #d9ecff;
    border-radius: 4px;
    margin-top: 16px;
    padding: 10px;
}

.custom_payment_block .card__recipient {
  color: #262d3f;
  text-align: left;
  font-weight: 600;
  line-height: normal;
}
.custom_payment_block .card__email {
  color: #6c6c6c;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
}
.custom_payment_block .card__price {
  color: #232528;
      font-size: 46px;
    margin: 14px 0px;
}
.custom_payment_block .card__price span {
  font-size: 60%;
}
.custom_payment_block .card__method {
 color: #232528;
    text-transform: uppercase;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
}

.custom_payment_block .card__credit-card {
  width: 50px;
  margin-right: 15px;
}
.custom_payment_block .card__card-details {
  display: inline-block;
  text-align: left;
}
.custom_payment_block .card__card-type {
    text-transform: uppercase;
    color: #2c2c2c;
    font-weight: 600;
    line-height: normal;
    font-size: 16px;
    margin-bottom: 2px;
}
.custom_payment_block .card__card-number {
  color: #848484;
  font-size: 12px;
  margin-top: 0px;
}
.custom_payment_block .card__tags {
  padding-top: 10px;
}
.custom_payment_block .card__tag {
      text-transform: uppercase;
    background-color: #a4d2ff;
    padding: 4px 6px;
    border-radius: 3px;
    font-size: 12px;
    color: #232528;
    font-weight: 500;
}
/* Payment Style End */

/* custom timer css start */

.custom-timer{
	display: flex;
    justify-content: center;
    position: relative;
}  

.custom-timer .custom-timer-text {
	padding: 10px;
    background: #084298;
    color: #fff;
    min-width: 215px;
    margin-top: -22px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0 8px 4px 4px;
    position: relative;
}

.custom-timer .custom-timer-icon  {
	font-size: 16px;
    line-height: normal;
    margin-right: 4px;
}

.custom-timer .custom-timer-text:after {
    height: 6px;
    width: 8px;
    left: -8px;
    top: 0;
    border-radius: 8px 8px 0 0;
    background: #0a0930;
        position: absolute;
    content: "";
}
.custom-timer .custom-timer-text:before {
    height: 6px;
    width: 6px;
    left: -6px;
    top: 0;
    background: #0a0930;
        position: absolute;
    content: "";
}

/* custom timer css end */


/* custom icon card css start*/

.icon-card.cust-icon-card {
	display: flex;
	height: calc(100% - 20px);
	margin: 20px 0;
}
.content-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
}
.icon.icon-link {
    margin-right: 0;
    margin-left: auto;
    max-width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    transition: box-shadow 0.56s ease-in-out;
    background: rgba(222, 222, 222, 0.4) !important;
}
.icon-card.cust-icon-card:hover .icon.icon-link{
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
}
.icon.icon-link:hover {
	background: rgba(255, 255, 255, 0.7)  !important;
}
.primary-shade .icon.icon-link:hover {
	color: #1997e3;
}
.orange-shade .icon.icon-link:hover {
	color: #ff994e;
}
.success-shade .icon.icon-link:hover {
	color: #28a996;
}
.red-shade .icon.icon-link:hover {
	color: #ff4b4b;
}
.gray-shade .icon.icon-link:hover {
	color: #505050;
}
.purple-shade .icon.icon-link:hover {
	color: #5f73ce;
}
.blue-shade .icon.icon-link:hover {
	color: #4f96ff;
}
.pink-shade .icon.icon-link:hover {
	color: #fc6987;
}
.red-shade {
    background-image: linear-gradient(to right top, #ff5b5b, #ff5a5a, #ff5f5f, #ff5050, #ff4b4b);
}
.gray-shade{
	background-image: linear-gradient(to right top, #999999, #808080, #666666, #505050, #404040);
}
.purple-shade{
    background-image: linear-gradient(to right top, #8ba2ff, #5f73ce, #7583d0, #8c94d2, #a3a5d4);
}
.blue-shade {
	background-image: linear-gradient(to right top, #9bc3ff, #8cbaff, #7cb1ff, #6ca8ff, #5a9fff, #539bff, #4b98ff, #4394ff, #4795ff, #4b95ff, #4f96ff, #5397ff);
}
.red-shade .content>*, .gray-shade .content>*, .blue-shade .content>*, .purple-shade .content>*{
    color: #fff !important;
}
/* custom icon card css End*/

/* Payment Style Start */

.custom_payment_block {
    height: calc(100vh - 270px);
	display: grid;
	place-items: center;
}
.custom_payment_block .bg {
    background-color: #014a91;
    width: 30%;
/*    margin: auto;*/
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0px 20px 20px #c8d0d8;
}
.custom_payment_block .card {
  background-color: #e9f4ff;
  width: 100%;
  margin-top: 40px;
  border-radius: 4px;
  padding: 54px 10px 10px 10px;
  text-align: center;
  position: relative;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.custom_payment_block .card-msg-icon {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #177016;
    border: 4px solid #fff;
}
.custom_payment_block.payment_cancel .card-msg-icon  {
	 background-color: #a5130c;
}

.custom_payment_block .card-detail{
     display: flex;
    justify-content: center;
        align-items: center;
            flex-wrap: wrap;
}

.custom_payment_block .card-detail-img {
    width: 60px;
    height: 60px;
    margin: 0 16px 10px 0px;
}

.custom_payment_block .card-msg-icon i {
  color: #fff;
  line-height: 74px;
  font-size: 40px;
}
.custom_payment_block .card__msg {
     text-transform: uppercase;
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 6px;
    color:#177016;
}

.custom_payment_block.payment_cancel .card__msg  {
	 color: #a5130c;
}

.custom_payment_block .card__submsg {
  color: #6c6c6c;
  font-size: 16px;
  font-weight: 500;
}
.custom_payment_block .card__body {
 background-color: #cbf5d6;
    border-radius: 4px;
    margin-top: 16px;
    padding: 10px;
}

.custom_payment_block .card__recipient {
  color: #262d3f;
  text-align: left;
  font-weight: 600;
  line-height: normal;
}
.custom_payment_block .card__email {
  color: #2c2c2c;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
}
.custom_payment_block .card__price {
    color: #232528;
    font-size: 46px;
    margin: 2px 0 35px 0;
    line-height: 46px;
}
.custom_payment_block .card__price span {
  font-size: 60%;
}
.custom_payment_block .card__method {
 color: #232528;
    text-transform: uppercase;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
}
.custom_payment_block .card__payment {
    background-color: #fff;
    border-radius: 4px;
    padding: 6px 4px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.custom_payment_block .card__credit-card {
  width: 50px;
  margin-right: 15px;
}
.custom_payment_block .card__card-details {
  display: inline-block;
  text-align: left;
}

.custom_payment_block .card__card-number {
  color: #fff;
  font-size: 12px;
  margin-top: 0px;
}
.custom_payment_block .card__tags {
  padding-top: 10px;
}
.custom_payment_block .card__tag {
      text-transform: uppercase;
    background-color: #a4d2ff;
    padding: 4px 6px;
    border-radius: 3px;
    font-size: 12px;
    color: #232528;
    font-weight: 500;
}
.custom_payment_block .card__tag.tr-n {
    background-color: #a0e3bd;
}
.custom_payment_block .card__tag {
    font-size: 13px;
}

/*Payment Pending*/
.custom_payment_block.payment_pending .card-msg-icon, .custom_payment_block.payment_pending .card__payment{
	background-color: #f1c300;
}
.custom_payment_block.payment_pending .card__msg{
	color: #f1c300;
}
.custom_payment_block.payment_pending .card__card-type, .custom_payment_block.payment_pending .card__card-number {
    color: #fff;
    text-shadow: 5px 5px 10px #222222;
}
.payment_pending .card__submsg{
	display: none;
}
.pending-msg{
	display: none;
}
.payment_pending .pending-msg{
	display: block;
	line-height: normal;
}
.payment_pending .pending-msg span{
	font-weight: 600;
}


/*Payment Failed*/
.custom_payment_block.payment_failed .card-msg-icon{
	background-color: #f10000;
}
.custom_payment_block.payment_failed .card__msg{
	color: #f10000;
}
.payment_failed .card__submsg{
	display: none;
}
.failed-msg{
	display: none;
}
.custom_payment_block.payment_failed .card__body{
	background-color: #ffe1e1;
}
.payment_failed .failed-msg span {
    font-weight: 600;
    font-size: 16px;
}
.payment_failed .failed-msg {
    display: block;
    line-height: normal;
    color: #2c2c2c;
    font-size: 14px;
}

/* Payment Style End */

.custom-check-list {
	background: #e7f2ff;
    padding: 6px;
    border-radius: 4px;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
}

/* page-flip css start */

.custom-page.page {
	width: 100%;
	max-height: 650px;
	color: #262d3f;
	font-size: 18px;
	overflow:auto;
}

/* new-added */
.custom-syllabus .accordion-secondary-btn{
	background: #70a0d9;
}

.custom-syllabus  .accordion-secondary-btn:not(.collapsed){
	background-color: #70a0d9;
}

.custom-syllabus .accordion-body{
	padding: 10px;
}

.custom-syllabus .accordion-flush .accordion-item .accordion-button {
	font-weight:600;
	letter-spacing:0.6px;
	color: #262d3f;
}

.page-text {
	padding: 10px;
	    background: #eff6ff;
	        letter-spacing: 0.3px;
}

.page-table table, .page-table th, .page-table td {
	border: 1px solid;
	border-color: #cde3ff;
}


.page-table {
	width: 100%;
	margin-top: 5px;
}

.page-table thead th{
		text-align: center;
	font-size: 14px;
	    line-height: normal;
	    border: 1px solid #b3d4ff;
	 font-weight: 500;
	     background: #cde3ff;
	      padding: 8px!important;
}

.page-table td {
	min-width: 76px;
	line-height: normal;
	font-size: 14px;
	padding: 6px 8px;
	    text-align: center;
}

.page-table th i{
	font-size: 20px;
}

.page-table .custom-i-text {
        padding-left: 24px;
}
.page-table .custom-i-text i {
	margin-right:4px;
}

.page-table .radio-style .form-check-input {
    width: 16px;
    height: 16px;
    margin-left: -20px;
}

.page-table .table-header {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	background: #e0e0e070;
}

/* .page-table .table-header th:first-child{ */
/* 	text-align: left; */
/* } */

.page-table .index {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.page-table .input-style-form-check {
	margin-bottom: 0;
	text-align: center;
}

.page-table .input-style-form-check .form-check {
	margin-bottom: 0;
	    padding-left: 0;
}

.page-table .tbl-text-left {
	text-align:left !important;
}

/* numbered-list css start */

.custom-page.page ol {
	counter-reset: item
}

.custom-page.page li {
	display: block;
}

.custom-page.page .lvl1-list > li:not(:first-child) {
	margin-top: 10px;
}

/* .custom-page.page li li{ */
/* 	padding-left: 22px;	 */
/* } */


.custom-page.page .topic
{
	font-size: 16px;
	font-weight: 600;
}

.custom-page.page .chapter {
	padding: 10px 8px !important;
    background: #b0d3fe;
    border-radius: 2px;
    margin-bottom: 4px;
    line-height: normal;
    font-size: 16px;
	font-weight: 600;
}



.custom-page.page li p:before {
	content: counters(item, ".") ".  ";
	counter-increment: item
}

.lvl2-list > li{
	position: relative;
	padding-left: 22px;	
}

.lvl2-list li:not(:first-child){
	margin-top: 5px;
}

.lvl2-list > li:before {
	content: "\ea21";
	position: absolute;
	font: normal normal normal 1em/1 "LineIcons";
	left: 3px;
	top: 6px;
	font-size: 15px;
}

.lvl2-list > li:after {
	content: "";
	position: absolute;
	height: 9px;
	width: 1px;
	background: #7b7b7b;
	top: 4px;
	left: 3px;
}

/* numbered-list css end */


.custom-page.page .custom-page-table::-webkit-scrollbar {
  width: 1em;
  height: 1px;
}
 
.custom-page.page .custom-page-table::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
.custom-page.page .custom-page-table::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/* alphabetic css counter css start */

.alpha-list {
  counter-reset: count -1;
}

.alpha-list li {
  counter-increment: count 2;
}

.alpha-list li::marker {
  content: counter(count, decimal) ') ';
}

/* alphabetic css counter css end */

.page-table .form-check.radio-style{
	display: flex;
	align-items: center;
	justify-content: center; 
}

.page-table .input-style-form-check_block {
	margin-bottom:0;
	    text-align: left;
}
.page-table .input-style-form-check_block .form-check.radio-style {
	    display: block;
	        padding-left: 20px;
}

.page-table .input-style-form-check_block .form-check-label{
	font-weight:normal;
}
.page-table .c-sub-topic {
	       background: #cde3ff;
    padding: 10px 8px !important;
}

.page-table .bg-red{
	background: #e5bebe;
	  border: 1px solid #e5bebe;
}

.page-table .bg-light-red{
    background: #ffeaea;
        border-bottom: 1px solid #ffd6d6;
}
.page-table .bg-blue{
	background: #c8c8f1;
	    border: 1px solid #c8c8f1;
}

.page-table .bg-light-blue{
    background: #e0e0ff;
        border-bottom: 1px solid #cfcfff;
}

.page-table .bg-yellow{
	background: #dede9c;
	    border: 1px solid #dede9c;
}

.page-table .bg-light-yellow{
    background: #ffffdb;
        border-bottom: 1px solid #f0f0a6;
}

.page-table .bg-gray{
	    background: #afafaf;
    border: 1px solid #afafaf;
}

.page-table thead th.c-f-status {
	 min-width: 170px !important;
    width: 170px;
}
.page-table thead th.table-wmd,
.page-table tbody td.table-wmd{
	 min-width: 120px !important;
    width: 120px;
}

.page-table thead th.table-wsm,
.page-table tbody td.table-wsm{
	 min-width: 70px !important;
    width: 70px;
}

.custom-i-text {
	position:relative;
}
.custom-i-text:before {
	content: "\ead8";
	position: absolute;
	font: normal normal normal 1em/1 "LineIcons";
	left: 0px;
    top: 50%;
    margin-top: -10px;
    font-size: 20px;
    line-height: normal;
}

/* page-flip css end */




/* read-more css start */

.read-more-btn{
	padding: 3px;
	border-radius: 6px;
	line-height: normal;
	font-size: 12px;
	text-decoration: underline;
	color: #153c7c;
	cursor: pointer;
	vertical-align: super;
}

.read-more-btn:hover{
	color: #1c78ff;
}

.read-more.read-less{
	display: -webkit-box;
  -webkit-line-clamp: unset;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.read-more {
display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  margin: 5px 0 !important;
}

/* read-more css end */