/*===========================
		Common Style CSS Start
===========================*/
:root,
[data-bs-theme=light] {
    --bs-blue: #4099ff;
    --bs-indigo: #6610f2;
    --bs-purple: #673ab7;
    --bs-pink: #e83e8c;
    --bs-red: #ff5370;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffb64d;
    --bs-green: #2ed8b6;
    --bs-teal: #008080;
    --bs-cyan: #00bcd4;
    --bs-black: #000000;
    --bs-white: #ffffff;
    --bs-gray: #5b6b79;
    --bs-gray-dark: #1d2630;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #f3f5f7;
    --bs-gray-300: #dbe0e5;
    --bs-gray-400: #bec8d0;
    --bs-gray-500: #8996a4;
    --bs-gray-600: #5b6b79;
    --bs-gray-700: #3e4853;
    --bs-gray-800: #1d2630;
    --bs-gray-900: #131920;
    --bs-primary: #4099ff;
    --bs-secondary: #6c757d;
    --bs-success: #2ed8b6;
    --bs-info: #00bcd4;
    --bs-warning: #ffb64d;
    --bs-danger: #ff5370;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 64, 153, 255;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 46, 216, 182;
    --bs-info-rgb: 0, 188, 212;
    --bs-warning-rgb: 255, 182, 77;
    --bs-danger-rgb: 255, 83, 112;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #d9ebff;
    --bs-secondary-bg-subtle: #f8f9fa;
    --bs-success-bg-subtle: #d5f7f0;
    --bs-info-bg-subtle: #ccf2f6;
    --bs-warning-bg-subtle: #fff0db;
    --bs-danger-bg-subtle: #ffdde2;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #bec8d0;
    --bs-primary-border-subtle: #b3d6ff;
    --bs-secondary-border-subtle: #f3f5f7;
    --bs-success-border-subtle: #abefe2;
    --bs-info-border-subtle: #99e4ee;
    --bs-warning-border-subtle: #ffe2b8;
    --bs-danger-border-subtle: #ffbac6;
    --bs-light-border-subtle: #f3f5f7;
    --bs-dark-border-subtle: #8996a4;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "Poppins", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #222;
    --bs-body-color-rgb: 34, 34, 34;
    --bs-body-bg: #f6f7fb;
    --bs-body-bg-rgb: 246, 247, 251;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: #29344a;
    --bs-link-color: #4099ff;
    --bs-link-color-rgb: 64, 153, 255;
    --bs-link-decoration: none;
    --bs-link-hover-color: #337acc;
    --bs-link-hover-color-rgb: 51, 122, 204;
    --bs-link-hover-decoration: underline;
    --bs-code-color: #e83e8c;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fcf8e3;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dbe0e5;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 4px;
    --bs-border-radius-sm: 2px;
    --bs-border-radius-lg: 8px;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}
/* card style start */
.card {
	border: 1px solid rgba(0, 0, 0, .125)
}

.card>hr {
	margin-right: 0;
	margin-left: 0
}

.card>.list-group {
	border-top: inherit;
	border-bottom: inherit
}

.card>.list-group:first-child {
	border-top-width: 0;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px
}

.card>.list-group:last-child {
	border-bottom-width: 0;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px
}

/* .card-body {
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem
} */

.card-title,
.card-sub-title {
	margin-bottom: 0;
	font-size: 18px;
}

.card-subtitle {
	margin-top: -.375rem
}

.card-subtitle, .card-text:last-child {
	margin-bottom: 0
}

.card-link:hover {
	text-decoration: none
}

.card-link+.card-link {
	margin-left: 1.25rem
}

/* .card-header { */
/* 	padding: .75rem 0.8rem; */
	
/* } */

.card-header:first-child {
	border-radius: 9px 9px 0 0
}

.card-header+.list-group .list-group-item:first-child {
	border-top: 0
}

.custom-card-subtitle {
    font-size: 14px;
    font-weight: 500;
}

.subtitle-block{
	border-bottom: 1px solid #dee2e6!important;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.subtitle-block .card-sub-title{
	font-size: 16px;
}   

.subtitle-block .custom-btn-group {
	margin-bottom:0;
}

/* .card {
	background: #f0f8ff;
	border-radius: 2px;
	margin-bottom: 16px;
	-ms-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);
	-o-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157);
	box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .0392157)
} */

/* .card .card-header {
	background: transparent;
	border-radius: 0;
	margin-bottom: 0;
	-ms-flex-align: center !important;
	align-items: center !important;
	border-bottom: 1px solid #ccd3dc
} */

/* .card .card-header .header-title .card-title {
	margin-bottom: 0
} */


/* .card-body {
	padding: 0.8rem;
} */

/* card style end */

label {
    color: #01041b;
/*     margin-bottom: .1rem */
}

/* scroll style start */

::-webkit-scrollbar {
	width: 4px;
	height: 5px;
	border-radius: 10px
}

::-moz-scrollbar {
	width: 4px;
	height: 5px;
	border-radius: 10px
}
::-webkit-scrollbar-track {
	background: #ccd3dc;
	border-radius: 20px
}

::-webkit-scrollbar-thumb {
	background: #6c757d;
	border-radius: 20px
}

