/*===========================
		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
}

/* card style start */

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

/* .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: 8px;
	border-radius: 20px
}

::-moz-scrollbar {
	width: 8px;
	border-radius: 20px
}

::-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
}

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

::-moz-scrollbar {
	width: 4px;
	height: 8px;
	border-radius: 10px
}

.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(--bs-primary);
    outline: 0;
    box-shadow: 0 0 0 2px rgba(var(--bs-primary-rgb), .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;
}

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
}
.custom-table .form-group {
    margin: 10px 0;
}

.form-text {
	display: block;
	margin-top: .25rem
}

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

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

.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: #4382be;
    border-color: #2c8bad;
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(44, 139, 173, 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 i{
	font-size:16px !important;
}

.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 {
	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: 29px;
    padding: 0.45rem 0.815rem;
    font-size: 16px;
    border-radius: 0 2px 2px 0;
   	background: #50a2ff;
    color: #fff;
}

input[type="time"].form-control-sm:before,
input[type="date"].form-control-sm:before,
input[type="datetime-local"].form-control-sm:before {
    right: 15px;
    top: auto;
    padding: 0.31rem 0.815rem;
}

input[type="time"]:before{
	content: '\f017';
	    top: 29px;
    padding: 0.45rem 0.815rem;
}
input[type="datetime-local"]:before {
	    top: 29px;
    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 {
	padding: 0.375rem;
	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;
}

.custom-textarea{
	height:40px;
}

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

input[type=file]::file-selector-button {
border-radius: 2px 0  0  4px;
background-color:#eeeeee;
color:#2c2c2c;
}

input[type="file"]:hover::file-selector-button{
/* 	background-color:#2c8bad !important; */
background-color: #d5d5d5 !important;
}

/* Input CSS End */

/* Note CSS Start */
.mandatory {
	color: #ff0000 !important;
	line-height: 16px;
	font-size: 16px;
	margin: 4px 0 0 4px;
	display: inline-block;
	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;
	margin: 4px 0 0 4px;
}

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

/* Note CSS End */

/* instruction note start */
.inst_block {
	padding: 8px;
	border-radius: 4px;
	border: 1px solid #f7c800;
	background: rgba(247, 200, 0, 0.2);
	margin-bottom: 0.8rem;
}

.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: 16px;
	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;
}

.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 #50a2ff;
    background-color: rgba(80, 162, 255, 0.1);
/* 	margin-bottom: 10px; */
	padding: 6px 10px;
	    display: flex;
    flex-wrap: wrap;
}
/* 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: 0.75rem;
    --bs-alert-padding-y: 0.535rem;
    --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: 12px;
}

.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 */

.badge{
	font-size: 12px;
}

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

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

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

.custom-modal-header .btn-close{
    position: absolute;
    right: 20px;
}

.transparant-modal .modal-header {
        background-color: #fff;
}

.transparant-modal .modal-header .btn-close{
	opacity: 1;
}

.custom-search-modal .modal-fullscreen .modal-content{
	height:auto !important;
}
.custom-search-modal .modal-fullscreen .modal-content{
	 background: #fff !important;
}
	
/* 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 */

.custom-grid-col {
    display: grid;
    grid-template-columns: repeat(2, minmax(auto, auto));
    grid-column-gap: 20px;
}

/* validation css start */

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.custom-select,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.dataTable-input,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.dataTable-selector,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.datatable-input,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.datatable-selector,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.custom-select,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.dataTable-input,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.dataTable-selector,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.datatable-input,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.datatable-selector,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(1px * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.custom-select,
.input-group>.form-floating:not(:first-child)>.dataTable-input,
.input-group>.form-floating:not(:first-child)>.dataTable-selector,
.input-group>.form-floating:not(:first-child)>.datatable-input,
.input-group>.form-floating:not(:first-child)>.datatable-selector,
.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #2ed8b6
}

.valid-tooltip {
    top: 100%;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .765625rem;
    color: #fff;
    background-color: rgba(46, 216, 182, .9);
    border-radius: 4px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.is-valid.custom-select,
.is-valid.dataTable-input,
.is-valid.dataTable-selector,
.is-valid.datatable-input,
.was-validated .custom-select:valid,
.was-validated .dataTable-input:valid,
.was-validated .dataTable-selector:valid,
.was-validated .datatable-input:valid,
.was-validated .form-control:valid {
   border-color: #2ed8b6;
    padding-right: calc(0.725rem + 1.6rem);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyZWQ4YjYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: right calc(0.175em + 0.4rem) center;
    background-size: 1rem;
}

.form-control.is-valid:focus,
.is-valid.custom-select:focus,
.is-valid.dataTable-input:focus,
.is-valid.dataTable-selector:focus,
.is-valid.datatable-input:focus,
.was-validated .custom-select:valid:focus,
.was-validated .dataTable-input:valid:focus,
.was-validated .dataTable-selector:valid:focus,
.was-validated .datatable-input:valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #2ed8b6;
    box-shadow: 0 0 0 .2rem rgba(46, 216, 182, .25)
}

