@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,.btn-check:focus+.btn-primary, .btn-primary:focus, .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle00;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* @font-face {
	font-family: "Proxima Nova";
	src: url(ProximaNova-Regular.ttf);

} */


:root {
	--bs-navy-blue: #0d537b;
	--bs-light-gray: #d5d5d5;
	--bs-royal-blue: #43a0db;
	--bs-gray: #6c757d;
	--bs-gray-light: #e3e3e3;
	--bs-black: #000;
	--bs-gradient: linear-gradient(60deg, rgb(13, 83, 123) 0%, rgb(13, 83, 123) 100%);
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-white: #fff;
	--bs-gray-dark: #343a40;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-gray-darklight: #ababab47;
	/* color pallet 1 */
	--bs-orange-custom: #FF7130;
	--bs-purple-custom: #70277D;
	/* color pallet 2 */
	--bs-color-custom3: #CFDBD5;
	--bs-color-custom4: #E8EDDF;
	--bs-color-custom2: #132D3D;
	--bs-color-custom1: #132D3D;
	--bs-color-custom5: #232326;
	--bs-color-custom6: #162f3c;

}

html {
	font-size: 100%;
}

body,
tr,
td,
th,
div,
span,
p,
h1,
h2,
h3,
h4,
h5,
a,
li,
button,
form,
input,
select,
label,
.MuiTypography-root {
	font-family: 'Proxima Nova', 'sans-serif' !important;
}



body {
	font-family: 'Proxima Nova', 'sans-serif' !important;
	font-weight: 400;
	line-height: 1.75;
	color: var(--bs-black);
	height: 100%;
	font-size: 16px;
}

p {
	margin-bottom: 0;
	font-size: 1rem;
}



h1,
h2,
h3,
h4,
h5 {
	margin: 1rem 0 1.38rem;
	font-weight: 400;
	line-height: 1.3;
}

h1 {
	margin-top: 0;
	font-size: 3;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.75rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.25rem;
}

small,
.text_small {
	font-size: 0.75rem;
}

a:hover {
	color: var(--bs-color-custom2);
}

/* .forgot-password-section a:hover {
	color: var(--bs-color-custom1) !important;
} */
.bg-orange {
	background: var(--bs-color-custom1);
}

/* .container {
	position: relative;
	width: 100%;
	background-color: var(--bs-white);
} */

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

.forms-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.form-signin {
	width: 100%;
	max-width: 450px;
	padding: 5em 15px 8em;
	margin-top: 9.2rem !important;
	margin: auto;

}

.form-signin .checkbox {
	font-weight: 400;
}

.form-signin .form-floating:focus-within {
	z-index: 2;
}

.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


.text-newtofile {
	width: 100%;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: center;
}

.text-newtofile span {
	color: var(--bs-gray);
	font-size: smaller;
	font-weight: 400;
	padding: 0 1em 0 0;
}

.text-newtofile button {
	height: 25px;
	font-size: 0.9rem;
	padding: 0 5px 5px 6px;
}


.card {
	margin: 0 auto;

}

.card-body-overflow {
	overflow: auto;
	height: 80vh;

}



@media (height < 1000px) {
	.card-body-overflow-payment {
		overflow: auto;
		height: 80vh;
	}
}

.signupform {
	border-radius: 1rem;
	margin: 0 auto;
	overflow: hidden;

}