::-webkit-scrollbar-thumb:hover {
	background: #01041b;
	border-radius: 20px
}

::-moz-scrollbar-thumb {
	background: #6c757d;
	border-radius: 20px
}

::-moz-scrollbar-thumb:hover {
	background: #01041b;
	border-radius: 20px
}


.scrollbar-thumb, .scrollbar-track-y {
	width: 4px !important
}

/* scroll style end */

/* button css start */




/* button css end */

/* Input CSS Start */
.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #495057
}

.form-control:focus {
	color: #495057;
	border-color: #10316b;
	outline: 0;
}

.form-control:active, .form-control:focus {
	color: #5b6b79;
    background-color: #fff;
    border-color: var(--primary);
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(7, 72, 61, 0.2);
	
  /* -webkit-animation: popping-border 0.45s ease-out;
  -moz-animation: popping-border 0.45s ease-out;
  animation: popping-border 0.45s ease-out;
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(9, 52, 127, .2);
  -webkit-transition: all 0.45s ease-out, box-shadow 0.45s ease 0.35s;
  -moz-transition: all 0.45s ease-out, box-shadow 0.45s ease 0.35s;
  transition: all 0.45s ease-out, box-shadow 0.45s ease 0.35s; */
}



@keyframes popping-border {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  66% {
    -webkit-transform: scale(0.99);
    -moz-transform: scale(0.99);
    -ms-transform: scale(0.99);
    -o-transform: scale(0.99);
    transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 0 .2rem rgba(9, 52, 127, .2);
  }
}


.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
    box-shadow: none !important;
    transform: scale(1) !important;
    border: 1px solid #dbe0e5 !important;
}
select.form-control:disabled,
select.form-control:disabled:focus,
select.form-control:disabled:hover,
select.form-control[readonly],
select.form-control[readonly]:focus,
select.form-control[readonly]:hover,
.select2-container--disabled .select2-selection {
  box-shadow: inherit !important;
  cursor: not-allowed;
  pointer-events: none;
}

input[type=date].form-control, input[type=datetime-local].form-control,
	input[type=month].form-control, input[type=time].form-control {
	appearance: none
}

select.form-control:focus::-ms-value {
	color: #495057;
	background-color: #fff
}

.form-control-file, .form-control-range {
	display: block;
	width: 100%
}

.form-control-plaintext {
	display: block;
	width: 100%;
	padding: .313rem 0;
	margin-bottom: 0;
	font-size: 1rem;
	line-height: 1.5;
	color: #8e9eb1;
	background-color: transparent;
	border: solid transparent;
	border-width: 1px 0
}

.form-control-sm {
	padding: .313rem;
	font-size: .625rem
}

.form-control-lg, .form-control-sm {
	line-height: 1.5;
	border-radius: 10px
}

.form-control-lg {
	padding: .625rem 1.25rem;
	font-size: 1rem
}

.form-group {
	margin-bottom: 1rem
}

.form-text {
	display: block;
	margin-top: .25rem
}
/* .custom-table{ */
/*     overflow: visible !important;      */
/* } */

.form-row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
	    align-items: baseline;
}

.form-row>.col, .form-row>[class*=col-] {
	padding-right: 5px;
	padding-left: 5px
}

.form-check {
	position: relative;
	display: block;
	padding-left: 1.25rem
}

.form-check-input {
	position: absolute;
	margin-top: .3rem;
	margin-left: -1.25rem
}

.form-check-input:disabled ~.form-check-label, .form-check-input[disabled]
	~.form-check-label {
	color: #6c757d
}

.form-check-label {
	margin-bottom: 0
}

.form-check-inline {
	display: inline-flex;
	align-items: center;
	padding-left: 0;
	margin-right: .75rem
}

.form-check-inline .form-check-input {
	position: static;
	margin-top: 0;
	margin-right: .3125rem;
	margin-left: 0
}

.form-inline {
	display: flex;
	flex-flow: row wrap;
	align-items: center
}

.form-inline .form-check {
	width: 100%
}

@media ( min-width :576px) {
	.form-inline label {
		justify-content: center
	}
	.form-inline .form-group, .form-inline label {
		display: flex;
		align-items: center;
		margin-bottom: 0
	}
	.form-inline .form-group {
		flex: 0 0 auto;
		flex-flow: row wrap
	}
	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle
	}
	.form-inline .form-control-plaintext {
		display: inline-block
	}
	.form-inline .custom-select, .form-inline .input-group {
		width: auto
	}
	.form-inline .form-check {
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		padding-left: 0
	}
	.form-inline .form-check-input {
		position: relative;
		flex-shrink: 0;
		margin-top: 0;
		margin-right: .25rem;
		margin-left: 0
	}
	.form-inline .custom-control {
		align-items: center;
		justify-content: center
	}
	.form-inline .custom-control-label {
		margin-bottom: 0
	}
}

.form-group {
	position: relative;
	z-index: 1;
	width: 100%;
}
.custom-table .form-group {
    margin: 10px 0;
}
.form-check-label {
	margin-top: 4px;
}

.form-check-inline .form-check-label {
	margin-top: 3px;
    cursor: pointer;
    user-select: none;
}