.was-validated textarea.custom-select:valid,
.was-validated textarea.dataTable-input:valid,
.was-validated textarea.dataTable-selector:valid,
.was-validated textarea.datatable-input:valid,
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid,
textarea.is-valid.custom-select,
textarea.is-valid.dataTable-input,
textarea.is-valid.dataTable-selector,
textarea.is-valid.datatable-input {
    padding-right: calc(1.5em + 1.6rem);
    background-position: top calc(.375em + .4rem) right calc(.375em + .4rem)
}

.form-select.is-valid,
.is-valid.datatable-selector,
.was-validated .datatable-selector:valid,
.was-validated .form-select:valid {
    border-color: #2ed8b6
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.is-valid.datatable-selector:not([multiple]):not([size]),
.is-valid.datatable-selector:not([multiple])[size="1"],
.was-validated .datatable-selector:valid:not([multiple]):not([size]),
.was-validated .datatable-selector:valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232ed8b6' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    padding-right: calc(.75em + 3.95rem);
    background-position: right .75rem center, center right 2.75rem;
    background-size: 16px 12px, calc(.75em + .8rem) calc(.75em + .8rem)
}

.form-select.is-valid:focus,
.is-valid.datatable-selector:focus,
.was-validated .datatable-selector:valid:focus,
.was-validated .form-select:valid:focus {
    border-color: #2ed8b6;
    box-shadow: 0 0 0 .2rem rgba(46, 216, 182, .25)
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
    width: calc(3rem + calc(1.5em + 1.6rem))
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: #2ed8b6
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: #2ed8b6
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .2rem rgba(46, 216, 182, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #2ed8b6
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group>.custom-select:not(:focus).is-valid,
.input-group>.dataTable-input:not(:focus).is-valid,
.input-group>.dataTable-selector:not(:focus).is-valid,
.input-group>.datatable-input:not(:focus).is-valid,
.input-group>.datatable-selector:not(:focus).is-valid,
.input-group>.form-control:not(:focus).is-valid,
.input-group>.form-floating:not(:focus-within).is-valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.custom-select:not(:focus):valid,
.was-validated .input-group>.dataTable-input:not(:focus):valid,
.was-validated .input-group>.dataTable-selector:not(:focus):valid,
.was-validated .input-group>.datatable-input:not(:focus):valid,
.was-validated .input-group>.datatable-selector:not(:focus):valid,
.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.was-validated .input-group>.form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #ff5370
}

.invalid-tooltip {
    top: 100%;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .765625rem;
    color: #fff;
    background-color: rgba(255, 83, 112, .9);
    border-radius: 4px
}

.dropdown-header,
.dropdown-item,
.dropdown-item-text,
.dropdown-menu.show,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.is-invalid.custom-select,
.is-invalid.dataTable-input,
.is-invalid.dataTable-selector,
.is-invalid.datatable-input,
.was-validated .custom-select:invalid,
.was-validated .dataTable-input:invalid,
.was-validated .dataTable-selector:invalid,
.was-validated .datatable-input:invalid,
.was-validated .form-control:invalid,
.select2.select2-container.select2-container--default:invalid{
    border-color: #ff5370;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMiAxMicgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSdub25lJyBzdHJva2U9JyNmZjUzNzAnPjxjaXJjbGUgY3g9JzYnIGN5PSc2JyByPSc0LjUnLz48cGF0aCBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBkPSdNNS44IDMuNmguNEw2IDYuNXonLz48Y2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nI2ZmNTM3MCcgc3Ryb2tlPSdub25lJy8+PC9zdmc+);
    background-repeat: no-repeat; 
    padding-right: calc(0.725rem + 1.6rem);
    background-position: right calc(0.175em + 0.4rem) center;
    background-size: 1rem;
}

.was-validated .form-control.hasDatepicker:invalid,
.was-validated .form-control.hasDatepicker:valid{
	background-image:none;
/* 	padding-right:0; */
	background-position: initial;
}

.was-validated select.singleselect:invalid + .select2.select2-container.select2-container--default span.select2-selection, select.singleselect.is-invalid + .select2.select2-container.select2-container--default span.select2-selection,
.was-validated select.singleselect:invalid + .select2-container .select2-selection--single .select2-selection__rendered,
.was-validated select.singleselect:invalid + .select2-container--default .select2-selection--multiple {
    border-color: #ff5370 !important;

}

.was-validated select.singleselect:valid + .select2.select2-container.select2-container--default span.select2-selection, select.singleselect.is-valid + .select2.select2-container.select2-container--default span.select2-selection,
.was-validated select.singleselect:valid + .select2-container .select2-selection--single .select2-selection__rendered,
.was-validated select.singleselect:valid + .select2-container--default .select2-selection--multiple {
    border-color: #2ed8b6 !important;
}


.form-control.is-invalid:focus,
.is-invalid.custom-select:focus,
.is-invalid.dataTable-input:focus,
.is-invalid.dataTable-selector:focus,
.is-invalid.datatable-input:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .dataTable-input:invalid:focus,
.was-validated .dataTable-selector:invalid:focus,
.was-validated .datatable-input:invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #ff5370;
    box-shadow: 0 0 0 .2rem rgba(255, 83, 112, .25)
}