.curved-div {
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.curved-div svg {
	color: var(--bs-white);
	text-align: center;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	position: absolute;
	left: 0;
	z-index: 0;
	width: 100%;
	height: auto;
}

.curved-div .img-logo {
	position: absolute;
	z-index: 2;
	display: block;
	margin: auto;
	padding: 0 8em 0 0 !important;
}

.curved-div .text-copyright {
	top: 95%;
	left: 2%;
	transform: translateY(-50%);
	position: absolute;
	z-index: 2;
	color: var(--bs-white);
	font-size: smaller;
	font-weight: 100;
}

.fill-color {
	height: 100%;
	border-radius: 0.25rem 0 0 0.25rem;
}

.fill-color>g {
	fill: var(--bs-color-custom2)
}

a.btn.btn-primary.signup-btn {
	background: var(--bs-color-custom1);
	border-color: var(--bs-color-custom1);
	color: var(--bs-white);
	box-shadow: 0 1px 2px var(--bs-gray);
	display: inline-block;
	margin: -2px 0 0;
	font-weight: 400;
	border-radius: 10px;
}

a.btn.btn-primary.signup-btn:hover {
	background: var(--bs-color-custom2) !important;
	border-color: var(--bs-color-custom2) !important;
	color: var(--bs-white) !important;
}


main.form-signin h1 {
	/* font-size: 40px; */
	font-weight: bold;
}

.form-signin form input {
	border: 1px solid var(--bs-gray-light);
	border-radius: 40px !important;
	height: 48px;
}

.form-signin form label {
	color: var(--bs-black);
	font-weight: bold;
	margin: 0 0 5px !important;
	padding: 0;
	font-size: 1rem;
}

.forgot-password {
	float: right;
	color: var(--bs-color-custom2);
	text-decoration: none;
	font-weight: bold;
	font-size: .75rem;

}

/* 
button.btn.btn-primary.submit-btn {
	background: var(--bs-color-custom1);
	border-color: var(--bs-color-custom1);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 2px var(--bs-gray);
	min-width: 160px;
	padding: 16px 32px;
	border-radius: 40px;
	border: none;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 17px;
	font-size: 18px;
} */
/* 
button.btn.btn-primary.submit-btn:hover {
	background: var(--bs-color-custom2) !important;
	border-color: var(--bs-color-custom2) !important;
} */

/* button.btn.btn-primary.submit-btn i {
	font-size: 18px;
	padding-left: 5px;
} */

.login-btn {
	background: var(--bs-color-custom1);
	border-color: var(--bs-color-custom1);
	display: flex;
	align-items: center;
	box-shadow: 0 1px 2px var(--bs-gray);
	min-width: 160px;
	padding: 1rem 2rem;
	border-radius: 40px;
	border: none;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	justify-content: center;

}

.login-btn:hover,
.login-btn:active {
	background: var(--bs-color-custom2) !important;
	border-color: var(--bs-color-custom2) !important;
}

.login-btn i {
	font-size: 18px;
	padding-left: 5px;
}

button.google-btn {
	box-shadow: 0 0px 2px var(--bs-gray);
	border-radius: 5px;
	border: 0;
	border-bottom: 1px solid var(--bs-gray);
	padding: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: var(--bs-white);
	margin-top: 35px;
}

.google-logo {
	display: flex;
	justify-content: center;
	cursor: pointer;

}

button.google-btn span {
	font-size: 1rem;
	font-weight: 600;
	color: var(--bs-gray);
	padding: 0 27px 0 0px;

}

.formtexthelper-heading {
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 18px !important;
	/* 150% */
	margin-left: 0px !important;
}

.formtexthelper-heading-1 {
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 18px !important;
	margin-bottom: 6px !important;
	/* 150% */
	margin-left: 0px !important;
}

.or {
	font-weight: 700;
	color: var(--bs-black);
	position: relative;
}

.or:before {
	content: "";
	display: block;
	width: 89px;
	height: 1px;
	background: var(--bs-gray-dark);
	left: 0;
	top: 50%;
	position: absolute;
}

.or:after {
	content: "";
	display: block;
	width: 89px;
	height: 1px;
	background: var(--bs-gray-dark);
	right: 0;
	top: 50%;
	position: absolute;
}

.card {
	margin: 32px auto;
	border-radius: 15px;
	/* box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px; */
	overflow: hidden;
	box-shadow: 4px 5px 31px 0 rgb(37 25 83 / 5%);
}

thead.table-header th {
	padding: 13px 0px;
	color: #162E3C;
	text-align: center;
	font-family: "Proxima Nova";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	/* 150% */
}
.col-md-6.col-position {
	position: relative;
}

.nav-link {
	color: var(--bs-color-custom2);
	font-weight: 500;
}

h1.form-heading.text-center {
	display: none;
}

.form-signin {
	margin: 0em auto 0;
	padding: 0em 15px 5em;
}

/* form input {
	height: 51px;
} */

/* .row-hide {
	overflow: hidden;
	height: 100vh;
} */

.container-card {
	position: relative;
}

.row.navbar-footer {
	align-items: center;
	position: absolute;
	width: 100%;
	bottom: 0.5em;
	z-index: 5;
	padding: 0 0 0 1.7em;
}

.navbra-right {
	float: right;
}

.nav-item a:hover {
	color: var(--bs-color-custom1) !important;
}

.text-copyright {
	color: var(--bs-white);
}

.profile-icon {
	background-color: #2099d2;
	padding: 5px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (min-width: 1680px) {
	.form-signin {
		max-width: 600px;
		margin: 13em auto 0;
	}

	.form-signin form input {
		height: 61px;
	}

	main.form-signin h1 {
		/* font-size: 60px; */
		font-weight: 700;
	}

	.signin-email {
		font-size: 21px;
	}

	.or:before,
	.or:after {
		width: 137px;
	}

	button.google-btn span {
		font-size: 2rem;
	}

	/* 
	button.btn.btn-primary.submit-btn {
		font-size: 32px;
		width: 180px;
	} */

	.navbar-expand-lg .navbar-nav .nav-link {
		font-size: 21px;
	}
}

@media only screen and (min-width: 1536px) {

	.form-signin {
		margin: 6em auto 0;
	}

}

@media only screen and (min-width: 1440px) {

	.form-signin {
		margin: 8em auto 0;
	}

}

@media only screen and (max-width: 1480px) {
	.nav-icons-ml {
		margin-left: 56% !important;
	}

	.nav-section {
		padding: 0px 35px 0px 35px !important;
	}
}

@media only screen and (max-width: 1300px) {
	.nav-icons-ml {
		margin-left: 60% !important;
	}

	.nav-section {
		padding: 0px 35px 0px 35px !important;
	}
}

@media only screen and (max-width: 1200px) {
	.form-signin {
		width: 100%;
		max-width: 450px;
		padding: 0em 15px 4em;
		margin: auto;
	}

	.table-card-title {
		font-size: 12px !important;
		line-height: 12px !important;
	}

	.MuiDataGrid-columnHeaderTitle {
		font-size: 12px !important;
	}
}

@media only screen and (max-width: 991px) {
	.bx-menu-close-mobile {
		display: block !important;
	}
	thead.table-header th {
		padding: 12px 0px;
		font-size: 14px;
		line-height: 16px;
	}
	.nav-icons-ml {
		margin: 0px !important;
		background: #162e3c;
		position: absolute;
		z-index: 999;
		width: 100%;
		/* height: 122vh; */
		max-width: 4%;
		margin: auto;
		right: 0px;
	}
	ul.navbar-nav li {
		padding: 16px 0em;
		align-items: center;
		text-align: left;
	}
	.tag {
		 margin-left: 0px !important; 
	}
	.line {
		margin: 0px 0px 0px 0px !important;
		display: none;
	}
	.bx-menu-close {
		display: none;
	}

	.curved-div {
		align-items: baseline;
	}

	.row-hide {
		overflow: auto;
	}

	.nav-link {
		color: var(--bs-white);
		font-size: 15px;
	}
	
	.row.navbar-footer {
		text-align: center;
		padding: 5px 0 5px 1.7em;
		background: var(--bs-color-custom2);
		bottom: 0em;
		color: var(--bs-white);
		flex-direction: column-reverse;
	}

	.custom-style-nav {
		margin-left: 0px !important;
		left: 64%;
	}

	.navbar-nav {
		flex-direction: column;
		font-size: 12px;
		flex-wrap: wrap;
	}

	.navbra-right {
		float: unset;
		/* text-align: center; */
		display: flex;
		justify-content: center;
	}



	h1.form-heading.text-center {
		padding: 0.4em 0;
		background: var(--bs-color-custom2);
		color: var(--bs-white);
		display: block;
		position: relative;
		width: 100%;
		height: 70px;
	}

	.form-signin {
		padding: 0em 15px 8em;
	}

	.text-newtofile {
		padding: 0 2em 0 2em;
	}

	.row.text-newtofile span {
		padding: 1em 1em 0 0;
	}

}

@media only screen and (max-width: 762px) {

	.text-newtofile {
		text-align: center;
		padding: 0;
	}

	.signup-btn {
		margin: 10px 0 0 !important;

	}

	.row.text-newtofile span {
		display: block;
		padding: 0;
	}

	.form-signin {
		padding: 0.1em 15px 8em;
	}

	/* .form-signup h1 {
		font-size: 20px !important;

	} */

	.form-signup p {
		font-size: 14px !important;
	}

	.sign-up-logo img {
		height: 100px !important;
	}
}

@media screen and (max-width: 700px) {
	.hide-on-small-screen {
		display: none;
	}
}

@media only screen and (max-width: 414px) {

	button.google-btn span {
		font-size: 17px;
	}

	.or:after,
	.or:before {
		width: 50px;
	}

	.form-signin {
		padding: 0.1em 15px 8em;
	}

	.col-space .col {
		width: 100%;
	}
}

@media only screen and (max-width: 450px) {
	.col-space .col {
		width: 100% !important;
		margin: 0.9rem 0 1rem 0 !important;
	}

	.nav-icons-ml {
		
		max-width:100%;
		
	}

	.card-body {
		padding: 0.5rem 1rem !important;
	}

}

@media only screen and (max-width: 320px) {

	button.google-btn span {
		font-size: 16px;
		padding: 0 3px 0 0px;
	}

	/* main.form-signin h1 {
		font-size: 33px;
	} */

	.or:after,
	.or:before {
		width: 40px;
	}

	
}


.form-signup {
	width: 100%;
	max-width: 600px;
	padding: 0 1em 1em 1em;
	margin: auto;
	position: relative;
}

.form-signup .checkbox {
	font-weight: 400;
}

.form-signup .form-floating:focus-within {
	z-index: 2;
}

.form-signup input[type="email"] {
	border: 0;
	border-bottom: solid 1px var(--bs-gray-light);
	font-size: 23px;
	font-weight: 700;
	border-radius: 0;
	height: 75px;
	padding-left: 13px;

}

.form-signup input[type="text"] {
	border: 0;
	border-bottom: solid 1px var(--bs-gray-light);
	font-size: 23px;
	font-weight: 700;
	border-radius: 0;
	height: 70px;
	padding-left: 13px;

}




.form-signup select {
	padding: 26px 12px 10px 13px;
	border: 0;
	border-bottom: solid 1px var(--bs-gray-light);
	font-size: 23px;
	font-weight: 700;
	border-radius: 0;
	height: 75px !important;
	width: 100%;
	background-color: transparent;
}

.form-signup h3 {
	font-weight: bold;
}

.form-signup p {
	text-align: center;
	font-weight: 500;
}

.form-signup-body {

	box-shadow: var(--bs-gray-darklight) 0 3px 10px;
	border-radius: 20px;
	border: 0;
	width: 100%;
	background: var(--bs-white);
	margin-top: 1em;

}

.signup-section {
	/* width: 100%;
  background-image: url(../../brand/signupbg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  display: flex; */
	justify-content: center;
	text-align: center;
	align-items: center;
}

.h-100 {
	height: 100%;
}

.sign-up-logo {
	width: 100px;
}

.form-signup-body .input-border-none {
	border: 0 !important;
}

.form-signup-body .pl-ml {
	padding-left: 0;
	padding: 19px 3px 0;
	height: 90px;
}

.form-signup-body label {
	font-size: 23px;
	color: var(--bs-gray);
	font-weight: 500;
	padding-bottom: 1em;
	;
}


/* .form-signup-body select:focus,
textarea:focus {
	border-bottom: solid 1px var(--bs-color-custom1);
	box-shadow: 0 2px 0 var(--bs-color-custom1);
	outline: 0 none;
	border-color: var(--bs-color-custom1);
} */

.signemail:focus,
.signpassword:focus {
	border-bottom: solid 1px var(--bs-color-custom1);
	box-shadow: 0 2px 0 var(--bs-color-custom1);
	outline: 0 none;
	border-color: var(--bs-color-custom1);
}

.form-signup-body .firstrowsection {
	margin: 0;
	border-bottom: solid 1px var(--bs-gray-light);

}

.lastname-border {
	border-left: 1px solid var(--bs-gray-light) !important;
}

.firstrowsection {
	display: flex;
}

.firstrowsection .form-control:focus {
	background: transparent !important;
}

.form-control {
	background-color: transparent;
}

.m-space {
	margin: 0.5em 0 0;
}

.m-space input,
.m-space select {
	height: 75px !important;

}

input#PostalCode {
	border-radius: 0 0 20px 20px;
	background: transparent;
}

.table-card-title {
	/* color: #162E3C; */
	color: #FFF;
	font-family: "Proxima Nova";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	padding: 20px 0px 0px;
	padding-right: 5px;
}

.table-card-title + svg {
	color: #ffffff6e;
}

.MuiDataGrid-columnHeader--sorted .table-card-title + svg {
	color: #FFF;
}

.MuiDataGrid-detailPanels .table-card-title + svg {
	color: #333;
}

.MuiDataGrid-main .MuiDataGrid-main .table-card-title {
	color: #162E3C;
}

/* Notifications*/
.toast__container {
	display: table-cell;
	vertical-align: middle;
}

.toast__cell {
	display: inline-block;
}

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

.toast__svg {
	fill: var(--bs-green);
	box-sizing: unset !important;
}

.toast {
	text-align: left;
	padding: 5px 0;
	background-color: var(--bs-white);
	border-radius: 4px;
	max-width: 500px;
	top: 0px;
	position: relative;
	box-shadow: 1px 7px 14px -5px var(--bs-gray);
}


.toast:before {
	content: '';
	position: absolute;
	top: 0;
	left: 5px;
	width: 8px;
	height: 100%;

}

.toast__icon {
	position: absolute;
	top: 50%;
	left: 22px;
	transform: translateY(-50%);
	width: 40px;
	height: 43px;
	padding: 3px;
	border-radius: 50%;
	display: inline-block;
}

.toast__type {
	color: var(--bs-gray-dark);
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}

.toast__message {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
	color: var(--bs-gray);
	text-align: left;
}

.toast__content {
	padding-left: 70px;
	padding-right: 60px;
}

.toast__close {
	position: absolute;
	right: 22px;
	top: 50%;
	width: 14px;
	cursor: pointer;
	height: 14px;
	fill: var(--bs-gray);
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}


.toast--green:before {
	background-color: var(--bs-green);
}


.toast--red:before {
	background-color: var(--bs-danger);
}

.toastred__svg {
	fill: var(--bs-danger);
	box-sizing: unset !important;
}

.toastyellow__svg {
	fill: var(--bs-warning);
	box-sizing: unset !important;
}

.toast--yellow:before {
	background-color: var(--bs-warning);
}

/*fill toast Notifications*/
.toastfill__container {
	display: table-cell;
	vertical-align: middle;
}

.toastfill__cell {
	display: inline-block;
}


.toastfill__svg {
	fill: var(--bs-white);
	box-sizing: unset !important;
}

.toastfill {
	text-align: left;
	padding: 5px 0;
	background-color: var(--bs-color-custom1);
	border-radius: 4px;
	max-width: 500px;
	top: 0px;
	position: relative;
	box-shadow: 1px 7px 14px -5px var(--bs-gray);
}


.toastfill:before {
	content: '';
	position: absolute;
	top: 0;
	left: 5px;
	width: 8px;
	height: 100%;

}

.toastfill__icon {
	position: absolute;
	top: 50%;
	left: 22px;
	transform: translateY(-50%);
	width: 40px;
	height: 43px;
	padding: 3px;
	border-radius: 50%;
	display: inline-block;
}

.toastfill__type {
	color: var(--bs-white);
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	;
}

.toastfill__message {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
	color: var(--bs-white);
	text-align: left;
}

.toastfill__content {
	padding-left: 70px;
	padding-right: 60px;
}

.toastfill__close {
	position: absolute;
	right: 22px;
	top: 50%;
	width: 14px;
	cursor: pointer;
	height: 14px;
	fill: var(--bs-gray);
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}


.toastfill--green:before {
	background-color: var(--bs-white);
}

.toastfill--blue .toastfill__icon {
	background-color: var(--bs-white);
}

.toastfill--blue:before {
	background-color: var(--bs-white);
}

.toastfill--yellow:before {
	background-color: var(--bs-white);
}

.toastfillgray {
	text-align: left;
	padding: 5px 0;
	background-color: var(--bs-gray-dark);
	border-radius: 4px;
	max-width: 500px;
	top: 0px;
	position: relative;
	box-shadow: 1px 7px 14px -5px var(--bs-gray-light);
}

.toastfillgray:before {
	content: '';
	position: absolute;
	top: 0;
	left: 5px;
	width: 8px;
	height: 100%;

}

.toastfill--gray:before {
	background-color: var(--bs-white);
}

.toastfillgray__svg {
	fill: var(--bs-white);
	box-sizing: unset !important;
}

/* Notifications type 2*/
.toasttype2__container {
	display: table-cell;
	vertical-align: middle;

}

.toasttype2__cell {
	display: inline-block;
}

.toasttype2__svg {
	fill: var(--bs-white);
	box-sizing: unset !important;
}

.toasttype2yellow__svg {
	fill: var(--bs-warning);
	box-sizing: unset !important;
}

.toasttype2 {
	text-align: left;
	padding: 5px 0;
	background-color: var(--bs-white);
	border-radius: 4px;
	max-width: 500px;
	top: 0px;
	position: relative;
	box-shadow: 1px 7px 14px -5px var(--bs-light-gray);
}


.toasttype2__icon {
	position: absolute;
	top: 50%;
	left: 22px;
	transform: translateY(-50%);
	width: 40px;
	height: 42px;
	padding: 3px;
	border-radius: 50%;
	display: inline-block;
}

.toasttype2__type {
	color: var(--bs-gray-dark);
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}

.toasttype2__message {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
	color: var(--bs-gray);
	text-align: left;
}

.toasttype2__content {
	padding-left: 70px;
	padding-right: 60px;
}

.toasttype2__close {
	position: absolute;
	right: 22px;
	top: 50%;
	width: 14px;
	cursor: pointer;
	height: 14px;
	fill: var(--bs-gray);
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.toasttype2grren__svg {
	fill: var(--bs-green);
	;
	box-sizing: unset !important;
}

.toasttype2--green {
	border: solid 3px var(--bs-green);
}


.toasttype2--red {
	border: solid 3px var(--bs-danger);
}


.toasttype2--yellow {
	border: solid 3px var(--bs-warning);
}


/*fill toast Notifications*/
.toastfilltype2__container {
	display: table-cell;
	vertical-align: middle;

}

.toastfilltype2__cell {
	display: inline-block;
}


.toastfilltype2__svg {
	fill: var(--bs-color-custom1);
	box-sizing: unset !important;
}

.toastfilltype2 {
	text-align: left;
	padding: 5px 0;
	background-color: var(--bs-white);
	border-radius: 4px;
	max-width: 500px;
	top: 0px;
	position: relative;
	box-shadow: 1px 7px 14px -5px var(--bs-gray-light)
}


.toastfilltype2__icon {
	position: absolute;
	top: 50%;
	left: 22px;
	transform: translateY(-50%);
	width: 40px;
	height: 43px;
	padding: 3px;
	border-radius: 50%;
	display: inline-block;
}

.toastfilltype2__type {
	color: var(--bs-black);
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	;
}

.toastfilltype2__message {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
	color: var(--bs-gray);
	text-align: left;
}

.toastfilltype2__content {
	padding-left: 70px;
	padding-right: 60px;
}

.toastfilltype2__close {
	position: absolute;
	right: 22px;
	top: 50%;
	width: 14px;
	cursor: pointer;
	height: 14px;
	fill: var(--bs-gray);
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.toastfilltype2--green {
	border: solid 3px var(--bs-color-custom1);
}


.toastfilltype2blue__svg {
	fill: var(--bs-color-custom1);
	box-sizing: unset !important;
}

.toastfilltype2red__svg {
	fill: var(--bs-danger);
	;
	box-sizing: unset !important;
}

.toastfilltype2--blue {
	border: solid 3px var(--bs-gray-dark);
}


.toastfilltype2gray__svg {
	fill: var(--bs-gray-dark);
	box-sizing: unset !important;
}


.toastfilltype2--yellow {
	border: solid 3px var(--bs-color-custom1);
}


.toastfillgraytype2 {
	text-align: left;
	padding: 5px 0;
	background-color: #4c6272;
	border-radius: 4px;
	max-width: 500px;
	top: 0px;
	position: relative;
	box-shadow: 1px 7px 14px -5px var(--bs-gray-light);
}


.toastfilltype2--gray {
	border: solid 3px #4c6272;
}

.toastfilltype2--gray .toastfilltype2__icon {
	background-color: var(--bs-white);
}

.toastfillgraytype2__svg {
	fill: #4c6272;
	box-sizing: unset !important;
}

/*dashboard*/
.card-body-dashboard {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 10px 24px 0px;
}

.card-body-dashboard p {
	padding: 0;
	font-size: 16px;
	z-index: 5;
	position: relative;
	margin: 0;
	line-height: 27px;
}

.card-body-dashboard h1,
p {
	text-align: center;
}

/* .card-body-dashboard span {
    border-radius: 40px;
    padding: 0 16px 0 16px;
	box-shadow: 0 1px 2px var(--bs-gray);
} */

.dashboard {
	position: relative;
	overflow: hidden;
}

/* .dashboard .card-body {
	height: auto;
	padding: 1.5rem 1rem;
} */

.dashboard .card {
	margin: 0;
	background-color: #FFFFFF;
	border-radius: 10px;
	transition: all 0.7s ease-in-out;
}

.card-noborder {
	border-radius: 0px !important;

}

.editor-class {
	padding-left: 10px;
}


.dashboard .heading {
	padding: 20px 8px 10px 8px;
	/* margin-top: 50px; */
	font-size: 20px;
	font-weight: 500;
	z-index: 5;
	position: relative;
}

.dashboard .searchbox {
	width: 100%;
	padding: 16px;
	font-size: 16px;
	background: #ffffffa6;
	border: 1px solid var(--bs-gray-light);
	border-radius: 40px !important;
	height: 48px;
}

.nav-section {
	padding: 20px 58px 0px 35px;
}

.search {
	position: relative;
}

.search input {
	height: 30px;
	text-indent: 25px;
	border: 2px solid var(--bs-gray-light);
}

.search input:focus {
	border: solid 1px var(--bs-color-custom1);
	box-shadow: 0 2px 0 var(--bs-color-custom1);
	outline: 0 none;
}

.search .fa-search {

	font-size: 16px;
	position: absolute;
	top: 16px;
	left: 16px;
	color: var(--bs-light-gray);
}

/* .MuiDataGrid-root .MuiDataGrid-cell {
	/* color: tomato; */
/* white-space: normal !important;
	word-wrap: break-word !important; */


/* } */
*/ .search button {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 38px;
	padding: 0;
	border: 0;
	border-radius: 30px;
	background: var(--bs-color-custom2) !important;
	border-color: var(--bs-color-custom2) !important;
	font-size: 12px;
	box-shadow: 0 1px 2px var(--bs-gray);
}

.search button:hover,
.search button:active {
	background: var(--bs-color-custom1) !important;
	border-color: var(--bs-color-custom1) !important;
	color: var(--bs-white) !important;
}

.search button:focus {
	box-shadow: none !important;
}

.signal-icon {
	position: absolute;
	height: 20px;
	left: 10px;
	top: 10px;
}

.hand-icon {
	height: 39px;
	margin-bottom: 10px;
}

.dashboard-table {
	padding: 12px;
}

.dashboard-table .card-title {
	font-size: 24px;
}

.MuiBox-root .css-19kzrtu {
	padding: 5px !important;
}

.dashboard-table .name {
	font-weight: 600;
}

.dashboard-table .text-info {
	color: var(--bs-color-custom2) !important;
	font-weight: 600;
}

.dashboard-table .action-btn {
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 25px;
	font-size: 12px;

	background: var(--bs-color-custom2);
	border-color: var(--bs-color-custom2);
	box-shadow: 0 1px 2px var(--bs-gray);
	display: flex;
	align-items: center;
	/* justify-content: space-around; */
	color: var(--bs-white);
}

/* .dashboard-table button:hover,
.dashboard-table button:active {
	background: var(--bs-color-custom1) !important;
	border-color: var(--bs-color-custom1) !important;
	color: var(--bs-white) !important;
} */
.logo_name>img {
	width: 80px;
	height: 80px;
}

.dashboard-table button:focus {
	box-shadow: none !important;
}

.col-space {
	justify-content: space-between;
	display: flex;
}

.col-space .col {
	padding: 0;
	margin: 0.9rem 0 0;
	width: 30%;
}

.surplus-add-btn {
	float: right;
}

/* .col-space .card-body {
	padding: 1rem 0 0;
} */

.col-space h1 {
	font-weight: 700;
	font-size: 60px;
	margin: 0.5rem 0 0.5rem 0;
}

.col-space .card {
	height: 100%;
	min-height: 221px;
	border-radius: 10px;
}

.search {
	width: 72%;
	margin-left: auto;
}

.dashboard .pl-space {
	padding: 0 0 3em 3.5em;
}

.dashboard .pl-space-left-right {
	padding: 0 3.5em 3em 3.5em;
}

.dashboard .card-body .col-margin {
	margin: 0.9rem 0 0 0;
}

@media only screen and (max-width: 1300px) {}

@media only screen and (max-width: 1200px) {
	.formtexthelper-heading {
		font-size: 10px !important;
		line-height: 8px !important;
	}
}

@media only screen and (max-width: 991px) {
	.nav-section {
		padding: 0px 0px 0px 0px !important;
	}
	.background-animation {
		display: none !important;
	}

	.login-btn {
		width: 100% !important;
	}

	.bg-clip-art {
		display: none !important;
	}

	.dashboard .heading {
		padding: 0px 20px 0px 20px;
	}

	.signal-icon {
		display: none;
	}

	.row {
		--bs-gutter-x: 0;
		--bs-gutter-y: 0;
	}

	.pl-space {
		padding: 0 !important;
	}

	.main-app {
		display: none;
	}



	.sidenav {
		padding-top: 15px;
		display: block;
	}

	.sidenav a {
		font-size: 18px;
	}

	.signup-section {
		display: block;

	}

	.sign-up-logo {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.formtexthelper-heading {
		font-size: 6px !important;
		line-height: 8px !important;
	}

	.dashboard .heading {
		text-align: center;
	}

	.surplus-add-btn {
		float: none;

	}

	.search {
		margin: auto;
	}

	.signup-section {
		background-position: initial;
	}

}

@media only screen and (max-width: 575px) {
	.container {
		padding: 0;
	}

	.dashboard {
		padding: 0;
		margin: 0;
	}

}

@media only screen and (max-width: 414px) {
	.dashboard .card-body {
		display: block;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.dashboard table {
		white-space: nowrap;
	}

	.search {
		margin: 1em 0 0 !important;
		width: 100%;
	}

	.dashboard .heading {
		padding: 0 8px 10px 8px;
		margin-top: -10px;
	}

	.dashboard-content {
		line-height: 8px;
	}

	/* .col-space .card {
		padding: 0.5em 0 2em !important;
	} */

	.signal-icon {
		display: none;
	}

	.row {
		--bs-gutter-x: 0;
		--bs-gutter-y: 0;
	}

	.pl-space {
		padding: 0 !important;
	}
}

@media only screen and (max-width: 320px) {
	.signal-icon {
		display: none;
	}

	.row {
		--bs-gutter-x: 0;
		--bs-gutter-y: 0;
	}

	.pl-space {
		padding: 0 !important;
	}

}

.pl-space {
	padding: 0 0 0 3.5em;
}

.dashboard .pl-space-left-right {
	padding: 0 3.5em 0 3.5em;
}

.card-body-overflow {
	overflow: auto;
}

.p-avatar-0 {
	padding: 19px 0 0 0;
}

@media only screen and (max-width: 991px) {

	.menubarwave.close {
		transition: all 0.5s ease;
		display: none !important;
	}

	.sidebarimg.close {
		right: calc(0px - 40px);
		right: -100px;
	}
}


.sidenav-icon {
	font-size: 30px;
	cursor: pointer;
	position: absolute;
	/* left: 10px; */
	right: 10px;
}


.select-lable {
	position: absolute;
	top: -12px;
	left: 0;
	height: 100%;
	padding: 1rem 0.75rem;
	pointer-events: none;
	border: 1px solid transparent;
	transform-origin: 0 0;
	transition: opacity .1s ease-in-out, transform .1s ease-in-out;
}

.floating-label {
	position: relative;
}

.nav-icons-ml {
	margin-left: 80%;
}

/* 
.MuiDataGrid-root .MuiDataGrid-cell 

	white-space: normal !important;
	word-wrap: break-word !important;

 
	/* display: -webkit-box !important;  */
/* -webkit-line-clamp: 2 !important; */
/* -webkit-box-orient: vertical !important;
	overflow: ellipsis !important;
	align-items: center !important; */
/* text-align: center !important; */

*/ .floating-select:focus {
	outline: none;
	border-bottom: 2px solid var(--bs-color-custom1);
}


.floating-select:focus~label,
.floating-select:not([value=""]):valid~label {
	opacity: .65;
	transform: scale(.85) translateY(-1.1rem) translateX(0.15rem);

}

/* active state */
.floating-select:focus~.floating-select:focus~ {
	width: 50%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* active state */
.floating-select:focus~ {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
}


.ocean {
	height: 100%;
	width: 6400px;
	position: absolute;
	background: var(--bs-color-custom2);
	transform: rotate(90deg);
	margin-right: 500px;
}

.dashboard-form-heading {
	display: none;
}

@media only screen and (max-width: 991px) {
	h1.dashboard-form-heading.text-center {
		padding: 0.4em 0;
		background: var(--bs-color-custom2);
		color: var(--bs-white);
		display: block;
		position: relative;
		width: 100%;
		height: 70px;
	}

	.curved-div {
		display: none !important;
	}

}


.wave {
	background: url(../../brand/Login-left_layout.svg) repeat-x;
	/* if want change svg color plz also change in svg file  */
	position: absolute;
	top: -185px;
	width: 6400px;
	height: 198px;
	animation: wave 90s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
	transform: translate3d(0, 0, 0);

}

.wave:nth-of-type(2) {
	top: -170px;
	animation: wave 90s cubic-bezier(0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 90s ease -1.25s infinite;
	opacity: 1;

}

@keyframes wave {
	0% {
		margin-left: 0;
	}

	100% {
		margin-left: -1600px;
	}
}

@keyframes swell {

	0%,
	100% {
		transform: translate3d(0, -25px, 0);
	}

	50% {
		transform: translate3d(0, 5px, 0);
	}
}

.ocean-signUp1 {
	height: 100%;
	width: 100%;
	/* background: var(--bs-color-custom2); */
	position: absolute;
	bottom: 0;
	left: 0;
	transform: rotate(270deg);
	z-index: -1;
	opacity: 0.25;

}

.ocean-signUp2 {
	height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: var(--bs-color-custom2);
	transform: rotate(90deg);
	z-index: -1;
	opacity: 0.25;
}

.wave-signUp1 {
	background: url(../../brand/signup.svg) repeat-x;
	/* if want change svg color plz also change in svg file  */
	position: absolute;
	top: -198px;
	width: 6400px;
	height: 198px;
	animation: wave 90s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
	transform: translate3d(0, 0, 0);
}

.wave-signUp1:nth-of-type(2) {
	top: -175px;
	animation: wave2 90s cubic-bezier(0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 90s ease -1.25s infinite;
	opacity: 1;
}

.wave-signUp2 {
	background: url(../../brand/signup.svg) repeat-x;
	/* if want change svg color plz also change in svg file  */
	position: absolute;
	top: -198px;
	width: 6400px;
	height: 198px;
	animation: wave3 90s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
	transform: translate3d(0, 0, 0);
}

.wave-signUp2:nth-of-type(2) {
	top: -175px;
	animation: wave3 90s cubic-bezier(0.36, 0.45, 0.63, 0.53) -.125s infinite, swell3 90s ease -1.25s infinite;
	opacity: 1;
}


.ocean2 {
	height: 100%;
	width: 100%;
	background: var(--bs-color-custom4);
	position: absolute;
	bottom: 0;
	left: 0;
	transform: rotate(270deg);
	z-index: -1;
	opacity: 0.25;
}

.ocean3 {
	height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	/* background:rgba(var(--bs-color-custom3), 0.25); */
	transform: rotate(90deg);
	z-index: -1;
	opacity: 0.25;
}

.wave2 {
	background: url(../../brand/dashboard.svg) repeat-x;
	/* if want change svg color plz also change in svg file  */
	position: absolute;
	top: -198px;
	width: 6400px;
	height: 198px;
	animation: wave 90s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
	transform: translate3d(0, 0, 0);
}

.wave2:nth-of-type(2) {
	top: -175px;
	animation: wave2 90s cubic-bezier(0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 90s ease -1.25s infinite;
	opacity: 1;
}

@keyframes wave2 {
	0% {
		margin-left: 0;
	}

	100% {
		margin-left: -1600px;
	}
}

@keyframes swell2 {

	0%,
	100% {
		transform: translate3d(0, -25px, 0);
	}

	50% {
		transform: translate3d(0, 5px, 0);
	}
}


.wave3 {
	background: url(../../brand/dashboard.svg) repeat-x;
	/* if want change svg color plz also change in svg file  */
	position: absolute;
	top: -198px;
	width: 6400px;
	height: 198px;
	animation: wave3 90s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
	transform: translate3d(0, 0, 0);
}

.wave3:nth-of-type(2) {
	top: -175px;
	animation: wave3 90s cubic-bezier(0.36, 0.45, 0.63, 0.53) -.125s infinite, swell3 90s ease -1.25s infinite;
	opacity: 1;
}

@keyframes wave3 {
	0% {
		margin-left: 0;
	}

	100% {
		margin-left: -1600px;
	}
}

@keyframes swell3 {

	0%,
	100% {
		transform: translate3d(0, -25px, 0);
	}

	50% {
		transform: translate3d(0, 5px, 0);
	}
}

.animation-relative {
	position: relative;
}

.bg-clip-art {
	position: absolute;
	bottom: -7.3em;
	z-index: -1;
	left: -300px;
}

.bg-clip-art-animate-zoom {
	animation: animatezoom 2s;
}

@keyframes animatezoom {
	from {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

.MobileWaves {
	width: 100%;
	position: relative;
	height: 15px;
	min-height: 15px;
	max-height: 15px;
	top: -40px;
}

.parallax>use {
	animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax>use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 14s;
}

.parallax>use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 20s;
}

.parallax>use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 26s;
}

.parallax>use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 40s;
}

@keyframes move-forever {
	0% {
		transform: translate3d(-90px, 0, 0);
	}

	100% {
		transform: translate3d(85px, 0, 0);
	}
}

.background-animation {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
}

.menubarwave {
	transition: all 0.5s ease;
}

.sidebarimg.close {
	position: absolute;
	display: block;
	right: calc(0px + 30px);
	height: 100%;
	width: 120px;
	top: 0;
	z-index: 100;
}

.sidebarimg {
	position: absolute;
	display: block;
	right: calc(0px + 210px);
	height: 100%;
	width: 120px;
	top: 0;
	transition: all 0.5s ease;
	z-index: 100;
}

.sidebarimg>g {
	fill: var(--bs-color-custom2);
}

.mask1 {
	-webkit-mask-image: url(../../brand/google.png);
	mask-image: url(../../brand/google.png);
	-webkit-mask-size: 100%;
	mask-size: 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.sidebar {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 290px;
	/* background: #0d537b; */
	z-index: 100;
	transition: all 0.7s ease;
	display: block;
}

.sidebar.close {
	width: 130px;
}

.sidebar .logo-details {
	height: 48px;
	width: 100%;
	display: flex;
	align-items: center;
	z-index: 1000;
	position: absolute;
	background: var(--bs-color-custom1);
}

.sidebar .logo-details .close-btn {
	font-size: 30px;
	color: var(--bs-white);
	height: 50px;
	min-width: 78px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}

.sidebar .logo-details .logo_name {
	font-size: 22px;
	color: var(--bs-white);
	font-weight: 600;
	transition: 0.3s ease;
	transition-delay: 0.1s;
}

.sidebar.close .logo-details .logo_name {
	transition-delay: 0s;
	opacity: 0;
	pointer-events: none;
}

.sidebar.close .logo-details {
	margin-left: 55px;
}

.sidebar .nav-links {
	height: 100%;
	padding: 48px 0 150px 0;
	overflow: auto;
}

.sidebar.close .nav-links.close {
	overflow: visible;
	width: 75px;
}

/* .sidebar .nav-links::-webkit-scrollbar {
	display: none;
} */

.sidebar .nav-links li {
	position: relative;
	list-style: none;
	transition: all 0.4s ease;
	padding: 0.25em 1.5em 0 0.2em;
}

.sidebar .nav-links li:hover {
	background: var(--bs-color-custom2);
}

.sidebar .nav-links li .iocn-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sidebar.close .nav-links li .iocn-link {
	display: block
}

.sidebar .nav-links li i {
	height: 50px;
	min-width: 78px;
	text-align: center;
	line-height: 50px;
	color: var(--bs-white);
	font-size: 20px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.sidebar .nav-links li.showMenu i.arrow {
	transform: rotate(-180deg);
}

.sidebar.close .nav-links i.arrow {
	display: none;
}

.sidebar .nav-links li a {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.sidebar .nav-links li a .link_name {
	font-size: 18px;
	font-weight: 400;
	color: var(--bs-white);
	transition: all 0.4s ease;
}

.sidebar.close .nav-links li a .link_name {
	/* opacity: 0; */
	pointer-events: none;
}

.sidebar .nav-links li .sub-menu {
	padding: 6px 6px 14px 20px;
	margin-top: -10px;
	background: var(--bs-color-custom2);
	display: none;
}

.sidebar .nav-links li .sub-menu1 {
	padding: 6px 6px 14px 20px;
	margin-top: -10px;
	background: var(--bs-color-custom2);
	display: none;
}

.sidebar .nav-links li.showMenu {
	background: var(--bs-color-custom2);
	position: relative;
	list-style: none;
	transition: all 0.4s ease;
	padding: 0.25em 1.5em 0 3.5em;
}

.sidebar .userProfile {
	height: auto;
	background: var(--bs-color-custom2);
	padding: 1em 1.5em 1em 0.2em !important;
	bottom: 0;
	position: fixed !important;
}

.sidebar.close .userProfile {
	background: none;
	list-style: none;
	transition: all 0.4s ease;
	padding: 1em 0 1em 0.2em;
}

.sidebar .nav-links li.showMenu .sub-menu {
	display: block;
}

.sidebar .nav-links li.showMenu .sub-menu1 {
	display: block;
}

.sidebar .nav-links li .sub-menu a {
	color: var(--bs-white);
	font-size: 15px;
	padding: 7px 0;
	white-space: nowrap;
	opacity: 0.6;
	transition: all 0.3s ease;
}

.sidebar .nav-links li .sub-menu1 a {
	color: var(--bs-white);
	font-size: 15px;
	padding: 7px 0;
	white-space: nowrap;
	opacity: 0.6;
	transition: all 0.3s ease;
}

.sidebar .nav-links li .sub-menu a:hover {
	opacity: 1;
}

.sidebar .nav-links li .sub-menu1 a:hover {
	opacity: 1;
}

.sidebar.close .nav-links li .sub-menu {
	position: absolute;
	right: 0;
	top: -10px;
	margin-top: 0;
	padding: 10px 20px;
	border-radius: 6px 0 0 6px;
	opacity: 0;
	display: block;
	pointer-events: none;
	transition: 0s;
}

.sidebar.close .nav-links li .sub-menu1 {
	position: absolute;
	right: 0;
	top: -10px;
	margin-top: 0;
	padding: 10px 20px;
	border-radius: 6px 0 0 6px;
	opacity: 0;
	display: block;
	pointer-events: none;
	transition: 0s;
}

/* .sidebar.close .nav-links li:hover .sub-menu {
	top: 0;
	opacity: 1;
	pointer-events: auto;
	transition: all 0.4s ease;
} */

.sidebar .nav-links li .sub-menu .link_name {
	display: none;
}

.sidebar .nav-links li .sub-menu1 .link_name {
	display: none;
}

.sidebar.close .nav-links li .sub-menu .link_name {
	font-size: 18px;
	opacity: 1;
	display: block;
}

.sidebar.close .nav-links li .sub-menu1 .link_name {
	font-size: 18px;
	opacity: 1;
	display: block;
}

.sidebar .nav-links li .sub-menu.blank {
	opacity: 1;
	pointer-events: auto;
	padding: 3px 20px 6px 16px;
	opacity: 0;
	pointer-events: none;
}

.sidebar .nav-links li .sub-menu1.blank {
	opacity: 1;
	pointer-events: auto;
	padding: 3px 20px 6px 16px;
	opacity: 0;
	pointer-events: none;
}

.sidebar .nav-links li:hover .sub-menu.blank {
	top: 50%;
	transform: translateY(-50%);
}

.sidebar .nav-links li:hover .sub-menu1.blank {
	top: 50%;
	transform: translateY(-50%);
}

.sidebar.close .profile-details {
	position: fixed;
	bottom: 0;
	width: 260px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--bs-color-custom2);
	padding: 12px 0;
	transition: all 0.5s ease;
}

.sidebar .profile-details {
	position: relative;
	width: 290px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--bs-color-custom2);
	transition: all 0.5s ease;
	color: white;
}

.sidebar.close .profile-details {
	background: none;
}

.sidebar.close .profile-details {
	width: 78px;
}

.sidebar .profile-details .profile-content {
	display: flex;
	align-items: center;
}

.sidebar .profile-details img {
	height: 52px;
	width: 52px;
	object-fit: cover;
	border-radius: 16px;
	margin: 0 14px 0 12px;
	background: var(--bs-color-custom1);
	transition: all 0.5s ease;
}

.sidebar.close .profile-details img {
	padding: 10px;
}

.sidebar .profile-details .profile_name,
.sidebar .profile-details .job {
	color: var(--bs-white);
	font-size: 18px;
	font-weight: 500;

}

.sidebar.close .profile-details i,
.sidebar.close .profile-details .profile_name,
.sidebar.close .profile-details .job {
	display: none;
}

.sidebar .profile-details .job {
	font-size: 12px;
}

.home-section {
	position: relative;
	background: #E4E9F7;
	/* match with animation svg*/
	height: 100vh;
	left: 260px;
	width: calc(100% - 260px);
	transition: all 0.5s ease;
	padding: 12px;
}

.sidebar.close~.home-section {
	left: 78px;
	width: calc(100% - 78px);
}

.home-content {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.home-section .home-content .bx-menu,
.home-section .home-content .text {
	color: #11101d;
	font-size: 35px;
}

.home-section .home-content .bx-menu {
	cursor: pointer;
	margin-right: 10px;
}

.home-section .home-content .text {
	font-size: 26px;
	font-weight: 600;
}

@media screen and (max-width: 400px) {
	.sidebar {
		width: 240px;
	}

	.sidebar.close {
		width: 78px;
	}

	.sidebar .profile-details {
		width: 240px;
	}

	.sidebar.close .profile-details {
		background: none;
	}

	.sidebar.close .profile-details {
		width: 78px;
	}

	.home-section {
		left: 240px;
		width: calc(100% - 240px);
	}

	.sidebar.close~.home-section {
		left: 78px;
		width: calc(100% - 78px);
	}
}

.signup-section-page {
	position: relative;
	height: inherit;
}

#snackbarSuccess,
#snackbarError {
	visibility: hidden;
	min-width: 250px;
	max-width: 500px;
	margin-left: -125px;
	border-radius: 5px;
	padding: 16px;
	position: fixed;
	z-index: 9999;
	right: 40px;
	top: 0;
	font-size: 17px;
}

#snackbarSuccess.show,

#snackbarError.show {
	visibility: visible;
	position: absolute;
	/* -webkit-animation: linear;
	-webkit-animation-name: run;
	-webkit-animation-duration: 0.3s; */
}

@-webkitFeyframes run {
	0% {
		right: 0;
	}

	50% {
		right: 20px;
	}

	100% {
		right: 40px;
	}
}

.mt-gutter {
	margin: 1.1em auto 0 !important;
}

.mb-gutter {
	margin: 0 auto 1.1em !important;
}

.mg-gutter {
	margin: 0 auto 0.5em !important;
}

.loginpage-samespace2 {
	margin: 0.9em 0 0;
}

.wave-hand {
	animation-name: hand-wave-animation;
	/* Refers to the name of your @keyframes element below */
	animation-duration: 2.5s;
	/* Change to speed up or slow down */
	animation-iteration-count: infinite;
	/* Never stop waving :) */
	transform-origin: 70% 70%;
	/* Pivot around the bottom-left palm */
	display: inline-block;
}

@keyframes hand-wave-animation {
	0% {
		transform: rotate(0.0deg)
	}

	10% {
		transform: rotate(14.0deg)
	}

	/* The following five values can be played with to make the waving more or less extreme */
	20% {
		transform: rotate(-8.0deg)
	}

	30% {
		transform: rotate(14.0deg)
	}

	40% {
		transform: rotate(-4.0deg)
	}

	50% {
		transform: rotate(10.0deg)
	}

	60% {
		transform: rotate(0.0deg)
	}

	/* Reset for the last half to pause */
	100% {
		transform: rotate(0.0deg)
	}
}

.form-container {
	display: flex;
	align-items: center;
	height: 87%;
}

.oauth-button {
	background: #fff;
	color: rgba(0, 0, 0, 0.54);
	box-shadow: rgb(0 0 0 / 20%) 1px 1px 5px 0;
	border-color: transparent;
	text-align: center;
	border-radius: 10px;
	width: 99%;
	height: 48px;
	padding-top: 0;
	-webkit-transition: background-color .2s ease-in-out 0s, border-color .2s ease-in-out 0s;
	transition: background-color .2s ease-in-out 0s, border-color .2s ease-in-out 0s;
}

#google-icon {
	background: url(../../brand/sign-in-with-google.svg) 0 50% no-repeat;
}

.oauth-button span.icon {
	display: inline-block;
	border-radius: 1px;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

.oauth-button span.label {
	display: inline-block;
	vertical-align: middle;
	font-family: inherit;
	font-weight: bold;
	color: #505f79;
	padding: 3px;
	height: 48px;
	line-height: 41px;
}

.oauth-button:hover {
	cursor: pointer;
	background-color: #F9FAFC;
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
	padding-top: 2rem !important;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
	transform: scale(.85) translateY(-1.1rem) translateX(0.15rem) !important;
}

.floating-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='275//www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat: no-repeat;
	background-position: calc(100% - 3%);

}

/* .sidebar.close .mask {
	background-image: url(../../brand/sidebarShap.svg);
	-webkit-mask-image:unset;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: unset;
  } */
.sidebar.close .nav-links li.showMenu {
	display: none;
	-webkit-mask-size: 52vh 100vh;
	mask-size: 52vh 100vh;
}

.sidebar .mask {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	height: 100vh;
	background: var(--bs-color-custom1);
	/* -webkit-mask-image: url(https://i.imgur.com/G28xnKP.png);
	mask-image: url(https://i.imgur.com/G28xnKP.png); */
	-webkit-mask-position: left center;
	mask-position: left center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 52vh 100vh;
	mask-size: 52vh 100vh;
}

.bx-menu-close-mobile {
	display: none;
}

.sidebar .nav-links {
	width: 290px;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;

}

.removebackgroudcolor {
	background-color: unset !important;
}


/*======================
                404 page
=======================*/


.page_404 {
	padding: 40px 0;
	background: #fff;
}

.page_404 img {
	width: 100%;
}

.four_zero_four_bg {

	background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
	height: 400px;
	background-position: center;
}


.four_zero_four_bg h1 {
	font-size: 80px;
}

.four_zero_four_bg h3 {
	font-size: 80px;
}

.link_404 {
	color: #fff !important;
	padding: 10px 20px;
	background: #39ac31;
	margin: 20px 0;
	display: inline-block;
}

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


/* New UI CSS */

.shadow {
	box-shadow: 0px 4px 15px 4px rgba(0, 0, 0, 0.05) !important;
}

/* .bg-dm-light {
    background-color: #0f172a;
    background-color: #132D3D;
} */

.text-primary {
	color: #169fda !important;
}

/* .btn {
    padding: 12px 33px;
    border-radius: 50px;
	color: #ffffff;
} */
.btn1 {
	padding: 8.5px 33px;
	border-radius: 50px;
	color: #ffffff;
	border: none;
}

.btn>svg {
	margin-top: -4px;
	margin-right: 5px;
}

.btn-secondary {
	background: #1e293b;
	border-color: #1e293b;
}

.btn-Selected:hover,
.btn-Selected:focus {
	background: #019dd9 !important;
	border-color: none !important;
	color: #ffffff;
	font-weight: 100 !important;
}

.btn-Selected1:hover,
.btn-Selected1:focus {
	background: #019dd9 !important;
	border-color: none !important;
	color: #ffffff;
	font-weight: 100 !important;
}

.btn1 {
	box-shadow: 0 5px 25px rgba(0, 0, 0, .15);
}

.btn-primary {
	color: black;
}

/* .btn-primary:hover,
.btn-primary:focus {
    background: #1077a3 !important;
    border-color: #1077a3 !important;
	color: #ffffff;
} */

.btn-primaryGrid {
	background: #169fda !important;
	border-color: #169fda !important;
	height: 45px;
	margin-top: 3px;
}

/* .btn-primary:hover, .btn-primary:focus {
    background: #02a4e3 !important;
    border: none !important;
    color: #ffffff;
    border-radius: 100px !important;
	font-weight: 100;
} */

th.sortable {
	cursor: pointer;
}



th.sortable {
	cursor: pointer;
}

th.sortable::after {
	content: "\f0dc";
	font-size: 12px;
	color: #ccc;
	float: right;
	padding-top: 4px;
}

/* th.asc::after {
	content: url("data:image/svg+xml,%3Csvg width='15' height='25' viewBox='0 0 15 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 15.625L7.5 19.375L11.25 15.625' stroke='%23162E3C' strokeWidth='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.25 9.375L7.5 5.625L3.75 9.375' stroke='%23162E3C' strokeWidth='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	color: #000;
	position: absolute;
    top: auto;
    left: auto;
  }
  



  th.desc::after {
    content: url("data:image/svg+xml,%3Csvg width='15' height='25' viewBox='0 0 15 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 15.625L7.5 19.375L11.25 15.625' stroke='%23162E3C' strokeWidth='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.25 9.375L7.5 5.625L3.75 9.375' stroke='%23162E3C' strokeWidth='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    color: #000;
    position: absolute;
    top: auto;
    left: auto;
} */

/* Table sorting ends  */


.collapsible {
	transform: translateX(calc(100% - 90px));
	transition: ease all .3s;
}


.collapsible.active {
	transform: translateY(0);
}


.active>.page-link,
.page-link.active {
	background-color: #169fda;
	border-color: #169fda;
}

.page-link {
	color: #0d0e0e;
	border: none;
	color: #162E3C;
	text-align: center;

	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	padding: 0px 3px;
}

.forget-password a {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}

.filemule-main p {
	color: white;
	font-size: 24px;
	/* line-height: 32px; */
	text-align: center;
	margin-top: 0.4%;
}

.text-fields {
	margin-top: 65px;
}

.forget-password {

	max-width: 200px;
	margin: auto;
	margin-top: 24px;
}

/* input#input-box::placeholder {
    
    font-size: 18px  !important;
    line-height: 28px;
    text-align: left;
    color: #ffffff !important;
	z-index: 999;
} */
.forget-sec-1 {
	max-width: 300px;
	margin: auto;
	margin-top: 25px;
	text-align: center;
}

.btn-121 {
	border-radius: 100px !important;
	padding: 9px 73px !important;
	text-transform: capitalize !important;
	background-color: #02A4E3 !important;
	font-size: 18px !important;
	line-height: 28px !important;
	text-align: center !important;
	max-width: 300px;
	margin: auto;
	margin-top: 22px !important;
	font-family: "Proxima Nova" !important;
	font-weight: 600 !important;
	margin-bottom: 225px !important;
}

.main-section {
	background-image: url("/assets/Brand/Login.png");
	background-repeat: no-repeat;
	background-size: cover;
	/* padding: 12.5% 0 2% 0; */
	height: 100vh;
	overflow-y: auto;
}

.terms-privacy {
	/* margin-top: 10%; */
	text-align: center;
	font-family: 'Proxima Nova', 'sans-serif' !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: white;
	-webkit-text-strokeWidth: 0.2px;
	-webkit-text-stroke-color: #000;
}

.TextField::placeholder {
	color: #999;
	font-style: italic;
}

.MuiDataGrid-columnHeadersInner,
.MuiDataGrid-columnHeaders {
	min-height: 50px !important;
	line-height: 50px !important;
}

.input-box {
	width: 100%;
	border-radius: 6.25rem;
	border: 0.0625rem solid var(--FM-Blue-100, #02A4E3);
	background: #1F3847;
	padding: 2.25rem 1.75rem;
	font-family: "Proxima Nova" !important;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem;
	height: 3.1875rem;
	/* max-width: 25.6%; */
	margin: auto;
	color: #D0D5DD !important;
}


input::placeholder {
	color: var(--Gray2-100, #D0D5DD);
	font-family: "Proxima Nova" !important;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	/* 155.556% */
}

input#password {
	margin-top: 27px;
}

.input-box:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #1F3847 inset !important;
	/* Change the color to whatever you need */
	-webkit-text-fill-color: rgb(255, 255, 255);
	color: var(--Gray2-100, #D0D5DD);
	font-family: "Proxima Nova" !important;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	/* 155.556% */

}



.white {
	color: white;
}

.banner-section {
	background-color: #162E3C;
	/* height: 52vh; */
	/* padding: 37px 78px 0px 57px; */
	height: auto;
	box-shadow: 0px -3px 20px #000;
}

.admin-layout .main {
	top: -35%;
	overflow: auto !important;
}

.admin-layout .img-bg-sec {
	background-image: url('/assets/brand/Dots_3\ 1.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.admin-layout .banner-section {
	height: 52vh;
	box-shadow: none;
}

.admin-layout .nav-section {
	padding: 20px 78px 0px 57px;
}

.admin-layout .custom-tr,
.admin-layout .MuiDataGrid-columnHeaders {
	border-radius: 38px !important;
	border: 1px solid rgba(22, 46, 60, 0.20) !important;
	padding-top: 10px;
	background: #f9f9f9;
	line-height: initial;
}

.admin-layout .MuiDataGrid-pinnedColumnHeaders {
	background-color: #FFF !important;
}

.admin-layout .table-card-title {
	color: #162E3C;
}

.admin-layout .MuiDataGrid-columnHeader .MuiDataGrid-checkboxInput {
	color: rgba(0, 0, 0, 0.6);
}

.admin-layout .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeaderTitle,
.admin-layout .MuiDataGrid-columnHeaders .MuiDataGrid-menuIconButton,
.admin-layout .MuiDataGrid-columnHeaders .MuiDataGrid-iconButtonContainer button {
	color: #162E3C;
}

.admin-layout .table-card-title + svg {
	color: rgba(0, 0, 0, 0.87);
}

.admin-layout .MuiDataGrid-pinnedColumnHeaders .MuiDataGrid-columnHeader {
	margin-right: 7px;
}

.admin-layout .MuiDataGrid-pinnedColumns .documents-uploded {
	border-right: 0;
	right: -3px;
    top: -.5px;
}

.img-bg-sec {
	/* background-image: url('/assets/brand/Dots_3\ 1.png');
	background-size: cover;
	background-repeat: no-repeat; */
	background-color: var(--bs-color-custom6);
	padding-bottom: 10px;
}

/* .img-bg-sec.demo-1 {
	background-color: var(--bs-color-custom6);
	background-image: none;
	padding-bottom: 20px;
} */

/* .img-bg-sec.demo-3 {
	background-color: var(--bs-color-custom6);
	background-image: none;
	padding-bottom: 10px;
} */

.img-bg-sec .nav-section {
	padding-top: 10px;
}

img {
	width: 100%;
}

.nav-left img {
	max-width: 178px;
}

.tag {
	margin-left: 27px;
}

.line {
	margin: 0px 6px 0px 33px;
}

/* .main {
    margin-top: 110px;
} */
.rounded,
.MuiDialog-paper:not(.no-round-corner) {
	border-radius: 25px !important;
	padding: 15px !important;
	/* overflow: scroll !important; */
}

.no-round-corner .MuiDialog-paper {
	border-radius: 0px !important;
	padding: 0px !important;
}

/* .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #02a4e3 !important;
    border-color: #02a4e3 !important;
    border-radius: 100px !important;
} */
/* svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.MuiSelect-icon.MuiSelect-iconOutlined.css-hfutr2-MuiSvgIcon-root-MuiSelect-icon {
    display: none;
} */

.mail-dialog {
	color: #162E3C;
	text-align: center;
	font-family: "Proxima Nova";
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 38px;
	/* 126.667% */
}

.btn-2 {
	min-width: 112px;
	border-color: #02A4E3 !important;
	color: black;
	text-align: center !important;
	font-size: 14px;
	font-style: normal;
	justify-content: center;
	/* text-align: center; */
	/* max-width: 81px; */
	font-weight: 600;
	line-height: 20px;
	padding: 9.9px 20.3px;
	border-radius: 100px;
	background: #FFF;
	box-shadow: 0px 3px 6.7px -1px rgba(16, 24, 40, 0.10);
}

.btn-clear-refresh {
	color: #000000 !important;
	border-radius: 100px !important;
	background: var(--FM-Blue-100, #ffffff);
	box-shadow: 0px 3px 6.7px -1px rgba(16, 24, 40, 0.10) !important;
	/* font-weight: 100 !important; */
	border-color: #02A4E3;
	/* max-width: 145px; */
	/* border: none; */
	/* min-width: 112px; */
	font-size: 14px;
	font-weight: 600;
	padding: 9px 0px;
	width: 100%;
	overflow: hidden;

}

.active-btn1-blue-tabs {
	color: #ffffff !important;
	border-radius: 100px !important;
	background: var(--FM-Blue-100, #02A4E3);
	box-shadow: 0px 3px 6.7px -1px rgba(16, 24, 40, 0.10) !important;
	font-weight: 100 !important;
	/* max-width: 145px; */
	border: none;
	/* min-width: 112px; */
	padding: 9px 0px;
	width: 100%;
	overflow: hidden;
}

.btn-Selected {
	color: #ffffff !important;
	border-radius: 100px !important;
	background: var(--FM-Blue-100, #02A4E3);
	box-shadow: 0px 3px 6.7px -1px rgba(16, 24, 40, 0.10) !important;
	font-weight: 100 !important;
	/* max-width: 204px; */
	color: var(--White-100, #FFF);
	text-align: center;

	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
}

.btn-Selected1 {
	/* color: #ffffff !important; */
	border-radius: 100px !important;
	/* background: var(--FM-Blue-100, #02A4E3); */
	/* box-shadow: 0px 3px 6.7px -1px rgba(16, 24, 40, 0.10) !important; */
	font-weight: 100 !important;
	/* max-width: 100px; */
	margin-right: 10px !important;
	/* color: var(--White-100, #FFF); */
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
	color: #ffffff !important;
	border-radius: 100px !important;
	background: var(--FM-Blue-100, #02A4E3);
	box-shadow: 0px 3px 6.7px -1px rgba(16, 24, 40, 0.10) !important;
	font-weight: 100 !important;
	/* max-width: 204px; */
	border: none;
}

.btn {
	transition: none !important;
}

tbody,
td,
tfoot,
th,
thead,
tr {
	border-style: none !important;
}

table#myTable {

	margin: auto;
	margin-top: 40px;
}

.border-round,
.MuiInputBase-root {
	border-radius: 15px !important;
	margin-top: 2px;
}


/* .select-input-border {
    border-radius: 15px;
    border: 1px solid rgba(22, 46, 60, 0.20);
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
} */
/* .MuiInputLabel-formControl
{
	background-color: white;
} */
.select-input-border.text-input-box .MuiOutlinedInput-root {
	border-radius: 15px !important;
	/* overflow: hidden; */
}

.select-input-border,
.select-input-border>div>label {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: rgba(22, 46, 60, 0.7) !important;
	padding-top: 4px;
}

.custom-menu-item {
	color: rgba(22, 46, 60, 0.70) !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 20px !important;
	height: 45px !important;
}

.MuiFormLabel-root {
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 600 !important;
}

.search-Header select:focus,
textarea:focus,
input[type="email"]:focus {
	border-bottom: none !important;
	box-shadow: none;
	;
}

.text-input-box fieldset {
	border-color: rgba(22, 46, 60, 0.20) !important;
}

tr {
	border-radius: 32px;
	overflow: hidden;
}

table.table-boder-colapse {
	border-collapse: collapse;
}

.custom-tr,
.MuiDataGrid-columnHeaders {
	/* border-radius: 38px !important; */
	/* border: 1px solid rgba(22, 46, 60, 0.20) !important; */
	/* background: #f9f9f9; */
	line-height: initial;
	/* width: 100%; */
	/* overflow: inherit; */

	border: 0 !important;
	border-bottom: 1px solid rgba(22, 46, 60, 0.2) !important;
	border-radius: 0 !important;
	padding-top: 20px;
	padding-bottom: 10px;
	background: #2099d2;
}

.MuiDataGrid-columnHeaders.custom-header {
	padding-left: 10px;
}

/* .MuiDataGrid-columnHeaders.demo-1 {
	border: 0 !important;
	border-bottom: 1px solid rgba(22, 46, 60, 0.2) !important;
	border-radius: 0 !important;
} */

/* .MuiDataGrid-columnHeaders.demo-3 {
	border: 0 !important;
	border-bottom: 1px solid rgba(22, 46, 60, 0.2) !important;
	border-radius: 0 !important;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
	background: #2099d2;
} */

.MuiDataGrid-columnHeaders .MuiDataGrid-columnHeaderTitle,
.MuiDataGrid-columnHeaders .MuiDataGrid-menuIconButton,
.MuiDataGrid-columnHeaders .MuiDataGrid-iconButtonContainer button {
	color: #FFF;
}

.MuiDataGrid-main .MuiDataGrid-main .MuiDataGrid-columnHeaders .MuiDataGrid-menuIconButton {
	color: #162E3C;
}

.MuiDataGridPro-virtualScroller .MuiDataGrid-row {
	padding-left: 10px;
}

.MuiDataGrid-virtualScrollerRenderZone > div:nth-child(even),
.MuiDataGrid-pinnedColumns > div:nth-child(even) {
	background-color: rgba(0, 0, 0, .023);
}

.custom-tr-1 {
	border-radius: 38px !important;
	/* border: 1px solid rgba(22, 46, 60, 0.20) !important;  */
	background: #f9f9f9;
	line-height: initial;
	/* overflow: inherit; */
	border-collapse: unset !important;
}

tr.custom-tr th {
	padding: 15px 0px;
}

tbody.table-group-divider td {
	height: 60px !important;
}

.btn-tab {
	color: var(--FM-Navy-100, #162E3C);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
}

.main-tab {
	/* max-width: 1470px; */
	margin: auto;
}

/* .main {
    margin: auto;
    margin-left: 283px !important;
    margin-right: 277px !important;
    position: absolute;
    top: 30%;
} */
.main {
	width: 100%;
	margin: auto;
	position: relative;
	top: 50px;
	max-width: 95% !important;
	overflow: inherit !important;
	height: 77vh !important;

	/* margin-left: 41px; */
	/* z-index: 0; */
	/* overflow: auto; */
}

.main::-webkit-scrollbar {
	display: none;
	/* Safari and Chrome */
}

.reference-sheet-button {
	background: #2099d2;
	border: 1px solid #2099d2;
    padding-right: 7px;
    border-radius: 5px;
}

.reference-sheet-button a {
	display: flex;
	align-items: center;
}

.reference-sheet-button a span {
	color: #FFF;
    background: #2099d2;
    padding: 11px 5px;
	border-radius: 4px 0 0 4px;
	border-right: 1px solid #4fbaeb;
}

.doc-link {
	color: #FFF;
	border-radius: 50%;
	background-color: #2099d2;
	padding: 8px;
	margin-left: 8px;
}

.doc-link:hover {
	color: #FFF;
	background-color: #162f3c;
}

.MuiDataGrid-footerContainer {
	padding-right: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #ccc !important;
    padding-top: 10px;
}

.MuiDataGrid-footerContainer .MuiTablePagination-actions > button {
	background-color: #2099d2;
	color: #FFF;
}

.MuiDataGrid-footerContainer .MuiTablePagination-actions > button:not(.Mui-disabled):hover {
	background-color: #162f3c;
	color: #FFF;
}

.MuiDataGrid-footerContainer .MuiTablePagination-actions > button.Mui-disabled {
	background-color: #209ad292;
}

.MuiDataGrid-footerContainer .MuiTablePagination-actions > button + button {
	margin-left: 8px;
}

.MuiDataGrid-pinnedColumnHeaders {
	background-color: #2099d2 !important;
}

.MuiDataGrid-columnHeader .MuiDataGrid-checkboxInput {
	color: #FFF;
}

.MuiDataGrid-columnHeader .MuiDataGrid-checkboxInput.Mui-checked {
	color: #FFF;
}

button.page-link i {
	color: rgba(2, 164, 227, 1);
	font-size: 12px;
}

.pagination-container {
	padding-right: 50px !important;
}

.table-bordered {
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}

.active-btn-blue {
    color: #ffffff !important;
    border-radius: 100px !important;
    background: var(--FM-Blue-100, #02A4E3)  !important;
    box-shadow: 0px 3px 6.7px -1px rgba(16, 24, 40, 0.10) !important;
    font-weight: 100 !important;
    max-width: 145px  !important;
    border: none  !important;
    min-width: 125px  !important;
    padding: 6px 0px  !important;
    max-height: 45px  !important;
    font-size: 15px  !important;
    /* cursor: pointer  !important; */
}

.active-btn-green {
	color: #ffffff !important;
	border-radius: 100px !important;
	background: var(--FM-Blue-100, #22c574);
	box-shadow: 0px 3px 6.7px -1px rgba(16, 24, 40, 0.10) !important;
	font-weight: 100 !important;
	max-width: 145px;
	border: none;
	min-width: 125px;
	padding: 10px 0px;
	max-height: 45px;
	font-size: 15px;
}

.active-btn-red {
	color: #ffffff !important;
	border-radius: 100px !important;
	background: var(--FM-Blue-100, #f96726);
	box-shadow: 0px 3px 6.7px -1px rgba(16, 24, 40, 0.10) !important;
	font-weight: 100 !important;
	max-width: 145px;
	border: none;
	min-width: 125px;
	padding: 10px 0px;
	max-height: 45px;
	font-size: 15px;
}
.active-btn-blue-export-12 {
	color: #ffffff !important;
	border-radius: 100px !important;
	background: var(--FM-Blue-100, #02A4E3);
	box-shadow: 0px 3px 6.7px -1px rgba(16, 24, 40, 0.10) !important;
	font-weight: 100 !important;
	max-width: 145px;
	border: none;
	min-width: 125px;
	padding: 10px 0px;
	max-height: 45px;
	font-size: 15px;
}

.active-btn-print{
	color: #ffffff !important;
	border-radius: 100px !important;
	background: var(--FM-Blue-100, #02A4E3);
	box-shadow: 0px 3px 6.7px -1px rgba(16, 24, 40, 0.10) !important;
	font-weight: 100 !important;
	max-width: 145px;
	border: none;
	min-width: 125px;
	padding: 1px 0px;
	max-height: 45px;
	font-size: 15px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.btn-disabled {
	background: var(--FM-Gray-100, #969696);
	opacity: 0.5;
}
.sky-blue {
	color: #02A4E3 !important;
}

.datagrid-butons {
	padding: 5px 5px 5px 0px !important;
}

.MuiDataGrid-columnSeparator {
	display: none !important;
}

.rounded-circle img {
	border-radius: 50%;
}

.css-k1fiwk-MuiDataGrid-root .MuiDataGrid-cell,
.css-1hvzarr-MuiDataGrid-root .MuiDataGrid-cell,
.MuiDataGrid-footerContainer,
.css-1q9kjh1-MuiDataGrid-root .MuiDataGrid-cell {
	border-bottom: none !important;
	border-top: none !important
}

section.policy-dashboard-section {
	height: 100vh;
}

/* section.policy-dashboard-section.demo-2 {
	background-color: #f1f5f9;
} */

section.policy-dashboard-section .reference-sheet-button {
	background: transparent;
	border: 0;
}

section.policy-dashboard-section .reference-sheet-button a span {
	border-radius: 4px;
}

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

p.round-img-p {
	color: #FFF;
	text-align: center;

	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	max-width: 200px ;
}

.round-img-sec {
	margin-top: 73px;
}

.nav-bar-right-sides {
	margin-top: 107px;
}


.error {
	color: #ff0000;
	text-align: start;
	margin-left: 28px;
}

input:focus-visible {
	outline: none !important;
}

.card-title {
	color: #162E3C !important;
	font-size: 24px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 32px !important;
}

.css-ul02ik,
.css-1u724yd-MuiDataGrid-root .MuiDataGrid-cell {
	border-bottom: none !important;
}

.log-title {
	margin-bottom: 32px;
}

.MuiDataGrid-columnHeader:focus,
.css-k1fiwk-MuiDataGrid-root .MuiDataGrid-cell:focus,
.css-1gv8tj8-MuiDataGrid-root .MuiDataGrid-cell:focus {
	outline: none !important;
}

.MuiDataGrid-cell.MuiDataGrid-cell--textLeft,
.MuiDataGrid-cell {
	border-bottom: none !important;
}

.New-template-btn {
	border-radius: 100px !important;
	background: #02A4E3 !important;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
	color: white !important;
	text-align: center !important;
	font-size: 14px !important;
	font-style: normal !important;
	line-height: 20px !important;
	padding: 10px 10px !important;
	text-transform: capitalize !important;
	border: none !important;
}

.css-uqrkkz-MuiDataGrid-root .MuiDataGrid-columnHeader:focus,
.css-uqrkkz-MuiDataGrid-root .MuiDataGrid-cell:focus {
	outline: none !important;
}

/* .heading-req {
	padding-left: 346px;
} */

/* .table-header {
    background: var(--Gray1-100, #3b3b3b) !important;
} */

table {
	border-collapse: separate;
}

.table-header {
	padding: 9px 0px;
	width: 100%;
	/* We need this to be able to use border-radius. */
	border-collapse: separate;

	/* Add a 1px border spacing for out box-shadow to fit into. Increase this if you want to increase the border width. */
	border-spacing: 1px;
}

thead.table-header {
	/* We need this to be able to use border-radius. */
	border-collapse: separate;

	/* Add a 1px border spacing for out box-shadow to fit into. Increase this if you want to increase the border width. */
	border-spacing: 1px;
}

thead.table-header tr,
thead.table-header td {
	/* Remove any borders from our stylesheet. */
	border: 0;

	/* Use the spread value on the box-shadow to set the border width. */
	box-shadow: 0 0 0 1px rgba(22, 46, 60, 0.20);
}


/* .table-header tr {
	border: 1px solid black !important;
	border-radius: 28px !important;
} */

table tr:first-child th:first-child {
	border-top-left-radius: 30px !important;
}

table tr:last-child th:first-child {
	border-bottom-left-radius: 30px !important;
}

table tr:first-child th:last-child {
	border-top-right-radius: 30px !important;
}

table tr:last-child th:last-child {
	border-bottom-right-radius: 30px !important;
}

/* table  tr:first-child td:first-child {
	border-top-left-radius: 30px !important;
} */

/* table tr:last-child td:first-child {
	border-bottom-left-radius: 30px !important;
} */

/* table  tr:first-child td:last-child {
	border-top-right-radius:30px !important;
} */

/* table tr:last-child td:last-child {
	border-bottom-right-radius: 30px !important;
} */

.req-btn {
	border-radius: 100px !important;
	background: #02A4E3 !important;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
	color: #FFF !important;
	text-align: center !important;
	font-size: 14px !important;
	font-style: normal !important;
	/* font-weight: 600 !important; */
	line-height: 20px !important;
	max-width: 112px !important;
	padding: 10px 1px;
	margin-left: 24px;
}

.main-req-sec {
	padding: 35px 0px;
}

.layout-padding {
	padding: 40px 43px 0px 43px;
}

.next-btn,
.cancel-btn {
	border-radius: 100px;
	background: #02A4E3;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
	color: white;
	padding: 10px 41px;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
}

.btn-new-sub {
	margin-top: 250px;
	margin-left: 52px;
}

.btn-remove {
	padding: 11px 34px !important;
}

.MuiDataGrid-columnHeaderTitle {
	color: #162E3C;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 600 !important;
	/* line-height: 24px !important; */
}


.card-body-padding {
	padding: 1.5rem 2.8rem;
}

/* .next-cancel-btn {
	position: absolute;
	margin-top: 12%;
} */

.Popuptd {
	max-width: 250px;
	/* Set maximum width */
	/* overflow: hidden; */
	text-overflow: ellipsis;
	/* Add ellipsis for overflow */
	/* white-space: nowrap;  */
	text-align: center;
	word-wrap: break-word;
}

.table-hover>tbody>tr:hover {
	background: none !important;
}

/* .css-xadzvx {
	border-bottom: none !important;
} */

/* td.Popuptd a {
    color: #02A4E3;
} */
.custom-style-nav {
	position: absolute !important;
	z-index: 999;
	max-width: 359px;
	margin-left: auto;
	margin-top: -84px;
	height: 100%;
	right: 0px !important;
	background-color: #162E3C;
	overflow: auto;

}

.right-nav-spaceing {
	padding: 54px 30px 60px 30px;
}

.table-hover>tbody>tr:hover {
	--bs-table-accent-bg: none;
}

/* .css-1nitb7c,
.css-fwusln {
	border-bottom: none !important;
} */

input::placeholder {
	color: var(--Gray2-100, #D0D5DD);
	font-family: "Proxima Nova";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.search-btn {
	min-width: 85px;

}

.bottom-sticky-button {
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin: 20px;
	padding-left: 50px;
}

.filter-grid input {
	height: 28px;
}

.sub-card-title {
	color: #162E3C !important;
	font-family: "Proxima Nova" !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 28px !important;
	padding: 20px 0px 0px ;
}

/* .formtexthelper-heading {
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 18px !important;
	margin-left: 0px !important;
} */


.Notifications-text {
	color: #162E3C;
	font-family: "Proxima Nova";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	/* 142.857% */
}

.main-form input {
	height: 45px !important;
	padding: 0px 14px !important;
}

.main-form-autocomplete>.MuiFormControl-root>.MuiInputBase-root,
.main-form-autocomplete {
	height: 45px !important;
}

/* .main-form>.MuiFormControl-root>.MuiInputBase-root>.MuiSelect-select>input{
	height: 45px;
	padding:34px;
} */
.main-form-1 {
	padding: 11px 14px !important;
}

.main-form-2>div>.MuiSelect-select {
	padding: 11px !important;
}

.main-form-2>.MuiFormControl-root,
.main-form-2>.MuiSelect-select {
	padding: 11px !important;
	height: 45px;
}
/* .main-form-2>.MuiInputBase-root {
	height: 45px;
} */

.main-form-3>.MuiInputBase-input-MuiOutlinedInput-input {
    padding: 4px 8px !important;
    margin: 0 !important; 
    height: 28px;
    width: 100px;
    box-sizing: border-box;
}

.select-input-border>.MuiInputBase-root {
	padding: 11px !important;
	height: 45px;
}

/* .main-form-2>.MuiSelect-select {
	padding: 11px !important;
}  */

.box-inner-text>.MuiTypography-root {
	color: #162E3C !important;
	font-family: "Proxima Nova" !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 20px !important;
	/* 142.857% */
}

.requestMessage-textfield>.MuiFormControl-root>.MuiInputBase-root>textarea {
	color: rgba(22, 46, 60, 0.70);
	font-family: "Proxima Nova";
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
	/* 150% */
}

.forgot-password-section {
	margin-top: 12px;
}

.active-btn-white {
	border-radius: 100px;
	border: 0.75px solid #02A4E3;
	background: #FFF;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
	min-width: 112px;
	padding: 6px 0px;
	/* font-weight: 100 !important; */
	color: #162E3C;
	text-align: center;
	font-family: "Proxima Nova";
	font-size: 14px;
	font-weight: 600;
	min-height: 45px;
}

/* .MuiAutocomplete-inputRoot{
height: 45px;
} */

.pading-left-2 {
	padding-left: 2px;
}

.table-group-divider>tr>td {
	color: var(--FM-Navy-100, #162E3C) !important;
	font-family: "Proxima Nova" !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 24px !important;
}

.MuiDataGrid-toolbarContainer>.MuiButtonBase-root {
	color: #02A4E3 !important;
	font-family: "Proxima Nova";
	font-size: 13px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 20px;
	/* 142.857% */
}

/* .MuiButtonBase-root {
    color: #02A4E3 !important;
} */
.filemule-main>.img-logo {
	width: 295px;
}

.loginpage-samespace {
	margin: 1em auto 0 !important;
	max-width: 491px;
}

section.main-section {
	padding: 246px 0px 30px 0px;
}

.filter-blue>.MuiButtonBase-root {
	color: #02A4E3;
}

.filter-blue-1>.MuiButtonBase-root {
	color: #02A4E3;
	font-family: "Proxima Nova";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	/* 142.857% */
}

@media screen and (max-width: 1745px) {
	.bottom-sticky-button {
		position: relative;
		/* bottom: 0; */
		padding-left: 0px;
		margin-top: 10%;
	}
}

.btn-radius {
	border-radius: 100px !important;
	color: #FFF;
	text-align: center;
	font-family: "Proxima Nova";
	/* font-size: 14px !important; */
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
}

h2#swal2-title {
	color: #162E3C !important;
}

div#swal2-html-container {
	color: #162E3C;
}

div:where(.swal2-icon) {
	border: none !important;
}

.swal2-popup {
	border-radius: 25px !important;
}

.box-style {
	padding: 30px 15px 15px !important;
}

.state-box {
	height: 60vh;
}

.cut-main-btn {
	position: relative;
}

.cross-cut-icon {
	position: absolute !important;
	right: -48px;
	top: -36px;
}

.heading-req {
	margin-left: 5%;
}

.formtexthelper-heading-1 {
	color: rgba(22, 46, 60, 0.70) !important;
	font-family: "Proxima Nova" !important;
	font-size: 15px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 18px !important;
	/* 150% */
}


.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255,255)' stroke-linecap='round' stroke-miterlimit='10' strokeWidth='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
/* .MuiFormControl-marginDense.MuiTextField-root{
    margin: 0px !important;
} */
.css-1h1c3zs-MuiFormControl-root-MuiTextField-root{
	margin: 0px !important;
}
/* .css-advny6-MuiPopper-root{
	z-index: 999 !important;
} */

.field-text>.MuiInputBase-root>.MuiSelect-select {
	max-width: 260px;}
.css-fwusln {
    border-bottom: none !important;
}

.word-wrap-1 {
    display: inline-block;
    max-width: 122px;
    white-space: normal;
    word-wrap: break-word;
}


.hide-border-12>.MuiDataGrid-root>.MuiDataGrid-main>.css-f3jnds-MuiDataGrid-columnHeaders {
    border-radius: 0px !important;
	background-color: transparent;
	border: none  ;

}
.red-row {
	background-color: rgb(247, 158, 158) !important;
  }

/* .MuiFormControl-fullWidth{
	margin: 3px;
} */	

.profile-circle-img>img{
	border-radius: 50%;
	height: 65px;
	width: 65px;
}

.btn-profile-save {
    margin-top: 7px !important;
    margin-bottom: 5px !important;
    border-radius: 25px !important;
    font-weight: bold !important;
    padding: 7px 16.3px !important;
    width: 100% !important;
    height: 38.5px !important;
}

.btn-profile-cancel {
    margin-top: 7px !important;
    margin-bottom: 5px !important;
    border-radius: 25px !important;
    font-weight: bold !important;
    padding: 7px 15px !important;
    width: 100% !important;
	height: 38.5px !important;
}

.btn-primary-12 {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;}

	input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
		-webkit-background-clip: text;
		-webkit-text-fill-color: #000000;
		transition: background-color 5000s ease-in-out 0s;
		background: white;
	}

.password-cell {
	width: 100%;
	display: flex;
	align-items: center;
	input {
		width: 100%;
		height: fit-content;
	}
}

.document-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns */
    gap: 16px; /* Space between columns and rows */
}

.document-item {
    padding: 16px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease-in-out;
}

.document-item:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.uploaded-files {
    margin-top: 10px;
}

.file-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.file-name {
    font-size: 14px;
    color: #333;
}

.remove-button {
    background: none;
    border: none;
    color: red;
    font-size: 14px;
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}

.remove-button:hover {
    color: darkred;
}

.button-container {
    display: flex;
    justify-content: flex-end;
    gap: 12px; /* Space between the buttons */
}

.active-btn-blue {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 25px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.active-btn-blue:hover {
    background-color: #0056b3;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}

.logout-popup .swal2-icon-content {
	background-color: #01a4e4;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	color: #FFF;
}

.documents-uploded {
    border-radius: 4px; /* Rounded corners */
    /* margin: 4px; Add margin to prevent clipping */
    position: relative; /* Ensure it's above other content */
    z-index: 1; /* Bring it in front of the scrollbar */
    background-clip: padding-box; /* Ensure the border is not hidden */
	width: 98.5% !important;
}

.documents-uploded.green-border {
	border: 4px solid green;
  }

.without-documents {
	border: 0px;
	border-radius: 4px; /* Rounded corners */
    /*margin: 2px; /* Add margin to prevent clipping */
    position: relative; /* Ensure it's above other content */
    z-index: 1; /* Bring it in front of the scrollbar */
    background-clip: padding-box; /* Ensure the border is not hidden */
	width: 98.5% !important;
}
.custom-dropdown-menu {
	background-color: #162f3c !important; /* Light gray background */
	border: 1px solid #162f3c !important; /* Blue border */
	border-radius: 8px;
	width: 360px !important; /* Set dropdown width */
	max-height: 250px !important; /* Set max height */
	overflow-y: auto !important; /* Enable scrolling if needed */
	padding: 10px 0;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Optional: Add shadow */
  }
  
  /* Style each dropdown item */
  .custom-dropdown-item {
	background-color: #162f3c !important; /* Keep background white */
	color: white !important; /* Blue text color */
	padding: 12px 15px;
	font-size: 14px;
	border-bottom: 1px solid #162f3c;
	transition: background-color 0.2s ease-in-out;
  }
  
  /* Hover effect for better visibility */
  .custom-dropdown-item:hover {
	background-color: #e3f2fd !important; /* Light blue on hover */
  }
  
  /* Optional: Remove last item's border */
  .custom-dropdown-item:last-child {
	border-bottom: none;
  }