.form-check-input[type=checkbox] {
    width: 20px;
    height: 20px;
    border-radius: 2px !important;
    margin-left: -30px;
}

.form-check {
	margin-right: 15px;
	padding-left: 30px;
	min-height: 28px;
	margin-bottom: 0;
}

.form-check-input[type=radio] {
	width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: -30px;
    cursor: pointer;
    padding: 0;
}

.form-check-input:checked {
    background-color: #0e917e;
    border-color: #0e917e;
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(14, 145, 126, 0.2);
}

.custom-input-icon {
	position: relative;
}

/* .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) */
/* 	{ */
/* 	border-top-right-radius: 0 !important; */
/* 	border-bottom-right-radius: 0 !important; */
/* } */

.input-group .btn {
	margin: 0px;
}

.input-group-btn{
	    padding: 0.595rem 0.75rem;
}

.icon-btn i {
    margin-right: 0px;
    font-size: 20px;
}

.form-control.valid-input {
	border-color: #219653;
	color: #219653;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 0.2rem rgba(33, 150, 83, 0.25);
}

.form-control.invalid-input,
.form-control.overdue {
	border-color: #FF0000;
	color: #FF0000;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.custom-fromgroup-select:after {
	margin-top: 12px !important;
}

/* input[type="time"]::-webkit-calendar-picker-indicator, */
/* input[type="date"]::-webkit-calendar-picker-indicator, */
/* input[type="datetime-local"]::-webkit-calendar-picker-indicator{ */
/* background-color:#2c8bad; */
/* padding:17px 18px; */
/* margin-right:-12px; */
/* color:#fff; */
/* filter: invert(100%); */
/* filter: invert(1) brightness(0) saturate(100%) invert(47%) sepia(50%) saturate(607%) hue-rotate(150deg) brightness(91%) contrast(91%); */
/* } */

input[type="time"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
  position: relative;
}

input[type="time"]:before, input[type="date"]:before, input[type="datetime-local"]:before {
    font-family: 'FontAwesome';
    content: '\f133';
    position: absolute;
    right: 1px;
    top: 24px;
    padding: 0.45rem 0.815rem;
    font-size: 16px;
    border-radius: 0 2px 2px 0;
/*     background: #162b69; */
/*     background: var(--date-picker-bg-primary); */
    background: #5280c2;
    color: #fff;
}
	
input[type="time"]:before {
    content: '\f017';
    top: 24px;
    padding: 0.45rem 0.815rem;
}
input[type="datetime-local"]:before {
	top: 24px;
	padding: 0.45rem 0.815rem;
}

.form-check-input:checked[type=checkbox] {
	background-image: url(../../images/db_images/checkmark.svg);
}

.form-check-input:checked[type=radio] {
	background-image: url(../../images/db_images/radio.svg);
}

.form-control {
    padding: .485rem;
    border: 1px solid #dbe0e5;
    background: #ffffff;
    border-radius: 2px;
    /* height: 47px; */
    /* line-height: normal; */
    font-size: 15px;
    color: #5b6b79;
    box-shadow: none;
    resize: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control-lg {
	height: 54px;
}

.form-control-sm {
	height: 40px;
	font-size: 14px;
}

.form-control-xsm {
	height: 30px;
}

.filter-input{
	max-width:260px;
	margin: 0 auto;
}

.filter-input:focus,
.filter-input:active{
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 0.2rem rgb(255 255 255 / 25%);
    }
    
.input-group .input-group-append .input-group-text, .input-group .input-group-prepend .input-group-text
	{
	border: 1px solid #bfc9d4;
}

/* .form-control[type="file"] { */
/* 	line-height: 31px; */
/* } */

input[type=file]::file-selector-button {
	border-radius: 4px;
	background-color: #1e4e92;
	color: #fff;
	vertical-align: middle;
	background-color: #1e4e92;
}
input[type="file"]:hover::file-selector-button {
	background-color: #222222 !important;
	background-color: #1e4e92;
}

.form-control[type=file] {
    padding-left: 14px;
    padding-top: 7px;
    height: 40px;
}
/* Input CSS End */

/* Note CSS Start */
.mandatory {
	color: #ff0000 !important;
	line-height: 16px;
	font-size: 16px;
	margin: 4px 0 0 4px;
	vertical-align: top;
	font-weight: 500;
}

.note-text {
	text-align: center;
}

.errorClass, .note-text .mandatory, .tikClass, .inst-text {
	color: #FF0000;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
}

.tikClass, .note-text.note-text-success .mandatory {
	color: #219653 !important;
}

.inst-text{
	color: #676767 !important;
	margin: 4px 0 0 4px;
}
.inst-text .text-light{
    color: #fff;
}

.tikClass, .errorClass {
	margin-top: 4px !important;
}

/* Note CSS End */

/* instruction note start */
.inst_block {
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #f7c800;
    background: #fff8d9;
    margin-bottom: 0.8rem;
    position: relative;
}

.inst_block .inst_list {
	margin: 0;
	padding: 0;
}

.inst_block .inst_list li {
	margin-left: 18px;
}

.inst_block .inst_list .inst_text {
	    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 0;
}

.concat-string {
	display: inline-block;
	vertical-align: middle;
}

.mandatory_inst_block {
	border: 1px solid #084298;
	background: #cfe2ff;
}

.dicla_undertake_block {
	border: 1px solid #41464b;
	background: #e2e3e5;
	list-style-type: none;
}

.dicla_undertake_block .inst_list li {
	list-style-type: none;
	margin-left: 0px;
}

.simple-instruction {
	font-size: 14px;
	padding: 10px;
}

.check-multi-list.input-style-form-check_block .check-list {
	font-weight: normal;
	display: block;
}

.check-multi-list .check-list {
	padding: 0 0 0 20px;
	position: relative;
	text-transform: none;
	padding-bottom: 4px;
	word-break: break-word;
}

.check-multi-list .check-list:before {
	font-family: 'remixicon' !important;
	content: "\eb7a";
	padding: 2px;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	left: 0;
	top: 2px;
}

.custom-choose-one {
    text-align: left;
    border-radius: 4px;
   border: 1px solid #0e917e;
    background-color: rgb(6 79 68 / 10%);
    margin-bottom: 15px;
    padding: 6px 10px;
    display: flex;
    flex-wrap: wrap;
}
.custom-table .custom-choose-one{
	margin-bottom: 0;
}
/* instruction note end */

/* custom accordian v2 css start */

.custom-toggle-accordian {
	position:relative;
	height:54px;
}

.custom-toggle-accordian .custom-accordion-v2{
	position:absolute;
	z-index:99;
}

.custom-accordion-v2.accordian {
  border-radius: 6px;
  background: #fdf7f0;
  border: 1px solid #fac38b;
  border-left: 4px solid #fac38b;
  padding:6px;
  margin-bottom:1rem;
  width: 100%;
}

.custom-accordion-v2 .accordian_head {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  cursor: pointer;
}


.custom-accordion-v2 .accordian_toggler {
  font-size: 1.8rem;
  line-height: 1.8rem;
  transition: all 0.5s ease;
   align-self: flex-start;
}

.custom-accordion-v2 .accordian_toggler.active {
  rotate: 133deg;
}

.custom-accordion-v2 .accordian_title {
  font-size: 1rem;
  font-weight: 500;
}

.custom-accordion-v2 .accordian_body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease;
}

