@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

body {
	font-family: 'Figtree', sans-serif;
	color: #565C62;
	font-size: 14px;
	font-weight: 400;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
}

a {
	color: #0090FF;
}

p {
	color: #565C62;
}

.btn-primary {
	background: #0090FF;
	border-color: #0090FF;
}

.form-control:focus {
	box-shadow: none;
	border-color: #86b7fe !important;
}

.form-control::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #C7CBCE;
}

.form-control::-moz-placeholder {
	/* Firefox 19+ */
	color: #C7CBCE;
}

.form-control:-ms-input-placeholder {
	/* IE 10+ */
	color: #C7CBCE;
}

.form-control:-moz-placeholder {
	/* Firefox 18- */
	color: #C7CBCE;
}

.top-auto {
	top: auto !important;
}

.bottom-15px {
	bottom: 15px !important;
}

.light-bg {
	background: linear-gradient(180deg, #DAEDFC 0%, #FFFAF3 100%);
}

.brand {
	width: 202px;
	margin: 0px auto;
	padding-top: 30px;
	padding-bottom: 60px;
}

.brand>a {
	display: block;
}

.brand a>img {
	width: 202px;
	display: block;
}

.card-form {
	max-width: 586px;
	padding: 40px;
	margin: 0px auto;
	border: none;
	min-height: 250px;
	margin-bottom: 60px;
}

.card-form h2 {
	color: #041A2F;
	font-size: 24px;
	font-weight: 600;
	margin: 0px 0px 14px 0px;
	line-height: 30px;
}

.card-form .sub-heading {
	color: #565C62;
	font-size: 18px;
	font-weight: 400;
	margin: 0px 0px 38px 0px;
	line-height: 24px;
	font-family: 'Figtree', sans-serif;
}

.x-form .form-label {
	font-size: 12px;
	font-weight: 400;
	color: #565C62;
	line-height: 14px;
	margin-bottom: 10px;
}

.x-form .form-control {
	padding: 14px 18px;
	border-radius: 8px;
	border: 1px solid #C7CBCE;
	font-size: 14px;
	font-weight: 400;
	line-height: 15px;
}

.form-control-icon {
	background-image: url("../icon/ic_eye.svg");
	background-repeat: no-repeat;
	background-position: right 18px center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.x-form .btn {
	padding: 14px 40px;
	border-radius: 24px;
	font-size: 16px;
	letter-spacing: 0.16px;
	font-weight: 600;
	line-height: 18px;
}

.x-form .form-forgot {
	margin: 20px 0px 40px 0px;
}

.x-form .form-forgot>a {
	text-decoration: none;
}

.input-group-icon .form-control {
	border-radius: 8px !important;
}

.input-group-icon .input-group-text {
	position: absolute;
	z-index: 9;
	right: 0px;
	top: 0px;
	background: transparent;
	border: none;
	cursor: pointer;
	height: 45px;
	width: 45px;
}

.floating-log-img {
	position: absolute;
	bottom: 0px;
	z-index: -1;
}

.left-building {
	left: 0px;
}

.right-building {
	right: 0px;
}

.header-section {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 0px 15px 0px 15px;
	z-index: 1049;
	background: transparent;
}

.header-section .navbar {
	margin: 40px 0px 0px 0px;
	background: #fff;
	box-shadow: 0px 0px 20px 3px rgba(4.000000000000006, 26.000000000000007, 47, 0.12);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	padding: 5px 10px 5px 10px;
	border-radius: 10px 10px 10px 10px;
}

.header-section .navbar .navbar-brand {
	padding: 10px;
}

.header-section .navbar .navbar-brand img {
	max-width: 154px;
}

.header-section .navbar .nav {
	padding: 10px;
}

.header-section .navbar .nav li>.nav-link {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #041A2F;
	padding: 10px 17px;
}

.header-section .navbar .nav li>.nav-link:hover {
	color: #0090FF;
}

.header-section .navbar .nav li>.nav-link.active {
	color: #0090FF;
	font-weight: 600;
}

.header-section .user-dropdown .avatar {
	width: 38px;
	height: 38px;
	background: #0090FF;
	border-radius: 50%;
	display: inline-block;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	margin-right: 12px;
}

.header-section .user-dropdown .btn {
	font-size: 16px;
	color: #041A2F;
	font-weight: 400;
	line-height: 20px;
	text-decoration: none;
	border: none;
	background: transparent;
}

.header-section .user-dropdown .btn .bi {
	color: #CDD1D5;
}

.container {
	max-width: 1400px;
}

.x-form .form-group ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.modal-form .modal-content {
	border: none;
}

.modal-form .modal-content .modal-body {
	padding: 40px;
	position: relative;
}

.modal-form .modal-content .modal-body h2 {
	color: #041A2F;
	font-size: 24px;
	font-weight: 600;
	margin: 0px 0px 14px 0px;
	line-height: 30px;
}

.modal-form .modal-content .modal-body .btn-close {
	position: absolute;
	right: 30px;
	top: 30px;
}

.modal-form .modal-dialog {
	max-width: 586px;
}


.dropdown-menu {
	border-radius: 8px;
	border: none;
	box-shadow: 0px 3px 28px 2px rgba(4, 26, 47, 0.05);
}

.dropdown-menu .dropdown-item {
	font-size: 14px;
	font-weight: 400;
	color: #041A2F;
}

.dropdown-menu .dropdown-item:disabled {
	color: rgba(33, 37, 41, 0.5);
}

.dropdown-item.active,
.dropdown-item:active {
	background: #f8f9fa;
}

.title-section {
	background: linear-gradient(180deg, #DAEDFC 0%, #FFFAF3 100%);
	width: 100%;
	padding-top: 72px;
	min-height: 161px;
}

.title-section h1 {
	padding: 80px 0px;
	font-weight: 600;
	font-size: 48px;
	color: #041A2F;
	margin: 0px;
	line-height: 60px;
}

.content {
	padding: 10px 0px;
}

.section-heading {
	font-size: 24px;
	font-weight: 600;
	color: #041A2F;
	margin-bottom: 12px;
	line-height: 1px;
}

hr {
	border-color: #C7CBCE;
}

.card {
	border-radius: 10px;
	border: 1px solid #C7CBCE;
}

.x-card {
	padding: 30px;
}

.media .avatar {
	width: 38px;
	height: 38px;
	background: #0090FF;
	border-radius: 50%;
	display: inline-block;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	margin-right: 0px;
	text-transform: uppercase;
}

.media h3 {
	font-size: 22px;
	font-weight: 500;
	color: #041A2F;
	margin-bottom: 0px;
}

.info-list li .icon {
	display: inline-block;
	margin-right: 8px;
}

.info-list li {
	font-size: 14px;
	color: #565C62;
	font-weight: 400;
	line-height: 18px;
	margin-bottom: 8px;
}


.empty-card {
	min-height: 390px;
	text-align: center;
	padding: 30px;
}

.empty-card .avatar {
	height: 116px;
	width: 116px;
	margin: 0px auto 40px;
}

.empty-card .avatar>a {
	display: block;
}

.empty-card h3 {
	font-size: 24px;
	font-weight: 600;
	color: #041A2F;
	margin-bottom: 10px;
}

.empty-card p {
	font-size: 20px;
	font-weight: 400;
	color: #565C62;
	margin-bottom: 0px;
}


.x-card .inline-form .form-control {
	padding: 14px 18px;
	border: 1px solid #F2F5F8;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}

.x-card p {
	color: #565C62;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin: 0px;
}

.x-alert {
	border: none;
	padding: 0px;
	border-radius: 18px;
	margin-bottom: 12px;
}

.x-alert .icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}

.x-alert .icon>img {
	height: 38px;
	width: 38px;
}

.x-alert .text {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.72px;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
}

.x-alert.alert-success {
	background: rgba(15, 134, 82, 0.10);
	color: #565C62;
}

.x-alert.alert-warning {
	background: rgba(240, 173, 0, 0.10);
	color: #565C62;
}

.x-alert.alert-secondary {
	background: rgba(86, 92, 98, 0.10);
	color: #565C62;
}

.x-alert.alert-danger {
	background: rgba(226, 30, 33, 0.10);
	color: #565C62;
}


.x-alert.alert-success .text {
	color: #565C62;
}

.state {
	padding: 30px 0px;
	border-bottom: 1px solid #C7CBCE;
}

.state:last-child {
	border: none;
}

.state h3 {
	color: #041A2F;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 12px;
}

.dot-list {
	margin-bottom: 18px;
}

.dot-list li {
	color: #565C62;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin: 0px;
	position: relative;
	padding: 0px 18px;
}

.dot-list li .num {
	color: #0090FF;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	text-decoration: none;
}

.dot-list li:first-child {
	padding: 0px;
}

.dot-list li:first-child:before {
	content: none;
}

.dot-list li:before {
	content: '';
	height: 4px;
	width: 4px;
	position: absolute;
	background: #A2ABB4;
	border-radius: 50%;
	left: 0px;
	top: 8px;
}

.dot-list .list-inline-item:not(:last-child) {
	padding-right: 18px;
	margin: 0px;
}

.input-group-btns {
	position: relative;
}

.btn-success {
	background: #D4E8DF;
	color: #0F8652;
}

.input-group-btns .g-btn {
	position: absolute;
	top: 14px;
	right: 18px;
	z-index: 9;
}

.g-btn .btn {
	font-size: 14px;
	border-radius: 4px;
	padding: 3px 8px;
	border: none;
	font-weight: 600;
	margin-left: 16px;
}

.g-btn .btn.btn-circle {
	border-radius: 50%;
	height: 24px;
	width: 24px;
	padding: 0px;
	font-size: 18px;
}

.input-group-btns .form-control:focus+.g-btn {
	opacity: 1;
}

.content-container {
	max-width: 790px;
	margin: 0px auto;
}

.content-top-move {
	margin-top: -138px;
	position: relative;
	z-index: 9;
	padding-bottom: 80px;
}

.media.media-lg .avatar {
	height: 44px;
	width: 44px;
	line-height: 44px;
	font-size: 16px;
}

.media.media-lg h3 {
	font-size: 28px;
	font-weight: 600;
}

.media.media-xlg .avatar {
	height: 62px;
	width: 62px;
	line-height: 62px;
	font-size: 24px;
}

.media.media-xlg h3 {
	font-size: 28px;
	font-weight: 600;
}

.x-tabs {
	padding: 40px;
}

.x-tabs .nav-tabs {
	border-color: #C7CBCE;
}

.x-tabs .nav-tabs .nav-link {
	padding: 0px 0px 20px 0px;
	margin: 0px 28px 0px 0px;
	font-size: 14px;
	color: #565C62;
	font-weight: 400;
	line-height: 18px;
	border: none;
	position: relative;
}

.x-tabs .nav-tabs .nav-link.active {
	font-weight: 600;
	color: #0090FF;
}

.x-tabs .nav-tabs .nav-link.active:after {
	content: '';
	height: 2px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #0090FF;
	display: block;
}

.form-data h4 {
	font-size: 18px;
	font-weight: 500;
	color: #041A2F;
	margin: 0px 0px 8px 0px;
	font-family: 'Figtree', sans-serif;
}

.form-data p {
	font-size: 14px;
	font-weight: 400;
	color: #565C62;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
}

.btn-light {
	background: #F2F5F8;
	color: #041A2F;
}

.form-btn .btn {
	padding: 10px 18px;
	letter-spacing: 0.14px;
	font-weight: 600;
	font-size: 14px;
	border-radius: 100px;
}

footer {
	background-color: #041A2F;
	padding: 120px 0px 80px 0px;
}

.brand-footer {
	margin: 0px 0px 25px 0px;
	max-width: 189px;
	display: block;
}

.brand-footer img {
	vertical-align: middle;
	display: inline-block;
	height: auto;
	max-width: 100%;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.footer-widget p {
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	color: #FFFFFFCC;
}

.footer-widget h6 {
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 24px;
	margin-bottom: 24px;
}

.footer-widget .nav .nav-item {
	margin-bottom: 14px;
}

.footer-widget .nav .nav-item .nav-link {
	padding: 0px;
	line-height: 28px;
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	margin: 0px;
	-webkit-transition: .2s ease;
	transition: .2s ease;
}

.footer-widget .nav .nav-item .nav-link:hover {
	color: #0090FF;
}

.subscribe-form {
	padding: 4px 0px 0px 0px;
}

.subscribe-form .form-control {
	border: 1px solid rgba(255, 255, 255, 0.20);
	border-radius: 24px !important;
	padding: 15px 24px;
	background: transparent;
	letter-spacing: 0.14px;
	font-size: 14px;
	line-height: 16px;
}

.subscribe-form .form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.50);
}

.input-group-btn .btn {
	position: absolute;
	z-index: 9;
	right: 0px;
	top: 0px;
	background: transparent;
	border: none;
	cursor: pointer;
	height: 48px;
	width: 54px;
	color: #fff;
	-webkit-transition: .2s ease;
	transition: .2s ease;
}

.input-group-btn .btn:hover {
	color: #0090FF;
}

.copy-right p {
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.80);
	margin: 0px;
}

.scroll-up {
	width: 48px;
	height: 48px;
	border: 1px solid rgba(255, 255, 255, 0.20);
	border-radius: 24px;
	display: inline-block;
	font-size: 50px;
	text-align: center;
	transition: all .3s;
	transition-duration: .3s;
	transition-property: transform;
}

.scroll-up>img {
	display: block;
	margin: 10px auto;
}

.scroll-up:hover {
	transform: scale(1.1);
}

.bottom-footer .social-list .list-inline-item:not(:last-child) {
	margin-right: 18px;
}

.bottom-footer .social-list a {
	transition: all .3s;
	transition-duration: .3s;
	transition-property: transform;
	display: block;
}

.bottom-footer .social-list a:hover {
	transform: scale(1.1);
}

.user-menu-list .list-inline-item:not(:last-child) {
	margin-right: 0px;
}

.user-menu-list .navbar-toggler {
	margin-right: 14px;
	padding: 10px 0px;
	border: none;
	display: none;
	height: 50px;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.text-red {
	color: red;
}

.text-white {
	color: #fff;
}

.border-left {
	border-left: solid 2px;
	border-color: #e5e1e1;
	padding-left: 20px;
}

.table-dropdown-menu {
	box-shadow: 0 8px 32px 0 rgba(19, 22, 27, 0.24);
}

.text-muted {
	color: #A2ABB4 !important;
}

.page-link {
	color: #0090FF;
}

.footer-widget .subscribe-form .input-group {
	flex-direction: column;
}

.footer-widget .subscribe-form .input-group input {
	width: 100%;
}

.offline-alert {
	position: fixed;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.active>.page-link,
.page-link.active {
	background-color: #0090FF;
	border-color: #0090FF;
}

@media (max-width: 575.98px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.floating-log-img {
		display: none;
	}

	.header-section {
		padding: 0px 0px;
	}

	.header-section .navbar {
		margin-top: 20px;
		padding: 0px;
		min-height: 50px;
		position: relative;
	}

	.header-section .navbar .navbar-brand img {
		max-width: 110px;
	}

	.header-section .navbar .navbar-brand {
		padding: 13px 14px;
	}

	.header-section .user-dropdown .avatar {
		width: 24px;
		height: 24px;
		background: #0090FF;
		border-radius: 50%;
		display: inline-block;
		color: #fff;
		font-weight: 700;
		font-size: 10px;
		line-height: 24px;
		text-align: center;
		margin-right: 6px;
	}

	.header-section .user-dropdown .btn {
		padding: 0px;
	}

	.user-menu-list .list-inline-item:not(:last-child) {
		margin-right: 16px;
	}

	.title-section {
		padding-top: 70px;
		min-height: 200px;
	}

	.title-section h1 {
		font-size: 24px;
		padding: 50px 0px;
		line-height: 30px;
	}

	.section-heading {
		font-size: 20px;
	}

	.content {
		padding: 30px 0px;
	}

	.scroll-up {
		margin: 24px auto;
	}

	.user-menu-list {
		position: absolute;
		top: 0px;
		right: 0px;
		min-height: 50px;
		z-index: 9;
	}

	.user-menu-list .navbar-toggler {
		display: block;
	}

	.toggle-menu {
		display: none;
	}

	.toggle-menu.show {
		display: block;
	}

	footer {
		padding: 40px 0px;
	}

	.footer-widget h6 {
		padding-top: 6px;
	}

	.bottom-footer {
		margin: 30px 0px 0px 0px;
		text-align: center;
	}

	.x-card {
		padding: 20px 16px;
	}

	.dot-list li {
		font-size: 12px;
	}

	.x-card p {
		font-size: 14px;
	}

	.x-alert .text {
		font-size: 10px;
	}

	.x-alert .icon {
		margin-right: 2px;
	}

	.x-alert .icon>img {
		height: 14px;
	}

	.content-container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.x-tabs {
		padding: 20px;
	}

	.content-top-move {
		margin-top: -85px;
	}

	.x-tabs .x-form .btn {
		padding: 14px 16px;
	}

	.brand {
		padding-bottom: 40px;
	}

	.card-form {
		padding: 30px;
		margin-bottom: 40px;
	}

	.x-form .form-forgot {
		margin: 16px 0px 24px 0px;
	}

	.card-form .sub-heading {
		font-size: 16px;
		margin: 0px 0px 24px 0px;
	}

	.card-form h2 {
		font-size: 20px;
	}

}


  .custom-multiselect {
    border: 1px solid #ccc;
    padding: 8px;
    min-height: 42px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
  }

  .custom-multiselect .selected-items {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .custom-multiselect .selected-items span {
    background-color: #007bff;
    color: white;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 14px;
    display: flex;
    align-items: center;
  }

  .custom-multiselect .selected-items span .remove {
    margin-left: 6px;
    cursor: pointer;
    font-weight: bold;
  }

  .custom-multiselect .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    background: white;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    display: none;
  }

  .custom-multiselect .dropdown div {
    padding: 8px;
    cursor: pointer;
  }

  .custom-multiselect .dropdown div:hover {
    background-color: #f0f0f0;
  }

  .custom-multiselect.open .dropdown {
    display: block;
  }