.was-validated textarea.custom-select:invalid,
.was-validated textarea.dataTable-input:invalid,
.was-validated textarea.dataTable-selector:invalid,
.was-validated textarea.datatable-input:invalid,
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid,
textarea.is-invalid.custom-select,
textarea.is-invalid.dataTable-input,
textarea.is-invalid.dataTable-selector,
textarea.is-invalid.datatable-input {
    padding-right: calc(1.5em + 1.6rem);
    background-position: top calc(.375em + .4rem) right calc(.375em + .4rem)
}

.form-select.is-invalid,
.is-invalid.datatable-selector,
.was-validated .datatable-selector:invalid,
.was-validated .form-select:invalid {
    border-color: #ff5370
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.is-invalid.datatable-selector:not([multiple]):not([size]),
.is-invalid.datatable-selector:not([multiple])[size="1"],
.was-validated .datatable-selector:invalid:not([multiple]):not([size]),
.was-validated .datatable-selector:invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff5370'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff5370' stroke='none'/%3e%3c/svg%3e");
    padding-right: calc(.75em + 3.95rem);
    background-position: right .75rem center, center right 2.75rem;
    background-size: 16px 12px, calc(.75em + .8rem) calc(.75em + .8rem)
}

.form-select.is-invalid:focus,
.is-invalid.datatable-selector:focus,
.was-validated .datatable-selector:invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: #ff5370;
    box-shadow: 0 0 0 .2rem rgba(255, 83, 112, .25)
}

.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
    width: calc(3rem + calc(1.5em + 1.6rem))
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: #ff5370
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: #ff5370
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 83, 112, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #ff5370
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group>.custom-select:not(:focus).is-invalid,
.input-group>.dataTable-input:not(:focus).is-invalid,
.input-group>.dataTable-selector:not(:focus).is-invalid,
.input-group>.datatable-input:not(:focus).is-invalid,
.input-group>.datatable-selector:not(:focus).is-invalid,
.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-floating:not(:focus-within).is-invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.custom-select:not(:focus):invalid,
.was-validated .input-group>.dataTable-input:not(:focus):invalid,
.was-validated .input-group>.dataTable-selector:not(:focus):invalid,
.was-validated .input-group>.datatable-input:not(:focus):invalid,
.was-validated .input-group>.datatable-selector:not(:focus):invalid,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
    z-index: 4
}

/* validation css end */

/* custm-btn  start*/
.btn-primary, .introjs-tooltip .introjs-button.introjs-nextbutton {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #2289ff;
    --bs-btn-border-color: #2289ff;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #3682d9;
    --bs-btn-hover-border-color: #337acc;
    --bs-btn-focus-shadow-rgb: 93, 168, 255;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #337acc;
    --bs-btn-active-border-color: #3073bf;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #4099ff;
    --bs-btn-disabled-border-color: #4099ff
}

.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: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

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

.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-link:focus-visible,
.btn-link:hover {
    text-decoration: underline
}

.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: #007200;
}
.btnsave:hover{
	background: #006400;
}

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

.btndelete:hover {
	background: #a4161a;
}

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

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

.btnview{
	background: #00c1f8;
	color: #fff;
/* 	border: 1px solid #263259; */
}
.btnview:hover {
	background: #007495;
	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{
    background: #274c30;
}

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

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

.btnadd{
	 background: #487047;
} 

.btnadd:hover{
	 background: #345733;
}   

.custom-pill-btn {
    position: relative;
    overflow: initial;
}

.custom-pill-btn:before{
	content:none;
}

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

.it-btn {
    display: flex;
    align-items: center;
    justify-content: 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 */


/* Loader style end  */
/*===========================
		Common Style CSS End
===========================*/