.custom-accordion-v2 .active_body {
  grid-template-rows: 1fr;
}

.custom-accordion-v2 .accordian_description {
  font-size: 0.92rem;
  overflow: hidden;
  margin: 0;
}

.custom-accordion-v2 .custom-simple-list {
	margin-bottom:0px;
}

/* custom accordian v2 css end */

/* custom simple list start */

.custom-simple-list {
	 padding-left: 22px;
}
/* custom simple list end */

.nohover{
	pointer-events: none;
}

/* alart css start  */

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1.25rem;
    --bs-alert-padding-y: 0.75rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 4px;
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
    
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700;
    color: var(--bs-alert-link-color)
}

.alert-dismissible {
    padding-right: 3.75rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .9375rem 1.25rem
}

.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

.alert-text{
	margin-bottom:0;
}

/* alart css End  */

/* gear css start */

.gears-container {
	width: 222px;
	height: 100px;
	font-size: 36px;
	position: absolute;
	right: 0;
	bottom:0;
	z-index: -99;
	opacity: 0.4;
}

.gear-rotate {
	width: 2em;
	height: 2em;
	top: 50%;
	left: 70%;
	margin-top: -1em;
	margin-left: -1em;
	background: #ccd3dc;
	position: absolute;
	border-radius: 1em;
	-webkit-animation: 1s gear-rotate linear infinite;
	-moz-animation: 1s gear-rotate linear infinite;
	animation: 1s gear-rotate linear infinite;
}

.gear-rotate-left {
	margin-top: -2.2em;
	top: 50%;
	left: 20%;
	width: 2em;
	height: 2em;
	background: #ccd3dc;
	position: absolute;
	border-radius: 1em;
	-webkit-animation: 1s gear-rotate-left linear infinite;
	-moz-animation: 1s gear-rotate-left linear infinite;
	animation: 1s gear-rotate-left linear infinite;
}

