<style>
	.limiter>.container-login100 {
		padding: 0 !important;
		box-sizing: border-box;
	}

	.wrap-login100 {
		box-shadow: 0 1rem 2rem 5px rgb(157 157 157 / 40%);
		border-radius: 17%;
	}

	@media screen and (max-width: 560px) {
		.wrap-login100 {
			padding-left: 10px !important;
			padding-right: 10px !important;
			padding-top: 20px !important;
			padding-bottom: 20px !important;
			width: 100%;
			border-radius: 10px;
		}

		.container-login100 {
			overflow: hidden;
		}
	}

	.login100-form-title {
		text-align: center;
		color: #2658E0;
	}

	.whitelabelicon {
		margin-bottom: 30px;
	}

	.login100-form>.txt1 {
		padding-bottom: 11px;
		padding-left: 15px;
		font-size: 16px;
		color: #2658E0;
	}

	.login100-form>.wrap-input100 {
		border-radius: 25px;
		border-width: 2px;
	}

	.login100-form>.wrap-input100>.input100 {
		border-radius: 23px;
	}

	.login100-form>.wrap-input100>.focus-input100 {
		top: -2px;
		left: -2px;
		border-radius: 26px;
	}

	.login100-form>.container-login100-form-btn>.login100-form-btn {
		background-color: #0D2AB9;
		border: none;
		height: 45px;
		min-width: 110px;
		font-size: 20px;
	}

	.login100-form>.container-login100-form-btn>.login100-form-btn:hover {
		background-color: #26F7BA;
	}

	.aside {
		background: linear-gradient(151deg, rgba(32, 196, 177, 1) 0%, rgba(15, 52, 180, 1) 74%);
	}

	@media screen and (max-width: 670px) {
		.content {
			margin-left: 70px;
		}

		.page-header>.nav-tabs {
			row-gap: 20px !important;
			flex-direction: column;
		}

		.page-header>.nav-tabs :nth-child(2) {
			order: 3;
		}

		.page-header>.nav-tabs :nth-child(4) {
			order: 4;
		}

		.tab-pane>.row>div :nth-child(1) {
			flex-wrap: wrap;
			row-gap: 10px;
		}

		.tab-pane>.row>div :nth-child(1) .dropdown {
			margin-left: 0 !important;
			width: 100%
		}

		.tab-pane>.row>div :nth-child(1) .dropdown>button {
			width: 100%
		}

		.tab-pane :nth-child(1) :nth-child(2)>div {
			justify-content: space-between !important;
		}

		.tab-pane :nth-child(1) :nth-child(2)>div :nth-child(2) {
			width: 70%;
			margin-left: 0 !important;
		}

		.tab-pane :nth-child(1) :nth-child(2)>div :nth-child(1) {
			order: 2;
		}

		.tab-pane :nth-child(3)>.col-12 {
			padding: 0;
		}

		.daterangepicker {
			left: 80px !important;
		}

		.dropdown-menu {
			top: 10px !important;
			width: 100% !important;
		}

		.card-widget {
			border-radius: 40px;
		}

		#chartCard {
			min-height: 800px;
		}

		.card>.card-body {
			padding: 5px;
		}

	}

	.page-header {
		height: auto;
		padding: 10px 24px;
		display: flex;
		align-items: center;
		background: #DBDEDE;
	}

	.page-header>.nav-tabs {
		position: static;
		row-gap: 10px;
	}

	.page-header>.nav-tabs>.nav-item>.nav-link {
		padding: 0 16px;
		margin: 0;
		display: flex;
		align-items: center;
		border: none;
	}

	.page-header>.nav-tabs>.nav-item>.nav-link.active {
		border-bottom: 0;
		background: transparent;
	}


	aside .aside-navigation>li a span {
		color: rgba(255, 255, 255, 0.8);
	}

	aside .aside-navigation>li.active>a {
		background-color: #50ADC4;
		color: #0D29B4;
	}

	aside .aside-navigation>li.active>a>span {
		color: #0D29B4;
	}

	aside .aside-navigation>li.active>a>i {
		color: #0D29B4;
	}

	.page-header * {
		color: #9E9F9F !important;
	}

	#dashboardActivityTab *:not(.widget-icon>i) {
		color: #9E9F9F !important;
	}

	.page-header>.nav-tabs>.nav-item>.nav-link>i::before {
		color: #6e6e6e;
		font-size: 22px;
	}

	.container-fluid {
		justify-content: flex-end !important;
	}

	.user-logged {
		border: none !important;
		color: #0D29B4;
	}

	.user-logged>i::before {
		content: "\f007";
		font-size: 20px;
	}

	.user-logged::after {
		color: #0D29B4 !important;
	}

	.nav-item>a>.fa-plug::before {
		font-size: 24px;
	}

	.aside-navigation i:not(.fa-plug, .fa-cog, .fa-user-plus) {
		font-size: 24px;
		font-weight: 300;
	}

	.card-widget>.widget-icon {
		background-color: #38F0D0;
	}

	.card-widget .widget-icon i {
		color: #fff;
		font-size: 20px;
	}

	.btn-tertiary>.fa-download {
		font-size: 20px;
	}

	.btn-tertiary>.fa-sliders-h {
		font-size: 20px;
	}

	.checkbox-login {
		margin-right: 20px;
		transform: scale(2);
	}

	.checkbox-label {
		margin-right: 5px;
		transform: scale(1.5);
	}

	.conversation-header .dropdown-item .fa-check {
		display: none;
	}


	.popup-forgot-pass {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: none;
		width: 70%;
		min-width: 350px;
		max-width: 730px;
		min-height: 220px;
		background: white;
		padding: 20px;
		border: 1px solid #ccc;
		border-radius: 30px;
		z-index: 2;
		box-sizing: border-box;
	}


	.popup-forgot-pass-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		z-index: 1;
	}

	.popup-forgot-pass-overlay-show {
		opacity: 1;
		visibility: visible;
	}

	.forgot-pass-link {
		padding-left: 10px;
		display: flex;
		align-items: center;
		text-decoration: underline;
		color: rgb(38, 88, 224);
	}

	.forgot-pass-link:hover {
		cursor: pointer;
	}

	.container-login100-form-btn {
		flex-direction: row-reverse;
		justify-content: space-between;
	}

	.forgot-email-btn {
		background-color: #0D2AB9;
		border: 1px solid #0D2AB9;
		height: 55px;
		min-width: 110px;
		font-size: 20px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	.forgot-email-btn:hover {
		cursor: pointer;
		color: #0D2AB9;
		background-color: white;
	}

	.forgot-email-input {
		border-radius: 23px;
	}

	.forgot-email-span {
		display: block;
		padding-bottom: 11px;
		padding-left: 15px;
		font-size: 16px;
		color: #2658E0;
	}

	.forgot-input-container {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.forgot-input-container>div>.focus-input100 {
		top: -2px;
		left: -2px;
		border-radius: 26px;
	}

	.forgot-input-container>div {
		border-radius: 25px;
		border-width: 2px;
	}

	.forgot-pass-error {
		min-height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow-wrap: break-word;
		background-color: #ff0000a1;
		border-radius: 5px;
	}

	.forgot-pass-success {
		min-height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow-wrap: break-word;
		background-color: #54ff66a1;
		border-radius: 5px;
	}

	.inbox-conversations .fa-ellipsis-v {
		color: white;
	}

	.inbox-conversations .profile-label-icon {
		right: 10px;
		top: 2px;
		bottom: 0;
	}

	.inbox-conversations .profile-note-icon {
		right: 5px;
		bottom: 0.2rem;
		position: absolute;
		visibility: visible;
		opacity: 1;
	}

	.inbox-conversations .profile-note-icon>div>i {
		color: #acb3b4;
	}

	.inbox-conversations .profile-note-icon>div>i.active {
		color: #3bc0c3;
	}


	.inbox-conversations .message-dropdown {
		display: none;
		background-color: white;
		border-radius: 0.75rem;
		z-index: 9999;
	}

	.inbox-conversation:hover {
		z-index: 1 !important;
	}

	.inbox-conversation.hovered {
		z-index: 10 !important;
	}

	.knowledge-base-image {
		width: 28px;
		margin-right: 4px;
		margin-left: 4px;
	}


	@media screen and (max-width:720px) {
		.inbox-rightbar {
			margin: 0 !important;
			z-index: 1;
		}

		.inbox-leftbar {
			flex: 1;
		}

		.conversation-header .ml-auto {
			margin-left: 0 !important;
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.conversation-header .profile-content {
			display: none;
		}

		.conversation-header>a {
			display: none;
		}

		.message-direction.message-direction-sys {
			width: 70%;
		}

		.message-direction.message-direction-in {
			width: 70%;
		}

		.message-direction.message-direction-out {
			width: 70%;
		}

		.message-direction.message-direction-out[message_id="new_message"] {
			width: 100%;
		}

		.page-inbox-header {
			display: none;
		}

		.page-inbox {
			margin: 0 1rem;
			background-color: white;
		}

		.page-inbox-container {
			margin-top: 20px;
			box-shadow: none;
		}

		.inbox-conversations {
			padding: 0;
		}

		.conversation-header .custom-control-label {
			font-size: 12px;
		}

		.navbar-inbox-page {
			margin-left: 0 !important;
			left: 0 !important;
			width: 100% !important;
		}

		.content-inbox-page {
			background-color: white;
			margin-left: 0 !important;
			left: 0 !important;
			width: 100% !important;
		}

		.inbox-rightbar .conversation-header .profile-label {
			height: 40px;
			width: 40%;
		}
	}


	.aside-toggler-btn1 {
		position: absolute;
		left: 10px;
		display: flex;
		color: #fff;
		width: 2rem;
		height: 2rem;
		align-items: center;
		justify-content: center;
		background-color: #233243;
		border: 1px solid #8492af;
		border-radius: 50%;
		z-index: 50;
	}

	.aside-toggler-btn2 {
		display: flex;
		position: absolute;
		color: #fff;
		top: 2.5rem;
		right: 1.5rem;
		width: 2rem;
		height: 2rem;
		align-items: center;
		justify-content: center;
		background-color: #233243;
		border: 1px solid #8492af;
		border-radius: 50%;
		z-index: 50;
	}

	@media screen and (max-width:760px) {
		.card-body {
			width: 100%;
		}

		.card-profile-views .profile-image {
			margin-top: 3rem;
		}

		#dashboardSSITab .row {
			flex-direction: column;
			margin: 0;
		}

		#dashboardSSITab .col-6 {
			max-width: 100%;
			padding: 0;
		}

		#dashboardSSITab .card-body .row {
			row-gap: 0;
			margin: 0;
			padding: 0.5rem;
		}

		#dashboardSSITab .card-body .row .col-3 {
			max-width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		#dashboardSSITab .card-body .row .col-12 {
			padding: 0;
		}
	}

	.paymentAddButton {
		margin-bottom: 8px;
		width: 100px;
		display: flex;
		align-items: center;
		column-gap: 10px;
		cursor: pointer;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		color: #3bc0c3;
	}

	.invoiceLink {
		position: relative;
		color: #0072ff;
	}

	.invoiceLink a {
		padding: 5px;
		width: 76%;
		height: 100%;
		color: #0072ff;
	}

	.invoiceLink i {
		position: absolute;
		top: 0;
		right: 0;
		padding: 10px;
		display: inline-block;
		color: #000;
		cursor: pointer;
	}

	.status-billing-section {
		position: relative;
	}

	.status-billing-section select {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		border: 0;
		color: #fff;
		border-radius: 0;
	}

	.option-billing-section {
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		border-radius: 0;
	}

	.option-billing-section select option {
		zoom: 2;
	}

	.status-billing-section select:focus-visible {
		border: 0;
	}

	.status-billing-section select:focus {
		border: 0;
	}

	#tableContainer #paymentTable {
		width: 100%;
		font-size: 14px;
		font-family: 'Roboto', sans-serif;
	}

	#tableContainer #paymentTable table {
		border-collapse: collapse;
		width: 100%;
	}

	#tableContainer #paymentTable th,
	td {
		padding: 5px;
		max-width: 100px;
		border: 1px solid black;
	}

	#tableContainer #paymentTable td:focus-visible {
		outline: 0;
		border-width: 2px;
	}

	#tableContainer #paymentTable th {
		background-color: #f2f2f2;
	}

	#tableContainer #paymentTable tr:hover {
		background-color: #f5f5f5;
	}

	#tableContainerCampaign #campaignTable {
		width: 100%;
		font-size: 14px;
		font-family: 'Roboto', sans-serif;
	}

	#tableContainerCampaign #campaignTable table {
		border-collapse: collapse;
		width: 100%;
	}

	#tableContainerCampaign #campaignTable th,
	td {
		padding: 5px;
		max-width: 100px;
		border: 1px solid black;
	}

	#tableContainerCampaign #campaignTable td:focus-visible {
		outline: 0;
		border-width: 2px;
	}

	#tableContainerCampaign #campaignTable th {
		background-color: #f2f2f2;
	}

	#tableContainerCampaign #campaignTable tr:hover {
		background-color: #f5f5f5;
	}

	.removeBillingRow {
		padding-left: 10px;
		width: 25px;
		cursor: pointer;
		border: 0;
		color: #d44141;
	}

	.billing-section-image {
		margin-left: 6px;
	}

	.billing-section-nav span {
		margin-left: 8px;
	}

	.info-billing-section-container {
		display: flex;
		column-gap: 30px;
	}

	@media screen and (max-width: 670px) {
		.info-billing-section-container {
			flex-direction: column;
		}

		.info-billing-section-container .form-control {
			width: 100% !important;
		}
	}

	.info-billing-section-form {
		width: 100%;
	}

	.info-billing-title {
		display: flex;
		align-items: center;
	}

	.info-billing-title span {
		margin-left: 10px;
		font-weight: 600;
		font-size: 16px;
	}


	.inbox {}
</style>