.gear-rotate::before, .gear-rotate-left::before {
	width: 2.8em;
	height: 2.8em;
    background: 
      linear-gradient(0deg,transparent 39%,#ccd3dc 39%,#ccd3dc 61%, transparent 61%),
    linear-gradient(60deg,transparent 42%,#ccd3dc 42%,#ccd3dc 58%, transparent 58%),
    linear-gradient(120deg,transparent 42%,#ccd3dc 42%,#ccd3dc 58%, transparent 58%);
	position: absolute;
	content:"";
	top: -.4em;
	left: -.4em;
	border-radius:1.4em;
}
.gear-rotate::after, .gear-rotate-left::after {
	width: 1em;
	height: 1em;
	background: #2B2B2B;
	position: absolute;
	content:"";
	top: .5em;
	left: .5em;
	border-radius: .5em;
}

/*
 * Keyframe Animations 
 */ 

@-webkit-keyframes gear-rotate {
  0% { 
    -webkit-transform: rotate(0deg);
  }
  100% { 
    -webkit-transform: rotate(-180deg); 
  }
}

@-moz-keyframes gear-rotate {
  0% { 
    transform: rotate(0deg);
  }
  100% { 
    transform: rotate(-180deg); 
  }
}

@keyframes gear-rotate {
  0% { 
    transform: rotate(0deg); 
  }
  100% { 
    transform: rotate(-180deg); 
  }
}

@-webkit-keyframes gear-rotate-left {
 0% {
   -webkit-transform: rotate(30deg); 
  }
  100% {
    -webkit-transform: rotate(210deg);
  }
}

@-moz-keyframes gear-rotate-left {
 0% { 
   -webkit-transform: rotate(30deg); 
  }
  100% { 
    -webkit-transform: rotate(210deg);
  }
}

@keyframes gear-rotate-left {
 0% { 
   -webkit-transform: rotate(30deg); 
  }
  100% { 
    -webkit-transform: rotate(210deg);
  }
}

/* gear css end */

/* custom modal css start */
.custom-modal .modal-header{
	    padding: 0.5rem 1rem;
}

.custom-modal-header{
	    justify-content: center;
	        padding-right: 56px !important;
}

.custom-modal .btn-close{
	border-radius: var(--btn-radius);
}

.custom-modal-header .btn-close{
	margin: 2px;
    position: absolute;
    right: 0.6rem;
}

.custom-modal.transparant-modal .modal-content{
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.transparant-modal .modal-title{
	color:var(--white);
}

.transparant-modal .modal-header {
    border-bottom: none;
}

.transparant-modal .modal-header .btn-close{
	background:var(--white);
	opacity: 1;
}
/* custom  modal css end */

/* select css start */
.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231d2630' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .532rem 2rem .532rem .485rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5b6b79;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #dbe0e5;
    border-radius: 2px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.custom-select-sm .form-select{
    padding: 0.22rem 2rem 0.22rem 0.4rem;
    background-position: right 0.4rem center;
    font-size: .75rem;
    box-shadow: none;
}
/* select css start */

/*===========================
		Common Style CSS End
===========================*/
.input-group .btnsubmit {
/* 	 background: #4099ff; */
    background: #419287;
    color: #fff;
    padding: .8rem .75rem;
    height: 47px;
    display: flex;
    align-items: center;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}
.input-group .btnsubmit:hover {
    background: #222222;
    color: #fff;
}
.btngetotp {
/* 	 background: #4099ff; */
    background: #419287;
    color: #fff;
    padding: .8rem .75rem;
    height: 40px;
    display: flex;
    align-items: center;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}
.btngetotp:hover {
    color: #fff;
}

.select-style-1 .select-position:after, .select2:after, .form-group .form-select:after {
    border-bottom: 1px solid #5d657b;
    border-right: 1px solid #5d657b;
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

/* custom tooltip label start */
.custom-lbl {
/*     display: block; */
    position: relative;
    padding-right: 20px;
    font-weight: 500;
    margin-bottom: 2px;
}

.cst-hover-target:before {
    content: "\f05a";
    font-family: 'FontAwesome';
    font-size: 14px;
    position: absolute;
    color: #777;
    bottom: 0;
    right: 0;
}

.cst-hover-popup {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    bottom: 24px;
    right: -22px;
    min-width: auto;
    max-width: 200px;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px, rgba(0, 0, 0, 0.1) 0px 6px 13px;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    padding: 4px;
    z-index: 30;
    transform: scale(0);
    transition: transform 200ms ease;
    transform-origin: 8% -10px;
}

.cst-hover-target:hover + .cst-hover-popup,
.cst-hover-target:focus + .cst-hover-popup,
.cst-hover-popup:hover{
  transform: scale(1);
}

.cst-hover-popup :not(:first-child) {
  margin-top: 1rem;
}

.cst-hover-popup span {
    color: #2c2c2c;
    font-size: 12px;
}

.cst-hover-popup::after {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid  #fff;
    bottom: -8px;
    right: 6px;
}

.cst-hover-popup>span::after {
  content: '';
  position: absolute;
  top: -1rem;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.r-note {
    color: #ff0000 !important;
}
.g-note {
    color: #219653 !important;
}
.cst-hover-popup.cst-top-rg {
    right: -190px;
    min-width: 200px;
    max-width: 200px;
}
.cst-hover-popup.cst-top-rg::after {
    left: 8px;
    right: initial;
}
.cst-hover-popup.cst-bottom-rg {
    right: -190px;
    bottom: initial;
    min-width: 200px;
    max-width: 200px;
    top: 30px;
}
.cst-hover-popup.cst-bottom-rg::after {
    left: 10px;
    right: initial;
    top: -10px;
    bottom: initial;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-top: 0;
}


/* custom tooltip label end */

.form-label {
    margin-bottom: 2px;
}



.custom-pill-btn {
    position: relative;
}
.custom-pill-btn .rounded-pill {
    position: absolute;
    top: 0;
    left: 100%;
    transform: translate(-50%,-50%)!important;
}
.badge {
    font-size: 12px;
}
/* custm-btn  start*/

.btn-secondary,
.introjs-tooltip .introjs-button.introjs-prevbutton {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #c7ccd1;
    --bs-btn-disabled-border-color: #c7ccd1;
}

.btn-success {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #2ed8b6;
    --bs-btn-border-color: #2ed8b6;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #27b89b;
    --bs-btn-hover-border-color: #25ad92;
    --bs-btn-focus-shadow-rgb: 77, 222, 193;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #25ad92;
    --bs-btn-active-border-color: #23a289;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #2ed8b6;
    --bs-btn-disabled-border-color: #2ed8b6
}

.btn-info {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #00bcd4;
    --bs-btn-border-color: #00bcd4;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #00a0b4;
    --bs-btn-hover-border-color: #0096aa;
    --bs-btn-focus-shadow-rgb: 38, 198, 218;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #0096aa;
    --bs-btn-active-border-color: #008d9f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #00bcd4;
    --bs-btn-disabled-border-color: #00bcd4;
    color: #fff !important;
}

.btn-warning {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #ffb64d;
    --bs-btn-border-color: #ffb64d;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #d99b41;
    --bs-btn-hover-border-color: #cc923e;
    --bs-btn-focus-shadow-rgb: 255, 193, 104;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #cc923e;
    --bs-btn-active-border-color: #bf893a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #ffb64d;
    --bs-btn-disabled-border-color: #ffb64d
}

.btn-danger {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #ff5370;
    --bs-btn-border-color: #ff5370;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #d9475f;
    --bs-btn-hover-border-color: #cc425a;
    --bs-btn-focus-shadow-rgb: 255, 109, 133;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #cc425a;
    --bs-btn-active-border-color: #bf3e54;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #ff5370;
    --bs-btn-disabled-border-color: #ff5370
}

.btn-light {
    --bs-btn-color: #212529;
    --bs-btn-bg: #d7ebff;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 216, 217, 219;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-light:hover{
	background: #c3dcf5;	
}

.btn-dark {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
    --bs-btn-color: #4099ff;
    --bs-btn-border-color: #4099ff;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #4099ff;
    --bs-btn-hover-border-color: #4099ff;
    --bs-btn-focus-shadow-rgb: 64, 153, 255;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #4099ff;
    --bs-btn-active-border-color: #4099ff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #4099ff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #4099ff;
    --bs-gradient: none;
      border: 1px solid;
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
     border: 1px solid;
     
}

.btn-outline-success {
    --bs-btn-color: #2ed8b6;
    --bs-btn-border-color: #2ed8b6;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #2ed8b6;
    --bs-btn-hover-border-color: #2ed8b6;
    --bs-btn-focus-shadow-rgb: 46, 216, 182;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #2ed8b6;
    --bs-btn-active-border-color: #2ed8b6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #2ed8b6;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2ed8b6;
    --bs-gradient: none;
    border: 1px solid;
}

.btn-outline-info {
    --bs-btn-color: #00bcd4;
    --bs-btn-border-color: #00bcd4;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #00bcd4;
    --bs-btn-hover-border-color: #00bcd4;
    --bs-btn-focus-shadow-rgb: 0, 188, 212;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #00bcd4;
    --bs-btn-active-border-color: #00bcd4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #00bcd4;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00bcd4;
    --bs-gradient: none;
    border: 1px solid;
}

.btn-outline-warning {
    --bs-btn-color: #ffb64d;
    --bs-btn-border-color: #ffb64d;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #ffb64d;
    --bs-btn-hover-border-color: #ffb64d;
    --bs-btn-focus-shadow-rgb: 255, 182, 77;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #ffb64d;
    --bs-btn-active-border-color: #ffb64d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffb64d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffb64d;
    --bs-gradient: none;
    border: 1px solid;
}

.btn-outline-danger {
    --bs-btn-color: #ff5370;
    --bs-btn-border-color: #ff5370;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #ff5370;
    --bs-btn-hover-border-color: #ff5370;
    --bs-btn-focus-shadow-rgb: 255, 83, 112;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #ff5370;
    --bs-btn-active-border-color: #ff5370;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ff5370;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ff5370;
    --bs-gradient: none;
    border: 1px solid;
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none;
    border: 1px solid;
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none;
    border: 1px solid;
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: #4099ff;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #337acc;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: #337acc;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #5b6b79;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: none;
    border: 1px solid;
}
.btn-excel{
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: #115731;
}
.btn-link:focus-visible,
.btn-link:hover {
    text-decoration: underline
}
.btnupdate{
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: #3f4d81;
}
.btn-success:active, .btn-success:focus{
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
.btn-success.rounded-pill:active, .btn-success.rounded-pill:focus{
    background-color: var(--bs-btn-hover-bg);
}
.btn-outline-success:active{
	   background-color: var(--bs-btn-hover-bg);
	       border-color: var(--bs-btn-hover-border-color);
}
.btn-outline-warning:active{
	color: var(--bs-btn-hover-color);
	   background-color: var(--bs-btn-hover-bg);
	       border-color: var(--bs-btn-hover-border-color);
}
.btn-info:active, .btn-info:focus{
	    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
} 

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btnsubmit{
	background: #4099ff;
}
.btnsubmit:hover{
	background: #3682d9;
}
.btnsave{
	    background: #1e9b1e;
}
.btnsave:hover{
	background: #006400;
}

.btndelete{
	background: #c1121f;
	color: #fff;
/* 		border: 1px solid #e26413; */
}

.btndelete:hover {
	background: #a4161a;
	color: #fff;
}
.btnsave:hover, .btnsave:active, .btnsave:focus{
	background: #006400;
}
.btnupdate{
	background: #50609d;
	color: #fff;
/* 	border: 1px solid #50609d !important; */
}
.btnupdate:hover{
	background: #3f4d81;
	color: #fff;
}

.btn-pdf{
	background: #d50808;
/* 	border: 1px solid #cd1b1b; */
}
.btn-pdf:hover{
	background: #c20b0b;
}

.btnclar{
	background: #dd880f;
	color: #fff;
}

.btnclar:hover{
	background: #c1770e;
	color: #fff;
}

.btn-excel{
	background: #1d6f42;
	color: #fff;
/* 	border: 1px solid #cd1b1b; */
}
.btn-excel:hover{
	background: #115731;
}

.btnview{
/* 	background: #1a6a5c; */
	background: #2a5da5;
/* 	border: 1px solid #263259; */
}
.btnview:hover {
/* 	background: #124d42; */
	background: #154b99;
	color: #fff;
}

.btnrefr{
	background: #343a40;
/* 	border: 1px solid #343a40; */
}
.btnrefr:hover{
	background: #212529;
/* 	border: 1px solid #ba8948; */
}

.btnstar{
	background: #398fbe;
	color: #fff;
/* 	border: 1px solid #398fbe; */
}
.btnstar:hover{
	background: #37a1db;
		color: #fff;
/* 	border: 1px solid #398fbe; */
}

.btnsettings{
	background: #7777a6;
		color: #fff;
/* 	border: 1px solid #7777a6; */
}
.btnsettings:hover{
	background: #5c5c93;
		color: #fff;
}

.btn-publish,
.btnfl{
    background: #34623f;
}

.btn-publish:hover,
.btnfl:hover, .btn-publish:active,
.btnfl:active, .btn-publish:focus,
.btnfl:focus{
    background: #274c30;
}

.btn-unpublish,
.btnunfl{
    background: #9a0606;
}

.btn-unpublish:hover,
.btnunfl:hover{
    background: #780000;
}

.btnadd{
	 background: #2b887c;
} 
.btnprint{
	    background: #127c40;
}

.btnprint:hover{
	background: #0a6231;
}
.btnadd:hover{
	 background: #026659;
}
.btnadd:active, .btnadd:focus {
    background: #026659 !important;
    color: #fff;
}   
.btn-check:focus+.btn-warning, .btn-warning:focus, .btn-warning:active{
    color: #ffffff;
        background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
/*     box-shadow: 0 0 0 .25rem rgba(217,164,6,.5); */
}
.custom-pill-btn{
	position:relative;
}

.custom-pill-btn .rounded-pill{
	position:absolute;
	top:0;
	left:100%;
	transform: translate(-50%,-50%)!important;
}

.it-btn{
    display: flex;
    align-items: center;
}

.it-btn i{
	margin-right:4px;
}

/* custm-btn  end*/
/* Loader style start  */

/* spinner 1 style start */

.page-spinner1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-spinner1 .spinner {
 --size: 30px;
 --first-block-clr: #005bba;
 --second-block-clr: #fed500;
 --clr: #111;
 width: 100px;
 height: 100px;
 position: relative;
}

.page-spinner1 .spinner::after, .page-spinner1 .spinner::before {
 box-sizing: border-box;
 position: absolute;
 content: "";
 width: var(--size);
 height: var(--size);
 top: 50%;
 animation: up 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
 left: 50%;
 background: var(--first-block-clr);
}

.page-spinner1 .spinner::after {
 background: var(--second-block-clr);
 top: calc(50% - var(--size));
 left: calc(50% - var(--size));
 animation: down 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
}

@keyframes down {
 0%, 100% {
  transform: none;
 }

 25% {
  transform: translateX(100%);
 }

 50% {
  transform: translateX(100%) translateY(100%);
 }

 75% {
  transform: translateY(100%);
 }
}

@keyframes up {
 0%, 100% {
  transform: none;
 }

 25% {
  transform: translateX(-100%);
 }

 50% {
  transform: translateX(-100%) translateY(-100%);
 }

 75% {
  transform: translateY(-100%);
 }
}
/* spinner 1 style end */

/* spinner 2 style start */

.page-spinner2 {
    position: relative;
    width: 55px;
    height: 55px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-spinner2 div {
  width: 8%;
  height: 24%;
  background: rgb(128, 128, 128);
  position: absolute;
  left: 50%;
  top: 30%;
  opacity: 0;
  border-radius: 50px;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  animation: fade458 1s linear infinite;
}

@keyframes fade458 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.25;
  }
}

.page-spinner2 .bar1 {
  transform: rotate(0deg) translate(0, -130%);
  animation-delay: 0s;
}

.page-spinner2 .bar2 {
  transform: rotate(30deg) translate(0, -130%);
  animation-delay: -1.1s;
}

.page-spinner2 .bar3 {
  transform: rotate(60deg) translate(0, -130%);
  animation-delay: -1s;
}

.page-spinner2 .bar4 {
  transform: rotate(90deg) translate(0, -130%);
  animation-delay: -0.9s;
}

.page-spinner2 .bar5 {
  transform: rotate(120deg) translate(0, -130%);
  animation-delay: -0.8s;
}

.page-spinner2 .bar6 {
  transform: rotate(150deg) translate(0, -130%);
  animation-delay: -0.7s;
}

.page-spinner2 .bar7 {
  transform: rotate(180deg) translate(0, -130%);
  animation-delay: -0.6s;
}

.page-spinner2 .bar8 {
  transform: rotate(210deg) translate(0, -130%);
  animation-delay: -0.5s;
}

.page-spinner2 .bar9 {
  transform: rotate(240deg) translate(0, -130%);
  animation-delay: -0.4s;
}

.page-spinner2 .bar10 {
  transform: rotate(270deg) translate(0, -130%);
  animation-delay: -0.3s;
}

.page-spinner2 .bar11 {
  transform: rotate(300deg) translate(0, -130%);
  animation-delay: -0.2s;
}

.page-spinner2 .bar12 {
  transform: rotate(330deg) translate(0, -130%);
  animation-delay: -0.1s;
}

/* spinner 2 style end */

/* spinner 3 style start */

.page-spinner3 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
    width: fit-content;
}

.page-spinner3 .spinner {
 width: 60px;
 height: 60px;
 position: relative;
}

.page-spinner3 .spinner .dot {
 position: absolute;
 inset: 0;
 display: flex;
 justify-content: center;
}

.page-spinner3 .spinner .dot::after {
 content: "";
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background-color: rgb(12, 180, 231);
}

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

.page-spinner3 .spinner .dot {
 animation: spin 2s infinite;
}

.page-spinner3 .spinner .dot:nth-child(2) {
 animation-delay: 100ms;
}

.page-spinner3 .spinner .dot:nth-child(3) {
 animation-delay: 200ms;
}

.page-spinner3 .spinner .dot:nth-child(4) {
 animation-delay: 300ms;
}

.page-spinner3 .spinner .dot:nth-child(5) {
 animation-delay: 400ms;
}

/* spinner 3 style end */

/* spinner 4 style start */

.page-spinner4 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
    width: fit-content;
}
.page-spinner4 .spinner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-spinner4 .bars {
  width: 10px;
  height: 20px;
  margin: 0 2px;
  border-radius: 4px;
  animation: loader3 3s ease-in-out infinite;
}

.page-spinner4 .bar1 {
  background-color: #4285F4;
  animation-delay: -0.8s;
}

.page-spinner4 .bar2 {
  background-color: #4285F4;
  animation-delay: -0.7s;
}

.page-spinner4 .bar3 {
  background-color: #4285F4;
  animation-delay: -0.6s;
}

.page-spinner4 .bar4 {
  background-color: #4285F4;
  animation-delay: -0.5s;
}

.page-spinner4 .bar5 {
  background-color: #4285F4;
  animation-delay: -0.4s;
}

.page-spinner4 .bar6 {
  background-color: #4285F4;
  animation-delay: -0.3s;
}

.page-spinner4 .bar7 {
  background-color: #4285F4;
  animation-delay: -0.2s;
}

.page-spinner4 .bar8 {
  background-color: #4285F4;
  animation-delay: -0.1s;
}

.page-spinner4 .bar9 {
  background-color: #4285F4;
  animation-delay: 0s;
}

.page-spinner4 .bar10 {
  background-color: #4285F4;
  animation-delay: 0.1s;
}

@keyframes loader3 {
  0% {
    transform: scale(1);
  }

  20% {
    transform: scale(1, 2.32);
  }

  40% {
    transform: scale(1);
  }
}

/* spinner 4 style end */

/* custom text icon css start */
.custom-ti {
	color: #222;
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	font-weight: 500;
	position:relative;
	padding-right:30px;
}

.cti-text{
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
        line-height: 26px;
            word-break: break-all;
}

.custom-ti:after {
    font-family: "Font Awesome 6 Free";
    content: "\f06e";
    position: absolute;
    top: 2px;
    right: 2px;
    left: auto;
    bottom: auto;
    font-size: 16px;
}

.cti-icon{
	font-size: 18px;
}
/* custom text icon css end */
@media only screen and (max-width: 767px) {
	.custom-scheme-pills {
    	grid-template-columns: repeat(2, 1fr);
	}
	.scheme-card {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    gap: 20px;
	    padding: 8px 5px;
	}
	.scheme-card .scheme-text {
	    font-size: 15px;
	}
	.scheme-icon {
	    margin-bottom: 10px;
	}
	.scheme-icon i {
	    font-size: 20px;
	}
	.scheme-icon:after {
	    height: 15px;
	    width: 35px;
	    bottom: -8px;
	}
	.scheme-dtl {
	    display: none;
	}
}
@media only screen and (max-width: 567px) {
   .custom-addmore-block .subtitle-block .row{
	    flex-direction: column;
	}
	
	.custom-addmore-block .card-sub-title{
	    margin-bottom: 0.5rem;
	}
}
@media only screen and (max-width: 479px) {
	.custom-scheme-pills {
    	grid-template-columns: repeat(1, 1fr);
	}
}

/* Loader style end  */